/* @charset "UTF-8"; */

h3.heading{ font-size:1.2rem; font-weight: 700; color:#000;}

.MC_wrap1{ margin-bottom:0;}
.MC_wrap2 .container{ gap: 1.5rem 2.5rem;}
.MC_wrap2 .container:after{ display: none;}
.MC_box4 { flex: 2; width: auto; min-width: 0px; padding-right: 0;}
.MC_box5 { flex: 1; width: auto; min-width: 0px; }
.MC_box6 { width: 18rem; min-width: 0px; position: relative;}


.link.lnk01 > ul > li > a > span{ font-size: 1rem; line-height: 1.1rem; max-height: 2.2rem; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2; white-space: wrap; text-overflow: ellipsis;}
.link.lnk01 > ul > li > a > p{ font-size: 0.75rem; line-height: 1rem; max-height: 2rem;}


.link.lnk02 > ul { gap: 1rem; }
.link.lnk02 > ul > li { flex: 1; }
.link.lnk02 > ul > li > a { width: auto; }
.link.lnk02 > ul > li > a > p{ max-height: 100%; font-size: 0.8rem; word-break: keep-all; word-break: break-word;}


/* footer SNS */
#footer .footer_link .sns-wrap > a{ width:2.5rem; height:2.5rem;}
#footer .footer_link .sns-wrap > a img{ width:16px; height:auto;}
#footer .footer_link .sns-wrap > a i{ font-size:1.3rem;}


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

    .MC_wrap2 .container{ gap: 1.5rem;}
    
    .link.lnk02 > ul { gap: 1.5rem 1rem; justify-content: flex-start; }
    .link.lnk02 > ul > li { width: calc((100% - 4rem) / 5); flex: none; }

    .link.lnk01 > ul > li > a{ padding: 1rem;}
}

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

    .MC_wrap2 .container{ gap: 2rem 1.5rem; flex-wrap: wrap;}
    .MC_box4{ flex: auto; width: 100%;}
    .MC_box6{ flex: 1; width: auto; }
}

@media screen and (min-width: 1025px){
    
    .link.lnk01 > ul > li > a > em{ width: 7.5rem;}
}

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

    h3.heading{ font-size:1rem;}

    .link.lnk01 > ul > li > a > p{ margin-top:0.5rem; display:block; height: auto; max-height: 100%;}
}

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

    .MC_box5{ margin-top:0;}
}

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

    .link.lnk02 > ul > li { width: calc((100% - 3rem) / 4); flex: none; }
    .link.lnk02 > ul > li > a > p{ font-size: 0.7rem;}
}

@media screen and (max-width: 840px) {	
    
	/* footer */
	#footer .footer_content {flex-direction:column; gap:1rem; }
	#footer .footer_link  {margin-top:0.5rem; }
	#footer .footer_info {position:relative; }
}
@media screen and (max-width: 680px){

    .MC_box5 { flex: auto; width: 100%; }
    .MC_box6 { flex: auto; width: 100%; }

    .link.lnk01 > ul > li > a > span{ display: block; max-height: 100%;}
}

@media screen and (max-width: 560px){
    
	.link.lnk02 > ul { gap: 1rem 0.5rem; }
	.link.lnk02 > ul > li { width: calc((100% - 1rem) / 3); }
}

@media screen and (max-width: 480px){
    
	.link.lnk02 > ul > li > a{ padding:0}
}

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

	.link.lnk02 > ul > li { width: calc((100% - 0.5rem) / 2); }
}

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

    .link.lnk01 > ul > li > a > span{font-size: 0.9rem;}
    .link.lnk01 > ul > li > a > p{ font-size: 0.7rem;}

    #footer .footer_info > p{ width:100%;}
}