@charset "UTF-8";
@media screen and (min-width: 768px),print {
#contentsmain{width: 1100px;margin: 0 auto;position: relative;height: 428px;padding-top: 30px;padding-left: 110px;}
#contentsmain .inner-Box{}
#contentsmain .inner-Box h3{position: absolute;bottom: 50px;left: 216px;}
#contentsmain .inner-Box p{font-size: 30px;font-weight: 700;position: absolute;top: 30px;left: 335px;}
#contentsmain .inner-Box p span{background: #f7c800;display: inline-block;padding: 7px 2px;margin-bottom: 6px;line-height: 1;}
#contentsmain .inner-Box figure{}


#contents01{background: #f7c800;padding-top: 89px;}
#contents01 .inner-Box{width: 944px;margin: 0 auto;padding-bottom: 68px;}
#contents01 .inner-Box h2{font-size: 52px;font-weight: 700;letter-spacing: 2.6px;text-align: center;position: relative;padding-right: 50px;margin-bottom: 3px;}
#contents01 .inner-Box h2::before{content: url('../images/service/contents01-left.svg');position: absolute;top: -14px;left: -14px;}
#contents01 .inner-Box h2::after{content: url('../images/service/contents01-right.svg');position: absolute;top: -14px;right: -16px;}
#contents01 .inner-Box h2 span.line{ border-bottom: 5px solid #fff; }
#contents01 .inner-Box h2 span.line span{ position: relative; }
#contents01 .inner-Box h2 span.line span::before{content: url('../images/service/contents01-dot.svg');position: absolute;top: -68px;left: 23px;}
#contents01 .inner-Box p{ text-align: center; font-size: 22px; letter-spacing: 1.1px; margin-bottom: 27px; }
#contents01 .inner-Box figure{ position: relative; left: -9px; }

#contents02{ background: #f5f5f5; }
#contents02 .inner-Box {width: 960px;margin: 0 auto;padding-top: 60px;position: relative;padding-bottom: 132px;}
#contents02 .inner-Box::before{content: url('../images/reform/contents01-arr.svg');position: absolute;bottom: -49px;left: 50%;margin-left: -42px;}
#contents02 .inner-Box h2{background: url('../images/service/contents02-ttl.png')no-repeat top center;height: 244px;width: 960px;margin: 0 auto;font-weight: 700;line-height: 66px;text-align: center;font-size: 52px;padding-top: 38px;}
#contents02 .inner-Box h2 span{ font-size: 40px; display: block; }
#contents02 .inner-Box p{font-size: 26px;line-height: 87px;text-align: center;padding-right: 36px;margin-bottom: -14px;}
#contents02 .inner-Box figure{ text-align: center; }

#contents03{background: url('../images/service/contents03-back.jpg')no-repeat bottom center;padding-bottom: 476px;margin-bottom: -365px;}
#contents03 .inner-Box{width: 1100px;margin: 0 auto;padding-top: 110px;}
#contents03 .inner-Box h2{text-align: center;font-size: 52px;font-weight: 700;letter-spacing: 2.6px;line-height: 70px;margin-bottom: 37px;}
#contents03 .inner-Box p.text{font-size: 18px;letter-spacing: 0.9px;line-height: 32px;text-align: center;margin-bottom: 20px;}
#contents03 .inner-Box ul{background: #f7c800;padding: 50px 50px 10px;}
#contents03 .inner-Box ul li{position: relative;padding: 64px 437px 34px 107px;margin-bottom: 50px;background: #fff;border-radius: 10px;border: 3px solid #c7a100;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
#contents03 .inner-Box ul li:nth-child(2){min-height: 402px;}
#contents03 .inner-Box ul li .icon{position: absolute;top: -39px;left: -106px;}
#contents03 .inner-Box ul li figure{ position: absolute; top: 50px; right: 50px; }
#contents03 .inner-Box ul li h3{border-bottom: 1px solid #000;font-size: 32px;font-weight: 700;letter-spacing: 1.6px;padding-bottom: 12px;margin-bottom: 15px;}
#contents03 .inner-Box ul li p.text{font-size: 18px;letter-spacing: 0.9px;line-height: 32px;text-align: left;margin-bottom: 33px;}

#contentsbottom{width: 1000px;margin: 0 auto 100px;padding-top: 73px;background: #fff;}
#contentsbottom h2{font-size: 40px;font-weight: 700;letter-spacing: 2px;line-height: 60px;border-bottom: 3px solid #f7c800;text-align: center;display: inline-block;margin-left: 212px;padding-bottom: 5px;margin-bottom: 27px;}
#contentsbottom p{font-size: 22px;text-align: center;font-weight: 700;letter-spacing: 1.1px;line-height: 40px;margin-bottom: 56px;}
#contentsbottom 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;width: 779px;margin: 0 auto;}
#contentsbottom ul li{ width: 350px; float: left; margin-right: 50px; }
#contentsbottom ul li:nth-child(2){margin-right: 0px;}


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

#contentsmain{margin: 0 4vw;position: relative;padding-bottom: 6vw;}
#contentsmain .inner-Box{}
#contentsmain .inner-Box h2{text-align: center;margin: 0 28vw 3vw;}
#contentsmain .inner-Box h3{}
#contentsmain .inner-Box p{font-size: 3.9vw;font-weight: 700;margin-bottom: 3vw;}
#contentsmain .inner-Box p span{background: #f7c800;display: inline-block;padding: 0.9vw 0.3vw;margin-bottom: 0.8vw;line-height: 1;}
#contentsmain .inner-Box figure{ margin-bottom: 4vw; }

#contents01{background: #f7c800;padding-top: 11.6vw;}
#contents01 .inner-Box{margin: 0 4vw;padding-bottom: 8.9vw;}
#contents01 .inner-Box h2{font-size: 7.8vw;font-weight: 700;letter-spacing: 0.3vw;text-align: center;position: relative;margin-bottom: 0.4vw;}
#contents01 .inner-Box h2::before{content: url('../images/service/contents01-left.svg');position: absolute;left: -1.8vw;transform: scale(0.5);transform-origin: top left;top: 5.2vw;}
#contents01 .inner-Box h2::after{content: url('../images/service/contents01-right.svg');position: absolute;right: -2.1vw;transform: scale(0.5);transform-origin: top right;top: 5.2vw;}
#contents01 .inner-Box h2 span.line{ border-bottom: 0.7vw solid #fff; }
#contents01 .inner-Box h2 span.line span{ position: relative; }
#contents01 .inner-Box h2 span.line span::before{content: url('../images/service/contents01-dot.svg');position: absolute;top: -6.9vw;left: 2.4vw;transform: scale(0.5);transform-origin: center;}
#contents01 .inner-Box p{text-align: center;font-size: 3.6vw;letter-spacing: 0.3vw;margin-bottom: 3.5vw;}
#contents01 .inner-Box figure{ margin-bottom: 4vw; }

#contents02{ background: #f5f5f5; }
#contents02 .inner-Box {margin: 0 4vw;padding-top: 7.8vw;position: relative;padding-bottom: 9.2vw;}
#contents02 .inner-Box::before{content: url('../images/reform/contents01-arr.svg');position: absolute;bottom: -10.4vw;left: 50%;margin-left: -10.5vw;transform: scale(0.5);transform-origin: center;}
#contents02 .inner-Box h2{background: url('../images/service/sp-contents02-ttl.png')no-repeat top center;background-size: 100% auto;height: 40.4vw;font-weight: 700;line-height:1.6;text-align: center;font-size: 6.8vw;padding-top: 7vw;}
#contents02 .inner-Box h2 span{font-size: 4.2vw;display: block;}
#contents02 .inner-Box p{font-size: 3.6vw;line-height:1.6;text-align: center;margin-bottom: 4.2vw;}
#contents02 .inner-Box figure{ margin-bottom: 4vw; }

#contents03{padding-bottom: 50vw;margin-bottom: -35vw;background: url(../images/service/contents03-back.jpg)no-repeat top 85vw center;}
#contents03 .inner-Box{margin: 0 4vw;padding-top: 14.3vw;}
#contents03 .inner-Box h2{text-align: center;font-size: 6.8vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 4.8vw;}
#contents03 .inner-Box p.text{font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;text-align: left;margin-bottom: 5.6vw;}
#contents03 .inner-Box ul{background: #f7c800;padding: 3vw;}
#contents03 .inner-Box ul li{position: relative;padding: 4vw;margin-bottom: 9.5vw;background: #fff;border-radius: 1.3vw;border: 0.4vw solid #c7a100;box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);}
#contents03 .inner-Box ul li .icon{position: absolute;top: -8.1vw;left: -6vw;width: 13vw;}
#contents03 .inner-Box ul li figure{ margin-bottom: 4vw; }
#contents03 .inner-Box ul li h3{border-bottom: 0.1vw solid #000;font-size: 5.2vw;font-weight: 700;letter-spacing: 0.3vw;padding-bottom: 1.6vw;margin-bottom: 4.7vw;}
#contents03 .inner-Box ul li p.text{font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;text-align: left;margin-bottom: 3vw;}
#contents03 .inner-Box ul li p.btn{ margin: 0 8vw; }

#contentsbottom{margin: 0 auto 13.0vw;padding-top: 70.4vw;background: #fff;}
#contentsbottom h2{font-size: 5.2vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;border-bottom: 0.4vw solid #f7c800;text-align: center;display: inline-block;margin-left: 21.6vw;padding-bottom: 0.7vw;margin-bottom: 3.5vw;}
#contentsbottom p{font-size: 2.9vw;text-align: center;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 50.8vw;}




#contentsbottom{margin: 0 4vw 7vw;padding-top: 10.1vw;}
#contentsbottom h2{font-size: 5.7vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;border-bottom: 0.4vw solid #f7c800;text-align: center;display: inline-block;margin-left: 5.6vw;padding-bottom: 0.7vw;margin-bottom: 1.9vw;}
#contentsbottom p{font-size: 3.4vw;text-align: center;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 6vw;}
#contentsbottom 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;margin: 0 5vw;}
#contentsbottom ul li{margin-bottom: 7vw;}
#contentsbottom ul li:nth-child(2){margin-right: 0vw;}


}