@charset "UTF-8";

:root {
	--color-primary-lp: #287C55;
	--color-secondary: #12B268;
	--color-accent-y: #FCE153;
	--color-accent-or: #F7AB00;
	--color-accent-r: #EA554F;
	--color-line: #CCC;
	--color-text-lp: #222;
	--color-text-lp-g: #888;
	--color-text-lp-link: #C59630;
	--color-primary-bg: #E1F5E5;
	--color-secondary-bg: #E3E8E6;

	--fontSize: 16px;
	--font-2xs: calc(var(--fontSize) * 0.6875);/* 11px */
	--font-xs: calc(var(--fontSize) * 0.75);/* 12px */
	--font-s: calc(var(--fontSize) * 0.875);/* 14px */
	--font-ms: calc(var(--fontSize) * 0.9735);/* 15px */
	--font-m: calc(var(--fontSize) * 1);
	--font-l: calc(var(--fontSize) * 1.125);/* 18px */
	--font-xl: calc(var(--fontSize) * 1.25);/* 20px */
	--font-xxl: calc(var(--fontSize) * 1.375);/* 22px */
	--font-2xl: calc(var(--fontSize) * 1.5);/* 24px */
	--font-3xl: calc(var(--fontSize) * 1.75);/* 28px */
	--font-4xl: calc(var(--fontSize) * 2);/* 32px */
	--font-5xl: calc(var(--fontSize) * 2.125);/* 34px */
	--font-6xl: calc(var(--fontSize) * 2.625);/* 42px */
	--primary-font: "Inter", "Noto Sans JP", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	--accent-font: "Jost", sans-serif;
}

ol, ul, li {
	list-style: none;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	vertical-align: baseline;
}
body {
	position: relative;
	/*background-color: var(--color-primary-bg);*/
	background-color: rgba(225, 245, 229, .4);
	font-size: var(--font-m);
	font-family: var(--primary-font);
	color: var(--color-text-lp);
	line-height: 1.75;
	/*letter-spacing: 0.05em;*/
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	>* {
		position: relative;
		z-index: 1;
	}
	@media (max-width: 320px) {
		font-size: var(--font-xs);
	}
}
#wrapper {
	position: relative;
	margin: auto;
	overflow: hidden;
	max-width: 500px;
	position: relative;
	background-color: #fff;
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
p {
	line-height: 1.75;
}
a {
	color: inherit;
}
strong {
	font-weight: 600;
}
.ib {
	display: inline-block;
}

.mover {
	transition: opacity 0.2s ease-out;
	backface-visibility: hidden;
	zoom: 1;
}
.mover:hover {
	opacity: 0.8;
}
img {
	max-width: 100%;
}
.em {
	font-weight: 600;
}
#content-wrap {
	padding-top: 65px;
	overflow: hidden;
}
.text-link {
	color: var(--color-text-lp-link);
}
.inner {
	padding: 0 4%;
}
.inner02 {
	padding: 0 8%;
}

.bg-content {
	background-color: var(--color-primary-bg);
}
.movie {
	width: 100%;
	aspect-ratio: 16 / 9;
	iframe {
		width: 100%;
		height: 100%;
	}
}
.gmap {
	width: 100%;
	aspect-ratio: 1 / 1;
	iframe {
		width: 100%;
		height: 100%;
	}
}
/*
header
---------------------------*/
header {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 8px;
	z-index: 10;
	transition: .5s ease;
	background-color: #fff;
	#header-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.header-btn {
		min-width: inherit;
		width: 100%;
		a {
			font-size: var(--font-xs);
			padding: 6px 3px;
		}
		.icon {
			padding-left: 22px;
			&:after {
				width: 16px;
				height: 16px;
			}
		}
	}
	.logo {
		width: 68%;
	}
	.btn-lp {
		width: 28%;
	}
}
/*
#content-nav
---------------------------*/
#content-nav {
	position: fixed;
	max-width: 500px;
	width: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	background-color: var(--color-primary-bg);
	height: 100%;
	z-index: 100;
	filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.15));
	.nav-inner {
		height: 100%;
		overflow-y: auto;
		text-align: left;
		padding: 30px 4.8% 80px;
		a {
			display: block;
			font-size: 15px;
			padding: 20px 0;
		}
		li {
			position: relative;
			padding-left: 24px;
			&:before {
				display: block;
				width: 16px;
				height: 16px;
				position: absolute;
				content: "";
				top: 0;
				bottom: 0;
				left: 0;
				background-color: var(--color-primary-lp);
				border-radius: 50px;
				margin: auto;
			}
			&:after {
				width: 6px;
				height: 6px;
				position: absolute;
				content: "";
				top: 50%;
				left: 4px;
				transform: translateY(-50%) rotate(45deg);
				border-top: solid 1.5px #fff;
				border-right: solid 1.5px #fff;
			}
		}
	}
	.navBtnWrap {
		padding-top: 40px;
		.note {
			font-size: var(--font-xs);
			color: var(--color-text-lp);
			padding-top: 6px;
		}
	}
}
.flow-nav {
	display: flex;
	align-items: stretch;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 500px;
	width: 100%;
	margin: auto;
	z-index: 20;
	p {
		line-height: 1.5;
	}
	.btn-lp {
		font-size: var(--font-2xs);
		text-align: center;
		width: calc((100% - 57px) / 2);
		border: 1px solid #fff;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		padding: 8px 8px 6px;
	}
	.icon {
		display: inline-block;
		position: relative;
		font-size: var(--font-m);
		font-weight: 700;
		padding-left: 30px;
		&:after {
			content: "";
			display: block;
			width: 18px;
			height: 18px;
			background-image: url("/wp-content/themes/bones/dist/img/lp-c/icon-tel.svg");
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
		}
	}
	.tel-btn {
		color: #fff;
		background-image: linear-gradient(0deg, #ba3a33 2%, #ea554f);
	}
	.mail-btn {
		color: var(--color-primary-lp);
		background-image: linear-gradient(0deg, #e9ca26 2%, #fce153);
		.icon {
			&:after {
				background-image: url("/wp-content/themes/bones/dist/img/lp-c/icon-mail.svg");
			}
		}
	}
	.menu-btn {
		width: 57px;
		background-color: rgba(0,0,0,.8);
	}
}
#menu-btn {
	margin: auto;
	cursor: pointer;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	div {
		position: relative;
		width: 28px;
		height: 20px;
	}
	span {
		position: absolute;
		right: 4px;
		width: 28px;
		height: 2px;
		background-color: #fff;
		transition: all 0.4s;
		margin: auto;
		&:nth-of-type(1) {
			top: 0;
			.open & {
				-webkit-transform: translateY(9px) rotate(-45deg);
				transform: translateY(9px) rotate(-45deg);
			}
		}
		&:nth-of-type(2) {
			top: 0;
			bottom: 0;
			.open & {
				opacity: 0;
			}
		}
		&:nth-of-type(3) {
			top: auto;
			bottom: 0;
			.open & {
				-webkit-transform: translateY(-9px) rotate(45deg);
				transform: translateY(-9px) rotate(45deg);
			}
		}
	}
}
#mv {
	position: relative;
	background-color: var(--color-secondary);
	.mv-top {
		margin-bottom: 10px;
	}
	.mv-title {
		position: absolute;
		top: 20px;
		left: 2%;
		width: 50%;
		h1 {
			margin-top: 10px;
		}
	}
}
.cta-area {
	background-color: var(--color-secondary);
	padding: 40px 0;
}
.cta-banner {
	padding-bottom: 30px;
}
.cta-btn-wrap {
	text-align: center;
	&+.cta-btn-wrap {
		padding-top: 15px;
	}
	.note {
		color: #fff;
		font-size: var(--font-xs);
		padding-top: 6px;
	}
}
/*
footer
---------------------------*/
footer {
	background-color: var(--color-primary-lp);
	color: #fff;
	padding: 40px 2vw 20px;
	.site-map {
		padding: 0;
		li {
			display: inline-block;
			padding: 10px;
		}
	}
	.copy {
		font-size: var(--font-xs);
	}
	a,
	a:visited {
		color: #fff;
	}
}
.page_top {
	display: none;
	position: fixed;
	z-index: 11;
	bottom: 0;
	right: -0;
	background-color: var(--color-primary-lp);
	opacity: 0.9;
	a {
		display: block;
		width: 40px;
		height: 40px;
	}
	&:before {
		content: '';
		width: 15px;
		height: 15px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		transform: rotate(-45deg);
		position: absolute;
		bottom: 8px;
		right: 12px;
	}
}
.btn-wrap {
	text-align: center;
}
.btn-base {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 100%;
	background-image: linear-gradient(0deg, #ba3a33 2%, #ea554f);
	color: #fff;
	border-radius: 50px;
	filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.15));
	margin-bottom: 0;
	&.blank {
		max-width: 100%;
		min-width: 100%;
		background-image: none;
		border: 2px solid var(--color-primary-lp);
		color: var(--color-primary-lp);
		position: relative;
		filter: none;
		&:after {
			content: "";
			display: block;
			width: 24px;
			height: 24px;
			background-image: url("/wp-content/themes/bones/dist/img/lp-c/icon-blank.svg");
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 16px;
			margin: auto;
		}
	}
	span {
		font-weight: 600;
	}
	a, input {
		display: block;
		font-weight: 600;
		padding: 17px 10px;
		cursor: pointer;
		width: 100%;
	}
	.em {
		font-size: var(--font-l);
	}
	.icon {
		position: relative;
		padding-left: 34px;
		&:after {
			content: "";
			display: block;
			width: 24px;
			height: 24px;
			background-image: url("/wp-content/themes/bones/dist/img/lp-c/icon-tel.svg");
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
		}
	}
	&.mail {
		color: var(--color-primary-lp);
		background-image: linear-gradient(0deg, #e9ca26 2%, #fce153);
		.icon {
			&:after {
				background-image: url("/wp-content/themes/bones/dist/img/lp-c/icon-mail.svg");
			}
		}
		&:before {
			display: block;
			width: 24px;
			height: 24px;
			position: absolute;
			content: "";
			top: 0;
			bottom: 0;
			right: 15px;
			background-color: var(--color-primary-lp);
			border-radius: 50px;
			margin: auto;
		}
		&:after {
			width: 8px;
			height: 8px;
			position: absolute;
			content: "";
			top: 50%;
			right: 25px;
			transform: translateY(-50%) rotate(45deg);
			border-top: solid 1.5px var(--color-accent-y);
			border-right: solid 1.5px var(--color-accent-y);
			transition: all 0.3s ease-out;
		}
	}
}
.content-box {
	text-align: center;
	padding: 60px 0;
}
.balloon-title {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 35px;
	&.type02 {
		font-size: 16px;
	}
	/*&:after {
		content: "";
		display: block;
		width: 248px;
		height: 32px;
		background-image: url("/wp-content/themes/bones/dist/img/lp-c/balloon.svg");
		background-position: center;
		background-size: contain;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}*/
	span {
		font-weight: 600;
	}
	>span {
		position: relative;
		display: inline-block;
		line-height: 1.75;
		padding: 0 10px 15px;
		z-index: 3;
		&:after {
			content: "";
			display: block;
			position: absolute;
			left: 50%;
			bottom: -7px;
			width: 16px;
			height: 16px;
			background-color: #fff;
			border-bottom: 1px solid var(--color-line);
			transform: rotate(45deg);
		}
	}
	&:after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 50px;
		border: 1px solid var(--color-line);
		border-radius: 20px;
		margin: auto;
		z-index: 1;
	}
	&:before {
		content: "";
		display: block;
		position: absolute;
		bottom: 15px;
		left: -10px;
		right: -10px;
		width: 120%;
		height: 35px;
		border: none;
		border-radius: 20px;
		margin: auto;
		background-color: #fff;
		z-index: 2;
	}
	.em {
		position: relative;
		color: var(--color-primary-lp);
		font-size: var(--font-2xl);
		font-weight: 600;
		z-index: 1;
		&:after {
			content: "";
			display: block;
			width: 100%;
			height: 10px;
			background-image: repeating-linear-gradient(135deg, rgba(253,225,85,.7), rgba(253,225,85,.7) 5px, transparent 5px, transparent 10px);
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			z-index: -1;
		}
	}
}
/*
#recommend
---------------------------*/
#recommend {
	padding-bottom: 0;
}
.chairman-list {
	padding: 16px 0;
	&+.chairman-list {
		border-top: 1px dashed var(--color-line);
	}
	&:first-of-type {
		padding-top: 0;
	}
	.chairman-detail {
		.btn-lp {
			position: relative;
			width: 24px;
			height: 24px;
			border-radius: 50px;
			background-color: var(--color-accent-y);
			&:before {
				position: absolute;
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				content: "";
				display: block;
				width: 12px;
				height: 2px;
				background-color :var(--color-primary-lp);
				transition-duration: .4s;
				margin: auto;
			}
			&:after {
				position: absolute;
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				content: "";
				display: block;
				width: 2px;
				height: 12px;
				background-color :var(--color-primary-lp);
				transition-duration: .4s;
				margin: auto;
			}
		}
		>div {
			display: flex;
			align-items: center;
		}
		dl {
			text-align: left;
			padding-left: 16px;
		}
		dt {
			color: var(--color-text-lp-g);
			font-size: var(--font-xs);
			padding-bottom: 5px;
		}
		dd {
			font-weight: 600;
		}
		.image {
			width: 80px;
		}
		.detail {
			width: calc((100% - 104px));
		}
	}
	.content {
		display: none;
		text-align: left;
		padding-top: 15px;
		p {
			font-size: var(--font-s);
		}
	}
	.open {
		.chairman-detail {
			.btn-lp {
				&:after {
					transform: rotate(90deg);
				}
			}
		}
		.content {
			display: block;
		}
	}
}
/*
#gallery
---------------------------*/
.gallery-wrap {
	&+.gallery-wrap {
		margin-top: 35px;
	}
	.gallery-tltle {
		display: inline-block;
		color: #fff;
		font-weight: 700;
		font-size: var(--font-m);
		background-color :var(--color-secondary);
		border-top-left-radius: 24px;
		border-top-right-radius: 24px;
		padding: 7px 35px 2px;
	}
	.gallery {
		background-color :var(--color-secondary);
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		padding-top: 8px;
	}
	.gallery-top {
		background-color: #fff;
	}
	.gallery-bottom {
		display: flex;
		justify-content: space-between;
		background-color: #fff;
		padding-top: 1px;
		>div {
			width: calc((100% - 1px) / 2);
		}
	}
}
/*
.arc-content 
---------------------------*/
.arc-content {
	overflow: hidden;
	.top-arc {
		background-color : var(--color-primary-bg);
		border-radius: 800px 800px 0 0 / 300px 300px 0 0;
		margin: 5px -100px;
		padding: 70px 0;
		text-align: center;
	}
	.arc-title-wrap {
		margin-top: -75px;
		
	}
}
.en-title {
	text-align: center;
	padding-bottom: 30px;
	.en {
		font-weight: 500;
		letter-spacing: .15em;
		font-family: var(--accent-font);
		color : var(--color-secondary);
	}
	.title {
		font-weight: 700;
		font-size: var(--font-2xl);
		line-height: 1.4;
		padding-top: 5px;
	}
}
/*
#voice
---------------------------*/
#voice {
	.inner {
		position: relative;
		padding-bottom: 70px;
	}
	.slick-prev, .slick-next {
		width: 36px;
		height: 36px;
		top: 20%;
		z-index: 10;
	}
	.slick-prev {
		left: -4%;
	}
	.slick-next {
		right: -4%;
	}
	.slick-arrow:before{
		content:""!important;
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 1;
	}
	.slick-next:before{
		background: url(/wp-content/themes/bones/dist/img/lp-c/arrow-btn.svg);
		background-size: contain!important;
		left: 0;
		transform:rotateY(180deg);
	}

	.slick-prev:before{
		background: url(/wp-content/themes/bones/dist/img/lp-c/arrow-btn.svg);
		background-size: contain!important;
		right: 0;
	}
	.dots-box {
		position: absolute;
		/*top: 23.5vw;
		top: 390px;
		top: 52%;*/
		top: 48%;
		left: 0;
		right: 0;
		z-index: 10;
	}
	.dots-wrap {
		display: flex;
		justify-content: center;
		padding-top: 16px;
	}
	.dots-wrap li {
		width: 10px;
		height: 10px;
		margin: 0 5px;
		background: var(--color-line);
		border-radius: 50%;
		cursor: pointer;
	}
	.dots-wrap li:hover,
		.dots-wrap li.slick-active {
			background: var(--color-primary-lp);
	}
	.dots-wrap li button {
		display: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		padding: 0;
		border: none;
		background-color: transparent;
	}
	@media (max-width: 430px) {
		.dots-box {
			top: 45%;
		}
	}
	@media (max-width: 414px) {
		.dots-box {
			top: 43%;
		}
	}
	@media (max-width: 390px) {
		.dots-box {
			top: 38%;
		}
	}
	@media (max-width: 320px) {
		.dots-box {
			top: 42%;
		}
	}
}
.voice-slide {
	.voice-image {
		position: relative;
		border-radius: 8px;
		overflow: hidden;
	}
	.voice-detail {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: stretch;
		.name,
		.detail {
			color: #fff;
			padding: 12px;
		}
		.name {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			width: 22%;
			text-align: center;
			background-color: var(--color-secondary);
			p {
				line-height: 1;
				font-weight: 700;
			}
			span {
				display: block;
				font-size: var(--font-s);
				padding-top: 5px;
			}
		}
		.detail {
			width: 78%;
			background-color: var(--color-primary-lp);
			text-align: left;
			font-size: var(--font-s);
		}
	}
	.vioce-message {
		text-align: left;
		padding-top: 52px;
		.read {
			font-weight: 600;
			font-size: var(--font-l);
			line-height: 1.5;
			padding-bottom: 5px;
		}
	}
}
/*
#advantage
---------------------------*/
#advantage {
	background-image: url("/wp-content/themes/bones/dist/img/lp-c/advantage.svg");
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 50px 0 60px;
	.point {
		padding-top: 30px;
		&+.point {
			padding-top: 40px;
		}
		dl {
			text-align: left;
			padding-top: 20px;
		}
		dt {
			font-weight: 700;
			line-height: 2;
			padding-bottom: 10px;
			.em {
				color: var(--color-primary-lp);
				font-weight: 700;
				font-size: var(--font-2xl);
			}
		}
		dd {
			line-height: 1.6;
		}
	}
	@media (max-width: 320px) {
		.point {
			dt {
				.em {
					font-size: var(--font-xl);
				}
			}
		}
	}
}
/*
#anxiety
---------------------------*/
#anxiety {
	background-color: var(--color-secondary-bg);
	.anxiety-title {
		display: inline-block;
		position: relative;
		font-size: var(--font-xl);
		font-weight: 600;
		line-height: 1.5;
		margin-bottom: 30px;
		.em {
			color: var(--color-accent-r);
			font-weight: 600;
		}
		&:after {
			content: "";
			display: block;
			background-image: url("/wp-content/themes/bones/dist/img/lp-c/anxiety-title-illust.svg");
			background-repeat: no-repeat;
			background-size: contain;
			width: 48px;
			height: 48px;
			position: absolute;
			right: 0;
			top: -30px;
		}
	}
	.anxiety-box-wrap {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		.anxiety-box {
			width: 45%;
		}
	}
	.anxiety-box {
		position: relative;
		max-width: 60%;
		margin: 57px auto 0;
	}
	.anxiety-image {
		position: absolute;
		top: -70px;
		left: 0;
		right: 0;
		margin: auto;
		width: 50%;
	}
	.anxiety-box-inner {
		min-height: 122px;
		font-size: clamp(12px, 3.8vw, 16px);
		font-size: var(--font-ms);
		background-color: #fff;
		border-radius: 16px;
		padding: 25px 2% 15px;
		p {
			line-height: 1.5;
			font-size: var(--font-ms);
		}
	}
	.anxiety01 {
		.anxiety-image {
			top: -90px;
		}
	}
	.anxiety03 {
		.anxiety-image {
			width: 35%;
			top: -60px;
		}
	}
	.anxiety04 {
		.anxiety-image {
			top: -120px;
			width: 30%;
			right: auto;
			left: 8%;
		}
	}
	.anxiety05 {
		.anxiety-image {
			width: 30%;
		}
	}
	@media (max-width: 375px) {
		.anxiety-image {
			top: -60px;
		}
		.anxiety01 {
			.anxiety-image {
				top: -70px;
			}
		}
		.anxiety04 {
			.anxiety-image {
				top: -90px;
			}
		}
	}
}
/*
#efficacy
---------------------------*/
#efficacy {
	padding-top: 30px;
	.figure-content {
		&+.figure-content {
			padding-top: 50px;
		}
	}
	.balloon-title {
		margin-bottom: 32px;
	}
}
/*
#case
---------------------------*/
#case {
	.bg-content {
		padding-bottom: 80px;
	}
	.case-detail {
		padding: 24px 0 32px;
		dl {
			display: flex;
			align-items: center;
			&+dl {
				margin-top: 6px;
			}
		}
		dt {
			width: 30%;
			background-color: #fff;
			text-align: center;
			font-weight: 600;
			font-size: 13px;
			color: var(--color-primary-lp);
			border-radius: 50px;
			padding: 8px;
		}
		dd {
			width: 70%;
			font-size: 13px;
			padding-left: 10px;
		}
	}
	.efficacy-detail {
		padding-bottom: 40px;
		dt {
			font-size: 20px;
			font-weight: 700;
			line-height: 1.5;
			padding-bottom: 10px;
		}
		dd {
			line-height: 1.75;
		}
	}
	.stuff-comment-wrap {
		position: relative;
		padding: 24px;
		border: 1px solid var(--color-primary-lp);
		border-radius: 16px;
		margin: 56px 0 46px;
		p {
			font-size: var(--font-s);
		}
	}
	.stuff-comment-title {
		display: inline-block;
		text-align: center;
		position: absolute;
		top: -18px;
		left: 0;
		right: 0;
		margin: auto;
		span {
			position: relative;
			display: inline-block;
			font-family: var(--accent-font);
			font-size: var(--font-s);
			letter-spacing: 0.16em;
			font-weight: 600;
			color: var(--color-primary-lp);
			background-color: var(--color-primary-bg);
			padding: 0 40px;
			&:before,
			&:after {
				content: "";
				display: block;
				background-color: var(--color-primary-lp);
				width: 1px;
				height: 100%;
				position: absolute;
				top: 0;
				bottom: 0;
				margin: auto;
			}
			&:before {
				left: 8%;
				transform: rotate(-30deg);
			}
			&:after {
				right: 8%;
				transform: rotate(30deg);
			}
		}
	}
	.stuff-detail {
		display: flex;
		align-items: center;
		padding-bottom: 16px;
		margin-bottom: 16px;
		border-bottom: 1px solid var(--color-primary-lp);
		.image {
			width: 25%;
		}
		.detail {
			width: 75%;
			padding-left: 15px;
		}
		.note {
			color: var(--color-text-lp-g);
			font-size: var(--font-xs);
		}
		.name {
			font-size: 18px;
			font-weight: 600;
		}
	}
	.case-wrap {
		text-align: center;
		.case-tltle {
			display: inline-block;
			color: var(--color-secondary);
			font-weight: 700;
			background-color: #fff;
			font-size: var(--font-s);
			border-top-left-radius: 24px;
			border-top-right-radius: 24px;
			padding: 7px 35px 2px;
		}
		.case {
			background-color: #fff;
			border-radius: 8px;
			padding: 16px;
			filter: drop-shadow(4px 8px 16px rgba(0, 0, 0, 0.04));
		}
		.case-image {
		}
		.case-slide-detail {
			text-align: left;
			padding: 22px 0;
			.case-title {
				line-height: 1.5;
				font-weight: 600;
				padding-bottom: 16px;
			}
		}
		.tag-content {
			display: flex;
			.tag {
				color: var(--color-secondary);
				font-size: 11px;
				line-height: 1;
				border: 1px solid var(--color-secondary);
				padding: 3px 12px 5px;
				border-radius: 50px;
				margin-right: 4px;
			}
		}
	}
	.slick-slide {
		margin: 0 8px;
	}
	.slick-prev, .slick-next {
		width: 36px;
		height: 36px;
		top: 50%;
		z-index: 10;
	}
	.slick-prev {
		left: 0;
	}
	.slick-next {
		right: 0;
	}
	.slick-arrow:before{
		content:""!important;
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 1;
	}
	.slick-next:before{
		background: url(/wp-content/themes/bones/dist/img/lp-c/arrow-btn.svg);
		background-size: contain!important;
		left: 0;
		transform:rotateY(180deg);
	}

	.slick-prev:before{
		background: url(/wp-content/themes/bones/dist/img/lp-c/arrow-btn.svg);
		background-size: contain!important;
		right: 0;
	}
}
.border-title-wrap {
	position: relative;
	text-align: center;
	margin-bottom: 20px;
	&:before {
		content: "";
		display: block;
		width: 100%;
		height: 10px;
		background-image: repeating-linear-gradient(135deg, rgba(253, 225, 85, .7), rgba(253, 225, 85, .7) 2px, transparent 2px, transparent 4px);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		z-index: 3;
	}
	.border-title {
		display: inline-block;
		position: relative;
		font-size: 16px;
		font-weight: 700;
		color: var(--color-primary-lp);
		background-color: var(--color-primary-bg);
		padding: 0 20px;
		z-index: 4;
		&.white {
			background-color: #fff;
		}
	}
}
/*
#ai
---------------------------*/
body#yokohana {
	.ribot-box.curara {
		display: none;
	}
}
body#sendai,
body#kichijoji {
	.ribot-box.curara {
		.toggle-detail {
			.note {
				display: none;
			}
		}
	}
}
#ai {
	background-image: url("/wp-content/themes/bones/dist/img/lp-c/ai-bg.png");
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 90px;
	.inner {
		>div {
			background-image: url("/wp-content/themes/bones/dist/img/lp-c/ai-title01.svg");
			background-image: url("../../img/lp-c/ai-title01.svg");
			background-position: center 10px;
			background-size: contain;
			background-repeat: no-repeat;
			padding-top: 50px;
		}
	}
	.ai-title {
		padding: 10px 0 35px;
	}
	.ribot-box {
		background-color: #fff;
		border: 2px solid #fff;
		border-radius: 8px;
		filter: drop-shadow(4px 8px 16px rgba(0, 0, 0, 0.04));
		&+.ribot-box {
			margin-top: 48px;
		}
	}
	.ribot-image {
		text-align: right;
		background: linear-gradient(90.62deg, #82F0FB 0.3%, #7BF3E3 51.19%, #7BFFE9 99.23%);
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		img {
			display: inline-block;
			width: 90%;
			padding-bottom: 24px;
		}
	}
	.toggle-detail {
		padding: 24px 4% 32px;
		p {
			text-align: left;
		}
		.note {
			font-size: var(--font-xs);
		}
	}
}
.toggle-detail {
	display: none;
	text-align: center;
	p {
		text-align: left;
	}
}
.toggle-btn {
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
	.btn-lp {
		display: inline-block;
		width: auto;
		min-width: 140px;
		background-color: var(--color-accent-y);
		color: var(--color-primary-lp);
		padding: 4px 30px 5px;
		border-radius: 50px;
		transform: none;
		span {
			position: relative;
			font-size: var(--font-s);
			font-weight: 500;
			padding-left: 20px;
			&:before {
				position: absolute;
				left: 0;
				top: 0;
				bottom: 0;
				content: "";
				display: block;
				width: 13px;
				height: 1px;
				background-color :var(--color-primary-lp);
				transition-duration: .4s;
				margin: auto;
			}
			&:after {
				position: absolute;
				left: 6px;
				top: 0;
				bottom: 0;
				content: "";
				display: block;
				width: 1px;
				height: 13px;
				background-color :var(--color-primary-lp);
				transition-duration: .4s;
				margin: auto;
			}
		}
	}
}
.toggle-content {
	>div {
		position: relative;
	}
	.open {
		.toggle-detail {
			display: block;
		}
		.toggle-btn {
			span {
				&:after {
					transform: rotate(90deg);
				}
			}
		}
	}
}
/*
#flow
---------------------------*/
#flow {
	.flow-wrap {
		text-align: left;
		padding-left: 30px;
		margin-bottom: 20px;
		border-left: 2px dashed var(--color-line);
		.flow-content {
			&+.flow-content {
				padding-top: 50px;
			}
			&:last-of-type {
				padding-bottom: 30px;
			}
		}
		.flow-title-wrap {
			position: relative;
			.no {
				position: absolute;
				top: 0;
				bottom: 0;
				left: -55px;
				width: 50px;
				height: 50px;
				margin: auto;
				border: 5px solid #fff;
			}
		}
		.flow-title {
			font-weight: 600;
			font-size: 18px;
			line-height: 1.25;
		}
		.flow-image {
			text-align: center;
			border-radius: 8px;
			padding: 16px 0;
		}
	}
}

#merit {
	padding-bottom: 0;
	.merit-list {
		li {
			display: flex;
			&+li {
				padding-top: 24px;
			}
		}
		.icon {
			width: 64px;
		}
		.detail {
			width: calc(100% - 64px);
			text-align: left;
			padding-left: 16px;
		}
		.merit {
			font-weight: 600;
			.em {
				position: relative;
				color: var(--color-primary-lp);
				font-size: 18px;
				font-weight: 600;
				z-index: 1;
				&:after {
					content: "";
					display: block;
					width: 100%;
					height: 10px;
					background-image: repeating-linear-gradient(135deg, rgba(253,225,85,.7), rgba(253,225,85,.7) 5px, transparent 5px, transparent 10px);
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					z-index: -1;
				}
			}
		}
	}
}

#comment {
	.staff-content {
		&+.staff-content {
			padding-top: 40px;
		}
		&.open {
			.staff-career {
				display: block;
			}
		}
	}
	.staff-image {
		position: relative;
		width: 54%;
		margin: auto;
		img {
			filter: drop-shadow(4px 8px 16px rgba(0, 0, 0, 0.16));
		}
		.staff-btn {
			position: absolute;
			bottom: 0;
			right: -40px;
			width: 72px;
			height: 72px;
			border-radius: 50px;
			display: flex;
			justify-content: center;
			align-items: center;
			color: var(--color-primary-lp);
			background-color: var(--color-accent-y);
			p {
				position: relative;
				font-size: var(--font-s);
				line-height: 1.25;
				font-weight: 500;
				padding-top: 17px;
				&:before {
					position: absolute;
					left: 0;
					right: 0;
					top: 6px;
					content: "";
					display: block;
					width: 13px;
					height: 1px;
					background-color :var(--color-primary-lp);
					transition-duration: .4s;
					margin: auto;
				}
				&:after {
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					content: "";
					display: block;
					width: 1px;
					height: 13px;
					background-color :var(--color-primary-lp);
					transition-duration: .4s;
					margin: auto;
				}
			}
		}
	}
	.staff-content-top {
		.name {
			font-weight: 600;
			font-size: var(--font-l);
			padding-top: 18px;
			span {
				display: block;
				font-size: var(--font-s);
				color: var(--color-text-lp-g);
				padding-top: 10px;
			}
		}
	}
	.staff-content-bottom {
		position: relative;
		margin-top: 40px;
		.staff-career {
			display: none;
			text-align: center;
			background-color: var(--color-primary-bg);
			padding: 16px;
			border-radius: 8px;
			margin-bottom: 16px;
			p {
				font-size: var(--font-s);
				text-align: left;
			}
			.career-btn {
				display: inline-block;
				min-width: 136px;
				text-align: center;
				padding: 4px 16px;
				color: var(--color-primary-lp);
				text-align: center;
				border: 1px solid var(--color-primary-lp);
				border-radius: 50px;
				margin-top: 8px;
				span {
					position: relative;
					padding-left: 20px;
					&:before {
						position: absolute;
						left: 0;
						top: 0;
						bottom: 0;
						content: "";
						display: block;
						width: 13px;
						height: 1px;
						background-color :var(--color-primary-lp);
						transition-duration: .4s;
						margin: auto;
					}
				}
			}
		}
		>div {
			position: relative;
			&:after {
				content: "";
				display: block;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				width: 100%;
				height: 50px;
				border: 1px solid var(--color-line);
				border-radius: 20px;
				margin: auto;
				z-index: 1;
			}
			&:before {
				content: "";
				display: block;
				position: absolute;
				bottom: 15px;
				left: -10px;
				right: -10px;
				width: 120%;
				height: 35px;
				border: none;
				border-radius: 20px;
				margin: auto;
				background-color: #fff;
				z-index: 2;
			}
		}
		.staff-bottom-inner {
			position: relative;
			text-align: left;
			padding: 10px 4% 30px;
			z-index: 3;
		}
		.line {
			position: relative;
			display: inline-block;
			line-height: 2;
			padding: 0 15px 15px;
			z-index: 3;
			&:after {
				content: "";
				display: block;
				position: absolute;
				left: 50%;
				top: -7px;
				width: 16px;
				height: 16px;
				background-color: #fff;
				border-top: 1px solid var(--color-line);
				transform: rotate(-45deg);
			}
		}
		&:after {
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 50px;
			border: 1px solid var(--color-line);
			border-radius: 20px;
			margin: auto;
			z-index: 1;
		}
		&:before {
			content: "";
			display: block;
			position: absolute;
			top: 15px;
			left: -10px;
			right: -10px;
			width: 120%;
			height: 35px;
			border: none;
			border-radius: 20px;
			margin: auto;
			background-color: #fff;
			z-index: 2;
		}
	}
}
/*
#tour
---------------------------*/
#tour {
	.movie-wrap {
		&+.movie-wrap {
			margin-top: 35px;
		}
		.movie-tltle {
			display: inline-block;
			color: #fff;
			font-size: var(--font-s);
			font-weight: 700;
			background-color :var(--color-secondary);
			border-top-left-radius: 24px;
			border-top-right-radius: 24px;
			padding: 7px 35px 2px;
		}
		.movie {
			background-color :var(--color-secondary);
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			padding-top: 8px;
		}
	}
}
/*
#information
---------------------------*/
#information {
	.location {
		&+.location {
			padding-top: 60px;
		}
	}
	.location-image {
		padding-bottom: 24px;
		img {
			display: inline-block;
			width: 65%;
			border-radius: 8px;
		}
	}
	.location-detail {
		text-align: left;
		padding: 5px 0 24px;
		dl {
			display: flex;
			align-items: flex-start;
			&+dl {
				margin-top: 6px;
			}
		}
		dt {
			width: 25%;
			background-color: var(--color-primary-bg);
			text-align: center;
			font-weight: 600;
			font-size: 13px;
			color: var(--color-primary-lp);
			border-radius: 50px;
			padding: 8px;
		}
		dd {
			font-size: var(--font-s);
			line-height: 1.5;
			padding-left: 10px;
			width: 75%;
		}
	}
	.gmap {
		margin-bottom: 32px;
	}
	.parking-detail {
		text-align: left;
		padding: 24px 6%;
		margin: 24px 0;
		border: 1px solid var(--color-line);
		border-radius: 8px;
		dl {
			padding-bottom: 16px;
		}
		dt {
			position: relative;
			font-weight: 600;
			color: var(--color-primary-lp);
			padding-left: 33px;
			margin-bottom: 8px;
			&:after {
				content: "";
				display: block;
				width: 24px;
				height: 18px;
				background-image: url("/wp-content/themes/bones/dist/img/lp-c/icon-car.svg");
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				margin: auto;
			}
		}
		dd {
			p {
				font-size: var(--font-s);
			}
		}
		.parking-list {
			padding: 15px;
			li {
				position: relative;
				color: var(--color-secondary);
				padding-left: 32px;
				&+li {
					margin-top: 18px;
				}
				&:after {
					content: "";
					display: block;
					width: 24px;
					height: 24px;
					background-image: url("/wp-content/themes/bones/dist/img/lp-c/icon-parking.svg");
					background-position: center center;
					background-repeat: no-repeat;
					background-size: contain;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					margin: auto;
				}
				a {
					text-decoration: underline;
				}
			}
		}
	}
}
/*
#contact
---------------------------*/
#contact {
	position: relative;
	z-index: 10;
	overflow: visible;
	.top-arc {
		margin: -40px -100px 0;
	}
	.read {
		padding: 24px 0 35px;
	}
	.note {
		font-size: var(--font-s);
		a {
			color: var(--color-secondary);
			text-decoration: underline;
		}
	}
	.bg-content {
		padding-bottom: 60px;
	}
}
/*
#faq
---------------------------*/
#faq {
	.faq-content {
		text-align: left;
		margin-bottom: 64px;
		border: 1px solid var(--color-line);
		border-radius: 16px;
		&:last-of-type {
			margin-bottom: 40px;
		}
		.border-title-wrap {
			margin-bottom: 10px;
		}
		>div {
			padding: 24px;
		}
		dl {
			padding: 24px 0;
			&+dl {
				border-top: 1px dashed var(--color-line);
			}
		}
		.toggle-detail {
			dl {
				&:first-of-type {
					border-top: 1px dashed var(--color-line);
				}
			}
		}
		dt,
		dd {
			position: relative;
			text-align: left;
			padding-left: 44px;
			&:before {
				content: "";
				display: block;
				width: 32px;
				height: 32px;
				background-image: url("/wp-content/themes/bones/dist/img/lp-c/icon-q.svg");
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				top: -3px;
				left: 0;
				margin: auto;
			}
		}
		dt {
			line-height: 1.5;
			font-weight: 600;
		}
		dd {
			line-height: 1.75;
			margin-top: 15px;
			&:before {
				background-image: url("/wp-content/themes/bones/dist/img/lp-c/icon-a.svg");
			}
			.btn-base {
				text-align: center;
			}
			iframe {
				max-width: 100%;
				margin-top: 20px;
			}
			p {
				&+p {
					margin-top: .5em;
				}
			}
		}
	}
}
footer {
	color: #fff;
	background-color: var(--color-secondary);
	padding: 64px 0;
	.detail {
		text-align: center;
		padding-bottom: 48px;
	}
	.logo {
		padding-bottom: 10px;
		img {
			height: 27px;
		}
	}
	.company {
		font-size: var(--font-s);
		text-align: center;
		padding-top: 48px;
		a {
			text-decoration: underline;
		}
	}
}
.pagetop {
	display: none;
	position: fixed;
	z-index: 11;
	bottom: 10px;
	right: 10px;
	background-color: var(--color-accent-y);
	opacity: 0.9;
	border-radius: 50px;
	a {
		display: block;
		width: 48px;
		height: 48px;
	}
	&:before {
		content: '';
		width: 11px;
		height: 11px;
		border-top: solid 1px var(--color-primary-lp);
		border-right: solid 1px var(--color-primary-lp);
		transform: rotate(-45deg);
		position: absolute;
		bottom: 15px;
		right: 19px;
	}
	@media (max-width: 580px) {
		bottom: 70px;
	}
}
.pagetop--branch,
.drawer,
footer.footer--branch,
.branchfoot,
.js-popup,
.branchhead,
.branch-floatlist {
	display: none!important;
}
a:hover {
	color: inherit;
}