@charset "utf-8";
/*
extra css name: css-template
for template: page
Author: wp.theme.builder.01
*/
/* ---------- カスタムプロパティ宣言 ---------- */
:root	{
	--site-width: 1000px;
	--site-width-padding: 40px;
	--scroll-bar-width: 17px;
	--site-width-media-query: 1057px;
	--font-family-theme: "Noto Sans JP";
	--font-family-theme2: ;
	--semi-bold: 700;
	--extra-bold: 700;
	--bold: 700;
	--color-default: #222;
	--color-theme: #ffb82b;
	--color-theme2: #21a8da;
	--color-theme3: #fbe8cf;
	--color-theme4: #ddf2f9;
	--color-white: #FFF;
	--color-red: #d93600;
	--color-gray: #999;
	--color-light-gray: #CCC;
	--color-extra-light-gray: #EEE;
}
/* ---------- フォントファミリー ---------- */
html, button, input, select, textarea	{
	font-family: -apple-system, BlinkMacSystemFont, Geneva, Arial, Helvetica, "Yu Gothic", YuGothic, Meiryo, sans-serif;
	font-family: "Noto Sans JP", sans-serif;
}
.slug, .span-slug	{
	font-family: -apple-system, BlinkMacSystemFont, Geneva, Arial, Helvetica, sans-serif;
	font-family: 'Barlow', sans-serif;
}
.span-mincho	{
	font-family: "Yu Mincho", Yu Mincho, serif;
}
.font-family-theme	{
	font-family: var( --font-family-theme );
}
.font-family-theme2	{
	font-family: var( --font-family-theme2 );
}
.color-red{
color: var( --color-red );
}
/* ---------- ベースサイズ（rem % 指定） ---------- */
html	{
/* ---------- 
	font-size: 5.46875%;
	font-size: 6.25%;
 ---------- */
	font-size: 5.859375%;
}
body	{
	font-size: 16rem;
}
.sidebar	{
	font-size: 14rem;
}
@media (min-width: 769px)	{
	html	{
		font-size: 6.25%;
	}
}
/* ---------- 見出し ---------- */
.size-huge	{
	font-size: 28rem;
}
span.size-huge	{
	font-size: 200%;
}
h1, .size-h1	{
	font-size: 26rem;
}
h2, .size-h2	{
	font-size: 22rem;
}
h3, .size-h3	{
	font-size: 19rem;
}
h4, .size-h4	{
	font-size: 18rem;
}
h5, .size-h5	{
	font-size: 17rem;
}
h6, .size-h6	{
	font-size: 16rem;
}
@media (min-width: 769px)	{
	.size-huge	{
		font-size: 48rem;
	}
	h1, .size-h1	{
		font-size: 36rem;
	}
	h2, .size-h2	{
		font-size: 30rem;
	}
	h3, .size-h3	{
		font-size: 24rem;
	}
	h4, .size-h4	{
		font-size: 20rem;
	}
	h5, .size-h5	{
		font-size: 18rem;
	}
	h6, .size-h6	{
		font-size: 16rem;
	}
}
/* ---------- パートサイズ ---------- */
span.large	{
	font-size: 125%;
}
small, .small, span.notes, span.attention	{
	font-size: 12rem;
}
.breadcrumbs	{
	font-size: 12rem;
}
.page-type-title-container .page-type-title .slug	{
	font-size: 50%;
}
.loop-content p.date, .taglist	{
	font-size: 13rem;
}
.loop-content .entry-title	{
	font-size: 16rem;
}
.display-text .loop-content p.date, .display-text .loop-content .entry-title	{
	font-size: 16rem;
	line-height: 1.7;
}
.loop-content .archive-content	{
	font-size: 14rem;
}
.btn-m	{
	font-size: 14rem;
}
.btn-l	{
	font-size: 16rem;
}
.btn-xl	{
	font-size: 18rem;
}
.taglist-container .taglist	{
	font-size: 12rem;
}
.wp-tag-cloud li a	{
	font-size: 12rem !important;
}
.site-footer > *	{
	font-size: 14rem;
}
#footer-copy, #footer-lp	{
	font-size: 13rem;
	text-align: center;
}
/* ---------- フォントウェイト ---------- */
html	{
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6	{
	font-weight: var( --bold );
}
.size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
/* ---------- 
	font-weight: 400;
 ---------- */
}
.loop-content .entry-title	{
	font-weight: var( --semi-bold );
}
.page-type-title-slug	{
	font-weight: var( --semi-bold );
}
.font-weight-semi-bold	{
	font-weight: var( --semi-bold );
}
/* ---------- 行間 ---------- */
body	{
	line-height: 1.7;
}
h1, h2, h3, h4, h5, h6	{
	margin-top: 30px;
}
header h1, header h2, header h3, header h4, header h5, header h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6	{
	margin-top: 0;
}
.size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
	margin-top: 0;
}
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6	{
	margin-top: 0;
}
h1 + .size-huge, h1 + .size-h1, h1 + .size-h2, h1 + .size-h3, h1 + .size-h4, h1 + .size-h5, h1 + .size-h6, h2 + .size-huge, h2 + .size-h1, h2 + .size-h2, h2 + .size-h3, h2 + .size-h4, h2 + .size-h5, h2 + .size-h6, h3 + .size-huge, h3 + .size-h1, h3 + .size-h2, h3 + .size-h3, h3 + .size-h4, h3 + .size-h5, h3 + .size-h6, h4 + .size-huge, h4 + .size-h1, h4 + .size-h2, h4 + .size-h3, h4 + .size-h4, h4 + .size-h5, h4 + .size-h6, h5 + .size-huge, h5 + .size-h1, h5 + .size-h2, h5 + .size-h3, h5 + .size-h4, h5 + .size-h5, h5 + .size-h6, h6 + .size-huge, h6 + .size-h1, h6 + .size-h2, h6 + .size-h3, h6 + .size-h4, h6 + .size-h5, h6 + .size-h6, .size-huge + h1, .size-huge + h2, .size-huge + h3, .size-huge + h4, .size-huge + h5, .size-huge + h6, .size-h1 + h1, .size-h1 + h2, .size-h1 + h3, .size-h1 + h4, .size-h1 + h5, .size-h1 + h6, .size-h2 + h1, .size-h2 + h2, .size-h2 + h3, .size-h2 + h4, .size-h2 + h5, .size-h2 + h6, .size-h3 + h1, .size-h3 + h2, .size-h3 + h3, .size-h3 + h4, .size-h3 + h5, .size-h3 + h6, .size-h4 + h1, .size-h4 + h2, .size-h4 + h3, .size-h4 + h4, .size-h4 + h5, .size-h4 + h6, .size-h5 + h1, .size-h5 + h2, .size-h5 + h3, .size-h5 + h4, .size-h5 + h5, .size-h5 + h6, .size-h6 + h1, .size-h6 + h2, .size-h6 + h3, .size-h6 + h4, .size-h6 + h5, .size-h6 + h6, .size-huge + .size-huge, .size-huge + .size-h1, .size-huge + .size-h2, .size-huge + .size-h3, .size-huge + .size-h4, .size-huge + .size-h5, .size-huge + .size-h6, .size-1 + .size-huge, .size-1 + .size-h1, .size-1 + .size-h2, .size-1 + .size-h3, .size-1 + .size-h4, .size-1 + .size-h5, .size-1 + .size-h6, .size-2 + .size-huge, .size-2 + .size-h1, .size-2 + .size-h2, .size-2 + .size-h3, .size-2 + .size-h4, .size-2 + .size-h5, .size-2 + .size-h6, .size-3 + .size-huge, .size-3 + .size-h1, .size-3 + .size-h2, .size-3 + .size-h3, .size-3 + .size-h4, .size-3 + .size-h5, .size-3 + .size-h6, .size-4 + .size-huge, .size-4 + .size-h1, .size-4 + .size-h2, .size-4 + .size-h3, .size-4 + .size-h4, .size-4 + .size-h5, .size-4 + .size-h6, .size-5 + .size-huge, .size-5 + .size-h1, .size-5 + .size-h2, .size-5 + .size-h3, .size-5 + .size-h4, .size-5 + .size-h5, .size-5 + .size-h6, .size-6 + .size-huge, .size-6 + .size-h1, .size-6 + .size-h2, .size-6 + .size-h3, .size-6 + .size-h4, .size-6 + .size-h5, .size-6 + .size-h6	{
	margin-top: 0;
}
h1, h2, h3, h4, h5, h6, .size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
	margin-bottom: 8px;
}
p, ul, ol, dl, blockquote, table	{
	line-height: 2;
}
p	{
	margin: 0;
}
ul, ol, dl, blockquote, table	{
	margin: 0.5em 0 0.5em 0;
}
.loop-content .archive-content, .loop-content .archive-content p	{
	line-height: 1.5;
}
.taglist a, .wp-tag-cloud li	{
	margin: 0 0.5em 0.5em 0;
}
.loop-content .archive-content p	{
	margin-bottom: 0;
}
/* ---------- 先頭画像後 余白調整
p:first-child + h1, p:first-child + h2, p:first-child + h3, p:first-child + h4, p:first-child + h5, p:first-child + h6	{
	margin-top: 0;
	margin-bottom: 5px;
}
 ---------- */
/* ---------- カラー ---------- */
body, body a, .color-default	{
	color: var( --color-default );
}
.color-theme	{
	color: var( --color-theme );
}
.color-theme2	{
	color: var( --color-theme2 );
}
.color-theme3	{
	color: var( --color-theme3 );
}
.color-theme4	{
	color: var( --color-theme4 );
}
.section-theme	{
	padding: 1em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	background-color: var( --color-theme );
}
.section-theme2	{
	padding: 1em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	background-color: var( --color-theme2 );
}
.section-theme3	{
	padding: 1em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	background-color: var( --color-theme3 );
}
.section-theme4	{
	padding: 1em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	background-color: var( --color-theme4 );
}
.bgcolor-theme	{
	background-color: var( --bgcolor-theme );
}
.bgcolor-theme2	{
	background-color: var( --bgcolor-theme2 );
}
.color-in-bgcolor, .color-in-bgcolor a	{
	color: #FFF;
}
.color-in-bgcolor a	{
	text-decoration: underline;
}
.rounded-corners > img	{
	border-radius: 1em;
}
.taglist a, .wp-tag-cloud li a	{
	color: var( --color-gray );
}
/* ---------- 表示／非表示 ---------- */
.page-type-title-icon	{
	display: none;
}
.banner-text .parent-title + .self-title	{
/* ---------- 
	display: none;
 ---------- */
}
.page-child .parent-title	{
	display: none;
}
.banner-text .parent-slug + .self-slug	{
/* ---------- 
	display: none;
 ---------- */
}
.page-child .parent-slug	{
	display: none;
}
body:not( .attachment ) .banner-text .archive-label	{
	display: none;
}
.page-type-title-container .parent-title	{
	display: none;
}
.page-type-title-container .parent-slug	{
	display: none;
}
.page-posttype .page-type-title-container .posttype-label	{
	display: none;
}
.page-posttype:not( .page-posttype-top ) .page-type-title-container .posttype-label:after	{
	content: '：';
}
.single .page-posttype:not( .page-posttype-top ) .page-type-title-container .posttype-label:after	{
	content: none;
}
.page-posttype-top .page-type-title-container .posttype-label, .page-posttype-single .page-type-title-container .posttype-label	{
	display: inline;
}
/* ---------- タグリスト ---------- */
.taglist a, .wp-tag-cloud li a	{
	color: var( --color-gray );
}
.taglist-container .taglist a	{
	padding: 0.5em 0.75em;
	background-color: rgba(204, 204, 204, 0.2);
	background-color: var( --color-light-gray );
	border: none;
	border-radius: 0.5em;
}
.taglist-container .taglist a.current	{
	color: #FFF;
	background-color: var( --color-gray );
}
/* ---------- タグリストアイコン ---------- */
.taglist a:before	{
	font-family: dashicons;
	content: "\f464";
	margin-right: 0.2em;
}
.taglist a.term-all:before	{
	content: "\f480";
}
.taglist .tax-order-1 a:before	{
	content: "\f318";
}
.taglist .tax-order-2 a:before	{
	content: "\f323";
}
/* ---------- タグリスト（ショートコード） ---------- */
.taglist-container .taglist a, .wp-tag-cloud li a	{
	line-height: 1;
	padding: 0.5em;
	background-color: #FFF;
	border: solid 1px #EEE;	
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	border-radius: 0.2em;
}
.taglist-post-terms .taglist-tax + .taglist-tax	{
	margin-left: 0.5em;
}
/* ---------- Q&A ---------- */
.article-qa .entry-title:before, .article-qa .accordion-content .archive-content:before	{
	font-size: 16rem;
	color: #FFF;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	margin-right: 1em;
	border-radius: 9999px;
}
.article-qa .entry-title:before	{
	content: 'Q';
	background-color: #D90000;
}
.article-qa .accordion-content .archive-content	{
	font-size: 16rem;
	padding-left: 2.5em;
	position: relative;
}
.article-qa .accordion-content .archive-content:before	{
	content: 'A';
	background-color: #006DD9;
	position: absolute;
	top: 0.2em;
	left: 0;
}
/* ---------- 表 ---------- */
table.table-plain th	{
	font-weight: var( --semi-bold );
	text-align: left;
}
/* ---------- 追加ルール ---------- */
.margin-top-row-0	{
	margin-top: 0;
}
.margin-top-row-1	{
	margin-top: 16rem;
}
.margin-bottom-row-0	{
	margin-bottom: 0;
}
.margin-bottom-row-1	{
	margin-bottom: 16rem;
}
.line-height-thin, .line-height-thin + p	{
	line-height: 1;
}
.have-margin-top	{
	margin-top: 16rem;
}
.have-margin-bottom	{
	margin-bottom: 16rem;
}
@media (min-width: 769px)	{
	.have-margin-top	{
		margin-top: 24rem;
	}
	.have-margin-bottom	{
		margin-bottom: 24rem;
	}
}
/* ---------- ナビゲーション ---------- */
#navbar	{

}
.sub-menu.active	{
	display: block;
}
/* ---------- ハンバーガー ---------- */
#widget-header-logo-s img	{
	width: 175px;
}
/* ---------- ハンバーガーアイコン ---------- */
#site-navigation-s .menu-toggle, #site-navigation-s #hamburger-nav-toggle	{
	background-image: url( ../images/XXX/icon-ham-white.png );
	background-color: var( --color-theme );
	background-image: url( ../images/icon-ham.png );
}
#site-navigation-s #hamburger-nav-toggle.open	{
	background-image: url( ../images/XXX/icon-ham-white-x.png );
	background-image: url( ../images/icon-ham-white-x.png );
}
/* ---------- totop ---------- */
#page-top a	{
	background-image: url( ../images/XXX/totop.png );
	background-image: url( ../images/totop.png );
}

@media (max-width: 768px){
#page-top{
bottom: 50px;
}
}

/* ---------- フッター ---------- */
@media (min-width: 769px)	{
	#footer-navigation.footer-nav-multi-item .inner	{
		justify-content: flex-end;
	}
	#footer-navigation #footer-menu	{
		margin-left: auto;
	}
	#footer-navigation #footer-menu + aside	{
		margin-left: 4em;
	}
	.menu-footer_menu-container .menu > li > a:before	{
		content: none;
	}
	.menu-footer_menu-container .sub-menu	{
		display: block !important;
		margin-left: 0;
	}
/* ---------- 段組み
	.footer-nav .menu	{
		display: block;
	}
	.footer-nav #menu-footer	{
		column-count: 2;
		column-gap: 4em;
	}
	.footer-nav .menu > li + li	{
		margin-left: 0;
	}
	.break-inside-avoid	{
		break-inside: avoid;
		display: flex;
	}
	.break-inside-avoid .sub-menu	{
		font-size: 13rem;
		margin-left: 1em;
	}
 ---------- */
}



/*-------------header--------------*/
#header-logo-wrap{
position: relative;
}
@media (min-width: 769px)	{
#header-logo-wrap .inner{
padding-top: 15px;
}
}
#header-logo{
max-height: 60px;
margin-top: 10px;
}
#header-logo img{
max-height: 60px;
width: auto;
}
#header-option{
position: relative;
left: 0;
margin-left: 0;
width: calc(100% - 22%);
}

#header-logo-wrap .inner #header-option1{
position: absolute;
left: 0;
top: -10rem;
}
#header-option1 .head_catch{
text-align: left;
font-size: 12rem;
line-height: 180%;
position: relative;
}
#header-option2 .head_catch2{
text-align: center;
font-size: 16rem;
color: var(--color-theme2);
line-height: 150%;
font-weight: 800;
position: relative;
right: 0;
}

/*
#navigation-widget-s .head_catch2{
text-align: center;
font-size: 16rem;
color: var(--color-theme2);
line-height: 130%;
font-weight: 800;
position: relative;
right: 10px;
}*/

#navigation-widget-s .head_catch2{
display: block;
background: var(--color-theme2);
text-align: center;
color: #fff;
padding:15px 8px;
margin-right: 0px;
position: absolute;
right: 60px;
top: 0;
}
#navigation-widget-s .head_catch2 a{
color: #fff;
font-weight: bold;
}

.cap_head,
.sp_head_menu{
display: none;
}
@media (max-width: 768px){
.page .cap_head{
display: block;
width: 100%;
margin: 60px auto 0 auto;
padding: 5px 0;
text-align: center;
position: absolute;
left: 0;
top: 60px;
background: #fff;
font-size: 11rem;
}
.page .sp_head_menu{
position: absolute;
left: 0;
top: 75px;
display: flex;
justify-content: space-between; /* 均等配置 */
width: 100%;
background: var(--color-theme);
gap: 0rem; /* 要素間の余白を適度に */
}
.page:not(#top) .sp_head_menu{
top: 90px;
}
.page .sp_head_menu li{
flex: auto;
text-align: center;
background: var(--color-theme);
padding: 0.5rem 1rem; /* 余白を調整 */
    border-right: 1px solid #fff;
}
.page .sp_head_menu li:last-child {
    border-right: none;
}
.page .sp_head_menu li a{
display: block;
color: #000;
font-weight: bold;
padding: 15px 0rem;
font-size: 14rem;
}

#before-content{
margin: 70px auto 0 auto;
}
.page:not(#top) #main {
    margin: 50px auto 0 auto;
}
}

#navigation-menu-s #menu-responsive #hamburger-menu-extra-after .sns_icon{
display: flex;
margin: 10px auto;
border: none;
}
#navigation-menu-s #menu-responsive #hamburger-menu-extra-after .sns_icon li{
width: 35px;
border: none;
}
#navigation-menu-s #menu-responsive #hamburger-menu-extra-after .sns_icon li img{
width: 100%;
}
#navigation-menu-s #menu-responsive #hamburger-menu-extra-after .sns_icon li a:before{
content: "";
}


#header-logo-wrap .inner #header-option2{
position: absolute;
right: 0;
top: -34px;
}
#header-logo-wrap .inner #header-option2 .head_tel{
font-size: 30rem;
font-weight: bold;
line-height: 100%;
padding: 0;
margin: 0;
}
#header-logo-wrap .inner #header-option2 .head_tel span{
font-size: 15rem;
position: relative;
top: -3px;
}
#header-logo-wrap .inner #header-option2 .head_uketsuke{
font-size: 12rem;
margin: 0;
}
.head_contact_btn{
position: relative;
font-size: 18rem;
text-align: center;
margin: 0px;
}
.head_contact_btn::before{
content: "";
height: 24px;
width: 28px;
background: url( ../images/subaruzemi/icon_fukidashi01.png);
background-size: cover;
display: inline-block;
margin-right: 5px;
}
.head_contact_btn a{
margin: 0;
padding: 0;
}

/* ---------- ナビゲーション ---------- */
#navigation-menu .menu{
display: flex;
justify-content: space-between;
}
#navigation-menu .menu li{
margin: 0;
padding: 0;
flex-grow: 0;
border-right: 1px solid #fff;
}
.no-navigation-logo #site-navigation .nav-menu > li{
 /*flex-grow: 0;*/
}
#site-navigation .nav-menu > li > a{
display: block;
width: 100%;
}
.no-navigation-logo #site-navigation .nav-menu > li + li{
margin-left: 0rem;
margin-right: 0rem;
}
#navbar #menu-main li a{
background: var( --color-theme );
line-height: 140%;
font-weight: bold;
padding: 20px 0;
}
.sub-menu.active	{
	display: block;
}
.view-wide .navbar-fixed #site-navigation, .view-wide.device-horizontal #site-navigation{
height: 60px;
margin-bottom: 0;
bottom: 0;
margin-top: 0px;
}

/*オンマウス*/
/* 親要素の位置を基準にする */
#site-navigation .nav-menu > li > ul.sub-menu{
background-color: var(--color-theme3);
}
#navbar #menu-main li ul.sub-menu a{
background: none;
padding: 5px 0;
border-right: 0;
}
#navbar #menu-main li ul.sub-menu li{
border-right: 0;
}
/*
#site-navigation .nav-menu > li > ul.sub-menu{
background-color: var(--color-theme3);
align-items: center;
top:3.5em;
}
#site-navigation .nav-menu > li > ul.sub-menu.active{
}
#site-navigation .nav-menu > li > .sub-menu > li + li{
margin-top: 0;
}
#navbar #menu-main li > .sub-menu li{
border-right: none;
float: left;
}
#navbar #menu-main li ul.sub-menu li:first-of-type{
margin-left: 12%;
}
#navbar #menu-main li ul.sub-menu li:last-of-type{
margin-right: 12%;
}
#navbar #menu-main li > .sub-menu li a{
background: none;
position: relative;
padding-left: 27px;
}
#site-navigation .sub-menu li a:after{
position: absolute;
left: 0;
}
#site-navigation .nav-menu > li{
position: inherit;
}
*/
/*
.no-navigation-logo #site-navigation .nav-menu > li .sub-menu{
width: auto;
position: absolute;
left: 0;
top: 170px;
padding: 20px 0;
}
.no-navigation-logo #site-navigation .nav-menu > li{
}*/

/* ---------- フッター ---------- */
.site-footer{
background: #ddf1f8;
padding-top: 30px;
}

/*
.footer-nav #menu-footer	{
		column-count: 2;
		column-gap: 2em;
}*/

.menu-footer_menu-container{
display: none;
}

@media (min-width: 769px)	{
#footer-navigation{
margin-bottom: 50px;
}
.menu-footer_menu-container{
display: block;
}
	#footer-navigation.footer-nav-multi-item .inner	{
		/*justify-content: flex-end;*/
	}
	#footer-navigation #footer-menu	{
		margin-left: auto;
	}
	#footer-navigation #footer-menu + aside	{
		margin-left: 4em;
	}
	.menu-footer_menu-container .menu > li > a:before	{
		content: none;
	}
	.menu-footer_menu-container .sub-menu	{
		display: block !important;
		margin-left: 0;
	}
/* ---------- 段組み----*/
	.menu-footer_menu-container .menu{
		display: block;
		margin-bottom: 30px;
	}
	.menu-footer_menu-container #menu-footer_menu{
		/*height: 240px;*/
		width: 70%;
		margin: 0px auto 40px auto;
		overflow: hidden;
	}
	.menu-footer_menu-container .menu li{
	width: 30%;
	margin-left: 3.33%;
	}
	.menu-footer_menu-container .menu > li > a::before{
	content: "-";
	position: relative;
	left: 0;
	top: 0px;
	margin-right: 3px;
	color: #000;
	}
	.menu-footer_menu-container .sub-menu a:before{
	content: "";
	}
	.menu-footer_menu-container .sub-menu li{
	width: 100%;
	line-height: 150%;
	}
	.menu-footer_menu-container .menu > li + li	{
	float: left;
	margin-left: 3.33%;
	}
	.break-inside-avoid	{
		break-inside: avoid;
		display: flex;
	}
	.break-inside-avoid .sub-menu{
		font-size: 13rem;
		margin-left: 1em;
	}
	.break-inside-avoid .sub-menu li.menu-item{
	width: 100%;
	line-height: 100%;
	}

}

#footer-content #text-18{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.site-footer #text-9{
width: 100%;
}

.site-footer{
padding-bottom: 60px;
}


@media (min-width: 769px){
.site-footer{
padding-bottom:20px;
}

#footer-content #text-18{
flex-wrap: nowrap;
width: 100%;
}
#footer-content #text-18 .textwidget{
display: flex;
width: 100%;
}
.site-footer #text-8{
width: 30%;
}
/*
.site-footer #footer-menu{
width: 100%;
}*/
.site-footer #text-9{
width: 30%;
}
.site-footer #text-10{
width: 20%;
margin-left: 10px;
}
#footer-navigation #footer-menu + aside{
margin-left: 0;
}
}

.site-footer .unei{
width: 100%;
margin: 0px auto 20px 0px;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0;
}
.site-footer .unei dt{
max-width: 200px;
display: flex;
align-items: center;
justify-content: center;
padding: 0px 0;
margin: 0px auto 10px auto;
}
.site-footer .unei dd{
line-height: 140%;
margin: 0px auto 10px auto;
padding: 0;
text-align: center;
font-size: 18rem;
}
.site-footer .unei dd a:hover{
color: #ECB039;
}

@media (min-width: 769px){
.site-footer .unei{
width: 33%;
}
.site-footer .unei dt{
max-width: 200px;
display: flex;
align-items: center;
justify-content: center;
padding: 0px 0;
margin: 0px auto 10px 0px;
}
.site-footer .unei dd{
text-align: left;
margin: 0px 0 10px 0;
padding: 0;
font-size: 15rem;
}
}

.site-footer .foot_contact{
margin: 0px 0px 20px auto;
position: relative;
text-align: center;
width: 40%;
}

.site-footer .foot_contact p{
font-family: "Noto Sans JP", sans-serif;
margin: 0;
}
.site-footer .foot_contact p.tel{
font-size: 35rem;
font-weight: bold;
font-family: "Noto Sans JP", sans-serif;
margin: 10px auto 10px auto;
line-height: 100%;
text-align: center;
}
.site-footer .foot_contact p.tel a{
color: var(--color-theme2);
}
.site-footer .foot_contact p.tel span{
font-size: 18rem;
}
.site-footer .foot_contact p.tel a:hover{
opacity: 0.9;
}

.site-footer .foot_contact h6{
font-size: 15rem;
text-align: center;
line-height: 100%;
margin: 3px auto 3px auto;
}

@media (min-width: 769px){
.site-footer .foot_contact p.tel{
font-size: 30rem;
font-weight: bold;
font-family: "Noto Sans JP", sans-serif;
margin: 10px 0 10px 0;
line-height: 100%;
text-align: left;
}

.site-footer .foot_contact h6{
font-size: 12rem;
text-align: left;
line-height: 100%;
margin: 3px 0 3px 0;
}
.site-footer .foot_contact h6.mb30{
margin-bottom: 15px;
}
}
.site-footer .foot_contact .contact_link_btn{
width: 100%;
margin: 5px auto 0px auto;
}
.site-footer .foot_contact .taiken_hd{
 font-size: 16rem;
font-weight: bold;
margin: 20px auto 0px auto;
letter-spacing: 2px;
}
.site-footer .foot_contact .taiken_hd::before{
content: "＼";
}
.site-footer .foot_contact .taiken_hd::after{
content: "／";
}
.site-footer .foot_contact .contact_link_btn a{
display: block;
height: 100%;
width: 100%;
color: #fff;
background:#eca740;
font-size: 18rem;
padding:10px 10px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
text-align: center;
border-radius: 5px;
line-height: 130%;
box-shadow: 0px 3px 3px rgba(143,143,143,0.30);
}
.site-footer .foot_contact .contact_link_btn a::after{
    font-family: dashicons;
    content: "\f345";
	position: absolute;
	right: 1%;
}



.site-footer .foot_sns{
margin: 0px 0 20px 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.site-footer .foot_sns li{
width: 100%;
margin: 0px 0px 5px 0;
display: flex;
align-items: center;
font-weight: bold;
}
.site-footer .foot_sns li a{
display: flex;
align-items: center;
font-weight: bold;
}
.site-footer .foot_sns li .sns_icon{
width: 25px;
margin-right: 5px;
float: left;
}
.site-footer .foot_sns li .sns_icon img{
width: 100%;
object-fit: contain;
}

.site-footer .copyright{
width: 100%;
background: #fff;
	text-align: center;
	font-size: 12px;
	color: #000;
	margin: 10px auto 0px auto;
    padding: 5px 0;
    position: relative;
    bottom: 0;
}

#footer-content h2{
text-align: center;
margin: 10px auto;
font-size: 18rem;
}
footer .link_list{
display: flex;
justify-content: center;
margin: 0px auto;
padding: 0;
list-style: none;
flex-wrap: wrap;
width: 80%;
}
footer .link_list li{
width: 100%;
max-width: 150px;
margin: 0px 10px 10px 10px;
padding: 10px;
text-align: center;
}

@media (max-width: 768px){
.site-footer .foot_contact{
width: 100%;
margin: 0px 0px 20px 0px;
}


footer .link_list{
width: 100%;
flex-wrap: nowrap;
}
footer .link_list li{
width: 30%;
max-width: 150px;
margin: 0px 5px 10px 5px;
padding: 0px;
text-align: center;
}
}

.page .top_kotei_btn{
display: none;
}
@media (max-width: 768px){
.page .top_kotei_btn{
display: block;
position: fixed;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
}
.page .top_kotei_btn img{
width: 100%;
}
}

/*-------------------------------LP------------------------------*/

.lp_zemi .wp-root img{
max-width: 150px;
}
.lp_zemi .banner-text .inner{
}
.lp_zemi .top_catch{
position: absolute;
left: 0;
top: 50px;
color: var(--color-theme2);
}
.lp_zemi .top_catch h2{
background-color: white; /* 背景色を白に */
  display: inline;          /* 文字の幅だけ背景をつける */
  padding: 0px 10px;           /* 文字の周りに少し余白をつける */
  font-size: 42rem;
}
.lp_zemi .top_catch span{
color: var(--color-theme);
}
.lp_zemi .top_catch_copy{
position: absolute;
right: 0;
bottom: 0px;
background: rgba(235,166,63,0.90);
width: 410px;
border-radius: 20px 20px 0 0;
padding: 20px;
}
.lp_zemi .top_catch_copy h3{
font-size: 20rem;
line-height: 160%;
color: #fff;
}
.lp_zemi .top_catch_copy p{
color: #fff;
line-height: 140%;
}

@media (max-width: 768px){
.lp_zemi .wp-root img{
max-width: 130px;
}
.lp_zemi .banner{
height: 500px;
}
.lp_zemi .top_catch{
position: absolute;
left: 5px;
top: 20px;
color: var(--color-theme2);
}
.lp_zemi .top_catch h2{
background-color: white; /* 背景色を白に */
  display: inline;          /* 文字の幅だけ背景をつける */
  padding: 0px 10px;           /* 文字の周りに少し余白をつける */
  font-size: 28rem;
}
.lp_zemi .top_catch span{
color: var(--color-theme);
}
.lp_zemi .top_catch_copy{
position: absolute;
right: 0;
bottom: 0px;
background: rgba(235,166,63,1);
width: 100%;
border-radius: 100% 100% 0 0 / 30px 30px 0 0;
padding: 20px;
}
.lp_zemi .top_catch_copy h3{
font-size: 16rem;
line-height: 150%;
color: #fff;
text-align: center;
}
.lp_zemi .top_catch_copy p{
font-size: 14rem;
text-align: center;
}
}

.lp_zemi .intro_block{
min-height: 550px;
background-position: center center;
border-radius: 20px;
}
.intro_block .intro_catch01{
position: absolute;
top: 30px;
left: 0px;
background: rgba(30,167,217,0.90);
padding: 10px 20px;
line-height: 100%;
color: #fff;
font-weight: bold;
}
.intro_block .intro_catch02{
position: absolute;
bottom: 10px;
right: 0px;
background: rgba(30,167,217,0.90);
padding: 10px 20px;
line-height: 100%;
color: #fff;
font-weight: bold;
}
.intro_block .intro_catch01 span,
.intro_block .intro_catch02 span{
font-size: 20px;
font-weight: bold;
line-height: 100%;
}

@media (max-width: 768px){
.lp_zemi .intro_block{
width: 96%;
min-height: 400px;
}
.intro_block .intro_catch01{
position: absolute;
top: 0px;
line-height: 80%;
}
.intro_block .intro_catch02{
bottom: 0px;
line-height:80%;
}
.intro_block .intro_catch01 span,
.intro_block .intro_catch02 span{
font-size: 18rem;
}
}


.lp_zemi .optionblock-before h2{
color: #333;
text-align: center;
padding: 10px 0;
font-weight: 800;
letter-spacing: 2px;
font-size: 35rem;
}
.lp_zemi .lp_about h2{
border-radius: 50px;
background: var(--color-theme);
color: #fff;
width: 60%;
margin: 0px auto 50px auto;
  font-weight: bold;
}

.lp_zemi .lp_about .container-child h3{
font-size: 28rem;
color: #333;
line-height: 150%;
}

.lp_zemi .force-img-padding{
border-radius: 20px;
overflow: hidden;
}

@media (max-width: 768px){
.lp_zemi .optionblock-before h2{
font-size: 24rem;
letter-spacing: 0px;
}
.lp_zemi .lp_about h2{;
width: 100%;
}
.lp_zemi .lp_about .container-child h3{
font-size: 25rem;
text-align: center;
}
}

.lp_zemi .lp_class h2{
  padding-bottom: 0.7em;
  text-align: center;
  position: relative;
  margin-bottom: 50px;
  color: var(--color-theme2);
}
.lp_zemi .lp_class h2::after {
  content: '';
  position: absolute;
  border-bottom: 10px dotted var(--color-theme2);
  width: 50px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.lp_zemi .lp_class h2.course_hd{
border-bottom: 1px solid var(--color-theme2);
font-size: 24rem;
text-align: left;
position: relative;
  margin-bottom: 20px;
  padding-bottom: 0;
}
.lp_zemi .lp_class h2.course_hd::after {
  content: none;
}

.lp_zemi .lp_class h3{
color: var(--color-theme2);
line-height: 140%;
}

.lp_zemi .lp_class .class_list{
border-radius: 30px;
background: var(--color-theme4);
padding: 20px 40px;
}
.lp_zemi .lp_class .class_list li .size-h4{
font-weight: bold;
}

.lp_zemi .lp_class .class_box{
border-bottom: 3px dotted var(--color-theme4);
padding-top: 0;
margin-top: 20px;
padding-bottom: 30px;
}

.gakunen_list{
display: flex;
list-style: none;
margin-bottom: 50px;
}
.gakunen_list li{
list-style: none;
margin: 0px 10px;
}
@media (max-width: 768px){
.lp_zemi .lp_class h2{
font-size: 28rem;
}

.lp_zemi .lp_class .class_box{
width: 90%;
margin: 0px auto;
}

.lp_zemi .lp_class .class_box .container-child img{
width:100%;
margin: 20px auto 0px auto;
}

.gakunen_list{
display: flex;
list-style: none;
margin-bottom: 50px;
flex-wrap: wrap;
justify-content: space-between;
}
.gakunen_list li{
width: 48%;
list-style: none;
margin: 0px 0px 20px 0px;
padding: 0;
}
}

/*------------------------*/

.lp_zemi .lp_support h2{
  padding-bottom: 0.7em;
  text-align: center;
  position: relative;
  margin-bottom: 50px;
  color: var(--color-theme2);
}
.lp_zemi .lp_support h2::after {
  content: '';
  position: absolute;
  border-bottom: 10px dotted #fff;
  width: 50px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.lp_zemi .flex .support_img{
width: 40%;
}
.lp_zemi .flex .support_img img{
width: 100%;
max-width: 100%;
}
.lp_zemi .flex p{
width: 55%;
font-size: 18rem;
}

.lp_zemi .lp_support .onayami_list{
background: #fff;
padding: 20px;
border-radius: 20px;
}
.lp_zemi .lp_support .onayami_list dt{
font-size: 20rem;
font-weight: bold;
margin: 0px 0px 0px 0px;
position: relative;
}
.lp_zemi .lp_support .onayami_list dt::before{
content: "";
display: inline-block;
height: 30px;
width: 30px;
position: relative;
top: 7px;
background: url(../images/subaruzemi/check_icon.png);
background-size: 100%;
margin-right: 10px;
}
.lp_zemi .lp_support .onayami_list dd{
margin: 0px 0px 10px 0px;
}
.lp_zemi .lp_support .onayami_list d::before{
content: "";
}

@media (max-width: 768px){
.lp_zemi .lp_support h2{
font-size: 28rem;
}

.lp_zemi .lp_support .flex {
flex-wrap: wrap;
}

.lp_zemi .flex .support_img{
width: 100%;
}
.lp_zemi .flex p{
width: 100%;
}

}

/*-------------------------------voice------------------------------*/

.lp_zemi .lp_voice h2{
  padding-bottom: 0.7em;
  text-align: center;
  position: relative;
  margin-bottom: 50px;
}
.lp_zemi .lp_voice h2::after {
  content: '';
  position: absolute;
  border-bottom: 10px dotted var(--color-theme);
  width: 50px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.accordion-trigger {
  cursor: pointer;
  padding: 0.5em;
  border:solid 3px var(--color-theme);
  font-weight: bold;
  color: var(--color-theme);
  font-size: 20rem;
  border-radius: 10px;
  position: relative;
}
.accordion-trigger::after {
  content: "▼";
  margin-left: 0.5em;
  font-size: 0.8em;
  transition: transform 0.3s ease;
  position: absolute;
  right: 3%;
  top: 15px;
}
.voice_box {
  display: none;
  padding: 1em;
  background: #fafafa;
}
.voice_box.open {
  display: block;
}
.lp_zemi .voice_block .voice_box{
border: 1px solid var(--color-theme);
padding: 20px;
}
.lp_zemi .voice_block .voice_box h3{
color: #000;
margin: 0px 0 3px 0;
padding: 0 0 2px 0;
border-bottom: 2px solid var(--color-theme2);
font-size: 18rem;
}
.lp_zemi .voice_block .voice_box h4{
background: var(--color-theme3);
margin: 10px 0 5px 0;
padding: 8px 10px 5px 10px;
font-size: 15rem;
text-align: left;
}
.lp_zemi .voice_block .voice_box p{
font-size: 13rem;
line-height: 160%;
}

@media (max-width: 768px){
.lp_zemi .lp_voice h2{
font-size: 28rem;
margin-bottom: 30px;
}
}


/*-------------------------------ながれ------------------------------*/

.lp_zemi .lp_step h2{
  padding-bottom: 0.7em;
  text-align: center;
  position: relative;
  margin-bottom: 50px;
}
.lp_zemi .lp_step h2::after {
  content: '';
  position: absolute;
  border-bottom: 10px dotted var(--color-theme);
  width: 50px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.lp_zemi .lp_step .step_box .loop-content{
padding: 20px;
border-radius: 20px;
}
.lp_zemi .lp_step h3{
border-radius: 30px;
background: var(--color-theme);
text-align: center;
color: #fff;
}
.lp_zemi .lp_step h4{
text-align: center;
font-size: 20rem;
margin: 5px auto;
line-height: 120%;
min-height: 40px;
}
.lp_zemi .lp_step .step_box .step_icon{
text-align: center;
margin: 10px auto;
width: 100px;
height: 100px;
}
.lp_zemi .lp_step .step_box .step_icon img{
width: 100%;
}
.lp_zemi .lp_step .step_box a::before{
content: ">>";
margin-right: 3px;
}

.lp_zemi .lp_step .taiken_hd{
font-size: 22rem;
font-weight: bold;
margin: 20px auto 0px auto;
letter-spacing: 2px;
}
.lp_zemi .lp_step .taiken_hd::before{
content: "＼";
}
.lp_zemi .lp_step .taiken_hd::after{
content: "／";
}
.lp_zemi .lp_step .btn{
margin: 0px auto 0px auto;
}
.lp_zemi .lp_step .btn a{
background: var(--color-theme);
font-size: 20rem;
font-weight: bold;
border-radius: 10px;
}

@media (max-width: 768px){
.lp_zemi .lp_step h2{
font-size: 28rem;
}
}


.lp_zemi .lp_line h2{
border-radius: 50px;
background: #06c755;
color: #fff;
width: 60%;
margin: 0px auto 50px auto;
  font-weight: bold;
}
.lp_zemi .lp_line .btn{
margin: 0px auto 0px auto;
}
.lp_zemi .lp_line .btn a{
background: #06c755;
font-size: 20rem;
font-weight: bold;
border-radius: 10px;
}

.lp_zemi .lp_line .flex{
background: #fff;
padding: 30px 0;
border-radius: 30px;
}

.lp_zemi .lp_line .line_icon{
max-width: 20%;
text-align: center;
}
.lp_zemi .lp_line ul{
margin: 0px auto;
width: 53%;
padding: 0;
}
.lp_zemi .lp_line ul li{
margin: 0px auto 5px auto;
font-size: 20rem;
}
.lp_zemi .lp_line .line_qr{
max-width: 25%;
text-align: center;
}

.lp_zemi .lp_line .line_cap{
text-align: center;
font-size: 20rem;
color: #06c755;
font-weight: bold;
}

@media (max-width: 768px){
.lp_zemi .lp_line h2{
margin-bottom: 50px;
font-size: 28rem;
width: 100%;
}
.lp_zemi .lp_line .flex{
width: 100%;
flex-wrap: wrap;
align-items: center;
}
.lp_zemi .lp_line .line_icon,
.lp_zemi .lp_line .line_qr{
max-width: 50%;
text-align: center;
margin: 0px auto;
}
.lp_zemi .lp_line ul{
margin: 0px auto;
width: 85%;
padding: 0;
}
.lp_zemi .lp_line ul li{
margin: 0px 0px;
padding: 0;
}
.lp_zemi .lp_line ul li::marker{
left: 0;
}
}

.lp_zemi .lp_faq h2{
  padding-bottom: 0.7em;
  text-align: center;
  position: relative;
  margin-bottom: 50px;
}
.lp_zemi .lp_faq h2::after {
  content: '';
  position: absolute;
  border-bottom: 10px dotted var(--color-theme2);
  width: 50px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.lp_zemi .lp_faq .accordion-container label{
background: #fff;
color: var(--color-theme2);
font-size: 18rem;
}
.lp_zemi .lp_faq .accordion-content .accordion-content-padding{
font-size: 18rem;
background: rgba(255,255,255,0.5);
}

@media (max-width: 768px){
.lp_zemi .lp_faq h2{
font-size: 28rem;
}
}

.lp_zemi .lp_access h2{
border-radius: 50px;
background: var(--color-theme2);
color: #fff;
width: 60%;
margin: 0px auto 50px auto;
  font-weight: bold;
}

.lp_zemi .lp_access .access_toho{
text-align: center;
font-size: 25rem;
font-weight: bold;
color: var(--color-theme2);
}

.lp_zemi .lp_access table{
width: 80%;
margin: 0px auto;
}

.lp_zemi .lp_access table th{
background: var(--color-theme2);
color: #fff;
}

@media (max-width: 768px){
.lp_zemi .lp_access h2{
width: 100%;
font-size: 28rem;
}
}

/***固定ボタン-------------------**/

.top_kotei_btn{
display: none;
}

.lp_kotei_btn{
display: block;
position: fixed;
right: 0;
top: 20%;
width: 70px;
list-style: none;
}

.lp_kotei_btn li{
width: 100%;
margin: 0px 0px 10px 0px;
font-size: 12rem;
height: 80px;
list-style: none;
}

.lp_kotei_btn li .kotei_btn01{
background: var(--color-theme2);
color: #fff;
border-radius: 5px 0px 0 5px;
}
.lp_kotei_btn li .kotei_btn02{
background: #06c755;
color: #fff;
border-radius: 5px 0px 0 5px;
}
.lp_kotei_btn li .kotei_btn03{
background: var(--color-theme);
color: #fff;
border-radius: 5px 0px 0 5px;
}

.lp_kotei_btn li .icon{
width: 30px;
height: 30px;
margin: 3px auto;
}

.lp_kotei_btn li .kotei_btn01 a::after,
.lp_kotei_btn li .kotei_btn02 a::after,
.lp_kotei_btn li .kotei_btn03 a::after{
content: none;
}
.lp_kotei_btn li .kotei_btn01 a,
.lp_kotei_btn li .kotei_btn02 a,
.lp_kotei_btn li .kotei_btn03 a{
font-size: 12rem;
color: #fff;
line-height: 100%;
display: flex;
align-items: center;        /* 上下中央 */
  justify-content: center;    /* 左右中央 */
  /* もしくは align-content は不要（これは複数行ラップ時用） */
  text-align: center;         /* テキストの中央揃えも一応 */
   flex-direction: column; 
   padding: 10px 0;
}

.lp_kotei_btn_sp{
display: none;
}

@media (max-width: 768px){
.page .top_kotei_btn{
display: none;
}
.lp_kotei_btn{
display: none;
}

.lp_kotei_btn_sp{
display: flex;
z-index: 100;
justify-content: space-between;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.lp_kotei_btn_sp li{
width: 33.333%;
margin: 0px 0px 0px 0px;
font-size: 12rem;
height: 55px;
list-style: none;
}

.lp_kotei_btn_sp li .kotei_btn01{
background: var(--color-theme2);
color: #fff;
border-radius: 0px 0px 0 0px;
}
.lp_kotei_btn_sp li .kotei_btn02{
background: #06c755;
color: #fff;
border-radius: 0px 0px 0 0px;
}
.lp_kotei_btn_sp li .kotei_btn03{
background: var(--color-theme);
color: #fff;
border-radius: 0px 0px 0 0px;
}

.lp_kotei_btn_sp li .icon{
width: 40px;
height: 40px;
margin: 0px 5px;
}

.lp_kotei_btn_sp li .kotei_btn01 a::after,
.lp_kotei_btn_sp li .kotei_btn02 a::after,
.lp_kotei_btn_sp li .kotei_btn03 a::after{
content: none;
}

.lp_kotei_btn_sp li .kotei_btn01 a,
.lp_kotei_btn_sp li .kotei_btn02 a,
.lp_kotei_btn_sp li .kotei_btn03 a{
font-size: 13rem;
color: #fff;
line-height: 100%;
display: flex;
align-items: center;   /* 上下中央 */
  justify-content: center;    /* 左右中央 */
  /* もしくは align-content は不要（これは複数行ラップ時用） */
  text-align: center;         /* テキストの中央揃えも一応 */
   padding: 10px 0;
}

}