@charset "UTF-8";
/* *****************************************************************
Stylesheet: ベーススタイル（全て）に適応
******************************************************************/
/* COMMON */
html {
	scroll-behavior: smooth;
}
section:not(#mv) h2 {
	position: relative;
}
section:not(#mv):not(#privacy-policy) h2::before {
	position: absolute;
	bottom: 0;
    left: -3rem;
	content: '';
	width: 38px;
	height: 100px;
	background: url(/wp-content/uploads/2025/02/2d456d4027a5a5af290d71cc794e77a9.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 1rem;
}

#concept .__inner:not(.__kv) .smb-section__subtitle::before,
#about h3::before {
	position: absolute;
	display: block;
	content: '';
	width: 80px;
	height: 80px;
	background: url(/wp-content/uploads/2025/02/sub-head-sp.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.__inner .smb-section__subtitle strong {
	font-size: 1.25rem;
}
.__access.__inner .smb-section__subtitle,
.__access.__inner .smb-section__subtitle strong,
.__payment.__inner .smb-section__subtitle strong {
	font-weight: normal;
}

/* HEADER */
.c-site-branding__title .custom-logo {
	max-width: 15rem;
	margin-top: 30px;
	margin-left: .75rem;
}
.p-global-nav .menu-item-18 a {
	flex-direction: row;
	color: #48E2E2;
	gap: 6px;
}
.line-btn span {
	display: flex;
    align-items: center;
	color: #06C755;
	gap: 6px;
}
.p-global-nav .menu-item-18 a,
#menu-item-28 a,
.line-btn span {
	position: relative;
}

.p-global-nav .menu-item-18 a::after,
#menu-item-28 a::after,
.line-btn span::after {
	position: relative;
	display: inline-block;
	content: '';
	width: 14px;
	height: 14px;
	-webkit-mask-image: url(/wp-content/uploads/2025/02/outer-link-icon.svg);
	mask-image: url(/wp-content/uploads/2025/02/outer-link-icon.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: #48E2E2;
}
#menu-item-28 a::after {
	background-color: #333;
	margin-left: 6px;
}
.line-btn span::after {
	background-color: #06C755;
}

.l-header__drop-nav .c-container {
	max-width: 1400px;
}
.l-header__drop-nav .c-site-branding__title .custom-logo {
	margin-top: 10px;
    margin-bottom: 10px;
}

/* MV */
#mv .c-container {
	max-width: 1320px;
	margin-right: 0;
	padding-right: 0;
}
#mv .c-row__col--md-1-4 {
    display: flex;
	align-items: flex-end;
}
#mv h2 {
	font-size: 1.25rem;
    line-height: 2.5;
	text-align: right;
}

/* POLICY */
#concept .__kv > div > div {
	padding: 0;
}
#concept .__kv .smb-section__header {
/* 	background: #F1FBFA; */
	background: rgba(241, 251, 250, 0.8);
	box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.15);
    padding: 2.5rem;
}

#concept .__policy:nth-child(odd) .smb-section__contents-wrapper {
	margin-right: 0;
}
#concept .__policy:nth-child(even) .smb-section__contents-wrapper {
	margin-left: 0;
}
#concept .__policy .smb-section__header {
	position: relative;
}
#concept .__policy .smb-section__header::after {
	position: absolute;
	top: 10px;
    left: 88px;
	display: block;
	content: '';
	width: 384px;
	height: 10px;
	background: url(/wp-content/uploads/2025/02/6c475a6e459c9a7e0de597c247562e6d.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#concept .__inner:not(.__kv) .smb-section__subtitle {
	position: relative;
	font-size: 14px;
}
#concept .__inner:not(.__kv) .smb-section__subtitle::before {
	top: -36px;
    left: -60px;
}
#concept .__inner:not(.__kv) .smb-section__subtitle::after {
	position: absolute;
	top: 0;
    left: -24px;
	display: block;
	content: '';
	width: 16px;
	height: 19px;
	background: url(/wp-content/uploads/2025/02/logo_symbol-policy.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#concept .__policy h3 {
	font-size: 1.25rem;
}
#concept .__policy .smb-section__lede-wrapper {
	max-width: 340px;
}
#concept .__policy .c-row__col:first-child {
	margin-top: 2rem;
}
#concept .__policy:nth-child(odd) .c-row__col:first-child {
	margin-top: 4rem;
}
#concept .__policy .smb-section__body {
    position: relative;
	z-index: -1;
}


/* MENU */
#menu-board {
	max-width: calc(100% - 4rem);
}
#menu .smb-section__contents-wrapper:not(.smb-section__contents-wrapper--left) {
	padding: 0 1rem 0 3rem;
}
#menu h4 {
	font-size: 1.5rem;
    line-height: 1;
	margin-bottom: 2px;
}
#menu .__sub-title {
	font-size: .8rem;
}
#menu .smb-information__item {
	margin-top: 0
}
#menu .wp-block-column.__right .__child:first-of-type {
	margin-top: .75rem;
}
#menu .wp-block-column.__right .__child:not(:first-of-type) {
	margin-top: 0;
}
#menu .wp-block-column.__right .__child p:not(.__price),
#menu .smb-information__item__label,
#menu .__note {
	font-size: .9rem;
}
#menu .__price {
	font-size: 1.15rem;
}

/* ABOUT */
.__inner.__about {
	overflow: visible;
}
#about h3::before {
	top: -4.25rem;
    left: -.5rem;
}
.__inner.__about .smb-media-text__contents-wrapper {
	position: relative;
}
.__inner.__about:nth-child(odd) .smb-media-text__contents-wrapper {
	padding-left: 1rem;
}
.__inner.__about:nth-child(even) .smb-media-text__contents-wrapper {
	padding-right: 1rem;
}
.__inner.__about .smb-media-text__body {
	margin-top: .5rem;
}
#about .__inner.__about:nth-child(even) .smb-media-text__contents-wrapper h3::before {
	left: -1.75rem;
}

.__inner.__about h3,
.__inner.__access h3,
.__inner.__payment h3 {
	font-weight: normal;
}
.__inner.__about h4 {
	position: absolute;
	top: -2rem;
	font-size: 13px;
	font-weight: normal;
	color: #1e8fc9;
}
.__inner.__about h4 strong {
	font-size: 1.25rem;
	font-weight: normal;
}
.__inner.__about .smb-media-text__body p {
	margin-top: 1rem;
}
.__inner.__about .smb-media-text__body p:first-of-type {
	margin-top: 0;
}
.__inner.__access h3 {
	margin-top: 0;
}
#about .__inner.__access h3::before,
#about .__inner.__payment h3::before {
	top: -2.25rem;
}
#about .__access .smb-section__body > div {
	text-align: center;
}

/* CONTACT */
#contact .__inner .smb-section__header {
	position: relative;
	display: flex;
    justify-content: center;
    gap: .5rem;
}
#contact .__inner .smb-section__header::before,
#contact .__inner .smb-section__header::after {
	content: '';
	display: inline-block;
	width: 161px;
	height: 38px;
}
#contact .__inner .smb-section__header::before {
	background: url(/wp-content/uploads/2025/02/da011971ddfd5c4950a1b8ff13ed17c0.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 1rem;
}
#contact .__inner .smb-section__header::after {
	background: url(/wp-content/uploads/2025/02/e90fbf975cf5555609d9cba35065fb6c.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 1rem;
}

#contact .__inner h3 {
	font-size: 1.25rem;
	color: #1e8fc9;
}
#contact .__inner .smb-section__lede-wrapper {
	margin-top: 6px;
}
#contact .__inner .smb-section__lede {
	font-size: .8rem;
	color: #1e8fc9;
}

.line-btn a {
	position: relative;
}
.line-btn a::before {
	position: absolute;
    content: '';
    top: -5px;
    left: -8px;
    width: 100%;
    height: 100%;
    border: 1px solid #06C755;
    transition: 0.3s;
}
.smf-form--letter .smf-item__col--label {
	display: flex;
    align-items: baseline;
    gap: .5rem;
	padding-bottom: .5rem;
}
#snow-monkey-form-115 {
	max-width: 500px;
}
.smf-form--letter .smf-text-control__control,
.smf-form .smf-textarea-control__control,
.smf-action .smf-button-control__control {
	border-radius: 0;
}
.smf-action .smf-button-control__control {
	font-size: 1.1rem;
	line-height: 2.2;
	color: #1E8FC9;
	min-width: 360px;
	background: #F1FBFA;
	--_transition-duration: var(--_global--transition-duration);
    --_transition-function-timing: var(--_global--transition-function-timing);
    --_transition-delay: var(--_global--transition-delay);
    transition: filter var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay);
}
.smf-action .smf-button-control__control::before {
    position: absolute;
    content: '';
    top: -5px;
    left: -8px;
    width: 100%;
    height: 100%;
    border: 1px solid #1E8FC9;
    transition: 0.3s;
}
.line-btn a:hover::before,
.smf-action .smf-button-control__control:hover::before {
    top: 0;
    left: 0;
}


/* FOOTER */
footer.l-footer {
	background: #F1FBFA;
	border-top: none;
}
.l-footer--default .l-footer-widget-area {
	padding: 60px 7.5rem 5rem;
}
.footer-info h2 {
	font-size: 14px;
	font-weight: normal;
}
.footer-info p {
	margin-top: 1rem !important;
}
#menu-footer-nav {
	display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);
}
#menu-footer-nav a {
	font-size: 1.25rem;
}
.l-footer--default .c-copyright {
	background: transparent;
}
.l-footer--default .c-copyright > div {
	position: relative;
	color: #999;
	font-size: .75rem;
}
.l-footer--default .c-copyright > div::before {
	position:absolute;
	bottom: 50%;
	content: '';
	background: url(/wp-content/uploads/2025/02/a4238b37f45f7c2ba2a415c6b371b142.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 190px;
	height: 50px;
}

@media (min-width: 769px) {
	html {
		scroll-padding-top: 6rem;
	}
	.l-footer-widget-area__item:first-child {
		--_item-width: 62%;
	}
	.l-footer-widget-area__item:last-child {
		--_item-width: 38%;
		padding-right: 0;
	}
	.l-footer-widget-area__item .menu-item {
		width: 180px;
	}
	.l-footer--default .c-copyright {
		text-align: right;
	}
	#menu-item-36 {
		margin-top: 0;
	}
	#concept .__policy .smb-section__body {
		margin-left: -20px;
	}
	#concept .__policy:nth-child(odd) {
		margin-top: -2.5rem !important;
	}
}

@media (max-width: 1023px) {
  /******************************************************************
Stylesheet: 1023px以下（タブレット）で適用
******************************************************************/

}

@media (max-width: 768px) {
  /******************************************************************
Stylesheet: 768px以下(スマホ)で適用
******************************************************************/
	html {
		font-size: 62.5%;
	}
	.c-site-branding__title .custom-logo {
		margin-top: 0;
	}
	#mv .c-container {
		padding-left: 0;
	}
	#mv >.smb-section__inner>.c-container>.smb-section__contents-wrapper>.c-row {
		justify-content: end;
	}
	#mv .c-row__col--md-1-4 {
    	justify-content: center;
		margin-top: 4rem;
		order: 1;
	}
	#mv h2 {
		font-weight: normal;
		line-height: 2;
		text-align: center;
	}
	#mv .c-row__col--md-3-4 {
		margin-top: 0;
	}
	#mv .c-row__col--md-3-4 img {
		width: 100%;
	}

	#concept .smb-section__body {
		margin-top: 0;
	}
	section:not(#mv) h2 {
		font-size: 1.6rem;
		margin-left: 3rem;
	}
	section:not(#mv):not(#privacy-policy) h2::before {
		width: 20px;
    	height: 53px;
		left: -2.4rem;
	}
	.__inner.__kv .c-row__col--1-1:first-child {
		position: absolute;
	}
	.__inner.__kv .c-row__col--1-1:first-child img {
		max-width: 24rem;
		max-height: 13.3rem;
		margin-top: 3rem;
	}

	#concept {
		margin-top: 0;
	}
	#concept .__inner:not(.__kv) .smb-section__subtitle {
		margin-left: 1.6rem;
	}
	#concept .__inner:not(.__kv) .smb-section__subtitle::after {
		left: -2rem;
	}
	#concept .__policy .smb-section__header::after {
		left: 10rem;
		width: -webkit-fill-available;
	}

	#concept, #gallery, #menu, #about, #contact {
		padding-top: 8rem;
	}

	#menu .smb-section__contents-wrapper:not(.smb-section__contents-wrapper--left) {
		padding: 0 1rem;
	}
	#menu .smb-information__item>.c-row>* {
		--_item-width: 50%;
	}
	.columns-wrapper.__child {
		gap: 1rem;
	}
	#parm.columns-wrapper.__child,
	#s-parm,
	#h-set,
	#s-treatment,
	#s-blow,
	#menu .wp-block-column.__right .__child:first-of-type {
		gap: 0;
	}
	#menu .wp-block-column.__right .__child p:not(.__price),
	#menu .smb-information__item__label {
		font-size: 1rem;
	}
	#s-treatment,
	#s-blow {
		margin-top: .2rem !important;
	}
	#menu .__price {
		text-align: right;
	}
	#parm,
	#s-parm,
	#h-set,
	.__treatment,
	.__care {
		position: relative;
	}
	#parm > .wp-block-column:last-child,
	#s-parm > .wp-block-column:last-child,
	#h-set > .wp-block-column:last-child,
	.__treatment > .wp-block-column:last-child,
	.__care > .wp-block-column:last-child {
		position: absolute;
    	width: 100%;
	}

	.__inner.__about {
		max-width: calc(100% - 2.4rem);
	}
	.__inner.__about:first-child .smb-media-text__figure {
		max-width: 240px;
    	margin: auto;
	}
	.__inner.__about:not(:first-child) {
		margin-top: 6rem !important;
	}
	.__inner.__about .c-row__col--1-1:first-child {
		width: 100%;
	}

	#contact .__inner .smb-section__lede-wrapper {
		position: absolute;
    	top: 58%;
	}
	#contact .__inner .smb-section__header::before,
	#contact .__inner .smb-section__header::after {
	    width: calc(100% / 2 - 70px);
		height: 22px;
	}
	.smf-action .smf-button-control__control {
		min-width: 24rem;
	}
	.l-footer--default .c-copyright > div::before {
		width: 130px;
    	height: 32px;
	}
}
/*# sourceMappingURL=style.css.map */