
/* slick slide common */
.slick-slider {-webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide {display:none; height:100%; min-height:1px; vertical-align:middle; outline: none;}
.slick-list.dragging { cursor:pointer;}
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none;}
.slick-current {opacity:1; display:block;}
.slick-track {position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto;}
.slick-list, .slick-track {height:100%;}

[class*='MC_box'] {margin-top:2.5rem;}
.main-container > .inner {max-width:80rem; margin:0 auto;}
.MC_container {display:flex; align-items:flex-start; gap:4rem; overflow:visible; padding:2.5rem 0;}
.MC_wrap1 {flex:1 1 auto; min-width:0;}
.MC_wrap2 {flex:0 0 22rem; width:22rem; position:sticky; top:2rem; align-self:flex-start; transition:all 0.2s;}
.MC_wrap2.m-fixed {top:2.5rem;}
.MC_box1 {margin-top:0;}
.MC_box6 {margin-top:0;}
.MC_box6 .title-area {display:flex; flex-direction:column; margin-bottom:1.5rem;}
.MC_box6 .title-area > p {font-size:1rem; color:#444; font-weight:600;}
.MC_box6 .title-area > h3 {font-size:1.9rem; color:#000; font-weight:400; line-height:normal; margin-top:0.25rem;}
.MC_box6 .title-area > h3 strong {font-weight:900;}
.MC_box6 .title-area > h3 .blue01 {color:#0794d2;}
.MC_box6 .title-area > h3 .blue02 {color:#03409B;}

.MC_wrap3 {position:relative; height:3.5rem;}
.MC_wrap3:before {content:''; position:absolute; left:50%; transform:translateX(-50%); width:calc(100vw - 15px); height:1px; background:#CED2DA; top:0;}


@media screen and (max-width: 1600px) {
	.MC_container {padding:1rem 1rem 2rem 1rem;}
}

@media screen and (max-width: 1440px) {
	.MC_container {flex-direction:column; min-width:0; overflow:hidden; padding:1rem;}
	.MC_wrap1 {flex:none; width:100%;}
	.MC_wrap2 {flex:none; width:100%;}
}

@media screen and (max-width: 768px) {
	.MC_container {gap:2rem;}
	.MC_wrap2 .MC_box6 {margin-top:0;}
	.MC_wrap2 {top:0;}
}

@media screen and (max-width: 560px) {
	[class*='MC_box'] {margin-top:1.5rem;}
}

@media screen and (max-width: 460px) {
	.MC_box6 .title-area > p {font-size:0.75rem;}
	.MC_box6 .title-area > h3 {font-size:1.6rem;}
}
