@charset "UTF-8";

#direct-header{background-color: var(--color02);}

#direct-01{position: relative;padding: 30px 0 0;}
#direct-01-01 {position: relative;margin-bottom: 75px;z-index: 333;}
#direct-01-01 h1{margin-bottom: 20px;}
#direct-01-01 h2{font-size: 36px;font-size: 3.6rem;line-height: 1.25;margin-bottom: 0;}
#direct-01-01 p.lead{font-size: 22px;font-size: 2.2rem;text-align: center;margin-bottom: 80px;}
#direct-01-01 h2 span{color: var(--color01);padding-top: 20px;width: 50%;margin: 20px auto 0;border-top: 1px solid var(--color01);}
#direct-01-02 {position: relative;padding-bottom: 100px;z-index: 222;}
#i01-02-01-img{position: relative;width: 50%;}
#i01-02-01-img img{display: block;width: 100%;margin-top: -12.5%;}
#i01-02-01-txt{width: 50%;background-color: var(--color02);color: #fff;font-weight: 700;padding: 10% 5% 10% 4%;}
#i01-02-01-txt ul{flex-flow: column;width: 100%;height: 100%;}
#i01-02-01-txt li{width: 100%;position: relative;font-size: 25px;font-size: 2.5rem;line-height: 1.5;min-height: 70px;padding-left: 100px;margin-bottom: 30px;}
#i01-02-01-txt li span{font-size: 80%;}
#i01-02-01-txt li:last-child{margin-bottom: 0;}
#i01-02-01-txt li::before{content: '';display: block;position: absolute;top: 50%;left: 0;width: 70px;height: 70px;margin-top: -35px;background-repeat: no-repeat;background-size: contain;background-position: center top;}
#i01-02-01-txt li:nth-child(1)::before{background-image: url(../img/direct-01-01.svg);}
#i01-02-01-txt li:nth-child(2)::before{background-image: url(../img/direct-01-02.svg);}
#i01-02-01-txt li:nth-child(3)::before{background-image: url(../img/direct-01-03.svg);}
#i01-02-01-txt li:nth-child(4)::before{background-image: url(../img/direct-01-04.svg);}
#i01-02-01-txt li:nth-child(5)::before{background-image: url(../img/direct-01-05.svg);}
#i01-02-01-txt li:nth-child(6)::before{background-image: url(../img/direct-01-06.svg);}

#direct-01-03{padding: 90px 5%;text-align: center;border-radius: 60px;}
#direct-01-03 h3{font-size: 25px;font-size: 2.5rem;margin-bottom: 30px;font-weight: 700;}
#direct-01-03 p{margin-bottom: 45px;}

#i01-02-02 li{width: 25%;margin-bottom: 20px;}
.i01-02-02-img{margin-bottom: 5px;}
.i01-02-02-img img{display: block;width: 100%;}
#i01-02-02 li h3{font-size: 20px;font-size: 2.0rem;color: #204F7E;}
#direct-01-03{position: relative;padding-bottom: 75px;}

@media (max-width: 1080px) {
	#i01-02-01-txt li::before{top: 8px;margin-top: 0;}
}
@media (max-width: 767px) {
	#direct-01-01 p.lead{margin-bottom: 60px;}
	#i01-02-01-img{width: 100%;}
	#i01-02-01-txt{width: 100%;padding: 45px 7.5%;}
	#i01-02-01-txt li{padding-left: 70px;}
	#i01-02-01-txt li::before{width: 50px;}
	#direct-01-02 {padding-bottom: 60px;}
	#direct-01-03 {padding: 30px 5%;border-radius: 30px;}
	#direct-01-03 h3{margin-bottom: 15px;}
	#direct-01-03 p{margin-bottom: 30px;}
}


#direct-02{position: relative;padding: 100px 0 30px;}
#direct-02 h1.sec-title{margin-bottom: 45px;}
#direct-02 h1.sec-title span{color: var(--color01);padding-top: 20px;width: 50%;margin: 20px auto 0;border-top: 1px solid var(--color01);}
.i02-item {position: relative;padding-bottom: 60px;color: #3c3c3c;line-height: 1.5;}
.i02-item h2{position: relative;padding: 20px 5% 22px;text-align: center;background-color: var(--color03);line-height: 1;margin-bottom: 50px;}
.i02-item h2 span{display: block;font-size: 16px;font-size: 1.6rem;line-height: 1;margin: 2px auto 0;color: #fff;}

#direct-02-01 h3{font-size: 24px;font-size: 2.4rem;line-height: 1.25;text-align: left;margin-bottom: 10px;}
#direct-02-01 h3 span{font-size: 75%;padding-left: 30px;}
#direct-02-01 h4{font-size: 15px;font-size: 1.5rem;line-height: 1.25;text-align: left;margin-bottom: 5px;padding-left: 20px;background: url(../img/direct-arrow.svg) no-repeat left 4px;}
.d02-01{margin-bottom: 30px;}
@media (max-width: 767px) {
	#direct-02-01 h3 span	{display: block;padding: 0;}
}

#direct-02-02{color: var(--color01);}
#direct-02-02 p{margin-bottom: 45px;}
#direct-02-02 #i03-02-01{font-size: 40px;font-size: 4.0rem;}
#direct-02-02{display: block;width: 100%;}
#d02-02-01{width: 43.125%;}
#d02-02-02{width: 52.083333333333333%;}
@media (max-width: 767px) {
	#direct-02-02 p{margin-bottom: 30px;}
	#d02-02-01{width: 100%;margin-bottom: 30px;}
	#d02-02-02{width: 100%;}
}

#direct-02-04 h3{font-size: 24px;font-size: 2.4rem;line-height: 1.25;text-align: left;margin-bottom: 10px;}
#direct-02-04 h3 span{padding-left: 30px;}
.d02-04{margin-bottom: 30px;}
.d02-04-img{text-align: center;background-color: #fff;padding: 20px;}
@media (max-width: 960px) {
	#direct-02-04 h3 span	{display: block;padding: 0;}
}

#direct-02-05 li {width: 48.4375%;margin-bottom: 15px;}
@media (max-width: 767px) {
	#direct-02-05 li {width: 100%;text-align: center;}
}

#direct-04{position: relative;padding: 150px 0 0;}
#direct-04-02{width: 85%;max-width: 830px;margin: 0 auto;padding-top: 100px;}
#direct-04-02 li{position: relative;width: 48.192771084337%;margin-bottom: 30px;}
.i04-02-img img{display: block;width: 100%;}
.i04-02-txt dl{width: 100%;background-color: #EFF2F4;}
.i04-02-txt dt{width: 22.5%;padding: 5px 0 5px 5px;vertical-align: middle;line-height: 1;background-color: #171C61;}
.i04-02-txt dt span{display: block;width: 100%;text-align: right;}
.i04-02-txt dd{position: relative;width: 77.5%;color: #171C61;line-height: 1.325;text-align: left;padding: 10px 5px 10px 40px;vertical-align: middle;min-height: 80px;}
.i04-02-txt dd::before{content: '';display: block;width: 45px;height: 100%;position: absolute;top: 0;left: 0;background: url(../img/i04-after.svg) no-repeat left top;background-size: 100% 100%;}
@media (max-width: 767px) {
	#direct-04{padding-top: 80px;}
	#direct-04 h1{margin-bottom: 30px;}
	#direct-04-02 {padding-top: 30px;}
	#direct-04-02 li{width: 100%;}
}

.red-under {font-size: 25px;font-size: 2.5rem;font-weight: 700;line-height: 1.5;color: #DF0012;}
.red-under span {background: linear-gradient(transparent 97%, #DF0012 0%);padding-bottom: 3px;}




#whats-01{position: relative;padding: 60px 0 80px;border-bottom: 1px solid #E8E8E8;}
#whats-01 h1{font-size: 36px;font-size: 3.6rem;line-height: 1.5;margin-bottom: 60px;}
#whats-01-inner{width: 85%;max-width: 860px;margin: 0 auto;}
.w01-content{position: relative;min-height: 360px;z-index: 111;}
.w01-content::before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.w01-content h2{text-align: left;font-size: 20px;font-size: 2.0rem;line-height: 1.25;color: #fff;font-weight: 700;}
.w01-content h2 span{position: relative;display: inline-block;padding: 8px 22px 12px;min-width: 188px;}
.w01-content h2 span::after{content: '';display: block;width: 45px;height: 100%;position: absolute;top: 0;right: -45px;background-repeat: no-repeat;background-position: left top; background-size: 100% 100%;}
.w01-c-inner {padding: 0 50px 30px 33px;}
.w01-img{position: relative;width: 51.866151866152%;}
.w01-img img{display: block;width: 100%;}
.w01-txt {position: relative;width: 44.916344916345%;}
.w01-txt li{width: 100%;font-size: 22px;font-size: 2.2rem;line-height: 1.25;padding: 5px 30px 8px;border-radius: 100px;margin-bottom: 18px;color: #fff;}
.w01-txt li:last-child{margin-bottom: 0;}
#w01-01.w01-content::before {border: 1px solid #595757;}
#w01-01 h2 span{background-color: #595757;}
#w01-01 h2 span::after{background-image: url(../img/whats-01-h2-after-g.svg);}
#w01-01 .w01-img{padding-top: 20px;}
#w01-01 .w01-txt li{background-color: #595757;}
#w01-02{margin-top: -55px;}
#w01-02.w01-content::before {border: 1px solid #171C61;}
#w01-02 h2 span{background-color: #171C61;}
#w01-02 h2 span::after{background-image: url(../img/whats-01-h2-after-b.svg);}
#w01-02 .w01-img{padding-top: 25px;}
#w01-02 .w01-txt li{background-color: #DF0012;font-weight: 700;}
#w01-arrow{position: relative;text-align: right;z-index: 222;}
#w01-arrow img{width: 50%;max-width: 433px;}
#w02{position: relative;padding-top: 70px;text-align: center;}
#w02 h3{margin-bottom: 40px;}
#w02 li{width: 30.813953488372%;text-align: center;margin-bottom: 30px;}
#w02 li span{width: 100%;display: inline-block;}
#w02 p{line-height: 2;text-align: left;margin-left: 46%;}

@media (max-width: 1000px) {
	#w02 li span{display: inline;}
	#w02 p {margin-left: 0;text-align: center;}
}
@media (max-width: 767px) {
	#whats-01 h1{font-size: 32px;font-size: 3.2rem;margin-bottom: 40px;}
	.w01-c-inner {padding: 0 15px 30px;}
	.w01-img{width: 100%;margin-bottom: 30px;}
	.w01-txt{width: 100%;}
	.w01-txt li{margin-bottom: 10px;text-align: center;}
	#w01-arrow{text-align: center;}
	#w01-arrow img{width: 70%;}
	#w01-02{margin-top: -10px;}
	#w02 li {width: 100%;}
}


#whats-02{position: relative;padding: 100px 0;}
#whats-02 .container{border-radius: 60px;padding: 75px 80px;}
#whats-02 h1{position: relative;font-size: 36px;font-size: 3.6rem;line-height: 1.5;margin-bottom: 0;z-index: 222;}
#whats-02 h1 span{display: block;padding-left: 46.875%;text-align: left;}
.w02-content {position: relative;padding: 65px 0;z-index: 111;}
.w02-content::before{content: '';display: block;position: absolute;bottom: 0;right: 0;width: 79.25%;height: 100%;background-color: #fff;border-radius: 30px;}
.w02-content h2{position: relative;width: 23.375%;}
.w02-content ul{position: relative;width: 70.875%;padding-right: 30px;}
.w02-content li{position: relative;font-size: 23px;font-size: 2.3rem;line-height: 1.25;margin-bottom: 15px;font-weight: 700;padding-left: 0.5em;font-feature-settings: "palt" 1;}
.w02-content li::before{content: '・';margin-left: -0.5em;}
.w02-content li:last-child{margin-bottom: 0;}
#w02-01{margin: -10px auto 50px;}

@media (max-width: 960px) {
	#whats-02 .container{padding: 60px 30px;}
	#whats-02 h1 span{text-align: center;padding: 0;}
	.w02-content {padding: 0 45px 45px;}
	.w02-content::before{width: 100%;height: calc(100% - 80px);}
	.w02-content h2{width: 100%;margin-bottom: 20px;}
	.w02-content h2 img{width: 60%;max-width: 160px;}
	.w02-content ul{width: 100%;padding: 0;}
}
@media (max-width: 767px) {
	#whats-02 .container{border-radius: 30px;padding: 30px 15px;}
	#whats-02 h1{font-size: 28px;font-size: 2.8rem;margin-bottom: 5px;}
	#whats-02 h1 span{padding: 0 10%;}
	.w02-content {padding: 0 30px 30px;}
	#w02-01{margin: 0 auto 30px;}
	.w02-content li {font-size: 21px;font-size: 2.1rem;}
}

#whats-03{position: relative;padding: 0;}
#whats-03 h1{font-size: 36px;font-size: 3.6rem;line-height: 1;padding: 90px 5% 96px;margin-bottom: 60px;}
#whats-03 h1 span{display: inline-block;padding: 0 10px 5px;border-left: 1px solid #fff;}
#whats-03 h1 span:last-child{border-right: 1px solid #fff;}
.w03-content{position: relative;padding: 90px 0 0;}
.w03-content h2{font-size: 25px;font-size: 2.5rem;line-height: 1.5;text-align: left;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #171C61;font-weight: 700;}
.w03-g{width: 55.416666666667%;}
.w03-g img{margin-bottom: 15px;}
.w03-g ul{color: #DF0012;font-size: 12px;font-size: 1.2rem;padding-left: 1em;}
.w03-g li{text-indent: -1em;line-height: 1.5;}
.w03-i{width: 31.25%;text-align: center;}

#w03-01{padding-top: 50px;}
#w03-03 li{text-align: left;}
#w03-03 li p{font-size: 25px;font-size: 2.5rem;line-height: 1.5;font-weight: 700;padding-top: 15px;margin-bottom: 0;}
.grd{padding: 0;}
p.grd-exp{font-size: 12px;font-size: 1.2rem;color: #000;margin-bottom: 0;}

@media (max-width: 767px) {
	#whats-03 h1{margin-bottom: 30px;}
	#w03-01{padding-top: 30px;}
	.w03-g {width: 100%;margin-bottom: 30px;}
	.w03-i {width: 100%;}
	.grd li{margin-bottom: 30px;}
	.grd li:last-child{margin-bottom: 0;}
}


#whats-04{position: relative;padding: 150px 0 0;}
#whats-04-02{width: 85%;max-width: 830px;margin: 0 auto;padding-top: 100px;}
#whats-04-02 li{position: relative;width: 48.192771084337%;margin-bottom: 30px;}
.i04-02-img img{display: block;width: 100%;}
.i04-02-txt dl{width: 100%;background-color: #EFF2F4;}
.i04-02-txt dt{width: 22.5%;padding: 5px 0 5px 5px;vertical-align: middle;line-height: 1;background-color: #171C61;}
.i04-02-txt dt span{display: block;width: 100%;text-align: right;}
.i04-02-txt dd{position: relative;width: 77.5%;color: #171C61;line-height: 1.325;text-align: left;padding: 10px 5px 10px 40px;vertical-align: middle;min-height: 80px;}
.i04-02-txt dd::before{content: '';display: block;width: 45px;height: 100%;position: absolute;top: 0;left: 0;background: url(../img/i04-after.svg) no-repeat left top;background-size: 100% 100%;}
@media (max-width: 767px) {
	#whats-04{padding-top: 80px;}
	#whats-04 h1{margin-bottom: 30px;}
	#whats-04-02 {padding-top: 30px;}
	#whats-04-02 li{width: 100%;}
}