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

body{font-family:"Zen Maru Gothic", sans-serif;font-weight:500;color:#333333;}
.yomogi{font-family:"Yomogi", cursive;font-weight:400;}

@font-face {
	font-family: 'JKG-L_3';
	src: url('../fonts/JK-Maru-Gothic-M.woff2') format('woff2');
}
.jk{font-weight:300;font-family:'JKG-L_3', sans-serif;}

.tb{display:none;}
/* 背景の楕円 */
.ellipse::before{width:100%;height:200px;margin-left:-100px;margin-right:-100px;padding-left:100px;padding-right:100px;content:"";background:#f8d595;display:block;border-top-left-radius:50%;border-top-right-radius:50%;position: absolute;top:-60px;left:0;}
.ellipse_btm::after{width:100%;height:200px;margin-left:-100px;margin-right:-100px;padding-left:100px;padding-right:100px;content:"";background:#f8d595;display:block;border-bottom-left-radius:50%;border-bottom-right-radius:50%;position:absolute;bottom:-80px;left:0;z-index:1;}

/* === header === */
.wakamono header{padding:24px 0;text-align:center;}
.wakamono #logo{font-size:24px;font-weight:700;color:#4e89c3;}

/* === top_img === */
#top_img{margin-bottom:64px;position:relative;}
#top_img .top_bg img{width:100%;}
#top_img h1{width:31%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}

/* === contents === */
#contents{overflow:hidden;}
.wakamono #contents section{padding:40px 0;position:relative;}
#contents h2{margin-bottom:32px;font-size:28px;font-weight:700;text-align:center;}

/* === wakamono_concept === */
#wakamono_concept{margin-bottom:120px;background:url("../image/wakamono/concept_bg.svg") no-repeat center top;text-align:center;}
#wakamono_concept h2{font-size:24px;font-weight:700;color:#4e89c3;}
#wakamono_concept p{line-height:2.4;}

/* === wakamono_service === */
#wakamono_service{padding-bottom:120px!important;background:#f8d595;}
#wakamono_service::after{width:100%;height:140px;content:"";display:block;background:url("../image/wakamono/service_bg.png") no-repeat center top;position:absolute;top:0;left:50%;transform:translateX(-50%);}
#wakamono_service .wrap{position:relative;z-index:2;}
#wakamono_service .service_wrap{padding-top:48px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#wakamono_service .service_wrap .service_item{width:48%;margin:0 0 4%;padding:20px;background:#a2b3cf;border-radius:32px;box-sizing:border-box;}
#wakamono_service .service_wrap .service_item dl{height:100%;padding:24px;background:#FFFFFF;border-radius:24px;box-sizing:border-box;}
#wakamono_service .service_wrap .service_item dl dt{margin-bottom:12px;padding:90px 0 8px;background:no-repeat center top / 100px;border-bottom:3px dashed #a2b3cf;font-size:21px;font-weight:700;text-align:center;}

#wakamono_service .service_wrap .service_item:nth-of-type(1) dl dt{background-image:url("../image/wakamono/service_icon1.svg");}
#wakamono_service .service_wrap .service_item:nth-of-type(2) dl dt{background-image:url("../image/wakamono/service_icon2.svg");}
#wakamono_service .service_wrap .service_item:nth-of-type(3) dl dt{background-image:url("../image/wakamono/service_icon3.svg");}
#wakamono_service .service_wrap .service_item:nth-of-type(4) dl dt{background-image:url("../image/wakamono/service_icon4.svg");}

#wakamono_service .service_wrap .service_item dl dd{font-size:18px;text-align:center;}

/* === wakamono_profile === */
#wakamono_profile{padding:40px 0 0!important;background:#b2d1b6;}
#wakamono_profile.ellipse::before, #wakamono_profile.ellipse_btm::after{background:#b2d1b6;}
#wakamono_profile .wrap{position:relative;z-index:2;}
/* profile_box */
#wakamono_profile .profile_box dl{padding:24px;background:#FFFFFF;border:1px solid #333333;border-radius:24px;box-sizing:border-box;font-weight:600;}
#wakamono_profile .profile_box dl dt{margin-bottom:12px;font-size:21px;color:#4e89c3;}

/* === wakamono_contact === */
#wakamono_contact{padding:120px 0 80px!important;background:url("../image/wakamono/contact_bg.jpg") no-repeat center center / cover;}

/* ===== footer ===== */
.wakamono #footer{padding:48px 0 0;background:#f4ebe4;}
/* === f_wrap === */
#footer .f_wrap{width:800px;margin:0 auto;padding:0 0 24px;display:block;}
#footer .f_wrap h2{margin-bottom:12px;font-size:25px;color:#4e89c3;text-align:center;}
#footer ul.list_center{margin-bottom:12px;}
#footer ul.list_center li{margin:0 24px;font-size:24px;font-weight:500;}
#footer ul.list_center li span{padding-left:40px;background:no-repeat left center;}
#footer ul.list_center li.tel a{color:#333333;}
#footer ul.list_center li.tel span{background-image:url("../image/wakamono/tel.svg");background-size:16%;}
#footer ul.list_center li.mail span{background-image:url("../image/wakamono/mail.svg");background-size:8%;background-position:left top 9px;}
#footer .f_wrap p{margin-bottom:0;font-size:clamp(11px, 0.9vw, 14px);text-align:center;}
/* === copy === */
#footer .copy{padding:8px 0;background:#4e89c3;font-size:11px;color:#FFFFFF;}

@media screen and (max-width: 1200px) {
	#wakamono_service::after{background-size:110%;}
}

@media screen and (max-width: 860px) {
	#footer .f_wrap{width:100%;}
}

@media screen and (max-width: 740px) {
	#top_img{overflow:hidden;}
	#top_img .top_bg{margin:0 -10%;}
	#top_img h1{width:42%;}
}

@media screen and (max-width: 680px) {
	.tb{display:block;}
	.wakamono #logo{font-size:21px;text-align:center!important;}
/* === top_img === */
	#top_img{margin-bottom:24px;}
	
/* === contents === */
	.wakamono #contents section{padding:24px 0;}
/* === wakamono_concept === */
	#wakamono_concept{margin-bottom:80px;}
	#wakamono_concept h2{font-size:21px;}
	#wakamono_concept p{font-size:12px;}
/* === wakamono_service === */
	#wakamono_service .service_wrap{padding-top:0;}
	#wakamono_service .service_wrap .service_item{width:90%;margin:0 auto 4%;padding:10px;}
	#wakamono_service .service_wrap .service_item dl{padding:12px;}
/* === footer === */
	#footer .f_wrap h2{font-size:18px;}
	#footer .copy{font-size:10px;}
}

@media screen and (max-width: 640px) {
	#top_img .top_bg{height:260px;}
	#top_img .top_bg img{height:100%;object-fit:cover;}
}