/* :rootのCSS変数の宣言 */
:root {
	--yellow: #f7ec59;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #000;
}

/* =============================================================================================
 * 基本設定
 * ========================================================================================== */
p,a,li {
    font-weight: 500;
}
.pt_0 {
	padding-top:0!important;
}
.pt_10 {
	padding-top:10px!important;
}
.pb_0 {
	padding-bottom:0!important;
}
.pb_10 {
	padding-bottom:10px!important;
}
.mt_0 {
	margin-top:0!important;
}
.mb_0 {
	margin-bottom:0!important;
}
.mr_0 {
	margin-right: 0!important;
}
.ml_0 {
	margin-left: 0!important;
}
.mt_10 {
	margin-top:10px!important;
}
.mb_10 {
	margin-bottom:10px!important;
}

.z_0 { z-index: 0; }
.z_1 { z-index: 1; }
.z_2 { z-index: 2; }
.z_3 { z-index: 3; }

.p_ab {
	position: absolute;
}
.p_rel {
	position: relative;
}
.d_flex {
	display:flex;
}
.d_flex.f_wrap {
    flex-wrap: wrap;
}
.inline_b {
	display:inline-block;
}
.js_sb {
	justify-content:space-between;
}
.js_fs {
	justify-content:flex-start;
}
.of_hd {
	overflow: hidden;
}
.smb-panels__item__action>a:focus:after {
    outline: none;
    outline-offset: 0px;
}

@media screen and (max-width: 639px) {
	.sp-spacer_10 { height: 10px!important; }
	.sp-spacer_20 { height: 20px!important; }
	.sp-spacer_30 { height: 30px!important; }
	.sp-spacer_40 { height: 40px!important; }
	.sp-spacer_50 { height: 50px!important; }
	.sp-spacer_60 { height: 60px!important; }
	.sp-spacer_70 { height: 70px!important; }
	.sp-spacer_80 { height: 80px!important; }
}

/* テキスト
--------------------------------------------------------------- */
.mincho {
	font-family: "Zen Old Mincho", serif;
}
.maru {
	font-family: 'Zen Maru Gothic', serif;
}
.eng {
	font-family: "Oswald", sans-serif;
}
.tate {
	writing-mode: vertical-rl;
}
p.text_justify {
	text-align: justify;
}
p {
	font-size: clamp(14px, 1.6vw, 16px);
}

.lh_1-2 { line-height: 1.2; }
.lh_1-3 { line-height: 1.3; }
.lh_1-4 { line-height: 1.4; }
.lh_1-5 { line-height: 1.5; }
.lh_1-6 { line-height: 1.6; }
.lh_1-7 { line-height: 1.7; }
.lh_1-8 { line-height: 1.8; }
.lh_1-9 { line-height: 1.9; }
.lh_2 { line-height: 2; }

.has-sm-xs-font-size { font-size: clamp(10px, 1.2vw, 12px)!important; }
.has-sm-s-font-size { font-size: clamp(12px, 1.4vw, 14px)!important; }
.has-sm-m-font-size { font-size: clamp(14px, 1.6vw, 16px)!important; }
.has-sm-l-font-size { font-size: clamp(16px, 1.8vw, 18px)!important; }
.has-sm-xl-font-size { font-size: clamp(18px, 2.4vw, 24px)!important; }
.has-sm-2-xl-font-size { font-size: clamp(20px, 2.8vw, 28px)!important; }
.has-sm-3-xl-font-size { font-size: clamp(22px, 3.2vw, 32px)!important; }
.has-sm-4-xl-font-size { font-size: clamp(24px, 3.6vw, 36px)!important; }
.has-sm-5-xl-font-size { font-size: clamp(26px, 4.0vw, 40px)!important; }
.has-sm-6-xl-font-size { font-size: clamp(30px, 4.4vw, 44px)!important; }

/* ===============================================================
 * 共通パーツ
 * ============================================================ */

/* 既存クラス
--------------------------------------------------------------- */
/* .smb-section {/*1280px基準
	padding: clamp(50px, 8.33vw, 120px) 0!important;
} */
.smb-section__inner {
	width: 90vw;
	max-width: 90vw!important;
	margin: 0 auto;
}
.page-id-21 .l-contents__inner,
.page-id-19 .l-contents__inner,
.page-id-176 .l-contents__inner,
.page-id-77 .l-contents__inner {
	margin-top: 0;
}

/* 付与クラス
--------------------------------------------------------------- */
.box {
	padding: 60px;
	box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
	.box {
		padding: 40px;
	}
}
@media screen and (max-width: 639px) {
	.box {
		padding: 20px;
	}
}

/* セクションタイトル
--------------------------------------------------------------- */
.section_title {/*1280px基準*/
	/* margin-bottom: clamp(30px, 3.906vw, 50px)!important; */
}
.section_title h2 {/*1000px基準*/
	/* font-size: clamp(28px, 4.4vw, 44px);
	letter-spacing: .1em;
	z-index: 2; */
}
.section_title p.subtitle {/*1000px基準*/
	/* position: absolute;
	top: 0.3em;
	left: 50%;
	font-size: clamp(50px, 16.5vw, 180px);
	font-weight: 600;
	color: #f2f2f2;
	line-height: 0;
	letter-spacing: .1em;
	transform: translatex(-50%);
	white-space: nowrap; */
}

.section_title{
	text-align: center;
}

.section_title .en_ttl{
	font-size: clamp(32px, 6vw, 72px)!important;
	font-weight: 500!important;
	letter-spacing: .05em;
	z-index: 2;
	margin-bottom: .5rem;
	line-height: 1.2;
}
.section_title .jp_ttl{
	font-size: 1.2rem;
	position: relative;
	margin-top: 0!important;
	color: var(--wp--preset--color--sub-accent-color)!important;
}

/* .section_title .jp_ttl::after{
	position: absolute;
	content: "";
	width: 3rem;
	height: 1px;
	background-color: #e6e6e6;
	bottom: -1.5rem;
	left: 50%;
	transform: translateX(-50%);
} */

.section_title .jp_ttl_gray{
	font-size: 1.2rem;
	position: relative;
	margin-top: 0!important;
	color: var(--wp--preset--color--sub-accent-color)!important;
}
/* 
.section_title .jp_ttl_gray::after{
	position: absolute;
	content: "";
	width: 3rem;
	height: 1px;
	background-color: #333;
	bottom: -1.5rem;
	left: 50%;
	transform: translateX(-50%);
} */

#t-about .section_title {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
}
#t-about .section_title p.subtitle {
	position: relative;
	top: .35em;
	left: auto;
	right: -0.1em;
	transform: translatex(0);
}
#t-service .section_title p.subtitle,
#overview .section_title p.subtitle,
#service .section_title p.subtitle {
	mix-blend-mode: multiply;
}
#t-service .section_title p.subtitle {
	top: -0.3em;
	left: auto;
	right: -0.1em;
	transform: translatex(0);
}
#t-greeting .section_title p.subtitle,
#t-news .section_title p.subtitle,
#area .section_title p.subtitle,
#staff .section_title p.subtitle {
	left: 0;
	transform: translatex(0);
}

/* アイコン
--------------------------------------------------------------- */
svg.svg-inline--fa {
    margin-right: 7px;
}
 .p-global-nav--hover-extend-underline .c-navbar__item.cta:hover>a:after {
    width: 0;
}

/* ボタン
--------------------------------------------------------------- */
.btn_box {/*1280px基準*/
	margin-top: clamp(30px,6.25vw,80px)!important;
}
.btn {
	width: 100%;
	max-width: 400px;
	height: clamp(60px,8vw,80px);
	z-index: 2;
}


/* .btn a:hover {
	background-color: #fff;
	border: solid 1px #000;
	color: #000;
	filter: brightness(100%);
}
.btn a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 10%;
	height: 1px;
	background-color: #fff;
	transform: translatey(-50%);
	animation: border_anim 2s ease infinite;
	z-index: 2;
} */
/* 

@keyframes border_anim {
	0%{
		transform-origin: right;
		transform: scalex(1);
	}
	50% {
		transform-origin: right;
		transform: scalex(0);
	}
	51% {
		transform-origin: left;
		transform: scalex(0);
	}
	100%{
		transform-origin: left;
		transform: scalex(1);
	}
}
.btn a:hover::after {
	background-color: #000;
} */


.btn a{
display: block;
text-align: center;
vertical-align: middle;
text-decoration: none;
position: relative;
width: 120px;
margin: auto;
padding: 1rem 4rem;
font-weight: bold;
font-size: 1.2rem;
color: #fff;
background: #000;
transition: 0.3s ease-in-out;
border-radius: 0;
}

.btn a::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid var(--wp--preset--color--sub-accent-color);
transition: 0.2s;
}

.btn a:hover {
background: #E8BF3B;
color: #fff;
filter: brightness(100%)!important;
}

.btn a:hover::before {
top: 2px;
left: 2px;
border: 2px solid #fff;

    width: calc(100% - 5px);
    height: calc(100% - 5px);
}


.btn2 a {
	background-color: #fff;
	color: #000;
}
.btn2 a:hover {
	background-color: #000;
	border: solid 1px #fff;
	color: #fff;
}
.btn2 a::after {
	background-color: #000;
}
.btn2 a:hover::after {
	background-color: #fff;
}
@media screen and (min-width: 640px) {
	#t-greeting .btn_box {/*1280px基準*/
		margin-top: clamp(30px,6.25vw,50px)!important;
	}
	#t-greeting .btn {
		/* margin-right: 0;
		margin-left: auto; */
	}
}
a.smb-btn,
.cta a span {
	background-color: var(--wp--preset--color--sm-accent);
    position: relative;
    transition: .25s;
    color: #fff;
	border-radius: 0;
	font-size: 1.1rem;
}
.cta a span {
    margin-left: 10px;
    padding: 0.5rem 1.8rem!important;
    max-height: 3rem;
}
.w_line a.smb-btn {
    border: 1px solid;
}



/* a.smb-btn::before,
.cta a span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 2px solid transparent;
}
a.smb-btn::after,    
.cta a span::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 2px solid transparent;
}
a.smb-btn:hover,
.cta a:hover span {
    color: var(--wp--preset--color--sm-accent);
    box-shadow: none;
    background-color: #fff;
    transition: 1s;
    filter: brightness(100%);
}
    a.smb-btn:hover::before,
.cta a:hover span::before {
    width: 100%;
    height: 100%;
    border-top-color: var(--wp--preset--color--sm-accent);
    border-right-color: var(--wp--preset--color--sm-accent);
    transition: width .25s ease-out, height .25s ease-out .25s;
}
a.smb-btn:hover::after,
.cta a:hover span::after {
    width: 100%;
    height: 100%;
    border-bottom-color: var(--wp--preset--color--sm-accent);
    border-left-color: var(--wp--preset--color--sm-accent);
    transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;
} */

/* テーブル
--------------------------------------------------------------- */
.wp-block-table tr td {
    padding: 1rem;
	font-weight: 500;
    border: none;
}
.wp-block-table tr td:first-child {
    width: 30%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background-color: #333;
	color: #fff;
}
.wp-block-table tr td:last-child {
    width: 70%;
    padding-left: 1.5rem;
}
@media screen and (max-width: 639px) {
	.wp-block-table tr td {
		display: block;
		box-sizing: border-box;
		width: 100%!important;
		padding: 1rem;
		font-size: 14px;
	}
	.wp-block-table tr td:first-child {
        text-align: left;
    }
	.wp-block-table tr td:last-child {
		padding-left: 1rem;
	}
}
@media screen and (min-width: 639px) {
	.wp-block-table tbody {
	border-top: solid 1px var(--accent-color);
}
	.wp-block-table tr {
	border-bottom: solid 1px var(--accent-color);
}
	.wp-block-table tr:not(:last-child) td:first-child {
		border-bottom: solid 1px #fff;
	}
}

.company_table.wp-block-table{
	width: 70%;
}

@media screen and (max-width: 768px){
	.company_table.wp-block-table{
		width: 85%;
	}
}

.company_table.wp-block-table tr{
	border-bottom: 1px solid #797979;
}

.company_table.wp-block-table tr td{
	width: 100%;
	display: block;
}

.company_table.wp-block-table tr td:first-child{
	background-color: transparent;
	border:0;
	color:var(--wp--preset--color--sub-accent-color);
	text-align: left;
	font-size: 1.2rem;
}

.company_table.wp-block-table tbody{
	border-top: 0;
}

.company_table.wp-block-table tr:not(:last-child) td:first-child{
	border-bottom: 0;
}

.company_table.wp-block-table tr td:last-child{
	width: 100%;
	padding-bottom: 2rem;
}

/* リスト
--------------------------------------------------------------- */
ul li::marker {
	color: var(--accent-color);
	font-size: .8em;
}

/* ふきだし
--------------------------------------------------------------- */
.smb-balloon__body {
	background-color: #fff;
	border: solid 2px var(--accent-color);
	width: 100%;
}
@media screen and (max-width: 639px) {
	.smb-balloon__body:after {
		border-bottom-color: var(--accent-color);
	}
}
@media screen and (min-width: 640px) {
	.smb-balloon__body:after {
		border-right-color: var(--accent-color);
	}
}

/* ページネーション
--------------------------------------------------------------- */
.c-pagination__item,.c-pagination__item-link {
	font-weight: bold;
	border-radius: 0px;
	font-family: "Oswald", sans-serif;
}
.c-pagination__item-link svg.svg-inline--fa {
	margin-right: 0;
}
.c-pagination__item-link:hover {
	transition: .3s ease;
}

/* アニメーション
--------------------------------------------------------------- */
.mv_main_text .h_text.animate-in span {
	opacity: 1;
    transform: translateX(0);	
}
.mv_main_text .h_text span {
	display: inline-block;
    opacity: 0;
    transform: translateX(-10px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    transition-delay: calc(var(--i) * 0.05s);
}
.section_title .h_text.animate-in span {
    opacity: 1;
    transform: translateY(0);
}
.section_title .h_text span {
    display: inline-block;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    transition-delay: calc(var(--i) * 0.05s);
}
/*フェードイン*/
.fadein.animate-in {
	opacity: 1;
}
.fadein {
	opacity: 0;
	transition: opacity 0.8s ease, transform 0.8s ease;
	transition-delay: .8s;
}
/*左からフェードイン*/
.mv_sub_text_1.fadein-left.animate-in {
	opacity: 1;
	transform: translateX(0);
}
.mv_sub_text_1.fadein-left {
	opacity:0;
	transform: translateX(-10px);
	transition: opacity 0.8s ease, transform 0.8s ease;
	transition-delay: calc(var(--i) * 0.05s);
}
.section_title .fadein-left.animate-in {
	opacity: 1;
	transform: translateX(0);
}
.section_title .fadein-left {
	opacity:0;
	transform: translateX(-10px);
	transition: opacity 0.8s ease, transform 0.8s ease;
	transition-delay: calc(var(--i) * 0.05s);
}
/*左からフェードイン*/
.fadein-left.is-active {
	opacity: 1;
	transform: translateX(0);
}

/* 流れる文字
--------------------------------------------------------------- */
.loop-wrap {
	display: flex;
	align-items: center;
	overflow: hidden;
	width: 100%;
	max-width: 100%!important;
}
.loop-area {
	display: flex;
	animation: loop-slide 55s infinite linear 1s both;
	margin: 0;
	padding: 0;
}
.loop-area p.content {
	padding-right: 0.3em!important;
	font-family: "Montserrat", sans-serif;
	font-size: clamp(34px, 10vw, 100px)!important;
	color: var(--accent-color);
	white-space: nowrap;
}
@keyframes loop-slide {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
@media screen and (max-width: 639px) {
	.loop-area {
		animation: loop-slide 40s infinite linear 1s both;
	}
}

/* 無限スライダー
--------------------------------------------------------------- */
@keyframes infinity-scroll-left {
from { transform: translateX(0); }
  to { transform: translateX(-100%);}
}
.infinity-slider_wrapper {
	display: flex; 
	overflow: hidden;
}
.home .infinity-slider_wrapper {
	padding: clamp(15px, 2.34vw, 30px) 0 clamp(50px, 8.33vw, 120px)!important;
}
.infinity-slider {
	animation: infinity-scroll-left 40s infinite linear .5s both;
}
.slide_item {
	padding: 0 2%;
}
/* 画面上に見えるスライドの枚数2 */
.slide_item:nth-child(1) {
	padding-top: 8%;
	width: calc(200vw * 3 / 14); /* 3:4の画像 */
}
.slide_item:nth-child(2) {
	width: calc(200vw * 3 / 14); /* 3:4の画像 */
}
.slide_item:nth-child(3) {
	padding-top: 10%;
	width: calc(200vw * 4 / 14); /* 4:3の画像 */
}
.slide_item:nth-child(4) {
	width: calc(200vw * 4 / 14); /* 4:3の画像 */
}

@media screen and (min-width: 640px) {
	.infinity-slider {
		animation: infinity-scroll-left 60s infinite linear .5s both;
	}
	.slide_item {
		padding: 0 2%;
	}
	/* 画面上に見えるスライドの枚数3 */
	.slide_item:nth-child(1),
	.slide_item:nth-child(2) {
		width: calc(400vw * 3 / 40); /* 3:4の画像 */
	}
	.slide_item:nth-child(3),
	.slide_item:nth-child(4) {
		width: calc(400vw * 4 / 40); /* 4:3の画像 */
	}
}
@media screen and (min-width: 1024px) {
	.infinity-slider {
		animation: infinity-scroll-left 80s infinite linear .5s both;
	}
	.slide_item {
		padding: 0 2%;
	}
	/* 画面上に見えるスライドの枚数4 */
	.slide_item:nth-child(1),
	.slide_item:nth-child(2) {
		width: calc(100vw * 3 / 14); /* 3:4の画像 */
	}
	.slide_item:nth-child(3),
	.slide_item:nth-child(4) {
		width: calc(100vw * 4 / 14); /* 4:3の画像 */
	}
}

/* ===============================================================
 * Header
 * ============================================================ */
.l-header {
	transition: .3s ease;
	height: 120px;
}
.l-header__content {
	width: 95%;
	height: 100%;
	margin: 0 auto;
}
.l-1row-header {
	width: 100%;
	height: 100%;
}
.l-1row-header .c-fluid-container {
	height: 100%;
}
.c-site-branding__title {
	display: flex;
	align-items: center;
}
[data-scrolled=true] .l-header--sticky-overlay-colored-lg {
	background-color: #000000a1;
	transition: .3s ease;
}
[data-scrolled=false] .l-header--sticky-overlay-colored-lg {
	transition: .3s ease;
}
/*ロゴリンク*/
.custom-logo-link {
	display: inline-block;
	transition: .3s ease!important;
}
.c-site-branding__title .custom-logo {
	width: auto;
	height: 80px;
}
.l-header .c-row--lg-margin {
	--_gap: none;
}
.c-row>.c-row__col {
	padding: 0;
}
/*spの時*/
.c-drawer__controls {
	height: 70px;
}
@media screen and (max-width: 639px) {
	.l-header {
		height: 70px;
	}
	.l-header__content {
		width: 90%;
	}
	.c-site-branding__title .custom-logo {
		height: 45px;
	}
}
@media screen and (min-width: 640px) {
	.l-header .c-fluid-container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	.l-header .c-fluid-container .c-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	.c-drawer__controls {
		height: 100px;
	}
}
@media screen and (min-width: 1024px) {
	
}
@media screen and (min-width: 1280px) {
	a.custom-logo-link:hover {
		opacity: .6;
	}
}

/* グローバルナビゲーション
--------------------------------------------------------------- */
/*共通*/
 .l-1row-header .c-fluid-container {
    padding-right: 0;
	padding-left: 0;
}
.p-global-nav--hover-extend-underline .c-navbar__item>a:after {
	background-color: #fff;
}
.p-global-nav .c-navbar__submenu {
	background-color: #333;
}
.p-global-nav .c-navbar__item>a {
	padding: 17px;
	white-space: nowrap;
}
.p-global-nav .c-navbar__item.header_cta>a {
    color: #000;
}
.p-global-nav .c-navbar__item.tel>a {
	margin-left: 17px;
    font-size: 18px;
	font-family: "Oswald", sans-serif;
	background-color: var(--wp--preset--color--sub-accent-color);
	border: solid 1px var(--wp--preset--color--sub-accent-color);
	color: #fff;
	white-space: nowrap;
}
.p-global-nav .c-navbar__item.tel>a:after {
	display: none;
}
.p-global-nav .c-navbar__item.tel>a:hover {
	background-color: #fff;
	color: #000;
}
[data-scrolled=true] .p-global-nav .c-navbar__item.tel>a {
	border: solid 1px var(--wp--preset--color--sub-accent-color);
}
ul#menu-g_nav {
    height: 60px;
}
.p-global-nav .c-navbar__item[aria-haspopup=true]:before{
	display : none;
}
li.g_nav_sab {
    border-bottom: 1px solid #ffffff80;
}
.p-global-nav .c-navbar__item.header_cta>a:hover {
    opacity: 0.9;
    transition: 0.5s;
}
@media screen and (max-width:1280px) {
	[data-scrolled=false] .l-header--sticky-overlay-colored-lg .p-global-nav .c-navbar__item>a {
		color: #fff;
	}
}
/*以下ドロワーナビゲーション「左」の時*/
@media screen and (max-width: 1024px) {
	#drawer-nav .c-drawer__inner {
		padding: var(--_padding-1);
	}
	#menu-item-465 {
		border: solid 1px #fff;
		font-family: "Oswald", sans-serif;
		margin: var(--_padding-2) 0;
	}
}

/*以下ドロワーナビゲーション「オーバーオール」の時*/
@media screen and (max-width: 1024px) {
	[id=drawer-nav].c-drawer--overall .c-drawer__controls {
		display: flex;
		align-items: center;
		justify-content: end;
		width: 100%;
		left: 0;
		right: auto;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	#hamburger-btn {
		margin-right: 1%;
	}
	ul#menu-sp_nav li a {
		text-align: center;
	}
} 
@media screen and (max-width: 639px) {
	[id=drawer-nav].c-drawer--overall .c-drawer__controls {
		padding-left: 5%;
		padding-right: 5%;
	}
	#hamburger-btn {
		margin-right: 0px;
	}
}

/* ===============================================================
 * Footer
 * ============================================================ */
.l-footer {
	border: none;
	background-color: #333333;
}
.l-footer .c-container {
	width: 90%;
	max-width: 1100px;
	padding: 0;
}
.l-footer p {
	color: #fff;
}
.l-footer .c-row--lg-margin-l {
	--_gap: 0;
}
.l-footer--default .l-footer-widget-area {/*1280px基準*/
	padding: clamp(40px, 6.25vw, 80px) 0 0;
}
.l-footer--footer .l-footer__body {
	border-top: none;
}
.l-footer .wp-block-image img {
	width: 100%;
	max-width: 280px;
}


.l-footer .btn{
	width: 300px;
}

.l-footer .btn a{
	background-color: #000;
	width: 300px;
}

.l-footer .btn a::before{
	top: 0;
	left: 0;
	border: 2px solid #fff;
}

.l-footer .btn a:hover {
background: #fff;
color: #333;
}


@media screen and (max-width: 1023px) {
	.l-footer p {
		text-align: center;
		font-size: 13px;
	}
	.l-footer .wp-block-image {
		width: 80%;
		max-width: 300px;
	}
	.l-footer .wp-block-image img {
		text-align: center;
	}
}
@media screen and (min-width: 1024px) {
	.l-footer .wp-block-image a {
		transition: .3s ease;
	}
	.l-footer .wp-block-image a:hover {
		opacity: .6;
	}
/* 	.l-footer-widget-area__item:nth-of-type(1) {
		--_item-width: 100%;
	}
	.l-footer-widget-area__item:nth-of-type(2) {
		--_item-width: 0%;
	} */
}

/* 電話ボタン・お問い合わせボタン
--------------------------------------------------------------- */
ul#menu-footer_contact_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	background-color: #fff;
	border-image-slice: 1;
	color: #000;
	font-size: clamp(16px, 1.40vw ,18px);
	font-weight: 700;
	border: solid 3px #fff;
	transition: .3s ease;
	font-family: "Oswald", sans-serif;
}
ul#menu-footer_contact_btn a:hover {
	text-decoration: none;
}
@media screen and (min-width: 640px) {
	ul#menu-footer_contact_btn {
		display: flex;
	}
	ul#menu-footer_contact_btn {
		width: 100%;
		max-width: 550px;
		margin: 0 auto;
		justify-content: center!important;
	}
	ul#menu-footer_contact_btn li {
		display: flex;
		justify-content: center;
		width: 50%;
		margin: 0;
	}
	ul#menu-footer_contact_btn a {
		width: 100%;
		max-width: 250px;
	}
}
@media screen and (min-width: 1024px) {
	ul#menu-footer_contact_btn {
		max-width: 100%;
		margin: 0 auto 0 0;
	}
	ul#menu-footer_contact_btn li {
		justify-content: flex-start;
		width: 250px;
	}
	ul#menu-footer_contact_btn li:first-child {
		margin-right: 15px;
	}
	ul#menu-footer_contact_btn a:hover {
		background-image: none;
		background-color: #000;
		color: #fff;
		border: solid 1px #fff;
	}
}

/* フッターナビゲーション
--------------------------------------------------------------- */
.l-footer .widget_nav_menu {
	width: 100%;
}
ul#menu-footer {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#menu-footer li {
	margin-top: 0;
}
#menu-footer li a {
	transition: .3s ease;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
}
#menu-footer a:hover {
	opacity: .6;
	text-decoration: none;
}

.l-footer .mini_cta-btn{
	width: 100%;
}

@media screen and (max-width: 1025px){
.l-footer .smb-buttons.is-content-justification-left {
	justify-content: center!important;
}
}

@media screen and (max-width: 650px){
	.l-footer .fv_btn a.smb-btn{
		width: 300px;
	}

}

@media screen and (max-width: 639px) {
	ul#menu-footer::after {
		content: "";
		display: block;
		width: 50%;
	}
	#menu-footer {
		margin: 25px 0;
	}
	#menu-footer li {
		/* width: 50%; */
		text-align: center;
		padding: 5px 0;
	}
}
@media screen and (max-width: 1190px) {
	ul#menu-footer a {
		font-size: 14px;
	}
}
@media screen and (max-width: 1023px) {
	ul#menu-footer {
		width: 100%;
		max-width: 550px;
		justify-content: space-around;
		margin: 30px auto 0;
	}
}
@media screen and (min-width: 1024px) {
	ul#menu-footer {
		width: 90%;
		margin-left: auto;
		margin-right: 0;
		justify-content: flex-end;
		margin-top: 8rem;
	}
	ul#menu-footer li {
		width: 50%;
		padding-bottom: 1em;
		text-align: center;
	}
}

/* コピーライト
--------------------------------------------------------------- */
.c-copyright--inverse {
	display: flex;
	align-items: center;
	padding: clamp(40px, 5.46vw, 70px) 0;
	background: none;
	color: #fff;
	font-size: 11px;
}

/* トップに戻るボタン
--------------------------------------------------------------- */
#page-top {
	right: 0;
	bottom: 0;
	background-color: var(--accent-color);
	border-radius: 0;
}
#page-top svg.svg-inline--fa {
	margin-right: 0;
}

/* セクション間CTA
--------------------------------------------------------------- */
#section_cta{
	margin-top: 0!important;
}

/* #section_cta .btn .wp-block-button{
	width: 300px;
} */

#section_cta .section_cta_inner{
	display: flex;
	flex-direction: column;
}

@media screen and (max-width: 560px){
#section_cta .has-sm-4-xl-font-size{
	font-size: 20px!important;
}
}

#section_cta .btn_box{
	margin-top: 0!important;
}

#section_cta .section_btn_box{
	display: flex;
	justify-content: space-around;
	align-items: center;
}


/* #section_cta figure{
	width: 60%;
} */

.section_cta_btn-box .btn:first-of-type{
	margin-top: 0!important;
}

.section_cta-logo-flex figure{
	margin-right: 0!important;
}

.section_cta-logo-flex{
	gap: 10px!important;
}

#section_cta .btn .wp-block-button{
	width: clamp(200px, 30vw, 300px)!important;
}

@media screen and (max-width: 730px){
	#section_cta .btn a{
		padding: 1rem 2rem;
	}
}

@media screen and (max-width: 580px){
	#section_cta .btn a{
		padding: 1rem;
	}
}

/* ===============================================================
 * Main：top
 * ============================================================ */

/* メインビジュアル
--------------------------------------------------------------- */
#t-mv {
	position: relative;
	height: 100vh;
	min-height: 600px;
}
#t-mv .smb-section-with-bgimage__bgimage::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #999;
	mix-blend-mode: multiply;
}
#t-mv.smb-section {/*1280px基準*/
	padding-bottom: 0!important;
}
#t-mv .smb-section__inner,
#t-mv .c-container, 
#t-mv .smb-section__contents-wrapper {
	width: 100%;
	height: 100%;
}
#t-mv .catchcopy_box {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-bottom: 0;
}
#t-mv .catchcopy_box .main-catch {
	font-size: clamp(36px, 7vw, 60px)!important;
}
#t-mv .catchcopy_box .sub-catch {
    font-size: clamp(15px, 1.8vw, 27px)!important;
}
#t-mv .scroll {
	position: absolute;
	right: 0;
	bottom: clamp(calc(-30px - .5em), calc(-6.25vw - .5em), calc(-80px - .5em));
	padding-right: clamp(calc(40px + .5em), calc(20vw + .5em), calc(200px + .5em));
	transform: rotate(90deg);
	transform-origin: top right;
}
#t-mv .scroll::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: clamp(40px, 20vw, 200px);
	height: 1px;
	background-color: #fff;
	transform: translatey(calc(-50% + .1em));
	animation: border_anim 2s ease infinite;
}

/* #t-mv .fv_car-cta{
	position: absolute;
	bottom: .5rem;
	width: 100%;

} */

.fv_car-cta{
	color: #fff;
	font-weight: 700;
}
.fv_cta{
	margin-left: 0!important;
	position: absolute;
	width: 100%;
	bottom: 5%;
}
.fv_car-cta .btn{
	height: 3rem;
}


.fv_car-cta .btn a::before{
	top: -2px;
	left: -2px;
	border: 1px solid #fff;
}

.mini_cta-box{
	letter-spacing: .2rem;

	width: 50%;

	margin-left: 0!important;
	/* position: absolute;
	bottom: 25%; */
}
.fv_btn a.smb-btn {
    background-color: #fcd535;
    position: relative;
    transition: .25s;
    color: #000000;
    font-size: 1.2rem;
	max-width: 300px;
}

@media screen and (max-width: 680px){
	.fv_btn a.smb-btn{
		width: 300px;
	}
}

.mini_cta-text{
	display: flex;
	width: 50%;
	justify-content: center;
	font-weight: 700;
	text-shadow: 0px 0px 10px #000;
}



.mini_cta-text::before, .mini_cta-text::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 1.5px;
    height: 1.5rem;
    background: #fff;
}
.mini_cta-text::before {
    transform: rotate(-30deg);
    left: 0;
}
.mini_cta-text::after {
    transform: rotate(30deg);
    right: 0;
}

.mini_cta_btn-box{
	margin-top: 1rem!important;
}

.mini_cta-btn{
	width: 300px;
}

.mini_cta-btn a{
	padding: 1rem;
	background-color: var(--wp--preset--color--sub-accent-color);
	border-radius: 0;
	font-weight: 700;
	font-family: "Oswald", sans-serif;
}



.fv_car-cta .c-entry-summary__header{
	display: none;
}

.fv_car-cta .snow-monkey-posts .c-entries__item a{
	padding: 0!important;
}

/* .fv_car-cta .wp-block-button a{
	background-color: var(--wp--preset--color--sm-sub-accent);
	border-radius: 0;
} */

.fv_car-cta .btn a{
	padding: .5rem 1rem;
	background: #000;
}

.fv_car-cta .btn a:hover{
	background: var(--wp--preset--color--sub-accent-color);
}

.fv_car-cta .btn_box{
	margin-top: 0!important;
}

.fv_car-cta .btn a::before{
	top: 0;
	left: 0;
}

.fv_car-cta .smb-recent-posts.wp-block-snow-monkey-blocks-recent-posts{
	/* margin-top: 1rem; */
}

.fv_car-cta .c-entry-summary__figure{
	margin-bottom: 0;
}

.fv_car-cta_ttl{
	text-align: center;
	position: relative;
	font-size: 1.2rem;
	font-weight: 700;
}

.fv_car-cta_ttl::before{
	position: absolute;
	content: "";
	display: inline-block;
	background: url(https://stella-cars.co.jp/wp-content/uploads/2026/06/27622500.png) 100% 100% / contain;
	background-repeat: no-repeat;
	width: 150px;
	height: 150px;
	top: -70%;
	left: -17%;
}

.fv_car-cta .c-entries-carousel .spider__dots {
    margin-top: 0;
}


@media screen and (max-width: 1023px) {
	#t-mv {
		height: 100svh;
	}
}
@media screen and (max-width: 639px) {
	#t-mv .catchcopy_box .main-catch {
		font-size: 9.8vw!important;
	}
	#t-mv .catchcopy_box {
		bottom: 20%;
		margin-bottom: 0;
	}
}

@media screen and (max-width: 639px) {
	#t-mv .catchcopy_box .main-catch {
		font-size: 5.8vw!important;
	}
	#t-mv .catchcopy_box {
		bottom: 0;
		margin-bottom: 0;
	}
	#t-mv .catchcopy_box img{
		width: 300px;
	}
}

/* @media (min-width: 1024px) {
    .c-entries {
        --entries--item-width: 20%;
    } */

/* @media (min-width: 640px) {
    .c-entries-carousel .spider__slide {
        max-width: calc(15% - var(--entries--carousel--gap) / 1.5);
    }
 */
	/* .c-entry-summary__title{
		display: none;
	} */

	.c-entry-summary__content{
		display: none;
	}
}

/* バナー
--------------------------------------------------------------- */
#t-banner.smb-section {/*1280px基準*/
	padding: clamp(40px, 7.81vw, 100px) 0 clamp(10px, 2.34vw, 30px)!important;
}
#t-banner a {
	transition: .3s ease;
}
#t-banner a:hover {
	opacity: .6;
}

/* 導入
--------------------------------------------------------------- */
#t-about .text_box {
	position: relative;
}
#t-about .img_box {
	position: relative;
}
#t-about .img_box .img_bg {
	height: 250px;
	width: 113.5%;
}

@media screen and (min-width: 782px) {
	#t-about .img_box .img_bg {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
}

/* 事業内容
--------------------------------------------------------------- */
#t-service {
	/* clip-path: polygon(0 5.2vw, 100% 0, 100% calc(100% - 5.2vw), 0 100%);
	background: url("/wp-content/uploads/2026/02/bg_gray.jpg") center / cover repeat-y; */
}
#t-service.smb-section {/*1280px基準*/
	/* padding: clamp(80px, 17.18vw, 220px) 0 clamp(80px, 14.06vw, 180px)!important; */
}


#t-service .service_box {
	/* border-radius: 0;
	border: solid 1px #fff;
	overflow: hidden; */
	justify-content: space-between;
}
#t-service .service_box .smb-box__body {
	height: 100%;
}
#t-service .service_box_1 {
	height: 100%;
}
#t-service .service_box_2,
#t-service .service_box_3 {
	height: clamp(200px, 30.5vw, 305px);
}
#t-service .service_box .inner_box {
	display: flex;
	align-items: center;
	transition: .3s ease;
	height: clamp(200px, 30.5vw, 305px);
}

#t-service .service_box .inner_box::before {
  content: "";
  background: rgba(0,0,0,.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#t-service .service_box img{
	filter: blur(5px);
}

@media screen and (max-width: 768px){
	#t-service .service_box img{
	filter: blur(1px);
}
}


/* #t-service .service_box_1 .inner_box {
	height: 100%;
}
#t-service .service_box_2 .inner_box,
#t-service .service_box_3 .inner_box {
	height: clamp(200px, 30.5vw, 305px);
} */
#t-service .service_box .inner_box .text_box {
	width: 90%;
	color: #ffffff;
}
@media screen and (max-width: 781px) {
	#t-service .service_box_1 {
		height: clamp(200px, 30.5vw, 305px);
	}
	#t-service .service_box .inner_box .text_box {
		width: 100%;
	}
}
@media screen and (min-width: 782px) {
	/* #t-service .service_box:hover .ib_01,
	#t-service .service_box:hover .ib_02{
		transform: scale(1.04);
	} */
}


/* 選ばれる理由
--------------------------------------------------------------- */

.reason_box.wp-block-columns {
    align-items: stretch !important;
}
.reason_box.wp-block-column {
    align-self: stretch;
    display: flex;
}
.reason_box.wp-block-column > * {
    width: 100%;
}

.reason_box figure{
	width: 50%;
}

#reason .en_ttl{
	z-index: 10;
}

.reason_text{
	width: 85%;
}

h3.reason_box-ttl{
	position: relative;
	padding-bottom: 0.5rem;
    border-bottom: 2px solid #333;
	width: 90%;
}

@media screen and (max-width: 1100px){
	h3.reason_box-ttl{
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 1000px){
	h3.reason_box-ttl{
		font-size: 1.1rem;
	}
}

@media screen and (max-width: 920px){
	h3.reason_box-ttl{
		font-size: 1rem;
	}
}

@media screen and (max-width: 768px){
	h3.reason_box-ttl{
		font-size: 1.3rem;
	}
}


.reason_box-ttl::after{
	position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) skew(-25deg);
    height: 20px;
    width: 10px;
    border-right: 2px solid #333;
    background-color: #fff;
    content: "";
}




/* 施工実績
--------------------------------------------------------------- */
#t-works.smb-section {/*1280px基準*/
	padding: clamp(50px, 7.81vw, 100px) 0!important;
}
/*スノーモンキーブロック：リッチメディアカルーセル*/
.spider>.spider__arrow {
	width: 40px;
	height: 40px;
	background-color: #000;
	border-radius: 20px;
	transition: .3s ease;
}
.spider__arrow:hover {
	background-color: var(--accent-color);
}
.spider__arrow:before {
	width: 7px;
	height: 7px;
	border-color: #fff!important;
}
.spider__arrow[data-direction=prev] {
    left: -20px;
}
.spider__arrow[data-direction=prev]:before {
	transform: rotate(45deg) translatex(3px);
}
.spider__arrow[data-direction=next] {
    right: -20px;
}
.spider__arrow[data-direction=next]:before {
	transform: rotate(45deg) translatex(-3px);
}
.spider__dots:not([data-thumbnails=true]) .spider__dot {
	background-color: #ccc;
}
@media screen and (max-width: 639px) {
	.spider__arrow[data-direction=prev] {
		left: -10px;
	}
	.spider__arrow[data-direction=next] {
		right: -10px;
	}
}
@media screen and (max-width: 1023px) {
	.c-entries-carousel .spider__dots {
		margin-top: 15px;
	}
}

/* #t-works .c-entry-summary.c-entry-summary--works.c-entry-summary--type-works{
	display: flex;
	flex:auto;
	flex-direction: row!important;
	align-items:end;
} */

#t-works .c-entries__item a{
	/* background: linear-gradient(135deg, #ffffff 0%, #fbf9f6 100%); ほんのりグラデーション */
	/* background: var(--wp--preset--color--sub-accent-color);
  
	border: 3px solid var(--wp--preset--color--sub-accent-color);  */
	
	/* 柔らかな陰影 */
	box-shadow: 0 4px 12px rgba(212, 197, 179, 0.2);
	
	cursor: pointer;
	text-align: left;
	transition: all 0.2s ease;

	padding: 0;
}

#t-works .c-entries--panel .c-entry-summary {
    background: var(--wp--preset--color--sub-accent-color);
}

/* #t-works .c-entries__item{
	position: relative;
} */

/* #t-works .c-entries__item a{
	padding: 0!important;	
} */
#t-works .c-entry-summary__figure{
	/* margin-top: 1rem;
	padding-top: .5rem; */
	width: 100%;
}

/* #t-works .c-entry-summary__figure img{
	width: 100%;
	height: auto;
} */

/* #t-works .c-entry-summary__body{
	position: absolute;
	bottom: 0;
	left: 0;
} */

#t-works .c-entries--panel .c-entry-summary__body{
	padding: 0!important;
	text-align: right;

}

#t-works .c-entry-summary__header{
	margin-bottom: 1rem;
	font-weight: 700;
}


#t-works .c-entry-summary__header .c-entry-summary__title{
	position: relative;
	padding-right: 35px;
}

/* #t-works .c-entry-summary__header .c-entry-summary__title::before{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  width: 22px;
  height: 22px;
  margin: auto;
  border-radius: 20px;
  background-color: #fff;
} */
#t-works .c-entry-summary__header .c-entry-summary__title::after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 6px solid transparent;
  border-right: 0 solid transparent;
  border-left: 9px solid #fff;
  border-bottom: 6px solid transparent;
  box-sizing: border-box;
}



/* 強み
--------------------------------------------------------------- */
#t-point.smb-section {
	padding: 0!important;
}
#t-point .bg {
	padding: clamp(30px,7.81vw,100px) 0;
	background: url(/wp-content/uploads/2026/02/bg_gray.jpg) center / cover repeat-y;
}
#t-point .point_box {
	width: 88%;
	max-width: 1000px;
}
#t-point .point_box img {
	border: solid 1px #fff;
}
#t-point .point {
	display: inline-block;
	background-color: #000;
	color: #fff;
	padding: 0 0.5em 0.1em;
}
#t-point .point_index {
	border-bottom: solid 1px #000;
	margin:.3em 0 .5em!important;
	padding-bottom: .3em;
	line-height: 1.3;
}

/* 求人情報
--------------------------------------------------------------- */
#t-recruit.smb-section {/*1280px基準*/
	padding-bottom: clamp(50px, 7.81vw, 100px)!important;
}
#t-recruit .index_box {
	text-align: center;
}
#t-recruit h3 {
	display: inline;
	border-bottom: solid 1px #fff;
}
#t-recruit .recruit_point {
	font-size: clamp(14px, 2.4vw, 24px)!important;
}
@media screen and (max-width: 639px) {
	.recruit_point {
		padding-top: 0.4em!important;
		padding-left: 1.4em!important;
		padding-right: 1.4em!important;
		padding-bottom: 0.4em!important;
	}
	#t-recruit .recruit_text {
		text-align: left;
	}
}
@media screen and (min-width: 640px) {
	#t-recruit .index_box {
		border-bottom: solid 1px #fff;
	}
	#t-recruit h3 {
		display: inline-block;
		border-bottom: none;
	}
}


/* 対応地域
--------------------------------------------------------------- */

#t-area .area_map figure{
	width: 80%;
}

#t-area .area_map img{
	width: 100%;
	height: auto;
}

#t-area .shop_address{
	border: 1px solid #000;
	padding: .1rem .5rem;
	margin-bottom: .5rem;
	display: inline-block;
}
.wp-block-snow-monkey-blocks-box.smb-box.shop_info {
    max-width: 740px;
    width: 100%;
}
/* #t-area .area_shop-detail{
	width: 80%;
	background: #eee;
} */

#t-area .flow_sec_ttl{
	margin: 0 auto;
}

#t-area .flow_sec_ttl strong{
    background: linear-gradient(transparent 60%, var(--wp--preset--color--sub-accent-color) 30%);
	padding: 0 .5rem;
}

#t-area .flow-box{
	border-radius: 50px;
background: linear-gradient(145deg, #ffffff, #dedede);
box-shadow:  20px 20px 26px #d4d4d4,
             -20px -20px 26px #ffffff;
}


#t-area .flow-image figure{
	width: 80%;
}

#t-area .flow-step{
	background:linear-gradient(90deg, var(--wp--preset--color--sub-accent-color) 0%, var(--wp--preset--color--sub-accent-color) 15%, #fff 15%, #fff 100%);
	padding: .3rem 1rem .3rem 1.5rem;
	display: inline-block;
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	font-size: 1.3rem;

	position: relative;
}

/* #t-area .flow-step::before{
	content: "";
	background:linear-gradient(180deg, var(--wp--preset--color--sub-accent-color) 0%, var(--wp--preset--color--sub-accent-color) 50%, #fff 50%, #fff 100%);

	width: 1rem;
	height: 2.9rem;

	position: absolute;
	left: -1rem;
	top: 0;
} */

#t-area .flow-ttl{
	font-size: 1.5rem;
    color: var(--wp--preset--color--sub-accent-color);
    font-weight: 700;
	margin-top: 10px!important;
}

#t-area .flow-circle{
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background-color: var(--wp--preset--color--sub-accent-color);
	margin: 0 auto;
}

#t-area .flow-circle-s{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: var(--wp--preset--color--sub-accent-color);
	margin: 0 auto;
}



/* 流れ */

#t-flow a.smb-btn{
	width: 300px;
}

@media screen and (max-width: 525px){
	#t-flow a.smb-btn{
		width: 250px;
	}
}

@media screen and (max-width: 450px){
	#t-flow a.smb-btn{
		width: 180px;
		font-size: .9rem;
	}
}

/* よくある質問
--------------------------------------------------------------- */

.smb-accordion__item__title{
	position: relative;
}

/* .smb-accordion__item__title__icon{
	z-index: 5;
}

.smb-accordion__item__title__icon svg{
	z-index: 10;
}

.smb-accordion__item__title__icon::before{
	position: absolute;
	content: "";
	height: 100%;
	width: 4.2rem;
	background-color: #d4c5b3;
	right: 0;
	top: 0;
	z-index: -5;
} */

.smb-accordion__item__title{
	z-index: 0;
}

.smb-accordion__item__title__icon svg{
	z-index: 10;
}

.smb-accordion__item__title::before{
	position: absolute;
	content: "";
	height: 100%;
	width: 4.2rem;
	background-color: var(--wp--preset--color--sub-accent-color);
	right: 0;
	top: 0;
	z-index: -5;
}

.smb-accordion .smb-accordion__item__control:checked+.smb-accordion__item__title>.smb-accordion__item__title__icon{
	margin-right: 7px;
}


#t-greeting.smb-section{
	padding-top: 4rem!important;
}

#t-greeting .greeting_box{
	position: relative;
}

#t-greeting figure{
	position: absolute;
	top: 50%;
	right: 0;
	opacity: .05;
	transform: translateY(-50%);
}

/* お知らせ
--------------------------------------------------------------- */
#t-news.smb-section {/*1280px基準*/
	padding-bottom: clamp(50px, 7.81vw, 100px)!important;
}
.c-entry-summary__title {
	font-weight: 600!important;
}
.c-meta__item--published {
	font-weight: 500!important;
}
.snow-monkey-posts .c-entries__item a {
	padding-left: var(--entries--gap);
	padding-right: var(--entries--gap);
}
.snow-monkey-posts .c-entries__item a time {
	color: #000;
	font-family: "Oswald", sans-serif;
}
#t-news .snow-monkey-posts {
	background-color: rgba(255,255,255,0.4);
}

/* インスタグラム
--------------------------------------------------------------- */
/* #sb_instagram .sbi_follow_btn {
	display: block;
}
#sb_instagram .sbi_follow_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
}
#sb_instagram .sbi_follow_btn a span {
	position: relative;
	bottom: 0.05em;
	z-index: 5px;
} */
/*既存のボタンhoverを削除*/
#sb_instagram .sbi_follow_btn a:focus, #sb_instagram .sbi_follow_btn a:hover {
    box-shadow: none!important;
}

@media screen and (max-width: 950px){
	#t-instagram .btn a{
	padding: 1rem 2rem;
}
}

@media screen and (max-width: 768px){
	#t-instagram .btn a{
	padding: 1rem 1.5rem;
	font-size: 1rem;
}
}



@media screen and (max-width: 660px){
/* #t-instagram .btn_box{
	margin-block-start: 0!important;
	position: relative;
	left: 0;
} */

#t-instagram .wp-block-buttons>.wp-block-button.wp-block-button__width-50{
	width: 100%!important;
}

#t-instagram .btn a{
	padding: 1rem;
	font-size: 1rem;
	width: 80%!important;
	margin: 0 auto!important;
	position: relative;
	left: 0;
}
}

@media screen and (max-width: 370px){
	#t-instagram .btn a{
	padding: 1rem;
	font-size: 1rem;
	width: 95%!important;
}
}


/* リフォーム事業
--------------------------------------------------------------- */
.reform_txt{
	text-align: left!important;
}

.reform-img{
	width: 100%;
	object-fit: contain;
}


.reform_check{
	text-align: left!important;
	position: relative;
	padding-left: 2rem;
}

.reform_check::before{
	content: "";
	position: absolute;

	width: 1.2rem;
	height: 1.2rem;
	left: 0;
	top: 50%;
	transform: translateY(-50%);


	background-image: url(https://stella-cars.co.jp/wp-content/uploads/2026/08/check.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: .5rem;
}


.reform_box{
	display: flex;
	align-items: stretch;
}

.reform_box > .wp-block-columns {
    width: 100%;
    height: 100%;
    align-items: center;
}

.reform_point-img{
	width: 100%;
}

#reform .btn a{
	width: 120%;
	left: 50%;
  	transform: translateX(-50%);
}

@media screen and (max-width: 1000px){
	.reform_box .wp-block-columns{
		flex-direction: column;
	}

	.reform_box .wp-block-columns p{
		text-align: center;
	}

	.reform_box .wp-block-columns figure img{
		margin: 0 auto;
		width: 80%!important;
	}
}


@media screen and (max-width: 780px){
	.reform_check-box{
		padding-left: 2rem!important;
	}

	.reform_box .wp-block-columns{
		flex-direction: row;
	}

	.reform_inner{
		flex-wrap: wrap!important;
	}


    .reform_box {
        width: 100%;
        align-items: stretch;
    }

    .reform_box > .wp-block-columns {
        width: 100%;
        min-height: 150px;
        align-items: center;
    }

	.reform_container-txt{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#reform .jp_ttl, #reform .en_ttl{
		text-align: center!important;
	}

}


@media screen and (max-width: 650px){
	.reform_container{
		flex-wrap: wrap!important;
	}

	.reform_container .wp-block-column{
		flex-basis: 100%!important;
	}

	.reform_txt{
		text-align: center!important;
	}

	.reform_inner.wp-block-columns{
		flex-wrap: wrap!important;
		justify-content: center;
	}
	.reform_box{
		flex-basis: 46%!important;
	}
}

@media screen and (max-width: 500px){
	#reform .btn a{
	width: 90%;
	left: 45%;
  	transform: translateX(-50%);
	font-size: 1rem;
	padding: 1rem 0;
}
}

@media screen and (max-width: 400px){
		.reform_box{
		flex-basis: 90%!important;
	}
}

/* お問い合わせ(CTA)
--------------------------------------------------------------- */
#t-cta.smb-section {/*1280px基準*/
	padding: clamp(40px, 6.25vw, 80px) 0!important;
}
#t-cta .contact_box {
	position: relative;
	padding: clamp(40px, 4.68vw, 60px) clamp(20px, 2.8vw, 28px) clamp(20px, 3.90vw, 50px)!important;
}
#t-cta .contact_box h3 {
	margin-bottom: clamp(8px, 1.56vw, 20px)!important;
}
#t-cta .icon {
	position: absolute;
	top: clamp(-40px, -4.0vw, -30px);
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
	font-size: clamp(27px, 3.6vw, 36px);
	color: #fff;
	width: clamp(60px, 8.0vw, 80px);
	height: clamp(60px, 8.0vw, 80px);
	border-radius: 100px;
	transform: translatex(-50%);
}
#t-cta .icon svg {
	margin-right: 0;
}
#t-cta .tel {
	font-size: clamp(36px, 5vw, 50px);
	height: 45px;
	
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
}
#t-cta .tel a {
	transition: .3s ease;
	font-weight: 800;
	text-decoration: none;
}
#t-cta .tel a:hover {
	opacity: .6;
}
#t-cta .wp-block-buttons {
	margin-top: 0!important;
}
#t-cta .form {
	width: 100%;
	max-width: 450px;
	height: 65px;
	font-weight: bold;
}
#t-cta .form a {
	border-radius: 0;
}
#t-cta .form a:hover {
	background-color: #fff;
	border: solid 1px #000;
	color: #000;
	filter: brightness(100%);
}
@media screen and (max-width: 781px) {
	#t-cta .wp-block-columns {
		margin-top: 45px;
	}
}

#t-cta .cta_container .smb-box__body{
	display: flex;
}

#t-cta .cta_container .wp-block-snow-monkey-blocks-box .smb-box{
	width: 50%;
}

#t-cta .cta_container .smb-box__body .wp-element-button{
	text-decoration: none;
}

.cta-link a{
	text-decoration: none;
	/* padding: .5rem 1rem;
	background-color: #33333394; */
	color: #fff;
}

/* .cta_link-box .wp-block-cover{
	align-items: flex-start;
}

.cta_link-box .wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow{
	position: absolute;
}

.cta_link-inner{
	position: relative;
	top: 40%;
} */

.cta_link-inner{
	background-color: #ffffff20;
	color: #fff;
	width: 90%;
	height: 350px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.cta_link-box:hover .cta_link-inner{ 
	opacity: .7;
}

/* ===============================================================
 * Main：lower
 * ============================================================ */

/* 既存クラス
--------------------------------------------------------------- */
.l-contents__container {/*HOME以外のページ左右余白*/
	padding-left: 0;
	padding-right: 0;
}
.page-id-21 .l-contents__inner:last-child/*事業内容*/,
.page-id-19 .l-contents__inner:last-child/*会社概要*/,
.page-id-176 .l-contents__inner:last-child/*求人情報*/,
.page-id-23 .l-contents__inner:last-child/*お問い合わせ*/,
.page-id-77 .l-contents__inner:last-child/*プライバシー*/ {
	padding-bottom: 0;
}
.c-prev-next-nav img {
	filter: grayscale(1);
}

/* ぱんくずリスト
--------------------------------------------------------------- */
.p-breadcrumbs-wrapper {
	position: relative;
	left: 0;
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
	border-bottom: solid 1px var(--accent-color);
}
.p-breadcrumbs-wrapper a {
	position: relative;
	color: var(--accent-color);
	z-index: 2;
}
.page-id-176 .p-breadcrumbs-wrapper {/*求人情報*/
	border-bottom: none;
}

/* 下層ページヘッダー
--------------------------------------------------------------- */
.c-page-header {/*1000px基準*/
	padding-top: clamp(100px, 17vw, 170px);
	padding-bottom: clamp(55px, 9vw, 90px);
}
.c-page-header__bgimage img {
	filter: grayscale(1);
}
.c-page-header::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #666;
	mix-blend-mode: multiply;
}
.c-page-header::before {
	content: "";
	position: absolute;
	top: calc(50% + 0.1em);
	left: 50%;
	display: block;
	transform: translate(-50%,-50%);
	font-family: "Oswald", sans-serif;
	font-size: clamp(55px, 17vw, 180px);
	font-weight: 600;
	color: #b3b3b3;
	letter-spacing: .1em;
	mix-blend-mode: multiply;
	z-index: 2;
}
.page-id-21 .c-page-header::before {
	content: "SERVICE";
}
.page-id-19 .c-page-header::before {
	content: "COMPANY";
}
.blog .c-page-header::before {
	content: "NEWS";
}
.category-news .c-page-header::before {
	content: "NEWS";
}
.post-type-archive-works .c-page-header::before {
	content: "WORKS";
}
.single-works .c-page-header::before {
	content: "WORKS";
}
.page-id-176 .c-page-header::before {
	content: "RECRUIT";
}
.page-id-23 .c-page-header::before {
	content: "CONTACT";
}
.c-page-header__title {/*1000px基準*/
	font-size: clamp(26px, 3.4vw, 34px)!important;
	letter-spacing: .1em;
	color: #fff;
	z-index: 3;
}
.c-page-header[data-has-image=true] {
    height: unset;
}
.c-page-header[data-has-image=true] .c-page-header__content {
    color: unset;
}
@media screen and (max-width: 639px) {
	.c-page-header__meta {
		font-size: 13px;
	}
}

/* 事業内容
--------------------------------------------------------------- */
#service {
	clip-path: polygon(0 5.2vw, 100% 0, 100% calc(100% - 5.2vw), 0 100%);
}
#service.smb-section {/*1280px基準*/
	padding: clamp(80px, 14.06vw, 180px) 0 clamp(80px, 14.06vw, 180px)!important;
}
#menu1 {
	padding-top: clamp(30px, 6.25vw, 80px);
}
#menu2,#menu3 {
	padding-top: clamp(20px, 4.68vw, 60px);
}
#area {
	margin-top: -5.2vw!important;
	clip-path: polygon(0 5.2vw, 100% 0, 100% calc(100% - 5.2vw), 0 100%);
}
#area.smb-section {/*1280px基準*/
	padding: clamp(80px, 14.06vw, 180px) 0 clamp(80px, 14.06vw, 180px)!important;
}

p.area_text {
	background-color: rgba(25,25,25,0.7);
}
.area_img {
		transform: scale(1.2);
		transform-origin: right bottom;
		z-index: 1;
	}
@media screen and (min-width: 782px) {
	#menu2 .wp-block-columns {
		flex-direction: row-reverse;
	}
}





.car-area{
    position: relative;
    height: 100px;     /* 車の高さに合わせる */
    overflow: hidden;  /* はみ出した車を隠す */
}

.car-area .running-car{
    position: absolute;
    bottom: 0;
    width: 300px;
    margin: 0;

    animation: drive 3s cubic-bezier(.42,.08,.58,.92) forwards;
}

.car-area .running-car img{
    display: block;
    width: 100%;
    height: auto;
}

@keyframes drive{
    from{
        left: -300px;
    }
    to{
        left: calc(100% - 300px);
    }
}


/* 左右2カラム */
.car-row {
    align-items: stretch;
}

@media screen and (max-width: 780px){
.car-row:nth-of-type(2){
	padding: 0 2rem 2rem 2rem!important;
}

.car-row figure{
	margin-bottom: 2rem;
}
}

/* 左カラム */
.car-row > .sm-column:first-child {
    display: flex;
}

.service_car-img {
    display: flex;
}


.service_car-img.wp-block-image {
    width: 100%;
    height: 100%;
    margin: 0;
}


.service_car-img.wp-block-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


.car-row h2{
	margin-top: 1.5rem!important;
}

.service_car-icon{
	width: 70px;
	position: relative;
	top: 27px;
}

.service_car-icon img{
	width: 100%;
	z-index: 5;
	position: relative;
}

.service_car-icon::before{
	content: "";
	position: absolute;
	background-color: var(--wp--preset--color--sub-accent-color);
	border-radius: 60px;
	width: 110px;
	height: 110px;
	top: -25px;
	left: -20px;
	z-index: 3;
}


@media screen and (max-width: 780px){
	.service_car-icon{
	width: 50px;
	}
	.service_car-icon::before{
		width: 80px;
		height: 80px;
		top: -16px;
		left: -15px;
	}

}



.service_car-element:nth-of-type(n+2){
	margin-top: .3rem;
}

.dli-check-circle {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	background-color: var(--wp--preset--color--sub-accent-color);
	line-height: 1;
	position: relative;
	width: 1em;
	height: 1em;
	border: 0.1em solid var(--wp--preset--color--sub-accent-color);
	border-radius: 50%;
	box-sizing: content-box;
	margin-right: .5rem;
	transform: translateY(-10%);
}

.dli-check-circle::before{
	content: "";
	width: 0.58em;
	height: 0.261em;
	border: 2px solid #fff;
	border-top: 0;
	border-right: 0;
	box-sizing: border-box;
	transform: translateY(-25%) rotate(-45deg);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}



/*====================================================
Reason
====================================================*/

#reason{
    overflow:hidden;
}


/* メイン2カラム */
#reason .wp-block-columns{
    align-items:center;
}


#reason h3{
    font-size:1.2rem;
    line-height:1.4;
    font-weight:700;
    margin-bottom:40px;
}



/*-------------------------
POINT
-------------------------*/

#reason .wp-block-columns .wp-block-columns{
    margin-top:1rem;
    border:1px solid var(--wp--preset--color--sub-accent-color);
    padding:1rem;
    align-items:center;

}

/* POINTボタン */
#reason .wp-block-columns .wp-block-columns > .wp-block-column:first-child p{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    background:var(--wp--preset--color--sub-accent-color);
    color:#fff;
    border-radius:15px;

    font-weight:700;
    margin:0;
	padding: .2rem .5rem;
}



#reason .smb-box{
	margin-top:1rem;
    border:1px solid var(--wp--preset--color--sub-accent-color);
    padding:1rem;
    align-items:center;
	border-radius: 0;
	padding: 1rem;
}

#reason .point_ttl{
	display:inline-flex;
    justify-content:center;
    align-items:center;

    background:var(--wp--preset--color--sub-accent-color);
    color:#fff;
    border-radius:15px;

    font-weight:700;
    margin:0;
	padding: .2rem .5rem;
}


/* リスト */
#reason ul{
    margin:0;
    padding-left:2rem;
}

#reason li{
    font-weight:700;
}

/*======================================
画像ブロック
======================================*/

#reason .wp-block-image{
    position: relative;
    display: inline-block;
    margin: 0;
    overflow: visible !important;
}

/*--------------------------------------
後ろのプレート
--------------------------------------*/

#reason .wp-block-image::before{
    content: "";
    position: absolute;

    /* 右下へずらす量 */
    top: 1.5rem;
    left: 1.5rem;

    /* プレートを少し大きく */
    width:100%;
    height: 100%;

    background: #efefef;

    /* 画像より少しゆるい角度 */
    clip-path: polygon(14% 0,100% 0,86% 100%,0 100%);

    z-index: -1;
}

/*--------------------------------------
画像
--------------------------------------*/

#reason .wp-block-image img{
    display: block;
    width: 100%;
    height: auto;

    object-fit: cover;

    /* 画像の方が少し角度を強く */
    clip-path: polygon(14% 0,100% 0,86% 100%,0 100%);

    position: relative;
    z-index: 1;

    /* transformは使わない */
    transform: none !important;
}
/*====================================================
01
====================================================*/

.reason_num{
    position:relative;
}

.reason_num::before{
    content:"01";
    position:absolute;
    left:-1.8rem;
    top:-3rem;
	z-index: -1;

    font-size:5rem;
    line-height:1;

    color:transparent;
    -webkit-text-stroke:2px var(--wp--preset--color--sub-accent-color);

    font-weight:700;
}

.service-reason_box:nth-of-type(2) .reason_num::before{
	content: "02";
}

.service-reason_box:nth-of-type(3) .reason_num::before{
	content: "03";
}


@media screen and (max-width: 1000px){
	.reason_num::before{
		left: -2rem;
	}
}

@media screen and (max-width: 450px){
	.reason_num::before{
		top: -2rem;
	}
}


/*====================================================
POINT横並び固定
====================================================*/

#reason .wp-block-columns .wp-block-columns{
    display:flex;
    flex-wrap:nowrap;
}

#reason .wp-block-columns .wp-block-columns > .wp-block-column:first-child{
    flex:0 0 180px;
}

#reason .wp-block-columns .wp-block-columns > .wp-block-column:last-child{
    flex:1;
}

#reason .wp-block-list li{
	font-size: 16px;
}



.service-reason_box:nth-of-type(odd){
	flex-direction: row-reverse;
}

.service-reason_box:nth-of-type(odd) figure{
	left: -5%;
}

@media screen and (max-width: 781px){
	#reason .service-reason_box{
		margin-top: 8rem!important;
	}

	#reason .service-reason_box:first-of-type{
		margin-top: 0!important;
	}
}



/* 会社概要
--------------------------------------------------------------- */
/* #googlemap iframe {
  filter: grayscale(1);
} */
[data-has-sidebar=false] .c-entry__content>.alignfull {
	margin-left: 0;
	margin-right: 0;
}
#googlemap{
	margin-top: 3rem!important;
	width: 80%;
	max-width: 1000px;
}

#googlemap iframe{
	width: 100%;
	margin-top: 3rem!important;
}

#company-link .link-child .btn_box {
	margin-top: clamp(30px,3.125vw,40px)!important;
}
#company-link .link-child::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #999;
	mix-blend-mode: multiply;
}

/* お知らせ
--------------------------------------------------------------- */
/*一覧*/
.blog .c-entries--simple .c-entries__item>a,
.archive .c-entries--simple .c-entries__item>a,
.single-post .c-entries--simple .c-entries__item>a {
	padding-top: 15px;
	padding-bottom: 15px;
}
.blog .l-contents__main,
.category .l-contents__main {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.blog .c-entry-summary time {
	font-family: "Oswald", sans-serif;
}

/*詳細*/
article.type-post {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.c-page-header__meta {
	color: #fff;
	z-index: 3;
}
.c-page-header__meta time {
	font-family: "Oswald", sans-serif;
}
.single-post .c-meta__item--author/*投稿者*/ {
	display: none;
}
.single-post .c-meta__item--modified/*更新日*/ {
	display: none;
}
/*古い投稿・新しい投稿*/
.c-prev-next-nav {
	width: 100%!important;
}
/*関連記事*/
.c-entry__footer>:where(:not(:first-child)) {
	margin-top: clamp(35px, 5vw, 50px);
}
.p-related-posts time {
	font-family: "Oswald", sans-serif;
}
@media screen and (max-width: 639px) {
	.blog .c-entry-summary__title,
	.archive .c-entry-summary__title {
		font-size: 14px;
	}
	.blog .c-entry-summary__meta,
	.archive .c-entry-summary__meta,
	.single-post .c-entry-summary__meta {
		margin-top: .8em;
	}
}

/* 買取実績
--------------------------------------------------------------- */
/*一覧*/
.post-type-archive-works .l-contents__main,
.single-works .l-contents__main {
	width: 90%;
	max-width: 1150px;
	margin: 0 auto;
}
.post-type-archive-works .c-entry-summary__figure {
	border-radius: 0px;
	margin-bottom: 10px;
}
.post-type-archive-works .c-entry-summary__title {/*1000px基準*/
	font-size: clamp(16px, 1.8vw, 18px);
}
/*詳細*/
article.works table.has-fixed-layout{
	width: 80%;
	margin: 0 auto;
}

article.works .wp-block-table tbody {
    border-top: none;
}

article.works .wp-block-table tr td {
	padding: 1.5rem 1rem 1rem 1rem ;
}

/* article.works .wp-block-table tr td:first-child{
  border-bottom:1px solid #fff;
  border-image: 
    linear-gradient(
      to right,
      #333 0 25%,
      #ddd 25% 75%,
	  #333 75% 100%
    ) 1;
} */



article.works .spider__arrow {
	background-color: var(--accent-color);
	transition: .3s ease;
	border-radius: 30px;
}
article.works .spider__arrow:hover {
	background-color: #000;
}
article.works .c-entry-summary__figure {
	border-radius: 0px;
	margin-bottom: 10px;
}
.c-prev-next-nav {
	width: 90%;
	margin: 0 auto;
}
@media screen and (max-width: 639px) {
	.post-type-archive-works .c-entry-summary__figure {
		margin-bottom: 10px;
	}
	article.works table td {
		font-size: 14px;
	}
	article.works .c-entry-summary__title,
	.post-type-archive-works .c-entry-summary__title {
		font-size: 14px;
	}
}

/* 求人情報
--------------------------------------------------------------- */
#person .index_box {
	text-align: center;
}
#person h2 {
	display: inline-block;
	padding: 0 .4em;
	background-color: #fff;
	z-index: 2;
}
.person_box {
	margin-top: clamp(-22px, -2.5vw, -17px)!important;
}
/*スタッフ紹介*/
#staff .spider__arrow {
	background-color: #666;
	transition: .3s ease;
}
#staff .spider__arrow:hover {
	background-color: #000;
}
#staff .spider__arrow[data-direction=prev] {
    left: 0;
}
#staff .spider__arrow[data-direction=next] {
    right: 0;
}
#staff .spider__dots:not([data-thumbnails=true]) .spider__dot[aria-current=true] {
	background-color: #666;
}
@media screen and (min-width: 640px) {
	.person_box {
		text-align: center;
		padding-top: 55px!important;
		padding-bottom: 40px!important;
	}
	#person .wp-block-list {
		display: inline-block;
		text-align: left;
		font-size: clamp(16px, 2.2vw, 22px)!important;
	}
}

/* お問い合わせ
--------------------------------------------------------------- */
#contact-tel.smb-section {/*1280px基準*/
	padding: clamp(50px, 6.25vw, 80px) 0!important;
} 
#contact-tel .tel a {
	font-size: clamp(38px, 5vw, 50px);
	letter-spacing: .06em;
	text-decoration: none;
	transition: .3s ease;
}
#contact-tel .tel a:hover {
	opacity: .6;
}


.cta_tel-btn{
	margin: 0 auto;
	width: 50%;
	background-color: var(--wp--preset--color--sub-accent-color);
	border-radius: 0;
	border: 3px solid #333;
	transition: .4s ease-in-out;
}

@media screen and (max-width: 950px){
	.cta_tel-btn{
		width: 70%;
}
}

@media screen and (max-width: 650px){
	.cta_tel-btn{
		width: 70%;
	}
}

@media screen and (max-width: 410px){
	.cta_tel-btn{
		width: 85%;
		padding: 1rem!important;
	}
}

.cta_tel-btn:hover{
	background: #f7f7f7;
}

.cta_tel-btn .smb-box__body{
	text-align: center;
}

.cta_tel-btn .smb-box__body p{
	font-size: 3rem;
	font-weight: 700;
}

@media screen and (max-width: 650px){
	.cta_tel-btn .smb-box__body p{
		font-size: 2rem;
	}
}

@media screen and (max-width: 500px){
	.cta_tel-btn .smb-box__body p{
		font-size: 1.5rem;
	}
	.cta_tel-btn .smb-box__body h2{
		font-size: 1.2rem;
	}
}


/* お問い合わせフォーム
--------------------------------------------------------------- */
.snow-monkey-form a {
	transition: .3s ease;
}
.snow-monkey-form a:hover {
	opacity: .6;
	text-decoration: none;
}
/*ボタン共通*/
.smf-action .smf-button-control__control {
	width: 100%;
    max-width: 350px;
	height: 70px;
	margin-bottom: 20px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	background: var(--accent-color);
	border: solid 1px var(--accent-color)!important;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .1em;
	border-radius: 0px;
	transition: .3s ease;
}
/*確認ボタン*/
.smf-action .smf-button-control__control[data-action="confirm"]:hover {
	background-color: #fff!important;
	color: var(--accent-color)!important;
	border: solid 1px var(--accent-color)!important;
}
/*戻るボタン*/
.smf-action .smf-button-control__control[data-action="back"] {
	background: #000;
	border: solid 1px #000!important;
	margin-left: 5px;
	margin-right: 5px;
}
.smf-action .smf-button-control__control[data-action="back"]:hover {
	background-color: #fff;
	color: #000;
	border: solid 1px #000!important;
}
/*送信ボタン*/
.smf-action .smf-button-control__control[data-action="complete"] {
    margin-left: 5px;
	margin-right: 5px;
}
.smf-action .smf-button-control__control[data-action="complete"]:hover {
	background-color: #fff!important;
	color: var(--accent-color)!important;
	border: solid 1px var(--accent-color)!important;
}
/*余白調整*/
.smf-action .smf-button-control + .smf-button-control {
	margin-left: 0;
}

@media screen and (max-width: 639px) {
	.smf-action .smf-button-control__control {
		font-size: 16px;
		margin-left: 0!important;
		margin-right: 0!important;
	}
}
/*フォームスタイル「Letter」の時の調整*/
.smf-form--letter .smf-item__col--label {
	display: flex;
}
.smf-item__description {
	padding: 0 .3em;
	margin-top: .1em;
	margin-left: .5em;
	color: #fff;
	background-color: var(--accent-color);
}
.snow-monkey-form[data-screen="confirm"] .smf-form--letter .smf-item {
	border-bottom: solid 1px var(--sub-accent-color);
}
/*フォームスタイル「Business」の時の調整*/
.smf-form--business .smf-item__description {
	display: inline-block;
	padding: .1em .8em;
	margin-top: .2em;
	margin-left: 0;
	border-radius: 5px;
}
.smf-form--business+.smf-action {
	margin-bottom: 0!important;
}
@media screen and (max-width: 639px) {
	.smf-form--business .smf-item__col {
		padding: 1em;
	}
}

/* 独自設定 */

.smf-form--business .smf-item__col--label{
	background: var(--wp--preset--color--sub-accent-color);
	font-weight:700;
}

.smf-item__col.smf-item__col--label{
	flex: 0 0 30%;
	max-width: 400pxs;
}

.smf-item__col.smf-item__col--controls{
	flex: 0 0 70%;
}

.smf-item__description{
	background: #fff;
	color: #333;
}

/* .wp-block-snow-monkey-forms-item .smf-item__label{
	position: relative;
}

.wp-block-snow-monkey-forms-item .smf-item__description{
	position: absolute;
	top: 0;
	right: .5rems;
} */



/* プライバシーポリシー
--------------------------------------------------------------- */
#privacy h3 {
    margin-bottom: 10px !important;
    padding-left: 10px;
    border-left: solid 3px var(--accent-color);
    font-weight: 700;
}

/* エラー404
--------------------------------------------------------------- */
.error404 .l-contents__main {
	width: 90%;
	margin: 0 auto;
}