body{font-family: 'Noto Sans JP', sans-serif; font-weight: 400;}
#public-page section,#public-page div,#public-page p,#public-page a,#public-page span,#public-page img{box-sizing: border-box;}
.mincho{font-family: 'Noto Serif JP', serif; }
.t28{font-size: 28px;}
.light{font-weight: 300}
.regular{font-weight: 400}
.medium{font-weight: 500}
.bold{font-weight: 700}
.black{font-weight: 900}
.public-page .bg-green{background-color: #47A33A;}
.public-page .topimg{margin-top: 100px;background: url(../img/public/topimg.jpg) 25% center / cover;}
.public-page .topimg h2{font-size: 28px;position: relative;letter-spacing: 5.3px;}
.public-page .topimg h2:after{content: "";display: inline-block;width: 70px;position: absolute;height: 5px;background-color: #000;bottom: -30px;left: 0;}
.public-page .topimg p{font-size: 28px;margin-top: 80px;line-height: 60px;letter-spacing: -0.5px; margin-left: -5px;}
.public-page .topimg .text{padding: 155px 0 170px 5%;}
.public-page .nav{padding-top: 120px;padding-bottom: 84px;}
.public-page .nav .text{font-size: 26px;text-align: center;font-weight: 300;line-height: 68px;letter-spacing: -1px;margin-bottom: 120px;}
.public-page .nav .banner a{background-size: cover;background-position: center;height: 150px;width: 48%;margin-bottom: 50px;line-height: 150px;text-align: center;font-size: 28px;font-weight: 500;color: #fff!important;letter-spacing: 5px;}
.public-page .nav .banner a:hover{opacity: 0.6;text-decoration: none;}
.public-page hr.sen{width: 52%;border-color: #000;}
#scene01 .container{padding-top: 133px;}
.scene .container{padding-top: 100px;}
#scene02,#scene04{background-color: #F7F8F8}
.scene-top .left .title h3{font-size: 19px;padding: 45px 0 20px;position: relative;letter-spacing: 4.5px;margin-bottom: 68px;}
.scene-top .left .title h3:after{content: "";position: absolute;width: 50px;height: 3px;bottom: 0;left: 0;background-color: #000;}
.scene-top .left .title img{margin: 0 auto;display: block}
.scene-top .left .text{margin-top: auto;margin-bottom: 0;}
.scene-top .left .text p{margin-bottom: 0;font-size: 25px;line-height: 38px;padding: 6px 0 6px 15px;border: 1px solid;}
.scene-top .left .text p.plus{line-height: 45px;padding: 0 0 0 50px;border: 0;}
.scene-top .right img{width: 100%;}
.scene .contents {padding-top: 85px;margin-bottom: 60px;}
.scene .contents .text h4{color: #47A33A;font-size: 31px;line-height: 51px;font-weight: 400; letter-spacing: 0.5px;}
.scene .contents .text p{font-size: 18px;font-weight: 300;line-height: 42px;padding-top: 10px;padding-right: 30px}
.scene .contents .item {padding-top: 10px;display: flex;}
.scene .contents .item img{padding-top: 10px}
.scene .contents .item h5 {font-size: 18px;padding-bottom: 5px;line-height: 26px;}
.scene .contents .item h5 span{display: block;color: #47A33A;font-size: 13px;font-weight: 300;letter-spacing: 1.5px;padding-bottom: 8px;line-height: 20px;}
.scene .contents .item div p{font-size: 13px;font-weight: 300;line-height: 22.5px;letter-spacing: -0.5px;margin-left: -2px;}
.scene .voice{border: 4px solid #47A33A;border-radius: 14px;overflow: hidden;margin-bottom: 55px;}
.scene .voice .text {padding: 36px 50px;}
.scene .voice .title {display: flex;align-items: center;}
.scene .voice .title .icon{background-color: #F8B62D;border-radius: 50%;height: 102px;width: 102px;position: relative;font-size: 70px;font-weight: 900;line-height: 98px;text-align: center;color: #fff;padding-left: 5px;}
.scene .voice .title .icon::after{content: "お客さま\Aからの声";position: absolute;display: inline-block;top: 50%;left: 51%; transform: translate(-50%,-50%);font-weight: 500;font-size: 17px;line-height: 21px;width: 90px;color: #000;letter-spacing: 2px}
.scene .voice .title h4{padding-left: 20px;font-size: 26px;line-height: 33px;padding-bottom: 10px;}
.scene .voice .title h4 span{display: block;font-size: 17.5px;padding-bottom: 5px;}
.scene .voice .text > p{font-size: 17px;padding-top: 5px;line-height: 39px;margin-bottom: 0;}
#scene01 .voice .image {background: url(../img/public/voice1.jpg) center / cover;}
#scene02 .voice .image {background: url(../img/public/voice2.jpg) center / cover;}
#scene03 .voice .image {background: url(../img/public/voice3.jpg) center / cover;}
#scene04 .voice .image {background: url(../img/public/voice4.jpg) center / cover;}
.scene .button {text-align: center;padding-bottom: 100px;}
.scene .button div {margin: 0 40px;}
.scene .button div .pc{letter-spacing: 2px;position: relative;animation: Flash1 1s infinite;}
/* アニメーション */
@keyframes Flash1{30%{opacity: 1;} 50%{opacity: 0;} 70%{opacity: 1;}}
.scene .button div .pc:before,.scene .button div .pc:after{content: "";display: inline-block;border: 1px solid;width: 30px;position: absolute;bottom: 17px;}
.scene .button div .pc:before{transform: rotateZ(63deg);left: 41px;}
.scene .button div .pc:after{transform: rotateZ(-63deg);right: 41px;}
.scene .button div a{width: 360px;max-width: 100%;display: block;height: 70px;line-height: 66px;font-size: 26px;letter-spacing: 4px;border: 3px solid #47A33A;}
.scene .button .contact a,.scene .button .shop a:hover{color: #fff!important;background-color: #47A33A;text-decoration: none;}
.scene .button .shop a,.scene .button .contact a:hover{color: #47A33A!important;background-color: #fff;text-decoration: none;}
@media print, screen and (min-width: 768px){
/*		body{background: url(shitae.png)top center no-repeat;opacity: 0.8;}*/
	.sp{display: none}
	.scene-top{display: flex;justify-content: space-between;}
	.scene-top .left{width: 28%;display: flex;flex-direction: column;}
	.scene-top .right{width: 66%;}
	.scene .contents {display: flex;justify-content: space-between;}
	.scene .contents .text {}
	.scene .button {display: flex;justify-content: center;color: #47A33A;}
	.scene .contents .item div {width: 163px;}

}
@media screen and (max-width: 1199px){
	.public-page .nav .text{font-size: 24px;line-height: 56px;}
	.scene-top .left .text p{font-size: 16px;line-height: 23px;}
	.scene .contents {flex-wrap: wrap;}
	.scene .contents .text h4{font-size: 25px;line-height: 37px;}
	.scene .contents .text p{font-size: 16px;line-height: 32px;}
	#scene02 .contents,#sence04 .contents{flex-wrap: wrap;}
	
}
@media screen and (max-width: 999px){
	.scene-top .left .title h3{padding-top: 0; margin-bottom: 15px;}
	.scene .button div a{width: 300px;font-size: 24px;}
}
@media screen and (max-width: 767px){
	.pc{display: none}
	#public-page img{max-width: 100%;}
	.public-page .topimg {padding: 30px;}
	.public-page .topimg .text{padding: 60px 30px;background-color: rgba(255,255,255,0.50);}
	.public-page .topimg .text h2{font-size: 20px;}
	.public-page .topimg .text p{font-size: 17px;line-height: 28px;}
	.public-page .nav{padding-top: 105px;}
	.public-page .nav .text{font-size: 16px;line-height: 38px;}
	.public-page .nav .banner a{margin-bottom: 8px;font-size: 17px;width: 100%;height: 90px;line-height: 90px;}
	.public-page .nav .banner a p{background-color: rgba(0,0,0,0.2);}

	.scene-top .left{display: flex;justify-content: space-between; margin-bottom: 30px;}
	.scene-top .left .title {width: 50%;}
	.scene-top .left .title h3{font-size: 12px;letter-spacing: 3px;padding: 0 0 20px;margin-bottom: 0;}
	.scene-top .left .title img{width: 50px;margin-top: 20px;}
	.scene-top .left .text {width: 49%;}
	.scene-top .left .text p{font-size: 11.5px;line-height: 19px;padding: 5px 0 5px 8px;}
	.scene-top .left .text p.plus{line-height: 35px;}
	.scene .contents {padding-top: 25px;}
	.scene .contents .text h4 {font-size: 21px;line-height: 35px;}
	.scene .contents .text p {font-size: 15px;line-height: 35px;padding-right: 0;}
	.scene .contents .item {justify-content: space-between; /*align-items: center; */margin: 30px auto;}
	.scene .contents .item > p{width: 40%;}
	.scene .contents .item div{width: 60%;}
	.scene .contents .item h5{font-size: 15px;line-height: 24px;}
	.scene .contents .item div p{font-size: 12px;}
	.scene .voice .text{padding: 15px;}
	.scene .voice .image.sp{height: 200px;}

	.scene .button{padding-bottom: 60px;}
	.scene .button .contact a{margin-bottom: 20px;}
	.scene .button div a {height: 60px; line-height: 56px;font-size: 16px;width: 100%;}
}


.scene .voice {display:none!important;}