@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contents01{ background: url('../images/hearing/main-back.jpg')repeat-y top center;     margin-top: 32px;}
#contents01 .maintio{ font-size: 26px; text-align: center; padding: 70px 0 50px; letter-spacing: 5.2px; line-height: 1; }
#contents01 .maintio span{ border-bottom: solid 1px #79a439; }
#contents01 .inner-Box{ width: 1200px; margin: 0 auto; background: #fff; padding: 55px 50px 0px 50px; position: relative; }
#contents01 .inner-Box .en{ position: absolute; top: 118px; right: 66px; }
#contents01 .inner-Box figure{ margin-bottom: 82px; }
#contents01 .inner-Box p{ text-align: center; font-size: 19px; letter-spacing: 3.8px; }
#contents01 .inner-Box p span{ border-bottom: solid 1px #79a439; }

.nono {margin-bottom: 20px;}
.nono .no{ color: #79a439; font-size: 62px;    width: 130px; float: left;}
.nono h2{ border-left: 1px solid #b6b6b6; width: 400px; float: left; font-size: 30px; line-height: 1.6;}
.nono h2 span.clcll{ background: #f0f1f1;    padding: 8px 65px; font-size: 23px; line-height: 1.6; display: inline-block;}
.nono h2 span.sss{ padding-left: 37px; padding-top: 8px; display: inline-block; letter-spacing: 2px; }
.nono .clearfix{ margin-bottom: 11px; }

.main-bb-text{padding: 24px 0 80px; text-align: center; font-size: 19px; letter-spacing: 3.8px;     margin-bottom: -46px;}
.main-bb-text span{ border-bottom: solid 1px #79a439; }

.main-bottom{ background: url('../images/hearing/main-back02.jpg')repeat-y top center; padding-bottom: 50px; margin-bottom: 93px;}
.main-bottom figure{display: block; width: 1200px; margin: 0 auto; background: #fff;     padding: 40px 50px 70px 50px;position: relative; }

#contents02{ background-color: #fff;  padding: 0px 0 80px 0;}
#contents02 .inner-Box{ width: 1100px; margin: 0 auto; min-height: 360px; position: relative; }
#contents02 .inner-Box figure{ position: absolute; top: 0px; right: 0px; }
#contents02 .inner-Box h2{ font-size: 22px; letter-spacing: 4.4px; margin-bottom: 30px; padding-top: 33px; }
#contents02 .inner-Box h2 span{ border-bottom: solid 1px #79a439; }
#contents02 .text-box{ margin-right: 650px; }
#contents02 .text-box p{ line-height: 2.4; font-size: 16px; }

#contents03{ background-color: #f7f8f8; padding: 80px 0;}
#contents03 .inner-Box{ width: 1100px; margin: 0 auto; min-height: 360px; position: relative; }
#contents03 .inner-Box figure{ position: absolute; top: 0px; left: 0px; }
#contents03 .inner-Box h2{ font-size: 22px; letter-spacing: 4.4px; margin-bottom: 40px;padding-top: 33px; }
#contents03 .inner-Box h2 span{ border-bottom: solid 1px #79a439; }
#contents03 .inner-Box .text-box{ margin-left: 650px; }
#contents03 .text-box p{ line-height: 2.4; font-size: 16px; }

#contents04{ background-color: #fff; padding: 102px 0 88px 0;}
#contents04 .inner-Box{ width: 1100px; margin: 0 auto; position: relative; text-align: center; }
#contents04 .inner-Box h2{ font-size: 28px; letter-spacing: 5.6px; padding-bottom: 13px; margin-bottom: 80px; text-align: center; border-bottom: 1px solid #c2c2c2; }
#contents04 .inner-Box h3{ font-size: 22px; letter-spacing: 4.4px; margin-bottom: 45px; }
#contents04 .inner-Box h3 span.under{ border-bottom: solid 1px #79a439; }
#contents04 .inner-Box h3 span.no{ color: #79a439; font-size: 40px; }
#contents04 .inner-Box figure{ margin-bottom: 50px; }
#contents04 .inner-Box p{ line-height: 34px; }

#contents05{ background-color: #f7f8f8;         padding: 62px 0 68px 0;}
#contents05 .inner-Box{ width: 1100px; margin: 0 auto; position: relative; text-align: center; }
#contents05 .inner-Box h3{ font-size: 22px; letter-spacing: 4.4px; margin-bottom: 45px; }
#contents05 .inner-Box h3 span.under{ border-bottom: solid 1px #79a439; }
#contents05 .inner-Box h3 span.no{ color: #79a439; font-size: 40px; }
#contents05 .inner-Box figure{     margin-bottom: 35px; }
#contents05 .inner-Box p{ line-height: 34px; }

#contents06{ background-color: #fff; padding: 57px 0 0px 0;}
#contents06 .inner-Box{ width: 1100px; margin: 0 auto; position: relative; text-align: center; }
#contents06 .inner-Box h3{ font-size: 22px; letter-spacing: 4.4px; margin-bottom: 45px; }
#contents06 .inner-Box h3 span.under{ border-bottom: solid 1px #79a439; }
#contents06 .inner-Box h3 span.no{ color: #79a439; font-size: 40px; }
#contents06 .inner-Box figure{     margin-bottom: 48px; }
#contents06 .inner-Box p{ line-height: 34px; margin-bottom: 50px;}
#contents06 .inner-Box .note{text-align: center; margin-bottom: 80px;}

.bottom-banner2{ background: url('../images/hearing/kizuki-back.jpg')repeat-x bottom center;  text-align: center; padding: 70px 0;}
.bottom-banner{ background: #fff!important; }


}

@media screen and (max-width: 767px) {

#contents01{ background: url('../images/hearing/main-back.jpg')repeat-y top center; }
#contents01 .maintio{ font-size: 4.39vw; text-align: center; padding: 9.126vw 0 6.519vw; letter-spacing: 0.678vw; line-height: 1; }
#contents01 .maintio span{ border-bottom: solid 1px #79a439; }
#contents01 .inner-Box{ margin: 0 auto; background: #fff; padding: 5.215vw 3.519vw 0px 3.519vw; position: relative; }
#contents01 .inner-Box .en{ text-align: right; }
#contents01 .inner-Box .en img{ width: 46vw; }
#contents01 .inner-Box figure{ margin-bottom: 10.691vw; }
#contents01 .inner-Box p{ text-align: center; font-size: 4vw; letter-spacing: 0.495vw; line-height: 1.8;}
#contents01 .inner-Box p span{ border-bottom: solid 1px #79a439; }

.nono {margin-bottom: 2.608vw;}
.nono .no{ color: #79a439; font-size: 8.083vw; width: 18.253vw; float: left;}
.nono h2{ border-left: 1px solid #b6b6b6; width: 52.151vw; float: left; font-size: 6vw; line-height: 0.6; margin-top: 1.3vw;}
.nono h2 span.clcll{ background: #f0f1f1; padding: 1.043vw 5.867vw; font-size: 4vw; line-height: 1.6; display: inline-block;}
.nono h2 span.sss{ padding-left: 1.695vw; padding-top: 2.608vw; }
.nono .clearfix{ margin-bottom: 1.434vw; }

.main-bb-text{padding: 3.129vw 0 2.43vw; text-align: center; font-size: 3.5vw; letter-spacing: 0.495vw; }

.main-bottom{ background: url('../images/hearing/main-back02.jpg')repeat-y top center; padding-bottom: 6.519vw; margin-bottom: 12.125vw;}
.main-bottom figure{ margin: 0 auto; background: #fff; padding: 5.215vw 3.519vw 6.519vw 3.519vw; position: relative; }


#contents02{ background-color: #fff;   padding: 0vw 3vw 10.43vw 3vw;}
#contents02 .inner-Box{  position: relative; }
#contents02 .inner-Box figure{ margin-bottom: 3vw }
#contents02 .inner-Box h2{     font-size: 4vw; letter-spacing: 0.574vw; margin-bottom: 5.215vw;padding-top: 4.302vw; }
#contents02 .inner-Box h2 span{ border-bottom: solid 1px #79a439; }
#contents02 p{ text-align: left; font-size: 3.5vw;  line-height: 1.8;}

#contents03{ background-color: #f7f8f8;   padding: 10.43vw 3vw;}
#contents03 .inner-Box{  position: relative; }
#contents03 .inner-Box figure{ margin-bottom: 3vw }
#contents03 .inner-Box h2{     font-size: 4vw; letter-spacing: 0.574vw; margin-bottom: 5.215vw;padding-top: 4.302vw; }
#contents03 .inner-Box h2 span{ border-bottom: solid 1px #79a439; }
#contents03 p{ text-align: left; font-size: 3.5vw;  line-height: 1.8;}

#contents04{ background-color: #fff; padding: 10vw 3vw 10.43vw 3vw;}
#contents04 .inner-Box{ margin: 0 auto; position: relative; text-align: center; }
#contents04 .inner-Box h2{ font-size: 5vw;  letter-spacing: 5.6px; padding-bottom: 2vw; margin-bottom: 10vw; text-align: center; border-bottom: 1px solid #c2c2c2; }
#contents04 .inner-Box h3{ font-size: 4vw;  letter-spacing: 4.4px; margin-bottom: 6vw; }
#contents04 .inner-Box h3 span.under{ border-bottom: solid 1px #79a439; }
#contents04 .inner-Box h3 span.no{ color: #79a439; font-size: 6vw;  }
#contents04 .inner-Box figure{ margin-bottom: 5vw; }
#contents04 .inner-Box p{ text-align: left; line-height: 2; font-size: 3.5vw; line-height: 1.8;}

#contents05{ background-color: #f7f8f8; padding: 10vw 3vw 10.43vw 3vw;}
#contents05 .inner-Box{ margin: 0 auto; position: relative; text-align: center; }
#contents05 .inner-Box h3{ font-size: 4vw;  letter-spacing: 4.4px; margin-bottom: 6vw; }
#contents05 .inner-Box h3 span.under{ border-bottom: solid 1px #79a439; }
#contents05 .inner-Box h3 span.no{ color: #79a439; font-size: 6vw;  }
#contents05 .inner-Box figure{ margin-bottom: 5vw; }
#contents05 .inner-Box p{ text-align: left; line-height: 2; font-size: 3.5vw; line-height: 1.8;}

#contents06{ background-color: #fff; padding: 10vw 3vw 10.43vw 3vw;}
#contents06 .inner-Box{ margin: 0 auto; position: relative; text-align: center; }
#contents06 .inner-Box h3{ font-size: 4vw;  letter-spacing: 4.4px; margin-bottom: 6vw; }
#contents06 .inner-Box h3 span.under{ border-bottom: solid 1px #79a439; }
#contents06 .inner-Box h3 span.no{ color: #79a439; font-size: 6vw;  }
#contents06 .inner-Box figure{ margin-bottom: 5vw; }
#contents06 .inner-Box p{ text-align: left; line-height: 2; font-size: 3.5vw; margin-bottom: 5vw; line-height: 1.8;}
#contents06 .inner-Box .note{text-align: center; margin-bottom: 7vw;}

.bottom-banner{ background: #fff!important; }


}