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

#contentsmain { width: 1200px; margin: 0 auto 120px; padding-top: 13px;}
#contentsmain span.en { display: block; text-align: center; margin-bottom: -33px;}
#contentsmain h2{  text-align: center;font-size: 40px;font-weight: 700;letter-spacing: 2px;margin-bottom: 20px;}
#contentsmain h2 span{ font-size: 30px; }
#contentsmain .inner-Box {  }
#contentsmain .inner-Box ul{ width: 1200px; height: 371px; background-color: #c7e4e6; padding-left: 50px;padding-top: 36px;display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsmain .inner-Box ul li{ float: left; margin-right: 25px; text-align: center; }
#contentsmain .inner-Box ul li a{  }
#contentsmain .inner-Box ul li a p{ color: #332e1b; font-size: 22px; font-weight: 700; letter-spacing: 1.1px; margin-bottom: 3px;}
#contentsmain .inner-Box figure{  }

#contents01 { background: url('../images/kodawari/contents01-back.jpg')no-repeat top center #f4efe7;  padding-bottom: 120px;}
#contents01 .ttl-Box { width: 1040px; margin: 0 auto; padding-top: 40px;}
#contents01 .ttl-Box h2{ font-size: 50px; font-weight: 700; letter-spacing: 2.5px; line-height: 1; margin-bottom: 36px;}
#contents01 .ttl-Box h2 span{ display: inline-block; background: #fff;  padding: 22px 26px; margin-bottom: 4px; }
#contents01 .ttl-Box h2 .fgms{ font-size: 32px; letter-spacing: 1.6px; padding: 15px 28px; }
#contents01 .inner-Box { width: 1200px; background: #fff; margin: 0 auto; padding: 74px 80px 91px 80px; }
#contents01 .inbox1 { min-height: 310px; position: relative; margin-bottom: 55px; }
#contents01 .inbox1 h3{ font-size: 24px; font-weight: 700; letter-spacing: 1.2px; line-height: 40px; margin-bottom: 21px; }
#contents01 .inbox1 figure{ position: absolute; top: 5px; right: 0; }
#contents01 .inbox1 p{ font-size: 16px; letter-spacing: 0.8px; line-height: 28px; margin-bottom: 30px; width: 580px;}
#contents01 .colbox { padding: 43px 50px 50px 50px; background: url('../images/kodawari/contents01-back02.jpg'); border: 2px solid #85bbbe; }
#contents01 .colbox h4{ text-align: center; font-weight: 700; font-size: 32px; letter-spacing: 1.6px; margin-bottom: 20px;}
#contents01 .colbox h4 span{ font-size: 20px; display: block; }
#contents01 .box01 { background-color: #f3f2f3; margin-bottom: 40px;}
#contents01 .box01 h5{ color: #ffffff; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; text-align: center;background-color: #38240e; padding: 8px;}
#contents01 .box01 .minibox {  padding: 40px 40px 6px;min-height: 280px;position: relative;padding-right: 450px;}
#contents01 .box01 .minibox h6{  font-size: 22px;font-weight: 700;letter-spacing: 1.1px;line-height: 36px;margin-bottom: 9px;}
#contents01 .box01 .minibox figure{  position: absolute;right: 40px;top: 40px;}
#contents01 .box01 .minibox p{  margin-bottom: 26px;width: 470px;}
#contents01 .box01 .minibox2 {  padding: 0px 40px 6px;min-height: 232px;position: relative;padding-left: 539px;}
#contents01 .box01 .minibox2 figure{  position: absolute;left: 40px;top: 0px;}
#contents01 .box01 .minibox2 p{  margin-bottom: 26px;}

#contents01 .box02 { background-color: #f3f2f3; margin-bottom: 40px;}
#contents01 .box02 h5{ color: #ffffff; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; text-align: center;background-color: #38240e; padding: 8px;}
#contents01 .box02 .minibox {  padding: 40px 40px 86px;min-height: 280px;position: relative;padding-right: 450px;}
#contents01 .box02 .minibox h6{  font-size: 22px;font-weight: 700;letter-spacing: 1.1px;line-height: 36px;margin-bottom: 9px;}
#contents01 .box02 .minibox figure{  position: absolute;right: 40px;top: 40px;}
#contents01 .box02 .minibox p{  margin-bottom: 26px;width: 470px;}

#contents01 .box03 { background-color: #f3f2f3; }
#contents01 .box03 h5{ color: #ffffff; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; text-align: center;background-color: #38240e; padding: 8px;}
#contents01 .box03 .minibox {  padding: 40px 40px 6px;min-height: 280px;position: relative;padding-right: 450px;}
#contents01 .box03 .minibox h6{  font-size: 22px;font-weight: 700;letter-spacing: 1.1px;line-height: 36px;margin-bottom: 9px;}
#contents01 .box03 .minibox figure{  position: absolute;right: 40px;top: 40px;}
#contents01 .box03 .minibox p{  margin-bottom: 26px;width: 470px;}


#contents02 { background: url('../images/kodawari/contents02-back.jpg')no-repeat top center;  padding-bottom: 150px;}
#contents02 .ttl-Box { text-align: center; padding-top: 70px;padding-bottom: 83px;}
#contents02 .ttl-Box h2 {  }
#contents02 .ttl-Box h2 img{  }
#contents02 .inner-Box1 {  width: 1200px;padding: 80px 80px 40px 80px;margin: 0 auto 41px;background: #f4efe7;min-height: 480px;position: relative;}
#contents02 .inner-Box1 h3{  font-size: 24px;font-weight: 700;letter-spacing: 1.2px;line-height: 40px;margin-bottom: 17px;}
#contents02 .inner-Box1 figure{  position: absolute;top: 80px;right: 80px;}
#contents02 .inner-Box1 p{  width: 580px;margin-bottom: 30px;font-size: 16px;line-height: 28px;letter-spacing: 0.8px;}
#contents02 .inner-Box2 {  width: 1140px;margin: 0 auto;}
#contents02 .inner-Box2 h2{ font-size: 38px; letter-spacing: 1.9px; font-weight: 700; text-align: center; margin-bottom: 26px;}
#contents02 .inner-Box2 h2 span{ font-size: 24px; display: block; }
#contents02 .inner-Box2 ul{ width: 1140px; margin: 0 auto; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents02 .inner-Box2 ul li { width: 270px; margin-bottom: 26px; margin-right: 20px; text-align: center; }
#contents02 .inner-Box2 ul li:nth-child(4n){ margin-right: 0px; }
#contents02 .inner-Box2 ul li img{  }
#contents02 .inner-Box2 ul li h3{ background-color: #38240e; font-size: 22px; color: #ffffff; font-weight: 700; text-align: center; margin-bottom: 16px;}
#contents02 .inner-Box2 ul li p{  }
#contents02 .inner-Box2 p.btn{ width: 500px; margin: 0 auto; text-align: center;display: block;position: relative;top: 30px;}
#contents02 .inner-Box2 p.btn img{  }


#contents03 { background: url('../images/kodawari/contents03-back.jpg')no-repeat top center #f4efe7;  padding-bottom: 110px;margin-bottom: 123px;}
#contents03 .ttl-Box { width: 1040px; margin: 0 auto; padding-top: 50px;}
#contents03 .ttl-Box h2{ font-size: 50px; font-weight: 700; letter-spacing: 2.5px; line-height: 1; margin-bottom: 36px;}
#contents03 .inner-Box { width: 1200px; background: #fff; margin: 0 auto; padding: 113px 80px 91px 80px; }
#contents03 .box01 {  margin-bottom: 32px;}
#contents03 .box01 h3{ color: #fff; text-align: center; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; background-color: #332e1b; padding: 9px;}
#contents03 .textbox { background-color: #f3f2f3; padding: 42px 0 30px 300px; position: relative; }
#contents03 .textbox figure{ position: absolute; top: 30px; left: 140px; }
#contents03 .textbox p{ font-size: 22px; margin-bottom: 10px;}
#contents03 p.subttl {  font-size: 22px; font-weight: 700; letter-spacing: 1.1px; background-color: #ffe412; text-align: center; padding:10px;}
#contents03 p.arr { background: url('../images/kodawari/contents03-back02.png')no-repeat top center;width: 1040px; height: 100px; color: #fff; text-align: center;font-size: 32px; font-weight: 700;padding-top: 11px;}
#contents03 .box02 {  }
#contents03 .box02 h4{ text-align: center; font-size: 32px; font-weight: 700; letter-spacing: 1.6px; position: relative;margin-bottom: 38px;}
#contents03 .box02 h4 span{ background: linear-gradient(transparent 60%, #ffff66 60%); }
#contents03 .box02 h4::before{ width: 800px; height: 1px; border-bottom: 1px dashed #121b41; position: absolute; content: "";bottom: -13px;left: 115px;}
#contents03 .box02 h5{  font-size: 24px;font-weight: 700;letter-spacing: 1.2px;line-height: 40px;text-align: center;margin-bottom: 31px;}
#contents03 .minibox {  min-height: 280px;position: relative;}
#contents03 .minibox figure{  position: absolute;top: 0;right: 0;}
#contents03 .minibox p{  width: 580px;font-size: 16px;letter-spacing: 0.8px;line-height: 28px;margin-bottom: 30px;}

#contentsbottom { background: url('../images/kodawari/bottom-back.jpg')no-repeat top center; padding-top: 82px;margin-bottom: 62px;}
#contentsbottom .inner-Box { width: 1100px; margin: 0 auto; text-align: center; }
#contentsbottom .inner-Box p{ font-size: 24px; font-weight: 700; letter-spacing: 1.2px; line-height: 40px; margin-bottom: 30px; }
#contentsbottom .inner-Box figure{ margin-bottom: 34px; }
#contentsbottom .inner-Box h2{ font-size: 32px; letter-spacing: 1.6px; font-weight: 700; }

.bottom-banner{ width: 1200px; padding: 50px 30px 15px 30px; margin: 0 auto 104px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative;z-index: 3;background: #fff;}
.bottom-banner li{ width: 360px; float: left; margin-right: 30px; text-align: center; }
.bottom-banner li:nth-child(3){ margin-right: 0px; }
.bottom-banner li img{ margin-bottom: 16px; }
.bottom-banner li p{ font-size: 16px; letter-spacing: 0.8px; line-height: 28px; font-weight: bold;}

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

#contentsmain {  margin: 0 auto 18.6vw; padding-top: 1.7vw;}
#contentsmain span.en { display: block; text-align: center; margin: 0 13vw -4.3vw;}
#contentsmain h2{  text-align: center;font-size: 6.5vw;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 3.6vw;}
#contentsmain h2 span{ font-size: 5.9vw; }
#contentsmain .inner-Box {  }
#contentsmain .inner-Box ul{   background-color: #c7e4e6; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;padding: 9vw 9vw 6vw 9vw;}
#contentsmain .inner-Box ul li{  margin-bottom: 0.3vw; text-align: center; }
#contentsmain .inner-Box ul li a{  }
#contentsmain .inner-Box ul li a p{ color: #332e1b; font-size: 4.9vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 1.4vw;}
#contentsmain .inner-Box figure{ margin-bottom: 4vw; }

#contents01 { background: url('../images/kodawari/sp-contents01-back.jpg')no-repeat top center #f4efe7; background-size: 100% auto; padding-bottom: 15.6vw;}
#contents01 .ttl-Box {  margin: 0 4vw; padding-top: 10.2vw;}
#contents01 .ttl-Box h2{ font-size: 6.5vw; font-weight: 700; letter-spacing: 0.3vw; line-height: 1; margin-bottom: 8.7vw;}
#contents01 .ttl-Box h2 span{ display: inline-block; background: #fff;  padding: 2.9vw 3.4vw; margin-bottom: 0.5vw; }
#contents01 .ttl-Box h2 .fgms{ font-size: 4.2vw; letter-spacing: 0.3vw; padding: 2.0vw 3.7vw; }
#contents01 .inner-Box {  background: #fff; margin: 0 4vw; padding: 10vw 5vw 5vw; }
#contents01 .inbox1 {  position: relative; margin-bottom: 7.2vw; }
#contents01 .inbox1 h3{ font-size: 4.5vw; font-weight: 700; letter-spacing: 0.3vw; line-height:1.6; margin-bottom: 4.7vw; }
#contents01 .inbox1 figure{ margin-bottom: 4vw; }
#contents01 .inbox1 p{ font-size: 3.6vw; letter-spacing: 0.3vw; line-height:1.6; margin-bottom: 5.9vw; }
#contents01 .colbox { padding: 4vw; background: url('../images/kodawari/contents01-back02.jpg'); border: 0.3vw solid #85bbbe; }
#contents01 .colbox h4{ text-align: center; font-weight: 700; font-size: 5.2vw; letter-spacing: 0.3vw; margin-bottom: 2.6vw;}
#contents01 .colbox h4 span{ font-size: 3.6vw; display: block; }
#contents01 .box01 { background-color: #f3f2f3; margin-bottom: 5.2vw;}
#contents01 .box01 h5{ color: #ffffff; font-size: 4vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center;background-color: #38240e; padding: 1.0vw;}
#contents01 .box01 .minibox {  padding: 3vw;position: relative;}
#contents01 .box01 .minibox h6{  font-size: 3.9vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 1.2vw;}
#contents01 .box01 .minibox figure{ margin-bottom: 4vw; }
#contents01 .box01 .minibox p{  margin-bottom: 3.4vw;}
#contents01 .box01 .minibox2 {  padding: 3vw;position: relative;}
#contents01 .box01 .minibox2 figure{ margin-bottom: 4vw; }
#contents01 .box01 .minibox2 p{  margin-bottom: 3.4vw;}

#contents01 .box02 { background-color: #f3f2f3; margin-bottom: 5.2vw;}
#contents01 .box02 h5{ color: #ffffff; font-size: 4vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center;background-color: #38240e; padding: 1.0vw;}
#contents01 .box02 .minibox {  padding: 3vw;position: relative;}
#contents01 .box02 .minibox h6{  font-size: 3.9vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 1.2vw;}
#contents01 .box02 .minibox figure{ margin-bottom: 4vw; }
#contents01 .box02 .minibox p{  margin-bottom: 3.4vw;}

#contents01 .box03 { background-color: #f3f2f3; margin-bottom: 5.2vw;}
#contents01 .box03 h5{ color: #ffffff; font-size: 4vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center;background-color: #38240e; padding: 1.0vw;}
#contents01 .box03 .minibox {  padding: 3vw;position: relative;}
#contents01 .box03 .minibox h6{  font-size: 3.9vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 1.2vw;}
#contents01 .box03 .minibox figure{ margin-bottom: 4vw; }
#contents01 .box03 .minibox p{  margin-bottom: 3.4vw;}

#contents02 { background: url('../images/kodawari/sp-contents02-back.jpg')no-repeat top center;  background-size: 100% auto; padding-bottom: 16.5vw;}
#contents02 .ttl-Box { text-align: center; padding-top: 9.1vw;padding-bottom: 5vw;}
#contents02 .ttl-Box h2 {  margin: 0 9vw 4vw;}
#contents02 .ttl-Box h2 img{  }
#contents02 .inner-Box1 {  padding: 4vw;margin: 0 4vw 10.3vw;background: #f4efe7;position: relative;}
#contents02 .inner-Box1 h3{ font-size: 4.2vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 2.2vw;}
#contents02 .inner-Box1 figure{ margin-bottom: 4vw; }
#contents02 .inner-Box1 p{  margin-bottom: 3.9vw;font-size: 3.6vw;line-height:1.6;letter-spacing: 0.3vw;}
#contents02 .inner-Box2 {  margin: 0 4vw;}
#contents02 .inner-Box2 h2{ font-size: 7vw; letter-spacing: 0.3vw; font-weight: 700; text-align: center; margin-bottom: 3.4vw;}
#contents02 .inner-Box2 h2 span{ font-size: 4.5vw; display: block; }
#contents02 .inner-Box2 ul{   display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents02 .inner-Box2 ul li { width: 49%; margin-bottom: 3.4vw; margin-right: 2%; text-align: center; }
#contents02 .inner-Box2 ul li:nth-child(2n){ margin-right: 0vw; }
#contents02 .inner-Box2 ul li img{  }
#contents02 .inner-Box2 ul li h3{ background-color: #38240e; font-size: 4vw; padding: 0.8vw 0 0.3vw 0; color: #ffffff; font-weight: 700; text-align: center; margin-bottom: 2.1vw;}
#contents02 .inner-Box2 ul li p{  }
#contents02 .inner-Box2 p.btn{  margin: 0 4vw; text-align: center;display: block;position: relative;top: 3.9vw;}
#contents02 .inner-Box2 p.btn img{  }

#contents03 { background: url('../images/kodawari/sp-contents03-back.jpg')no-repeat top center #f4efe7;  background-size: 100% auto; padding-bottom: 14.3vw;margin-bottom: 5vw;}
#contents03 .ttl-Box {  margin: 0 4vw; padding-top: 6.5vw;}
#contents03 .ttl-Box h2{ font-size: 6.5vw; font-weight: 700; letter-spacing: 0.3vw; line-height: 1; margin-bottom: 4.7vw;margin-right: 27vw;}
#contents03 .inner-Box {  background: #fff; margin: 0 4vw; padding: 3vw; }
#contents03 .box01 {  margin-bottom: 4.2vw;}
#contents03 .box01 h3{ color: #fff; text-align: center; font-size: 4vw; font-weight: 700; letter-spacing: 0.3vw; background-color: #332e1b; padding: 1.2vw;}
#contents03 .textbox { background-color: #f3f2f3; padding: 3vw; position: relative; }
#contents03 .textbox figure{ text-align: center;display: block;}
#contents03 .textbox figure img{ margin: 0 auto 4vw; }
#contents03 .textbox p{font-size: 3.3vw;margin-bottom: 1.3vw;}
#contents03 p.subttl {  font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; background-color: #ffe412; text-align: center; padding:1.3vw;}
#contents03 p.arr { background: url('../images/kodawari/sp-contents03-back02.png')no-repeat top center; background-size: 100% 100%; height: 13.0vw; color: #fff; text-align: center;font-size: 4.2vw; font-weight: 700;padding-top: 1.4vw;}
#contents03 .box02 {  }
#contents03 .box02 h4{ text-align: center; font-size: 5.2vw; font-weight: 700; letter-spacing: 0.3vw; position: relative;margin-bottom: 3vw;}
#contents03 .box02 h4 span{ background: linear-gradient(transparent 60%, #ffff66 60%); }
#contents03 .box02 h4::before{  height: 0.1vw; border-bottom: 0.1vw dashed #121b41; position: absolute; content: "";bottom: -1.7vw;left: 10vw;width: 64vw;}
#contents03 .box02 h5{  font-size: 4vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;text-align: center;margin-bottom: 3vw;}
#contents03 .minibox {  position: relative;}
#contents03 .minibox figure{ margin-bottom: 4vw; }
#contents03 .minibox p{  font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 3.9vw;}

#contentsbottom { background: url('../images/kodawari/sp-bottom-back.jpg')no-repeat top center; background-size: 100% 100%; padding-top: 8vw;margin-bottom: 4vw;}
#contentsbottom .inner-Box {  margin: 0 4vw; text-align: center; padding-bottom: 5vw;}
#contentsbottom .inner-Box p{ font-size: 4vw; font-weight: 700; letter-spacing: 0.3vw; line-height:1.6; margin-bottom: 3.9vw; }
#contentsbottom .inner-Box figure{ margin-bottom: 4vw; }
#contentsbottom .inner-Box h2{ font-size: 5.2vw; letter-spacing: 0.3vw; font-weight: 700; }


.bottom-banner{  padding: 8vw 14vw 4vw; margin: 0 4vw;display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bottom-banner li{   margin-bottom: 5vw; text-align: center; }
.bottom-banner li:nth-child(2){ margin-right: 0vw; }
.bottom-banner li img{ margin-bottom: 2vw; }
.bottom-banner li p{ font-size: 3.8vw; letter-spacing: 0.3vw; line-height:1.6; font-weight: bold;}

}