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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

/*	font-family:'Noto Sans JP', sans-serif;	*/
/*	font-family:'Noto Serif JP', serif;		*/
/*
	font-family:'Kosugi Maru', sans-serif;
	font-weight:400;
*/

: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)


*/


/*******************************
/* 
*******************************/
h1, h2, h3, h4, h5, h6{
	line-height:inherit;
}
a{
	text-decoration:none;
}
body .l-content__body{
	margin:4.5em auto 6.5em auto;
}
body.home .l-content__body,
body.page .l-content__body{
	margin:0 auto;
}

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

/*
.l-header[data-pcfix="0"], [data-scrolled=false] .l-header[data-pcfix="1"]{
	background-color:rgba(255,255,255,0);
}
.l-header{
	background-color:rgba(255,255,255,0.65);
}
*/
.l-header{
	background-color:rgba(0,0,0,0.1);
}


.l-header__logo.has-text > .c-headLogo{
	display:flex;
	align-items:center;
	font-family:'Kosugi Maru', sans-serif;
	font-size:0.45em;
	font-weight:400;
	padding:0 0 0.2em 0;
}
.l-header__logo.has-text > .c-headLogo::before{
	content:'';
	width:2.0em;
	height:2.0em;
	background-image:url('images/logo_01.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	margin-right:0.5em;
}



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.l-header__logo.has-text > .c-headLogo{
		font-size:3.55vw;
	}
}

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

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

.ark-block-heading{
	padding:1.5em 0 2.5em 0;
}
.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:2.2rem;
	font-family:'Noto Serif JP', serif;
	font-weight:500;
}
.ark-block-heading .ark-block-heading__main::before{
	display:block;
	content:'';
	width:90px;
	height:90px;
	background-image:url('images/logo_01.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	margin:0 auto 0.5em auto;
}
.ark-block-heading .ark-block-heading__sub{
	font-size:1.15rem;
	font-family:'Kosugi Maru', sans-serif;
	font-weight:400;
	line-height:inherit;
	opacity:1;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.ark-block-heading .ark-block-heading__main{
		font-size:1.4rem;
		font-weight:600;
	}
	.ark-block-heading .ark-block-heading__sub{
		font-size:1.05rem;
	}
	.ark-block-heading + p.has-text-align-center{
		text-align:left;
	}
	.ark-block-heading + p br{
		display:none;
	}
}

/*******************************
/* Arkhe［ブロック］：gnSec23
 * arkp-gnSec23
*******************************/

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

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

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

#hero,
#hero > div.hero_visual .swiper-slide img{
	width:100%;
	height:100vh;
}
#hero{
	position:relative;
	width:100%;
	overflow:hidden;
}
#hero > div.hero_caption{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:10;
	display:flex;
	justify-content:center;
	align-items:center;
}
#hero > div.hero_caption > div{
	display:flex;
	flex-direction:column;
}
#hero > div.hero_caption > div > div.primary{
	order:2;
	margin-top:2.5em;
}
#hero > div.hero_caption > div > div.primary h2{
	color:#fff;
	font-family:'Kosugi Maru', sans-serif;
	font-size:25px;
	font-weight:400;
	line-height:1.8;
	text-align:center;
}
#hero > div.hero_caption > div > div.primary h2 > span{
	display:block;
}
#hero > div.hero_caption > div > div.secondary{
	order:1;
}
#hero > div.hero_caption > div > div.secondary p{
	color:#fff;
	font-family:'Kosugi Maru', sans-serif;
	font-size:35px;
	font-weight:400;
	line-height:2;
	text-align:center;
}
#hero > div.hero_visual{
	position:relative;
}
#hero > div.hero_visual::before{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:5;
	width:100%;
	height:100%;
	content:'';
	/*background:rgba(0,0,0,0.15);*/
}
#hero > div.hero_visual .swiper{}
#hero > div.hero_visual .swiper-wrapper{}
#hero > div.hero_visual .swiper-slide{}
#hero > div.hero_visual .swiper-slide img{
	object-fit:cover;
	transform:scale(1);
}
#hero > div.hero_visual .swiper-slide[class*=-active] img{
	animation:HeroAnimation 6s ease 0s forwards;
}
@keyframes HeroAnimation{
	0%{
		transform:scale(1.15);
	}
	100%{
		transform:scale(1);
	}
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	#hero,
	#hero > div.hero_visual .swiper-slide img{
		max-height:320px;
	}
	#hero > div.hero_caption > div > div.secondary p{
		font-size:16px;
	}
}

/*******************************
/* contact-form-7
*******************************/

.contact-form-7-area{}
.contact-form-7-area input[type=text],
.contact-form-7-area input[type=email],
.contact-form-7-area textarea{
    width:100%;
	font-size:16px;
	padding:0.45em 0.8em;
}
.contact-form-7-area textarea{
	height:12em;
}
.contact-form-7-area input[type=submit]{
	background:#111;
	color:#fff;
	padding:0.5em 2.5em;
}
.contact-form-7-area .wpcf7-list-item{
	margin:0 1.5em 0 0;
}
.contact-form-7-area div.unit-title{
	display:block;
	font-weight:700;
	margin:1em 0 0 0;
}
.contact-form-7-area div.unit-item{
	display:block;
	margin:0.5em 0 1.5em 0;
}
.contact-form-7-area div.unit-submit{
	text-align:center;
}
.contact-form-7-area i.required{
	display:inline-block;
	color:#cc0000;
	font-style:normal;
	margin-left:0.4em;
}
.contact-form-7-area span.wpcf7-spinner{
	display:block;
	margin:-30px auto 0 auto;
}


/*******************************
/* adj
*******************************/

.adj-001{}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.adj-001{
		text-align:left;
	}
	.adj-001 br{
		display:none;
	}
}