@charset "UTF-8";

#extra-header{background-color: var(--color04);}

#extra-01{position: relative;padding: 30px 0 0;}
#extra-01-01 {position: relative;margin-bottom: 75px;z-index: 333;}
#extra-01-01 h1{margin-bottom: 20px;}
#extra-01-01 h2{font-size: 36px;font-size: 3.6rem;line-height: 1.25;margin-bottom: 0;}
#extra-01-01 p.lead{font-size: 22px;font-size: 2.2rem;text-align: center;margin-bottom: 80px;}
#extra-01-01 h2 span{color: var(--color01);padding-top: 20px;width: 50%;margin: 20px auto 0;border-top: 1px solid var(--color01);}
@media (max-width: 767px) {
	#extra-01-01 {margin-bottom: 60px;}
}


#extra-01-02 {position: relative;padding-bottom: 70px;}
#e01-02 li{position: relative;width: 48.4375%;min-height: 190px;color: #fff;font-weight: 700;padding: 20px;background-color: #888;margin-bottom: 30px;padding-right: 10px;}
#e01-02 i{display: block;width: 29.885057471264368%;aspect-ratio:1/1;}
#e01-02 i img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
#e01-02 p{width: 70.114942528735632%;font-size: 25px;font-size: 2.5rem;line-height: 1.5;text-align: left;padding-left: 20px;}
#e01-02 li#e01-02-01,
#e01-02 li#e01-02-04,
#e01-02 li#e01-02-05{background-color: var(--color04);}
#e01-02 li#e01-02-02,
#e01-02 li#e01-02-03,
#e01-02 li#e01-02-06{background-color: var(--color02);}
@media (max-width: 960px) {
	#e01-02 p{text-align: justify;}
	#e01-02 p br{display: none;}
}
@media (max-width: 767px) {
	#e01-02 li{width: 100%;min-height: auto;margin-bottom: 10px;}
	#e01-02 p{font-size: 2.3rem;text-align: justify;}
	#e01-02 li#e01-02-03{background-color: var(--color04);}
	#e01-02 li#e01-02-04{background-color: var(--color02);}
}


#extra-02{position: relative;padding: 0;}
#extra-02 h1{font-size: 36px;font-size: 3.6rem;line-height: 1.25;margin-bottom: 45px;}
#extra-02-01{position: relative;padding: 60px 0;}
.e02-item{position: relative;width: 48.4375%;}
.e02-item h3{position: relative;font-size: 23px;font-size: 2.3rem;line-height: 1.25;margin-bottom: 10px;background-color: #fff;padding: 10px 10px 12px;font-weight: 700;color: #3C3C3C;z-index: 333;}
.e02-img {position: relative;z-index: 222;}
#e02-01-02 h3{color: #fff;background-color: var(--color04);}
#e02-01-02 .e02-img i{display: block;position: absolute;top: 0;right: -12.903225806451613%;width: 21.935483870967742%;z-index: 444;}
@media (max-width: 960px) {
	.e02-item p br{display: none;}	
}
@media (max-width: 767px) {
	.e02-item{width: 100%;}
	#e02-01-01{margin-bottom: 30px;}
	#e02-01-01 .e02-img{margin-top: -10%;}
	#e02-01-02 .e02-img i{right: -7%;}
}


#extra-03{position: relative;padding: 90px 0;color: var(--color01);}
#extra-03 h1 span{color: var(--color01);padding-top: 20px;width: 50%;margin: 20px auto 0;border-top: 1px solid var(--color01);}
#extra-03-02{width: 85%;max-width: 830px;margin: 0 auto;padding-top: 60px;}
#extra-03-02 li{position: relative;width: 48.192771084337%;margin-bottom: 30px;}
.e03-02-img img{display: block;width: 100%;}
.e03-02-txt dl{width: 100%;background-color: #EFF2F4;}
.e03-02-txt dt{width: 22.5%;padding: 6px 0 5px 5px;vertical-align: middle;line-height: 1;background-color: var(--color04);}
.e03-02-txt dt span{display: block;width: 90%;text-align: right;}
.e03-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;}
.e03-02-txt dd::before{content: '';display: block;width: 45px;height: 100%;position: absolute;top: 0;left: 0;background: url(../img/e03-after.svg) no-repeat left top;background-size: 100% 100%;}
@media (max-width: 767px) {
	#extra-03{padding-top: 80px;}
	#extra-03 h1{margin-bottom: 30px;}
	#extra-03-02 {padding-top: 30px;}
	#extra-03-02 li{width: 100%;}
	.e03-02-txt dt span{width: 100%;}
}