@charset "utf-8";

/* 共通
==========================*/
:root{
    --font_en: "Jost", sans-serif;
	--transition: 0.3s ease;
}
body{font-family: "Noto Sans JP", sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 1px;}
.en{font-family: var(--font_en);}
a{color: #000; transition: var(--transition);}
a:hover{opacity: 0.7;}
.flex{display: flex; flex-wrap: wrap;}

/* 表示・非表示 */
.pc_only{display: block;}
.pc_tab_only{display: block;}
.tab_only{display: none;}
.sp_tab_only{display: none;}
.sp_only{display: none;}

@media screen and (max-width: 991px){
	.pc_only{display: none;}
	.pc_tab_only{display: block;}
	.tab_only{display: block;}
	.sp_tab_only{display: block;}
	.sp_only{display: none;}
}

@media screen and (max-width: 640px){
	.pc_only{display: none;}
	.pc_tab_only{display: none;}
	.tab_only{display: none;}
	.sp_tab_only{display: block;}
	.sp_only{display: block;}
}

/* header =====================*/
#header_content{}
#header_content .header_logoArea{border-bottom: 1px solid #D5D5D5;}
#header_content .header_logoArea .header_logo{width: 400px; height: 100px; background: #F6F6EB;
	border-top-right-radius: 50px; border-bottom-right-radius: 50px;
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}

@media screen and (max-width: 991px){
	#header_content .header_logoArea .header_logo{height: 60px;}
}
@media screen and (max-width: 640px){
	#header_content .header_logoArea .header_logo{width: calc(100% - 10px);}
}

/* footer =====================*/
footer .copy{background: #3D3D3D; text-align: center; padding: 10px 5px;}
footer .copy small{font-family: var(--font_en); color: #fff; font-size: 14px;}

@media screen and (max-width: 640px){
	footer .copy small{font-size: 10px; letter-spacing: 0;}
}


/* main =====================*/
.inner{max-width: 1430px; width: 100%; margin: 0 auto; padding: 0 15px;}
.accordion_wrap{display: none;}

/* pankuzu */
.pankuzu_area{border-bottom: 1px solid #D5D5D5; padding: 8px 0; margin-bottom: 20px;}

.pankuzu{}
header + .pankuzu{padding: 10px 0 0;}
.pankuzu ul{}
.pankuzu ul li{padding-right: 17px; margin-right: 8px;
	background-image: url(../../img/elements/icon_arrow2.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 14px;
}
.pankuzu ul li:last-child{background: none; padding-right: 0; margin-right: 0;}
.pankuzu ul li,
.pankuzu ul li a{font-size: 12px; letter-spacing: 0;}
.pankuzu ul li a{color: #00AB0B;}

#page_content{padding-bottom: 50px;}

/* the_content_area */
#the_content_area{}
#the_content_area .post_date{font-size: 12px; font-weight: 500; letter-spacing: 1px;}
#the_content_area .the_content_title{font-size: clamp(18px,2.2vw,22px); padding: 5px 0 15px; border-bottom: 1px solid #efefef;}
#the_content_area .the_content_mainText{padding: 15px 0 0;}
#the_content_area .the_content_mainText *{font-size: 16px; line-height: 1.8;}
#the_content_area .the_content_mainText * + *{margin-top: 10px;}
#the_content_area .the_content_mainText h2{font-size: clamp(20px,2.2vw,22px);}
#the_content_area .the_content_mainText h3{font-size: clamp(18px,2.0vw,20px);}
#the_content_area .the_content_mainText h4{font-size: clamp(16px,1.8vw,18px);}
#the_content_area .the_content_mainText h5{font-size: clamp(14px,1.6vw,16px);}
#the_content_area .the_content_mainText h6{font-size: clamp(14px,1.6vw,16px);}

#the_content_area .the_content_mainText .wp-block-group + .wp-block-group{margin-top: 30px;}

@media screen and (max-width: 640px){
	#the_content_area .the_content_mainText *{font-size: 13px; line-height: 1.6; letter-spacing: 0;}
}

/* 404ページ */
#page_404Wrap{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
	width: 100%; height: calc(100svh - 42px); text-align: center;
}
#page_404Wrap .page_404inner h2{font-family: var(--font_en); font-size: clamp(18px,2vw,40px); letter-spacing: 0; margin-bottom: 20px;}
#page_404Wrap .page_404btn{max-width: 200px; width: 100%; margin: 20px auto 0;}
#page_404Wrap .page_404btn a{display: flex; justify-content: center; align-items: center; background: #fff; height: 40px; border-radius: 20px; border: 1px solid #d9dbc9;}


/* ページ送り */
main #the_content_area .the_content_mainText .page-links{display: flex; justify-content: center; margin-top: 50px;}
main #the_content_area .the_content_mainText .page-links > span,
main #the_content_area .the_content_mainText .page-links > a{font-family: var(--font_en); font-size: 18px; 
	width: 35px; aspect-ratio: 1 / 1;
	display: flex; justify-content: center; align-items: center; margin: 0 5px; border: 1px solid #b1b181; color: #b1b181; border-radius: 5px;}
main #the_content_area .the_content_mainText .page-links > span,
main #the_content_area .the_content_mainText .page-links > a:hover{background: #b1b181; color: #fff;}