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

@import url('root.css');

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

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

	font-family:"M PLUS Rounded 1c", sans-serif;
	100,300,400,500,700,800,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［ユーティリティクラス］
 * 詳しくは、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;
	}
}

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

.l-header{
	background:transparent;
}
.l-header__center{
	padding:0;
}
.l-header__body{
	width:100%;
	max-width:100%;
	padding:0;
	margin:0;
}
.l-header__logo{
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	background-image:url(
		'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 230"><path fill="red" d="M0,230c78-171,226-44.8,353-88,64.2-21.8,83-92.4,53-142H0v230Z"/></svg>'
	);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top left;
	aspect-ratio:42/23;
	transition:all 0.3s, transform 0.6s 0.3s;
	transform-origin:0 0;
}
@media (hover: hover) and (pointer: fine) {
	.l-header__logo:has( > a:hover ):hover{
		background-image:url(
			'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 230"><path fill="aqua" d="M0,230c78-171,226-44.8,353-88,64.2-21.8,83-92.4,53-142H0v230Z"/></svg>'
		);
	}
}
[data-scrolled=false] .l-header__logo{}
[data-scrolled=true] .l-header__logo{
	transform:scale(0.65);
}
.l-header__logo.has-text{
	flex-direction:column;
	align-items:flex-start;
}
.l-header__logo.has-text::before{
	content:"皆様の笑顔の明日へ";
	color:var(--color-sub-01);
	font-family:"Kosugi Maru", "Noto Sans JP", sans-serif;
	font-size:1.10rem;
	font-weight:400;
	line-height:1;
	padding:1.5rem 0 0 3.5rem;
}
.l-header__logo.has-text .c-headLogo{
	display:flex;
	align-items:center;
	color:red;
	font-size:0;
	padding:3.5rem 3.5rem 4.0rem 3.5rem;
	margin-top:-2.5rem;
}
.l-header__logo.has-text .c-headLogo::before,
.l-header__logo.has-text .c-headLogo::after{
	color:yellow;
	font-weight:800;
	line-height:1;
}
.l-header__logo.has-text .c-headLogo::before{
	content:"株式会社";
	font-size:1.55rem;
	margin:0 0.25em -0.25em 0;
}
.l-header__logo.has-text .c-headLogo::after{
	content:"リーメイズ";
	font-size:2.65rem;
}
@media (hover: hover) and (pointer: fine) {
	.l-header__logo.has-text .c-headLogo:hover::before,
	.l-header__logo.has-text .c-headLogo:hover::after{
		color:var(--color-pink-01);
	}
	.l-header__logo.has-text:has( > a:hover ):before{
		color:yellow;
	}
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.l-header__body{
		position:static;
		width:auto;
		flex:0 0 auto !important;
		grid-template-areas:none !important;
		grid-template-columns:none !important;
	}
	.l-header__logo.has-text{
		justify-content:flex-start;
	}
	.l-header__logo.has-text::before{
		font-size:1.05rem;
		padding:1.15rem 0 0 1.5rem;
	}
	.l-header__logo.has-text .c-headLogo{
		padding:3.0rem 3.5rem 4.0rem 1.5rem;
	}
	.l-header__logo.has-text .c-headLogo::before{
		font-size:1.15rem;
	}
	.l-header__logo.has-text .c-headLogo::after{
		font-size:1.65rem;
	}
}

/*******************************
/* .l-header__drawerBtn
 * .p-drawer
*******************************/

.l-header__drawerBtn{
	position:fixed;
	left:0;
	bottom:0;
	width:55px;
	height:55px;
	background:red;
	border-radius:50%;
	margin:0 0 1.0em 1.0em;
}
.l-header__drawerBtn .c-iconBtn__icon{
	width:25px;
	height:25px;
	font-size:25px;
}
.p-drawer{
	background:var(--wp--preset--color--arkb-color-05);
	padding:2.5em 0 0 0;
}
.p-drawer__close{
	color:var(--wp--preset--color--arkb-color-03);
}
.c-drawerNav,
.c-drawerNav .menu-item,
.c-drawerNav .sub-menu{
	border-color:var(--wp--preset--color--arkb-color-03);
}
.c-drawerNav__a{
	color:yellow;
}

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

.c-gnav{
	position:fixed;
	top:2.0em;
	right:2.0em;
	z-index:5;
	height:auto;
	background:var(--color-pink-01);
	border-radius:999px;
	padding:0 1.5em;
	transition:all 0.4s, transform 0.8s, border-radius 0.4s 0.2s;
	transform-origin:top right;
}
.c-gnav__li > .c-gnav__a{
	padding:1.30em 0.5em;
}
@media (hover: hover) and (pointer: fine) {
	.c-gnav__li > .c-gnav__a:hover{
		color:var(--color-sub-01);
		opacity:1;
	}
}
[data-scrolled=false] .c-gnav{
	visibility:hidden;
	opacity:0;
	top:0;
}
[data-scrolled=true] .c-gnav{
	visibility:visible;
	opacity:1;
	transition:all 0.5s;
}
body:not(.home) .c-gnav{
	top:2.0em;
}
[data-scrolled=false] body:not(.home) .c-gnav{
	visibility:visible;
	opacity:1;
}
[data-scrolled=true] body:not(.home) .c-gnav{
	top:0;
	right:0;
	border-radius:999px 0 999px 999px;
	transform:scale(0.9);
}
.c-gnav__li .__mainText,
.c-gnav__li .__subText{
	color:#fff;
	transition:all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
	.c-gnav__a:focus > .__mainText,
	.c-gnav__a:hover > .__mainText{
		color:yellow;
	}
	.c-gnav > .c-gnav__li.focus > .c-gnav__a > .__mainText,
	.c-gnav > .c-gnav__li:hover > .c-gnav__a > .__mainText{
		color:var(--color-sub-01);
	}
}
.c-gnav .sub-menu,
.c-gnav__depth1:before{
	background-color:var(--color-sub-02);
}
.c-submenuToggleBtn{
	border-radius:50%;
	background:var(--color-sub-01) !important;
}
.c-submenuToggleBtn:after{
	content:none;
}
@media (hover: hover) and (pointer: fine) {
	.c-submenuToggleBtn:hover,
	.c-submenuToggleBtn:focus{
		outline:none;
	}
}
.c-submenuToggleBtn .c-submenuToggleBtn__svg{
	fill:red;
	padding:15%;
}


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

.l-footer{}
.l-footer .l-footer__widgets{
	padding:0;
}
.l-footer .l-footer__widgets > .l-container{
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
.l-footer .l-footer__widgets > .l-container .w-footer.-widget1{
	flex:0 0 300px;
}
.l-footer .l-footer__widgets > .l-container .w-footer.-widget2{
	flex:0 0 60%;
}
.l-footer .footer_logo_marks{}
.l-footer .footer_logo_marks a{
	display:block;
	border:5px solid #fff;
	box-shadow:15px 15px 0px 0px yellow;
	margin:0 15px 15px 0;
	transition:all 0.2s;
}
@media (hover: hover) and (pointer: fine) {
	.l-footer .footer_logo_marks a:hover{
		box-shadow:-15px -15px 0px 0px aqua;
		opacity:1;
		margin:15px 0 0 15px;
	}
}
.l-footer .footer_logo_marks img{}
.l-footer .footer_company_name{}
.l-footer .footer_company_name p{
	color:var(--color-sub-01);
	font-family:"Kosugi Maru", "Noto Sans JP", sans-serif;
	font-size:1.1rem;
	font-weight:400;
}
.l-footer .footer_company_name h1{
	color:yellow;
	display:flex;
	align-items:center;
	font-weight:800;
	margin-top:0.45em;
}
.l-footer .footer_company_name h1 i{
	font-size:1.65rem;
	line-height:1;
	margin:0 0.25em -0.25em 0;
}
.l-footer .footer_company_name h1 span{
	font-size:2.65rem;
	line-height:1;
}
.l-footer .footer_menu{}
.l-footer .footer_menu .wp-block-list{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:0;
}
.l-footer .footer_menu .wp-block-list li{
	list-style:none;
}
.l-footer .footer_menu .wp-block-list li + li::before{
	content:"／";
	margin:0 1.0em;
}
.l-footer .footer_menu .wp-block-list li a{
	display:inline-block;
	color:#fff;
	font-family:"Kosugi Maru", "Noto Sans JP", sans-serif;
	font-size:0.90rem;
	padding:0.45em 0;
}
@media (hover: hover) and (pointer: fine) {
	.l-footer .footer_menu .wp-block-list li a:hover{
		color:aqua;
		opacity:1;
	}
}
.l-footer .footer_menu .sns{}
.l-footer .footer_menu .sns a{}
@media (hover: hover) and (pointer: fine) {
	.l-footer .footer_menu .sns a:hover{
		background:var(--color-sub-02);
		border-color:var(--color-sub-02);
		opacity:1;
	}
}
.l-footer__foot{
	background:var(--wp--preset--color--arkb-color-07);
	padding:0.5em 0;
	margin-top:4.5em;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.l-footer{
		padding-top:5.5em;
	}
	.l-footer .footer_logo_marks a{
		display:inline-block;
		width:40vw;
		/*
		border-width:2px;
		box-shadow:5px 5px 0px 0px yellow;
		*/
		margin:0 5px 5px 0;
	}
	.l-footer .footer_company_name p{
		font-size:0.95rem;
		text-align:center;
	}
	.l-footer .footer_company_name h1{
		justify-content:center;
	}
	.l-footer .footer_company_name h1 i{
		font-size:1.35rem;
	}
	.l-footer .footer_company_name h1 span{
		font-size:2.05rem;
	}
	.l-footer .footer_menu{
		flex-wrap:wrap;
	}
	.l-footer .footer_menu > *{
		flex:0 0 100%;
	}
	.l-footer .footer_menu .wp-block-list{
		justify-content:center;
	}
	.l-footer .footer_menu .wp-block-list li + li::before{
		content:none;
	}
	.l-footer .footer_menu .wp-block-list li a{
		padding:0.5em 1.0em;
	}
}

/*******************************
/* .l-content
*******************************/

.l-content{
	background:yellow;
}
.l-content__body{
	margin:0 auto;
}

/*******************************
/* #top_title_area
*******************************/

#top_title_area{
	display:none;
}

/*******************************
/* l-main
*******************************/

.l-main{}
body.page:not(.home) .l-main{
	margin-top:180px;
}
body.blog .l-main,
body.single .l-main,
body.archive .l-main{
	max-width:740px;
	padding-bottom:110px;
	margin:0 auto;
}

/*******************************
/* header / single / archive
*******************************/

body.home .l-header__bar,
body.page .l-header__bar{
	display:none;
}
body:not(.home):not(.page) .l-header{
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
body:not(.home):not(.page) .l-header > .l-header__bar{
	flex:0 0 100%;
	order:2;
	background:yellow;
}
body:not(.home):not(.page) .l-header > .l-header__body{
	flex:0 0 100%;
	order:1;
}
body:not(.home):not(.page) .l-header__bar .l-header__barInner{
	display:block;
}

/* include-header-bar */

.include-header-bar{
	min-height:255px;
	padding-bottom:45px;
	margin-top:180px;
	overflow:hidden;
}
.include-header-bar .ark-block-heading .ark-block-heading__sub{
	text-transform:uppercase;
}

@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	body:not(.home):not(.page) .l-header{
		position:static;
	}
	body:not(.home):not(.page) .l-header > .l-header__bar{
		display:block;
		position:relative;
	}
	.include-header-bar{
		position:relative;
		z-index:0;
		min-height:125px;
		padding-bottom:25px;
		margin-top:150px;
	}
}

/*******************************
/* archive / blog
*******************************/

body.archive{}
body.blog{}
body.archive .c-pageTitle,
body.blog .c-pageTitle,
body.blog .c-postContent{
	display:none;
}
body.archive ul.p-postList,
body.blog ul.p-postList{
	display:flex;
	flex-wrap:wrap;
	gap:1.0em;
}
body.archive li.p-postList__item,
body.blog li.p-postList__item{
	flex:0 0 100%;
}
body.archive .p-postList__item a.p-postList__link,
body.blog .p-postList__item a.p-postList__link{
	display:flex;
	justify-content:space-between;
	height:100%;
	background:#fff;
	border-radius:20px;
	box-shadow:10px 10px 0px 0px aqua;
	padding:1.0em 2.5em;
	margin:0 10px 10px 0;
	transition:all 0.2s;
}
@media (hover: hover) and (pointer: fine) {
	body.archive .p-postList__item a.p-postList__link:hover,
	body.blog .p-postList__item a.p-postList__link:hover{
		box-shadow:-10px -10px 0px 0px var(--wp--preset--color--arkb-color-03);
		margin:10px 0 0 10px;
		opacity:1;
	}
	body.archive .p-postList__item a.p-postList__link:hover > *,
	body.blog .p-postList__item a.p-postList__link:hover > *{
		opacity:1;
	}
}
body.archive li.p-postList__item .p-postList__body,
body.blog li.p-postList__item .p-postList__body{
	display:flex;
	flex-direction:column;
}
body.archive li.p-postList__item .p-postList__body .p-postList__title,
body.blog li.p-postList__item .p-postList__body .p-postList__title{
	order:2;
    font-family: "Kosugi Maru", "Noto Sans JP", sans-serif;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.8;
}
body.archive li.p-postList__item .p-postList__body .p-postList__meta,
body.blog li.p-postList__item .p-postList__body .p-postList__meta{
	order:1;
}
body.archive li.p-postList__item .p-postList__body .p-postList__meta .c-postTimes__item,
body.blog li.p-postList__item .p-postList__body .p-postList__meta .c-postTimes__item{
	color:var(--wp--preset--color--arkb-color-03);
	font-family:"Cherry Bomb One", system-ui;
	font-size:1.25rem;
	font-weight:400;
	line-height:1;
	padding:0.5em 0;
}
body.archive li.p-postList__item .p-postList__body .p-postList__meta .c-postTimes__item svg,
body.blog li.p-postList__item .p-postList__body .p-postList__meta .c-postTimes__item svg{
	display:none;
}
body.archive li.p-postList__item .p-postList__thumb,
body.blog li.p-postList__item .p-postList__thumb,
body.archive li.p-postList__item .c-postThumb__figure,
body.blog li.p-postList__item .c-postThumb__figure{
	width:160px;
	max-width:160px;
	height:160px;
	border-radius:50%;
	margin-right:1.0em;
}
body.archive li.p-postList__item .p-postList__thumb:before,
body.blog li.p-postList__item .p-postList__thumb:before{
	content:none;
}
@media (hover: hover) and (pointer: fine) {
	body.archive li.p-postList__item .p-postList__link:hover .c-postThumb__img,
	body.blog li.p-postList__item .p-postList__link:hover .c-postThumb__img{
		transform:scale(1.35);
	}
}
body.archive li.p-postList__item .c-postThumb__figure,
body.blog li.p-postList__item .c-postThumb__figure{
	border:5px solid yellow;
}
@media (hover: hover) and (pointer: fine) {
	body.archive li.p-postList__item .p-postList__link:hover .c-postThumb__figure,
	body.blog li.p-postList__item .p-postList__link:hover .c-postThumb__figure{
		border:5px solid aqua;
	}
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	body.archive ul.p-postList,
	body.blog ul.p-postList{
		gap:0;
	}
	body.archive li.p-postList__item,
	body.blog li.p-postList__item{
		min-height:130px;
	}
	body.archive li.p-postList__item .p-postList__body .p-postList__title,
	body.blog li.p-postList__item .p-postList__body .p-postList__title{
		font-size:1.0rem;
	}
	body.archive li.p-postList__item .p-postList__body .p-postList__meta,
	body.blog li.p-postList__item .p-postList__body .p-postList__meta{
		margin-top:0.5em;
	}
	body.archive .p-postList__item a.p-postList__link,
	body.blog .p-postList__item a.p-postList__link{
		padding:1.0em 1.0em;
	}
	body.archive li.p-postList__item .p-postList__thumb,
	body.blog li.p-postList__item .p-postList__thumb,
	body.archive li.p-postList__item .c-postThumb__figure,
	body.blog li.p-postList__item .c-postThumb__figure{
		width:24.5vw;
		max-width:24.5vw;
		height:24.5vw;
	}
	body.archive li.p-postList__item .p-postList__body,
	body.blog li.p-postList__item .p-postList__body{
		padding-left:0;
	}
	body.archive li.p-postList__item .p-postList__body .p-postList__meta .c-postTimes__item,
	body.blog li.p-postList__item .p-postList__body .p-postList__meta .c-postTimes__item{
		font-size:0.95rem;
		padding:0.25em 0;
	}
}

/*******************************
/* single
*******************************/

body.single{}
body.single .c-pageTitle__main{
	color:red;
	font-family:"Kosugi Maru", "Noto Sans JP", sans-serif;
	font-size:1.65rem;
	font-weight:400;
	line-height:1.5;
}
body.single .l-main__body{
	background:#fff;
	border-radius:20px;
	box-shadow:10px 10px 0px 0px aqua;
	padding:3.5em 4.0em 2.0em 4.0em;
}
body.single .l-main__body a{
	color:red;
}
body.single .l-main__body .c-postTimes{
	margin-left:auto;
}
body.single .l-main__body .c-postContent{
	font-size:1.05rem;
	margin-top:2.0rem;
}
body.single .l-main__body .c-pnNav{
	border-top:1px solid var(--wp--preset--color--arkb-color-03);
	padding-top:1.0em;
}
body.single .l-main__body .c-pnNav__title{
	line-height:1.5;
}
body.single .l-main__body .c-pnNav__link{
	color:var(--wp--preset--color--arkb-color-05);
	font-family:"Kosugi Maru", "Noto Sans JP", sans-serif;
	font-size:0.80rem;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	body.single .l-main__body{
		padding:3.0em 1.65em 1.0em 1.65em;
	}
	body.single .c-pageTitle__main{
		font-size:1.20rem;
	}
	body.single .l-main__body .c-postContent{
		font-size:0.95rem;
	}
}

/*******************************
/* .page-numbers
*******************************/

.page-numbers,
.post-page-numbers{
	background-color:var(--wp--preset--color--arkb-color-05);
	color:#fff;
	border-radius:5px;
}
.page-numbers:not(.dots).current,
.page-numbers:not(.dots).current:hover,
.post-page-numbers:not(.dots):hover,
.post-page-numbers:not(.dots).current{
	background-color:var(--wp--preset--color--arkb-color-03);
}
.page-numbers:not(.dots):hover{
	background-color:red;
}
.pagination .page-numbers.dots{
	opacity:1;
}


/*******************************
/* #breadcrumb
*******************************/

#breadcrumb{
	display:none;
}
.l-content > #breadcrumb{
	background:yellow;
}
.l-content ~ #breadcrumb{
	background:var(--color-pink-01);
}

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

.ark-block-heading{}
.ark-block-heading .ark-block-heading__main{
	color:var(--color-sub-02);
	font-family:"Dela Gothic One", sans-serif;
	font-size:2.5rem;
	font-weight:400;
	line-height:1.5;
	text-align:center;
}
.ark-block-heading .ark-block-heading__sub{
	color:var(--color-pink-01);
	font-family:"Cherry Bomb One", system-ui;
	font-size:4.0rem;
	font-weight:400;
	line-height:1.5;
	text-align:center;
	white-space:nowrap;
	margin-bottom:0.25em;
}
.ark-block-heading .ark-block-heading__line{}

/* linea 有 */

.ark-block-heading:has(.ark-block-heading__line){
	display:flex;
	flex-direction:column;
}
.ark-block-heading:has(.ark-block-heading__line) .ark-block-heading__main{
	display:flex;
	justify-content:center;
	align-items:center;
	order:2;
	z-index:1;
	color:var(--color-sub-02);
	font-size:2.5rem;
	margin-top:-13.0rem;
}
.ark-block-heading:has(.ark-block-heading__line) .ark-block-heading__main::before,
.ark-block-heading:has(.ark-block-heading__line) .ark-block-heading__main::after{
	content:"";
	width:3.0em;
	height:3.0em;
	background-image:url("images/decoration_parts_01.svg");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}
.ark-block-heading:has(.ark-block-heading__line) .ark-block-heading__main::before{
	transform:rotate(-30deg);
	margin-right:0.5em;
}
.ark-block-heading:has(.ark-block-heading__line) .ark-block-heading__main::after{
	transform:rotate(30deg);
	margin-left:0.5em;
}
.ark-block-heading:has(.ark-block-heading__line) .ark-block-heading__sub{
	order:1;
	min-height:15.5rem;
	color:#fff;
	font-size:13.5rem;
	line-height:1;
	text-align:center;
	opacity:1;
}
.ark-block-heading:has(.ark-block-heading__line) .ark-block-heading__line{
	display:none;
}

/* linea 無, data-sub=top */

.ark-block-heading[data-sub=top]:not(:has(.ark-block-heading__line)){}
.ark-block-heading[data-sub=top]:not(:has(.ark-block-heading__line)) .ark-block-heading__main{
	color:var(--color-pink-01);
	display:flex;
	justify-content:center;
	align-items:center;
}
.ark-block-heading[data-sub=top]:not(:has(.ark-block-heading__line)) .ark-block-heading__main::before,
.ark-block-heading[data-sub=top]:not(:has(.ark-block-heading__line)) .ark-block-heading__main::after{
	content:"●";
	color:var(--color-sub-01);
	font-family:"Noto Sans JP", sans-serif;
	font-size:50%;
	margin:0.25em 1.0em 0 1.0em;
}
.ark-block-heading[data-sub=top]:not(:has(.ark-block-heading__line)) .ark-block-heading__sub{
	color:red;
	font-size:4.5rem;
	line-height:1;
	text-shadow:5px 5px 0px var(--color-sub-01);
}

/* linea 無, data-sub=bottom */

.ark-block-heading[data-sub=bottom]:not(:has(.ark-block-heading__line)){}
.ark-block-heading[data-sub=bottom]:not(:has(.ark-block-heading__line)) .ark-block-heading__main{}
.ark-block-heading[data-sub=bottom]:not(:has(.ark-block-heading__line)) .ark-block-heading__sub{}

@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.ark-block-heading ~ p.has-text-align-center{
		text-align:left;
	}
	.ark-block-heading .ark-block-heading__main{
		font-size:2.15rem;
	}
	.ark-block-heading .ark-block-heading__sub{
		font-size:2.15rem;
	}
	.ark-block-heading:has(.ark-block-heading__line) .ark-block-heading__main{
		font-size:2.05rem;
		margin-top:-14.5rem;
	}
	.ark-block-heading:has(.ark-block-heading__line) .ark-block-heading__main::before,
	.ark-block-heading:has(.ark-block-heading__line) .ark-block-heading__main::after{
		width:2.0em;
		height:2.0em;
	}
	.ark-block-heading:has(.ark-block-heading__line) .ark-block-heading__sub{
		font-size:5.25rem;
	}
	.ark-block-heading[data-sub=top]:not(:has(.ark-block-heading__line)) .ark-block-heading__sub{
		font-size:2.25rem;
	}
}

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

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



/*******************************
/* parts
*******************************/

/* parts-wave-primary */

.parts-wave-primary{
	position:relative;
	overflow:hidden;
}
.parts-wave-primary > div{
	width:110%;
	margin:0 -5% -10px -5%;
}
.parts-wave-primary svg{
	width:100%;
	height:100%;
	aspect-ratio:51/5;
	vertical-align:bottom;
}
.parts-wave-primary.type-01 svg{}
.parts-wave-primary.type-02 svg{
	transform:scale(-1,1);
}
.parts-wave-primary.pink 	svg{fill:var(--color-pink-01);}
.parts-wave-primary.green	svg{fill:var(--color-sub-01);}
.parts-wave-primary.red		svg{fill:red;}
.parts-wave-primary.yellow	svg{fill:yellow;}
.parts-wave-primary.aqua	svg{fill:aqua;}
.parts-wave-primary.bk_pink 	{background-color:var(--color-pink-01);}
.parts-wave-primary.bk_green	{background-color:var(--color-sub-01);}
.parts-wave-primary.bk_red		{background-color:red;}
.parts-wave-primary.bk_yellow	{background-color:yellow;}
.parts-wave-primary.bk_aqua		{background-color:aqua;}


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

.p-fixBtnWrap{
	transition:opacity 0.5s 0.5s , visibility 0.5s 0.5s;
}
#pagetop.c-fixBtn{
	background-color:var(--color-sub-02);
	border-radius:50%;
	box-shadow:none;
	opacity:1;
	transition:all 0.3s;
}
#pagetop.c-fixBtn:hover{
	background-color:red;
	opacity:1;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.p-fixBtnWrap{
		right:1.0em;
		bottom:1.0em;
	}
	#pagetop.c-fixBtn{
		width:40px;
		height:40px;
	}
}

/*******************************
/* theme-contact-form
*******************************/

.theme-contact-form{}
.theme-contact-form .theme-contact-form-list{}
.theme-contact-form .theme-contact-form-list > div{
	display:flex;
	justify-content:space-between;
}
.theme-contact-form .theme-contact-form-list > div + div{
	margin-top:1.0em;
}
.theme-contact-form .theme-contact-form-list > div > dt{
	flex:0 0 30%;
}
.theme-contact-form .theme-contact-form-list > div > dd{
	flex:0 0 65%;
}
.theme-contact-form .theme-contact-form-list > div > dt span{
	display:block;
	text-align:right;
}
.theme-contact-form .theme-contact-form-list > div > dt span.required{}
.theme-contact-form .theme-contact-form-list > div > dt span.required::after{
	content:"※";
	color:red;
	font-size:0.8rem;
	vertical-align:top;
	margin-left:0.25em;
}
.theme-contact-form .theme-contact-form-list > div > dd input,
.theme-contact-form .theme-contact-form-list > div > dd textarea{
	width:85%;
}
.theme-contact-form .theme-contact-form-list > div > dd textarea{
	height:10em;
}
.theme-contact-form .theme-contact-form-submit{
	text-align:center;
	margin-top:1.5em;
}
.theme-contact-form .theme-contact-form-submit input[type=submit]{
	background:var(--color-sub-02);
	color:#fff;
	font-family:"Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica", "Arial", sans-serif;
	width:80px;
	height:80px;
	border-radius:50%;
	padding:1.0em 1.5em;
}
.theme-contact-form .wpcf7-spinner{
	display:block;
	margin:0.5em auto;
}
.theme-contact-form .wpcf7-response-output{
	margin-top:0;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.theme-contact-form .theme-contact-form-list{
		width:80%;
		margin:0 auto;
	}
	.theme-contact-form .theme-contact-form-list > div{
		display:block;
	}
	.theme-contact-form .theme-contact-form-list > div > dt span{
		text-align:left;
	}
	.theme-contact-form .theme-contact-form-list > div > dd input,
	.theme-contact-form .theme-contact-form-list > div > dd textarea{
		width:100%;
	}
}