/* CSS Document */
/*----- last up date 20220331 -----*/

div.site-content{width:100%; margin:auto;}
div.site-content section {margin: 0 auto; width: 100%; position: relative;}
div.site-content section * img{width:100%; height:auto;}

div.site-content section figure{margin:0; padding:0; overflow:hidden;}
div.site-content section:not(.mainImg) figure img{transform: scale(30%, 30%); -webkit-transform: scale(.3 , .3); transition:0.4s;}
div.site-content section:not(.mainImg) figure.active img{transform: scale(100%, 100%); -webkit-transform: scale(1 , 1);}
div.site-content section:not(.mainImg) figure img:hover{transform: scale(110%, 110%); -webkit-transform: scale(1.1, 1.1);}



/*---==============================---*/
/*---======== about page ==========---*/
/*---==============================---*/

div.site-content div.aboutWrap{}
div.site-content div.aboutWrap section.content01 {
	padding-top: 30vw;
	background: url(../images/lower/l-img_about_01.png) no-repeat center top/100%;
	margin-bottom: 60px;
}

div.site-content div.aboutWrap section.content01 h2 {
	max-width: 658px;
	height: auto;
	margin: 60px auto 30px;
	width: 20%;
}

div.site-content div.aboutWrap section.content01 .textWrap {
	width: calc(100% - 200px);
	max-width: 1000px;
	background:
		url(../images/lower/l-img_about_03.png) no-repeat left bottom /60px,
		url(../images/lower/l-img_about_04.png) no-repeat right bottom / 60px;
	margin: auto;
	text-align: center;
	line-height: 2;
}

div.site-content div.aboutWrap section.content02 {
	height: 64vw;
	background: url(../images/lower/l-img_about_05.jpg) no-repeat center bottom/100%;
	margin: 0 auto;
}

div.site-content div.aboutWrap section.content02 h3 {
	font-size: min(4vw , 80px);
	color: #76b840;
	text-shadow: #e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px;
	position: absolute;
	right: -35vw;
	top: 13vw;
	line-height: 1.2;
	left: 0;
	margin: auto;
	width: 30%;
	min-width: 450px;
}

div.site-content div.aboutWrap section.content02 p {
	font-size: min(3.5vw , 40px);
	color: #5c6871;
	text-shadow: #e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px;
	position: absolute;
	right: -47vw;
	top: 25vw;
	width: 40%;
	min-width:580px;
	left: 0;
	margin: auto;
}

div.site-content div.aboutWrap section.content03 {
	height: 67vw;
	background: url(../images/lower/l-img_about_06.jpg) no-repeat center bottom/100%;
}

div.site-content div.aboutWrap section.content03 p {
	font-size: min(5vw , 40px);
	color: #5c6871;
	position: absolute;
	text-shadow: #e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px;
	left: -25vw;
	right: 0;
	margin: auto;
	width: 40%;
	top: 22vw;
	min-width: 424px;
}

div.site-content div.aboutWrap section.content03 p span {
	font-size: min(5.5vw , 60px);
	text-shadow: none;
}
div.site-content div.aboutWrap section.content03 p strong {
	color: #fff;
	background: #76b840;
	padding: 5px 10px;
	font-size: min(5.5vw , 60px);
}

div.site-content div.aboutWrap section.content04 h2 {
	font-size: min(7vw , 50px);
	padding: 80px 0;
	text-align: center;
	color: #616471;
}

div.site-content div.aboutWrap section.content05 {
	background: url(../images/lower/l-img_about_07.jpg) no-repeat center top / 100%;
	padding: 100px 0;
}

div.site-content div.aboutWrap section.content05 ul {
	width: 80%;
	max-width: 1000px;
	margin: auto;
	padding: 0;
}

div.site-content div.aboutWrap section.content05 ul li {
	position: relative;
	background: #91979f;
	font-size: min(3.5vw , 30px);
	text-align: left;
	margin: auto;
	height: 150px;
	color: #fff;
	display: flex;
	align-items: center;
	line-height: 1.5;
	margin-left: 250px;
	padding-left: 90px;
	justify-content: flex-start;
}

div.site-content div.aboutWrap section.content05 ul li + li{margin-top:120px;}

div.site-content div.aboutWrap section.content05 ul li::before {
	content: "";
	background: no-repeat center center/100%;
	width: 250px;
	height: 250px;
	position: absolute;
	left: -200px;
	top: -50px;
}

div.site-content div.aboutWrap section.content05 ul li:nth-of-type(1):before {background-image:url(../images/lower/l-icon_about_01.png);}
div.site-content div.aboutWrap section.content05 ul li:nth-of-type(2):before {background-image:url(../images/lower/l-icon_about_02.png);}
div.site-content div.aboutWrap section.content05 ul li:nth-of-type(3):before {background-image:url(../images/lower/l-icon_about_03.png);}

div.site-content div.aboutWrap section.content05 h3 {
	font-size: min(4vw , 50px);
	color: #76b840;
	text-shadow: #e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px,#e1e6ec 0 0 7px;
	line-height: 1.6;
	text-align: center;
	margin: 90px auto 0;
}

div.site-content div.aboutWrap section.content06{padding:100px 0;}
div.site-content div.aboutWrap section.content06 dl {
	width: 100%;
	max-width: 1000px;
	margin: auto;
}
div.site-content div.aboutWrap section.content06 dl dd {
	width: 46%;
}
div.site-content div.aboutWrap section.content06 dl dd figure,
div.site-content div.aboutWrap section.content06 dl dd figure img{width: 100%; height:auto;}
div.site-content div.aboutWrap section.content06 dl dt {
	background: url(../images/lower/l-img_about_09.jpg) no-repeat center top / 100%;
	width: 54%;
	padding:100px 50px 0;
}
div.site-content div.aboutWrap section.content06 dl dt p {
	font-size: min(2vw , 20px);
	color: #5a6167;
}
div.site-content div.aboutWrap section.content06 dl dt p + p{margin-top:30px;}




/*---====================================---*/
/*---======== material page ==========---*/
/*---====================================---*/

div.site-content div.materialWrap{}
div.site-content div.materialWrap section.content01 {margin-bottom:70px;}
div.site-content div.materialWrap section.content01 h2 {
	max-width: 831px;
	margin: 40px auto 20px;
	width: 35%;
}
div.site-content div.materialWrap section.content01 ul {
	height: 70vw;
	background: url(../images/lower/l-img_material_02.jpg) no-repeat center top/100%;
	position: relative;
}
	
div.site-content div.materialWrap section.content01 ul li {
	width: 22%;
	height: auto;
	position: absolute;
	opacity: 0;
	transform: translate(0%, 30%);
	left: 0;
	right: 0;
	margin: auto;
}

div.site-content div.materialWrap section.content01 ul.active li{opacity:1; transform: translate(0%, 0%);}
div.site-content div.materialWrap section.content01 ul li:nth-of-type(1) {
	transition: .7s;
	top: 10vw;
	left: -40vw;
}
div.site-content div.materialWrap section.content01 ul li:nth-of-type(2) {
	transition: .3s;
	top: 32vw;
	left: -65vw;
}
div.site-content div.materialWrap section.content01 ul li:nth-of-type(3) {
	transition: .5s;
	top: 32vw;
	left: -15vw;
}

div.site-content div.materialWrap section.content01 p,
div.site-content div.materialWrap section.content01 p * {
	text-align: center;
	line-height: 2;
}
	
div.site-content div.materialWrap section.content01 p strong{color:#73be35;}


div.site-content div.materialWrap section.content02,
div.site-content div.materialWrap section.content03,
div.site-content div.materialWrap section.content04,
div.site-content div.materialWrap section.content05{margin-bottom:70px;}

div.site-content div.materialWrap section.content02 h3 {
	height: 50vw;
	background: url(../images/lower/l-img_material_03.jpg) no-repeat center bottom/100%;
	position: relative;
}
div.site-content div.materialWrap section.content02 h3 span {
	background: rgba(255,255,255,.8);
	padding: 10px 20px;
	font-size: min(4vw ,25px);
	position: absolute;
	text-align: center;
	top: 70px;
	color: #49362b;
	right: -370px;
	margin: auto;
	width: 560px;
	left: 0;
}
div.site-content div.materialWrap section.content02 h3 span + span {
	top: 140px;
}
div.site-content div.materialWrap section.content02 h3 span strong {
	font-size: min(5vw ,44px);
	color: #73be35;
	font-weight: bold;
}

div.site-content div.materialWrap section.content02 h3 + p:before,
div.site-content div.materialWrap section.content03 h3 + p:before,
div.site-content div.materialWrap section.content04 h3 + p:before{
	content: "";
	background: no-repeat center top / 100%;
	width: 15%;
	height: 7vw;
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin: auto;
}

div.site-content div.materialWrap section.content02 h3 + p:before{background-image: url(../images/lower/l-icon_material_04.png);}
div.site-content div.materialWrap section.content03 h3 + p:before{background-image: url(../images/lower/l-icon_material_05.png);}
div.site-content div.materialWrap section.content04 h3 + p:before{background-image: url(../images/lower/l-icon_material_06.png);}
div.site-content div.materialWrap section.content02 h3 + p,
div.site-content div.materialWrap section.content03 h3 + p,
div.site-content div.materialWrap section.content04 h3 + p{padding-top:13vw;}
div.site-content div.materialWrap section.content02 p,
div.site-content div.materialWrap section.content03 p,
div.site-content div.materialWrap section.content04 p,
div.site-content div.materialWrap section.content02 p *,
div.site-content div.materialWrap section.content03 p *,
div.site-content div.materialWrap section.content04 p *{
	font-size: min(3vw , 20px);
	text-align: center;
	position: relative;
	line-height: 1.8;
}
	
div.site-content div.materialWrap section.content02 p strong,
div.site-content div.materialWrap section.content03 p strong,
div.site-content div.materialWrap section.content04 p strong{color:#73be35;}
div.site-content div.materialWrap section.content02 p + p,
div.site-content div.materialWrap section.content03 p + p,
div.site-content div.materialWrap section.content04 p + p{margin-top:30px;}
div.site-content div.materialWrap section.content02 p span {
	font-size: 80%;
	text-align: right;
	width: 100%;
	display: block;
	max-width: 1000px;
	margin: auto;
}



div.site-content div.materialWrap section.content03{margin-bottom:0;}

div.site-content div.materialWrap section.content03 h3 {
	height: 70vw;
	background: url(../images/lower/l-img_material_04.jpg) no-repeat center top/100%;
	position: relative;
}
div.site-content div.materialWrap section.content03 h3::after {
	content: "";
	background: url(../images/lower/l-img_material_05_text.png) no-repeat center top/100%;
	max-width: 265px;
	height: 1143px;
	position: absolute;
	right: -50vw;
	top: 25vw;
	width: 9%;
	left: 0;
	margin: auto;
}

div.site-content div.materialWrap section.content03 h3 span {
	background: rgba(255,255,255,.8);
	padding: 10px 20px;
	font-size: min(4vw ,25px);
	position: absolute;
	text-align: center;
	bottom: 110px;
	color: #49362b;
	left: 0;
	margin: auto;
	width: 600px;
	right: 400px;
}

div.site-content div.materialWrap section.content03 h3 span + span {
	bottom: 10px;
	left: 5vw;
}
div.site-content div.materialWrap section.content03 h3 span strong {
	font-size: min(5vw ,44px);
	color: #73be35;
	font-weight: bold;
}

div.site-content div.materialWrap section.content03 p {
	background: url(../images/lower/l-img_material_05.jpg) no-repeat center top;
	padding-bottom: 100px;
}

div.site-content div.materialWrap section.content04 h3 {
	height: 60vw;
	background: url(../images/lower/l-img_material_06.jpg) no-repeat center top/100%;
	position: relative;
}

div.site-content div.materialWrap section.content04 h3::after {
	content: "";
	background: url(../images/lower/l-img_material_06_text.png) no-repeat center top / 100% auto;
	width: 50%;
	max-width: 1332px;
	position: absolute;
	right: -30vw;
	left: 0;
	height: 27vw;
	margin: auto;
	top: 12vw;
}
div.site-content div.materialWrap section.content04 h3 span {
	background: #fff;
	padding: 20px;
	font-size: min(4vw ,30px);
	position: absolute;
	text-align: center;
	bottom: 0px;
	color: #49362b;
	width: 100%;
}

div.site-content div.materialWrap section.content04 h3 span strong {
	font-size: min(5vw ,50px);
	background-color: #73be35;
	color: #fff;
	margin: 0 6px;
	padding: 5px 0;
}

div.site-content div.materialWrap section.content05 h3 {
	color: #616471;
	font-size: min(5vw ,35px);
	position: relative;
	margin-bottom: 50px;
	text-align: center;
}

div.site-content div.materialWrap section.content05 h3::after {
	content: "";
	background: rgb(59,49,47);
	background: linear-gradient(79deg, rgba(59,49,47,1) 0%, rgba(132,109,65,1) 100%);
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 2px;
}

div.site-content div.materialWrap section.content05 dl {
	width: 100%;
	max-width: 1000px;
	margin: auto;
}
div.site-content div.materialWrap section.content05 dl dt {
	width: 50%;
	padding: 0 50px;
}
div.site-content div.materialWrap section.content05 dl dd{width:50%;}
div.site-content div.materialWrap section.content05 dl dt:nth-of-type(1){order:1;}
div.site-content div.materialWrap section.content05 dl dt:nth-of-type(2){order:4;}
div.site-content div.materialWrap section.content05 dl dd:nth-of-type(1){order:2;}
div.site-content div.materialWrap section.content05 dl dd:nth-of-type(2){order:3;}
div.site-content div.materialWrap section.content05 dl dt h4 {font-size: min(4vw , 20px); text-align: center;}
div.site-content div.materialWrap section.content05 dl dt h4 strong{font-size:min(5vw , 35px);}
div.site-content div.materialWrap section.content05 dl dt h4 strong span{font-size:min(5vw , 50px); color:#73be35;}
div.site-content div.materialWrap section.content05 dl dt p {
	font-size: min(3vw , 18px);
	line-height: 1.8;
	margin-top: 10px;
}
div.site-content div.materialWrap section.content05 dl dt p strong {
	font-size: min(3vw , 20px);
	color: #73be35;
	font-weight: bold;
}
div.site-content div.materialWrap section.content05 dl dt p + img {
	width: 80%;
	margin: 20px auto 0;
	display: block;
}

div.site-content div.materialWrap section.content06 {
	padding: 50px 0;
	background: url(../images/lower/l-img_material_10.jpg) no-repeat center top/100%;
	position: relative;
}

div.site-content div.materialWrap section.content06 h2 {
	max-width: 955px;
	margin: 50px auto 50px;
	width: 35%;
}

div.site-content div.materialWrap section.content06 div.contentWrap {
	width: 90%;
	max-width: 1000px;
	border: solid #949289 2px;
	border-radius: 30px;
	margin: auto;
	background: #fff;
}

div.site-content div.materialWrap section.content06 div.contentWrap h3,
div.site-content div.materialWrap section.content06 div.contentWrap h3 * {
	font-size: min(6vw , 30px);
	text-align: center;
	padding: 40px 0;
}

div.site-content div.materialWrap section.content06 div.contentWrap h3 strong{color:#73be35;}

div.site-content div.materialWrap section.content06 div.contentWrap p {
	padding: 20px 40px;
	font-size: min(3.5vw , 19px);
	line-height: 1.8;
}

div.site-content div.materialWrap section.content06 div.contentWrap p strong {
	font-size: min(3.5vw , 20px);
	font-weight: bold;
}

div.site-content div.materialWrap section.content06 div.contentWrap p strong.underLine{background-color:#fbf0d2;}

div.site-content div.materialWrap section.content06 > a {
	display: block;
	width: 50%;
	max-width: 1000px;
	margin: 50px auto;
}


/*---====================================---*/
/*---======== sustainable page ==========---*/
/*---====================================---*/

div.site-content div.sustainableWrap{}
div.site-content div.sustainableWrap section.content01 {
	height: calc(67vw + 240px);
	background: url(../images/lower/l-img_sustainable_01.jpg) no-repeat center bottom/100%;
	padding-top: 240px;
}

div.site-content div.sustainableWrap section.content01 h2 {
	font-size: 25px;
	text-align: center;
	color: #696a70;
	padding: 0 10px 20px;
	border-bottom: 2px solid #696a70;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 30px;
}
div.site-content div.sustainableWrap section.content01 h2 strong{font-size:35px; color:#696a70; font-weight:bold;}
div.site-content div.sustainableWrap section.content01 p {
	color: #696a70;
	text-align: center;
	line-height: 1.8;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 120px;
}

div.site-content div.sustainableWrap section.content02 {
	height: calc(650px + 170px);
	background: url(../images/lower/l-img_sustainable_02.jpg) no-repeat center bottom/100%;
	padding-top: 170px;
	max-width: 1000px;
}

div.site-content div.sustainableWrap section.content02 h3 {
	font-size: min(5.5vw , 30px);
	color: #404040;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0;
	top: 0;
}

div.site-content div.sustainableWrap section.content02 h3 strong {
	color: #76b840;
	font-size: min(10vw , 50px);
}

div.site-content div.sustainableWrap section.content03{}
div.site-content div.sustainableWrap section.content03 h3 {
	font-size: min(4vw , 40px);
	text-align: center;
	margin-bottom: 50px;
}
div.site-content div.sustainableWrap section.content03 h3 strong {
	color: #fff;
	background: #76b840;
	padding: 5px 10px;
	font-size: min(4vw , 45px);
	margin: 0 5px;
}
div.site-content div.sustainableWrap section.content03 dl {
	width: 85%;
	max-width: 1000px;
	border: solid 2px #868381;
	border-radius: 10px;
	padding: 20px 30px;
	margin: auto;
}

div.site-content div.sustainableWrap section.content03 dl dd{width:30%}
div.site-content div.sustainableWrap section.content03 dl dt {
	width: 70%;
	padding: 30px 0;
}
div.site-content div.sustainableWrap section.content03 dl dt strong {
	color: #76b840;
	font-weight: bold;
	font-size: min(3vw , 24px);
}

div.site-content div.sustainableWrap section.content04{margin-top:100px;}
div.site-content div.sustainableWrap section.content04 h3 {
	font-size: min(5vw , 40px);
	text-align: center;
	margin-bottom: 30px;
}
div.site-content div.sustainableWrap section.content04 h4 {
	font-size: min(3vw , 30px);
	color: #76b840;
	text-align: center;
	margin-bottom: 30px;
}
div.site-content div.sustainableWrap section.content04 p {
	font-size: min(2vw , 20px);
	text-align: center;
	margin-bottom: 50px;
	color: #616471;
	line-height: 1.8;
}

div.site-content div.sustainableWrap section.content05{margin-top:100px;}
div.site-content div.sustainableWrap section.content05 h3 {
	font-size: min(5vw , 40px);
	text-align: center;
	margin-bottom: 30px;
}
div.site-content div.sustainableWrap section.content05 h4 {
	height: 735px;
	background: url(../images/lower/l-img_sustainable_05.jpg) no-repeat center top -10vw/100%;
	position: relative;
	max-width: 1000px;
	margin: auto;
}

div.site-content div.sustainableWrap section.content05 h4 span {
	background: rgba(255,255,255,.8);
	padding: 10px 40px;
	font-size: min(4vw ,25px);
	position: absolute;
	text-align: left;
	top: 80px;
	color: #49362b;
	left: 0;
	margin: auto;
	width: 630px;
	right: 430px;
}

div.site-content div.sustainableWrap section.content05 h4span + span {top: 70vw; left: 5vw;}
div.site-content div.sustainableWrap section.content05 h4 span strong {
	font-size:min(4vw ,32px);
	color: #73be35;
	font-weight: bold;
}

div.site-content div.sustainableWrap section.content05 p {
	font-size: min(4vw ,24px);
	text-align: center;
	margin: 40px auto;
}
div.site-content div.sustainableWrap section.content05 p strong {
	color: #76b840;
	font-weight: bold;
	font-size: min(4vw ,34px);
}

div.site-content div.sustainableWrap section.content06{margin-top:70px;}
div.site-content div.sustainableWrap section.content06 h3 {
	font-size: min(5vw , 40px);
	text-align: center;
	margin-bottom: 20px;
	color: #76b840;
}
div.site-content div.sustainableWrap section.content06 dl {
	background: #ededed;
	padding: 20px;
	width: 100%;
	max-width: 1000px;
	margin: auto;
}
div.site-content div.sustainableWrap section.content06 dl dd {
	width: 20%;
}
div.site-content div.sustainableWrap section.content06 dl dt {
	width: 75%;
	font-size: min(3vw ,20px);
	line-height: 2;
	padding:30px 10px;
}
div.site-content div.sustainableWrap section.content06 dl dt strong {
	background: #fff799;
	font-size: min(3vw ,25px);
}


div.site-content div.sustainableWrap section.content07{margin-top:70px;}
div.site-content div.sustainableWrap section.content07 h3{font-size:min(5vw , 40px); text-align:center; margin-bottom:10px; color:#76b840;}
div.site-content div.sustainableWrap section.content07 h4 {
	width: 100%;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	padding: 15px 0;
	text-align: center;
	font-size: min(3vw , 25px);
	margin: 0 auto 20px;
}
div.site-content div.sustainableWrap section.content07 ul {
	width: 90%;
	max-width: 1000px;
	margin: 20px auto;
	background: #f7f7f7;
	border-radius: 10px;
	justify-content: flex-start;
	padding: 20px;
}
div.site-content div.sustainableWrap section.content07 ul li {
	width: 49%;
	position: relative;
	height: 145px;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
div.site-content div.sustainableWrap section.content07 ul li:nth-of-type(2n + 2) {margin-left:2%;}
div.site-content div.sustainableWrap section.content07 ul li figure {
	position: absolute;
	left: 0;
	top: 0;
	width: 145px;
}
div.site-content div.sustainableWrap section.content07 ul li figure img{vertical-align:bottom;}
div.site-content div.sustainableWrap section.content07 ul li p {
	font-size: min(2vw , 15px);
	background: #fff;
	padding: 10px 10px 10px 155px;
	height: 145px;
	display: flex;
	align-items: center;
}

div.site-content div.sustainableWrap section.content07 > a {
	display: block;
	width: 50%;
	max-width: 1000px;
	margin: 50px auto;
}
	



/*---==============================---*/
/*---======== company page ==========---*/
/*---==============================---*/

div.site-content div.companyWrap {
	width: 96%;
	max-width: 1000px;
	margin: 50px auto;
}

div.site-content div.companyWrap section.content01 {width: 100%;}
div.site-content div.companyWrap section.content01 h2 {
	font-size: min(5vw , 30px);
	position: relative;
	padding-bottom: 70px;
	text-align: center;
}
div.site-content div.companyWrap section.content01 h2::after {
	content: "";
	background-color: #bdbdbd;
	height: 4px;
	width: 130px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	margin: auto;
	border-radius: 80px;
}
div.site-content div.companyWrap section.content01 table {width: 100%;}
div.site-content div.companyWrap section.content01 table *{font-size: min(3vw , 20px);}
div.site-content div.companyWrap section.content01 table tr{border-bottom:#CCC solid 1px;}
div.site-content div.companyWrap section.content01 table tr:last-child{border-bottom:none;}
div.site-content div.companyWrap section.content01 table th {font-weight: bold; padding: 20px 10px; vertical-align: top;}
div.site-content div.companyWrap section.content01 table td{padding:20px 10px;}
div.site-content div.companyWrap section.content01 table td iframe{
	border: 0px none;
	max-width: 100%;
	max-height: 4800px;
	margin: 20px 30px 0 30px;
}



/*---==============================---*/
/*---======== contact page ==========---*/
/*---==============================---*/

div.site-content div.contactWrap{
	width:96%;
	max-width: 1000px;
	margin: 50px auto;
	}

div.site-content div.contactWrap h2 {
	font-size: min(5vw , 40px);
	position: relative;
	padding-bottom: 70px;
	text-align: center;
}
div.site-content div.contactWrap h2::after {
	content: "";
	background-color: #bdbdbd;
	height: 4px;
	width: 130px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	margin: auto;
	border-radius: 80px;
}

div.site-content div.contactWrap > p {
	font-size: min(3.5vw , 20px);
	position: relative;
	text-align: center;
	padding-bottom: 60px;
}

div.site-content div.contactWrap dl{}
div.site-content div.contactWrap dl dt {
	width: 100%;
	font-weight: normal;
	background: #E5E5E5;
	text-align: left;
	font-size: min(4vw , 20px);
	padding: 7px 30px;
	margin: 0 auto 10px;
}

div.site-content div.contactWrap dl dd {
	width: 95%;
	text-align: left;
	margin-bottom: 40px;
}
div.site-content div.contactWrap dl dd input,
div.site-content div.contactWrap dl dd textarea {
	font-size: min(4vw , 20px);
	padding: 0 10px;
	max-width: 100%;
}

div.site-content div.contactWrap dl dd label > span{font-size: min(3vw , 18px);}

div.site-content div.contactWrap ul{width:50%; margin:20px auto 100px;}
div.site-content div.contactWrap ul li input {
	font-size: min(3vw , 18px);
	padding: 5px 30px;
	cursor: pointer;
	font-family: Yu Gothic , "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}




/*---==============================---*/
/*---======== product page ==========---*/
/*---==============================---*/

div.site-content div.productWrap{
	width:96%;
	max-width: 1000px;
	margin: 50px auto;
	}

div.site-content div.productWrap section.content01 {width: 100%; margin-bottom: 100px;}

div.site-content div.productWrap section.content01 h2 {
	font-size: min(5vw , 30px);
	position: relative;
	padding-bottom: 70px;
	text-align: center;
}
div.site-content div.productWrap section.content01 h2::after {
	content: "";
	background-color: #bdbdbd;
	height: 4px;
	width: 130px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	margin: auto;
	border-radius: 80px;
}
	
div.site-content div.productWrap section.content01 ul{width:100%;}
div.site-content div.productWrap section.content01 ul li + li{margin-top:50px;}

div.site-content div.productWrap section.content01 ul li img{
	opacity:0;
	transform: translate(0%, 30%);
	}

div.site-content div.productWrap section.content01 ul li.active img{opacity:1; transform: translate(0%, 0%);}

div.site-content div.productWrap section.content01 ul li.active:nth-of-type(1) img{transition: .7s;}
div.site-content div.productWrap section.content01 ul li.active:nth-of-type(2) img{transition: .3s;}
div.site-content div.productWrap section.content01 ul li.active:nth-of-type(3) img{transition: 1s;}
div.site-content div.productWrap section.content01 ul li.active:nth-of-type(4) img{transition: .5s;}
div.site-content div.productWrap section.content01 ul li.active:nth-of-type(5) img{transition: .1s;}
div.site-content div.productWrap section.content01 ul li.active:nth-of-type(6) img{transition: .7s;}
div.site-content div.productWrap section.content01 ul li.active:nth-of-type(7) img{transition: .3s;}
div.site-content div.productWrap section.content01 ul li.active:nth-of-type(8) img{transition: .4s;}
div.site-content div.productWrap section.content01 ul li.active:nth-of-type(9) img{transition: .7s;}