@charset "utf-8";
/* CSS Document */

body.soudan{color:#4C4C4C;font-size:clamp(16px, 1.4vw, 21px);line-height:2;}
.mobile{display:none;}
.soudan section{padding:48px 0;}
.soudan h1#logo{text-align:center;}

/* === top_img === */
#top_img{margin:-40px 0 64px;padding:48px 6%;position:relative;}
#top_img > img{width:100%;border-radius:32px;}
#top_img .top_img_bg{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#top_img .top_img_bg img{width:100%;}
/* === soudan_concept === */
#soudan_concept{margin:-40px 0 64px;background:url("../image/mcf/concept_bg_bottom.png") no-repeat center bottom / 100%;position:relative;}
#soudan_concept:after{width:100%;height:100%;display:block;content:"";background:url("../image/mcf/concept_bg_top.png") no-repeat center top / 100%;position:absolute;top:0;left:0;}
.soudan_concept_wrap{padding:8% 10%;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;z-index:1;}
.soudan_concept_wrap .soudan_concept_img{width:48%;}
.soudan_concept_wrap .soudan_concept_img img{border-radius:48px;}
.soudan_concept_wrap .soudan_concept_detail{width:48%;padding:0 40px;display:flex;align-items:center;box-sizing:border-box;}
/* === soudan_item === */
#soudan_item{padding:48px 12%!important;display:flex;justify-content:space-between;flex-wrap:wrap;}
#soudan_item dl{width:48%;margin:0 0 40px;position:relative;}
#soudan_item dl dt{width:40%;margin-left:-5%;position:relative;}
#soudan_item dl dd{margin-top:-10%;}
#soudan_item dl dd div.soudan_img{margin-bottom:12px;}
#soudan_item dl dd div.soudan_img img{width:100%;border-radius:32px;}
#soudan_item small {font-size:clamp(13px,1.2vw,18px);}
/* === soudan_contact === */
#soudan_contact{padding:48px 0 30%!important;background:url("../image/mcf/footer_bg.png") no-repeat center bottom / 100%;}

/* ===== footer ===== */
.soudan #footer{padding:48px 0 0;background:#fbe8d7;}
/* === f_wrap === */
#footer .f_wrap{width:800px;margin:0 auto;padding:0 0 40px;display:block;}
#footer .f_wrap p.txt_c{margin-bottom:16px;}
#footer ul.list_center{margin-bottom:24px;}
#footer ul.list_center li{margin:0 24px;}
#footer ul.list_center li span{padding-left:40px;background:no-repeat left center;}
#footer ul.list_center li.tel a{color:#4C4C4C;}
#footer ul.list_center li.tel span{background-image:url("../image/mcf/tel.svg");background-size:16%;}
#footer ul.list_center li.mail span{background-image:url("../image/mcf/mail.svg");background-size:8%;}
#footer .f_wrap p{margin-bottom:0;font-size:clamp(15px, 1.1vw, 16px);}
/* === copy === */
#footer .copy{padding:8px 0;background:#13894c;font-size:12px;color:#FFFFFF;}

@media screen and (max-width: 1200px) {
/* === top_img === */
	#top_img{padding:48px 5%;}
/* === soudan_concept === */
	.soudan_concept_wrap{padding:8% 5%;}
/* === soudan_item === */
	#soudan_item{padding:48px 5%!important;}
/* ===== footer ===== */
	#footer ul.list_center li span{padding-left:32px;}
}

@media screen and (max-width: 960px) {
/* === soudan_concept === */
	.soudan_concept_wrap .soudan_concept_img img{height:100%;object-fit:cover;}
	.soudan_concept_wrap .soudan_concept_detail{padding:0;}
/* === soudan_item === */
	#soudan_item dl{width:70%;margin:0 auto 40px;}
/* ===== footer ===== */
	#footer ul.list_center li{font-size:21px;}
}

@media screen and (max-width: 900px) {
/* === soudan_concept === */
	.soudan_concept_wrap .soudan_concept_img{width:100%;margin-bottom:32px;}
	.soudan_concept_wrap .soudan_concept_detail{width:100%;padding:0 24px;box-sizing:border-box;}
/* === soudan_item === */
	#soudan_item dl{width:80%;}
/* === soudan_contact === */
	#soudan_contact .soudan_btn{width:80%;margin:0 auto;}
}

@media screen and (max-width: 800px) {
/* === soudan_item === */
	#soudan_item dl{width:90%;}
/* ===== footer ===== */
	#footer .f_wrap{width:90%;}
}

@media screen and (max-width: 640px) {
	.mobile{display:block;}
/* === top_img === */
	#top_img{padding:48px 2%;}
/* === soudan_concept === */
	#soudan_concept{margin-bottom:0;background-size:140%;background-position:right bottom;}
	#soudan_concept:after{background-size:140%;background-position:left top;}
	.soudan_concept_wrap{padding:8% 10%;}
	.soudan_concept_wrap .soudan_concept_img img{border-radius:24px;}
	.soudan_concept_wrap .soudan_concept_detail{padding:0;font-size:18px;}
/* === soudan_item === */
	#soudan_item dl{width:100%;}
	#soudan_item dl:last-of-type{margin-bottom:0;}
	#soudan_item dl dd p{font-size:16px;}
/* === soudan_contact === */
	#soudan_contact{padding:0 0 25%!important;}
	#soudan_contact .soudan_btn{width:90%;}
/* ===== footer ===== */
	#footer .f_wrap p.txt_c{width:70%;margin:0 auto 16px;}
	#footer ul.list_center li{font-size:18px;}
}