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

	font-family:"Poppins", sans-serif;
	100-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;
}


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


*/


/*******************************
/* 
*******************************/
*{
	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;
	}
}
.c-iconBtn__icon{
	width:25px;
	height:25px;
	font-size:25px;
}

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

.l-content__body{
	margin-bottom:0;
}

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

.c-gnav{}
.c-gnav__li.-current,
.c-gnav__li.focus,
.c-gnav__li:hover{
	color:#fff;
}
.c-gnav__li a.c-gnav__a[aria-current="page"]{
	text-decoration:underline;
}
body.home .c-gnav__li a.c-gnav__a[aria-current="page"]{
	text-decoration:none;
}

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

#header{
	transition:all 0.65s;
}
.l-header{
	background:transparent;
}
.l-header__body.l-container{
	max-width:none;
}
.l-header .l-header__center{
	padding:5px 0;
}
.l-header .c-headLogo{
	line-height:1;
}
.l-header .c-headLogo__img{
	transition:none;
}

/* home header */

.home .l-header .l-header__logo,
.home .l-header .l-header__right{
	transition:all 0.65s;
}
.home .l-header__right{
	height:80px;
}
.is-scrolled-custom .home .l-header{
	position:fixed;
	width:100%;
	height:80px;
}
.home .l-header .l-header__logo{
	position:fixed;
}
.home .l-header .c-headLogo{
	height:100px;
}
.is-scrolled-custom .home .l-header .c-headLogo{
	height:var(--ark-logo_size--pc);
}
.home .l-header__right{
	position:fixed;
	top:-100px;
	visibility:hidden;
	opacity:0;
}
.is-scrolled-custom .home .l-header__right{
	top:0;
	visibility:visible;
	opacity:1;
}
.home .l-header::before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	background:rgba(0,0,0,1.0);
	width:100%;
	height:0;
	transition:all 0.65s;
}
.is-scrolled-custom .home .l-header::before{
	height:100%;
}
@media not all and (min-width: 1000px){
	.l-header::before,
	.home .l-header::before{
		position:absolute;
		top:0;
		left:0;
		content:"";
		background:rgba(0,0,0,0.95);
		width:100%;
		height:0;
		transition:all 0.65s;
	}
	.is-scrolled-custom .l-header::before,
	.is-scrolled-custom .home .l-header::before{
		height:100%;
	}
	.l-header__body.l-container,
	.home .l-header__body.l-container,
	.is-scrolled-custom .l-header,
	.is-scrolled-custom .home .l-header{
		height:60px;
	}
	.l-header .c-headLogo,
	.home .l-header .c-headLogo{
		height:80px;
	}
	.is-scrolled-custom .l-header .c-headLogo,
	.is-scrolled-custom .home .l-header .c-headLogo{
		height:50px;
	}
	.l-header .l-header__logo,
	.home .l-header .l-header__logo{
		position:absolute;
		top:5px;
		left:1.0rem;
	}
}

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

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




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

#hero{
	position:relative;
	font-size:10.8vw;
	font-weight:500;
	line-height:1;
}
#hero > *{
	line-height:1;
}
#hero i{
	color:var(--wp--preset--color--arkb-color-01);
	font-style:normal;
}
#hero div.primary{
	position:relative;
	width:100%;
	height:100vh;
	background-color:#000;
	background-image:url(images/hero_bg_001.jpg);
	/*background-image:url(images/hero_bg_002.jpg);*/
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:calc(2.5vw) 50%;
	color:#fff;
	overflow:hidden;
	margin-bottom:0.5em;
}
#hero div.primary > div.area{
	display:flex;
	width:100%;
	max-width:1410px;
	height:100%;
	padding:10.25vh 10.25vh 0 0;
	margin:0 auto;
}
#hero div.primary > div.area > div.lead{
	margin-left:auto;
}
#hero div.primary > div.area > div.lead p{
	font-family:"Noto Serif JP", serif;
	font-size:6.25vh;
	font-weight:500;
	line-height:1.65;
	letter-spacing:0.08em;
	white-space:nowrap;
	writing-mode:vertical-rl;
}
#hero div.primary > div.area > div.lead p > span{
	display:block;
}
#hero div.decorate{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:-0.8em;
	width:110%;
	overflow:hidden;
}
#hero div.decorate.up{
	mix-blend-mode:exclusion;
}
#hero div.decorate.shadow{
	background-color:var(--ark-color_gray);
	color:#000;
	z-index:-1;
}
#hero div.decorate div.key{}
#hero div.decorate div.key p{
	font-family:"Poppins", sans-serif;
	text-align:center;
	white-space:nowrap
}
@media screen and (max-width: 767px){
/* mobile ------------------------------------- */
	#hero div.primary{
		height:60vh;
		background-position:bottom center;
	}
	#hero div.primary > div.area{
		padding:100px 1.5rem 1.5rem 1.5rem;
	}
	#hero div.primary > div.area > div.lead{
		writing-mode:vertical-rl;
	}
	#hero div.primary > div.area > div.lead p{
		font-size:3.25vh;
	}
}

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

.ark-block-heading{
	padding-bottom:1.25em;
}
.ark-block-heading .ark-block-heading__main:empty,
.ark-block-heading .ark-block-heading__sub:empty{
	display:none;
}
.ark-block-heading .ark-block-heading__main{
	color:#000;
	font-size:1.65rem;
	font-weight:600;
	padding:0.65em 0 0.85em 0;
}
.ark-block-heading .ark-block-heading__sub{
	color:#000;
	font-family:"Poppins", sans-serif;
	font-size:3.0rem;
	font-weight:600;
	line-height:1.45;
	opacity:1;
}
.ark-block-heading .ark-block-heading__sub::first-letter{
	color:var(--wp--preset--color--arkb-color-01);
}
.ark-block-heading .ark-block-heading__line:before{
	width:6em;
	border-radius:0;
	background: linear-gradient(to right, #E60000 0%, #E60000 50%, #000 50%, #000 100%);
}
@media screen and (max-width: 767px){
/* mobile ------------------------------------- */
	.ark-block-heading .ark-block-heading__main{
		font-size:1.10rem;
	}
	.ark-block-heading .ark-block-heading__sub{
		font-size:2.12rem;
	}
	.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;
}



/*******************************
/* #pagetop
*******************************/

#pagetop{}
#pagetop.c-fixBtn{
	background-color:var(--wp--preset--color--arkb-color-01);
	opacity:1;
}