@charset "UTF-8"; @media screen and (min-width: 768px),print { #contentsmain { text-align: center; padding-top: 18px;margin-bottom: -240px;} #contentsmain h2 { margin-bottom: 24px;} #contentsmain h2 img{ } #contentsmain figure{ margin-bottom: -31px;} #contentsmain .inner-Box { width: 800px;background: #fff;margin: 0 auto;position: relative;padding-top: 29px;padding-bottom: 30px;} #contentsmain .inner-Box p{ font-size: 18px;font-weight: 700;margin-bottom: 6px;} #contentsmain .inner-Box h3{ font-weight: 700;font-size: 24px;letter-spacing: 1.2px;} .backk{ background-color: #f4efe7; padding-top: 305px;padding-bottom: 20px;} #contents00{ max-width: 1400px; width: 100%; min-width: 1280px; border: 11px solid #ebe3d6; background-color: #d8cdbb; margin: 0 auto 159px; padding-top: 41px;padding-bottom: 27px;} #contents00 .inner-Box h2 span { display: block; text-align: center; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; } #contents00 .inner-Box h2{ font-weight: 700; letter-spacing: 1.9px; text-align: center; margin-bottom: 25px;font-size: 38px;} #contents00 .inner-Box 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;} #contents00 .inner-Box ul li { width: 270px; margin-bottom: 36px; margin-right: 20px; text-align: center; position: relative;} #contents00 .inner-Box ul li::before{ content: url('../images/reform/contents01-arr.svg'); position: absolute; bottom: -13px; left: 115px; } #contents00 .inner-Box ul li:nth-child(4n){ margin-right: 0px; } #contents00 .inner-Box ul li img{ } #contents00 .inner-Box h3{ background-color: #38240e; font-size: 22px; color: #ffffff; font-weight: 700; text-align: center; margin-bottom: 16px;} #link01{ position: relative; top: -80px; } #link02{ position: relative; top: -80px; } #link03{ position: relative; top: -80px; } #link04{ position: relative; top: -80px; } #link05{ position: relative; top: -80px; } #link06{ position: relative; top: -80px; } #link07{ position: relative; top: -80px; } #link08{ position: relative; top: -80px; } #contents01 { width: 1100px; border: 4px solid #38240e; background: #fff; margin: 0 auto 100px; text-align: center;padding-bottom: 56px;} #contents01 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 38px;font-weight: 700;border-radius: 20px;padding: 21px 41px;line-height: 1;position: relative;top: -44px;margin-bottom: -8px;} #contents01 .inner-Box1 { padding: 0 80px 0 566px; text-align: left; min-height: 310px; position: relative; margin-bottom: 53px;} #contents01 .inner-Box1 figure{ position: absolute; top: 3px; left: 76px; } #contents01 .inner-Box1 h3{ font-size: 22px; font-weight: 700; letter-spacing: 1.1px; margin-bottom: 6px;} #contents01 .inner-Box1 p{ margin-bottom: 27px;font-size: 16px;letter-spacing: 0.8px;line-height: 28px;} #contents01 .inner-Box1 p span{ font-weight: bold; } #contents01 .inner-Box2 { width: 940px; margin: 0 auto; text-align: left; background-color: #f4efe7;padding-bottom: 35px;} #contents01 .inner-Box2 h4{width: 360px; margin: 0 auto 16px; background-color: #ffffff; border-radius: 0px 0px 20px 20px; font-size: 22px; font-weight: 700; letter-spacing: 1.1px; text-align: center;padding: 8px 0 5px;} #contents01 .clearfix { padding: 0 60px; } #contents01 .clearfix ul.left { width: 400px; float: left; 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-right: 20px;} #contents01 .clearfix ul li{ position: relative; font-size: 18px; font-weight: 700; letter-spacing: 0.9px; padding-left: 30px; } #contents01 .clearfix ul li p{ } #contents01 .clearfix span.icon { position: absolute;top: -9px;left: 0;} #contents01 .clearfix ul.right {width: 400px; float: left; 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 { width: 1100px; border: 4px solid #38240e; background: #fff; margin: 0 auto 100px; text-align: center;padding-bottom: 56px;} #contents02 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 38px;font-weight: 700;border-radius: 20px;padding: 21px 41px;line-height: 1;position: relative;top: -44px;margin-bottom: -8px;} #contents02 .inner-Box1 { padding: 0 566px 0 76px; text-align: left; min-height: 310px; position: relative; margin-bottom: 53px;} #contents02 .inner-Box1 figure{ position: absolute; top: 3px; right: 76px; } #contents02 .inner-Box1 h3{ font-size: 22px; font-weight: 700; letter-spacing: 1.1px; margin-bottom: 6px;} #contents02 .inner-Box1 p{ margin-bottom: 27px;font-size: 16px;letter-spacing: 0.8px;line-height: 28px;} #contents02 .inner-Box1 p span{ font-weight: bold; } #contents02 .inner-Box2 { width: 940px; margin: 0 auto; text-align: left; background-color: #f4efe7;padding-bottom: 35px;} #contents02 .inner-Box2 h4{width: 360px; margin: 0 auto 16px; background-color: #ffffff; border-radius: 0px 0px 20px 20px; font-size: 22px; font-weight: 700; letter-spacing: 1.1px; text-align: center;padding: 8px 0 5px;} #contents02 .clearfix { padding: 0 60px; } #contents02 .clearfix ul.left { width: 400px; float: left; 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-right: 20px;} #contents02 .clearfix ul li{ position: relative; font-size: 18px; font-weight: 700; letter-spacing: 0.9px; padding-left: 30px; } #contents02 .clearfix ul li p{ } #contents02 .clearfix span.icon { position: absolute;top: -9px;left: 0;} #contents02 .clearfix ul.right {width: 400px; float: left; 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 { width: 1100px; border: 4px solid #38240e; background: #fff; margin: 0 auto 100px; text-align: center;padding-bottom: 56px;} #contents03 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 38px;font-weight: 700;border-radius: 20px;padding: 21px 41px;line-height: 1;position: relative;top: -44px;margin-bottom: -8px;} #contents03 .inner-Box1 { padding: 0 80px 0 566px; text-align: left; min-height: 310px; position: relative; margin-bottom: 53px;} #contents03 .inner-Box1 figure{ position: absolute; top: 3px; left: 76px; } #contents03 .inner-Box1 h3{ font-size: 22px; font-weight: 700; letter-spacing: 1.1px; margin-bottom: 6px;} #contents03 .inner-Box1 p{ margin-bottom: 27px;font-size: 16px;letter-spacing: 0.8px;line-height: 28px;} #contents03 .inner-Box1 p span{ font-weight: bold; } #contents03 .inner-Box2 { width: 940px; margin: 0 auto; text-align: left; background-color: #f4efe7;padding-bottom: 35px;} #contents03 .inner-Box2 h4{width: 360px; margin: 0 auto 16px; background-color: #ffffff; border-radius: 0px 0px 20px 20px; font-size: 22px; font-weight: 700; letter-spacing: 1.1px; text-align: center;padding: 8px 0 5px;} #contents03 .clearfix { padding: 0 60px; } #contents03 .clearfix ul.left { width: 400px; float: left; 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-right: 20px;} #contents03 .clearfix ul li{ position: relative; font-size: 18px; font-weight: 700; letter-spacing: 0.9px; padding-left: 30px; } #contents03 .clearfix ul li p{ } #contents03 .clearfix span.icon { position: absolute;top: -9px;left: 0;} #contents03 .clearfix ul.right {width: 400px; float: left; 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;} #contents04 { width: 1100px; border: 4px solid #38240e; background: #fff; margin: 0 auto 100px; text-align: center;padding-bottom: 56px;} #contents04 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 38px;font-weight: 700;border-radius: 20px;padding: 21px 41px;line-height: 1;position: relative;top: -44px;margin-bottom: -8px;} #contents04 .inner-Box1 { padding: 0 566px 0 76px; text-align: left; min-height: 310px; position: relative; margin-bottom: 53px;} #contents04 .inner-Box1 figure{ position: absolute; top: 3px; right: 76px; } #contents04 .inner-Box1 h3{ font-size: 22px; font-weight: 700; letter-spacing: 1.1px; margin-bottom: 6px;} #contents04 .inner-Box1 p{ margin-bottom: 27px;font-size: 16px;letter-spacing: 0.8px;line-height: 28px;} #contents04 .inner-Box1 p span{ font-weight: bold; } #contents04 .inner-Box2 { width: 940px; margin: 0 auto; text-align: left; background-color: #f4efe7;padding-bottom: 35px;} #contents04 .inner-Box2 h4{width: 360px; margin: 0 auto 16px; background-color: #ffffff; border-radius: 0px 0px 20px 20px; font-size: 22px; font-weight: 700; letter-spacing: 1.1px; text-align: center;padding: 8px 0 5px;} #contents04 .clearfix { padding: 0 60px; } #contents04 .clearfix ul.left { width: 400px; float: left; 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-right: 20px;} #contents04 .clearfix ul li{ position: relative; font-size: 18px; font-weight: 700; letter-spacing: 0.9px; padding-left: 30px; } #contents04 .clearfix ul li p{ } #contents04 .clearfix span.icon { position: absolute;top: -9px;left: 0;} #contents04 .clearfix ul.right {width: 400px; float: left; 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;} #contents05 { width: 1100px; border: 4px solid #38240e; background: #fff; margin: 0 auto 100px; text-align: center;padding-bottom: 56px;} #contents05 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 38px;font-weight: 700;border-radius: 20px;padding: 21px 41px;line-height: 1;position: relative;top: -44px;margin-bottom: -8px;} #contents05 .inner-Box1 { padding: 0 80px 0 566px; text-align: left; min-height: 310px; position: relative; margin-bottom: 53px;} #contents05 .inner-Box1 figure{ position: absolute; top: 3px; left: 76px; } #contents05 .inner-Box1 h3{ font-size: 22px; font-weight: 700; letter-spacing: 1.1px; margin-bottom: 6px;} #contents05 .inner-Box1 p{ margin-bottom: 27px;font-size: 16px;letter-spacing: 0.8px;line-height: 28px;} #contents05 .inner-Box1 p span{ font-weight: bold; } #contents05 .inner-Box2 { width: 940px; margin: 0 auto; text-align: left; background-color: #f4efe7;padding-bottom: 27px;} #contents05 .inner-Box2 h4{width: 360px; margin: 0 auto 16px; background-color: #ffffff; border-radius: 0px 0px 20px 20px; font-size: 22px; font-weight: 700; letter-spacing: 1.1px; text-align: center;padding: 8px 0 5px;} #contents05 .clearfix { padding: 0 60px; } #contents05 .clearfix ul.left { width: 400px; float: left; 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-right: 20px;} #contents05 .clearfix ul li{ position: relative; font-size: 18px; font-weight: 700; letter-spacing: 0.9px; padding-left: 30px; } #contents05 .clearfix ul li p{ } #contents05 .clearfix span.icon { position: absolute;top: -9px;left: 0;} #contents05 .clearfix ul.right {width: 400px; float: left; 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;} #contents06 { width: 1100px; border: 4px solid #38240e; background: #fff; margin: 0 auto 100px; text-align: center;padding-bottom: 56px;} #contents06 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 38px;font-weight: 700;border-radius: 20px;padding: 21px 41px;line-height: 1;position: relative;top: -44px;margin-bottom: -8px;} #contents06 .inner-Box1 { padding: 0 566px 0 76px; text-align: left; min-height: 310px; position: relative; margin-bottom: 53px;} #contents06 .inner-Box1 figure{ position: absolute; top: 3px; right: 76px; } #contents06 .inner-Box1 h3{ font-size: 22px; font-weight: 700; letter-spacing: 1.1px; margin-bottom: 6px;} #contents06 .inner-Box1 p{ margin-bottom: 27px;font-size: 16px;letter-spacing: 0.8px;line-height: 28px;} #contents06 .inner-Box1 p span{ font-weight: bold; } #contents06 .inner-Box2 { width: 940px; margin: 0 auto; text-align: left; background-color: #f4efe7;padding-bottom: 29px;} #contents06 .inner-Box2 h4{width: 360px; margin: 0 auto 16px; background-color: #ffffff; border-radius: 0px 0px 20px 20px; font-size: 22px; font-weight: 700; letter-spacing: 1.1px; text-align: center;padding: 8px 0 5px;} #contents06 .clearfix { padding: 0 60px; } #contents06 .clearfix ul.left { width: 400px; float: left; 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-right: 20px;} #contents06 .clearfix ul li{ position: relative; font-size: 18px; font-weight: 700; letter-spacing: 0.9px; padding-left: 30px; } #contents06 .clearfix ul li p{ } #contents06 .clearfix span.icon { position: absolute;top: -9px;left: 0;} #contents06 .clearfix ul.right {width: 400px; float: left; 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;} #contents07 { width: 1100px; border: 4px solid #38240e; background: #fff; margin: 0 auto 100px; text-align: center;padding-bottom: 56px;} #contents07 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 38px;font-weight: 700;border-radius: 20px;padding: 21px 41px;line-height: 1;position: relative;top: -44px;margin-bottom: -8px;} #contents07 .inner-Box1 { padding: 0 80px 0 566px; text-align: left; min-height: 310px; position: relative; margin-bottom: 45px;} #contents07 .inner-Box1 figure{ position: absolute; top: 3px; left: 76px; } #contents07 .inner-Box1 h3{ font-size: 22px; font-weight: 700; letter-spacing: 1.1px; margin-bottom: 6px;} #contents07 .inner-Box1 p{ margin-bottom: 27px;font-size: 16px;letter-spacing: 0.8px;line-height: 28px;} #contents07 .inner-Box1 p span{ font-weight: bold; } #contents07 .inner-Box2 { width: 940px; margin: 0 auto; text-align: left; background-color: #f4efe7;padding-bottom: 35px;} #contents07 .inner-Box2 h4{width: 360px; margin: 0 auto 16px; background-color: #ffffff; border-radius: 0px 0px 20px 20px; font-size: 22px; font-weight: 700; letter-spacing: 1.1px; text-align: center;padding: 8px 0 5px;} #contents07 .clearfix { padding: 0 60px; } #contents07 .clearfix ul.left { width: 400px; float: left; 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-right: 20px;} #contents07 .clearfix ul li{ position: relative; font-size: 18px; font-weight: 700; letter-spacing: 0.9px; padding-left: 30px; } #contents07 .clearfix ul li p{ } #contents07 .clearfix span.icon { position: absolute;top: -9px;left: 0;} #contents07 .clearfix ul.right {width: 400px; float: left; 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;} #contents08 { width: 1100px; border: 4px solid #38240e; background: #fff; margin: 0 auto 100px; text-align: center;padding-bottom: 56px;} #contents08 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 38px;font-weight: 700;border-radius: 20px;padding: 21px 41px;line-height: 1;position: relative;top: -44px;margin-bottom: -8px;} #contents08 .inner-Box1 { padding: 0 566px 0 76px; text-align: left; min-height: 310px; position: relative; margin-bottom: 43px;} #contents08 .inner-Box1 figure{ position: absolute; top: 3px; right: 76px; } #contents08 .inner-Box1 h3{ font-size: 22px; font-weight: 700; letter-spacing: 1.1px; margin-bottom: 6px;} #contents08 .inner-Box1 p{ margin-bottom: 27px;font-size: 16px;letter-spacing: 0.8px;line-height: 28px;} #contents08 .inner-Box1 p span{ font-weight: bold; } #contents08 .inner-Box2 { width: 940px; margin: 0 auto; text-align: left; background-color: #f4efe7;padding-bottom: 35px;} #contents08 .inner-Box2 h4{width: 360px; margin: 0 auto 16px; background-color: #ffffff; border-radius: 0px 0px 20px 20px; font-size: 22px; font-weight: 700; letter-spacing: 1.1px; text-align: center;padding: 8px 0 5px;} #contents08 .clearfix { padding: 0 60px; } #contents08 .clearfix ul.left { width: 400px; float: left; 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-right: 20px;} #contents08 .clearfix ul li{ position: relative; font-size: 18px; font-weight: 700; letter-spacing: 0.9px; padding-left: 30px; } #contents08 .clearfix ul li p{ } #contents08 .clearfix span.icon { position: absolute;top: -9px;left: 0;} #contents08 .clearfix ul.right {width: 400px; float: left; 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 { background: url('../images/reform/bottom-back.png')no-repeat top center #f3f2f3; margin-bottom: 80px;} #contentsbottom .inner-Box {width: 1100px;margin: 0 auto;padding-top: 95px;position: relative;min-height: 680px;} #contentsbottom .inner-Box p.text { color: #ffffff; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; margin-bottom: 22px;} #contentsbottom .inner-Box h2{ font-size: 40px;font-weight: 700; letter-spacing: 2px; line-height: 1; position: relative;z-index: 2;} #contentsbottom .inner-Box h2 span{ display: inline-block; background: #fff; padding: 21px 29px;} #contentsbottom .inner-Box figure.photo01 { position: absolute;right: -60px;top: 201px;} #contentsbottom .inner-Box figure.photo02 { position: absolute; bottom: 0; left: 68px; } .bottom-banner{ width: 750px; margin: 0 auto 119px; 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{ width: 360px; float: left; margin-right: 30px; text-align: center; } .bottom-banner li:nth-child(2){ 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 { text-align: center; padding-top: 2.3vw;margin-bottom: -46.3vw;} #contentsmain h2 { margin: 0 9vw 4.1vw;} #contentsmain h2 img{ } #contentsmain figure{ margin: 0 4vw -4vw; } #contentsmain .inner-Box { background: #fff;margin: 0 9vw;position: relative;padding: 5vw 3vw 4vw;padding-top: 4.8vw;padding-bottom: 3.9vw;} #contentsmain .inner-Box p{ font-size: 3.6vw;font-weight: 700;margin-bottom: 0.8vw;} #contentsmain .inner-Box h3{ font-weight: 700;font-size: 4.6vw;letter-spacing: 0.3vw;} .backk{ background-color: #f4efe7; padding-top: 48.8vw;padding-bottom: 2.6vw;} #contents00{border: 1.4vw solid #ebe3d6;; background-color: #d8cdbb; margin: 0 5vw 18.7vw; padding-top: 9.3vw;padding-bottom: 3.5vw;} #contents00 .inner-Box h2 span { display: block; text-align: center; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; } #contents00 .inner-Box h2{ font-weight: 700; letter-spacing: 0.5vw; text-align: center; margin-bottom: 3.3vw;font-size: 6vw;} #contents00 .inner-Box ul{ margin: 0 3vw; 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;} #contents00 .inner-Box ul li { width: 48%; margin-bottom: 3.8vw; margin-right: 4%; text-align: center; position: relative;} #contents00 .inner-Box ul li::before{ content: url('../images/reform/contents01-arr.svg'); position: absolute; bottom: -2.7vw; left: 14vw; } #contents00 .inner-Box ul li:nth-child(2n){ margin-right: 0vw; } #contents00 .inner-Box ul li img{ } #contents00 .inner-Box h3{ background-color: #38240e; font-size: 3.9vw; color: #ffffff; font-weight: 700; text-align: center; margin-bottom: 1.8vw;padding: 0.8vw;position: relative;z-index: 3;} #link01{ position: absolute; top: -13.4vw; } #link02{ position: absolute; top: -13.4vw; } #link03{ position: absolute; top: -13.4vw; } #link04{ position: absolute; top: -13.4vw; } #link05{ position: absolute; top: -13.4vw; } #link06{ position: absolute; top: -13.4vw; } #link07{ position: absolute; top: -13.4vw; } #link08{ position: absolute; top: -13.4vw; } #contents01 { position: relative; border: 0.5vw solid #38240e; background: #fff; margin: 0 4vw 13.0vw; text-align: center;padding-bottom: 5vw;} #contents01 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 6vw;font-weight: 700;border-radius: 2.6vw;padding: 2.7vw 5.3vw;line-height: 1;position: relative;top: -7vw;margin-bottom: -2vw;} #contents01 .inner-Box1 { padding: 0 5vw; text-align: left; position: relative; margin-bottom: 8.9vw;} #contents01 .inner-Box1 figure{ margin-bottom: 6vw; } #contents01 .inner-Box1 h3{ font-size: 4.4vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 3.8vw;} #contents01 .inner-Box1 p{ margin-bottom: 5.5vw;font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;} #contents01 .inner-Box1 p span{ font-weight: bold; } #contents01 .inner-Box2 { margin: 0 4vw; text-align: left; background-color: #f4efe7;padding-bottom: 4.6vw;} #contents01 .inner-Box2 h4{ margin: 0 11vw 2.8vw; background-color: #ffffff; border-radius: 0px 0px 2.6vw 2.6vw; font-size: 3.9vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center;padding: 2vw 0 0.7vw;} #contents01 .clearfix { padding: 0 4.8vw; } #contents01 .clearfix ul.left { 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-right: 2.6vw;} #contents01 .clearfix ul li{ position: relative; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; padding-left: 3.9vw; margin-bottom: 2vw;} #contents01 .clearfix ul li p{ } #contents01 .clearfix span.icon { position: absolute;top: -1.2vw;left: -0.5vw;width: 3.4vw;} #contents01 .clearfix ul.right { 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 { position: relative; border: 0.5vw solid #38240e; background: #fff; margin: 0 4vw 13.0vw; text-align: center;padding-bottom: 5vw;} #contents02 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 6vw;font-weight: 700;border-radius: 2.6vw;padding: 2.7vw 5.3vw;line-height: 1;position: relative;top: -7vw;margin-bottom: -2vw;} #contents02 .inner-Box1 { padding: 0 5vw; text-align: left; position: relative; margin-bottom: 8.9vw;} #contents02 .inner-Box1 figure{ margin-bottom: 6vw; } #contents02 .inner-Box1 h3{ font-size: 4.4vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 3.8vw;} #contents02 .inner-Box1 p{ margin-bottom: 5.5vw;font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;} #contents02 .inner-Box1 p span{ font-weight: bold; } #contents02 .inner-Box2 { margin: 0 4vw; text-align: left; background-color: #f4efe7;padding-bottom: 4.6vw;} #contents02 .inner-Box2 h4{ margin: 0 11vw 2.8vw; background-color: #ffffff; border-radius: 0px 0px 2.6vw 2.6vw; font-size: 3.9vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center;padding: 2vw 0 0.7vw;} #contents02 .clearfix { padding: 0 4.8vw; } #contents02 .clearfix ul.left { 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-right: 2.6vw;} #contents02 .clearfix ul li{ position: relative; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; padding-left: 3.9vw; margin-bottom: 2vw;} #contents02 .clearfix ul li p{ } #contents02 .clearfix span.icon { position: absolute;top: -1.2vw;left: -0.5vw;width: 3.4vw;} #contents02 .clearfix ul.right { 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 { position: relative; border: 0.5vw solid #38240e; background: #fff; margin: 0 4vw 13.0vw; text-align: center;padding-bottom: 5vw;} #contents03 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 6vw;font-weight: 700;border-radius: 2.6vw;padding: 2.7vw 5.3vw;line-height: 1;position: relative;top: -7vw;margin-bottom: -2vw;} #contents03 .inner-Box1 { padding: 0 5vw; text-align: left; position: relative; margin-bottom: 8.9vw;} #contents03 .inner-Box1 figure{ margin-bottom: 6vw; } #contents03 .inner-Box1 h3{ font-size: 4.4vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 3.8vw;} #contents03 .inner-Box1 p{ margin-bottom: 5.5vw;font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;} #contents03 .inner-Box1 p span{ font-weight: bold; } #contents03 .inner-Box2 { margin: 0 4vw; text-align: left; background-color: #f4efe7;padding-bottom: 4.6vw;} #contents03 .inner-Box2 h4{ margin: 0 11vw 2.8vw; background-color: #ffffff; border-radius: 0px 0px 2.6vw 2.6vw; font-size: 3.9vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center;padding: 2vw 0 0.7vw;} #contents03 .clearfix { padding: 0 4.8vw; } #contents03 .clearfix ul.left { 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-right: 2.6vw;} #contents03 .clearfix ul li{ position: relative; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; padding-left: 3.9vw; margin-bottom: 2vw;} #contents03 .clearfix ul li p{ } #contents03 .clearfix span.icon { position: absolute;top: -1.2vw;left: -0.5vw;width: 3.4vw;} #contents03 .clearfix ul.right { 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;} #contents04 { position: relative; border: 0.5vw solid #38240e; background: #fff; margin: 0 4vw 13.0vw; text-align: center;padding-bottom: 5vw;} #contents04 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 6vw;font-weight: 700;border-radius: 2.6vw;padding: 2.7vw 5.3vw;line-height: 1;position: relative;top: -7vw;margin-bottom: -2vw;} #contents04 .inner-Box1 { padding: 0 5vw; text-align: left; position: relative; margin-bottom: 8.9vw;} #contents04 .inner-Box1 figure{ margin-bottom: 6vw; } #contents04 .inner-Box1 h3{ font-size: 4.4vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 3.8vw;} #contents04 .inner-Box1 p{ margin-bottom: 5.5vw;font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;} #contents04 .inner-Box1 p span{ font-weight: bold; } #contents04 .inner-Box2 { margin: 0 4vw; text-align: left; background-color: #f4efe7;padding-bottom: 4.6vw;} #contents04 .inner-Box2 h4{ margin: 0 11vw 2.8vw; background-color: #ffffff; border-radius: 0px 0px 2.6vw 2.6vw; font-size: 3.9vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center;padding: 2vw 0 0.7vw;} #contents04 .clearfix { padding: 0 4.8vw; } #contents04 .clearfix ul.left { 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-right: 2.6vw;} #contents04 .clearfix ul li{ position: relative; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; padding-left: 3.9vw; margin-bottom: 2vw;} #contents04 .clearfix ul li p{ } #contents04 .clearfix span.icon { position: absolute;top: -1.2vw;left: -0.5vw;width: 3.4vw;} #contents04 .clearfix ul.right { 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;} #contents05 { position: relative; border: 0.5vw solid #38240e; background: #fff; margin: 0 4vw 13.0vw; text-align: center;padding-bottom: 5vw;} #contents05 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 6vw;font-weight: 700;border-radius: 2.6vw;padding: 2.7vw 5.3vw;line-height: 1;position: relative;top: -7vw;margin-bottom: -2vw;} #contents05 .inner-Box1 { padding: 0 5vw; text-align: left; position: relative; margin-bottom: 8.9vw;} #contents05 .inner-Box1 figure{ margin-bottom: 6vw; } #contents05 .inner-Box1 h3{ font-size: 4.4vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 3.8vw;} #contents05 .inner-Box1 p{ margin-bottom: 5.5vw;font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;} #contents05 .inner-Box1 p span{ font-weight: bold; } #contents05 .inner-Box2 { margin: 0 4vw; text-align: left; background-color: #f4efe7;padding-bottom: 4.6vw;} #contents05 .inner-Box2 h4{ margin: 0 11vw 2.8vw; background-color: #ffffff; border-radius: 0px 0px 2.6vw 2.6vw; font-size: 3.9vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center;padding: 2vw 0 0.7vw;} #contents05 .clearfix { padding: 0 4.8vw; } #contents05 .clearfix ul.left { 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-right: 2.6vw;} #contents05 .clearfix ul li{ position: relative; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; padding-left: 3.9vw; margin-bottom: 2vw;} #contents05 .clearfix ul li p{ } #contents05 .clearfix span.icon { position: absolute;top: -1.2vw;left: -0.5vw;width: 3.4vw;} #contents05 .clearfix ul.right { 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;} #contents06 { position: relative; border: 0.5vw solid #38240e; background: #fff; margin: 0 4vw 13.0vw; text-align: center;padding-bottom: 5vw;} #contents06 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 6vw;font-weight: 700;border-radius: 2.6vw;padding: 2.7vw 5.3vw;line-height: 1;position: relative;top: -7vw;margin-bottom: -2vw;} #contents06 .inner-Box1 { padding: 0 5vw; text-align: left; position: relative; margin-bottom: 8.9vw;} #contents06 .inner-Box1 figure{ margin-bottom: 6vw; } #contents06 .inner-Box1 h3{ font-size: 4.4vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 3.8vw;} #contents06 .inner-Box1 p{ margin-bottom: 5.5vw;font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;} #contents06 .inner-Box1 p span{ font-weight: bold; } #contents06 .inner-Box2 { margin: 0 4vw; text-align: left; background-color: #f4efe7;padding-bottom: 4.6vw;} #contents06 .inner-Box2 h4{ margin: 0 11vw 2.8vw; background-color: #ffffff; border-radius: 0px 0px 2.6vw 2.6vw; font-size: 3.9vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center;padding: 2vw 0 0.7vw;} #contents06 .clearfix { padding: 0 4.8vw; } #contents06 .clearfix ul.left { 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-right: 2.6vw;} #contents06 .clearfix ul li{ position: relative; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; padding-left: 3.9vw; margin-bottom: 2vw;} #contents06 .clearfix ul li p{ } #contents06 .clearfix span.icon { position: absolute;top: -1.2vw;left: -0.5vw;width: 3.4vw;} #contents06 .clearfix ul.right { 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;} #contents07 { position: relative; border: 0.5vw solid #38240e; background: #fff; margin: 0 4vw 13.0vw; text-align: center;padding-bottom: 5vw;} #contents07 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 6vw;font-weight: 700;border-radius: 2.6vw;padding: 2.7vw 5.3vw;line-height: 1;position: relative;top: -7vw;margin-bottom: -2vw;} #contents07 .inner-Box1 { padding: 0 5vw; text-align: left; position: relative; margin-bottom: 8.9vw;} #contents07 .inner-Box1 figure{ margin-bottom: 6vw; } #contents07 .inner-Box1 h3{ font-size: 4.4vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 3.8vw;} #contents07 .inner-Box1 p{ margin-bottom: 5.5vw;font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;} #contents07 .inner-Box1 p span{ font-weight: bold; } #contents07 .inner-Box2 { margin: 0 4vw; text-align: left; background-color: #f4efe7;padding-bottom: 4.6vw;} #contents07 .inner-Box2 h4{ margin: 0 11vw 2.8vw; background-color: #ffffff; border-radius: 0px 0px 2.6vw 2.6vw; font-size: 3.9vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center;padding: 2vw 0 0.7vw;} #contents07 .clearfix { padding: 0 4.8vw; } #contents07 .clearfix ul.left { 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-right: 2.6vw;} #contents07 .clearfix ul li{ position: relative; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; padding-left: 3.9vw; margin-bottom: 2vw;} #contents07 .clearfix ul li p{ } #contents07 .clearfix span.icon { position: absolute;top: -1.2vw;left: -0.5vw;width: 3.4vw;} #contents07 .clearfix ul.right { 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;} #contents08 { position: relative; border: 0.5vw solid #38240e; background: #fff; margin: 0 4vw 13.0vw; text-align: center;padding-bottom: 5vw;} #contents08 h2{ display: inline-block;background-color: #38240e;color: #fff;font-size: 6vw;font-weight: 700;border-radius: 2.6vw;padding: 2.7vw 5.3vw;line-height: 1;position: relative;top: -7vw;margin-bottom: -2vw;} #contents08 .inner-Box1 { padding: 0 5vw; text-align: left; position: relative; margin-bottom: 8.9vw;} #contents08 .inner-Box1 figure{ margin-bottom: 6vw; } #contents08 .inner-Box1 h3{ font-size: 4.4vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 3.8vw;} #contents08 .inner-Box1 p{ margin-bottom: 5.5vw;font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;} #contents08 .inner-Box1 p span{ font-weight: bold; } #contents08 .inner-Box2 { margin: 0 4vw; text-align: left; background-color: #f4efe7;padding-bottom: 4.6vw;} #contents08 .inner-Box2 h4{ margin: 0 11vw 2.8vw; background-color: #ffffff; border-radius: 0px 0px 2.6vw 2.6vw; font-size: 3.9vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center;padding: 2vw 0 0.7vw;} #contents08 .clearfix { padding: 0 4.8vw; } #contents08 .clearfix ul.left { 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-right: 2.6vw;} #contents08 .clearfix ul li{ position: relative; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; padding-left: 3.9vw; margin-bottom: 2vw;} #contents08 .clearfix ul li p{ } #contents08 .clearfix span.icon { position: absolute;top: -1.2vw;left: -0.5vw;width: 3.4vw;} #contents08 .clearfix ul.right { 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 { background: url('../images/reform/sp-bottom-back.png')no-repeat top center #f3f2f3; background-size: 100% auto; margin-bottom: 10.4vw;} #contentsbottom .inner-Box { margin: 0 4vw; padding-top: 4vw;position: relative;} #contentsbottom .inner-Box p.text { color: #ffffff; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 2.9vw;} #contentsbottom .inner-Box h2{ font-size: 4.9vw;font-weight: 700; letter-spacing: 0.3vw; line-height: 1; position: relative;z-index: 2;margin-bottom: -5vw;} #contentsbottom .inner-Box h2 span{ display: inline-block; background: #fff; padding: 2.7vw 3.8vw;margin-bottom: 1vw;} #contentsbottom .inner-Box figure.photo01 { position: absolute;right: -7.8vw;top: 26.2vw;} #contentsbottom .inner-Box figure.photo02 { margin: 0 -3vw 0 2vw;} .bottom-banner{ margin: 0 14vw 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;} }