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

#con01{width: 100%;max-width: 1920px;height: 893px;margin: 58px auto 0;padding: 0 0 0px;background: url(../images/reason/con01-bg01.jpg) no-repeat center top;}
#con01 .inner-Box{ position: relative; width: 1280px; margin: 0 auto; }
#con01 .ttl-box{width: 750px;height: 800px;background: url(../images/reason/con01-bg02.png) no-repeat center top;position: relative;top: 10px;left: 15px;}
#con01 .ttl-box .ttl{position: absolute;top: 74px;left: 100px;}
#con01 .pic{position: absolute;bottom: -94px;right: 41px;}

#con02{width: 100%;max-width: 1920px; height: 654px; margin: 0px auto 80px;padding: 0;background: url(../images/reason/con02-bg01.jpg) no-repeat center top;}
#con02 .inner-Box{position: relative;width: 1280px;margin: 0 auto;padding: 70px 0;}
#con02 .ttl{text-align: center;margin-bottom: 31px;position: relative;left: 4px;}
#con02 .txt{text-align: center;margin-bottom: 37px;position: relative;left: -6px;}
#con02 .txt-box{width: 749px;margin-left: auto;margin-right: 12px;}
#con02 .txt-box .txt1{ font-size: 16px; line-height: 30px; letter-spacing: 0.8px; }
#con02 .pic{position: absolute;bottom: -195px;right: 177px;}

#con03{width: 100%;max-width: 1920px;height: 1282px;margin: -80px auto 0;padding: 0;background: url(../images/reason/con03-bg01.jpg) no-repeat center top;}
#con03 .inner-Box{position: relative;width: 1280px;margin: 0 auto;padding: 80px 0 65px;}
#con03 .ttl{text-align: center;margin-bottom: 66px;position: relative;left: -5px;}
#con03 .txt{text-align: center;margin-bottom: 433px;position: relative;left: -1px;}
#con03 .txt-box{width: 1200px;margin: 0 auto 42px;text-align: center;color: #fff;}
#con03 .txt-box .txt1{ font-size: 16px; line-height: 30px; letter-spacing: 0.8px; }
#con03 .list{ width: 1065px; margin: 0 auto; display: flex; justify-content: space-between; }

#con04{width: 100%;max-width: 1920px;height: 942px;margin: -2px auto 0;padding: 0;background: url(../images/reason/con04-bg01.jpg) no-repeat center top;}
#con04 .inner-Box{position: relative;width: 1280px;margin: 0 auto;padding: 101px 0;}
#con04 .ttl{text-align: center;margin-bottom: 23px;position: relative;left: -14px;}
#con04 .txt{text-align: center;margin-bottom: 35px;position: relative;left: -2px;}
#con04 .txt-box{width: 1000px;margin: 0 auto;text-align: center;}
#con04 .txt-box .txt1{ font-size: 16px; line-height: 30px; letter-spacing: 0.8px; }
#con04 .pic1{position: absolute;bottom: 529px;right: 1053px;}
#con04 .pic2{position: absolute;bottom: -90px;right: 915px;}
#con04 .pic3{position: absolute;bottom: -129px;right: 247px;}
#con04 .pic4{position: absolute;bottom: -275px;right: 445px;}

#con05{width: 100%;max-width: 1920px;height: 629px;margin: 0px auto 0;padding: 0;background-color: #0A1D3B;}
#con05 .inner-Box{width: 1200px;margin: 0 auto;position: relative;padding: 82px 0;}
#con05 .ttl{position: absolute;top: 45px;right: 65px;}
#con05 .pic1{position: absolute;bottom: 21px;right: 15px;}
#con05 .list{width: 765px;margin-left: 49px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#con05 .list li{width: 370px;margin-right: 25px;margin-bottom: 25px;}
#con05 .list li:nth-child(2n){ margin-right: 0; }

#con06{width: 100%;max-width: 1920px;height: 854px;margin: -2px auto 0;padding: 0;background: url(../images/reason/con06-bg01.jpg) no-repeat center top;}
#con06 .inner-Box{position: relative;width: 1280px;margin: 0 auto;padding: 223px 0;height: 854px;}
#con06 .ttl{text-align: center;margin-bottom: 109px;position: relative;left: 30px;}
#con06 .txt{text-align: center;margin-bottom: 35px;position: relative;left: -2px;}
#con06 .txt-box{width: 850px;background-color: #fff;border-radius: 20px;padding: 33px 22px 36px 20px;margin: 0 auto;text-align: center;}
#con06 .txt-box .txt1{font-size: 22px;line-height: 36px;font-weight: 700;letter-spacing: 0px;}
#con06 .pic1{position: absolute;bottom: 200px;right: 91px;}
#con06 .pic2{position: absolute;bottom: -1px;right: 730px;}
#con06 .pic3{position: absolute;bottom: -1px;right: 537px;}
#con06 .pic4{position: absolute;bottom: -2px;right: 41px;}
	
	.ashiba{background-color: #fff;padding: 60px 30px 20px;position: absolute;bottom: -170px;left: 110px;width: 690px;}
	.ashiba h3{position: absolute;top: -35px;left: 10px;}
	.ashiba .ashiba-pic{position: absolute;top: 20px;right: 30px;}
	.ashiba .ashiba-text{font-size: 14px;font-weight: bold;margin-bottom: 10px;}
	.ashiba .ashiba-from{background-color: #f0f0f0;padding: 15px 10px;width: 390px;}
	.ashiba .ashiba-from p{font-size: 12px;position: relative;margin-left: 40px;}
	.ashiba .ashiba-from p:before{content: url("../images/reason/ashiba-icon01.png");position: absolute;top: -5px;left: -40px;}
	

}

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

#con01{width: 100%;margin: 5vw auto 0;padding: 5vw 0 0;background: url(../images/reason/sp-con01-bg01.jpg) no-repeat center top;background-size: 100% auto;}
#con01 .inner-Box{position: relative;height: 88vw;}
#con01 .ttl-box{position: relative;}
#con01 .ttl-box .ttl{position: absolute;top: -4vw;left: 2vw;width: 70%;}
#con01 .pic{position: absolute;bottom: 0.3vw;right: 0vw;width: 49%;}

#con02{margin: -1vw auto 0;padding: 0;background-image: url(../images/reason/sp-con02-bg01.jpg);background-color: #6cb5ec; background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto;}
#con02 .inner-Box{position: relative;margin: 0 auto;padding: 12vw 0;}
#con02 .ttl{text-align: center;margin: 0 22vw 5vw;}
#con02 .txt{text-align: center;margin: 0 13vw 5vw;}
#con02 .txt-box{margin: 0 5vw 10%;}
#con02 .txt-box .txt1{font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.19vw;}
#con02 .pic{position: absolute;bottom: 17vw;right: 11vw;width: 26%;}

#con03{margin: -1vw auto 0;padding: 0;background: url(../images/reason/sp-con03-bg01.jpg) no-repeat center top;background-size: 100% auto;}
#con03 .inner-Box{position: relative;height: 244vw;margin: 0 auto;padding: 12vw 0;}
#con03 .ttl{text-align: center;margin: 0 12vw 5vw;}
#con03 .txt{text-align: center;margin: 0 8vw 47vw;}
#con03 .txt-box{margin: 0 6vw 8vw;}
#con03 .txt-box .txt1{font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.19vw;color: #fff;}
#con03 .list{ margin: 0 14vw; }
#con03 .list li{ margin: 0 0 6vw; }

#con04{margin: -1vw auto 0;padding: 0;background: url(../images/reason/sp-con04-bg01.jpg) no-repeat center top;background-size: 100% auto;}
#con04 .inner-Box{position: relative;height: 204vw;margin: 0 auto;padding: 26vw 0;}
#con04 .ttl{text-align: center;margin: 0 18vw 4vw;}
#con04 .txt{text-align: center;margin: 0 14vw 4vw;}
#con04 .txt-box{margin: 0 6vw 8vw;}
#con04 .txt-box .txt1{font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.19vw;}
#con04 .list{ margin: 0 14vw; }
#con04 .list li{ margin: 0 0 6vw; }
#con04 .pic1{position: absolute;top: 0vw;left: 15vw; width: 20%;}
#con04 .pic2{position: absolute;bottom: 17vw;right: 67vw;width: 37%;}
#con04 .pic3{position: absolute;bottom: 27vw;right: 24vw;width: 30%;}
#con04 .pic4{position: absolute;bottom: -3vw;right: 15vw; width: 28%;}

#con05{margin: 0 auto;padding: 0;background-color: #0A1D3B;}
#con05 .inner-Box{ position: relative;padding: 8vw 0; margin: 0 5vw;}
#con05 .ttl{margin-bottom: 9vw;width: 80%;}
#con05 .pic1{position: absolute;top: 38vw;right: 0vw;width: 36%;}
#con05 .list{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#con05 .list li{width: 100%;margin-bottom: 6vw;}

#con06{margin: -1vw auto 0;padding: 0;background: url(../images/reason/sp-con06-bg01.jpg) no-repeat center top;background-size: 100% auto;}
#con06 .inner-Box{position: relative;height: 105vw;margin: 0 auto;padding: 26vw 0;}
#con06 .ttl{text-align: center;margin: 0 8vw 14vw;}
#con06 .txt{text-align: center;margin: 0 14vw 4vw;}
#con06 .txt-box{width: 95%;background-color: #fff;border-radius: 20px;padding: 3vw;margin: 0 auto;text-align: center;}
#con06 .txt-box .txt1{font-size: 3.6vw;line-height: 1.8;font-weight: 700;}
#con06 .pic1{position: absolute;top: 62vw;right: 0;width: 12%;}
#con06 .pic2{position: absolute;bottom: 0vw;left: 5vw;width: 35%;}
#con06 .pic3{position: absolute;bottom: 0vw;right: 37vw;width: 24%;}
#con06 .pic4{position: absolute;bottom: 0vw;right: -2vw;width: 32%;}

	.ashiba{width: 90%;margin: 0 auto; background-color: #fff;padding: 15% 5% 5%;position: relative;}
	.ashiba h3{position: absolute;top: -6vw;}
	.ashiba .ashiba-pic{margin-bottom: 3%;}
	.ashiba .ashiba-pic img{width: 100%;}
	.ashiba .ashiba-text{font-size: 3.6vw;font-weight: bold;margin-bottom: 3%;}
	.ashiba .ashiba-from{background-color: #f0f0f0;padding: 5%;}
	.ashiba .ashiba-from p{font-size: 3.6vw;position: relative;margin-left: 40px;}
	.ashiba .ashiba-from p:before{content: url("../images/reason/ashiba-icon01.png");position: absolute;top: 5px;left: -40px;}
	
	
}