@charset "UTF-8";
@media screen and (min-width: 768px),print {
.seo_bread_list{margin-bottom: -84px!important;color: #fff!important;padding-top: 44px!important;}
.seo_bread_list a{ color: #fff!important; }

#contentsmain {margin: 0 auto 111px;position: relative;background: url('../images/reform/contentsmain-back01.png')no-repeat top center;text-align: center;color: #fff;padding: 226px 0 0;height: 532px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h1 {margin-bottom: 32px;font-size: 18px;letter-spacing: 3.6px;font-weight: 500;}
#contentsmain .inner-Box h1 span{font-size: 26px;display: block;letter-spacing: 1.3px;margin-bottom: 5px;font-weight: 600;}

#contents01 {margin: 0 auto 64px;position: relative;background: url('../images/reform/contents01-back01.png')repeat-x top 138px center;animation: slide-left 100s linear infinite;}

@keyframes slide-left {0% {background-position: 0 138px;}100% {background-position: -2887px 138px;}}
#contents01 h2.f-min {font-size: 36px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 421px;position: relative;text-align: center;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box h3.f-min {font-size: 28px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 31px;position: relative;text-align: center;}
#contents01 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;text-align: center;}

#contents02 {margin: 0 auto -120px;position: relative;background: #F6F6F4;padding: 81px 0 0;}
#contents02 .inner-Box1 {margin: 0 auto 104px;position: relative;width: 1100px;}
#contents02 .inner-Box1 h2.f-min {font-size: 28px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 35px;position: relative;text-align: center;}
#contents02 .inner-Box1 ul.step-list {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-Box1 ul li {position: relative;width: 350px;background: #fff;margin-right: 25px;padding: 39px 24px;}
#contents02 .inner-Box1 ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box1 span.no {display: block;line-height: 1;text-align: center;margin-bottom: 11px;}
#contents02 .inner-Box1 span.no img {  }
#contents02 .inner-Box1 h3 {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 10px;position: relative;text-align: center;}
#contents02 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 7px;}
#contents02 .inner-Box1 figure.photo img{  }
#contents02 .inner-Box1 p.ltext {font-size: 14px;line-height: 1.86;font-weight: 400;letter-spacing: 0px;margin-bottom: 0px;position: relative;}
#contents02 .inner-Box1 span.arr {display: block;line-height: 1;position: absolute;top: 190px;right: -30px;z-index: 3;}
#contents02 .inner-Box1 span.arr img {  }
#contents02 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;z-index: 3;}
#contents02 .inner-Box2 h2.f-min {font-size: 28px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 35px;position: relative;text-align: center;}
#contents02 .back-Box {margin: 0 auto;position: relative;background: #9B907A;color: #fff;padding: 66px 0 63px;}
#contents02 .back-Box p.text2 {font-size: 18px;line-height: 1.89;font-weight: 400;letter-spacing: 0px;margin-bottom: 33px;position: relative;text-align: center;}
#contents02 .back-Box figure.img {position: relative;top: 0;left: 0;text-align: center;margin-bottom: 36px;}
#contents02 .back-Box figure.img img{  }
#contents02 .inBox{margin: 0 auto;position: relative;background: url('../images/reform/contents02-back01.png')no-repeat top center;width: 875px;height: 157px;padding: 40px 71px;}
#contents02 .inBox p.text3 {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}

#contents03 {margin: 0 auto 72px;position: relative;background: #fff;padding: 263px 0 0;}
#contents03 h2.f-min {font-size: 36px;line-height: 1.7;font-weight: 400;letter-spacing: 0px;margin-bottom: 74px;position: relative;text-align: center;}
#contents03 .inner-Box1 {margin: 0 auto 80px;position: relative;width: 1100px;padding: 0 0 0 550px;}
#contents03 .inner-Box1 figure.photo { position: absolute; top: 0; left: 0; }
#contents03 .inner-Box1 figure.photo img{  }
#contents03 .inner-Box1 h3.f-min {font-size: 28px;line-height: 1.55;font-weight: 400;letter-spacing: 0px;margin-bottom: 33px;position: relative;}
#contents03 .inner-Box1 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contents03 .inner-Box2 {margin: 0 auto;position: relative;background: #F6F6F4;width: 1280px;padding: 97px 130px 38px 130px;}
#contents03 .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;}
#contents03 .inner-Box2 ul li {position: relative;padding: 0 0 0 320px;margin-bottom: 30px;}
#contents03 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box2 span.en {display: block;margin-bottom: 18px;line-height: 1;}
#contents03 .inner-Box2 span.en img {  }
#contents03 .inner-Box2 h4 {font-size: 20px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 8px;position: relative;}
#contents03 .inner-Box2 figure.photo { position: absolute; top: 0; left: 0; }
#contents03 .inner-Box2 figure.photo img{  }
#contents03 .inner-Box2 p.ltext {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 13px;position: relative;}
#contents03 .inner-Box2 p.morebtn { font-size: 16px; line-height: 2; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents03 .inner-Box2 p.morebtn a {display: block;width: 210px;font-size: 14px;border-bottom: 1px solid #333;position: relative;padding-bottom: 6px;}
#contents03 .inner-Box2 p.morebtn a::before { content: "→"; position: absolute; top: 0; right: 0; }

#contents04 {margin: 0 auto;position: relative;background: #F6F6F4;padding: 64px 0 116px;}
#contents04 h2.f-min {font-size: 36px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 67px;position: relative;text-align: center;}
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contents04 .inner-Box figure.photo {position: absolute;top: 3px;right: 0;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contents04 .inner-Box ul{ margin-bottom: 33px; }
#contents04 .inner-Box ul li { position: relative; }
#contents04 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents04 .inner-Box p.ltext {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;position: relative;padding: 0 0 0 16px;}
#contents04 .inner-Box ul li::before{content: "";display: block;background: #9E9F9C;width: 6px;height: 6px;position: absolute;top: 15px;left: 1px;}


#contentsbottom {padding: 70px 0;position: relative;background: #F6F6F4;margin-bottom: -70px;}
#contentsbottom .inner-Box h2{font-size: 20px;line-height: 2.25;font-weight: 400;letter-spacing: 0px;margin-bottom: 123px;position: relative;text-align: center;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .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;}
#contentsbottom .inner-Box ul li{width: 340px;margin-right: 40px;}
#contentsbottom .inner-Box ul li figure{margin-bottom: 9px;}
#contentsbottom .inner-Box ul li figure img{ width: 100%; height: auto; }
#contentsbottom .inner-Box ul li:nth-child(3n){margin-right: 0;}
#contentsbottom .inner-Box p.ltext {font-size: 14px;line-height: 1.71;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
    

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

.seo_bread_list{margin-bottom: -11.8vw!important;color: #fff!important;padding-top: 3.43vw!important;z-index: 3;position: relative;}
.seo_bread_list a{ color: #fff!important; }

#contentsmain {position: relative;background: url('../images/reform/sp-contentsmain-back01.png')no-repeat top center;text-align: center;color: #fff;padding: 33.53vw 0 16vw;background-size: 100% auto;height: 77.3vw;}
#contentsmain .inner-Box { margin: 0 4vw; position: relative; }
#contentsmain .inner-Box h1 {margin-bottom: 5.68vw;font-size: 3.86vw;letter-spacing: 0.77vw;}
#contentsmain .inner-Box h1 span{display: block;font-size: 5.31vw;letter-spacing: 0.27vw;font-weight: 600;}


#contents01 {margin: 0 auto 12.58vw;position: relative;background: url('../images/reform/contents01-back01.png')repeat-x top 38.43vw center;animation: slide-left 100s linear infinite;background-size: auto 35.6vw;padding: 10.7vw 0 0;}
@keyframes slide-left {0% {background-position: 0 38.43vw;}100% {background-position: 697.34vw 38.43vw;}}

#contents01 h2.f-min {font-size: 6.28vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 50vw;position: relative;text-align: center;}
#contents01 .inner-Box { margin: 0 4vw; position: relative; }
#contents01 .inner-Box h3.f-min {font-size: 4.83vw;line-height: 1.95;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.49vw;position: relative;text-align: center;}
#contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 2.1;font-weight: 400;letter-spacing: 0.0vw;margin: 0 2.5vw 7.25vw;position: relative;text-align: left;}

#contents02 {margin: 0 auto 0vw;position: relative;background: #F6F6F4;padding: 11.57vw 0 0;}
#contents02 .inner-Box1 {margin: 0 auto 14.12vw;position: relative;}
#contents02 .inner-Box1 h2.f-min {font-size: 5.31vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.95vw;position: relative;text-align: center;}
#contents02 .inner-Box1 ul.step-list {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 7.7vw;}
#contents02 .inner-Box1 ul li {position: relative;background: #fff;padding: 9.42vw 5.8vw;margin-bottom: 4.7vw;}
#contents02 .inner-Box1 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents02 .inner-Box1 span.no {display: block;line-height: 1;text-align: center;margin-bottom: 2.66vw;}
#contents02 .inner-Box1 span.no img {height: 3.6vw;}
#contents02 .inner-Box1 h3 {font-size: 3.86vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 2.42vw;position: relative;text-align: center;}
#contents02 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 1.69vw;}
#contents02 .inner-Box1 figure.photo img{  }
#contents02 .inner-Box1 p.ltext {font-size: 3.38vw;line-height: 1.86;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 0.0vw;position: relative;}
#contents02 .inner-Box1 span.arr {display: block;line-height: 1;position: absolute;bottom: -6vw;z-index: 3;left: 50%;transform: rotate(90deg);transform-origin: center;width: 8.2vw;margin-left: -4.2vw;}
#contents02 .inner-Box1 span.arr img {  }
#contents02 .inner-Box2 {margin: 0 4vw;position: relative;z-index: 3;}
#contents02 .inner-Box2 h2.f-min {font-size: 5.31vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.85vw;position: relative;text-align: center;}
#contents02 .back-Box {position: relative;background: #9B907A;color: #fff;padding: 11.24vw 0 8.22vw;}
#contents02 .back-Box p.text2 {font-size: 3.86vw;line-height: 1.89;font-weight: 400;letter-spacing: 0.0vw;margin: 0 5vw 6.67vw;position: relative;text-align: left;}
#contents02 .back-Box figure.img {position: relative;top: 0;left: 0;text-align: center;margin: 0 4.9vw 7.1vw;}
#contents02 .back-Box figure.img img{  }
#contents02 .inBox{margin: 0 5vw;position: relative;background: url('../images/reform/sp-contents02-back01.png')no-repeat top center;padding: 10.46vw 4.45vw;background-size: 100% auto;}
#contents02 .inBox p.text3 {font-size: 3.38vw;line-height: 2.1;font-weight: 400;letter-spacing: 0.0vw;position: relative;}

#contents03 {margin: 0 auto 14.55vw;position: relative;background: #fff;padding: 13.53vw 0 0;}
#contents03 h2.f-min {font-size: 6.28vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 8.47vw;position: relative;text-align: center;}
#contents03 .inner-Box1 {margin: 0 6.4vw 15.32vw;position: relative;padding: 0 0 0 0vw;}
#contents03 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 7vw;}
#contents03 .inner-Box1 figure.photo img{  }
#contents03 .inner-Box1 h3.f-min {font-size: 4.83vw;line-height: 1.55;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 3.97vw;position: relative;text-align: center;}
#contents03 .inner-Box1 p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}
#contents03 .inner-Box2 {margin: 0 4vw;position: relative;background: #F6F6F4;padding: 14.6vw 4.9vw 2.2vw;}
#contents03 .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;}
#contents03 .inner-Box2 ul li {position: relative;margin-bottom: 4.95vw;}
#contents03 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents03 .inner-Box2 span.en {display: block;margin-bottom: 3.25vw;line-height: 1;text-align: left;}
#contents03 .inner-Box2 span.en img {height: 2.8vw;width: auto;}
#contents03 .inner-Box2 h4 {font-size: 4.83vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 3.73vw;position: relative;}
#contents03 .inner-Box2 figure.photo {position: relative;top: 0;margin-bottom: 3.9vw;left: 0;}
#contents03 .inner-Box2 figure.photo img{  }
#contents03 .inner-Box2 p.ltext {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.14vw;position: relative;}
#contents03 .inner-Box2 p.morebtn {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;margin-right: 31vw;}
#contents03 .inner-Box2 p.morebtn a {display: block;font-size: 3.38vw;border-bottom: 0.24vw solid #333;position: relative;padding-bottom: 1.45vw;}
#contents03 .inner-Box2 p.morebtn a::before { content: "→"; position: absolute; top: 0; right: 0; }

#contents04 {position: relative;background: #F6F6F4;padding: 12.13vw 0 28.02vw;}
#contents04 h2.f-min {font-size: 5.80vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.38vw;position: relative;text-align: center;}
#contents04 .inner-Box {margin: 0 6.4vw;position: relative;}
#contents04 .inner-Box figure.photo {position: relative;top: 0.72vw;right: 0;margin-bottom: 7vw;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.0vw;margin: 0 2.6vw 4.25vw;position: relative;}
#contents04 .inner-Box ul{margin-bottom: 3.07vw;margin-left: 2.3vw;}
#contents04 .inner-Box ul li { position: relative; }
#contents04 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents04 .inner-Box p.ltext {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.0vw;position: relative;padding: 0 0 0.4vw 5.06vw;}
#contents04 .inner-Box ul li::before{content: "";display: block;background: #9E9F9C;width: 1.45vw;height: 1.45vw;position: absolute;top: 3.02vw;left: 0.24vw;}



#contentsbottom {padding: 0 0 15.94vw;position: relative;background: #F6F6F4;}
#contentsbottom .inner-Box {margin: 0 4vw;position: relative;}
#contentsbottom .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 4.8vw;}
#contentsbottom .inner-Box ul li{margin-bottom: -0.34vw;}
#contentsbottom .inner-Box ul li figure{margin-bottom: 2.17vw;}
#contentsbottom .inner-Box ul li figure img{ width: 100%; height: auto; }
#contentsbottom .inner-Box ul li:nth-child(3n){margin-right: 0;}
#contentsbottom .inner-Box p.ltext {font-size: 3.38vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}



}