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

main{ width: 100%!important; max-width: 1920px; margin: 0 auto!important; }

#con01{width: 100%;max-width: 1920px;margin: -77px auto 80px;padding-top: 69px;background: url(../images/after/con01-bg01.jpg) no-repeat center top;}
#con01 .inner-Box{width: 960px;margin: 0 auto;padding: 75px 80px 45px;background: url(../images/after/con01-bg02.png) no-repeat center top;box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);}
#con01 .ttl{text-align: center;font-size: 32px;font-weight: 700;line-height: 47px;letter-spacing: 0;color: #F04D2F;margin-bottom: -7px;}
#con01 .txt{ text-align: center; margin-bottom: 30px; }
#con01 .pic{margin-bottom: 22px;}
#con01 .txt1{ text-align: center; font-size: 16px; font-weight: 700; line-height: 28px; letter-spacing: 0.9px; }

#con02{width: 100%;max-width: 1920px;margin: 0 auto;padding: 53px 0 43px;background-color: #FDFAF1;}
#con02 .inner-Box{ width: 1100px; margin: 0 auto; }
#con02 .ttl{text-align: center;margin-bottom: 75px;}
#con02 .pic{ width: 802px; margin: 0 auto 30px; }
#con02 .inbox{  }
#con02 .inbox .l-box{width: 540px;float: left;min-height: 243px;background-color: #fff;padding: 31px 45px 30px 183px;position: relative;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);}
#con02 .inbox .l-box .ttl1{margin-bottom: 5px;}
#con02 .inbox .l-box .pic1{position: absolute;top: 53px;left: 24px;}
#con02 .inbox .r-box{width: 540px;float: right;min-height: 243px;background-color: #fff;padding: 31px 45px 30px 179px;position: relative;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);}
#con02 .inbox .r-box .ttl1{margin-bottom: 4px;}
#con02 .inbox .r-box .pic1{position: absolute;top: 54px;left: 20px;}

#con03{width: 1130px;margin: 0 auto;padding: 13px 0 60px;}
#con03 .ttl{margin-bottom: 28px;}
#con03 .list{padding: 0 15px;display: flex;justify-content: space-between;}

#con04{width: 100%;max-width: 1920px;margin: 0 auto;padding: 69px 0 72px;background: #FDFAF1;}
#con04 .inner-Box{width: 1100px;margin: 0 auto;padding: 58px 152px 14px;background-color: #fff;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);}
#con04 .ttl-box{width: 794px;margin: 0 auto 40px;padding: 24px 40px 30px;background: url(../images/after/con04-icon01.png) no-repeat center top;}
#con04 .ttl-box .txt{text-align: center;font-size: 23px;font-weight: 700;line-height: 35px;letter-spacing: 2.3px;margin-bottom: 34px;position: relative;}
#con04 .ttl-box .txt::before{content: '';display: inline-block;width: 46px;height: 2px;background-color: #006D90;position: absolute;bottom: -13px;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);}
#con04 .ttl-box .ttl{ text-align: center; font-size: 35px; font-weight: 700; line-height: 35px; letter-spacing: 3.5px; color: #006D90; position: relative; }
#con04 .ttl-box .ttl::before{content: url(../images/after/con04-icon02.png);position: absolute;top: 0;right: 170px;}
#con04 .box1{position: relative;margin-bottom: 54px;}
#con04 .box1 .ttl1{background-color: #F5F0DF;border-radius: 60px;padding: 15px 25px 10px 87px;font-size: 28px;font-weight: 700;line-height: 37px;letter-spacing: 1.4px;position: relative;margin-bottom: 20px;}
#con04 .box1 .ttl1::before{content: url(../images/after/con04-num01.png);position: absolute;top: 11px;left: 20px;}
#con04 .box1 .ttl1 span{display: inline-block;background-color: #000;color: #fff;padding: 4px 10px 4px;font-size: 20px;font-weight: 700;line-height: 25px;letter-spacing: 1px;margin-left: 15px;border-radius: 5px;position: relative;top: -3px;}
#con04 .box1 .pic{position: absolute;top: 90px;left: -3px;}
#con04 .box1 .txt{ width: 477px; margin-left: auto; }
#con04 .box1 .mb1{margin-bottom: 28px;}
#con04 .box2{position: relative;margin-bottom: 56px;}
#con04 .box2 .ttl1{background-color: #F5F0DF;border-radius: 60px;padding: 15px 25px 10px 87px;font-size: 28px;font-weight: 700;line-height: 37px;letter-spacing: 1.4px;position: relative;margin-bottom: 20px;}
#con04 .box2 .ttl1::before{content: url(../images/after/con04-num02.png);position: absolute;top: 11px;left: 20px;}
#con04 .box2 .ttl1 span{display: inline-block;background-color: #000;color: #fff;padding: 4px 10px 4px;font-size: 20px;font-weight: 700;line-height: 25px;letter-spacing: 1px;margin-left: 15px;border-radius: 5px;position: relative;top: -3px;}
#con04 .box2 .pic{position: absolute;top: 90px;left: -3px;}
#con04 .box2 .txt{ width: 477px; margin-left: auto; }
#con04 .box2 .mb1{margin-bottom: 28px;}
#con04 .box3{position: relative;margin-bottom: 56px;}
#con04 .box3 .ttl1{background-color: #F5F0DF;border-radius: 60px;padding: 15px 25px 10px 87px;font-size: 28px;font-weight: 700;line-height: 37px;letter-spacing: 1.4px;position: relative;margin-bottom: 20px;}
#con04 .box3 .ttl1::before{content: url(../images/after/con04-num03.png);position: absolute;top: 11px;left: 20px;}
#con04 .box3 .ttl1 span{display: inline-block;background-color: #000;color: #fff;padding: 4px 10px 4px;font-size: 20px;font-weight: 700;line-height: 25px;letter-spacing: 1px;margin-left: 15px;border-radius: 5px;position: relative;top: -3px;}
#con04 .box3 .pic{position: absolute;top: 90px;left: -3px;}
#con04 .box3 .txt{ width: 477px; margin-left: auto; }
#con04 .box3 .mb1{margin-bottom: 28px;}
#con04 .box4{ position: relative; margin-bottom: 54px; }
#con04 .box4 .ttl1{background-color: #F5F0DF;border-radius: 60px;padding: 15px 25px 10px 87px;font-size: 28px;font-weight: 700;line-height: 37px;letter-spacing: 1.4px;position: relative;margin-bottom: 20px;}
#con04 .box4 .ttl1::before{content: url(../images/after/con04-num04.png);position: absolute;top: 11px;left: 20px;}
#con04 .box4 .ttl1 span{display: inline-block;background-color: #000;color: #fff;padding: 4px 10px 4px;font-size: 20px;font-weight: 700;line-height: 25px;letter-spacing: 1px;margin-left: 15px;border-radius: 5px;position: relative;top: -3px;}
#con04 .box4 .pic{position: absolute;top: 90px;left: -3px;}
#con04 .box4 .txt{ width: 477px; margin-left: auto; }
#con04 .box4 .mb1{margin-bottom: 28px;}

#con05{width: 100%;max-width: 1920px;margin: 0 auto;padding: 71px 0 69px;background: url(../images/after/con05-bg01.png) no-repeat center top;}
#con05 .inner-Box{width: 1100px;margin: 0 auto;padding: 58px 0 58px 460px;background-color: #fff;position: relative;min-height: 397px;}
	#con05 .inner-Box .pic01{position: absolute;top: 0;left: 0;}
#con05 .ttl{text-align: left;font-size: 36px;font-weight: 700;line-height: 60px;letter-spacing: 3.5px;margin-bottom: 33px;position: relative;}
#con05 .ttl::before{content: '';display: inline-block;width: 100px;height: 2px;background-color: #F04D2F;position: absolute;bottom: -19px;left: 0;}
#con05 .txt{ text-align: left; font-size: 16px; line-height: 32px; font-weight: 700; letter-spacing: 0.8px; }

#bottom { background: url(../images/cost-performance/bottom-bg.jpg) no-repeat top center;padding-top: 75px;padding-bottom: 96px;}
#bottom .inner { width: 1100px;margin: 0 auto;text-align: center;}
#bottom h2 {text-align: center;margin-bottom: 55px;}
#bottom ul {display: flex;flex-wrap: wrap;gap: 22px;}
#bottom li {width: 258px;background: #fff;padding: 15px 30px 26px 30px;position: relative;}
#bottom li::before {content: '';position: absolute;left: 9px;top: -6px;background: #F04D2F;width: 6px;height: 56px;}
#bottom li a:hover {text-decoration: none; }
#bottom li a h3 {margin-bottom: 9px;font-size: 20px;font-weight: bold;letter-spacing: 0.1em;line-height: 26px;color: #F04D2F;height: 77px;align-items: center;justify-content: center;display: flex;position: relative;z-index: 1;}
#bottom li .bottom01-img { margin-bottom: 19.6px;}
#bottom li .btn { }
#bottom li figure {position: absolute;left: 9px;top: 58px;}

}

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

#con01{margin: -4vw auto 10vw;padding-top: 5.4vw;background: url(../images/after/sp-con01-bg01.jpg) no-repeat center top;background-size: 100% auto;}
#con01 .inner-Box{margin: 0 4.6vw;padding: 9.7vw 5vw 7.4vw;background: url(../images/after/sp-con01-bg02.png) no-repeat center top;background-size: 100% auto;box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);}
#con01 .ttl{text-align: center;font-size: 4.6vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.6vw;color: #F04D2F;margin-bottom: 0;}
#con01 .txt{text-align: center;padding: 0 21vw;margin-top: -0.7vw;margin-bottom: 5.9vw;}
#con01 .pic{margin-bottom: 6.3vw;padding: 0 2vw;}
#con01 .txt1{font-size: 3.865vw;font-weight: 700;line-height: 6.763vw;letter-spacing: 0.217vw;padding: 0 3vw;}

#con02{margin: 0 auto;padding: 7vw 0 0vw;background-color: #FDFAF1;}
#con02 .inner-Box{ margin: 0 auto; }
#con02 .ttl{text-align: center;padding: 0 19vw;margin-bottom: 5vw;}
#con02 .pic{margin: 0 auto 4.3vw;}
#con02 .inbox{margin: 0 9vw;}
#con02 .inbox .l-box{background-color: #fff;padding: 9vw 5vw 4vw 5vw;margin-bottom: 7.4vw;position: relative;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);}
#con02 .inbox .l-box .ttl1{margin-bottom: 2.123vw;}
#con02 .inbox .l-box .pic1{position: absolute;top: -3.338vw;left: 48.122vw;width: 28%;}
#con02 .inbox .r-box{background-color: #fff;padding: 9vw 5vw 3.7vw 5vw;margin-bottom: 9vw;position: relative;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);}
#con02 .inbox .r-box .ttl1{margin-bottom: 1.923vw;}
#con02 .inbox .r-box .pic1{position: absolute;top: -3.338vw;left: 47.822vw;width: 28%;}

#con03{margin: 0 7vw;padding: 4.5vw 0 2.7vw;}
#con03 .ttl{margin-bottom: 9.2vw;}
#con03 .list li{padding: 0 0 0 2.5vw;margin-bottom: 7.2vw;}

#con04{ margin: 0 auto; padding: 9vw 0 12vw; background: #FDFAF1; background-size: 100% auto; }
#con04 .inner-Box{margin: 0 5vw;padding: 5.6vw 2vw;background-color: #fff;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);}
#con04 .ttl-box{margin: 0 auto 3.2vw;padding: 4.3vw 3vw 5vw;background: url(../images/after/sp-con04-bg02.png) no-repeat center top;background-size: 100% auto;}
#con04 .ttl-box .txt{text-align: center;font-size: 4.3vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.242vw;margin-bottom: 2.8vw;position: relative;}
#con04 .ttl-box .txt::before{content: '';display: inline-block;width: 7.111vw;height: 0.483vw;background-color: #006D90;position: absolute;bottom: -1.631vw;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);}
#con04 .ttl-box .ttl{text-align: center;font-size: 6.4vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.145vw;color: #006D90;position: relative;}
#con04 .ttl-box .ttl::before{content: url(../images/after/con04-icon02.png);position: absolute;top: 1vw;right: 4vw;transform: scale(0.6);}
#con04 .box1{position: relative;margin-bottom: 9vw;padding: 0 4vw;}
#con04 .box1 .ttl1{background-color: #F5F0DF;border-radius: 14.493vw;padding: 2.3vw 4vw 2vw 16vw;font-size: 4.8vw;font-weight: 700;line-height: 1.6;letter-spacing: 0.538vw;position: relative;margin-bottom: 5.4vw;}
#con04 .box1 .ttl1::before{content: url(../images/after/sp-con04-num01.png);position: absolute;top: -1.394vw;left: -0.754vw;transform: scale(0.5);}
#con04 .box1 .ttl1 span{display: inline-block;background-color: #000;color: #fff;padding: 0vw 1.5vw 0vw;font-size: 3.8vw;font-weight: 700;line-height: 1.6;letter-spacing: 0.242vw;margin-left: 3.3vw;border-radius: 1.515vw;position: relative;top: -0.525vw;}
#con04 .box1 .pic{padding: 0 3.5vw;margin-bottom: 3.6vw;}
#con04 .box1 .txt{font-size: 3.8vw;line-height: 1.8;letter-spacing: 0.242vw;padding: 0 3.4vw;}
#con04 .box1 .mb1{margin-bottom: 6.431vw;}
#con04 .box2{position: relative;margin-bottom: 9vw;padding: 0 4vw;}
#con04 .box2 .ttl1{background-color: #F5F0DF;border-radius: 14.493vw;padding: 2.3vw 4vw 2vw 16vw;font-size: 4.8vw;font-weight: 700;line-height: 1.6;letter-spacing: 0.538vw;position: relative;margin-bottom: 5.4vw;}
#con04 .box2 .ttl1::before{content: url(../images/after/sp-con04-num02.png);position: absolute;top: -1.394vw;left: -0.754vw;transform: scale(0.5);}
#con04 .box2 .ttl1 span{display: inline-block;background-color: #000;color: #fff;padding: 0vw 1.5vw 0vw;font-size: 3.8vw;font-weight: 700;line-height: 1.6;letter-spacing: 0.242vw;margin-left: 3.3vw;border-radius: 1.515vw;position: relative;top: -0.525vw;}
#con04 .box2 .pic{padding: 0 3.5vw;margin-bottom: 3.6vw;}
#con04 .box2 .txt{font-size: 3.8vw;line-height: 1.8;letter-spacing: 0.242vw;padding: 0 3.4vw;}
#con04 .box2 .mb1{margin-bottom: 6.431vw;}
#con04 .box3{position: relative;margin-bottom: 9vw;padding: 0 4vw;}
#con04 .box3 .ttl1{background-color: #F5F0DF;border-radius: 14.493vw;padding: 2.3vw 4vw 2vw 16vw;font-size: 4.8vw;font-weight: 700;line-height: 1.6;letter-spacing: 0.538vw;position: relative;margin-bottom: 5.4vw;}
#con04 .box3 .ttl1::before{content: url(../images/after/sp-con04-num03.png);position: absolute;top: -1.394vw;left: -0.754vw;transform: scale(0.5);}
#con04 .box3 .ttl1 span{display: inline-block;background-color: #000;color: #fff;padding: 0vw 1.5vw 0vw;font-size: 3.8vw;font-weight: 700;line-height: 1.6;letter-spacing: 0.242vw;margin-left: 3.3vw;border-radius: 1.515vw;position: relative;top: -0.525vw;}
#con04 .box3 .pic{padding: 0 3.5vw;margin-bottom: 3.6vw;}
#con04 .box3 .txt{font-size: 3.8vw;line-height: 1.8;letter-spacing: 0.242vw;padding: 0 3.4vw;}
#con04 .box3 .mb1{margin-bottom: 6.431vw;}
#con04 .box4{position: relative;margin-bottom: 2vw;padding: 0 4vw;}
#con04 .box4 .ttl1{background-color: #F5F0DF;border-radius: 14.493vw;padding: 2.3vw 4vw 2vw 16vw;font-size: 4.8vw;font-weight: 700;line-height: 1.6;letter-spacing: 0.538vw;position: relative;margin-bottom: 5.4vw;}
#con04 .box4 .ttl1::before{content: url(../images/after/sp-con04-num04.png);position: absolute;top: -1.394vw;left: -0.754vw;transform: scale(0.5);}
#con04 .box4 .ttl1 span{display: inline-block;background-color: #000;color: #fff;padding: 0vw 1.5vw 0vw;font-size: 3.8vw;font-weight: 700;line-height: 1.6;letter-spacing: 0.242vw;margin-left: 3.3vw;border-radius: 1.515vw;position: relative;top: -0.525vw;}
#con04 .box4 .pic{padding: 0 3.5vw;margin-bottom: 3.6vw;}
#con04 .box4 .txt{font-size: 3.8vw;line-height: 1.8;letter-spacing: 0.242vw;padding: 0 3.4vw;}
#con04 .box4 .mb1{margin-bottom: 6.431vw;}

#con05{margin: 0 auto;padding: 23.5vw 0 9vw;background: url(../images/after/sp-con05-bg01.png) no-repeat center top;background-size: 150% auto;}
#con05 .inner-Box{margin: 0 7vw;padding: 0 0 11.4vw;background-color: #fff;position: relative;}
	#con05 .inner-Box .pic01{margin-bottom: 8vw;}
#con05 .ttl{text-align: center;font-size: 4.2vw;font-weight: 700;line-height: 1.7;letter-spacing: 0.242vw;margin-bottom: 10vw;position: relative;}
#con05 .ttl::before{content: '';display: inline-block;width: 18.155vw;height: 0.483vw;background-color: #F04D2F;position: absolute;bottom: -4.146vw;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);}
#con05 .txt{font-size: 3.865vw;line-height: 1.76;font-weight: 700;letter-spacing: 0.193vw;padding: 0 8.4vw;}

#bottom {background: url(../images/cost-performance/sp-bottom-bg.jpg) no-repeat top center;background-size: 100% auto;padding-top: 11.116vw;padding-bottom: 23.188vw;}
#bottom .inner {padding: 0 4.106vw; text-align: center;}
#bottom h2 {width: 91.546vw;margin: 0 auto 40px;}
#bottom ul {display: grid;gap: 3.865vw;}
#bottom li {width: 91.787vw;background: #fff;padding: 3.16vw 8.454vw 10.628vw 8.454vw;position: relative;}
#bottom li::before {content: '';position: absolute;left: 1.691vw;top: -2.057vw;background: #F04D2F;width: 2.174vw;height: 21.739vw;}
#bottom li a:hover {text-decoration: none; }
#bottom li a h3 {margin-bottom: 2.174vw;font-size: 6.131vw;font-weight: bold;letter-spacing: 0.1em;line-height: 6.28vw;color: #F04D2F;height: 15.699vw;align-items: center;justify-content: center;display: flex;}
#bottom li:nth-child(4) a h3 {font-size: 6.131vw;height: 23.399vw;line-height: 8.3vw;}
#bottom li .bottom01-img { margin-bottom: 4.734vw;}
#bottom li .btn {width: 35.749vw;margin: 0 auto;}
#bottom li figure {position: absolute;left: 1.691vw;top: 21.514vw;width: 1.932vw;height: 24.155vw;}

}