@charset "utf-8";

@font-face {font-family: 'Archivo Black';src: url("font/ArchivoBlack-Regular.ttf");}
/*===============================================
 *	common
===============================================*/
.br-pc {display:block;}
.br-tab {display:none;}
.coating-ttl {color: #024fb6;font-size: 38px;font-weight: bold;margin-bottom: 2%;text-align: center;}
.coating-ttl span {position: relative;display: inline-block;padding: 0 80px;}
.coating-ttl span:before, .coating-ttl span:after {content: '';position: absolute;top: 50%;display: inline-block;width: 60px;height: 2px;background-color: #024fb6;}
.coating-ttl span:before {left:0;}
.coating-ttl span:after {right: 0;}
.btn-coating{background:url("../img/arrow-link.png") 95% center no-repeat #0b9092;color: #fff;font-size: 18px;font-weight: bold;display: flex;align-items: center;border-radius: 4px;box-shadow: 0 -2px 0 #007173 inset;max-width: 380px;margin: 1em auto 0;padding: 10px;}
.btn-coating img{max-width: 32px;padding-left: 10px;}
.btn-coating:active {-webkit-transform: translateY(4px);transform: translateY(4px);box-shadow: none;}
@media only screen and (max-width: 768px) {
.br-pc {display:none;}
.br-tab {display:block;}
.coating-ttl {font-size: 30px;}
.coating-ttl span{padding: 0 60px;}
.coating-ttl span:before, .coating-ttl span:after {width: 50px;}
.btn-coating {font-size: 15px;background-size: 15px;}
.btn-coating img{max-width: 24px;}
}
@media only screen and (max-width: 568px) {
.br-tab {display:none;}
.coating-ttl {font-size: 20px;}
.coating-ttl span{padding: 0 50px;}
.coating-ttl span:before, .coating-ttl span:after {width: 40px;}
}
@media only screen and (max-width: 375px) {
.coating-ttl span{padding: 0 40px;}
.coating-ttl span:before, .coating-ttl span:after {width: 30px;}
}
@media only screen and (max-width: 320px) {
.coating-ttl {font-size: 18px;}
.coating-ttl span{padding: 0 30px;}
.coating-ttl span:before, .coating-ttl span:after {width: 25px;}
}
/*===============================================
 *	sterilize
===============================================*/
#sterilize-wrap{margin-bottom: 60px;}
#sterilize-wrap .fl-right{margin:0 auto 40px;}
#sterilize-wrap .fl-right .sterilize-txtbox{left:0;}
#sterilize-wrap img.photo-sterilize{margin-left: 40%;max-width: 732px;z-index: 0;}
.sterilize-ttl{font-size: 40px;font-weight: bold;text-align: center;}
.sterilize-ttl span{color: #009db3;font-size: 46px;}
.sterilize-box {background: url("../img/arrow-bottom.png") center bottom no-repeat;max-width: 1180px;position: relative;padding-bottom: 80px;}
.sterilize-txtbox{background: rgba(233,242,247,.8);max-width: 510px;position: absolute;top: 15%;z-index: 5;width: 100%;}
.sterilize-txtbox ul{padding: 20px;}
.sterilize-txtbox ul li{background: url("../img/coating/icon-check.png") left center no-repeat;background-size: 30px;font-size: 20px;font-weight: 700;padding-left: 40px;margin-bottom: 10px;}
.sterilize-txtbox ul li span{color: #346bb6;}
img.txt-possible{max-width: 980px;margin: 0 auto;}
@media only screen and (max-width: 1024px) {
#sterilize-wrap img.photo-sterilize {width: 60%;}
}
@media only screen and (max-width: 768px) {
.sterilize-ttl{font-size: 30px;}
.sterilize-ttl span{font-size: 36px;}
.sterilize-txtbox ul {padding: 20px 15px 20px 20px;}
.sterilize-txtbox ul li {background-size: 20px;padding-left: 30px;}
.sterilize-box {background: url(../img/arrow-bottom.png) center bottom no-repeat;padding-bottom: 100px;}
#sterilize-wrap .fl-right .sterilize-txtbox {left: 0;position: relative;margin: -100px auto 0;max-width: 675px;}
#sterilize-wrap img.photo-sterilize {margin-left: 0;width: 100%;}
img.txt-possible {max-width: 700px;}
}
@media only screen and (max-width: 568px) {
#sterilize-wrap{margin-bottom: 30px;}
#sterilize-wrap .fl-right {background-size: 140px;margin:0 auto 20px;}
#sterilize-wrap .fl-right .sterilize-txtbox {margin: -20px auto 0;max-width: initial;width: 94%;}
.sterilize-ttl {font-size: 26px;line-height: 1.4;margin-bottom: 0;}
.sterilize-ttl span {font-size: 32px;}
.sterilize-box {padding-bottom: 70px;}
.sterilize-txtbox ul {padding: 15px 5px 15px 15px;}
.sterilize-txtbox ul li {background-size: 20px;font-size: 16px;margin-bottom: 10px;padding-left: 25px;}
}
@media only screen and (max-width: 375px) {
.sterilize-txtbox ul li {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
.sterilize-ttl {font-size: 21px;}
.sterilize-ttl span {font-size: 26px;}
}
/*===============================================
 *	point-wrap
===============================================*/
#point-wrap{background: url("../img/coating/bg-point.png") left center repeat #dbf6fc;background-size: cover;border-top: #b5e6f1 6px solid;border-bottom: #b5e6f1 6px solid;padding: 4% 0 5%;margin-bottom: 4%;}
.pr-point{font-size: 24px;text-align: center;margin-bottom: 2%;}
.point-section {display: flex;justify-content: space-between;align-items: flex-start;margin: 0 auto 4%;max-width: 1120px;}
.point-section:nth-last-of-type(1) {margin-bottom: 0;}
.point-thumbnail {max-width: 530px;position: relative;margin-bottom: 40px;}
.point-thumbnail:before {content: "";display: inline-block;position: absolute;bottom: -80px;right: 10px;z-index: 5;}
.icon-point01:before{background: url("../img/coating/icon-point01.png") no-repeat;background-size: 179px;height: 233px;width: 179px;}
.icon-point02:before{background: url("../img/coating/icon-point02.png") no-repeat;background-size: 180px;height: 164px;width: 180px;}
.icon-point03:before{background: url("../img/coating/icon-point03.png") no-repeat;background-size: 176px;height: 126px;width: 176px;}
.point-caption {max-width: 530px;font-size: 16px;}
.point-caption em{color: #e73d55;font-weight: bold;}
.point-caption h3 {color: #fff;font-size: 34px;font-weight: bold;margin-bottom: 10px;}
.point-caption h3 span{ display:inline-block;position: relative;background: #00b9e5;background: -webkit-linear-gradient(left,  #00b9e5 0%,#2980e2 100%);background: linear-gradient(to right,  #00b9e5 0%,#2980e2 100%);margin-bottom: 10px;padding: 0.1em 0.5em;line-height: 1;padding: 10px 15px 5px;}
.point-caption .txt-point{background: #ffee37;color: #4fa8e5;font-size: 30px;font-weight: bold;display: block;text-align: center;line-height: 1;padding: 8px 0 3px;margin-bottom: 10px;width: 30%;}
.point-section:nth-child(even) {flex-direction: row-reverse;}
.point-caption p {line-height: 2;}
@media only screen and (max-width: 768px) {
#point-wrap{padding: 4%;}
.point-section {margin: 0px auto 6%;}
.pr-point {font-size: 18px;margin-bottom: 4%;}
.point-caption h3 {font-size: 20px;}
.point-caption{max-width: 350px;padding: 0 0 0 30px;}
.point-caption .txt-point {font-size: 18px;width: 45%;}
.point-section:nth-child(even) .point-caption{padding: 0 40px 0 0;}
.point-caption p {font-size: 15px;line-height: 1.5;}
.icon-img {bottom: -50px;}
.point-thumbnail:before {bottom: -60px;}
.icon-point01:before{background-size: 139px;height: 193px;width: 139px;bottom: -100px;}
.icon-point02:before{background-size: 130px;height: 114px;width: 130px;}
.icon-point03:before{background-size: 146px;height: 96px;width: 146px;}
}
@media only screen and (max-width: 568px) {
#point-wrap{margin-bottom: 6%;}
.point-section {display: block;margin: 0 auto 20px;padding: 0 0 20px;border-bottom: #ccedf4 2px solid;box-shadow: 0px 1px 0px #e2faff;}
.point-caption {max-width: initial;padding: 0;}
.point-section:nth-last-of-type(1) {border-bottom: none;box-shadow: none;}
.point-section:nth-child(even) .point-caption {padding: 0;}
.point-thumbnail {max-width: initial;margin-bottom: 20px;}
.pr-point {font-size: 15px;text-align: left;}
.point-caption p {font-size: 14px;}
}
@media only screen and (max-width: 375px) {
.icon-point01:before {background-size: 119px;height: 153px;width: 119px;bottom: -50px;}
}
@media only screen and (max-width: 320px) {
.icon-point01:before {background-size: 99px;height: 133px;width: 99px;}
.icon-point02:before {background-size: 100px;height: 84px;width: 100px;bottom: -40px;}
.icon-point03:before {background-size: 126px;height: 76px;width: 126px;bottom: -30px;}
}
/*===============================================
 *	nano-wrap
===============================================*/
#nano-wrap{padding: 0 0 4%;}
.nano-mag{margin-bottom: 5%;}
.about-box {margin: 0 0 100px;position: relative;padding: 80px 20px 40px;}
.about-box:nth-last-of-type(1) {margin: 0 0 30px;}
.about-box:before {background: #e6e8f3;content: '';display: inline-block;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;width: calc(50vw + 450px);}
.num-box {color: #024fb6;font-size: 10rem;line-height: 1;opacity: .8;font-family: 'Archivo Black', sans-serif;position: absolute;top: -0.5em;left: 50%;right: auto;margin-left: -560px;max-width: 1120px;width: 100%;}
.container-box {position: relative;display: flex;flex-direction: row-reverse;justify-content: space-between;  }
.img-nano01{max-width: 845px;}
.img-nano02{max-width: 660px;}
.img-nano03{max-width: 650px;}
.img-nano04{max-width: 650px;}
.nano-ttl {font-size: 26px;font-weight: bold;position: relative;display: inline-block;margin-bottom: 2em;}
.nano-ttl:before {content: '';position: absolute;bottom: -20px;display: inline-block;width: 150px;height: 4px;left: 0;background-color: #024fb6;}
.about-box .container-box .about-contents {width: calc(40% - 20px);padding-left: calc(50vw - 560px);padding-top: 50px;}
.about-box.pieces-even .num-box {text-align: right;}
.about-box.pieces-even .container-box .container-image {margin: 0;text-align: right;width: 40%;}
.about-box.pieces-even:before {right: 0px;left: auto;}
.about-box.pieces-even .container-box {flex-direction: row;}
.about-box.pieces-even .container-box .about-contents {padding-left: 0;padding-right: calc(50vw - 560px);}
.about-box.pieces-even .container-box .container-image {margin: 0 0 0 -20px;}
@media only screen and (max-width: 768px) {
.nano-ttl {font-size: 20px;}
.nano-mag{padding: 0 4%;}
.about-box {padding: 60px 20px 30px;margin: 0 0 60px;}
.about-box:before {right: auto;width: 80%;}
.about-box .container-box .about-contents {width: calc(60% - 20px);padding: 0;}
.num-box {max-width: 730px;}
.num-box {font-size: 6rem;margin-left: -370px;}
.img-nano01,.img-nano03 {margin: 0 -20px 0 0;width: 40%;}
.img-nano02,.img-nano04 {margin: 0 0 0 -20px;width: 40%;}
.about-contents {font-size: 15px;}
}
@media only screen and (max-width: 568px) {
.nano-ttl {font-size: 18px;margin-bottom: 1.5em;}
.nano-ttl:before {bottom: -10px;}
.nano-mag{margin-bottom: 7%;}
.about-box {padding: 40px 0 0;}
.about-box:before {width: 100%;}
.num-box {font-size: 4rem;margin-left: -190px;max-width: 380px;}
.container-box {display: block;}
.about-contents {font-size: 14px;}
.img-nano01, .img-nano02, .img-nano03, .img-nano04 {margin: 0;width: 100%;}
.about-box .container-box .about-contents {width: 92%;padding: 4%;}
.about-box.pieces-even .container-box .about-contents {width: 92%;padding: 4%;}
}
@media only screen and (max-width: 320px) {
.nano-mag {margin-bottom: 10%;}
.num-box {margin-left: -160px;}
.nano-ttl {font-size: 17px;}
}
/*===============================================
 *	ability-wrap
===============================================*/
#ability-wrap{background: url("../img/coating/bg-world.png"),linear-gradient(135deg, rgba(59, 169, 246, 1), rgba(37, 125, 221, 1) ) fixed;background-size: auto;padding: 4% 0;margin-bottom: 4%;}
.ability-contents{display: flex;justify-content: space-between;align-items: flex-start;max-width: 1200px;margin: 0 auto;}
.ability-contents img{max-width: 540px;}
.world-txtbox {width: 50%;}
.world-txtbox h2{font-size: 40px;font-weight: bold;color: #fbc60e;margin-bottom: 10px;}
.world-txtbox p{color: #fff;font-size: 18px;margin-bottom: 15px;}
@media only screen and (max-width: 768px) {
#ability-wrap{padding: 4%;margin-bottom: 6%;}
.ability-contents img{max-width: 330px;}
.world-txtbox h2{font-size: 30px;}
.world-txtbox p{font-size: 16px;}
}
@media only screen and (max-width: 568px) {
#ability-wrap {padding: 4% 4% 2%;}
.ability-contents {display: block;}
.world-txtbox {width: 100%;}
.world-txtbox h2 {font-size: 24px;text-align: center;}
.ability-contents img {max-width: initial;margin-bottom: 15px;}
}
@media only screen and (max-width: 320px) {
.world-txtbox h2 {font-size: 20px;text-align: center;}
}
/*===============================================
 *	evidence-wrap
===============================================*/
#evidence-wrap{margin-bottom: 4%;}
#evidence-wrap .inner-contents > img{margin-bottom: 4%;}
.btn-evidence{max-width: 350px;}
@media only screen and (max-width: 768px) {
#evidence-wrap{margin-bottom: 6%;}
}
/*===============================================
 *	effect-wrap
===============================================*/
#effect-wrap{margin-bottom: 4%;}
#effect-wrap h3{color: #024fb6;font-size: 34px;font-weight: bold;}
#effect-wrap h4{background: #275baf;display: inline-block;padding: 5px 2em;color: #fff;font-size: 20px;font-weight: bold;margin-bottom: 1em;}
.phone-box{border-left: #024fb6 4px solid;padding: 1%;position: relative;margin-bottom: 10%;}
.phone-box:before{background: url("../img/coating/bg-effect.png") no-repeat;background-size: 160px;content: "";display: inline-block;position: absolute;bottom: -100px;right: 10px;z-index: 5;height: 215px;width: 160px;}
.phone-box p{line-height: 2;}
.smt-definition{background: #e9f2ff;border-radius: 6px;padding: 4%;position: relative;padding: 20px;margin-bottom: 2em;}
.img-smart{max-width: 151px;position: absolute;left: 20px;bottom: 20px;}
.effect-definition{margin-left: 200px;}
.effect-definition dt {font-size: 22px;font-weight: bold;margin-bottom: 10px;}
.effect-definition dt span{background: #275baf;color: #fff;font-size: 16px;padding: 5px 1em;margin-right: 10px;}
.effect-definition dd{line-height: 2;}
.effect-definition dd div{background: #ffcaca;border-radius: 6px;margin-top: 1em;padding: 10px;}
.photo-experiment{display: flex;justify-content: space-between;align-items: flex-start;}
.photo-experiment li{background: #fff;border-top: #2a7bff 2px solid;max-width: 260px;box-shadow: 2px 2px 10px 5px rgba(162,162,162,0.4);position: relative;}
.photo-experiment li:after {content: "";display: inline-block;position: absolute;top: 40%;right: -65px;}
.photo-experiment li:first-child:after {background: url("../img/coating/arrow-experiment01_pc.png") no-repeat;width: 30px;height: 184px;}
.photo-experiment li:nth-child(2):after {background: url("../img/coating/arrow-experiment02_pc.png") no-repeat;width: 30px;height: 186px;}
.photo-experiment li dl{padding: 1em;}
.photo-experiment li dt{border-left: #275baf 3px solid;font-size: 18px;font-weight: bold;margin-bottom: 10px;    padding-left: 10px;}
.photo-experiment li dt em{color: #d84e4e;}
@media only screen and (max-width: 768px) {
#effect-wrap h3 {font-size: 28px;}
#effect-wrap h4 {font-size: 18px;}
.phone-box {margin-bottom: 6%;padding: 1% 1.5%;width: 80%;}
.phone-box:before {background-size: 130px;bottom: -53px;right: -110px;height: 185px;width: 130px;}
.effect-definition {margin-left: 180px;}
.effect-definition dt {font-size: 20px;}
.effect-definition dd {line-height: 1.8;font-size: 15px;}
.photo-experiment li {max-width: 210px;}
.photo-experiment li:after {right: -40px;}
.photo-experiment li:first-child:after {background-size: 25px;height: 155px;width: 25px;}
.photo-experiment li:nth-child(2):after {height: 138px;background-size: 25px;width: 26px;}
.photo-experiment li dl {padding: 10px;}
.photo-experiment li dt {font-size: 15px;}
.photo-experiment li dd {font-size: 15px;}
}
@media only screen and (max-width: 568px) {
#effect-wrap h3 {font-size: 22px;}
#effect-wrap h4 {display: block;font-size: 16px;padding: 5px 0;text-align: center;}
.phone-box {width: 96%;}
.phone-box p{line-height: 1.8;}
.phone-box:before{display: none;}
.img-smart {max-width: 100px;}
.effect-definition {margin-left: 0;}
.effect-definition dt {font-size: 18px;}
.effect-definition dt span {display: block;text-align: center;margin-bottom: 5px;}
.effect-definition dd div {width: 60%;margin-left: auto;}
.photo-experiment {display: block;}
.photo-experiment li {display: flex;justify-content: space-between;align-items: flex-start;max-width: initial;margin-bottom: 15%;}
.photo-experiment li:last-child {margin-bottom: 0;}
.photo-experiment li img{max-width: 130px;}
.photo-experiment li dl{width: 70%;}
.photo-experiment li:after {top: 145px;left: 20%;}
.photo-experiment li:first-child:after {background: url("../img/coating/arrow-experiment01_sp.png") no-repeat;width: 160px;height: 34px;background-size: 160px;}
.photo-experiment li:nth-child(2):after {background: url("../img/coating/arrow-experiment02_sp.png") no-repeat;width: 150px;height: 34px;background-size: 150px;}
}
@media only screen and (max-width: 375px) {
.effect-definition dt {font-size: 16px;}
.effect-definition dd div {width: 56%;}
}
@media only screen and (max-width: 320px) {
#effect-wrap h3 {font-size: 20px;}
#effect-wrap h4 {font-size: 15px;}
.smt-definition {padding: 3%;padding: 15px;}
.img-smart {max-width: 80px;}
.photo-experiment li:first-child:after {width: 120px;height: 24px;background-size: 120px;}
.photo-experiment li:nth-child(2):after {width: 110px;height: 24px;background-size: 110px;}
.effect-definition dt span {font-size: 14px;}
.effect-definition dd{font-size: 14px;}
.photo-experiment li dt {font-size: 14px;margin-bottom: 5px;}
.photo-experiment li dd {font-size: 13px;}
}
/*===============================================
 *	disinfection-wrap
===============================================*/
#disinfection-wrap{margin-bottom: 4%;}
.disinfection-contents{max-width: 980px;margin: 0 auto;}
.binder-wrap{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 4%;}
.binder-contents{max-width: 600px;width: 100%;}
.binder-box {background: url("../img/coating/bg-binder_pc.png") top center no-repeat;background-size: contain;padding: 60px 0 40px 40px;}
.binder-box {max-width: 600px;margin-bottom: 2vw;}
.binder-box li {background: url("../img/coating/icon-chk.png") left center no-repeat;font-size: 20px;padding-left: 40px;margin-bottom: 10px;letter-spacing: 0;}
.balloon{color: #fff;background: #024fb6; display: inline-block;font-size: 20px;font-weight: 700;position: relative;border-radius: 100px; padding: 10px 4em 10px 2em;letter-spacing: 2px;margin-bottom: 20px;}
.balloon::after{content: '';position: absolute;display: block;width: 0;height: 0;left: 30px;bottom: -12px;border-top: 15px solid #024fb6;border-right: 5px solid transparent;border-left: 15px solid transparent;}
.location-wrap {border: #024fb6 4px solid;padding: 40px;position: relative;}
.location-wrap:before, .location-wrap:after {content: "";display: block;position: absolute;height: calc(100% - 100px);background: url("../img/bg-body.png") repeat #f5f4f3;top: 0;bottom: 0;margin: auto;width: 5px;}
.location-wrap:before {left: -4px;}
.location-wrap:after {right: -4px;}
.location-photo{padding: 20px 0 0;display: flex;justify-content: space-between;align-items: flex-start;}
.location-photo picture{max-width: 360px;}
.location-txtbox{max-width: 500px;}
.location-txtbox p{margin-bottom: 50px;}
.location-wrap h4{background: #024fb6;padding: 5px 1em;position: absolute;top: -5px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);font-size: 24px;font-weight: 700;color: #fff;letter-spacing: 2px;}
@media only screen and (max-width: 768px) {
#disinfection-wrap{padding: 4%;margin-bottom: 6%;}
.balloon {font-size: 18px;padding: 10px 1em 10px 1em;letter-spacing: 2px;margin-bottom: 15px;}
.binder-box {padding: 30px 0 30px 30px;max-width: 440px;}
.binder-box li {background-size: 20px;font-size: 18px;padding-left: 30px;}
.location-wrap {padding: 30px;}
.location-wrap h4{font-size: 20px;}
.location-photo picture {max-width: 270px;}
.location-txtbox {max-width: 350px;}
.location-txtbox p {font-size: 15px;margin-bottom: 22px;}
}
@media only screen and (max-width: 568px) {
.binder-wrap{display: block;margin-bottom: 15%;}
.balloon {font-size: 16px;letter-spacing: 1px;}
.binder-box {background: url("../img/coating/bg-binder_sp.png") top center no-repeat;background-size: contain;padding: 35px 20px 25px 30px;}
.binder-box li {background-size: 15px;font-size: 16px;padding-left: 25px;}
.location-wrap {padding: 30px 20px 20px;}
.location-wrap h4 {font-size: 18px;}
.location-photo {display: block;}
.location-photo picture {max-width: initial;margin-bottom: 1em;}
.location-txtbox p {font-size: 14px;margin-bottom: 10px;}
}
@media only screen and (max-width: 375px) {
.binder-box {padding: 30px 20px 25px 20px;}
}
@media only screen and (max-width: 320px) {
.balloon {font-size: 15px;letter-spacing: 0;padding: 8px 5px 7px 10px;}
.binder-box {padding: 23px 20px 25px 20px;}
.binder-box li {font-size: 14px;}
.location-wrap {padding: 25px 10px 10px;}
.location-wrap h4 {font-size: 16px;}
}
/*===============================================
 *	price-wrap
===============================================*/
.ttl-main_price{max-width: 826px;margin: 0 auto;}
.ttl-price-tbl{color: #fff;background: #346bb6;font-size: 34px;font-weight: bold;text-shadow: 1px 1px 0 #103971;text-align: center;padding: 5px 0 10px;letter-spacing: 1px;}
table.price-tbl tr:nth-child(even){background-color: #effffc;}
table.price-tbl th{background: #34b69c;text-align: center;color:#fff;font-size: 20px;font-weight: bold;}
table.price-tbl th:nth-of-type(2){background: #346bb6;width: 30%;}
table.price-tbl th:last-child{background: #dd717f;width: 40%;}
table.price-tbl td{font-size: 20px;font-weight: 700;text-align: center;}
table.price-tbl td:last-child{color: #f25d5e;font-size: 28px;}
img.img-price_service{margin-bottom: 4%;}
.caution-wrap{align-items: flex-start;background: #fcfaee;border: #f7efcb 2px solid;display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 4%;margin-bottom: 4%;font-size: 17px;}
img.icon-caution{max-width: 100px;margin-right: 3%;}
img.bnr-credit{margin-bottom: 6%;}
@media only screen and (max-width: 768px) {
.adjust-txt{font-size: 18px;}
.caution-wrap {font-size: 14px;padding: 2%;}
img.icon-caution {max-width: 60px;margin-right: 2%;}
}
@media only screen and (max-width: 568px) {
.ttl-price-tbl {font-size: 21px;}
table.price-tbl th {font-size: 16px;}
table.price-tbl td {font-size: 16px;}
table.price-tbl td:last-child {font-size: 21px;}
.adjust-txt{font-size: 14px;}
.caution-wrap {font-size: 13px;}
img.icon-caution {max-width: 30px;margin: 0 auto 10px;}
}
@media only screen and (max-width: 375px) {
table.price-tbl th {font-size: 15px;}
.adjust-txt{font-size: 13px;}
}
@media only screen and (max-width: 320px) {
.ttl-price-tbl {font-size: 18px;}
table.price-tbl th {font-size: 14px;}
table.price-tbl td {font-size: 14px;}
table.price-tbl td:last-child {font-size: 17px;}
.adjust-txt{font-size: 12px;}
}
/*===============================================
 *	voice-wrap
===============================================*/
#voice-wrap{max-width: 980px;margin: 0 auto 4%;}
.voice-li li{background: #fff;border: #024fb6 2px solid;border-radius: 6px;box-shadow: 2px 2px 10px 5px rgba(162,162,162,0.4);display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 4%;padding: 25px 30px;position: relative;}
.voice-li li:before{content: "";background: #024fb6;display: inline-block;position: absolute;width:400px;height: 5px;top: 0;left: 50%;transform: translateX(-50%);}
.voice-li li:last-child{margin-bottom: 0;}
.voice-li img{max-width: 309px;}
.voice-li dl{max-width: 580px;}
.voice-li dt{font-size: 20px;font-weight: 900;margin-bottom: 10px;}
@media only screen and (max-width: 768px) {
#voice-wrap{padding: 4%;margin-bottom: 6%;}
.voice-li dl {max-width: initial;width: 65%;}
.voice-li img {max-width: 210px;}
}
@media only screen and (max-width: 568px) {
.voice-li li {display: block;padding: 20px 25px;margin-bottom: 6%;}
.voice-li li:before {width: 200px;}
.voice-li img {max-width: 309px;margin: 0 auto 10px;}
.voice-li dl {width: 100%;}
.voice-li dt {font-size: 18px;}
}
@media only screen and (max-width: 320px) {
.voice-li li {padding: 15px 20px;}
.voice-li li:before {width: 150px;}
.voice-li dt {font-size: 16px;}
}
/*===============================================
 *	era-wrap
===============================================*/
#era-wrap{background: url("../img/coating/bg-era.jpg") left top no-repeat;padding: 100px 0;}
.era-contents{background: rgba(255,255,255,.5);padding: 4% 0;}
.era-contents h2{font-size: 40px;font-weight: bold;margin-bottom: 2%;text-align: center;letter-spacing: 2px;text-shadow: 0 1px 1px #fff; }
.era-contents p{font-size: 20px;margin-bottom: 2%;text-align: center;line-height: 2;}
.era-contents ul{display: flex;justify-content: space-between;align-items: flex-start;max-width: 510px;margin: 0 auto;}
.era-contents li{background: #024fb6;width: 150px;height: 150px;line-height: 150px;text-align: center;border-radius: 50%;color: #fff;font-size: 40px;font-weight: 900;}
@media only screen and (max-width: 568px) {
#era-wrap{padding: 50px 0;}
.era-contents h2 {font-size: 28px;}
.era-contents p {font-size: 18px;margin-bottom: 4%;padding: 0 4%;}
.era-contents ul {max-width: initial;margin: 0 4%;}
.era-contents li {width: 110px;height: 110px;line-height: 110px;font-size: 30px;}
}
@media only screen and (max-width: 375px) {
.era-contents p {font-size: 16px;}
}
@media only screen and (max-width: 320px) {
.era-contents h2 {font-size: 22px;}
.era-contents p {font-size: 15px;}
.era-contents li {width: 90px;height: 90px;line-height: 90px;font-size: 26px;}
}
/*===============================================
 *	corona-wrap
===============================================*/
#news-wrap{max-width: 980px;margin: 3em auto 2em;padding: 2%;position: relative;z-index: 0;}
#news-wrap:before{background-size: auto auto;background-color: rgba(255, 224, 228, 1);background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(252, 115, 132, 1) 10px, rgba(252, 115, 132, 1) 20px );content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -2;}
#news-wrap:after{background: #fff;content: '';position: absolute;top: 10px;bottom: 10px;left: 10px;right: 10px;	z-index: -1;}
.news-ttl{background: #FC7384;color: #fff;font-size: 20px;font-weight: 800;padding: 5px 0;text-align: center;margin-bottom: 1em;}
.news-box {width: 78%;}
.news-box p{line-height: 1.8;font-size: 18px;}
.news-box .news-evidence {box-shadow: 0 0 15px rgba(255, 202, 202, .8);max-width: 190px;position: absolute;right: 40px;top: 40px;}
.news-box span {background:linear-gradient(transparent 60%, #FFE0E4 60%);font-weight: bold;}
@media only screen and (max-width: 1024px) {
#news-wrap{margin: 3em 4% 2em;padding: 3%;}
.news-box {width: 80%;}
.news-box .news-evidence {max-width: 160px;right: 30px;top: 85px;}
}
@media only screen and (max-width: 768px) {
.news-box {width: 74%;}
.news-ttl {font-size: 18px;}
.news-box .news-evidence {max-width: 150px;}
.news-box p {font-size: 16px;}
}
@media only screen and (max-width: 568px) {
#news-wrap {padding: 5%;}
.news-ttl {margin-bottom: .5em;}
.news-box {width: 100%;}
.news-box .news-evidence {right: 0;top: 0;position: relative;margin: 0 auto;}
.news-box p{font-size: 15px;margin-bottom: 1em;}
.news-box .mag20{margin-bottom: 20px;}
}
@media only screen and (max-width: 320px) {
#news-wrap {padding: 7%;}
.news-ttl {font-size: 16px;}
.news-box p {font-size: 14px;}
}