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

.seo_bread_list{margin-bottom: 18px;}
#contentsmain { background: url('../images/design/main-back.jpg')no-repeat top center; min-height: 620px; }
#contentsmain .inner-Box {width: 1103px;margin: 0 auto;padding-top: 103px;}
#contentsmain .inner-Box h2{font-feature-settings: "palt";font-size: 44px;font-weight: 700;letter-spacing: 7.4px;line-height: 1;margin-bottom: 29px;}
#contentsmain .inner-Box h2 span{background: #fff;display: inline-block;padding: 15px 24px;margin-bottom: 4px;}
#contentsmain .inner-Box p{font-size: 18px;font-weight: 700;letter-spacing: 0.9px;line-height: 36px;margin-left: 27px;}

.backk{background: #eef0f1;padding-top: 141px;padding-bottom: 21px;}

#contents01 {background: url('../images/design/contents01-back.png')no-repeat top center;margin-bottom: 50px;}
#contents01 .inner-Box {width: 1200px;margin: 0 auto;position: relative;min-height: 514px;padding-left: 49px;}
#contents01 .inner-Box span.no {position: relative;top: -18px;left: 7px;display: block;margin-bottom: 28px;}
#contents01 .inner-Box h2{color: #fff;font-size: 34px;font-weight: 700;letter-spacing: 8.4px;line-height: 1;font-feature-settings: "palt";margin-bottom: 7px;}
#contents01 .inner-Box h2 span{background-color: #c07f2b;display: inline-block;padding: 6px 11px 6px 16px;margin-bottom: 4px;}
#contents01 .inner-Box h2 span.spp{letter-spacing: 5px;}
#contents01 .inner-Box h3{color: #c07f2b;font-weight: 700;font-size: 18px;letter-spacing: 2.16px;margin-bottom: 30px;}
#contents01 .inner-Box figure{position: absolute;top: -30px;right: 0;}
#contents01 .inner-Box p{width: 525px;font-size: 16px;letter-spacing: 0.8px;line-height: 28px;}

#contents02 {background: url('../images/design/contents02-back.png')no-repeat top center;margin-bottom: 100px;}
#contents02 .inner-Box {width: 1200px;margin: 0 auto;position: relative;min-height: 463px;padding-left: 626px;}
#contents02 .inner-Box span.no {position: relative;top: -18px;display: block;margin-bottom: 28px;left: 5px;}
#contents02 .inner-Box h2{color: #fff;font-size: 34px;font-weight: 700;letter-spacing: 6.4px;line-height: 1;font-feature-settings: "palt";margin-bottom: 7px;}
#contents02 .inner-Box h2 span{background-color: #c07f2b;display: inline-block;padding: 6px 5px 6px 16px;margin-bottom: 4px;}
#contents02 .inner-Box h2 span.spp{letter-spacing: 7px;padding-right: 14px;}
#contents02 .inner-Box h3{color: #c07f2b;font-weight: 700;font-size: 18px;letter-spacing: 2.16px;margin-bottom: 30px;}
#contents02 .inner-Box figure{position: absolute;top: 78px;left: 0;}
#contents02 .inner-Box p{width: 525px;font-size: 16px;letter-spacing: 0.8px;line-height: 28px;}
#contents02 .inner-Box2 {width: 800px;margin: 0 auto;position: relative;text-align: center;padding-bottom: 37px;}
#contents02 .inner-Box2 p{font-size: 20px;font-weight: 700;letter-spacing: 2px;line-height: 34px;}
#contents02 .inner-Box2 figure{position: absolute;bottom: 0;right: 93px;}

#contents03 {background: url('../images/design/contents01-back.png')no-repeat top center;margin-bottom: 50px;}
#contents03 .inner-Box {width: 1200px;margin: 0 auto;position: relative;min-height: 514px;padding-left: 49px;}
#contents03 .inner-Box span.no {position: relative;top: -18px;left: 7px;display: block;margin-bottom: 28px;}
#contents03 .inner-Box h2{color: #fff;font-size: 34px;font-weight: 700;letter-spacing: 6.4px;line-height: 1;font-feature-settings: "palt";margin-bottom: 7px;}
#contents03 .inner-Box h2 span{background-color: #c07f2b;display: inline-block;padding: 6px 11px 6px 16px;margin-bottom: 4px;}
#contents03 .inner-Box h2 span.spp{letter-spacing: 5px;}
#contents03 .inner-Box h3{color: #c07f2b;font-weight: 700;font-size: 18px;letter-spacing: 2.16px;margin-bottom: 30px;}
#contents03 .inner-Box figure{position: absolute;top: 78px;right: 0;}
#contents03 .inner-Box p{width: 525px;font-size: 16px;letter-spacing: 0.8px;line-height: 28px;}

#contents04 {background: url('../images/design/contents04-back.png')no-repeat top 275px center;padding-bottom: 527px;margin-bottom: 70px;}
#contents04 .inner-Box {width: 922px;background-color: #ffffff;text-align: center;position: relative;margin: 0 auto;padding-top: 137px;}
#contents04 .inner-Box span.icon01 {position: absolute;top: 76px;left: 149px;}
#contents04 .inner-Box span.icon02 {position: absolute;top: 190px;right: 0;}
#contents04 .inner-Box h2{margin-bottom: 13px;font-size: 36px;font-weight: 700;letter-spacing: 3.6px;line-height: 54px;}
#contents04 .inner-Box h3{ font-size: 18px; font-weight: 700; letter-spacing: 0.9px; line-height: 28px; }
#contents04 .inner-Box p{font-size: 18px;font-weight: 700;letter-spacing: 0.9px;padding-bottom: 25px;}
#contents04 .inner-Box figure.sp {  }

#contentsbottom {margin-bottom: 150px;}
#contentsbottom span.en {text-align: center;display: block;margin-bottom: 21px;}
#contentsbottom h2{text-align: center;font-size: 26px;letter-spacing: 2.6px;margin-bottom: 53px;}
#contentsbottom ul.list { width: 1000px; margin: 0 auto 150px; 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;}
#contentsbottom ul li { margin-right: 40px; }
#contentsbottom ul li:nth-child(2){ margin-right: 0px; }
#contentsbottom ul li img{  }
#contentsbottom .inner-Box {background-color: #f6f6f6;padding: 60px 0;}
#contentsbottom ul.list2 {width: 890px;margin: 0 auto 0px;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;}
#contentsbottom ul.list2 li { margin-right: 30px; }
#contentsbottom ul.list2 li:nth-child(2){ margin-right: 0px; }


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


#contentsmain { background: url('../images/design/sp-main-back.jpg')no-repeat top center; background-size: 100% auto;  }
#contentsmain .inner-Box {margin: 0 4vw;padding-top: 9vw;padding-bottom: 13vw;}
#contentsmain .inner-Box h2{font-feature-settings: "palt";font-size: 5vw;font-weight: 700;letter-spacing: 1.3vw;line-height: 1;margin-bottom: 57.8vw;}
#contentsmain .inner-Box h2 span{background: #fff;display: inline-block;padding: 2.0vw 2.1vw 2.0vw 3.1vw;margin-bottom: 0.5vw;}
#contentsmain .inner-Box p{font-size: 4.3vw;font-weight: 700;letter-spacing: 0.3vw;line-height: 1.7;}

.backk{background: #eef0f1;padding-top: 12.4vw;padding-bottom: 2.7vw;}

#contents01 {background: #fff;padding-bottom: 12vw;margin: 0 3vw 11.5vw;}
#contents01 .inner-Box {margin: 0 6vw;position: relative;}
#contents01 .inner-Box span.no {position: relative;top: -3.3vw;left: -1vw;display: block;margin-bottom: 1.7vw;width: 11vw;}
#contents01 .inner-Box h2{color: #fff;font-size: 6vw;font-weight: 700;letter-spacing: 0.9vw;line-height: 1;font-feature-settings: "palt";margin-bottom: 0.9vw;}
#contents01 .inner-Box h2 span{background-color: #c07f2b;display: inline-block;padding: 1.5vw 2.4vw;margin-bottom: 0.5vw;}
#contents01 .inner-Box h2 span.spp{letter-spacing: 0.3vw;}
#contents01 .inner-Box h3{color: #c07f2b;font-weight: 700;font-size: 4.3vw;letter-spacing: 0.3vw;margin-bottom: 3.9vw;}
#contents01 .inner-Box figure{ margin-bottom: 4vw; }
#contents01 .inner-Box p{font-size: 3.3vw;letter-spacing: 0.4vw;line-height: 1.8;}

#contents02 {background: #fff;padding-bottom: 9vw;margin: 0 3vw 11.5vw;}
#contents02 .inner-Box {margin: 0 6vw;position: relative;}
#contents02 .inner-Box span.no {position: relative;top: -3.3vw;left: -1vw;display: block;margin-bottom: 1.7vw;width: 13vw;}
#contents02 .inner-Box h2{color: #fff;font-size: 6vw;font-weight: 700;letter-spacing: 0vw;line-height: 1;font-feature-settings: "palt";margin-bottom: 0.9vw;}
#contents02 .inner-Box h2 span{background-color: #c07f2b;display: inline-block;padding: 1.5vw 2.4vw;margin-bottom: 0.5vw;}
#contents02 .inner-Box h2 span.spp{letter-spacing: 0.7vw;}
#contents02 .inner-Box h3{color: #c07f2b;font-weight: 700;font-size: 4.3vw;letter-spacing: 0.3vw;margin-bottom: 3.9vw;}
#contents02 .inner-Box figure{ margin-bottom: 4vw; }
#contents02 .inner-Box p{font-size: 3.3vw;letter-spacing: 0.2vw;line-height: 1.8;margin-bottom: 7vw;}
#contents02 .inner-Box2 {margin: 0 4vw;position: relative;text-align: center;}
#contents02 .inner-Box2 p{font-size: 4.2vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;}
#contents02 .inner-Box2 figure{position: absolute;bottom: -9vw;right: 0.5vw;width: 13.5vw;}

#contents03 {background: #fff;padding-bottom: 6vw;margin: 0 3vw 11.5vw;}
#contents03 .inner-Box {margin: 0 6vw;position: relative;}
#contents03 .inner-Box span.no {position: relative;top: -3.3vw;left: -1vw;display: block;margin-bottom: 1.7vw;width: 13vw;}
#contents03 .inner-Box h2{color: #fff;font-size: 6vw;font-weight: 700;letter-spacing: 0.5vw;line-height: 1;font-feature-settings: "palt";margin-bottom: 0.9vw;}
#contents03 .inner-Box h2 span{background-color: #c07f2b;display: inline-block;padding: 1.5vw 2.4vw;margin-bottom: 0.5vw;}
#contents03 .inner-Box h2 span.spp{letter-spacing: 0.3vw;}
#contents03 .inner-Box h3{color: #c07f2b;font-weight: 700;font-size: 4.3vw;letter-spacing: 0.3vw;margin-bottom: 3.9vw;}
#contents03 .inner-Box figure{ margin-bottom: 4vw; }
#contents03 .inner-Box p{font-size: 3.3vw;letter-spacing: 0.4vw;line-height: 1.8;}

#contents04 {padding-bottom: 5vw;margin-bottom: 9.1vw;}
#contents04 .inner-Box {background-color: #ffffff;text-align: center;position: relative;margin: 0 4vw;padding-top: 15.9vw;}
#contents04 .inner-Box span.icon01 {position: absolute;top: 4.8vw;left: -0.6vw;}
#contents04 .inner-Box span.icon01 img{width: 20vw;}
#contents04 .inner-Box span.icon02 img{width: 13vw;}
#contents04 .inner-Box span.icon02 {position: absolute;top: 35.8vw;right: 2vw;}
#contents04 .inner-Box h2{margin-bottom: 3.7vw;font-size: 5.8vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;}
#contents04 .inner-Box h3{ font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; line-height:1.6; }
#contents04 .inner-Box p{font-size: 4vw;font-weight: 700;letter-spacing: 0.6vw;padding-bottom: 0.7vw;}
#contents04 .inner-Box figure.sp {margin: 0 -4vw;}

#contentsbottom {margin-bottom: 16.5vw;}
#contentsbottom span.en {text-align: center;display: block;margin-bottom: 4.7vw;}
#contentsbottom span.en img{height: 2.7vw;}
#contentsbottom h2{text-align: center;font-size: 5.7vw;letter-spacing: 0.3vw;margin-bottom: 7.9vw;}
#contentsbottom ul.list {margin: 0 11vw 3.5vw;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;}
#contentsbottom ul li {margin-bottom: 7.2vw;}
#contentsbottom ul li:nth-child(2){ margin-right: 0vw; }
#contentsbottom ul li img{  }
#contentsbottom .inner-Box {background-color: #f6f6f6;padding: 7.8vw 0 5.8vw 0;margin-bottom: 29vw;}
#contentsbottom ul.list2 {margin: 0 11vw 0vw;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;}
#contentsbottom ul.list2 li {margin-bottom: 4.9vw;}
#contentsbottom ul.list2 li:nth-child(2){ margin-right: 0vw; }





}