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

/* 
	Noto Sans JP
	font-family:var(--wp--preset--font-family--noto-sans-jp);
	font-family:"Noto Sans JP", sans-serif;
	100-900

	Noto Serif JP
	font-family:var(--wp--preset--font-family--noto-serif-jp);
	font-family:"Noto Serif JP", serif;
	200-900

	Google Sans
	font-family:var(--wp--preset--font-family--google-sans);
	font-family:"Google Sans", sans-serif;
	400-700

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

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

*/

/*******************************
/* Arkhe 変数再定義
*******************************/

:root {
	--ark-font_family:"Google Sans","Noto Sans JP","Helvetica Neue","Arial","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
	--ark-font_size:min(15.5px,4vw);
	--ark-line_height:1.95;
}
.ark-block-columns{
	--arkb-gap--x:2.5rem;
	--arkb-gap--y:3.5rem;
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	html{
		font-size:0.95rem;
	}
}

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

/* display	---------------------------------- */
@media (min-width: 1000px){}

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

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

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

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

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

.l-content__body{
	margin-bottom:0;
}
.p-entry__thumb__img{
	object-fit:cover;
	aspect-ratio:6/3;
}

/*******************************
/* wp-block-heading
*******************************/

h2.wp-block-heading{
	font-size:1.80rem;
	font-weight:600;
	line-height:1.65;
}
h2.wp-block-heading::first-letter{
	color:#000;
}
h3.wp-block-heading{
	background-color:var(--ark-color--gray);
	font-size:1.25rem;
	font-weight:600;
	line-height:1.65;
	border-left:2px solid var(--ark-color_text);
	padding:0.95em 0.95em 0.95em 1.25em;
}
h4.wp-block-heading{
	font-size:1.10rem;
	font-weight:600;
	line-height:1.65;
	border-bottom:1px solid var(--ark-color--border, #ddd);
	padding:0.45em 0;
}
h5.wp-block-heading{
	font-size:1.05rem;
	font-weight:600;
	line-height:1.65;
	border-left:4px solid var(--ark-color_text);
	padding:0.25em 0.25em 0.25em 0.85em;
}
h6.wp-block-heading{
	font-size:0.95rem;
	font-weight:500;
	line-height:1.65;
}
h4.wp-block-heading ~ p:first-of-type,
h5.wp-block-heading ~ p:first-of-type,
h6.wp-block-heading ~ p:first-of-type{
	margin-top:1.5em;
}
/* mobile, 600px 以下 */
@media not all and (min-width: 600px){
	h2.wp-block-heading{
		font-size:1.25rem;
	}
	h3.wp-block-heading{
		font-size:1.15rem;
	}
	h4.wp-block-heading{
		font-size:1.05rem;
	}
	h5.wp-block-heading{
		font-size:1.00rem;
	}
}

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

#header.l-header{}
#header.l-header::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background:#fff;
	box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.025);
}
.l-header__body.l-container{
	max-width:1600px;
}

/* l-header__body - grid */

.l-header__body,
:is([data-btns=rl-rr][data-logo=left],[data-btns=rr-rl][data-logo=left]) .l-header__body{
	display:grid;
	/*grid-template-columns:auto auto;*/
	grid-template-columns:45% 55%;
	grid-template-rows:auto auto;
	grid-template-areas:
		"logo button"
		"logo menu"
		;
}
.l-header__center{
	/* logo */
	grid-area:logo;
	padding:1.15em 0;
}
.l-header__left{
	/* button */
	grid-area:button;
	margin-left:auto;
}
.l-header__right{
	/* menu */
	grid-area:menu;
}
/* tablet	---------------------------------- */
@media not all and (min-width: 1400px){
	.l-header__body,
	:is([data-btns=rl-rr][data-logo=left],[data-btns=rr-rl][data-logo=left]) .l-header__body{
		grid-template-columns:1fr 1fr;
		grid-template-rows:auto auto;
		grid-template-areas:
			"logo button"
			"menu menu"
			;
	}
	.l-header__right{
		margin:0 auto;
	}
}
/* tablet	---------------------------------- */
@media not all and (min-width: 1000px){
	.l-header__body,
	:is([data-btns=rl-rr][data-logo=left],[data-btns=rr-rl][data-logo=left]) .l-header__body{
		grid-template-columns:20% 60% 20%;
		grid-template-rows:auto;
		grid-template-areas:
			"menu logo"
			;
	}
	.l-header__right{
		margin:0 auto;
	}
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	.l-header__body,
	:is([data-btns=rl-rr][data-logo=left],[data-btns=rr-rl][data-logo=left]) .l-header__body{
		grid-template-columns:40px calc(100% - 40px);
	}
}

/* .l-header__logo */

.l-header__logo.has-text{
	align-items:stretch;
}
.l-header__logo.has-text::before{
	flex-shrink:0;
	content:"";
	width:9.0%;
	max-width:4.55rem;
	aspect-ratio:320/340;
	background-image:url(images/logo_001.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	margin-right:0.35em;
}
.has-text > .c-headLogo{
	display:flex;
	flex-direction:column;
	justify-content:center;
	color:var(--ark-color--text);
	font-size:clamp(1.10rem, calc(2.27vw + -0.32rem), 1.95rem);
	font-size:clamp(1.45rem, calc(1.87vw + 0.28rem), 1.80rem);
	font-weight:600;
	line-height:1;
	letter-spacing:0.035em;
	white-space:nowrap;
}
.has-text > .c-headLogo::before{
	content:"滅失・表題から移転・設定まで完全ワンストップサービスを提供します。";
	display:block;
	font-size:0.95rem;
	font-size:clamp(0.75rem, calc(0.53vw + 0.42rem), 0.95rem);
	font-weight:500;
	letter-spacing:normal;
	margin:0.65em 0 1.05em 0;
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	.has-text > .c-headLogo{
		font-size:14.5px;
		padding:0;
		margin:0;
	}
	.l-header__logo{}
	.l-header__logo.has-text::before{
		width:0.5em;
		margin-right:0.25em;
	}
	.has-text > .c-headLogo::before{
		content:none;
	}
}

/*------------------------------
 * include-l-header-right
/*----------------------------*/

.include-l-header-right{
	padding:0.85em 0 0 0;
}
.include-l-header-right > .wrap{
	display:flex;
	align-items:center;
	gap:0.55em;
}
.include-l-header-right > .wrap > div{}
.include-l-header-right > .wrap > .to_dial{
	margin-right:1.15em;
}
.include-l-header-right > .wrap > .to_dial a{
	display:inline-flex;
	align-items:baseline;
	/*color:var(--wp--preset--color--arkb-color-02);*/
	color:var(--ark-color_text);
	font-family:"Google Sans", sans-serif;
	font-weight:700;
	font-size:2.15rem;
	line-height:1;
	margin-top:0.15em;
}
.include-l-header-right > .wrap > .to_dial a::before{
	content:"TEL";
	font-size:1.55rem;
	margin-right:0.15em;
}
.include-l-header-right > .wrap > .to_dial .label{
	display:flex;
	font-size:0.85rem;
	font-weight:700;
}
.include-l-header-right > .wrap > .to_dial .label > span{}
.include-l-header-right > .wrap > .to_dial .label > span:first-child{
	color:var(--wp--preset--color--arkb-color-02);
}
.include-l-header-right > .wrap > .to_dial .label > span + span{
	margin-left:0.45em;
}
.include-l-header-right > .wrap > .to_button{}
.include-l-header-right > .wrap > .to_button p{
	display:flex;
	flex-direction:column;
	align-content:center;
}
.include-l-header-right > .wrap > .to_button a{
	color:#fff;
	font-size:0.90rem;
	font-weight:500;
	border-radius:6px;
	padding:0.95em 1.45em;
}
.include-l-header-right > .wrap > .to_button a i{
	font-size:1.15rem;
	margin-right:0.25em;
}
.include-l-header-right > .wrap > .to_button a > span.label{
	display:flex;
	align-items:center;
}
.include-l-header-right > .wrap > .to_button.to_line a{
	background:#1eaa41;
}
.include-l-header-right > .wrap > .to_button.to_mail a{
	background:#5f503c;
}
/* netbook	---------------------------------- */
@media not all and (min-width: 1400px){
	.include-l-header-right > .wrap{
		flex-wrap:wrap;
		justify-content:flex-end;
	}
	.include-l-header-right > .wrap > .to_dial{
		flex:0 0 100%;
		display:flex;
		align-items:center;
		margin:0 0 0.45em 0;
	}
	.include-l-header-right > .wrap > .to_dial p{
		display:flex;
		justify-content:flex-end;
	}
	.include-l-header-right > .wrap > .to_dial .label{
		flex-direction:column;
		text-align:center;
		margin:0 0.95em 0 auto;
	}
}

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

.c-gnav > li + li{
	/*margin-left:clamp(0.15rem, calc(2.45vw + -1.38rem), 1.65rem);*/
	margin-left:clamp(0.15rem, calc(1.87vw + -1.02rem), 0.85rem);
}
.c-gnav__li > .c-gnav__a{
	/*font-size:clamp(0.85rem, calc(0.40vw + 0.60rem), 1.00rem);*/
	font-size:clamp(0.85rem, calc(0.53vw + 0.52rem), 1.05rem);
	font-weight:500;
	padding:1.40em clamp(0.25rem, calc(0.53vw + -0.08rem), 0.45rem);
}
.c-gnav__li:last-child > .c-gnav__a{
	padding-right:0;
}

/*------------------------------
 * include-header_bar_content
/*----------------------------*/

.l-header__bar{
	display:none;
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	.l-header__bar{
		display:block;
		background:#111;
	}
	.l-header__bar .l-header__barInner{
		justify-content:center;
		padding:0.55em 0;
	}
	.l-header__bar .l-header__barInner p{
		color:#fff;
		font-size:10px;
	}
}

/*******************************
/* l-footer
*******************************/

.l-footer{
	border-top:1px solid var(--ark-color--border,#ddd);
	padding:4.0em 0 1.5em 0;
}
.l-footer [class*=ark-keep-mt] > *{
	margin-top:0.65em;
}
.l-footer .l-container{
	max-width:1580px;
}
.l-footer__nav a{
	padding:0.4em 0.5em;
}
.l-footer__foot{
	padding:2.5em 0 2.5em 0;
}
.l-footer__foot p.c-copyright{
	margin-top:2.5em;
}
.l-footer__widgets .wp-block-columns,
.l-footer__widgets.has-columns{
	font-size:0.95rem;
	line-height:var(--ark-line_height);
}
.l-footer__nav a,
.l-footer__widgets .widget_nav_menu a{
	font-size:0.90rem;
}
.l-footer__widgets .wp-block-heading,
.l-footer__widgets .widgettitle{
	font-size:1.00rem;
	font-weight:500;
	line-height:var(--ark-line_height);
}
/* mobile   ---------------------------------- */
@media not all and (min-width: 600px){
	.l-footer{
		padding-top:0;
	}
	#footer_cta:not(.action) ~ .l-footer{
		padding-bottom:9.15em;
	}
	.l-footer__foot{
		padding:0 0 4.45em 0;
	}
	.l-footer__foot p.c-copyright{
		text-align:center;
	}
	.l-footer__widgets .wp-block-heading,
	.l-footer__widgets .widgettitle{
		font-size:1.10rem;
		font-weight:600;
	}
}

/* footer_area_wrap_column */

.footer_area_wrap_column{
	justify-content:space-around;
}

/* footer_area_post_list */

.footer_area_post_list{}
.footer_area_post_list .p-postList.-type-list{
	border-top:var(--ark-menulist_border);
	border-bottom:var(--ark-menulist_border);
}
.footer_area_post_list .p-postList.-type-list .p-postList__item{
	border-bottom:var(--ark-menulist_border);
	padding:0.95em 0;
	margin:0;
}
.footer_area_post_list .p-postList.-type-list .p-postList__item + .p-postList__item{
	padding:0 0 0.95em 0;
	margin:0.95em 0 0 0;
}
.footer_area_post_list .p-postList.-type-list .p-postList__link{
	align-items:normal;
}
.footer_area_post_list .p-postList.-type-list .p-postList__thumb{
	max-width:190px;
	width:30%;
}
.footer_area_post_list .c-postThumb__figure{
	aspect-ratio:1/1;
}
.footer_area_post_list .p-postList__thumb:before{
	height:auto;
	aspect-ratio:1/1;
}
.footer_area_post_list .p-postList__body{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.footer_area_post_list .p-postList .p-postList__title{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	font-size:0.90rem;
	font-weight:400;
	min-height:4.95em;
}
.footer_area_post_list .p-postList__title+.p-postList__meta{
	margin-top:0.65rem;
}
.footer_area_post_list .ark-block-buttons{
	margin-top:1.15rem;
}
.footer_area_post_list .is-btn-text .ark-block-button__icon{
	background-color:var(--the-btn-color);
	fill:#fff;
}
.footer_area_post_list .is-btn-text .ark-block-button__link:hover .ark-block-button__icon{
	background-color:transparent;
	fill:var(--the-btn-color);
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	.footer_area_post_list .p-postList.-type-list .p-postList__thumb{
		width:25%;
	}
	.footer_area_post_list .p-postList .p-postList__title,
	.footer_area_post_list .p-postList.-type-list .p-postList__title{
		font-size:0.85rem;
		font-weight:400;
	}
	.footer_area_post_list .p-postList__title+.p-postList__meta{
		justify-content:flex-end;
		margin-top:0.25rem;
	}
	.footer_area_post_list .ark-block-buttons{
		justify-content:flex-end;
	}
}

/* footer_area_company_name */

.footer_area_company_name{}
.footer_area_company_name p{
	margin:0;
}
.footer_area_company_name .footer_area_company_name_container{}
.footer_area_company_name .footer_area_company_name_logo{
	display:flex;
	align-items:baseline;
}
.footer_area_company_name .footer_area_company_name_logo::before{
	position:relative;
	bottom:-0.25em;
	content:"";
	width:6.5%;
	aspect-ratio:320/340;
	background-image:url(images/logo_001.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	margin-right:0.65em;
}
.footer_area_company_name .footer_area_company_name_logo h1{
	font-size:1.25rem;
	font-weight:600;
	line-height:1.5;
}
.footer_area_company_name p.footer_area_company_name_text_sub{
	font-size:0.85rem;
	font-weight:600;
	margin-top:0.55em;
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	.footer_area_company_name{
		padding-top:0.65em;
	}
	.footer_area_company_name .footer_area_company_name_logo h1{
		font-size:1.05rem;
	}
	.footer_area_company_name p.footer_area_company_name_text_sub{
		line-height:1.65;
	}
}

/* footer_area_contact */

.footer_area_contact{
	background:#fff;
	border:1px solid rgba(0,0,0,0.15);
	border-radius:15px;
	overflow:hidden;
	padding-bottom:1.15em;
}
.footer_area_contact h2{
	background:var(--wp--preset--color--arkb-color-02);
	font-size:1.05rem;
	font-weight:600;
	text-align:center;
	padding:0.65em 3.15em;
	margin-top:0 !important;
}
.footer_area_contact h2,
.footer_area_contact h2:first-letter{
	color:#fff;
}
.footer_area_contact_to_dial{
	padding:0.45em 0;
}
.footer_area_contact_to_button{}
.footer_area_contact_dial_label{}
.footer_area_contact_dial_label p{
	font-size:1.05rem;
	font-weight:600;
}
.footer_area_contact_dial_label p:nth-child(1){
	color:var(--wp--preset--color--arkb-color-02);
}
.footer_area_contact_dial_label p:nth-child(2){}
p.footer_area_contact_to_tel{}
p.footer_area_contact_to_tel a{
	display:inline-flex;
	align-items:baseline;
	color:var(--ark-color_text);
	font-family:"Google Sans", sans-serif;
	font-weight:700;
	font-size:2.15rem;
	line-height:1;
	margin-top:0.15em;
}
p.footer_area_contact_to_tel a::before{
	content:"TEL";
	font-size:1.55rem;
	margin-right:0.15em;
}
p.footer_area_contact_to_line,
p.footer_area_contact_to_mail{}
p.footer_area_contact_to_line a,
p.footer_area_contact_to_mail a{
	display:flex;
	align-content:center;
	color:#fff;
	font-size:0.90rem;
	font-weight:500;
	border-radius:6px;
	padding:0.95em 1.95em;
}
p.footer_area_contact_to_line a span.arkb-inline-icon.-has-margin,
p.footer_area_contact_to_mail a span.arkb-inline-icon.-has-margin{
	font-size:1.15rem;
	line-height:1;
	margin:0 0.25em 0 0;
}
p.footer_area_contact_to_line a{
	background:#1eaa41;
}
p.footer_area_contact_to_mail a{
	background:#5f503c;
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	.footer_area_contact .wp-block-heading{
		font-size:1.05rem;
		padding:0.65em 0.65em;
	}
	.footer_area_contact_dial_label.ark-block-container{
		flex-direction:column;
		gap:0;
	}
	.footer_area_contact_dial_label p{
		font-size:1.10rem;
		line-height:1.65;
	}
	.footer_area_contact_dial_label p + p{
		font-size:0.80rem;
	}
	.footer_area_contact_to_button.ark-block-container{
		gap:0.45em 0.45em;
	}
	p.footer_area_contact_to_line a,
	p.footer_area_contact_to_mail a{
		font-size:0.80rem;
		line-height:1.5;
		padding:1.15em 1.15em;
	}
}

/* footer_area_author */

.footer_area_author{
	background:#f9f6f3;
	border-radius:15px;
	padding:1.95em 1.95em;
	margin-top:3.65em !important;
}
.footer_area_author > .wp-block-columns{
	margin-top:0 !important;
}
.footer_area_author_avatar{}
.footer_area_author_avatar img{
	width:100%;
	height:auto;
	aspect-ratio:1/1;
	border-radius:50%;
}
.footer_area_author_head{}
.footer_area_author_body{}
.footer_area_author_name{}
.footer_area_author_name p{
	color:#111;
	font-size:0.75rem;
}
.footer_area_author_name strong{
	color:var(--ark-color--footer_txt);
	font-size:1.05rem;
	font-weight:500;
}
.footer_area_author_profile{
	padding-top:0.45em;
}
.footer_area_author_profile p{
	font-size:0.95rem;
}
.footer_area_author_button{}
.footer_area_author_button .ark-block-button{
	font-size:0.85rem;
}
.footer_area_author_button .ark-block-button__link{
	padding:0.65em 1.65em;
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	.footer_area_author > .wp-block-columns{
		--wp-column-gap:0;
	}
	.footer_area_author_avatar img{
		display:block;
		width:45%;
		margin:0 auto;
	}
	.footer_area_author_name p{
		text-align:center;
		padding-top:0.95em;
	}
	.footer_area_author_button .ark-block-buttons{
		justify-content:center;
	}
}

/* footer_area_menu_list */

.footer_area_menu_list{}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	.footer_area_menu_list .ark-block-columns__inner{
		--arkb-gap--y:0;
	}
	.l-footer .footer_area_menu_list [class*=ark-keep-mt] > *{
		margin-top:0;
	}
	.l-footer .footer_area_menu_list .ark-block-column + .ark-block-column .widget_nav_menu .menu{
		border-top:none;
	}
}

/*******************************
/* .p-topArea
*******************************/

.c-pageTitle__main{
	font-family:"Noto Serif JP", serif;
	font-size:2.15rem;
	font-weight:500;
	line-height:1.5;
	letter-spacing:0.05em;
}
/* display  ---------------------------------- */
@media (min-width: 1000px){
	.p-topArea{
		height:39vh;
	}
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	.c-pageTitle__main{
		font-size:1.65rem;
	}
}

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

#hero,
#hero > div.hero_visual .swiper-slide img{
	width:100%;
	height:85vh;
	min-height:610px;
}
/* display	---------------------------------- */
@media (min-width: 1400px){
	#hero,
	#hero > div.hero_visual .swiper-slide img{
		min-height:800px;
	}
}
#hero{
	position:relative;
	width:100%;
	overflow:hidden;
}
#hero > div.hero_visual{
	position:relative;
	color:var(--ark-color--text);
}
#hero > div.hero_visual .appeal{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	width:100%;
	height:100%;
	padding-bottom:0.65em;
}
#hero > div.hero_visual .caption{
	width:80%;
	max-width:1210px;
	padding-top:4.5%;
	margin:auto;
}
/*
#hero > div.hero_visual .type-01 .caption{
	width:50%;
	margin-left:auto;
}
#hero > div.hero_visual .type-02 .caption{
	width:80%;
	max-width:1210px;
	padding-top:4.5%;
	margin:auto;
}
#hero > div.hero_visual .type-03 .caption{
	width:80%;
	max-width:1210px;
	padding-top:4.5%;
	margin:auto;
}
*/
#hero > div.hero_visual .type-01 .caption{}
#hero > div.hero_visual .type-02 .caption{}
#hero > div.hero_visual .type-03 .caption{}
#hero > div.hero_visual .caption > div{}
#hero > div.hero_visual .caption p{
	color:var(--ark-color--text);
	font-family:"Noto Serif JP", serif;
	font-weight:600;
	line-height:1;
}
#hero > div.hero_visual .caption p.primary{
	display:inline-block;
	font-size:clamp(44px, 4.4vw, 69px);
	font-size:4.15rem;
	line-height:1.40;
	border-bottom:1px solid rgba(0,0,0,0.6);
	padding-bottom:0.45em;
	margin-bottom:0.45em;
}
#hero > div.hero_visual .caption p.secondary{
	font-size:clamp(21px, 2.1vw, 28px);
	font-size:1.95rem;
	line-height:1.55;
	letter-spacing:0.15em;
}
#hero > div.hero_visual .caption p > span{
	display:block;
}
#hero > div.hero_visual .caption p > span > span{
	color:var(--wp--preset--color--arkb-color-02);
}
#hero > div.hero_visual .appeal .superior{
	width:80%;
	max-width:1440px;
	margin:2.95em auto 2.95em auto;
}
#hero > div.hero_visual .appeal .superior ul{
	display:flex;
	justify-content:center;
	gap:1.65em 1.9%;
	padding:0;
	margin:0;
}
#hero > div.hero_visual .appeal .superior ul > li{
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff;
	border-radius:15px;
	box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.09);
	padding:1.25em 1.95em;
	margin:0;
}
#hero > div.hero_visual .appeal .superior ul > li > i{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0.40em 0.15em;
	margin-right:0.80em;
}
#hero > div.hero_visual .appeal .superior ul > li > i img{
	width:5.15rem;
	min-width:2.45rem;
	height:auto;
	min-height:auto;
}
#hero > div.hero_visual .appeal .superior ul > li > p{
	font-family:"Noto Serif JP", serif;
	font-size:1.45rem;
	font-weight:600;
	line-height:1.45;
	white-space:nowrap;
	margin:0;
}
#hero > div.hero_visual .appeal .superior ul > li > p > span{
	font-size:2.15rem;
}
#hero > div.hero_visual .swiper{}
#hero > div.hero_visual .swiper-wrapper{}
#hero > div.hero_visual .swiper-slide{}
#hero > div.hero_visual .swiper-slide img.under_panel{
	object-fit:cover;
	transform:scale(1.25);
}
#hero > div.hero_visual .swiper-slide[class*=-active] img.under_panel,
#hero > div.hero_visual .swiper-slide[class*=-prev] img.under_panel{
	animation:hero_animation_in 15s linear 0s normal both;
}
#hero > div.hero_visual .swiper-slide[class*=-active] img.under_panel{}
#hero > div.hero_visual .swiper-slide[class*=-prev] img.under_panel{}
#hero > div.hero_visual .swiper-slide[class*=-next] img.under_panel{}
@keyframes hero_animation_in{
	0%{
		transform:scale(1.25);
	}
	100%{
		transform:scale(1);
	}
}
/* netbook	---------------------------------- */
@media not all and (min-width: 1400px){
	#hero > div.hero_visual .caption p.primary{
		font-size:3.05rem;
	}
	#hero > div.hero_visual .caption p.secondary{
		font-size:1.35rem;
	}
	#hero > div.hero_visual .appeal .superior ul > li > p{
		font-size:1.15rem;
	}
	#hero > div.hero_visual .appeal .superior ul > li > p > span{
		font-size:1.30rem;
	}
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	#hero,
	#hero > div.hero_visual .swiper-slide img{
		height:auto;
		min-height:330px;
	}
	#hero > div.hero_visual .appeal{
		text-align:right;
	}
	#hero > div.hero_visual .caption{
		width:84%;
		text-align:left;
	}
	/*
	#hero > div.hero_visual .type-01 .caption{
		display:inline-block;
		width:fit-content;
		padding-right:1.15em;
		margin:auto 0 auto auto;
	}
	*/
	#hero > div.hero_visual .caption p.primary{
		font-size:20px;
	}
	#hero > div.hero_visual .caption p.secondary{
		font-size:12px;
	}
	#hero > div.hero_visual .appeal .superior{
		width:94%;
		margin:0 0 1.15em 0;
	}
	#hero > div.hero_visual .appeal .superior ul{
		background:#fff;
		border-radius:15px;
		box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.09);
		padding:1.15em 0.65em;
		gap:0;
	}
	#hero > div.hero_visual .appeal .superior ul > li{
		flex:0 0 calc(100% / 3);
		flex-wrap:wrap;
		background:transparent;
		border-radius:0;
		box-shadow:none;
		padding:0;
		margin:0;
	}
	#hero > div.hero_visual .appeal .superior ul > li + li{
		border-left:1px dotted rgba(0,0,0,0.15);
	}
	#hero > div.hero_visual .appeal .superior ul > li > p{
		font-size:10px;
		text-align:center;
		white-space:normal;
		margin-top:0.45em;
	}
	#hero > div.hero_visual .appeal .superior ul > li > p > span{
		font-size:12px;
	}
	#hero > div.hero_visual .appeal .superior ul > li > i{
		width:100%;
		padding:0;
		margin:0;
	}
	#hero > div.hero_visual .appeal .superior ul > li > i img{
		width:25px;
		min-width:25px;
	}
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	#hero > div.hero_visual .swiper-slide img.under_panel{
		transform:translateX(-6.5%) scale(1.25);
	}
	#hero > div.hero_visual .swiper-slide[class*=-active] img.under_panel,
	#hero > div.hero_visual .swiper-slide[class*=-prev] img.under_panel{
		animation:hero_animation_in_sp 15s linear 0s normal both;
	}
}
@keyframes hero_animation_in_sp{
	0%{
		transform:translateX(-5.5%) scale(1.25);
	}
	100%{
		transform:translateX(-5.5%) scale(1);
	}
}

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

.ark-block-heading{
	margin-bottom:4.5rem;
}
.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:var(--ark-color--text);
	font-family:"Noto Serif JP", serif;
	font-size:2.55rem;
	font-weight:600;
	line-height:1.5;
	letter-spacing:0.05em;
	margin:0.35em 0;
}
.ark-block-heading .ark-block-heading__sub{
	/*color:var(--ark-color--text);*/
	color:var(--wp--preset--color--arkb-color-02);
	font-size:1.05rem;
	font-weight:600;
	line-height:var(--ark-line_height);
	opacity:1;
	margin:0.35em 0;
}
.ark-block-heading .ark-block-heading__line,
.ark-block-heading[data-sub=top] .ark-block-heading__line,
.ark-block-heading[data-sub=bottom] .ark-block-heading__line{
	margin:1.95em 0;
}
.ark-block-heading .ark-block-heading__line:before{
	width:4.5em;
	height:1px;
	/*background-color:var(--wp--preset--color--arkb-color-01);*/
	/*background-color:var(--ark-color--text);*/
	background-color:#000;
	opacity:1;
}
/* mobile, 600px 以下 */
@media not all and (min-width: 600px){
	.ark-block-heading{
		margin-bottom:2.45em;
	}
	.ark-block-heading .ark-block-heading__main{
		font-size:1.60rem;
	}
	.ark-block-heading .ark-block-heading__sub{
		font-size:1.15rem;
	}
	.ark-block-heading ~ p br{
		display:none;
	}
	.ark-block-heading ~ p,
	.ark-block-heading ~ p.has-text-align-center{
		text-align:left;
	}
}

/*******************************
/* Arkhe［ブロック］：説明リスト
 * ark-block-dl
*******************************/

.ark-block-dl__dt{
	font-weight:600;
}

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

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

/*******************************
/* archive
*******************************/

body.blog .l-main,
body.archive .l-main,
body.archive .l-sidebar,
body.single .l-main,
body.single .l-sidebar{
	padding-bottom:4.5em;
}
body.archive .p-postList__title,
body.archive .c-bottomSection__title{
	font-weight:500;
}
body.single .c-pageTitle__main,
body.archive .c-pageTitle__main,
body.single .c-bottomSection__title,
body.archive .c-bottomSection__title{
	font-family:"Google Sans","Noto Sans JP","Helvetica Neue","Arial","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
	font-size:1.30rem;
	font-weight:500;
}
.c-postThumb__figure{
	border:1px solid var(--ark-color--border, #ddd);
}
.p-archive__title,
.p-page__title{
	margin-bottom:1.5rem;
}
.p-postList .p-postList__title{
	font-size:0.95rem;
	font-weight:500;
}
/* mobile   ---------------------------------- */
@media not all and (min-width: 600px){
	.p-postList .p-postList__title,
	.p-postList.-type-list .p-postList__title{
		font-size:0.95rem;
		font-weight:500;
	}
}

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

#sidebar{}
#sidebar .wp-block-heading{
	font-size:1.10rem;
	font-weight:500;
}
#sidebar .wp-block-heading a{
	color:var(--ark-color_text);
	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 var(--ark-color--border, #ddd);
}
#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/2026/04/arkhe-noimg.png);
	background-size:cover;
	background-position:center;
	border:1px solid var(--ark-color--border, #ddd);
}
#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;
}

/*******************************
/* #footer_cta
*******************************/

#footer_cta{
	position:fixed;
	left:1.15rem;
	bottom:1.15rem;
	z-index:1;
	transition:all 0.4s;
}
#footer_cta.hide,
#footer_cta.hide.action{
	bottom:-200px;
}
#footer_cta.action{
	bottom:0;
	transform:translateY(calc(100% - 50px));
}
#footer_cta .footer_cta_container{
	background:#fff;
	border:1px solid rgba(0,0,0,0.15);
	border-radius:15px;
	overflow:hidden;
}
#footer_cta .footer_cta_container > .head{
	position:relative;
}
#footer_cta .footer_cta_container > .head > h2{
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:50px;
	background:var(--wp--preset--color--arkb-color-02);
	color:#fff;
	font-size:1.1rem;
	font-weight:600;
	text-align:center;
	padding:0.65em 3.15em;
}
#footer_cta #footer_cta_trigger{
	position:absolute;
	top:50%;
	right:0.65em;
	transform:translateY(-50%);
	cursor:pointer;
}
#footer_cta.action #footer_cta_trigger{
	width:100%;
	text-align:right;
}
#footer_cta .footer_cta_container > .head #footer_cta_trigger i{
	display:none;
	color:#fff;
	font-size:1.45rem;
}
#footer_cta:not(.action) .footer_cta_container > .head #footer_cta_trigger i.open{
	display:block;
}
#footer_cta.action .footer_cta_container > .head #footer_cta_trigger i.close{
	display:block;
}
#footer_cta .footer_cta_container > .body{
	max-width:540px;
	max-height:200px;
	display:grid;
	grid-template-areas:
		"tel line"
		"tel mail"
	;
	padding:0.95em 1.95em;
	white-space:nowrap;
	overflow:hidden;
	opacity:1;
	transition:all 0.4s;
}
#footer_cta.action .footer_cta_container > .body{
	max-width:0;
	max-height:0;
	opacity:0;
}
#footer_cta .footer_cta_container > .body > .to_tel{
	grid-area:tel;
	align-content:center;
	margin-right:1.45em;
}
#footer_cta .footer_cta_container > .body > .to_tel a{
	display:inline-flex;
	align-items:baseline;
	color:var(--ark-color--header_txt);
	font-family:"Google Sans", sans-serif;
	font-weight:700;
	font-size:2.15rem;
	line-height:1;
}
#footer_cta .footer_cta_container > .body > .to_tel a::before{
	content:"TEL";
	font-size:1.55rem;
	margin-right:0.15em;
}
#footer_cta .footer_cta_container > .body > .to_tel p.label{
	color:var(--wp--preset--color--arkb-color-02);
	font-size:0.85rem;
	font-weight:700;
	text-align:center;
	margin-top:0.45em;
}
#footer_cta .footer_cta_container > .body > .to_tel p.label > span{
	margin:0 0.15em;
}
#footer_cta .footer_cta_container > .body > .to_button{}
#footer_cta .footer_cta_container > .body > .to_button + .to_button{
	margin-top:0.45em;
}
#footer_cta .footer_cta_container > .body > .to_button > p{}
#footer_cta .footer_cta_container > .body > .to_button > p > a{
	display:block;
	color:#fff;
	font-size:0.95rem;
	border-radius:6px;
	padding:0.65em 1.15em;
}
#footer_cta .footer_cta_container > .body > .to_button > p > a > span.label{
	display:flex;
	align-items:center;
}
#footer_cta .footer_cta_container > .body > .to_button > p > a > span.label > i{
	font-size:1.25rem;
	text-align:center;
}
#footer_cta .footer_cta_container > .body > .to_button > p > a > span.label > span{
	flex:auto;
	text-align:center;
	margin-left:0.65em;
}
#footer_cta .footer_cta_container > .body > .to_line{
	grid-area:line;
}
#footer_cta .footer_cta_container > .body > .to_line a{
	background:#1eaa41;
}
#footer_cta .footer_cta_container > .body > .to_mail{
	grid-area:mail;
}
#footer_cta .footer_cta_container > .body > .to_mail a{
	background:#5f503c;
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	#footer_cta{
		width:auto;
	}
	#footer_cta:not(.action){
		width:calc(100% - (1.15rem * 2));
	}
	#footer_cta.action{
		transform:translateY(calc(100% - 40px));
	}
	#footer_cta .footer_cta_container > .head > h2{
		min-height:40px;
		font-size:15px;
	}
	#footer_cta .footer_cta_container > .body{
		max-height:none;
		grid-template-areas:
			"tel tel"
			"line mail"
		;
		gap:0.25em 0.25em;
		padding:0.65em 0.95em;
	}
	#footer_cta .footer_cta_container > .body > .to_tel{
		text-align:center;
		margin:0;
	}
	#footer_cta .footer_cta_container > .body > .to_tel a{
		font-size:1.65rem;
		margin:0.15em 0;
	}
	#footer_cta .footer_cta_container > .body > .to_tel a::before{
		font-size:1.25rem;
	}
	#footer_cta .footer_cta_container > .body > .to_button > p > a{
		font-size:12px;
	}
	#footer_cta .footer_cta_container > .body > .to_button,
	#footer_cta .footer_cta_container > .body > .to_button + .to_button{
		margin-top:0;
	}
}

/*******************************
/* p-authorBox
*******************************/

.p-authorBox{
	background:#f9f6f3;
	border-radius:15px;
	padding:1.95em 1.95em;
}
.p-authorBox__name{
	font-size:1.05rem;
	font-weight:500;
}
.p-authorBox__position{
	opacity:1;
}
.p-authorBox__description{
	font-size:0.95rem;
	line-height:1.95;
	margin-top:0.45em;
	opacity:1;
}
.p-authorBox__links a{
	color:var(--ark-color--text);
}
.p-authorBox__weblink .arkhe-svg-link{
	margin-right:0.45em;
}
.p-authorBox__archivelink a{
	background-color:#5f503c;
	color:#fff;
	border:none;
	opacity:1;
}

/*******************************
/* p-fixBtnWrap
*******************************/

.p-fixBtnWrap{
	right:2%;
	bottom:2%;
}
.c-fixBtn{
	border-radius:50%;
}
/* mobile	---------------------------------- */
@media not all and (min-width: 600px){
	.p-fixBtnWrap{
		right:1%;
		bottom:1%;
	}
}

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