@charset "UTF-8";

@media screen and (min-width: 768px),print {

#link01, #link02, #link03 {display: block; padding-top: 80px; margin-top: -80px;}

#contentsmain {height: 690px;background: url('../images/reason/contentsmain-back01.png') no-repeat top center;background-size: cover;position: relative;color: #fff;text-align: center;padding-top: 73px;margin: 63px 0 100px;}
#contentsmain .inner-Box {width: 1200px;margin: 0 auto;position: relative;}
#contentsmain .en {font-size: 56px;line-height: 1;font-weight: 400;letter-spacing: 0.05em;color: #b19558;text-align: center;margin-bottom: 28px;}
#contentsmain h2 {font-size: 29px;line-height: 1.2414;font-weight: 600;letter-spacing: 0.05em;color: #b19558;text-align: center;margin-bottom: 28px;}
#contentsmain .text {font-size: 18px;line-height: 2.2222;font-weight: 400;letter-spacing: 0.05em;color: #fff;text-align: center;}
#contentsmain h3 {font-size: 38px;line-height: 1.5;font-weight: 400;letter-spacing: 0;color: #fff;text-align: center;margin-top: 136px;}

#contents01 {background: url('../images/reason/contents01-back01.png') repeat-y top center;background-size: 100% auto;padding: 102px 0 142px;position: relative;}
#contents01 .inner-Box {width: 1200px;margin: 0 auto;position: relative;}
#contents01 .reason-Box {margin-bottom: 138px;position: relative;}
#contents01 .reason-Box:last-child {margin-bottom: 0;}
#contents01 .ttl-Box {text-align: center;margin-bottom: 73px;}
#contents01 .ttl-Box .en {font-size: 19px;line-height: 1;font-weight: 400;letter-spacing: 0.05em;color: #b19558;text-align: center;margin-bottom: 38px;}
#contents01 .ttl-Box h2 {font-size: 41px;line-height: 1.4634;font-weight: 500;letter-spacing: 0;color: #fff;text-align: center;}
#contents01 .contents-Box {display: flex;align-items: flex-start;position: relative;}
#contents01 .contents-Box figure {width: auto;height: 500px;position: relative;overflow: hidden;}
#contents01 .contents-Box figure picture {display: block;width: 100%;height: 100%;}
#contents01 .contents-Box figure picture img {display: block;width: 100%;height: 100%;/* object-fit: cover; */}
#contents01 .photo-text {position: absolute;left: 23px;bottom: 15px;color: rgba(255,255,255,0.8);}
#contents01 .photo-text .num {display: block;font-size: 32px;line-height: 1;font-weight: 400;letter-spacing: 0;color: rgba(255,255,255,0.8);margin-bottom: 3px;}
#contents01 .photo-text .en {display: block;font-size: 80px;line-height: 1;font-weight: 400;letter-spacing: 0;color: rgba(255,255,255,0.8);}
#contents01 .contents-Box .text-Box {width: 640px;/* min-height: 615px; */background: #fff;margin: 69px 0 0 -80px;padding: 66px 70px 96px 70px;position: relative;z-index: 1;}
#contents01 .reason-Box:nth-child(2) .contents-Box .text-Box {/* min-height: 688px; */}
#contents01 .reason-Box:nth-child(3) .contents-Box .text-Box {min-height: 624px;}
#contents01 .text-Box h3 {font-size: 24px;line-height: 1.4167;font-weight: 400;letter-spacing: 0;color: #1a1a1a;text-align: left;margin-bottom: 42px;}
#contents01 .text-Box .text {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;text-align: left;}
#contents01 .text-Box .text p {margin-bottom: 30px;}
#contents01 .text-Box .text p:last-child {margin-bottom: 0;}
#contents01 .text-Box .text .point {font-weight: 500;color: #365a85;}

#contents02 {padding: 145px 0 84px;background: #fff;position: relative;}
#contents02 .inner-Box {width: 1000px;margin: 0 auto;display: flex;align-items: flex-start;justify-content: space-between;position: relative;}
#contents02 .text-Box {width: 500px;}
#contents02 h2 {font-size: 34px;line-height: 1;font-weight: 400;letter-spacing: 0.05em;color: #1a1a1a;text-align: left;margin-bottom: 66px;width: 1000px;text-align: center;}
#contents02 .text {font-size: 18px;line-height: 2.1111;font-weight: 400;letter-spacing: 0.05em;color: #1a1a1a;text-align: left;}
#contents02 .text p {margin-bottom: 39px;}
#contents02 .text p:last-child {margin-bottom: 0;}
#contents02 figure {width: 460px;height: 320px;margin-top: 100px;overflow: hidden;}
#contents02 figure picture {display: block;width: 100%;height: 100%;}
#contents02 figure img {display: block;width: 100%;height: 100%;object-fit: cover;}

#contentsbottom {background-size: cover;position: relative;padding-top: 75px;}
#contentsbottom .inner-Box {width: 1340px;margin: 0 auto -11px;position: relative;background: url('../images/reason/contentsbottom-back01.png') no-repeat center center;height: 540px;padding: 76px 0 0 70px;}
#contentsbottom h2 {font-size: 34px;line-height: 1.7706;font-weight: 500;letter-spacing: -0.8px;color: #1a1a1a;text-align: left;margin-bottom: 33px;}
#contentsbottom .en {font-size: 14px;line-height: 1;font-weight: 400;letter-spacing: 0.05em;color: #b19558;text-align: left;}

#contentsbottom .banner-Box {width: 1200px;margin: 0 auto 100px;position: relative;padding: 76px 0 0;}
#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;padding-top: 46px;}
#contentsbottom ul li{ margin:0 30px 30px 0; }
#contentsbottom ul li:nth-child(3n){ margin-right:0; }
}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

@media screen and (max-width:767px) {
#contentsmain {height: 130.4vw;background: url('../images/reason/sp-contentsmain-back01.png') no-repeat top center;background-size: 100% auto;position: relative;color: #fff;text-align: left;padding-top: 18.6vw;margin: -10vw 0 0;}
#contentsmain .inner-Box {width: 100%;margin: 0;position: relative;}
#contentsmain .en {font-size: 10.6vw;line-height: 1;font-weight: 400;letter-spacing: 0.05em;color: #b19558;text-align: center;margin-bottom: 6.3vw;}
#contentsmain h2 {font-size: 4.8vw;line-height: 1;font-weight: 600;letter-spacing: -0.02em;color: #b19558;text-align: center;margin-bottom: 8.7vw;}
#contentsmain .text {width: 78.3vw;margin: 0 auto;font-size: 3.9vw;line-height: 1.6875;font-weight: 400;letter-spacing: 0;color: #fff;text-align: left;}
#contentsmain h3 {width: 91.8vw;margin: 25.5vw auto 0;font-size: 6.3vw;line-height: 1.5385;font-weight: 400;letter-spacing: 0;color: #fff;text-align: center;}

#contents01 {background: url('../images/reason/contents01-back01.png') repeat-y top center;background-size: auto 100%;padding: 24.6vw 0 28.2vw;position: relative;}
#contents01 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents01 .reason-Box {margin-bottom: 24.2vw;position: relative;}
#contents01 .reason-Box:last-child {margin-bottom: 0;}
#contents01 .ttl-Box {text-align: center;margin-bottom: 10.1vw;}
#contents01 .ttl-Box .en {font-size: 4.3vw;line-height: 1;font-weight: 400;letter-spacing: 0.05em;color: #b19558;text-align: center;margin-bottom: 3.4vw;}
#contents01 .ttl-Box h2 {font-size: 6.3vw;line-height: 1.5769;font-weight: 500;letter-spacing: 0;color: #fff;text-align: center;}
#contents01 .contents-Box {display: block;position: relative;}
#contents01 .contents-Box figure {width: 100%;height: auto;position: relative;overflow: hidden;margin-bottom: -7.2vw;}
#contents01 .contents-Box figure picture {display: block;width: 100%;height: 100%;}
#contents01 .contents-Box figure picture img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents01 .photo-text {position: absolute;left: 4.1vw;bottom: 2.9vw;color: rgba(255,255,255,0.8);}
#contents01 .photo-text .num {display: block;font-size: 5.8vw;line-height: 1;font-weight: 400;letter-spacing: 0;color: rgba(255,255,255,0.8);margin-bottom: 1.4vw;}
#contents01 .photo-text .en {display: block;font-size: 10.6vw;line-height: 1;font-weight: 400;letter-spacing: 0;color: rgba(255,255,255,0.8);}
#contents01 .contents-Box .text-Box {width: 94.2vw;background: #fff;margin: 0 auto;padding: 14.0vw 7.2vw 12.1vw;position: relative;z-index: 1;}
#contents01 .reason-Box:nth-child(2) .contents-Box .text-Box {min-height: 171.5vw;}
#contents01 .reason-Box:nth-child(3) .contents-Box .text-Box {min-height: 164.3vw;}
#contents01 .text-Box h3 {font-size: 5.8vw;line-height: 1.5833;font-weight: 400;letter-spacing: 0;color: #1a1a1a;text-align: left;margin-bottom: 8.7vw;}
#contents01 .text-Box .text {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;text-align: left;}
#contents01 .text-Box .text p {margin-bottom: 6.3vw;}
#contents01 .text-Box .text p:last-child {margin-bottom: 0;}
#contents01 .text-Box .text .point {font-size: 3.6vw;line-height: 1.7333;font-weight: 500;letter-spacing: 0.02em;color: #365a85;text-align: left;}

#contents02 {padding: 19vw 0 19.6vw;background: #fff;position: relative;}
#contents02 .inner-Box {width: 100%;margin: 0;display: flex;flex-direction: column;position: relative;}
#contents02 .text-Box {width: 91.8vw;margin: 0 auto;}
#contents02 h2 {font-size: 6.3vw;line-height: 1.5769;font-weight: 500;letter-spacing: 0;color: #1a1a1a;text-align: center;margin-bottom: 63.3vw;}
#contents02 .text {font-size: 3.9vw;line-height: 2;font-weight: 400;letter-spacing: -0.05em;color: #1a1a1a;text-align: left;}
#contents02 .text p {margin-bottom: 7.7vw;}
#contents02 .text p:last-child {margin-bottom: 0;margin-right: -1vw;}
#contents02 .text p span{display: block;margin-top: 7.6vw;}
#contents02 figure {width: 87.0vw;height: 48.3vw;margin: 0;position: absolute;left: 6.5vw;top: 28.0vw;overflow: hidden;}
#contents02 figure picture {display: block;width: 100%;height: 100%;}
#contents02 figure img {display: block;width: 100%;height: 100%;object-fit: cover;}

#contentsbottom {background: url('../images/reason/sp-contentsbottom-back01.png') no-repeat top center;background-size: 100% auto;position: relative;padding-top: 6.7vw;margin-bottom: 13.3vw;}
#contentsbottom .inner-Box {width: 100%;margin: 0;position: relative;height: 87.8vw;}
#contentsbottom .banner-Box {margin: 0;position: relative;margin: 0 6.4vw;}
#contentsbottom h2 {width: 90.3vw;margin: 0 auto 3.3vw;font-size: 5.3vw;line-height: 1.8636;font-weight: 500;letter-spacing: -0.03em;color: #1a1a1a;text-align: left;}
#contentsbottom .en {width: 89.8vw;margin: 0 auto;font-size: 2.7vw;line-height: 1.2727;font-weight: 400;letter-spacing: 0;color: #b19558;text-align: left;}
#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: 14.4vw -2.3vw -2vw;}
#contentsbottom ul li{margin: 0 0 7.5vw;}
#contentsbottom ul li:nth-child(3n){margin-right:0;}


}