/*
Template: arkhe
Theme Name: Arkhe_child
Version: 1.0.0
*/

/* 
	font-family:"Noto Sans JP", sans-serif;
	100-900

	font-family:"Noto Serif JP", serif;
	200-900

	var(--wp--preset--color--arkb-color-01)

	[data-scrolled=false]
	[data-scrolled=true]

*/

:root {
	/*--ark-font_family: "Noto Sans JP","Helvetica Neue","Arial","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;*/
	--ark-font_family: "Noto Serif JP", serif;
}


/*******************************
/* Arkhe @media
*******************************/

/* pc, 1000px 以上 */
@media (min-width: 1000px){}

/* tablet, 1000px 以下 */
@media not all and (min-width: 1000px){}

/* mobile, 600px 以下 */
@media not all and (min-width: 600px){}


/*******************************
/* Arkhe［ユーティリティクラス］
 * 詳しくは、src/scss/object/utility/**
*******************************/

/*

・「u-only-pc」というクラスをつけるとPCサイズでのみ表示されるようになったり
・「u-fz-l」を付けるとフォントサイズが大きくなったり
・「u-mt-0」を付けると上部マージンが 0 になったり

u-mt-0	(0,5,10,15,20,25,30,40,50,60,80)
u-mb-0	(0,5,10,15,20,25,30,40,50,60,80)


*/


/*******************************
/* 
*******************************/
*{
	font-weight:600;
	line-height:2.0;
}
a{
	text-decoration:none;
	transition:all 0.3s ease;
}
i{
	font-style:normal;
}
h1, h2, h3, h4, h5, h6{
	line-height:inherit;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	input,
	textarea{
		font-size:16px;
	}
}

/*******************************
/* 
*******************************/

.page .l-content__body{
	margin:0 auto;
}

/*******************************
/* c-gnav
*******************************/

.c-gnav{}
.c-gnav .__mainText{
	font-family:"Noto Sans JP", sans-serif;
	font-size:0.90em;
	font-weight:500;
}
.c-gnav .sub-menu .__mainText{
	font-weight:400;
}
.c-gnav > li{}
.c-gnav > li:not(.button){
	font-size:1.0rem;
}
.c-gnav > li + li{
	margin-left:1.0em;
}
.c-gnav li.button{
	height:auto;
	margin-left:1.5em;
}
.c-gnav li.button a{
	background:#000;
	color:#fff;
	padding:1.0em 1.5em;
}
.c-gnav li.button a .__mainText{
	display:flex;
}
.c-gnav li.button a .__mainText svg{
	margin:0 0.25em;
}
/* tablet, 1000px 以下 */
@media not all and (min-width: 1000px){
	.c-drawerNav li.button a .__mainText svg{
		display:none;
	}
}

/*******************************
/* header
*******************************/

.l-header__center{
	padding:1.5em 0;
}
.has-text > .c-headLogo{
	color:#222;
	font-family:"Noto Sans JP", sans-serif;
	font-size:1.20rem;
	font-weight:800;
	line-height:2;
}
.page-id-10 #top_title_area,
.page-id-10 #breadcrumb,
.page-id-17 #top_title_area,
.page-id-17 #breadcrumb,
.page-id-19 #top_title_area,
.page-id-19 #breadcrumb,
.page-id-21 #top_title_area,
.page-id-21 #breadcrumb,
.page-id-23 #top_title_area,
.page-id-23 #breadcrumb,
.page-id-25 #top_title_area,
.page-id-25 #breadcrumb{
	display:none;
}
#top_title_area.p-topArea.-noimg{
	background:#f3f3f3;
	height:220px;
	min-height:220px;
}
#top_title_area.p-topArea.-noimg .p-topArea__body{
	color:#333;
	letter-spacing:0.05em;
	text-shadow:none;
}
/* mobile, 600px 以下 */
@media not all and (min-width:600px){
	.l-header__center{
		padding:1.0em 0;
	}
	.has-text > .c-headLogo{
		font-size:1.0rem;
	}
	#top_title_area.p-topArea.-noimg{
		height:auto;
		min-height:auto;
	}
	#top_title_area .c-pageTitle__main{
		font-size:1.2rem;
	}
}

/*******************************
/* footer
*******************************/

.l-footer{}
.l-footer__inner{
	padding:3.5em 0 0 0;
}
.l-footer h1{
	color:#222;
	font-family:"Noto Sans JP", sans-serif;
	font-size:1.20rem;
	font-weight:800;
	line-height:2;
}
.l-footer .c-submenuToggleBtn{
	display:none;
}
.l-footer .sub-menu{
	height:auto;
	opacity:1;
	visibility:visible;
	border-top:none;
	border-bottom:none;
}
.l-footer .widget_nav_menu a{
	padding:0.65em 0;
}
.l-footer .widget_nav_menu .sub-menu a{
	padding-left:2.5em;
}
.l-footer .widget_nav_menu .menu{
	border-top:none;
	border-bottom:1px solid #ccc;
}
.l-footer .widget_nav_menu .menu-item{
	border-top:1px solid #ccc;
	border-bottom:none;
}
.l-footer__foot{
	padding:0 0 4.5rem 0;
}
.l-footer__foot p.c-copyright{
	margin-top:2.5em;
}
/* mobile, 600px 以下 */
@media not all and (min-width: 600px){
	.l-footer .widget_nav_menu .menu{
		border-bottom:none;
	}
}

/*******************************
/* archive
*******************************/
 
body.archive{}
body.archive .c-pageTitle__main{
	font-size:1.55rem;
}
body.archive .p-postList__title,
body.archive .c-bottomSection__title{
	font-weight:600;
}
body.single .c-pageTitle__main,
body.archive .c-pageTitle__main{
	font-size:1.55rem;
	font-weight:600;
	padding:1.5em 0 1.5em 0;
}
body.single .c-pageTitle__main::first-letter,
body.archive .c-pageTitle__main::first-letter{
	color:var(--wp--preset--color--arkb-color-02);
}
.c-postThumb__figure{
	border:1px solid #f1f1f1;
}

@media (min-width: 600px){
	body.archive .p-postList.-type-card .p-postList__item{
		flex-basis:33%;
	}
}

/*******************************
/* #sidebar
*******************************/

#sidebar{}
#sidebar .wp-block-heading{
	font-size:1.2rem;
	font-weight:500;
}
#sidebar .wp-block-heading a{
	color:#000;
	text-decoration:none;
}
#sidebar .post-lits{}
#sidebar .post-lits .wp-block-latest-posts__list{}
#sidebar .post-lits .wp-block-latest-posts__list > li{
	position:relative;
    display:flex;
	flex-direction:column;
	min-height:80px;
	padding:1.0em 0;
	box-sizing:content-box;
}
#sidebar .post-lits .wp-block-latest-posts__list > li a{
	color:#000;
	text-decoration:none;
}
#sidebar .post-lits .wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image{
	position:absolute;
	left:0;
	width:80px;
	aspect-ratio:1/1;
}
#sidebar .post-lits .wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image img{
	object-fit:cover;
	width:100%;
	height:100%;
	aspect-ratio:1/1;
	border:1px solid #f1f1f1;
}
#sidebar .post-lits .wp-block-latest-posts__list > li .wp-block-latest-posts__post-title{
	flex:0 0 100%;
	font-size:0.85rem;
	padding-left:100px;
}
#sidebar .post-lits .wp-block-latest-posts__list > li .wp-block-latest-posts__post-title::before{
	content:"";
	display:block;
	width:80px;
	height:80px;
	position:absolute;
	left:0;
	z-index:-1;
	background-image:url(images/noimg.png);
	background-size:cover;
	background-position:center;
	border:1px solid #f1f1f1;
}
#sidebar .post-lits .wp-block-latest-posts__list > li .wp-block-latest-posts__post-date{
	flex:0 0 100%;
	padding-left:100px;
	margin-top:0.5em;
}

/*******************************
/* Arkhe［ブロック］：セクション見出し
 * ark-block-heading
*******************************/

.ark-block-heading{}
.ark-block-heading .ark-block-heading__main:empty,
.ark-block-heading .ark-block-heading__sub:empty,
.ark-block-heading .ark-block-heading__main:empty ~ .ark-block-heading__line,
.ark-block-heading .ark-block-heading__sub:empty ~ .ark-block-heading__line{
	display:none;
}
.ark-block-heading .ark-block-heading__main{
	color:#000;
	font-size:1.95rem;
	font-weight:600;
	line-height:2.5;
	margin:0;
	opacity:1;
}
.ark-block-heading .ark-block-heading__sub{
	color:#000;
	font-size:1.15rem;
	font-weight:600;
	line-height:2.5;
	margin:0;
	opacity:1;
}
.ark-block-heading .ark-block-heading__main:empty ~ .ark-block-heading__sub{
	font-size:1.25rem;
}
@media screen and (max-width: 767px){
/* mobile ------------------------------------- */
	.ark-block-heading .ark-block-heading__main{
		font-size:1.45rem;
	}
	.ark-block-heading .ark-block-heading__sub{
		font-size:1.05rem;
	}
	.ark-block-heading .ark-block-heading__main:empty ~ .ark-block-heading__sub{
		font-size:1.05rem;
	}
	.ark-block-heading ~ p.has-text-align-center{
		text-align:left;
	}
	.ark-block-heading ~ p.has-text-align-center br{
		display:none;
	}
}

/*******************************
/* Arkhe［ブロック］：アコーディオン
 * ark-block-accordion
*******************************/

.ark-block-accordion.is-style-box .ark-block-accordion__body{
	border-top-style:solid;
}

/*******************************
/* #hero
*******************************/

#hero{
	background-image:url(images/cover_hero_001_b.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#hero > div.inner{
	display:flex;
	align-items:center;
	min-height:80vh;
    max-width:calc(var(--ark-width--article, 1000px) + var(--ark-padding--container, 0px)*2);
    padding-left:var(--ark-padding--container,0);
    padding-right:var(--ark-padding--container,0);
	margin:0 auto;
}
#hero > div.inner > div.lead{
	padding-left:4.5%;
}
#hero > div.inner > div.lead img{
	width:50%;
}
#hero > div.inner > div.lead p{
	margin-top:1.5em;
}
#hero > div.inner > div.lead p > span{
	display:block;
	color:#222;
	font-size:clamp(0.938rem, 0.597rem + 1.7vw, 1.875rem);
	font-weight:600;
	line-height:1.90;
	letter-spacing:0.10em;
}
/* mobile, 600px 以下 */
@media not all and (min-width: 600px){
	#hero > div.inner{
		min-height:260px;
	}
	#hero > div.inner > div.lead p > span{
		font-size:0.90rem;
		font-weight:700;
		letter-spacing:0;
	}
}

/*******************************
/* #tmp-layout-page-header
*******************************/

#tmp-layout-page-header{
	background-image:url(images/cover_hero_007.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#tmp-layout-page-header.funding-concierge	{background-image:url(images/cover_hero_002.jpg);}
#tmp-layout-page-header.cost-reduction		{background-image:url(images/cover_hero_003_c.jpg);}
#tmp-layout-page-header.food-products		{background-image:url(images/cover_hero_004.jpg);}
#tmp-layout-page-header.private-brand		{background-image:url(images/cover_hero_005.jpg);}
#tmp-layout-page-header.education-support	{background-image:url(images/cover_hero_006_b.jpg);}
#tmp-layout-page-header.company				{background-image:url(images/cover_hero_007.jpg);}
#tmp-layout-page-header > div.inner{
	display:flex;
	align-items:center;
	min-height:60vh;
    max-width:calc(var(--ark-width--article, 1000px) + var(--ark-padding--container, 0px)*2);
    padding-left:var(--ark-padding--container,0);
    padding-right:var(--ark-padding--container,0);
	margin:0 auto;
}
#tmp-layout-page-header > div.inner > div.lead{
	position:relative;
}
#tmp-layout-page-header > div.inner > div.lead::before{
	content:"";
	position:absolute;
	z-index:1;
	top:-20%;
	left:-20%;
	width:140%;
	height:140%;
	background:#fff;
	filter:blur(40px);
}
#tmp-layout-page-header > div.inner > div.lead h1{
	position:relative;
	z-index:2;
}
#tmp-layout-page-header > div.inner > div.lead h1 > span{
	display:block;
	color:#000;
	font-size:2.45rem;
	font-weight:600;
	line-height:1.0;
	letter-spacing:0.05em;
	margin-bottom:0.65em;
}
#tmp-layout-page-header > div.inner > div.lead h1 > span > span{
	font-size:1.35rem;
}
/* mobile, 600px 以下 */
@media not all and (min-width: 600px){
	#tmp-layout-page-header > div.inner{
		min-height:260px;
	}
	#tmp-layout-page-header > div.inner > div.lead::before{
		top:-10%;
		left:-10%;
		width:120%;
		height:120%;
		background:#fff;
		filter:blur(20px);
	}
	#tmp-layout-page-header > div.inner > div.lead h1 > span{
		font-size:1.25rem;
	}
	#tmp-layout-page-header > div.inner > div.lead h1 > span > span{
		font-size:0.90rem;
	}
}