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

#contentsmain {margin: 0 auto 87px;position: relative;padding: 38px 0 0;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;padding: 730px 0 0;}
#contentsmain .inner-Box h2 {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box h3 {font-size: 36px;line-height: 1.38;font-weight: 500;letter-spacing: 3.6px;margin-bottom: 34px;position: relative;}
#contentsmain .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contentsmain .inner-Box figure.img {position: absolute;bottom: -27px;left: 50%;margin-left: 372px;}
#contentsmain .inner-Box figure.img img{  }

#contents01 {margin: 0 auto 120px;position: relative;background: url('../images/plan/contents01-back01.png')no-repeat bottom center;padding-bottom: 500px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;border-bottom: #202020 1px solid;border-top: #202020 1px solid;max-width: 1749px;margin: 0 auto 97px;}
#contents01 .inner-Box 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;max-width: 1592px;margin: 0 auto 0px;padding: 20px 50px 20px;}
#contents01 .inner-Box ul li {position: relative;width: 50%;padding: 88px 7% 85px 0%;text-align: center;}
#contents01 .inner-Box ul li:nth-child(2n) { padding: 90px 0% 85px 7%; }
#contents01 .inner-Box ul li:nth-child(1) {border-bottom: 1px solid #202020;border-right: 1px solid #202020;}
#contents01 .inner-Box ul li:nth-child(1)::before{content: "";display: block;background: #fff;width: 25px;height: 25px;position: absolute;bottom: -13px;right: -13px;z-index: 3;}
#contents01 .inner-Box ul li:nth-child(4) {border-top: 1px solid #202020;border-left: 1px solid #202020;position: relative;top: -1px;left: -1px;}
#contents01 .inner-Box h2 {font-size: 34px;line-height: 1.65;font-weight: 500;letter-spacing: 3.4px;margin-bottom: 16px;position: relative;}
#contents01 .inner-Box h3 {font-size: 18px;line-height: 1.38;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 46px;position: relative;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin: 0 0 30px;}
#contents01 .inner-Box figure.photo img{ width: 100%; height: auto; }
#contents01 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents01 h5 {font-size: 24px;line-height: 1.92;font-weight: 500;letter-spacing: 2.4px;margin-bottom: 0px;position: relative;text-align: center;}

#contents02 {margin: 0 auto 127px;position: relative;background: #F7F8F8;padding: 0 0 67px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 80px 40px 0;max-width: 1320px;}
#contents02 .inner-Box span.ttlicon {display: block;line-height: 1;text-align: center;margin: 0 0 21px;}
#contents02 .inner-Box span.ttlicon img {  }
#contents02 .inner-Box h2 {font-size: 36px;line-height: 1.38;font-weight: 500;letter-spacing: 3.2px;margin-bottom: 74px;position: relative;text-align: center;}

#contentsbottom {margin: 0 auto 141px;position: relative;}
#contentsbottom .inner-Box2 {margin: 0 auto 100px;position: relative;text-align: center;}
#contentsbottom .inner-Box2 h2 {position: absolute;top: -42px;z-index: 3;left: 50%;margin-left: -640px;}
#contentsbottom .inner-Box2 h2 span{  }
#contentsbottom .inner-Box2 h2 img {  }
#contentsbottom .inner-Box2 figure.photo {position: relative;top: 0;left: -72px;}
#contentsbottom .inner-Box2 figure.photo img{  }

#contentsbottom .inner-Box {margin: 0 auto;position: relative;background: #F7F8F8;max-width: 1400px;padding: 60px 0 103px;}
#contentsbottom .inner-Box ul{ width: 1100px; 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; }
#contentsbottom .inner-Box ul li{ width: 340px; margin-right: 40px; text-align: center;}
#contentsbottom .inner-Box ul li:nth-child(3n){ margin-right: 0; }
#contentsbottom .inner-Box ul li p{font-size: 14px;letter-spacing: 0.7px;line-height: 1.86;padding-top: 10px;}


}
@media screen and (min-width:768px) and ( max-width:1340px) {
	
    #contents01 .inner-Box h2 {font-size: 30px;}

	
}

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

    #contentsmain {margin: 0 auto 9.31vw;position: relative;padding: 10.38vw 0 0;}
#contentsmain .inner-Box {position: relative;text-align: center;padding: 0vw 0 0;}
#contentsmain .inner-Box h2 {
    margin: 0 0 9vw;
}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box h3 {font-size: 5.80vw;line-height: 1.79;font-weight: 500;letter-spacing: 0.29vw;margin-bottom: 3.21vw;position: relative;}
#contentsmain .inner-Box p.text {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 11.35vw;position: relative;}
#contentsmain .inner-Box figure.img {position: relative;bottom: 0vw;margin: 0 22.9vw;}
#contentsmain .inner-Box figure.img img{  }

#contents01 {padding: 0 4vw 8.99vw;position: relative;background: url('../images/plan/sp-contents01-back01.png')no-repeat bottom center;padding-bottom: 0vw;background-size: 100% auto;margin-bottom: 24vw;}
#contents01 .inner-Box {margin: 0 4vw;position: relative;border-top: #202020 0.24vw solid;margin: 0 auto 2.33vw;}
#contents01 .inner-Box 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 auto 0.0vw;padding: 12.6vw 0 0;}
#contents01 .inner-Box ul li {position: relative;text-align: center;border-bottom: #202020 1px solid;padding-bottom: 7.6vw;margin-bottom: 12.6vw;}
#contents01 .inner-Box ul li:nth-child(2n) {}
#contents01 .inner-Box ul li:nth-child(1) {}
#contents01 .inner-Box ul li:nth-child(1)::before{content: "";display: block;background: #fff;width: 6.04vw;height: 6.04vw;position: absolute;bottom: 0vw;right: 0vw;z-index: 3;}
#contents01 .inner-Box ul li:nth-child(4) {}
#contents01 .inner-Box h2 {font-size: 5.31vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.27vw;margin-bottom: 4.86vw;position: relative;}
#contents01 .inner-Box h3 {font-size: 3.86vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.22vw;margin-bottom: 7.11vw;position: relative;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin: 0 0 5.25vw;}
#contents01 .inner-Box figure.photo img{ width: 100%; height: auto; }
#contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin: 0 2vw 7.25vw;position: relative;text-align: left;}
#contents01 h5 {font-size: 4.35vw;line-height: 2.12;font-weight: 500;letter-spacing: 0.22vw;margin: 0 -11vw 0.0vw;position: relative;text-align: center;padding-bottom: 48.5vw;}

#contents02 {margin: 0 auto 21.38vw;position: relative;background: #F7F8F8;padding: 0 0 9.18vw;}
#contents02 .inner-Box {margin: 0px 3.8vw;position: relative;padding: 14.62vw 0 0;}
#contents02 .inner-Box span.ttlicon {display: block;line-height: 1;text-align: center;margin: 0 43vw 6.27vw;}
#contents02 .inner-Box span.ttlicon img {  }
#contents02 .inner-Box h2 {font-size: 6.28vw;line-height: 1.48;font-weight: 500;letter-spacing: 0.77vw;margin-bottom: 5.37vw;position: relative;text-align: center;}


#contentsbottom {margin: 0 auto 34.06vw;position: relative;}
#contentsbottom .inner-Box2 {margin: 0 auto 19.35vw;position: relative;text-align: center;}
#contentsbottom .inner-Box2 h2 { margin: 0 5.9vw -4.6vw 4.2vw; z-index: 3; position: relative; }
#contentsbottom .inner-Box2 h2 span{  }
#contentsbottom .inner-Box2 h2 img {  }
#contentsbottom .inner-Box2 figure.photo {position: relative;top: 0;left: 0vw;}
#contentsbottom .inner-Box2 figure.photo img{  }

#contentsbottom .inner-Box {margin: 0 3.1vw;position: relative;background: #F7F8F8;padding: 14.68vw 0 4.62vw;}
#contentsbottom .inner-Box ul{margin: 0 6vw;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 .inner-Box ul li{margin-bottom: 7.96vw;text-align: center;}
#contentsbottom .inner-Box ul li:nth-child(3n){ margin-right: 0; }
#contentsbottom .inner-Box ul li p{font-size: 3.38vw;letter-spacing: 0.17vw;line-height: 1.86;padding-top: 2.42vw;}

}