@charset "UTF-8"; @media screen and (min-width: 768px),print { #link01,#link02,#link03{display: block; padding-top: 80px; margin-top: -80px;} #contentsmain {margin: 0 auto;position: relative;background: url('../images/reason/contentsmain-back01.png')no-repeat top center,url('../images/reason/contentsmain-back02.png')no-repeat bottom center;padding: 90px 0 0;} #contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 150px;} #contentsmain .inner-Box h2.f-en {margin-bottom: 90px;position: relative;font-size: 167.3px;line-height: normal;letter-spacing: 0.15em;font-weight: 500;color: #000;} #contentsmain .inner-Box h3.f-min {margin-bottom: 11px;position: relative;font-size: 54px;line-height: 2;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;margin-left: 100px;} #contentsmain .inner-Box h3.f-min span {font-size: 22px;line-height: 2;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;display: block;margin-bottom: -11px;} #contentsmain .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 20px;line-height: 2;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;margin-left: 100px;} #contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;padding: 47px 0 50px;} #contentsmain .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;} #contentsmain .inner-Box2 ul li {margin-right: 29px;} #contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; } #contentsmain .inner-Box2 ul li figure { } #contentsmain .inner-Box2 ul li a { } #contentsmain .inner-Box2 ul li a:hover { } #contents01 {margin: 0 auto;position: relative;background: #F5F5F5;padding: 199px 0 200px;} #contents01 .inner-Box1 {margin: 0 auto 191px;position: relative;width: 1100px;} #contents01 .inner-Box1::before{content: "";top: -199px;left: 50%;width: 660px;height: 769px;background: #fff;position: absolute;z-index: 0;margin-left: 309px;} #contents01 .inner-Box1 span.noi {display: block;line-height: 1;position: absolute;top: 0;left: 0;} #contents01 .inner-Box1 span.noi img { } #contents01 .inner-Box1 h2.f-min {margin-bottom: 54px;position: relative;font-size: 46px;line-height: 2;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;padding: 23px 0 0 142px;} #contents01 .inner-Box1 h2.f-min span {color: #AA6C10;} #contents01 .inner-Box1 h3.f-min {margin-bottom: 17px;position: relative;font-size: 32px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 600;color: #1a1a1a;} #contents01 .inner-Box1 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;width: 540px;} #contents01 .inner-Box1 figure.photo {position: absolute;top: 183px;right: 0;} #contents01 .inner-Box1 figure.photo img{ } #contents01 .inner-Box2 {margin: 0 auto 149px;position: relative;width: 1100px;} #contents01 .inner-Box2::before{content: "";top: -92px;left: 50%;width: 677px;height: 711px;background: #fff;position: absolute;z-index: 0;margin-left: -960px;} #contents01 .inner-Box2 span.noi {display: block;line-height: 1;position: absolute;top: 0;left: 0;} #contents01 .inner-Box2 span.noi img { } #contents01 .inner-Box2 h2.f-min {margin-bottom: 54px;position: relative;font-size: 46px;line-height: 2;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;padding: 23px 0 0 142px;} #contents01 .inner-Box2 h2.f-min span {color: #AA6C10;} #contents01 .inner-Box2 h3.f-min {margin-bottom: 23px;position: relative;font-size: 32px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 600;color: #1a1a1a;} #contents01 .inner-Box2 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;width: 540px;} #contents01 .inner-Box2 figure.photo {position: absolute;top: 183px;right: 0;} #contents01 .inner-Box2 figure.photo img{ } #contents01 .inner-Box3 {margin: 0 auto;position: relative;width: 1100px;} #contents01 .inner-Box3::before{content: "";top: -69px;left: 50%;width: 660px;height: 889px;background: #fff;position: absolute;z-index: 0;margin-left: 309px;} #contents01 .inner-Box3 span.noi {display: block;line-height: 1;position: absolute;top: 0;left: 0;} #contents01 .inner-Box3 span.noi img { } #contents01 .inner-Box3 h2.f-min {margin-bottom: 54px;position: relative;font-size: 46px;line-height: 2;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;padding: 23px 0 0 142px;} #contents01 .inner-Box3 h2.f-min span {color: #AA6C10;} #contents01 .inner-Box3 h3.f-min {margin-bottom: 24px;position: relative;font-size: 32px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 600;color: #1a1a1a;} #contents01 .inner-Box3 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;width: 540px;} #contents01 .inner-Box3 figure.photo {position: absolute;top: 183px;right: 0;} #contents01 .inner-Box3 figure.photo img{ } #contents01 .mBox {margin: 52px auto 0 auto;position: relative;border: 1px solid rgba(0, 0, 0, 0.50);z-index: 3;padding: 43px 380px 43px 40px;} #contents01 .mBox h4.f-min {margin-bottom: 0px;position: relative;font-size: 20px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 600;color: #1a1a1a;} #contents01 .mBox p.blubtn {margin-bottom: 0px;position: absolute;width: 250px;height: 80px;top: 39px;right: 40px;} #contents01 .mBox p.blubtn a {display: block;width: 250px;height: 80px;background: #133B6A;border-radius: 5px;padding: 26px 29px 29px 31px;font-size: 16px;line-height: 1.8;letter-spacing: 0.1em;font-weight: 700;color: #fff;} #contents01 .mBox p.blubtn a:hover { } #contents01 .mBox span.arr {display: block;line-height: 1;position: absolute;top: 25px;right: 18px;} #contents01 .mBox span.arr img { } #contents01 .mBox figure.photo { position: absolute; top: 0; left: 0; } #contents01 .mBox figure.photo img{ } #contentsbottom {margin: 0 auto;position: relative;padding: 146px 0 0;} #contentsbottom .inner-Box {margin: 0 auto 140px;position: relative;width: 1120px;} #contentsbottom .inner-Box h2 {margin-bottom: 77px;position: relative;font-size: 40px;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;text-align: center;} #contentsbottom .inner-Box ul.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;} #contentsbottom .inner-Box ul li {margin-right: 20px;width: 336px;margin-right: 51px;} #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contentsbottom .inner-Box ul li figure {margin-bottom: 13px;} #contentsbottom .inner-Box ul li a { } #contentsbottom .inner-Box ul li a:hover { } #contentsbottom .inner-Box p.ltext {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;margin-left: 10px;} } @media screen and (min-width:768px) and ( max-width:1450px) { } @media screen and (max-width: 767px) { #link01,#link02,#link03{display: block; padding-top: 10vw; margin-top: -10vw;} #contentsmain{margin:0 auto;position:relative;background: url('../images/reason/sp-contentsmain-back01.png') no-repeat top center,url('../images/reason/sp-contentsmain-back02.png') no-repeat bottom center;background-size:100% auto;padding: 15vw 4.8vw 0;} #contentsmain .inner-Box{margin:0 auto;position:relative;width:100%;padding-bottom: 41.2vw;} #contentsmain .inner-Box h2.f-en{margin-bottom: 11.7vw;position:relative;font-size: 13.6vw;line-height: normal;letter-spacing: 0.15em;font-weight: 500;color: #000;margin-left: 3.5vw;} #contentsmain .inner-Box h3.f-min{margin-bottom: 2.3vw;position:relative;margin-left: 9.7vw;font-size: 6.3vw;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;} #contentsmain .inner-Box h3.f-min span{display:block;margin-bottom: 0.1vw;font-size: 3.9vw;line-height: 2;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;} #contentsmain .inner-Box p.text{margin-bottom:0;position:relative;margin-left: 9.6vw;font-size: 3.9vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;} #contentsmain .inner-Box2{margin:0 auto;position:relative;width:100%;padding: 7.2vw 0 0;} #contentsmain .inner-Box2 ul{display:flex;flex-wrap:wrap;} #contentsmain .inner-Box2 ul li{margin-right: 2.9%;width: 31.4%;margin-bottom: 7.4vw;} #contentsmain .inner-Box2 ul li:nth-child(3n){margin-right:0;} #contentsmain .inner-Box2 ul li figure{} #contentsmain .inner-Box2 ul li a{} #contents01{margin:0 auto;position:relative;background:#F5F5F5;padding: 19.1vw 7.2vw 48.3vw;} #contents01 .inner-Box1{margin: 0 auto 19.4vw;position:relative;width:100%;} #contents01 .inner-Box1::before{content:"";top: -19.1vw;right: -7.2vw;width: 30.5vw;height: 113.1vw;background: #fff;position:absolute;z-index:0;} #contents01 .inner-Box1 span.noi{display:block;line-height:1;position:absolute;top:0;left:0;width: 12.7vw;} #contents01 .inner-Box1 span.noi img{} #contents01 .inner-Box1 h2.f-min{margin-bottom: 3.8vw;position:relative;font-size: 6.3vw;line-height: 1.4;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;margin-left: 17.3vw;top: -1.6vw;} #contents01 .inner-Box1 h2.f-min span{color:#AA6C10;} #contents01 .inner-Box1 h3.f-min{margin-bottom: 3.1vw;position:relative;font-size: 4.3vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 600;color: #1a1a1a;} #contents01 .inner-Box1 p.text{margin-bottom: 6vw;position:relative;width:100%;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;} #contents01 .inner-Box1 figure.photo{position:relative;top:0;right:0;margin-bottom:7.2vw;margin: -1vw 3vw 0;} #contents01 .inner-Box1 figure.photo img{width:100%;height:auto;} #contents01 .inner-Box2{margin: 0 auto 19.5vw;position:relative;width:100%;} #contents01 .inner-Box2::before{content:"";top: -19.1vw;left: -7vw;width: 30.6vw;height: 141.1vw;background: #fff;position:absolute;z-index:0;} #contents01 .inner-Box2 span.noi{display:block;line-height:1;position:absolute;top:0;left:0;width: 12.7vw;} #contents01 .inner-Box2 span.noi img{} #contents01 .inner-Box2 h2.f-min{margin-bottom: 3.8vw;position:relative;font-size: 6.3vw;line-height: 1.4;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;margin-left: 17.3vw;top: -1.6vw;} #contents01 .inner-Box2 h2.f-min span{color:#AA6C10;} #contents01 .inner-Box2 h3.f-min{margin-bottom: 3.1vw;position:relative;font-size: 4.3vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 600;color: #1a1a1a;} #contents01 .inner-Box2 p.text{margin-bottom: 6vw;position:relative;width:100%;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;} #contents01 .inner-Box2 figure.photo{position:relative;top:0;right:0;margin-bottom:7.2vw;margin: -1vw 3vw 0;} #contents01 .inner-Box2 figure.photo img{width:100%;height:auto;} #contents01 .inner-Box3{margin: 0 auto -28.9vw;position:relative;width:100%;} #contents01 .inner-Box3::before{content:"";top: -19.1vw;right: -7.2vw;width: 30.5vw;height: 120.1vw;background: #fff;position:absolute;z-index:0;} #contents01 .inner-Box3 span.noi{display:block;line-height:1;position:absolute;top:0;left:0;width: 12.7vw;} #contents01 .inner-Box3 span.noi img{} #contents01 .inner-Box3 h2.f-min{margin-bottom: 3.8vw;position:relative;font-size: 6.3vw;line-height: 1.4;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;margin-left: 17.3vw;top: -1.6vw;} #contents01 .inner-Box3 h2.f-min span{color:#AA6C10;} #contents01 .inner-Box3 h3.f-min{margin-bottom: 3.1vw;position:relative;font-size: 4.3vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 600;color: #1a1a1a;} #contents01 .inner-Box3 p.text{margin-bottom: 6vw;position:relative;width:100%;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;} #contents01 .inner-Box3 figure.photo{position:relative;top:0;right:0;margin-bottom:7.2vw;margin: -1vw 3vw 0;} #contents01 .inner-Box3 figure.photo img{width:100%;height:auto;} #contents01 .mBox{margin: -0.9vw auto 8.1vw;position:relative;border:.2vw solid rgba(0,0,0,.5);z-index:3;padding: 7.6vw 7.2vw 4.6vw 7.2vw;} #contents01 .mBox h4.f-min{margin-bottom: 4.9vw;position:relative;font-size: 3.9vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 600;color: #1a1a1a;} #contents01 .mBox p.blubtn{margin-bottom:0;position:relative;width:100%;height:19.3vw;top:0;right:0;} #contents01 .mBox p.blubtn a{display:block;width:100%;height: 14.4vw;background:#133B6A;border-radius:1.2vw;padding: 3.7vw 7vw;font-size:3.9vw;line-height:1.8;letter-spacing:.1em;font-weight:700;color:#fff;} #contents01 .mBox span.arr{display:block;line-height:1;position:absolute;top: 3.6vw;right: 4.6vw;width: 7.3vw;} #contents01 .mBox span.arr img{} #contents01 .mBox figure.photo{position:relative;top:0;left:0;} #contents01 .mBox figure.photo img{width:100%;height:auto;} #contentsbottom{margin:0 auto;position:relative;padding: 26.7vw 4.8vw 0;} #contentsbottom .inner-Box{margin: 0 auto 16.4vw;position:relative;width:100%;} #contentsbottom .inner-Box h2{margin: 0 5.5vw 9.2vw;position:relative;letter-spacing: 0em;color: #1a1a1a;font-size: 5.8vw;line-height: 1.6;font-weight: 600;text-align: center;} #contentsbottom .inner-Box ul.list{display:flex;flex-wrap:wrap;margin: 0 4.9vw 0 3vw;} #contentsbottom .inner-Box ul li{margin-right:0;width:100%;margin-bottom: 8.7vw;} #contentsbottom .inner-Box ul li:nth-child(3n){margin-right:0;} #contentsbottom .inner-Box ul li figure{margin-bottom: 2.1vw;} #contentsbottom .inner-Box ul li a{} #contentsbottom .inner-Box p.ltext{margin-bottom:0;position:relative;color:#1a1a1a;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;margin-left: 1.8vw;} }