@charset "utf-8";

.bo-top {}
.bo-article {}
.bo-bottom {}

#section01 {position:relative;margin:14rem 0 0;}
/* #section01:before {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:13.5rem;height:19.5rem;background-image:url(../img/section01_icon_01.png);background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;left:50%;transform:translateX(-50%);transform:translateX(calc(-50% + 0.05rem));z-index:2;} */
#section01 .width-m {width:192rem;}
#section01 .item {position:relative;display:flex;height:69rem;padding-top:13.5rem;}
#section01 .item.a img {position:absolute;right:22rem;bottom:0;width:auto;height:73rem;}
#section01 .item.b img {position:absolute;right:30rem;bottom:0;width:auto;height:76rem;}
#section01 .item.c img {position:absolute;right:22rem;bottom:0;width:auto;height:73rem;}
#section01 .item.d img {position:absolute;right:30rem;bottom:0;width:auto;height:76rem;}
#section01 .item.e img {position:absolute;right:30rem;bottom:0;width:auto;height:76rem;}
#section01 .item .left,
#section01 .item .right {width:calc(100% / 2);}
#section01 .item .left {padding-left:31rem;}
#section01 .item .left h3 {font-size:4rem;font-weight:600;}
#section01 .item .left h4 {font-size:2.2rem;font-weight:600;padding-top:2.5rem;padding-bottom:2.5rem;}
#section01 .item .left .line {height: 1px;background-color:#353f86;width:68.2rem;margin:3.5rem 0 5rem;}
#section01 .item .history-wrap {position:relative;display:flex;gap:6rem;z-index:2;}
#section01 .item .history {font-size:2rem;line-height:1.9;white-space:nowrap;}
#section01 .bg-color {background:#f8f8f8;}
#section01 .item-inner h3 {color:#353f86;}
#section01 h4 {display:flex;gap:0.5rem;color:#353f86;}
#section01 .badge {display:inline-block;background:#353f86;color:#fff;padding:2rem 4rem;white-space:nowrap;border-radius:10rem;}

#section02 {}

@media (max-width:1279px) {
	#section01 {padding-bottom:0;margin-top:11rem;}
	#section01:before {width:9.5rem;height:14.5rem;}
	#section01 .width-m {width:100%;}
	#section01 .item-inner {display:flex;flex-direction:column;width:80%;margin:0 auto;}
	#section01 .item {height:auto;padding:10rem 0 8rem;margin:0;}
	#section01 .item:last-child {padding-bottom:11rem;}
	#section01 .item .left,
	#section01 .item .right {width:100%;}
	#section01 .item .left {order:2;padding:0;}
	#section01 .item .right {order:1;text-align:center;}
	#section01 .item .left h3 {font-size:2.8rem;display:flex;padding:2.5rem 0 0;}
	#section01 .item .left h4 {font-size:1.8rem;display:flex;padding:1.5rem 0;flex-wrap:wrap;}
	#section01 .item .history-wrap {flex-direction:column;gap:3rem;}
	#section01 .item .history {font-size:1.4rem;flex-direction:column;}
	#section01 .item img {position:relative !important;right:0 !important;width:100% !important;height:auto !important;}
	#section01 .badge {font-size:1.2rem;text-align:center;padding:1.2rem;}
	#section01 .item .left .line {width:100%;margin:1.5rem 0 2.5rem;}
}

@media (min-width:1280px) and (max-width:1680px) {
	#section01 {padding-bottom:9rem;}
	#section01 .width-m {width:100%;}
	#section01 .item {height:auto;padding:13.5rem 0;}
	#section01 .item .left {padding-left:11rem;}
	#section01 .item .left h3 {white-space:nowrap;}
	#section01 .item .left h4 {white-space:nowrap;}
	#section01 .item.a img {right:2rem;bottom:51%;transform:translateY(50%);}
	#section01 .item.b img {right:12rem;bottom:51%;transform:translateY(50%);}
	#section01 .item.c img {right:2rem;bottom:51%;transform:translateY(50%);}
	#section01 .item.d img {right:12rem;bottom:51%;transform:translateY(50%);}
	#section01 .item.e img {right:2rem;bottom:51%;transform:translateY(50%);}
	#section01 .item .history-wrap {flex-direction:column;}
}

@media (min-width:1681px) and (max-width:1850px) {
	#section01 .width-m {width:100%;}
	#section01 .item img {right:10rem !important;}
}