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


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


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

/*******************************
/* 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)


*/


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

b, strong{
	font-weight:500;
}
h1, h2, h3, h4, h5, h6{
	line-height:inherit;
}
h3.wp-block-heading{
	font-size:1.65rem;
	font-weight:400;
}
h4.wp-block-heading{
    font-size:1.45rem;
    font-weight:500;
}
hr.wp-block-separator.is-style-wide{
	background-color:var(--wp--preset--color--arkb-color-01);
}

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

[data-btns=l-r] .l-header__body{
	grid-template-columns: 15% 0 70% 0 15%;
}

.p-topArea{
	height:55vh;
	max-height:500px;
}
.p-topArea__body{
	color:#000;
	text-shadow:
		0px 0px 10px rgba(255, 255, 255, 1),
		0px 0px 20px rgba(255, 255, 255, 1),
		0px 0px 30px rgba(255, 255, 255, 1),
		0px 0px 40px rgba(255, 255, 255, 1),
		0px 0px 50px rgba(255, 255, 255, 1),
		0px 0px 60px rgba(255, 255, 255, 1),
		0px 0px 70px rgba(255, 255, 255, 1),
		0px 0px 80px rgba(255, 255, 255, 1),
		0px 0px 90px rgba(255, 255, 255, 1),
		0px 0px 100px rgba(255, 255, 255, 0.6),
		0px 0px 110px rgba(255, 255, 255, 0.6),
		0px 0px 120px rgba(255, 255, 255, 0.6),
		0px 0px 130px rgba(255, 255, 255, 0.6),
		0px 0px 140px rgba(255, 255, 255, 0.6),
		0px 0px 150px rgba(255, 255, 255, 0.6)
		;
}

/* page / inquiry */

body.page-id-76 .p-topArea,
body.page-id-772 .p-topArea{
	height:195px;
	min-height:195px;
}
body.page-id-76 .p-topArea.-noimg,
body.page-id-772 .p-topArea.-noimg{
	background:#f3f3f3;
}
body.page-id-76 .p-topArea__body,
body.page-id-772 .p-topArea__body{
	text-shadow:none;
}



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

ul.c-gnav{}
ul.c-gnav > li{}
ul.c-gnav > li:not(.button){
	font-size:1.0rem;
}
ul.c-gnav > li + li{
	margin-left:1.0em;
}
ul.c-gnav li.button{
	height:auto;
	margin-left:1.5em;
}
ul.c-gnav li.button a{
	background:var(--wp--preset--color--arkb-color-01);
	color:#fff;
	padding:1.0em 1.5em;
}
ul.c-gnav li.button a .__mainText{
	display:flex;
}
ul.c-gnav li.button a .__mainText svg{
	margin:0 0.25em;
}
@media screen and (max-width: 767px){
/* mobile ----------------------------------------------------- */
	ul.c-drawerNav li.button a .__mainText svg{
		display:none;
	}
}

/*******************************
/* hero
*******************************/

#hero{}
#hero > div.wrap{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:80vh;
	min-height:620px;
	background-image:url('images/cover_hero/cover_hero_005.jpg');
	background-size:cover;
}
#hero > div.wrap::before{
	content:"";
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
}
#hero > div.wrap > div.block{
	position:relative;
	z-index:1;
	padding:0 0 2.5em 0;
}
#hero > div.wrap > div.block > div.logo{
	max-width:265px;
	margin:0 auto;
}
#hero > div.wrap > div.block > div.lead{
	margin-top:1.5em;
}
#hero > div.wrap > div.block > div.lead p{
	color:#fff;
	font-size:1.60rem;
	font-weight:600;
	line-height:2;
	letter-spacing:0.20em;
	text-align:center;
}
#hero > div.wrap > div.block > div.lead p br{}

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

.l-footer__nav a{
	padding:0.4em 0.5em;
}
.l-footer__foot{
	padding:0 0 2.5rem 0;
}
.l-footer__foot p.c-copyright{
	margin-top:4em;
}

/*******************************
/* archive
*******************************/
 
body.archive{}
body.archive .c-pageTitle__main{
	font-size:1.35rem;
	font-weight:500;
}
body.archive .p-postList__title,
body.archive .c-bottomSection__title{
	font-weight:500;
}
body.single .c-pageTitle__main,
body.archive .c-pageTitle__main{
	font-size:1.35rem;
	font-weight:500;
}
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(/wp/wp-content/uploads/2025/07/noimg_001.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{
	padding:0 0 0.25em 0;
}
.ark-block-heading .ark-block-heading__line:before{
	background-color:var(--wp--preset--color--arkb-color-02);
}
.ark-block-heading[data-sub=bottom] .ark-block-heading__line{
	margin:1.2em 0 1.2em 0;
}
.ark-block-heading .ark-block-heading__main{
	font-size:1.85rem;
	font-weight:400;
}
.ark-block-heading .ark-block-heading__main strong{
	font-weight:400;
	color:var(--wp--preset--color--arkb-color-02);
}
.ark-block-heading .ark-block-heading__sub + .ark-block-heading__main{
	font-size:1.0rem;
}
.ark-block-heading .ark-block-heading__sub{
	font-size:2.0rem;
	font-weight:400;
	line-height:inherit;
	opacity:1;
}
.ark-block-heading .ark-block-heading__sub strong{
	font-weight:400;
	color:var(--wp--preset--color--arkb-color-02);
}
.ark-block-heading .ark-block-heading__main + .ark-block-heading__sub{}

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

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