@charset "UTF-8";
/*-----------------------------------------------------------
		font
-----------------------------------------------------------*/
/*-----------------------------------------------------------
		リセット
-----------------------------------------------------------*/
html {
	overflow-y: scroll;
}

fieldset, img {
	border: none;
	vertical-align: top;
}

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

address, caption, cite, code, dfn, em, var {
	font-style: normal;
}

caption, th {
	text-align: left;
}

a {
	outline: none;
}

h1, h2, h3, h4, h5, h6,
html, body, div,
p, ul, ol, li, dl, dt, dd,
pre, blockquote,
form, fieldset, input, textarea,
table, th, td, figure {
	margin: 0;
	padding: 0;
}

/*-----------------------------------------------------------
		初期設定
-----------------------------------------------------------*/
:root {
	color: #231815;
	font-size: 0.52vw;
	/*@include for-over() {
		font-size: 10px;
	}
	*/
}
@media (max-width: 1219px) {
	:root {
		font-size: 0.62vw;
	}
}
@media (max-width: 995px) {
	:root {
		font-size: 0.7vw;
	}
}
@media (max-width: 767px) {
	:root {
		font-size: 1vw;
	}
}
@media (max-width: 995px) {
	:root {
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}
}

body {
	color: #231815;
	line-height: 1.5;
	font-size: 1.6rem;
	word-wrap: break-word;
	font-weight: 400;
}
@media (max-width: 995px) {
	body {
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}
}
@media (max-width: 767px) {
	body {
		font-size: 3.5vw;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

img {
	max-width: 100%;
}

button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
}

a {
	text-decoration: none;
	color: #231815;
}
@media (min-width: 1220px) {
	a:hover {
		color: #231815;
		text-decoration: underline;
	}
	a:visited {
		color: #231815;
	}
	a:active {
		text-decoration: none;
	}
}

q:before, q:after {
	content: '';
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
	font-family: 'Yasashisa';
	font-style: normal;
	font-weight: 400;
	src: url(../font/yasashisa-tegaki.woff) format("woff"), url(../font/yasashisa-tegaki.woff2) format("woff2");
	font-display: swap;
}
@font-face {
	font-family: 'Satoshi-Bold';
	src: url("../font/Satoshi-Bold.woff2") format("woff2"), url("../font/Satoshi-Bold.woff") format("woff"), url("../font/Satoshi-Bold.ttf") format("truetype");
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'Satoshi-Regular';
	src: url("../font/Satoshi-Regular.woff2") format("woff2"), url("../font/Satoshi-Regular.woff") format("woff"), url("../font/Satoshi-Regular.ttf") format("truetype");
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'Satoshi-Light';
	src: url("../font/Satoshi-Light.woff2") format("woff2"), url("../font/Satoshi-Light.woff") format("woff"), url("../font/Satoshi-Light.ttf") format("truetype");
	font-weight: 300;
	font-display: swap;
	font-style: normal;
}
/*-----------------------------------------------------------
		フォームタグ設定
-----------------------------------------------------------*/
[type=text], [type=email], [type=tel], [type=password], [type=number], [type=search], [type=date], textarea, select {
	padding: 0.75em 1em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #c3c3c3;
	border-radius: 1rem;
	background: #fff;
}

select {
	max-width: 100%;
	padding: 0.75em 3em 0.75em 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #c3c3c3;
	border-radius: 1rem;
	background: #fff url("../img/common/arrow.svg") right center/auto 100% no-repeat;
}

option {
	color: #000;
}

select::-ms-expand {
	display: none;
}

[type=text], [type=email], [type=tel], [type=password], [type=submit], [type=number], [type=search], [type=date], textarea, button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

[type=text]:focus, [type=email]:focus, [type=password]:focus, [type=number]:focus, [type=search]:focus, [type=date]:focus, textarea:focus {
	background: none;
	border: 1px solid #fff;
}

button {
	cursor: pointer;
}

input[type=checkbox],
input[type=radio] {
	display: none;
}

input[type=checkbox] + label,
input[type=radio] + label,
[type=radio] + .mwform-radio-field-text,
[type=checkbox] + .mwform-checkbox-field-text {
	display: inline-block;
	position: relative;
	padding-left: 2em;
}
input[type=checkbox] + label:before, input[type=checkbox] + label:after,
input[type=radio] + label:before,
input[type=radio] + label:after,
[type=radio] + .mwform-radio-field-text:before,
[type=radio] + .mwform-radio-field-text:after,
[type=checkbox] + .mwform-checkbox-field-text:before,
[type=checkbox] + .mwform-checkbox-field-text:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0.5rem;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before,
[type=radio] + .mwform-radio-field-text:before,
[type=checkbox] + .mwform-checkbox-field-text:before {
	left: 0px;
	width: 1.25em;
	height: 1.25em;
	border: 1px solid #c3c3c3;
	background-color: #fff;
}
input[type=checkbox] + label.single,
input[type=radio] + label.single,
[type=radio] + .mwform-radio-field-text.single,
[type=checkbox] + .mwform-checkbox-field-text.single {
	height: 1.25em;
	padding-left: 1.25em;
}

input[type=radio] + label:before, input[type=radio] + label:after,
[type=radio] + .mwform-radio-field-text:before,
[type=radio] + .mwform-radio-field-text:after {
	border-radius: 50%;
}

input[type=checkbox]:checked + label:after,
[type=checkbox]:checked + .mwform-checkbox-field-text:after {
	border-radius: 0.4rem;
}

input[type=checkbox]:checked + label:after,
input[type=radio]:checked + label:after,
[type=checkbox]:checked + .mwform-checkbox-field-text:after,
[type=radio]:checked + .mwform-radio-field-text:after {
	left: 3px;
	width: -webkit-calc(1.25em - 6px);
	width: calc(1.25em - 6px);
	height: -webkit-calc(1.25em - 6px);
	height: calc(1.25em - 6px);
	background-color: #b2414c;
}

/*-----------------------------------------------------------
		スクロールバー設定
-----------------------------------------------------------*/
:placeholder-shown {
	color: #BABABA;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
	color: #BABABA;
}

/* Firefox 18- */
:-moz-placeholder {
	color: #BABABA;
	opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
	color: #BABABA;
	opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
	color: #BABABA;
}

/*-----------------------------------------------------------
		基本レイアウト
-----------------------------------------------------------*/
.wrap {
	position: relative;
	margin: 0px 5vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.linkbox {
	cursor: pointer;
}

.sp {
	display: none;
}
@media (max-width: 767px) {
	.sp {
		display: inherit;
	}
}

@media (max-width: 767px) {
	.spnone {
		display: none !important;
	}
}

.tb {
	display: none;
}
@media (max-width: 995px) {
	.tb {
		display: inherit;
	}
}

@media (max-width: 995px) {
	.tbnone {
		display: none !important;
	}
}

@media (max-width: 995px) {
	.pc {
		display: none !important;
	}
}

/*----------------------- header --------------------------*/
header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 3000;
	padding: 2rem 3.5rem;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
@media (max-width: 995px) {
	header {
		padding: 2.8rem 4.5rem;
	}
}
@media (max-width: 767px) {
	header {
		padding: 2.5vw;
	}
}
header.is-scroll {
	background-color: #fff;
}
header .logobox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	gap: 3rem;
}
header .logobox .logo {
	width: 25rem;
}
@media (max-width: 767px) {
	header .logobox .logo {
		width: 35vw;
	}
}
header .logobox .sub {
	width: 34rem;
	padding-bottom: 0.5rem;
}
@media (max-width: 767px) {
	header .logobox .sub {
		width: 42vw;
	}
}
header #gnav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 3em;
	font-size: 1.9rem;
}
@media (max-width: 995px) {
	header #gnav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		position: fixed;
		left: 100vw;
		top: 0px;
		width: 100vw;
		height: 100vh;
		padding: 20vw 10vw 10vw;
		overflow: auto;
		background-color: #f5f3f3;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 3.2rem;
	}
}
@media (max-width: 767px) {
	header #gnav {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 4vw;
	}
}
header #gnav.is-open {
	left: 0px;
}
header #gnav .nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2em;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-weight: 500;
}
@media (max-width: 767px) {
	header #gnav .nav {
		display: block;
		font-size: 4.5vw;
		text-align: center;
	}
}
header #gnav .nav li a {
	display: block;
	position: relative;
	padding: 1em 0px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
header #gnav .nav li a span {
	display: block;
	font-size: 0.58em;
}
header #gnav .nav li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	right: 100%;
	bottom: 0px;
	height: 3px;
	background-color: #b2414c;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (min-width: 1220px) {
	header #gnav .nav li a:hover:before {
		right: 0px;
	}
}
header #gnav .btn {
	font-size: 0.85em;
}
header #gnav .btn a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 0 2em;
	padding: 1.25em 2em;
	border-radius: 3em;
	background-color: #b2414c;
	border: 1px solid #b2414c;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.1em;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
header #gnav .btn a::after {
	content: "";
	display: block;
	width: 0.8em;
	aspect-ratio: 1 / 1;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.89%2010.78%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%224.8%22%20width%3D%2210.9%22%20height%3D%221.06%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.5%200%206.5%201.5%2010.39%205.39%206.5%209.28%206.5%2010.78%2011.14%206.14%2011.14%206.14%2011.89%205.39%206.5%200%22%2F%3E%3C%2Fsvg%3E") center/100% no-repeat;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (min-width: 1220px) {
	header #gnav .btn a:hover {
		background-color: #fff;
		color: #b2414c;
	}
	header #gnav .btn a:hover::after {
		-webkit-transform: translateX(0.25em);
		-ms-transform: translateX(0.25em);
		transform: translateX(0.25em);
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.89%2010.78%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23b2414c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%224.8%22%20width%3D%2210.9%22%20height%3D%221.06%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.5%200%206.5%201.5%2010.39%205.39%206.5%209.28%206.5%2010.78%2011.14%206.14%2011.14%206.14%2011.89%205.39%206.5%200%22%2F%3E%3C%2Fsvg%3E");
	}
}
header .menu {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2000;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #b2414c;
}
@media (max-width: 995px) {
	header .menu {
		display: block;
		width: 9vw;
		height: 9vw;
	}
}
@media (max-width: 767px) {
	header .menu {
		width: 15vw;
		height: 15vw;
	}
}
header .menu span {
	display: inline-block;
	position: absolute;
	left: 50%;
	width: 42%;
	height: 3px;
	background-color: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 1219px) {
	header .menu span {
		height: 2px;
	}
}
header .menu span:nth-of-type(1) {
	top: -webkit-calc(50% - 1px);
	top: calc(50% - 1px);
	-webkit-transform: translate(-50%, -1.5vw);
	-ms-transform: translate(-50%, -1.5vw);
	transform: translate(-50%, -1.5vw);
}
@media (max-width: 767px) {
	header .menu span:nth-of-type(1) {
		-webkit-transform: translate(-50%, -2vw);
		-ms-transform: translate(-50%, -2vw);
		transform: translate(-50%, -2vw);
	}
}
header .menu span:nth-of-type(2) {
	top: -webkit-calc(50% - 1px);
	top: calc(50% - 1px);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 1;
}
header .menu span:nth-of-type(3) {
	bottom: -webkit-calc(50% - 1px);
	bottom: calc(50% - 1px);
	-webkit-transform: translate(-50%, 1.5vw);
	-ms-transform: translate(-50%, 1.5vw);
	transform: translate(-50%, 1.5vw);
}
@media (max-width: 767px) {
	header .menu span:nth-of-type(3) {
		-webkit-transform: translate(-50%, 2vw);
		-ms-transform: translate(-50%, 2vw);
		transform: translate(-50%, 2vw);
	}
}
header .menu.is-active span:nth-of-type(1) {
	-webkit-transform: translate(-50%, 0) rotate(45deg);
	-ms-transform: translate(-50%, 0) rotate(45deg);
	transform: translate(-50%, 0) rotate(45deg);
}
header .menu.is-active span:nth-of-type(2) {
	opacity: 0;
}
header .menu.is-active span:nth-of-type(3) {
	-webkit-transform: translate(-50%, 0) rotate(-45deg);
	-ms-transform: translate(-50%, 0) rotate(-45deg);
	transform: translate(-50%, 0) rotate(-45deg);
}

.is-white header:not(.is-scroll) .logobox .logo {
	background: url(../img/common/logo_w.svg) center/100% no-repeat;
}
.is-white header:not(.is-scroll) .logobox .logo img {
	opacity: 0;
}
.is-white header:not(.is-scroll) #gnav .nav li a {
	color: #fff;
}
@media (max-width: 995px) {
	.is-white header:not(.is-scroll) #gnav .nav li a {
		color: #231815;
	}
}
.is-white header:not(.is-scroll) #gnav .nav li a:before {
	background-color: #fff;
}
.is-white header:not(.is-scroll) #gnav .btn a {
	background-color: #231815;
}
@media (max-width: 995px) {
	.is-white header:not(.is-scroll) #gnav .btn a {
		background-color: #b2414c;
	}
}

/*----------------------- content --------------------------*/
.subpage,
#about .titlebox {
	padding-top: 12rem;
}
@media (max-width: 767px) {
	.subpage,
	#about .titlebox {
		padding-top: 15vw;
	}
}

.soon {
	padding: 20rem 0;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	text-align: center;
	font-size: 3em;
}

.noitem {
	padding: 150px 0px;
	font-size: 1.6rem;
	text-align: center;
}
@media (max-width: 767px) {
	.noitem {
		font-size: 4vw;
	}
}

/*----------------------- footer --------------------------*/
footer {
	border-top: 1px solid #c3c3c3;
}
footer .wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 7rem 0;
}
@media (max-width: 767px) {
	footer .wrap {
		display: block;
		padding-top: 0;
	}
}
footer .navbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: -webkit-calc(100% - (28rem + 4rem));
	width: calc(100% - (28rem + 4rem));
}
@media (max-width: 995px) {
	footer .navbox {
		display: block;
	}
}
@media (max-width: 767px) {
	footer .navbox {
		width: 100%;
	}
}
footer .navbox .footnav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 2rem;
	width: -webkit-calc(100% - (28rem + 4rem));
	width: calc(100% - (28rem + 4rem));
}
@media (max-width: 995px) {
	footer .navbox .footnav {
		width: auto;
	}
}
@media (max-width: 767px) {
	footer .navbox .footnav {
		display: block;
		margin: 0 -5vw;
	}
}
footer .navbox .footnav > li {
	position: relative;
	width: -webkit-calc((100% - 2rem * 3) / 4);
	width: calc((100% - 2rem * 3) / 4);
}
@media (max-width: 767px) {
	footer .navbox .footnav > li {
		width: auto;
	}
	footer .navbox .footnav > li .plus {
		position: absolute;
		right: 0;
		top: 0;
		height: 3.5em;
		aspect-ratio: 1 / 1;
	}
	footer .navbox .footnav > li .plus::before, footer .navbox .footnav > li .plus::after {
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-color: #fff;
	}
	footer .navbox .footnav > li .plus::before {
		width: 30%;
		height: 1px;
	}
	footer .navbox .footnav > li .plus::after {
		width: 1px;
		height: 30%;
	}
}
footer .navbox .footnav > li > a {
	display: block;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #b2414c;
	font-size: 2rem;
	text-align: center;
}
@media (max-width: 767px) {
	footer .navbox .footnav > li > a {
		padding: 1em 0;
		font-size: 3.5vw;
		color: #fff;
		background-color: #b2414c;
		border-bottom: 1px solid #fff;
	}
}
footer .navbox .footnav > li ul {
	margin-top: 1.5em;
	font-size: 1.4rem;
}
@media (max-width: 767px) {
	footer .navbox .footnav > li ul {
		display: none;
		margin: 0;
		font-size: 3.25vw;
	}
	footer .navbox .footnav > li ul.is-open {
		display: block;
	}
}
footer .navbox .footnav > li ul li + li {
	margin-top: 0.5em;
}
@media (max-width: 767px) {
	footer .navbox .footnav > li ul li + li {
		margin-top: 1px;
	}
}
@media (max-width: 767px) {
	footer .navbox .footnav > li ul li a {
		display: block;
		padding: 1em;
		background-color: #f5f3f3;
	}
}
footer .navbox .btns {
	width: 28rem;
	font-size: 1.8rem;
	font-weight: 600;
}
@media (max-width: 995px) {
	footer .navbox .btns {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 1em;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		width: 100%;
		margin-top: 4rem;
	}
}
@media (max-width: 767px) {
	footer .navbox .btns {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 7.5vw;
		font-size: 3vw;
	}
}
@media (max-width: 767px) {
	footer .navbox .btns li {
		width: -webkit-calc((100% - 1em) / 2);
		width: calc((100% - 1em) / 2);
	}
}
footer .navbox .btns li + li {
	margin-top: 1em;
}
@media (max-width: 995px) {
	footer .navbox .btns li + li {
		margin-top: 0;
	}
}
footer .navbox .btns li a {
	display: block;
	padding: 1em 0;
	border-radius: 3em;
	border: 1px solid #b2414c;
	background-color: #b2414c;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
@media (max-width: 995px) {
	footer .navbox .btns li a {
		padding: 1em 2.5em;
	}
}
@media (max-width: 767px) {
	footer .navbox .btns li a {
		padding: 1em 0;
		text-align: center;
	}
}
footer .addrbox {
	width: 28rem;
}
@media (max-width: 767px) {
	footer .addrbox {
		width: 100%;
		margin-top: 7.5vw;
	}
}
footer .addrbox .logo {
	width: 25rem;
}
@media (max-width: 767px) {
	footer .addrbox .logo {
		width: 50vw;
		margin: 0 auto;
	}
}
footer .addrbox .sub {
	width: 25rem;
	margin-top: 2rem;
}
@media (max-width: 767px) {
	footer .addrbox .sub {
		width: 50vw;
		margin: 3.5vw auto 0;
	}
}
footer .addrbox address {
	margin-top: 1em;
	font-size: 1.3rem;
	line-height: 2;
}
@media (max-width: 767px) {
	footer .addrbox address {
		font-size: 3vw;
		text-align: center;
	}
}
footer .endbox {
	border-top: 1px solid #c3c3c3;
}
footer .endbox .wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	padding: 1em 0px;
}
@media (max-width: 767px) {
	footer .endbox .wrap {
		display: block;
		padding: 5vw 0px;
		text-align: center;
	}
}
footer .endbox .wrap .copy {
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 767px) {
	footer .endbox .wrap .copy {
		margin-top: 5vw;
	}
}

/*-----------------------------------------------------------
	index
-----------------------------------------------------------*/
@-webkit-keyframes scale {
	0% {
		width: 23rem;
	}
	100% {
		width: 60rem;
	}
}
@keyframes scale {
	0% {
		width: 23rem;
	}
	100% {
		width: 60rem;
	}
}
@-webkit-keyframes circle {
	0% {
		-webkit-clip-path: circle(30rem at 50% 50%);
		clip-path: circle(30rem at 50% 50%);
		opacity: 0;
	}
	15% {
		-webkit-clip-path: circle(30rem at 50% 50%);
		clip-path: circle(30rem at 50% 50%);
		opacity: 1;
	}
	100% {
		-webkit-clip-path: circle(100% at 50% 50%);
		clip-path: circle(100% at 50% 50%);
		opacity: 1;
	}
}
@keyframes circle {
	0% {
		-webkit-clip-path: circle(30rem at 50% 50%);
		clip-path: circle(30rem at 50% 50%);
		opacity: 0;
	}
	15% {
		-webkit-clip-path: circle(30rem at 50% 50%);
		clip-path: circle(30rem at 50% 50%);
		opacity: 1;
	}
	100% {
		-webkit-clip-path: circle(100% at 50% 50%);
		clip-path: circle(100% at 50% 50%);
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes draw {
	0% {
		-webkit-clip-path: circle(30rem at 50% 50%);
		clip-path: circle(30rem at 50% 50%);
		opacity: 0;
	}
	10% {
		-webkit-clip-path: circle(30rem at 50% 50%);
		clip-path: circle(30rem at 50% 50%);
		opacity: 1;
	}
	100% {
		-webkit-clip-path: circle(80% at 50% 50%);
		clip-path: circle(80% at 50% 50%);
		opacity: 1;
	}
}
@keyframes draw {
	0% {
		-webkit-clip-path: circle(30rem at 50% 50%);
		clip-path: circle(30rem at 50% 50%);
		opacity: 0;
	}
	10% {
		-webkit-clip-path: circle(30rem at 50% 50%);
		clip-path: circle(30rem at 50% 50%);
		opacity: 1;
	}
	100% {
		-webkit-clip-path: circle(80% at 50% 50%);
		clip-path: circle(80% at 50% 50%);
		opacity: 1;
	}
}
@-webkit-keyframes scrollCircle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(365deg);
		transform: rotate(365deg);
	}
}
@keyframes scrollCircle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(365deg);
		transform: rotate(365deg);
	}
}
@-webkit-keyframes scrollDown {
	0% {
		top: 40%;
	}
	35% {
		top: 65%;
	}
	100% {
		top: 40%;
	}
}
@keyframes scrollDown {
	0% {
		top: 40%;
	}
	35% {
		top: 65%;
	}
	100% {
		top: 40%;
	}
}
.top {
	position: relative;
	height: 100dvh;
	overflow: hidden;
}
.top .mainanime {
	position: relative;
	height: 100%;
	width: 100%;
}
.top .mainanime .circle {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 24rem;
	aspect-ratio: 1 / 1;
}
.top .mainanime .circle svg {
	display: block;
}
.top .mainanime .circle svg .circle-item {
	fill: none;
	stroke-width: 1;
	stroke: #b2414c;
}
.top .mainanime .circle svg .circle-animation {
	fill: none;
}
.top .mainanime .circle svg .circle-animation.is-active {
	stroke-width: 1;
	stroke: #b2414c;
}
.top .mainanime .circle svg .circle-animation {
	stroke-dashoffset: 30000;
}
.top .mainanime .circle svg.circle01 {
	bottom: 49%;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) rotate(90deg);
	transform: translateX(-50%) rotate(90deg);
}
.top .mainanime .circle svg.circle02 {
	right: 49%;
	bottom: 30%;
	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}
.top .mainanime .circle svg.circle03 {
	left: 49%;
	bottom: 30%;
	-webkit-transform: rotate(165deg);
	-ms-transform: rotate(165deg);
	transform: rotate(165deg);
}
.top .mainanime .circle svg.circle04 {
	right: 38%;
	top: 46%;
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.top .mainanime .circle svg.circle05 {
	left: 38%;
	top: 46%;
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.top .mainanime .circle .circleitem {
	position: absolute;
	width: 50%;
	-webkit-transition: 1.6s cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: 1.6s cubic-bezier(0.33, 1, 0.68, 1);
	transition: 1.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.top .mainanime .circle .loading {
	position: absolute;
	left: 0;
	top: -webkit-calc(100% + 1em);
	top: calc(100% + 1em);
	width: 100%;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 3rem;
	text-align: center;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.top .mainanime .circle .loading.is-end {
	opacity: 0;
}
.top .mainanime .circle.is-start {
	-webkit-animation: scale 0.8s cubic-bezier(0.5, 1, 0.89, 1) forwards;
	animation: scale 0.8s cubic-bezier(0.5, 1, 0.89, 1) forwards;
}
.top .mainanime .circle.is-start svg .circle-animation {
	stroke-dashoffset: 0;
	stroke-dasharray: none !important;
}
.top .mainanime .circle.is-active svg.circle01 {
	bottom: 49%;
	left: 50%;
}
.top .mainanime .circle.is-active svg.circle02 {
	right: 46%;
	bottom: -27%;
}
.top .mainanime .circle.is-active svg.circle03 {
	left: 46%;
	bottom: -27%;
}
.top .mainanime .circle.is-active svg.circle04 {
	right: 16%;
	top: 22%;
}
.top .mainanime .circle.is-active svg.circle05 {
	left: 16%;
	top: 22%;
}
.top .mainanime .circle.is-active .circleitem {
	width: 200%;
}
.top .mainanime .circle.is-none {
	display: none;
}
.top .mainanime .circle.is-skip {
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	opacity: 0;
}
.top .mainanime .mainslide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-clip-path: circle(30rem at 50% 50%);
	clip-path: circle(30rem at 50% 50%);
	opacity: 0;
}
.top .mainanime .mainslide.is-active {
	-webkit-animation: draw 2.6s 0.4s cubic-bezier(0.5, 1, 0.89, 1) forwards;
	animation: draw 2.6s 0.4s cubic-bezier(0.5, 1, 0.89, 1) forwards;
}
.top .mainanime .mainslide.is-skip {
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	-webkit-clip-path: none;
	clip-path: none;
	opacity: 1;
}
.top .mainanime .mainslide .swiper {
	height: 100%;
}
.top .mainanime .mainslide .item {
	background: center / cover no-repeat;
}
@media (max-width: 767px) {
	.top .mainanime .mainslide .item .bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: center / cover no-repeat;
	}
}
.top .textbox {
	position: absolute;
	left: 5vw;
	bottom: 5vw;
	z-index: 10;
	width: 42rem;
}
@media (max-width: 767px) {
	.top .textbox {
		bottom: 28vw;
		width: 45vw;
	}
}
.top .textbox .sub {
	width: 86%;
	margin: -2.5% -2.8%;
	padding: 2.5% 2.8%;
	opacity: 0;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.top .textbox .sub img {
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.top .textbox .title {
	margin: 6rem -2.8% -2.5%;
	padding: 2.5% 2.8%;
	opacity: 0;
}
.top .textbox .title img {
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.top .textbox.is-active .sub {
	-webkit-animation: fadeIn 1s 0.4s forwards;
	animation: fadeIn 1s 0.4s forwards;
}
.top .textbox.is-active .title {
	-webkit-animation: fadeIn 1.8s 1s forwards;
	animation: fadeIn 1.8s 1s forwards;
}
.top .textbox.is-skip .sub, .top .textbox.is-skip .title {
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	opacity: 1;
}
.top .textbox.is-white .sub {
	background: url(../img/index/text01_w.png) center/100% no-repeat;
}
.top .textbox.is-white .sub img {
	opacity: 0;
}
.top .textbox.is-white .title {
	background: url(../img/index/title_w.png) center/100% no-repeat;
}
.top .textbox.is-white .title img {
	opacity: 0;
}
.top .text {
	position: absolute;
	right: 5vw;
	top: 40%;
	z-index: 10;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 2.5rem;
	line-height: 1.72;
	opacity: 0;
}
@media (max-width: 995px) {
	.top .text {
		right: 3vw;
		top: 50%;
	}
}
@media (max-width: 767px) {
	.top .text {
		top: auto;
		bottom: 27vw;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		font-size: 2.8vw;
	}
}
.top .text.is-active {
	-webkit-animation: fadeIn 1s 2s forwards;
	animation: fadeIn 1s 2s forwards;
}
.top .text.is-skip {
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	opacity: 1;
}
.top .text.is-white {
	color: #fff;
}
.top .bn {
	position: absolute;
	right: 2.5vw;
	bottom: 2.5vw;
	z-index: 10;
	width: 44rem;
	opacity: 0;
	visibility: hidden;
}
.top .bn.is-active {
	visibility: visible;
	-webkit-animation: fadeIn 1s 2.6s forwards;
	animation: fadeIn 1s 2.6s forwards;
}
.top .bn.is-skip {
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	visibility: visible;
	opacity: 1;
}
.top .scroll {
	position: absolute;
	left: 50%;
	bottom: 4vw;
	z-index: 10;
	width: 11rem;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	aspect-ratio: 1 / 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
@media (max-width: 767px) {
	.top .scroll {
		left: 5vw;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}
.top .scroll.is-active {
	visibility: visible;
	opacity: 1;
}
.top .scroll a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.top .scroll a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/index/down.svg) center/100% no-repeat;
	-webkit-animation: scrollCircle 3s infinite;
	animation: scrollCircle 3s infinite;
}
.top .scroll a::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 30%;
	aspect-ratio: 1 / 1.2;
	background: url(../img/index/arrow.svg) center/100% no-repeat;
	-webkit-animation: scrollDown 2.4s infinite;
	animation: scrollDown 2.4s infinite;
}

.servicebox, .supportbox, .greetingbox {
	padding: 12rem 0;
}
.servicebox h2, .supportbox h2, .greetingbox h2 {
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-weight: 500;
	font-size: 1.9rem;
	letter-spacing: 0.135em;
	line-height: 1.3;
}
@media (max-width: 767px) {
	.servicebox h2, .supportbox h2, .greetingbox h2 {
		font-size: 3vw;
	}
}
.servicebox h2 span, .supportbox h2 span, .greetingbox h2 span {
	display: block;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 2em;
	letter-spacing: 0;
}
.servicebox .morebtn, .supportbox .morebtn, .greetingbox .morebtn {
	width: 100%;
	font-size: 1.8rem;
}
@media (max-width: 767px) {
	.servicebox .morebtn, .supportbox .morebtn, .greetingbox .morebtn {
		font-size: 3.25vw;
	}
}
.servicebox .morebtn a, .supportbox .morebtn a, .greetingbox .morebtn a {
	width: 10em;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 0 2em;
	padding: 1.25em 2em;
	border-radius: 3em;
	background-color: #b2414c;
	border: 1px solid #b2414c;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.1em;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.servicebox .morebtn a::after, .supportbox .morebtn a::after, .greetingbox .morebtn a::after {
	content: "";
	display: block;
	width: 0.8em;
	aspect-ratio: 1 / 1;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.89%2010.78%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%224.8%22%20width%3D%2210.9%22%20height%3D%221.06%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.5%200%206.5%201.5%2010.39%205.39%206.5%209.28%206.5%2010.78%2011.14%206.14%2011.14%206.14%2011.89%205.39%206.5%200%22%2F%3E%3C%2Fsvg%3E") center/100% no-repeat;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (min-width: 1220px) {
	.servicebox .morebtn a:hover, .supportbox .morebtn a:hover, .greetingbox .morebtn a:hover {
		background-color: #fff;
		color: #b2414c;
	}
	.servicebox .morebtn a:hover::after, .supportbox .morebtn a:hover::after, .greetingbox .morebtn a:hover::after {
		-webkit-transform: translateX(0.25em);
		-ms-transform: translateX(0.25em);
		transform: translateX(0.25em);
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.89%2010.78%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23b2414c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%224.8%22%20width%3D%2210.9%22%20height%3D%221.06%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.5%200%206.5%201.5%2010.39%205.39%206.5%209.28%206.5%2010.78%2011.14%206.14%2011.14%206.14%2011.89%205.39%206.5%200%22%2F%3E%3C%2Fsvg%3E");
	}
}

.servicebox {
	background-color: #f5f3f3;
}
.servicebox .inbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 2rem;
}
@media (max-width: 995px) {
	.servicebox .inbox {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 4rem;
	}
}
@media (max-width: 767px) {
	.servicebox .inbox {
		gap: 7.5vw;
	}
}
.servicebox .inbox .titlebox {
	width: 45%;
	margin-top: -5rem;
}
@media (max-width: 995px) {
	.servicebox .inbox .titlebox {
		width: 70%;
	}
}
@media (max-width: 767px) {
	.servicebox .inbox .titlebox {
		margin-top: 7.5vw;
		width: 80%;
	}
}
@media (max-width: 767px) {
	.servicebox .inbox .titlebox {
		width: 90%;
	}
}
.servicebox .inbox .titlebox .title {
	width: 60%;
	margin: 0 auto;
}
.servicebox .inbox .titlebox .handbox {
	width: 100%;
	margin-top: 3rem;
}
.servicebox .inbox .titlebox .handbox .hand {
	fill: none;
	-webkit-transition: stroke-dashoffset 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
	-o-transition: stroke-dashoffset 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
	transition: stroke-dashoffset 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.servicebox .inbox .titlebox .handbox .hand.is-active {
	stroke: #b2414c;
	stroke-miterlimit: 10;
	stroke-width: 1;
	stroke-dashoffset: 0;
}
.servicebox .inbox .textbox {
	width: 28%;
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
	padding-top: 4rem;
}
@media (max-width: 995px) {
	.servicebox .inbox .textbox {
		width: -webkit-calc((100% - 4rem) / 2);
		width: calc((100% - 4rem) / 2);
		-webkit-box-ordinal-group: inherit;
		-webkit-order: inherit;
		-ms-flex-order: inherit;
		order: inherit;
	}
}
@media (max-width: 767px) {
	.servicebox .inbox .textbox {
		width: 100%;
		padding-top: 0;
	}
}
.servicebox .inbox .textbox .read {
	font-size: 3.6rem;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	color: #b2414c;
	list-style: 1.45;
}
@media (max-width: 1219px) {
	.servicebox .inbox .textbox .read {
		font-size: 3.2rem;
		white-space: nowrap;
	}
}
@media (max-width: 767px) {
	.servicebox .inbox .textbox .read {
		font-size: 4.5vw;
	}
}
.servicebox .inbox .textbox .text {
	margin-top: 1em;
	margin-right: 3.5em;
	font-size: 2.3rem;
	line-height: 2.13;
}
@media (max-width: 1219px) {
	.servicebox .inbox .textbox .text {
		margin-right: 0;
	}
}
@media (max-width: 767px) {
	.servicebox .inbox .textbox .text {
		margin-top: 0.5em;
		font-size: 3.5vw;
	}
}
.servicebox .inbox .navbox {
	width: 24%;
}
@media (max-width: 995px) {
	.servicebox .inbox .navbox {
		width: -webkit-calc((100% - 4rem) / 2);
		width: calc((100% - 4rem) / 2);
	}
}
@media (max-width: 767px) {
	.servicebox .inbox .navbox {
		width: 100%;
	}
}
.servicebox .inbox .navbox h3 {
	padding-bottom: 0.25em;
	border-bottom: 1px solid #b2414c;
	font-size: 4.7rem;
	font-weight: 400;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	color: #b2414c;
	letter-spacing: 0.135em;
	line-height: 1.45;
}
@media (max-width: 767px) {
	.servicebox .inbox .navbox h3 {
		padding-bottom: 0.5em;
		font-size: 5vw;
	}
}
.servicebox .inbox .navbox h3 span {
	display: block;
	font-size: 0.58em;
}
.servicebox .inbox .navbox ul {
	margin-top: 3rem;
}
@media (max-width: 767px) {
	.servicebox .inbox .navbox ul {
		margin-top: 1.5em;
	}
}
.servicebox .inbox .navbox ul li {
	font-size: 2.6rem;
}
@media (max-width: 767px) {
	.servicebox .inbox .navbox ul li {
		font-size: 3.5vw;
	}
}
.servicebox .inbox .navbox ul li + li {
	margin-top: 1em;
}
.servicebox .inbox .navbox ul li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.75em;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.servicebox .inbox .navbox ul li a::before {
	content: "";
	display: block;
	aspect-ratio: 1 / 1;
	width: 1.3em;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034.34%2034.34%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20.cls-2%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23b2414c%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%20.81px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2217.17%22%20cy%3D%2217.17%22%20r%3D%2217.17%22%2F%3E%20%3Cg%3E%20%3Crect%20class%3D%22cls-2%22%20x%3D%2210.67%22%20y%3D%2216.8%22%20width%3D%2211.02%22%20height%3D%221.07%22%2F%3E%20%3Cpolygon%20class%3D%22cls-2%22%20points%3D%2217.24%2011.95%2017.24%2013.46%2021.17%2017.39%2017.24%2021.33%2017.24%2022.84%2021.93%2018.15%2021.93%2018.15%2022.69%2017.39%2017.24%2011.95%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") center/100% no-repeat;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (min-width: 1220px) {
	.servicebox .inbox .navbox ul li a:hover {
		color: #b2414c;
	}
	.servicebox .inbox .navbox ul li a:hover::before {
		-webkit-transform: translateX(0.25em);
		-ms-transform: translateX(0.25em);
		transform: translateX(0.25em);
	}
}
@media (max-width: 995px) {
	.servicebox .morebtn {
		margin-top: 5rem;
	}
}
@media (max-width: 767px) {
	.servicebox .morebtn {
		margin-top: 10vw;
	}
}

.supportbox .titlebox::before {
	content: "";
	display: block;
	margin: 0 auto;
	width: 11rem;
	aspect-ratio: 1 / 1;
	background: url(../img/common/mark.svg) center/100% no-repeat;
}
.supportbox .titlebox h3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-top: 0.5em;
	font-size: 4.7rem;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-weight: 400;
	letter-spacing: 0.135em;
	line-height: 1.2;
}
@media (max-width: 767px) {
	.supportbox .titlebox h3 {
		font-size: 5vw;
	}
}
.supportbox .titlebox h3 img {
	height: 1.76em;
}
.supportbox .titlebox h3 span {
	margin-left: 0.125em;
}
.supportbox .titlebox .read {
	margin-top: 1em;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 3rem;
	letter-spacing: 0.135em;
	text-align: center;
	font-weight: 500;
}
.supportbox .images {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 8rem -5vw 0;
}
.supportbox .images li {
	width: 25%;
}
.supportbox .headline {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-top: 8rem;
}
@media (max-width: 767px) {
	.supportbox .headline {
		display: block;
	}
}
.supportbox .headline .text {
	font-size: 3rem;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	line-height: 2;
	letter-spacing: 0.135em;
	font-weight: 500;
}
@media (max-width: 767px) {
	.supportbox .headline .text {
		font-size: 3.5vw;
	}
}
@media (max-width: 767px) {
	.supportbox .headline .btn {
		margin-top: 2.5vw;
		text-align: center;
	}
}
.supportbox .headline .btn a {
	display: inline-block;
	padding: 1em 2.5em;
	border-radius: 3em;
	border: 1px solid #b2414c;
	font-size: 1.8rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #b2414c;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (max-width: 767px) {
	.supportbox .headline .btn a {
		font-size: 2.75vw;
	}
}
@media (min-width: 1220px) {
	.supportbox .headline .btn a:hover {
		background-color: #b2414c;
		color: #fff;
	}
}
.supportbox .inbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 7rem;
}
@media (max-width: 767px) {
	.supportbox .inbox {
		display: block;
	}
}
.supportbox .inbox .items {
	width: 48.5%;
	border-bottom: 1px solid #000;
}
@media (max-width: 767px) {
	.supportbox .inbox .items {
		width: auto;
	}
	.supportbox .inbox .items:first-child {
		border-bottom: none;
	}
}
.supportbox .inbox .items .item {
	border-top: 1px solid #000;
}
.supportbox .inbox .items .item .more {
	font-size: 2.8rem;
}
@media (max-width: 995px) {
	.supportbox .inbox .items .item .more {
		font-size: 2.6rem;
	}
}
@media (max-width: 767px) {
	.supportbox .inbox .items .item .more {
		font-size: 3.5vw;
	}
}
.supportbox .inbox .items .item .more a {
	display: block;
	position: relative;
	padding: 0.75em 2.5em 0.75em 1em;
	text-decoration: none;
}
.supportbox .inbox .items .item .more a .plus {
	position: absolute;
	right: 1em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	aspect-ratio: 1 / 1;
	width: 1.2em;
}
.supportbox .inbox .items .item .more a .plus::before, .supportbox .inbox .items .item .more a .plus::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #b2414c;
}
.supportbox .inbox .items .item .more a .plus::before {
	width: 100%;
	height: 1px;
}
.supportbox .inbox .items .item .more a .plus::after {
	width: 1px;
	height: 100%;
}
.supportbox .inbox .items .item .more a.is-open {
	background-color: #b2414c;
	color: #fff;
}
.supportbox .inbox .items .item .more a.is-open .plus::before {
	background-color: #fff;
}
.supportbox .inbox .items .item .more a.is-open .plus::after {
	display: none;
}
.supportbox .inbox .items .item .box {
	display: none;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 4rem;
	padding: 4rem 0;
}
.supportbox .inbox .items .item .box.is-open {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.supportbox .inbox .items .item .box .sbox {
	width: -webkit-calc((100% - 4rem) / 2);
	width: calc((100% - 4rem) / 2);
}
.supportbox .inbox .items .item .box .sbox .number {
	text-align: center;
	color: #b2414c;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	text-transform: uppercase;
	font-size: 2.8rem;
	line-height: 1.1;
}
@media (max-width: 767px) {
	.supportbox .inbox .items .item .box .sbox .number {
		font-size: 4vw;
	}
}
.supportbox .inbox .items .item .box .sbox .number span {
	display: block;
	font-size: 0.6em;
}
.supportbox .inbox .items .item .box .sbox .name {
	margin-top: 0.25em;
	font-size: 2.2rem;
	font-weight: 500;
	text-align: center;
}
@media (max-width: 767px) {
	.supportbox .inbox .items .item .box .sbox .name {
		font-size: 3.75vw;
	}
}
.supportbox .inbox .items .item .box .sbox figure {
	margin-top: 0.75em;
}
.supportbox .inbox .items .item .box .sbox .link {
	margin-top: 0.75em;
}
@media (max-width: 767px) {
	.supportbox .inbox .items .item .box .sbox .link {
		font-size: 3vw;
	}
}
.supportbox .inbox .items .item .box .sbox .link a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 0.5em;
	font-weight: 500;
}
.supportbox .inbox .items .item .box .sbox .link a::after {
	content: "";
	display: block;
	width: 0.8em;
	aspect-ratio: 1 / 1;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.89%2010.78%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23b2414c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%224.8%22%20width%3D%2210.9%22%20height%3D%221.06%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.5%200%206.5%201.5%2010.39%205.39%206.5%209.28%206.5%2010.78%2011.14%206.14%2011.14%206.14%2011.89%205.39%206.5%200%22%2F%3E%3C%2Fsvg%3E") center/100% no-repeat;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.supportbox .morebtn {
	margin-top: 5rem;
}
@media (max-width: 767px) {
	.supportbox .morebtn {
		margin-top: 7.5vw;
	}
}

.greetingbox {
	background-color: #b2414c;
	overflow: hidden;
}
.greetingbox h2 {
	color: #fff;
}
.greetingbox .circle {
	position: relative;
	margin: -40rem -5vw 0;
}
@media (max-width: 995px) {
	.greetingbox .circle {
		margin-top: -20rem;
	}
}
@media (max-width: 767px) {
	.greetingbox .circle {
		margin-top: 0;
	}
}
.greetingbox .circle.is-active .bg {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.greetingbox .circle.is-active .textbox {
	opacity: 1;
}
.greetingbox .circle.is-active svg {
	stroke: #fff;
}
.greetingbox .circle .bg {
	width: 120rem;
	margin: 0 auto;
	aspect-ratio: 1 / 1;
	background-color: #fff;
	border-radius: 50%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 1.2s 1.6s;
	-o-transition: 1.2s 1.6s;
	transition: 1.2s 1.6s;
}
@media (max-width: 995px) {
	.greetingbox .circle .bg {
		width: 110rem;
	}
}
@media (max-width: 767px) {
	.greetingbox .circle .bg {
		width: 140vw;
		margin: 0 -20vw;
	}
}
.greetingbox .circle svg {
	display: block;
	position: absolute;
	fill: none;
	stroke-width: 1;
	stroke: #b2414c;
	width: 120rem;
}
@media (max-width: 767px) {
	.greetingbox .circle svg {
		width: 180vw;
	}
}
.greetingbox .circle svg.circle01 {
	bottom: 49.5%;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) rotate(90deg);
	transform: translateX(-50%) rotate(90deg);
}
.greetingbox .circle svg.circle02 {
	right: 49.5%;
	bottom: 0%;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
@media (max-width: 767px) {
	.greetingbox .circle svg.circle02 {
		bottom: -13%;
	}
}
.greetingbox .circle svg.circle03 {
	left: 49%;
	bottom: 0%;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media (max-width: 767px) {
	.greetingbox .circle svg.circle03 {
		bottom: -13%;
	}
}
.greetingbox .circle svg.circle04 {
	right: 41.5%;
	top: 33%;
	-webkit-transform: rotate(-42deg);
	-ms-transform: rotate(-42deg);
	transform: rotate(-42deg);
}
@media (max-width: 767px) {
	.greetingbox .circle svg.circle04 {
		top: 10%;
		-webkit-transform: rotate(-23deg);
		-ms-transform: rotate(-23deg);
		transform: rotate(-23deg);
	}
}
.greetingbox .circle svg.circle05 {
	left: 41.5%;
	top: 33%;
	-webkit-transform: rotate(222deg);
	-ms-transform: rotate(222deg);
	transform: rotate(222deg);
}
@media (max-width: 767px) {
	.greetingbox .circle svg.circle05 {
		top: 10%;
		-webkit-transform: rotate(203deg);
		-ms-transform: rotate(203deg);
		transform: rotate(203deg);
	}
}
.greetingbox .circle .textbox {
	position: absolute;
	left: 50%;
	top: 60%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
	width: 85rem;
	opacity: 0;
	-webkit-transition: 1.2s 2s;
	-o-transition: 1.2s 2s;
	transition: 1.2s 2s;
}
@media (max-width: 995px) {
	.greetingbox .circle .textbox {
		top: 55%;
	}
}
@media (max-width: 767px) {
	.greetingbox .circle .textbox {
		top: 50%;
		width: 90vw;
	}
}
.greetingbox .circle .textbox .read {
	font-size: 3.1rem;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	color: #b2414c;
	text-align: center;
	font-weight: 500;
	letter-spacing: 0.135em;
	line-height: 1.8;
}
@media (max-width: 767px) {
	.greetingbox .circle .textbox .read {
		font-size: 4vw;
	}
}
.greetingbox .circle .textbox .text {
	margin-top: 1.5em;
	font-size: 2.3rem;
	line-height: 2.13;
}
@media (max-width: 767px) {
	.greetingbox .circle .textbox .text {
		margin-top: 1em;
		font-size: 3.25vw;
		line-height: 2;
	}
}
.greetingbox .circle .textbox .more {
	margin-top: 7rem;
}
@media (max-width: 767px) {
	.greetingbox .circle .textbox .more {
		margin-top: 2.5vw;
	}
}
.greetingbox .circle .textbox .more a {
	width: 11em;
	margin: 0 auto;
	font-size: 2rem;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 0 2em;
	padding: 1.25em 2em;
	border-radius: 3em;
	background-color: #b2414c;
	border: 1px solid #b2414c;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.1em;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (max-width: 767px) {
	.greetingbox .circle .textbox .more a {
		font-size: 3vw;
	}
}
.greetingbox .circle .textbox .more a::after {
	content: "";
	display: block;
	width: 0.8em;
	aspect-ratio: 1 / 1;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.89%2010.78%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%224.8%22%20width%3D%2210.9%22%20height%3D%221.06%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.5%200%206.5%201.5%2010.39%205.39%206.5%209.28%206.5%2010.78%2011.14%206.14%2011.14%206.14%2011.89%205.39%206.5%200%22%2F%3E%3C%2Fsvg%3E") center/100% no-repeat;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (min-width: 1220px) {
	.greetingbox .circle .textbox .more a:hover {
		background-color: #fff;
		color: #b2414c;
	}
	.greetingbox .circle .textbox .more a:hover::after {
		-webkit-transform: translateX(0.25em);
		-ms-transform: translateX(0.25em);
		transform: translateX(0.25em);
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.89%2010.78%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23b2414c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%224.8%22%20width%3D%2210.9%22%20height%3D%221.06%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.5%200%206.5%201.5%2010.39%205.39%206.5%209.28%206.5%2010.78%2011.14%206.14%2011.14%206.14%2011.89%205.39%206.5%200%22%2F%3E%3C%2Fsvg%3E");
	}
}
.greetingbox .voicebox {
	position: relative;
}
@media (max-width: 767px) {
	.greetingbox .voicebox {
		margin-top: 12vw;
	}
}
.greetingbox .voicebox h2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-size: 3rem;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-weight: 400;
	letter-spacing: 0.135em;
	line-height: 1.2;
}
@media (max-width: 767px) {
	.greetingbox .voicebox h2 {
		font-size: 3.5vw;
	}
}
.greetingbox .voicebox h2 img {
	height: 2.8em;
}
.greetingbox .voicebox h2 span {
	margin-left: 0.125em;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 3rem;
}
@media (max-width: 767px) {
	.greetingbox .voicebox h2 span {
		margin-left: 0.25em;
		font-size: 4.5vw;
	}
}
.greetingbox .voicebox .items {
	overflow: visible;
	margin-top: 6rem;
}
.greetingbox .voicebox .items .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	width: 35rem;
	padding: 4rem 3rem;
	background-color: #fff;
	border-radius: 3rem;
	letter-spacing: 0.135em;
	font-size: 2rem;
	line-height: 1.35;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 767px) {
	.greetingbox .voicebox .items .item {
		width: 70vw;
		font-size: 3.5vw;
	}
}
.greetingbox .voicebox .items .item::after {
	content: "";
	display: block;
	position: absolute;
	right: 3rem;
	top: -webkit-calc(100% - 2px);
	top: calc(100% - 2px);
	width: 4.6rem;
	aspect-ratio: 46 / 36;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046.05%2035.61%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36.04%2C0c0%2C7.11-8.07%2C12.87-18.02%2C12.87S0%2C7.11%2C0%2C0%22%2F%3E%20%3Cellipse%20class%3D%22cls-1%22%20cx%3D%2236.56%22%20cy%3D%2228.83%22%20rx%3D%229.49%22%20ry%3D%226.78%22%2F%3E%3C%2Fsvg%3E") center/100% no-repeat;
}
@media (max-width: 767px) {
	.greetingbox .voicebox .items .item::after {
		right: 6vw;
		width: 9vw;
	}
}
.greetingbox .voicebox .items .item figure {
	width: 30%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
}
.greetingbox .voicebox .items .item figure img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.greetingbox .voicebox .items .item .title {
	width: 55%;
}
.greetingbox .voicebox .items .item .text {
	width: 100%;
	margin-top: 1.25em;
}
.greetingbox .voicebox .more {
	position: absolute;
	right: 0;
	top: 1em;
	font-size: 3rem;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 767px) {
	.greetingbox .voicebox .more {
		position: static;
		margin-top: 10vw;
		font-size: 4vw;
	}
}
.greetingbox .voicebox .more a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
}
@media (max-width: 767px) {
	.greetingbox .voicebox .more a {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}
.greetingbox .voicebox .more a::after {
	content: "";
	display: block;
	aspect-ratio: 1 / 1;
	width: 1.13em;
	margin-left: 0.5em;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034.34%2034.34%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20.cls-2%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23b2414c%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%20.81px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2217.17%22%20cy%3D%2217.17%22%20r%3D%2217.17%22%2F%3E%20%3Cg%3E%20%3Crect%20class%3D%22cls-2%22%20x%3D%2210.67%22%20y%3D%2216.8%22%20width%3D%2211.02%22%20height%3D%221.07%22%2F%3E%20%3Cpolygon%20class%3D%22cls-2%22%20points%3D%2217.24%2011.95%2017.24%2013.46%2021.17%2017.39%2017.24%2021.33%2017.24%2022.84%2021.93%2018.15%2021.93%2018.15%2022.69%2017.39%2017.24%2011.95%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") center/100% no-repeat;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (min-width: 1220px) {
	.greetingbox .voicebox .more a:hover::after {
		-webkit-transform: translateX(0.25em);
		-ms-transform: translateX(0.25em);
		transform: translateX(0.25em);
	}
}

.newsbox {
	padding: 12rem 0;
	overflow: hidden;
}
.newsbox .titlebox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.newsbox .titlebox {
		display: block;
	}
}
.newsbox .titlebox h2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.3;
}
@media (max-width: 767px) {
	.newsbox .titlebox h2 {
		font-size: 4.5vw;
	}
}
.newsbox .titlebox h2 .en {
	display: block;
	width: 100%;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.newsbox .titlebox h2 img {
	height: 2em;
}
.newsbox .titlebox h2 .name {
	margin-left: 0.25em;
	letter-spacing: 0.135em;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	line-height: 1.1;
}
.newsbox .titlebox .cat {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.2;
	font-size: 2.6rem;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-weight: 500;
}
@media (max-width: 767px) {
	.newsbox .titlebox .cat {
		margin-top: 5vw;
		font-size: 3.25vw;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}
.newsbox .titlebox .cat li + li {
	margin-left: 0.5em;
	padding-left: 0.5em;
	border-left: 1px solid #231815;
}
.newsbox .items {
	margin-top: 6rem;
	padding-bottom: 6rem;
	overflow: visible;
}
.newsbox .items .item {
	width: 34rem;
}
.newsbox .items .item figure {
	overflow: hidden;
}
.newsbox .items .item figure img {
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.newsbox .items .item:hover figure img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
@media (max-width: 767px) {
	.newsbox .items .item {
		width: 70vw;
	}
}
.newsbox .items .item figure {
	border-radius: 1.3rem;
	overflow: hidden;
}
.newsbox .items .item .title {
	font-size: 2.5rem;
	margin-top: 0.75em;
}
@media (max-width: 767px) {
	.newsbox .items .item .title {
		font-size: 3.5vw;
	}
}
.newsbox .items .item .title a {
	color: #b2414c;
	text-decoration: none;
	line-height: 1.75;
}
.newsbox .items .item .text {
	margin-top: 0.5em;
	font-size: 1.8rem;
}
@media (max-width: 767px) {
	.newsbox .items .item .text {
		font-size: 3vw;
	}
}
.newsbox .items .item .date {
	margin-top: 0.5em;
}
@media (max-width: 767px) {
	.newsbox .items .item .date {
		font-size: 3vw;
	}
}
.newsbox .items .swiper-scrollbar {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.2rem;
	background: none;
}
@media (max-width: 767px) {
	.newsbox .items .swiper-scrollbar {
		height: 2vw;
	}
}
.newsbox .items .swiper-scrollbar .swiper-scrollbar-drag {
	border-radius: 0;
	background-color: #b2414c;
}

/*-----------------------------------------------------------
		common
-----------------------------------------------------------*/
#news .newslist, #voice .newslist {
	margin-bottom: 15rem;
}
#news .newslist .recommend, #voice .newslist .recommend {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 995px) {
	#news .newslist .recommend, #voice .newslist .recommend {
		display: block;
	}
}
#news .newslist .recommend .firstbox, #voice .newslist .recommend .firstbox {
	width: 62%;
}
@media (max-width: 995px) {
	#news .newslist .recommend .firstbox, #voice .newslist .recommend .firstbox {
		width: auto;
		margin-bottom: 3.5rem;
	}
}
@media (max-width: 767px) {
	#news .newslist .recommend .firstbox, #voice .newslist .recommend .firstbox {
		margin-bottom: 5vw;
	}
}
#news .newslist .recommend .firstbox .title, #voice .newslist .recommend .firstbox .title {
	margin-bottom: 1em;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 4rem;
	letter-spacing: 0.04em;
}
@media (max-width: 767px) {
	#news .newslist .recommend .firstbox .title, #voice .newslist .recommend .firstbox .title {
		font-size: 6.5vw;
	}
}
#news .newslist .recommend .firstbox h2, #voice .newslist .recommend .firstbox h2 {
	margin-top: 0.5em;
	font-size: 3rem;
}
@media (max-width: 767px) {
	#news .newslist .recommend .firstbox h2, #voice .newslist .recommend .firstbox h2 {
		font-size: 4vw;
	}
}
#news .newslist .recommend .secondbox, #voice .newslist .recommend .secondbox {
	width: 31%;
}
@media (max-width: 995px) {
	#news .newslist .recommend .secondbox, #voice .newslist .recommend .secondbox {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: auto;
	}
}
@media (max-width: 995px) {
	#news .newslist .recommend .secondbox .item, #voice .newslist .recommend .secondbox .item {
		width: 48%;
	}
}
#news .newslist .recommend .secondbox .item + .item, #voice .newslist .recommend .secondbox .item + .item {
	margin-top: 2.5rem;
}
@media (max-width: 995px) {
	#news .newslist .recommend .secondbox .item + .item, #voice .newslist .recommend .secondbox .item + .item {
		margin-top: 0px;
	}
}
#news .newslist .recommend .secondbox .item h2, #voice .newslist .recommend .secondbox .item h2 {
	margin-top: 0.75em;
	font-size: 2rem;
}
@media (max-width: 767px) {
	#news .newslist .recommend .secondbox .item h2, #voice .newslist .recommend .secondbox .item h2 {
		font-size: 3.5vw;
	}
}
#news .newslist .recommend .label, #voice .newslist .recommend .label {
	margin-top: 0.25em;
	font-size: 1.6rem;
}
@media (max-width: 767px) {
	#news .newslist .recommend .label, #voice .newslist .recommend .label {
		font-size: 2.5vw;
	}
}
#news .newslist .recommend .label .date, #voice .newslist .recommend .label .date {
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#news .newslist .recommend .label .cate, #voice .newslist .recommend .label .cate {
	margin-left: 1em;
	font-weight: 500;
}
#news .newslist .linkbox figure, #voice .newslist .linkbox figure {
	overflow: hidden;
}
#news .newslist .linkbox figure img, #voice .newslist .linkbox figure img {
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#news .newslist .linkbox:hover figure img, #voice .newslist .linkbox:hover figure img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#news .newslist .linkbox figure, #voice .newslist .linkbox figure {
	border-radius: 0.625rem;
	overflow: hidden;
}
#news .newslist .linkbox h2, #voice .newslist .linkbox h2 {
	font-weight: 500;
}
#news .newslist .linkbox h2 a, #voice .newslist .linkbox h2 a {
	text-decoration: none;
}
#news .newslist .items, #voice .newslist .items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 5rem;
	gap: 4.375rem 3.125rem;
}
@media (max-width: 767px) {
	#news .newslist .items, #voice .newslist .items {
		display: block;
		margin-top: 5vw;
	}
}
#news .newslist .items .item, #voice .newslist .items .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: -webkit-calc((100% - 3.125rem * 2) / 3);
	width: calc((100% - 3.125rem * 2) / 3);
}
@media (max-width: 995px) {
	#news .newslist .items .item, #voice .newslist .items .item {
		width: -webkit-calc((100% - 3.125rem) / 2);
		width: calc((100% - 3.125rem) / 2);
	}
}
@media (max-width: 767px) {
	#news .newslist .items .item, #voice .newslist .items .item {
		width: auto;
	}
}
#news .newslist .items .item figure, #voice .newslist .items .item figure {
	width: 44.5%;
}
@media (max-width: 767px) {
	#news .newslist .items .item figure, #voice .newslist .items .item figure {
		width: 35%;
	}
}
@media (max-width: 767px) {
	#news .newslist .items .item + .item, #voice .newslist .items .item + .item {
		margin-top: 5vw;
	}
}
#news .newslist .items .item .textbox, #voice .newslist .items .item .textbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 0.5em 0px;
	width: 48%;
	border-bottom: 1px solid #c3c3c3;
}
@media (max-width: 767px) {
	#news .newslist .items .item .textbox, #voice .newslist .items .item .textbox {
		width: 60%;
	}
}
#news .newslist .items .item .textbox .cate, #news .newslist .items .item .textbox .date, #voice .newslist .items .item .textbox .cate, #voice .newslist .items .item .textbox .date {
	font-size: 1.2rem;
}
@media (max-width: 767px) {
	#news .newslist .items .item .textbox .cate, #news .newslist .items .item .textbox .date, #voice .newslist .items .item .textbox .cate, #voice .newslist .items .item .textbox .date {
		font-size: 2.5vw;
	}
}
#news .newslist .items .item .textbox .cate, #voice .newslist .items .item .textbox .cate {
	color: #b2414c;
	font-weight: 500;
}
#news .newslist .items .item .textbox .date, #voice .newslist .items .item .textbox .date {
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#news .detail, #voice .detail {
	padding-top: 10rem;
	margin-bottom: 10rem;
}
#news .detail .inbox, #voice .detail .inbox {
	max-width: 100rem;
	margin: 0px auto;
}
#news .detail .title, #voice .detail .title {
	margin-bottom: 0.5em;
	font-size: 3.3rem;
	font-weight: 500;
}
@media (max-width: 767px) {
	#news .detail .title, #voice .detail .title {
		font-size: 5vw;
	}
}
#news .detail .label, #voice .detail .label {
	margin-bottom: 3.75rem;
	font-weight: 500;
	font-size: 1.4rem;
}
@media (max-width: 767px) {
	#news .detail .label, #voice .detail .label {
		margin-bottom: 10vw;
		font-size: 3vw;
	}
}
#news .detail .label .cate, #voice .detail .label .cate {
	margin-left: 1em;
	color: #b2414c;
}
#news .detail .sns, #voice .detail .sns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 4rem 0px;
	font-size: 0px;
}
@media (max-width: 767px) {
	#news .detail .sns, #voice .detail .sns {
		margin: 10vw 0px;
	}
}
#news .detail .sns li, #voice .detail .sns li {
	width: 3rem;
	margin: 0px 1.5rem;
}
@media (max-width: 767px) {
	#news .detail .sns li, #voice .detail .sns li {
		width: 6vw;
	}
}
#news .detail .sns li a img, #voice .detail .sns li a img {
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
@media (min-width: 1220px) {
	#news .detail .sns li a:hover img, #voice .detail .sns li a:hover img {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
}
#news .detail .infobox, #voice .detail .infobox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 4rem;
	padding: 3rem;
	background-color: #f5f3f3;
}
@media (max-width: 767px) {
	#news .detail .infobox, #voice .detail .infobox {
		display: block;
		padding: 5vw;
	}
}
#news .detail .infobox dl, #voice .detail .infobox dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 60%;
	font-size: 1.8rem;
}
@media (max-width: 767px) {
	#news .detail .infobox dl, #voice .detail .infobox dl {
		width: auto;
		font-size: 3.5vw;
	}
}
#news .detail .infobox dl dt, #voice .detail .infobox dl dt {
	width: 4em;
}
#news .detail .infobox dl dd, #voice .detail .infobox dl dd {
	width: -webkit-calc(100% - 4em);
	width: calc(100% - 4em);
}
#news .detail .infobox dl dd + dt, #news .detail .infobox dl dd + dt + dd, #voice .detail .infobox dl dd + dt, #voice .detail .infobox dl dd + dt + dd {
	margin-top: 0.75em;
}
#news .detail .infobox .bn, #voice .detail .infobox .bn {
	width: 44%;
}
@media (max-width: 767px) {
	#news .detail .infobox .bn, #voice .detail .infobox .bn {
		width: auto;
		margin: 1.25em -3vw 0 -2vw;
	}
}
#news .detail .infobox .bn img, #voice .detail .infobox .bn img {
	margin-bottom: -1rem;
}
@media (max-width: 767px) {
	#news .detail .infobox .bn img, #voice .detail .infobox .bn img {
		margin-right: 0;
	}
}

.wp-pagenavi {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10rem;
	font-weight: bold;
}
@media (max-width: 767px) {
	.wp-pagenavi {
		margin-top: 10vw;
		font-size: 3.5vw;
	}
}
.wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi span {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
	margin: 0px 0.5em;
	background: #fff;
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.wp-pagenavi a.extend, .wp-pagenavi .current.extend, .wp-pagenavi span.extend {
	background: none;
	border: none;
	color: #b2414c;
}
.wp-pagenavi a.extend:before, .wp-pagenavi a.extend:after, .wp-pagenavi .current.extend:before, .wp-pagenavi .current.extend:after, .wp-pagenavi span.extend:before, .wp-pagenavi span.extend:after {
	display: none;
}
.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi .current.nextpostslink, .wp-pagenavi .current.previouspostslink, .wp-pagenavi span.nextpostslink, .wp-pagenavi span.previouspostslink {
	background-color: #b2414c;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30%;
	text-indent: -9999px;
}
.wp-pagenavi a.nextpostslink, .wp-pagenavi .current.nextpostslink, .wp-pagenavi span.nextpostslink {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2212.2px%22%20height%3D%227px%22%20viewBox%3D%220%200%2012.2%207%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2012.2%207%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%228.7%2C0%208%2C0.7%2010.3%2C3%200%2C3%200%2C4%2010.4%2C4%208%2C6.3%208.7%2C7%2012.2%2C3.5%20%22%2F%3E%3C%2Fsvg%3E");
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi .current.previouspostslink, .wp-pagenavi span.previouspostslink {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2212.2px%22%20height%3D%227px%22%20viewBox%3D%220%200%2012.2%207%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2012.2%207%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%223.5%2C0%204.2%2C0.7%201.9%2C3%2012.2%2C3%2012.2%2C4%201.9%2C4%204.2%2C6.3%203.5%2C7%200%2C3.5%20%22%2F%3E%3C%2Fsvg%3E");
}
@media (min-width: 1220px) {
	.wp-pagenavi a:hover {
		background-color: #b2414c;
		color: #fff;
	}
}
.wp-pagenavi .current {
	background: #b2414c;
	color: #fff;
}

.pager {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10rem;
	padding: 2rem 0px;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	font-weight: 500;
	text-align: center;
	font-size: 2rem;
}
@media (max-width: 767px) {
	.pager {
		font-size: 3.5vw;
	}
}
.pager a {
	background-repeat: no-repeat;
	color: #b2414c;
}
@media (max-width: 767px) {
	.pager a {
		margin: 0px 0.5em;
	}
}
.pager a[rel=prev], .pager a[rel=next] {
	height: 1.5em;
	background-size: auto 100%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.pager a[rel=prev] {
	margin-left: 3em;
	padding-left: 2em;
	background-position: center left;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029.63%2029.63%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23b2414c%3B%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A.57px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2214.82%22%20cy%3D%2214.82%22%20r%3D%2214.81%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2213.66%2020.33%2018.47%2014.45%2012.6%209.64%22%2F%3E%3C%2Fsvg%3E");
}
.pager a[rel=next] {
	margin-right: 3em;
	padding-right: 2em;
	background-position: center right;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029.63%2029.63%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23b2414c%3B%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A.57px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2214.82%22%20cy%3D%2214.82%22%20r%3D%2214.81%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2215.97%2020.33%2011.16%2014.45%2017.03%209.64%22%2F%3E%3C%2Fsvg%3E");
}
@media (min-width: 1220px) {
	.pager a:hover[rel=prev] {
		background-position: center left 0.25em;
	}
	.pager a:hover[rel=next] {
		background-position: center right 0.25em;
	}
}

/*------------------- エントリーリセット ---------------------*/
#tinymce {
	padding: 20px;
}

.entry, #tinymce {
	line-height: 2;
}
@media (max-width: 767px) {
	.entry, #tinymce {
		font-size: 3.5vw;
	}
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, #tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6 {
	position: static;
	clear: both;
	float: none;
	height: auto;
	margin: 0 0 1em;
	padding: 0px;
	background: none;
	border: none;
	color: #231815;
}
.entry h1, #tinymce h1 {
	font-size: 145.5%;
}
.entry h2, #tinymce h2 {
	font-size: 136.4%;
}
.entry h3, #tinymce h3 {
	font-size: 127.3%;
}
.entry h4, #tinymce h4 {
	font-size: 127.3%;
}
.entry h5, #tinymce h5 {
	font-size: 118.2%;
}
.entry h6, #tinymce h6 {
	font-size: 100%;
}
.entry strong, .entry b, #tinymce strong, #tinymce b {
	font-weight: bold;
}
.entry p, #tinymce p {
	margin: 0em 0em 2em 0em;
}
.entry em, #tinymce em {
	font-style: italic;
}
.entry ol, #tinymce ol {
	margin: 1em 2em 1em;
}
.entry ul, #tinymce ul {
	margin: 1em 0 1em;
}
.entry ul li, #tinymce ul li {
	margin: 0em 0em 0.5em 1em;
}
.entry ol li, #tinymce ol li {
	margin: 0em 0em 0.5em 0em;
}
.entry ul, #tinymce ul {
	list-style: disc;
}
.entry ol, #tinymce ol {
	list-style: decimal;
}
.entry dl, #tinymce dl {
	margin: 1em 0;
}
.entry dd, #tinymce dd {
	margin-left: 2em;
}
.entry table.wp-oembed,
.entry table.wp-oembed td, #tinymce table.wp-oembed,
#tinymce table.wp-oembed td {
	border: none;
}
.entry table caption, #tinymce table caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.entry table, #tinymce table {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0 2em;
}
.entry table th, #tinymce table th {
	padding: 0.5em;
	background: #f5f5f5;
	font-weight: bold;
}
.entry table td, #tinymce table td {
	padding: .5em;
}
.entry img, #tinymce img {
	max-width: 100%;
	height: auto;
	margin-bottom: 2em;
	border-radius: 10px;
}
.entry img.aligncenter, #tinymce img.aligncenter {
	clear: both;
	display: block;
	margin: auto;
}
.entry a, #tinymce a {
	text-decoration: underline;
}
.entry iframe, #tinymce iframe {
	max-width: 100%;
}
.entry *:last-child, #tinymce *:last-child {
	margin-bottom: 0px;
}
.entry .wp-caption, #tinymce .wp-caption {
	max-width: 100%;
}
@media (min-width: 1220px) {
	.entry img.alignleft, #tinymce img.alignleft {
		float: left;
		margin-right: 2em;
	}
	.entry img.alignright, #tinymce img.alignright {
		float: right;
		margin-left: 2em;
	}
}

/*-----------------------------------------------------------
	 contact
-----------------------------------------------------------*/
#contact .mw_wp_form dl dt, #confirm .mw_wp_form dl dt, #complete .mw_wp_form dl dt {
	margin-bottom: 1em;
	font-weight: 500;
}
#contact .mw_wp_form dl dd, #confirm .mw_wp_form dl dd, #complete .mw_wp_form dl dd {
	margin-bottom: 2.75em;
}
#contact .mw_wp_form .error, #confirm .mw_wp_form .error, #complete .mw_wp_form .error {
	display: block;
	margin-top: 0.75em;
}
#contact .mw_wp_form .required, #contact .mw_wp_form .any, #confirm .mw_wp_form .required, #confirm .mw_wp_form .any, #complete .mw_wp_form .required, #complete .mw_wp_form .any {
	display: inline-block;
	margin-right: 1em;
	padding: 0.25em 0.75em;
	border-radius: 2px;
	font-size: 0.8em;
	color: #fff;
}
@media (max-width: 767px) {
	#contact .mw_wp_form .required, #contact .mw_wp_form .any, #confirm .mw_wp_form .required, #confirm .mw_wp_form .any, #complete .mw_wp_form .required, #complete .mw_wp_form .any {
		font-size: 3vw;
	}
}
#contact .mw_wp_form .required, #confirm .mw_wp_form .required, #complete .mw_wp_form .required {
	background-color: #b2414c;
}
#contact .mw_wp_form .any, #confirm .mw_wp_form .any, #complete .mw_wp_form .any {
	background-color: #acabab;
}
#contact .mw_wp_form input, #contact .mw_wp_form select, #confirm .mw_wp_form input, #confirm .mw_wp_form select, #complete .mw_wp_form input, #complete .mw_wp_form select {
	width: 100%;
}
#contact .mw_wp_form .mwform-tel-field input, #confirm .mw_wp_form .mwform-tel-field input, #complete .mw_wp_form .mwform-tel-field input {
	width: 6em;
}
#contact .mw_wp_form .date, #confirm .mw_wp_form .date, #complete .mw_wp_form .date {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}
#contact .mw_wp_form .date .box, #confirm .mw_wp_form .date .box, #complete .mw_wp_form .date .box {
	width: 15em;
}
#contact .mw_wp_form .date .box .label, #confirm .mw_wp_form .date .box .label, #complete .mw_wp_form .date .box .label {
	margin-bottom: 0.5em;
}
#contact .mw_wp_form .date .separator, #confirm .mw_wp_form .date .separator, #complete .mw_wp_form .date .separator {
	width: 3em;
	padding: 0.75em 0px;
	text-align: center;
}
#contact .mw_wp_form textarea, #confirm .mw_wp_form textarea, #complete .mw_wp_form textarea {
	width: 100%;
	height: 10em;
}
#contact .mw_wp_form .mt, #confirm .mw_wp_form .mt, #complete .mw_wp_form .mt {
	margin-top: 0.5em;
}
#contact .mw_wp_form .note, #confirm .mw_wp_form .note, #complete .mw_wp_form .note {
	margin-top: 1em;
	padding-left: 1em;
	text-indent: -1em;
}
@media (max-width: 767px) {
	#contact .mw_wp_form .note, #confirm .mw_wp_form .note, #complete .mw_wp_form .note {
		font-size: 3vw;
	}
}
#contact .mw_wp_form .ex, #confirm .mw_wp_form .ex, #complete .mw_wp_form .ex {
	display: block;
	font-size: 0.8em;
}
#contact .mw_wp_form .text, #confirm .mw_wp_form .text, #complete .mw_wp_form .text {
	margin-bottom: 2.75em;
	text-align: center;
	line-height: 2.5;
}
@media (max-width: 767px) {
	#contact .mw_wp_form .text, #confirm .mw_wp_form .text, #complete .mw_wp_form .text {
		font-size: 3.5vw;
	}
}
#contact .send, #confirm .send, #complete .send {
	text-align: center;
}
@media (max-width: 995px) {
	#contact .send, #confirm .send, #complete .send {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}
#contact .send input, #contact .send button, #contact .send a, #confirm .send input, #confirm .send button, #confirm .send a, #complete .send input, #complete .send button, #complete .send a {
	display: inline-block;
	position: relative;
	background: none;
	cursor: pointer;
	width: 16.5em;
	padding: 1.25em 0px;
	border: 1px solid #b2414c;
	background-color: #b2414c;
	border-radius: 5px;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #fff;
}
@media (min-width: 1220px) {
	#contact .send input:hover, #contact .send button:hover, #contact .send a:hover, #confirm .send input:hover, #confirm .send button:hover, #confirm .send a:hover, #complete .send input:hover, #complete .send button:hover, #complete .send a:hover {
		color: #b2414c;
		background-color: #FFF;
	}
}
@media (max-width: 767px) {
	#contact .send input, #contact .send button, #contact .send a, #confirm .send input, #confirm .send button, #confirm .send a, #complete .send input, #complete .send button, #complete .send a {
		width: 100%;
		font-size: 4vw;
	}
}
#contact .send input[name=submitBack], #contact .send button[name=submitBack], #contact .send a[name=submitBack], #confirm .send input[name=submitBack], #confirm .send button[name=submitBack], #confirm .send a[name=submitBack], #complete .send input[name=submitBack], #complete .send button[name=submitBack], #complete .send a[name=submitBack] {
	width: 3em;
	margin-right: 3em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2em auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2041.42%2030.24%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23000%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%221.13%22%20y1%3D%2215.03%22%20x2%3D%2241.42%22%20y2%3D%2215.03%22%2F%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2215.48%2029.89%20.71%2015.12%2015.48%20.35%22%2F%3E%3C%2Fsvg%3E");
	background-color: transparent;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
}
@media (min-width: 1220px) {
	#contact .send input[name=submitBack]:hover, #contact .send button[name=submitBack]:hover, #contact .send a[name=submitBack]:hover, #confirm .send input[name=submitBack]:hover, #confirm .send button[name=submitBack]:hover, #confirm .send a[name=submitBack]:hover, #complete .send input[name=submitBack]:hover, #complete .send button[name=submitBack]:hover, #complete .send a[name=submitBack]:hover {
		background-position: left center;
		background-color: transparent;
	}
}

#confirm .mw_wp_form .confnone {
	display: none;
}
#confirm .mw_wp_form .send {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#complete .detail .wrap {
	display: block;
}
#complete .detail .complete {
	text-align: center;
}
@media (max-width: 1219px) {
	#complete .detail .complete {
		margin: 0px -5vw;
		padding: 6.5em 5vw;
	}
}
@media (max-width: 767px) {
	#complete .detail .complete {
		padding: 15vw 5vw;
	}
}
#complete .detail .complete h2 {
	padding: 2em 0px 1em;
	font-size: 3.6rem;
}
@media (max-width: 767px) {
	#complete .detail .complete h2 {
		font-size: 6vw;
		padding-top: 0px;
	}
}
#complete .detail .complete .text {
	margin-bottom: 3em;
	line-height: 2.5;
	text-align: center;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	padding-right: 2em;
}

.ui-datepicker select.ui-datepicker-year {
	width: 50%;
}

.ui-datepicker select.ui-datepicker-month {
	width: 40%;
}

.ui-datepicker .ui-datepicker-header {
	font-size: 1.4rem;
}

/*-----------------------------------------------------------
	common
-----------------------------------------------------------*/
.pan {
	margin: 0px 3.5rem;
	font-size: 1.4rem;
}
@media (max-width: 1219px) {
	.pan {
		margin: 0px 4.5rem;
	}
}
@media (max-width: 767px) {
	.pan {
		margin: 0px 2.5vw;
		font-size: 2.75vw;
	}
}

.titlebox {
	position: relative;
	padding-top: 5rem;
	margin-bottom: 10rem;
}
@media (max-width: 767px) {
	.titlebox {
		padding-top: 10vw;
	}
}
.titlebox .wrap {
	position: relative;
}
.titlebox .wrap .title {
	font-size: 2rem;
	font-weight: 500;
}
@media (max-width: 767px) {
	.titlebox .wrap .title {
		font-size: 3vw;
	}
}
.titlebox .wrap .title span {
	display: block;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 4em;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.2;
}
@media (max-width: 767px) {
	.titlebox .wrap .title span {
		font-size: 2.5em;
	}
}

/*-----------------------------------------------------------
	about
-----------------------------------------------------------*/
#about .titlebox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 87rem;
	background-color: #b2414c;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 995px) {
	#about .titlebox {
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
	#about .titlebox {
		height: 72vw;
	}
}
#about .titlebox .wrap {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 100%;
}
#about .titlebox .pan a {
	color: #fff;
}
#about .titlebox .title {
	position: absolute;
	left: 0;
	top: 35%;
	font-size: 4.4rem;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-weight: 400;
}
@media (max-width: 767px) {
	#about .titlebox .title {
		font-size: 5vw;
	}
}
#about .titlebox .title span {
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 0.5em;
}
#about .titlebox .circle {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -57%);
	-ms-transform: translate(-50%, -57%);
	transform: translate(-50%, -57%);
	width: 59rem;
	aspect-ratio: 1 / 1;
}
@media (max-width: 767px) {
	#about .titlebox .circle {
		width: 38vw;
	}
}
#about .titlebox .circle svg {
	display: block;
}
#about .titlebox .circle svg .circle-item {
	fill: none;
	stroke-width: 2;
	stroke: #fff;
}
@media (max-width: 767px) {
	#about .titlebox .circle svg .circle-item {
		stroke-width: 1;
	}
}
#about .titlebox .circle svg .circle-animation {
	fill: none;
}
#about .titlebox .circle svg .circle-animation.is-active {
	stroke-width: 2;
	stroke: #fff;
}
@media (max-width: 767px) {
	#about .titlebox .circle svg .circle-animation.is-active {
		stroke-width: 1;
	}
}
#about .titlebox .circle svg .circle-animation {
	stroke-dashoffset: 30000;
}
#about .titlebox .circle svg.circle01 {
	bottom: 49%;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) rotate(90deg);
	transform: translateX(-50%) rotate(90deg);
}
#about .titlebox .circle svg.circle02 {
	right: 49%;
	bottom: 30%;
	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}
#about .titlebox .circle svg.circle03 {
	left: 49%;
	bottom: 30%;
	-webkit-transform: rotate(165deg);
	-ms-transform: rotate(165deg);
	transform: rotate(165deg);
}
#about .titlebox .circle svg.circle04 {
	right: 38%;
	top: 46%;
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
#about .titlebox .circle svg.circle05 {
	left: 38%;
	top: 46%;
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
#about .titlebox .circle .circleitem {
	position: absolute;
	width: 50%;
	-webkit-transition: 1.6s cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: 1.6s cubic-bezier(0.33, 1, 0.68, 1);
	transition: 1.6s cubic-bezier(0.33, 1, 0.68, 1);
}
#about .titlebox .textbox {
	position: absolute;
	right: 0;
	bottom: 20%;
	width: 38rem;
}
@media (max-width: 995px) {
	#about .titlebox .textbox {
		width: 32rem;
	}
}
@media (max-width: 767px) {
	#about .titlebox .textbox {
		width: 24vw;
	}
}
#about .titlebox .textbox .sub {
	font-size: 2.8rem;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 995px) {
	#about .titlebox .textbox .sub {
		font-size: 2.2rem;
	}
}
@media (max-width: 767px) {
	#about .titlebox .textbox .sub {
		font-size: 2vw;
		white-space: nowrap;
	}
}
#about .titlebox .textbox .name {
	margin-top: 3em;
}
@media (max-width: 767px) {
	#about .titlebox .textbox .name {
		margin-top: 1em;
	}
}
#about .detail {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
@media (max-width: 995px) {
	#about .detail {
		display: block;
	}
}
#about .detail .sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 16rem;
	width: 20em;
	padding-left: 5vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 2.8rem;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
@media (max-width: 995px) {
	#about .detail .sidebar {
		top: 9vw;
		width: auto;
		margin-bottom: 10rem;
		padding-left: 0px;
		border-top: 1px solid #c3c3c3;
		border-bottom: 1px solid #c3c3c3;
		overflow: auto;
		background-color: #fff;
	}
}
@media (max-width: 767px) {
	#about .detail .sidebar {
		top: 15vw;
		font-size: 2.75vw;
	}
}
#about .detail .sidebar ul {
	font-weight: 500;
	letter-spacing: 0.04em;
}
@media (max-width: 995px) {
	#about .detail .sidebar ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}
@media (max-width: 995px) {
	#about .detail .sidebar ul li {
		width: 25%;
	}
}
#about .detail .sidebar ul li + li {
	margin-top: 0.5em;
}
@media (max-width: 995px) {
	#about .detail .sidebar ul li + li {
		margin-top: 0px;
		border-left: 1px solid #c3c3c3;
	}
}
#about .detail .sidebar ul li a {
	display: block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-decoration: none;
	color: #b2414c;
}
@media (max-width: 995px) {
	#about .detail .sidebar ul li a {
		padding: 1em 0px;
		text-align: center;
	}
}
#about .detail .content {
	width: -webkit-calc(100% - 20em);
	width: calc(100% - 20em);
}
@media (max-width: 995px) {
	#about .detail .content {
		width: auto;
	}
}
#about .detail .content .inwrap {
	margin-right: 8vw;
}
@media (max-width: 995px) {
	#about .detail .content .inwrap {
		margin: 0px 5vw;
	}
}
#about .detail .content #greeting, #about .detail .content #value, #about .detail .content #company, #about .detail .content #access {
	margin-bottom: 15rem;
}
#about .detail .content #greeting h2, #about .detail .content #value h2, #about .detail .content #company h2, #about .detail .content #access h2 {
	margin-bottom: 2em;
	font-size: 1.7rem;
	line-height: 1.4;
	color: #b2414c;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-weight: 400;
}
@media (max-width: 767px) {
	#about .detail .content #greeting h2, #about .detail .content #value h2, #about .detail .content #company h2, #about .detail .content #access h2 {
		font-size: 3vw;
	}
}
#about .detail .content #greeting h2 span, #about .detail .content #value h2 span, #about .detail .content #company h2 span, #about .detail .content #access h2 span {
	display: block;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 3.4em;
}
@media (max-width: 767px) {
	#about .detail .content #greeting h2 span, #about .detail .content #value h2 span, #about .detail .content #company h2 span, #about .detail .content #access h2 span {
		font-size: 2.5em;
	}
}
#about .detail .content #greeting .read {
	margin-top: 2.75em;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 2;
	color: #b2414c;
}
@media (max-width: 767px) {
	#about .detail .content #greeting .read {
		font-size: 4.5vw;
	}
}
@media (max-width: 767px) {
	#about .detail .content #greeting .read {
		margin-top: 1.5em;
	}
}
#about .detail .content #greeting .inbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 5rem;
}
@media (max-width: 767px) {
	#about .detail .content #greeting .inbox {
		display: block;
	}
}
#about .detail .content #greeting .inbox .text {
	width: 70%;
	font-size: 2.2rem;
	line-height: 2;
}
@media (max-width: 767px) {
	#about .detail .content #greeting .inbox .text {
		font-size: 3.5vw;
	}
}
@media (max-width: 767px) {
	#about .detail .content #greeting .inbox .text {
		width: auto;
	}
}
#about .detail .content #greeting .inbox .namebox {
	width: 23.5%;
	text-align: center;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 767px) {
	#about .detail .content #greeting .inbox .namebox {
		width: 70%;
		margin: 7.5vw auto 0;
		font-size: 3vw;
	}
}
#about .detail .content #greeting .inbox .namebox figure {
	border-radius: 1rem;
	overflow: hidden;
}
#about .detail .content #greeting .inbox .namebox .name {
	font-size: 2.4rem;
}
@media (max-width: 767px) {
	#about .detail .content #greeting .inbox .namebox .name {
		font-size: 3.5vw;
	}
}
#about .detail .content #greeting .inbox .namebox .name .job {
	display: block;
	margin-top: 1em;
}
#about .detail .content #greeting .inbox .namebox .name .ceo {
	margin-top: 0.25em;
	font-size: 1.3em;
}
#about .detail .content #value .key {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: -webkit-calc(0px - (2.8rem * 20));
	margin-left: calc(0px - (2.8rem * 20));
	padding-left: -webkit-calc(2.8rem * 20);
	padding-left: calc(2.8rem * 20);
	aspect-ratio: 1770 / 814;
	background: url(../img/about/img01.jpg) center/cover no-repeat;
	color: #fff;
}
@media (max-width: 995px) {
	#about .detail .content #value .key {
		margin-left: 0;
		padding-left: 5vw;
	}
}
@media (max-width: 767px) {
	#about .detail .content #value .key {
		aspect-ratio: 1.618 / 1;
	}
}
#about .detail .content #value .key h2 {
	color: #fff;
}
@media (max-width: 767px) {
	#about .detail .content #value .key h2 {
		margin-bottom: 0.5em;
	}
}
#about .detail .content #value .key .text {
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 3rem;
	letter-spacing: 0.135em;
	line-height: 2;
}
#about .detail .content #value .items .item {
	margin-top: 10rem;
}
#about .detail .content #value .items .item .headbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #b2414c;
}
#about .detail .content #value .items .item .headbox .num {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 4.6rem;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	line-height: 1;
}
#about .detail .content #value .items .item .headbox .num span {
	margin-left: 0.2em;
	padding-bottom: 0.2em;
	font-size: 2.7em;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
#about .detail .content #value .items .item .headbox h3 {
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #b2414c;
	font-size: 3.5rem;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	letter-spacing: 0.135em;
	line-height: 1.4;
	text-indent: -0.5em;
}
#about .detail .content #value .items .item .inbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-top: 1em;
}
@media (max-width: 767px) {
	#about .detail .content #value .items .item .inbox {
		display: block;
	}
}
#about .detail .content #value .items .item .inbox figure {
	width: 40%;
	border-radius: 2rem;
	overflow: hidden;
}
@media (max-width: 767px) {
	#about .detail .content #value .items .item .inbox figure {
		width: 100%;
	}
}
#about .detail .content #value .items .item .inbox .text {
	width: 56%;
	font-size: 2.6rem;
	line-height: 2;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 767px) {
	#about .detail .content #value .items .item .inbox .text {
		width: auto;
		margin-top: 1em;
		font-size: 3.5vw;
	}
}
#about .detail .content #value .items .item .inbox .text span {
	color: #b2414c;
}
#about .detail .content #company .key {
	margin-left: -webkit-calc(0px - (2.8rem * 20));
	margin-left: calc(0px - (2.8rem * 20));
	padding-left: -webkit-calc(2.8rem * 20);
	padding-left: calc(2.8rem * 20);
	aspect-ratio: 1757 / 760;
	background: url(../img/about/img02.jpg) center/cover no-repeat;
}
@media (max-width: 995px) {
	#about .detail .content #company .key {
		margin-left: 0;
		padding-left: 5vw;
	}
}
@media (max-width: 767px) {
	#about .detail .content #company .key {
		aspect-ratio: 1.618 / 1;
	}
}
#about .detail .content #company h2 {
	margin-top: 10rem;
}
#about .detail .content #company table {
	width: 100%;
	border-top: 1px solid #c3c3c3;
	font-size: 2.4rem;
}
@media (max-width: 767px) {
	#about .detail .content #company table {
		font-size: 3.5vw;
	}
}
#about .detail .content #company table th, #about .detail .content #company table td {
	padding: 1.5em 1em;
	border-bottom: 1px solid #c3c3c3;
}
@media (max-width: 767px) {
	#about .detail .content #company table th, #about .detail .content #company table td {
		display: block;
	}
}
#about .detail .content #company table th span, #about .detail .content #company table td span {
	margin-left: 1em;
}
#about .detail .content #company table th {
	width: 10em;
	font-weight: 400;
}
@media (max-width: 767px) {
	#about .detail .content #company table th {
		width: auto;
		padding: 1em;
		background: #f5f3f3;
		border-bottom: none;
	}
}
#about .detail .content #access {
	margin-bottom: 0;
	margin-left: -webkit-calc(0px - (2.8rem * 20));
	margin-left: calc(0px - (2.8rem * 20));
	padding: 10rem 0 10rem -webkit-calc(2.8rem * 20);
	padding: 10rem 0 10rem calc(2.8rem * 20);
	background-color: #f5f3f3;
}
@media (max-width: 995px) {
	#about .detail .content #access {
		margin-left: 0;
		padding-left: 0;
	}
}
@media (max-width: 767px) {
	#about .detail .content #access .mapbox {
		margin: 0px -5vw;
	}
}
#about .detail .content #access .mapbox iframe {
	width: 100%;
	height: 60rem;
}
@media (max-width: 767px) {
	#about .detail .content #access .mapbox iframe {
		height: 100vw;
	}
}
#about .detail .content #access address {
	margin-top: 1.5em;
	line-height: 2;
	font-size: 2.3rem;
}
@media (max-width: 767px) {
	#about .detail .content #access address {
		font-size: 3.5vw;
	}
}

/*-----------------------------------------------------------
	service
-----------------------------------------------------------*/
#service .titlebox {
	padding-top: 15rem;
	margin-bottom: 28rem;
}
@media (max-width: 767px) {
	#service .titlebox {
		padding-top: 0;
		margin-bottom: 0;
		padding-bottom: 15vw;
	}
}
#service .titlebox .title, #service .titlebox .read {
	position: relative;
	z-index: 10;
}
#service .titlebox .read {
	margin-top: 0.75em;
	font-size: 5rem;
	font-weight: 500;
	line-height: 1.3;
}
@media (max-width: 767px) {
	#service .titlebox .read {
		font-size: 4vw;
		line-height: 1.5;
	}
}
#service .titlebox .key {
	position: absolute;
	right: 2.5%;
	top: -5rem;
	width: 53%;
}
@media (max-width: 767px) {
	#service .titlebox .key {
		position: static;
		width: 90vw;
		margin: 0px auto -3vw;
	}
}
#service #list {
	margin-bottom: 15rem;
}
#service #list h2 {
	margin-bottom: 1em;
	font-size: 2.4rem;
	font-weight: 500;
}
@media (max-width: 767px) {
	#service #list h2 {
		font-size: 3vw;
	}
}
#service #list h2 span {
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 2em;
	font-weight: 600;
}
#service #list h2 span:after {
	content: "/";
	margin: 0px 0.5em;
	font-size: 0.5em;
	font-weight: 500;
}
#service .reason {
	margin-bottom: 15rem;
}
#service .reason h2 {
	font-weight: 500;
}
@media (max-width: 767px) {
	#service .reason h2 {
		font-size: 3vw;
	}
}
#service .reason h2 span {
	display: block;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 2.8em;
}
@media (max-width: 767px) {
	#service .reason h2 span {
		font-size: 2em;
	}
}
#service .reason h2 span::after {
	display: none;
}
#service .reason .key {
	margin: 0px -8vw;
}
@media (max-width: 767px) {
	#service .reason .key {
		margin: 0px -5vw;
		overflow: hidden;
	}
	#service .reason .key img {
		width: 200vw;
		max-width: none;
	}
}
#service .reason .read {
	margin-top: 1.75em;
	font-size: 3rem;
	font-weight: 600;
	line-height: 2;
	text-align: center;
}
@media (max-width: 767px) {
	#service .reason .read {
		font-size: 4vw;
	}
}
#service .reason .items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 6rem;
	margin-top: 8rem;
}
@media (max-width: 767px) {
	#service .reason .items {
		display: block;
	}
}
#service .reason .items .item {
	width: -webkit-calc((100% - 6rem * 2) / 3);
	width: calc((100% - 6rem * 2) / 3);
}
@media (max-width: 767px) {
	#service .reason .items .item {
		width: auto;
	}
	#service .reason .items .item + .item {
		margin-top: 8vw;
	}
}
#service .reason .items .item h3 {
	text-align: center;
}
#service .reason .items .item h3 span {
	display: block;
	margin-top: 0.5em;
	font-size: 2em;
	line-height: 1.3;
}
@media (max-width: 767px) {
	#service .reason .items .item h3 span {
		font-size: 1.7em;
	}
}
#service .reason .items .item figure {
	margin-top: 2em;
}
@media (max-width: 767px) {
	#service .reason .items .item figure {
		width: 70%;
		margin: 2em auto 0;
	}
}
#service .reason .items .item .text {
	margin-top: 1em;
	line-height: 1.9;
}
#service .servicelist .item + .item {
	margin-top: 15rem;
}
#service .servicelist .item#service01 .keybox {
	background-image: url(../img/service/img01.jpg);
}
#service .servicelist .item#service02 .keybox {
	background-image: url(../img/service/img02.jpg);
}
#service .servicelist .item#service03 .keybox {
	background-image: url(../img/service/img03.jpg);
}
#service .servicelist .item .keybox {
	position: relative;
	height: 59rem;
	margin-bottom: 8rem;
	border-radius: 2rem;
	background: center / cover no-repeat;
}
@media (max-width: 995px) {
	#service .servicelist .item .keybox {
		height: 46rem;
	}
}
@media (max-width: 767px) {
	#service .servicelist .item .keybox {
		margin: 0px -5vw 5vw;
		height: 60vw;
		border-radius: 0px;
	}
}
#service .servicelist .item .keybox h3 {
	position: absolute;
	left: 10rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 3.9rem;
	font-weight: 500;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
@media (max-width: 995px) {
	#service .servicelist .item .keybox h3 {
		left: 5rem;
		font-size: 3.2rem;
	}
}
@media (max-width: 767px) {
	#service .servicelist .item .keybox h3 {
		right: 5rem;
		font-size: 5vw;
	}
}
#service .servicelist .item .keybox h3 a {
	color: #fff;
	text-decoration: none;
}
#service .servicelist .item .keybox .num {
	position: absolute;
	right: 10rem;
	bottom: 5rem;
	font-size: 12rem;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
	color: #fff;
}
@media (max-width: 995px) {
	#service .servicelist .item .keybox .num {
		right: 5rem;
		bottom: 2.5rem;
		font-size: 10rem;
	}
}
#service .servicelist .item .text {
	position: relative;
	padding-right: 20rem;
	font-size: 2.2rem;
	line-height: 2.5;
}
@media (max-width: 995px) {
	#service .servicelist .item .text {
		padding-right: 14rem;
	}
}
@media (max-width: 767px) {
	#service .servicelist .item .text {
		line-height: 2;
		padding-bottom: 15vw;
		padding-right: 0px;
		font-size: 3.5vw;
	}
}
#service .servicelist .item .text:before, #service .servicelist .item .text:after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
}
#service .servicelist .item .text:before {
	right: 0px;
	top: 0px;
	width: 7rem;
	height: 7rem;
	background: #f5f3f3;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (max-width: 767px) {
	#service .servicelist .item .text:before {
		top: auto;
		bottom: 0px;
		width: 10vw;
		height: 10vw;
	}
}
#service .servicelist .item .text:after {
	right: 2.5rem;
	top: 3.5rem;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0.7em;
	height: 0.7em;
	background: center / 100% no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.37%208.49%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%223.78%22%20width%3D%228.59%22%20height%3D%22.84%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%225.12%200%205.12%201.18%208.18%204.24%205.12%207.31%205.12%208.49%208.77%204.84%208.77%204.84%209.37%204.25%205.12%200%22%2F%3E%3C%2Fsvg%3E");
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (max-width: 767px) {
	#service .servicelist .item .text:after {
		top: auto;
		right: 3.5vw;
		bottom: 2.5vw;
	}
}
@media (min-width: 1220px) {
	#service .servicelist .item:hover .text:after {
		right: 2rem;
	}
}
#service .servicedetailtitle {
	position: relative;
}
#service .servicedetailtitle .wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0px;
}
@media (max-width: 995px) {
	#service .servicedetailtitle .wrap {
		display: block;
	}
}
#service .servicedetailtitle .wrap .textbox {
	width: 40%;
}
@media (max-width: 995px) {
	#service .servicedetailtitle .wrap .textbox {
		width: auto;
		padding-top: 10rem;
	}
}
#service .servicedetailtitle .wrap .textbox .name {
	font-size: 3.5rem;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
}
@media (max-width: 995px) {
	#service .servicedetailtitle .wrap .textbox .name {
		font-size: 2.8rem;
	}
}
@media (max-width: 767px) {
	#service .servicedetailtitle .wrap .textbox .name {
		font-size: 3vw;
	}
}
#service .servicedetailtitle .wrap .textbox .title {
	margin: 0.75em 0px;
	font-size: 5rem;
	font-weight: 700;
}
@media (max-width: 995px) {
	#service .servicedetailtitle .wrap .textbox .title {
		font-size: 4.2rem;
	}
}
@media (max-width: 767px) {
	#service .servicedetailtitle .wrap .textbox .title {
		font-size: 5vw;
	}
}
#service .servicedetailtitle .wrap .textbox .text {
	line-height: 2.5;
}
@media (max-width: 767px) {
	#service .servicedetailtitle .wrap .textbox .text {
		font-size: 3vw;
		line-height: 2;
	}
}
#service .servicedetailtitle .wrap .img {
	margin-top: -19rem;
	margin-right: -8vw;
	width: 50vw;
}
@media (max-width: 995px) {
	#service .servicedetailtitle .wrap .img {
		width: auto;
		margin: 5rem -5vw 0px;
	}
}
#service .servicedetailtitle .wrap .img img {
	width: 100%;
}
#service .detail {
	padding: 5rem 0px 0px;
}
#service .detail .template + .template {
	margin-top: 15rem;
}
#service .detail .template h2, #service .detail .template h3 {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #c3c3c3;
}
#service .detail .template h2 {
	font-size: 3.7rem;
}
@media (max-width: 767px) {
	#service .detail .template h2 {
		font-size: 5vw;
	}
}
#service .detail .template h3 {
	font-size: 3rem;
}
@media (max-width: 767px) {
	#service .detail .template h3 {
		font-size: 4vw;
	}
}
#service .detail .template .box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 2.2rem;
	line-height: 2;
}
@media (max-width: 767px) {
	#service .detail .template .box {
		font-size: 3.5vw;
	}
}
#service .detail .template .box.none {
	display: block;
}
#service .detail .template .box.up {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
#service .detail .template .box.up .textarea {
	width: 100%;
	margin-top: 5rem;
}
#service .detail .template .box.down {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
#service .detail .template .box.down .textarea {
	width: 100%;
	margin-bottom: 5rem;
}
#service .detail .template .box.left, #service .detail .template .box.right {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	#service .detail .template .box.left, #service .detail .template .box.right {
		display: block;
	}
}
#service .detail .template .box.left figure, #service .detail .template .box.right figure {
	width: 40%;
}
@media (max-width: 767px) {
	#service .detail .template .box.left figure, #service .detail .template .box.right figure {
		width: auto;
	}
}
#service .detail .template .box.left .textarea, #service .detail .template .box.right .textarea {
	width: 55%;
}
@media (max-width: 767px) {
	#service .detail .template .box.left .textarea, #service .detail .template .box.right .textarea {
		width: auto;
		margin-top: 5vw;
	}
}
#service .detail .template .box.right {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#service .detail .template .box figure {
	border-radius: 2rem;
	overflow: hidden;
}
#service .detail .pdfbtn {
	margin-top: 10rem;
	text-align: center;
}
#service .detail .pdfbtn a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 0 2em;
	padding: 1.25em 2em;
	border-radius: 3em;
	background-color: #b2414c;
	border: 1px solid #b2414c;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.1em;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	width: auto;
	padding: 1.5em 5em 1.5em 2em;
}
#service .detail .pdfbtn a::after {
	content: "";
	display: block;
	width: 0.8em;
	aspect-ratio: 1 / 1;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.89%2010.78%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%224.8%22%20width%3D%2210.9%22%20height%3D%221.06%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.5%200%206.5%201.5%2010.39%205.39%206.5%209.28%206.5%2010.78%2011.14%206.14%2011.14%206.14%2011.89%205.39%206.5%200%22%2F%3E%3C%2Fsvg%3E") center/100% no-repeat;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (min-width: 1220px) {
	#service .detail .pdfbtn a:hover {
		background-color: #fff;
		color: #b2414c;
	}
	#service .detail .pdfbtn a:hover::after {
		-webkit-transform: translateX(0.25em);
		-ms-transform: translateX(0.25em);
		transform: translateX(0.25em);
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.89%2010.78%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23b2414c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%224.8%22%20width%3D%2210.9%22%20height%3D%221.06%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.5%200%206.5%201.5%2010.39%205.39%206.5%209.28%206.5%2010.78%2011.14%206.14%2011.14%206.14%2011.89%205.39%206.5%200%22%2F%3E%3C%2Fsvg%3E");
	}
}
@media (max-width: 767px) {
	#service .detail .pdfbtn a {
		text-align: left;
	}
}
#service .detail .template2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 4rem;
	margin-top: 15rem;
}
@media (max-width: 767px) {
	#service .detail .template2 {
		gap: 5rem;
	}
}
#service .detail .template2 .item {
	width: -webkit-calc((100% - 4rem * 2) / 3);
	width: calc((100% - 4rem * 2) / 3);
}
@media (max-width: 767px) {
	#service .detail .template2 .item {
		width: 100%;
	}
}
#service .detail .template2 .item .title {
	margin-top: 1em;
	font-size: 1.2em;
	font-weight: 500;
}
#service .detail .template2 .item .text {
	margin-top: 0.25em;
}
#service .detail .end {
	margin-top: 16rem;
	font-size: 3.4rem;
	font-weight: 700;
	text-align: center;
}
@media (max-width: 995px) {
	#service .detail .end {
		font-size: 3rem;
	}
}
@media (max-width: 767px) {
	#service .detail .end {
		font-size: 4.75vw;
	}
}
#service .detail .btn {
	margin-top: 6rem;
	text-align: center;
}
@media (max-width: 767px) {
	#service .detail .btn {
		margin-top: 10vw;
	}
}
#service .detail .btn a {
	display: inline-block;
	padding: 1em 3em;
	border-radius: 2em;
	background: #b2414c;
	text-decoration: none;
	font-size: 2.2rem;
	font-weight: 700;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (max-width: 767px) {
	#service .detail .btn a {
		display: block;
		padding: 1em 0px;
		font-size: 3.5vw;
	}
}
@media (min-width: 1220px) {
	#service .detail .btn a:hover {
		background: #b2414c;
	}
}

/*-----------------------------------------------------------
	case
-----------------------------------------------------------*/
#case .titlebox {
	padding-top: 15rem;
	margin-bottom: 8rem;
}
@media (max-width: 767px) {
	#case .titlebox {
		padding-top: 10vw;
		margin-bottom: 8vw;
	}
}
#case .titlebox.single {
	padding-top: 5rem;
	margin-bottom: 5rem;
}
@media (max-width: 767px) {
	#case .titlebox.single {
		padding-top: 5vw;
		margin-bottom: 5vw;
	}
}
#case .cnav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 8rem;
	font-size: 2.6rem;
	font-weight: 600;
}
@media (max-width: 767px) {
	#case .cnav {
		font-size: 3.5vw;
	}
}
#case .cnav li::after {
	content: "｜";
}
#case .cnav li:last-child::after {
	display: none;
}
#case .listbox {
	position: relative;
	z-index: 100;
	margin-bottom: 15rem;
}
#case .listbox .items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 2.5rem;
}
@media (max-width: 767px) {
	#case .listbox .items {
		display: block;
	}
}
#case .listbox .items .item {
	width: -webkit-calc((100% - 2.5rem * 2) / 3);
	width: calc((100% - 2.5rem * 2) / 3);
	padding: 3.5rem;
	background: #fff;
	border-radius: 1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
}
#case .listbox .items .item figure {
	overflow: hidden;
}
#case .listbox .items .item figure img {
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#case .listbox .items .item:hover figure img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
@media (max-width: 995px) {
	#case .listbox .items .item {
		width: -webkit-calc((100% - 2.5rem) / 2);
		width: calc((100% - 2.5rem) / 2);
	}
}
@media (max-width: 767px) {
	#case .listbox .items .item {
		width: auto;
		padding: 5vw;
	}
}
@media (max-width: 767px) {
	#case .listbox .items .item + .item {
		margin-top: 5vw;
	}
}
#case .listbox .items .item .label {
	margin-top: 1.5em;
}
#case .listbox .items .item .label span + span {
	margin-left: 1em;
}
#case .listbox .items .item h2 {
	margin-top: 0.5em;
	font-size: 2.4rem;
	font-weight: 500;
}
@media (max-width: 767px) {
	#case .listbox .items .item h2 {
		font-size: 4.5vw;
	}
}
#case .listbox .items .item h2 a {
	text-decoration: none;
	color: #000;
}
#case .listbox .items .item h2.title {
	margin: 0px 0px 0.75em;
}
#case .listbox .items .item .text {
	margin-top: 1em;
}
#case .detail .wrap {
	padding: 10rem 0px;
}
#case .detail .headbox {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#case .detail .headbox:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.2);
}
#case .detail .headbox .wrap {
	padding: 25rem 0px;
}
@media (max-width: 767px) {
	#case .detail .headbox .wrap {
		padding: 20vw 0px;
	}
}
#case .detail .headbox h1 {
	position: relative;
	z-index: 10;
	color: #fff;
	font-size: 4rem;
}
@media (max-width: 767px) {
	#case .detail .headbox h1 {
		font-size: 5vw;
	}
}
#case .detail .headbox h1 span {
	display: block;
	margin-bottom: 1em;
	font-size: 0.75em;
}
#case .detail .readbox + .block, #case .detail .block + .block {
	margin-top: 6rem;
}
#case .detail .readbox .text, #case .detail .block .text {
	line-height: 2;
}
#case .detail .readbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	#case .detail .readbox {
		display: block;
	}
}
#case .detail .readbox .name {
	width: 10em;
	font-size: 3rem;
	font-weight: 600;
}
@media (max-width: 767px) {
	#case .detail .readbox .name {
		font-size: 5vw;
	}
}
#case .detail .readbox .name span {
	display: block;
	font-size: 0.75em;
	font-weight: 400;
}
#case .detail .readbox .text {
	width: -webkit-calc(100% - 3rem * 12);
	width: calc(100% - 3rem * 12);
}
@media (max-width: 767px) {
	#case .detail .readbox .text {
		width: auto;
		margin-top: 1em;
	}
}
#case .detail .title01 {
	margin-bottom: 1em;
	padding-bottom: 0.25em;
	font-size: 3.2rem;
	color: #b2414c;
	border-bottom: 1px solid #b2414c;
}
@media (max-width: 767px) {
	#case .detail .title01 {
		font-size: 4.5vw;
	}
}
#case .detail .title02 {
	margin-bottom: 1em;
	font-size: 3.2rem;
	color: #b2414c;
}
@media (max-width: 767px) {
	#case .detail .title02 {
		font-size: 4.5vw;
	}
}
#case .detail .items {
	margin-bottom: 2em;
	padding-bottom: 5rem;
}
#case .detail .items .movie {
	position: relative;
	height: 0px;
	width: 100%;
	padding-top: 56.25%;
}
#case .detail .items .movie iframe {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
#case .detail .items .swiper-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 2rem;
	bottom: 0px;
}
#case .detail .items .swiper-pagination .swiper-pagination-bullet {
	width: 2rem;
	height: 2rem;
	margin: 0px;
	border-radius: 50%;
	background: #fff;
	opacity: 1;
}
#case .detail .items .swiper-pagination .swiper-pagination-bullet-active {
	background: #b2414c;
}
#case .detail .companybox {
	margin-top: 6rem;
	padding: 6rem 5rem;
	background: #fff;
	border-radius: 2rem;
	color: #000;
}
#case .detail .companybox .name {
	font-size: 3.2rem;
	font-weight: 700;
}
@media (max-width: 767px) {
	#case .detail .companybox .name {
		font-size: 4.25vw;
	}
}
#case .detail .companybox .read {
	margin-top: 0.75em;
	font-size: 3.2rem;
	font-weight: 700;
}
@media (max-width: 767px) {
	#case .detail .companybox .read {
		font-size: 4vw;
	}
}
#case .detail .companybox .text {
	margin-top: 1.5em;
	line-height: 2;
}
#case .detail .companybox h4 {
	margin-top: 1em;
	font-size: 2.6rem;
}
@media (max-width: 767px) {
	#case .detail .companybox h4 {
		font-size: 3.75vw;
	}
}
#case .detail .companybox table {
	width: 100%;
	margin-top: 0.5em;
}
#case .detail .companybox table th, #case .detail .companybox table td {
	padding: 0.5em 0px;
	border-bottom: 1px solid #c3c3c3;
}
@media (max-width: 767px) {
	#case .detail .companybox table th, #case .detail .companybox table td {
		display: block;
	}
}
#case .detail .companybox table th {
	width: 10em;
	font-weight: 400;
}
@media (max-width: 767px) {
	#case .detail .companybox table th {
		width: auto;
		padding-bottom: 0px;
		border-bottom: none;
	}
}
#case .detail .companybox .link {
	margin-top: 1em;
	text-align: right;
}
#case .detail .companybox .link a {
	display: inline-block;
	padding: 0.25em 0px 0.25em 2.25em;
	font-weight: 700;
	font-size: 2rem;
	background: left center / 1.75em no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2045.04%2045.04%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%236679ba%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-2%22%20cx%3D%2222.52%22%20cy%3D%2222.52%22%20r%3D%2222.52%22%2F%3E%3Cg%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2213.99%22%20y%3D%2222.03%22%20width%3D%2214.45%22%20height%3D%221.41%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2222.61%2015.67%2022.61%2017.66%2027.77%2022.81%2022.61%2027.97%2022.61%2029.96%2028.76%2023.81%2028.76%2023.81%2029.76%2022.81%2022.61%2015.67%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	color: #000;
}
@media (max-width: 767px) {
	#case .detail .companybox .link a {
		font-size: 3.5vw;
	}
}
#case .detail .note {
	margin-top: 6rem;
}
@media (max-width: 767px) {
	#case .detail .note {
		font-size: 3rem;
	}
}
#case .detail .note li {
	padding-left: 1em;
	text-indent: -1em;
}
#case .detail .note li + li {
	margin-top: 0.5em;
}

/*-----------------------------------------------------------
	product
-----------------------------------------------------------*/
@media (max-width: 767px) {
	#product .top:after {
		display: none;
	}
}
@media (max-width: 767px) {
	#product .top .nav {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		height: auto;
		padding: 1em 0px;
		background: #f5f3f3;
		font-size: 3.5vw;
	}
}
#product .top .text {
	margin-top: 1.5em;
}
@media (max-width: 767px) {
	#product .top .text {
		margin-top: 5vw;
	}
}
#product .productbox + .productbox {
	margin-top: 10rem;
}
#product .productbox .wp-pagenavi {
	margin-top: 5rem;
}
@media (max-width: 767px) {
	#product .productbox .wp-pagenavi {
		margin-top: 10vw;
	}
}
#product .detail {
	padding-top: 10rem;
}
#product .detail .headbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 7rem;
}
#product .detail .headbox .title {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.2;
}
@media (max-width: 767px) {
	#product .detail .headbox .title {
		font-size: 3.5vw;
	}
}
#product .detail .headbox .title span {
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 700;
}
#product .detail .headbox .title span.name {
	display: block;
	font-size: 1.85em;
}
@media (max-width: 767px) {
	#product .detail .headbox .title span.name {
		font-size: 1.5em;
	}
}
#product .detail .headbox .title span.cat {
	margin-right: 0.5em;
	font-size: 3em;
}
@media (max-width: 767px) {
	#product .detail .headbox .title span.cat {
		font-size: 2.5em;
	}
}
#product .detail .headbox .back a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 0 2em;
	padding: 1.25em 2em;
	border-radius: 3em;
	background-color: #b2414c;
	border: 1px solid #b2414c;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.1em;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	width: 18rem;
	letter-spacing: 1em;
}
#product .detail .headbox .back a::after {
	content: "";
	display: block;
	width: 0.8em;
	aspect-ratio: 1 / 1;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.89%2010.78%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%224.8%22%20width%3D%2210.9%22%20height%3D%221.06%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.5%200%206.5%201.5%2010.39%205.39%206.5%209.28%206.5%2010.78%2011.14%206.14%2011.14%206.14%2011.89%205.39%206.5%200%22%2F%3E%3C%2Fsvg%3E") center/100% no-repeat;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (min-width: 1220px) {
	#product .detail .headbox .back a:hover {
		background-color: #fff;
		color: #b2414c;
	}
	#product .detail .headbox .back a:hover::after {
		-webkit-transform: translateX(0.25em);
		-ms-transform: translateX(0.25em);
		transform: translateX(0.25em);
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.89%2010.78%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23b2414c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20y%3D%224.8%22%20width%3D%2210.9%22%20height%3D%221.06%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226.5%200%206.5%201.5%2010.39%205.39%206.5%209.28%206.5%2010.78%2011.14%206.14%2011.14%206.14%2011.89%205.39%206.5%200%22%2F%3E%3C%2Fsvg%3E");
	}
}
@media (max-width: 767px) {
	#product .detail .headbox .back a {
		width: 25vw;
		font-size: 2.5vw;
	}
}
#product .detail .databox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15rem;
}
@media (max-width: 767px) {
	#product .detail .databox {
		display: block;
	}
}
#product .detail .databox .images {
	width: 55%;
}
@media (max-width: 767px) {
	#product .detail .databox .images {
		width: 100%;
		margin-bottom: 15vw;
	}
}
#product .detail .databox .images .swiper {
	overflow: visible;
}
#product .detail .databox .images .swiper-wrapper {
	overflow: hidden;
	border-radius: 2.5rem;
}
#product .detail .databox .images .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 88rem;
	background: #fff;
}
@media (max-width: 995px) {
	#product .detail .databox .images .item {
		height: 71rem;
	}
}
@media (max-width: 767px) {
	#product .detail .databox .images .item {
		height: 90vw;
	}
}
#product .detail .databox .images .item img {
	max-width: 100%;
	max-height: 100%;
}
#product .detail .databox .images .new {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: 3.5rem;
	top: 3.5rem;
	z-index: 10;
	width: 5.8em;
	height: 5.8em;
	background: #b2414c;
	border-radius: 1rem;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
	font-size: 1.9rem;
}
@media (max-width: 767px) {
	#product .detail .databox .images .new {
		font-size: 3vw;
	}
}
#product .detail .databox .images .swiper-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 2rem;
	bottom: -6rem;
}
@media (max-width: 767px) {
	#product .detail .databox .images .swiper-pagination {
		gap: 3.5vw;
		bottom: -10vw;
	}
}
#product .detail .databox .images .swiper-pagination .swiper-pagination-bullet {
	width: 2rem;
	height: 2rem;
	margin: 0px;
	background: #fff;
	opacity: 1;
}
@media (max-width: 767px) {
	#product .detail .databox .images .swiper-pagination .swiper-pagination-bullet {
		width: 3vw;
		height: 3vw;
	}
}
#product .detail .databox .images .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #b2414c;
}
#product .detail .databox .data {
	width: 42%;
}
@media (max-width: 767px) {
	#product .detail .databox .data {
		width: auto;
	}
}
#product .detail .databox .data .brand {
	margin-bottom: 0.25em;
	font-size: 2.4rem;
	font-weight: 700;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
@media (max-width: 767px) {
	#product .detail .databox .data .brand {
		font-size: 4.5vw;
	}
}
#product .detail .databox .data .number, #product .detail .databox .data .name, #product .detail .databox .data .price {
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}
@media (max-width: 767px) {
	#product .detail .databox .data .number, #product .detail .databox .data .name, #product .detail .databox .data .price {
		font-size: 5.5vw;
	}
}
#product .detail .databox .data .text {
	margin-top: 3em;
	font-size: 2.2rem;
	line-height: 1.65;
}
@media (max-width: 767px) {
	#product .detail .databox .data .text {
		margin-top: 1.5em;
		font-size: 3.5vw;
	}
}
#product .detail .template .block + .block {
	margin-top: 10rem;
}
#product .detail .template .block h2 {
	margin-bottom: 1em;
	font-size: 3.4rem;
}
@media (max-width: 767px) {
	#product .detail .template .block h2 {
		font-size: 5vw;
	}
}
#product .detail .template .block h3 {
	margin-bottom: 1em;
	padding: 0.5em 0.25em;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	font-size: 2.8rem;
}
@media (max-width: 767px) {
	#product .detail .template .block h3 {
		font-size: 4.25vw;
	}
}
#product .detail .template .block .textbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 2.2rem;
	line-height: 2;
}
@media (max-width: 767px) {
	#product .detail .template .block .textbox {
		font-size: 3.5vw;
	}
}
#product .detail .template .block .textbox + .textbox, #product .detail .template .block .textbox + h2, #product .detail .template .block .textbox + h3 {
	margin-top: 5rem;
}
#product .detail .template .block .textbox.none {
	display: block;
}
#product .detail .template .block .textbox.up {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
#product .detail .template .block .textbox.up .textarea {
	width: 100%;
	margin-top: 5rem;
}
#product .detail .template .block .textbox.down {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
#product .detail .template .block .textbox.down .textarea {
	width: 100%;
	margin-bottom: 5rem;
}
#product .detail .template .block .textbox.left, #product .detail .template .block .textbox.right {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	#product .detail .template .block .textbox.left, #product .detail .template .block .textbox.right {
		display: block;
	}
}
#product .detail .template .block .textbox.left figure, #product .detail .template .block .textbox.right figure {
	width: 40%;
}
@media (max-width: 767px) {
	#product .detail .template .block .textbox.left figure, #product .detail .template .block .textbox.right figure {
		width: auto;
	}
}
#product .detail .template .block .textbox.left .textarea, #product .detail .template .block .textbox.right .textarea {
	width: 55%;
}
@media (max-width: 767px) {
	#product .detail .template .block .textbox.left .textarea, #product .detail .template .block .textbox.right .textarea {
		width: auto;
		margin-top: 5vw;
	}
}
#product .detail .template .block .textbox.right {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#product .detail .template .block .textbox figure {
	border-radius: 5rem;
	overflow: hidden;
}
#product .detail .template .block .textbox .movie {
	position: relative;
	padding-top: 56.25%;
}
#product .detail .template .block .textbox .movie iframe {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

/*-----------------------------------------------------------
	news / voice
-----------------------------------------------------------*/
#news .titlebox .wrap, #voice .titlebox .wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	#news .titlebox .wrap, #voice .titlebox .wrap {
		display: block;
	}
}
#news .titlebox .category, #voice .titlebox .category {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 1em;
}
@media (max-width: 767px) {
	#news .titlebox .category, #voice .titlebox .category {
		margin-top: 5vw;
		font-size: 3vw;
	}
}
#news .titlebox .category li a, #voice .titlebox .category li a {
	display: block;
	padding: 0.5em 1.25em;
	border-radius: 0.625rem;
	text-decoration: none;
	letter-spacing: 0.12em;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (max-width: 767px) {
	#news .titlebox .category li a, #voice .titlebox .category li a {
		letter-spacing: 0px;
	}
}
#news .titlebox .category li a.current, #voice .titlebox .category li a.current {
	background: #b2414c;
	color: #fff;
}
@media (min-width: 1220px) {
	#news .titlebox .category li a:hover, #voice .titlebox .category li a:hover {
		background: #666;
		color: #fff;
	}
}

/*-----------------------------------------------------------
	contact
-----------------------------------------------------------*/
#contact .detail, #confirm .detail, #complete .detail {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
@media (max-width: 995px) {
	#contact .detail, #confirm .detail, #complete .detail {
		display: block;
	}
}
#contact .detail .sidebar, #confirm .detail .sidebar, #complete .detail .sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 12rem;
	width: 20em;
	padding-left: 4vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 995px) {
	#contact .detail .sidebar, #confirm .detail .sidebar, #complete .detail .sidebar {
		width: auto;
		margin-bottom: 10rem;
		padding-left: 0px;
		overflow: auto;
	}
}
@media (max-width: 767px) {
	#contact .detail .sidebar, #confirm .detail .sidebar, #complete .detail .sidebar {
		top: 18vw;
		font-size: 2.75vw;
	}
}
#contact .detail .content, #confirm .detail .content, #complete .detail .content {
	width: -webkit-calc(100% - 20em);
	width: calc(100% - 20em);
}
@media (max-width: 995px) {
	#contact .detail .content, #confirm .detail .content, #complete .detail .content {
		width: auto;
	}
}
#contact .detail .content .inwrap, #confirm .detail .content .inwrap, #complete .detail .content .inwrap {
	margin-right: 8vw;
}
@media (max-width: 995px) {
	#contact .detail .content .inwrap, #confirm .detail .content .inwrap, #complete .detail .content .inwrap {
		margin: 0px 5vw;
	}
}

#contact .detail, #confirm .detail, #complete .detail {
	margin-bottom: 15rem;
}
#contact .detail .sidebar, #confirm .detail .sidebar, #complete .detail .sidebar {
	width: 30em;
}
@media (max-width: 995px) {
	#contact .detail .sidebar, #confirm .detail .sidebar, #complete .detail .sidebar {
		position: static;
		border: none;
		width: auto;
		margin: 0px 5vw 10rem;
	}
}
#contact .detail .sidebar .text, #contact .detail .sidebar address, #confirm .detail .sidebar .text, #confirm .detail .sidebar address, #complete .detail .sidebar .text, #complete .detail .sidebar address {
	font-size: 1.6rem;
	line-height: 2;
}
@media (max-width: 767px) {
	#contact .detail .sidebar .text, #contact .detail .sidebar address, #confirm .detail .sidebar .text, #confirm .detail .sidebar address, #complete .detail .sidebar .text, #complete .detail .sidebar address {
		font-size: 3vw;
	}
}
#contact .detail .sidebar address, #confirm .detail .sidebar address, #complete .detail .sidebar address {
	margin-top: 2em;
}
@media (max-width: 995px) {
	#contact .detail .sidebar address, #confirm .detail .sidebar address, #complete .detail .sidebar address {
		display: none;
	}
}
#contact .detail .content, #confirm .detail .content, #complete .detail .content {
	width: -webkit-calc(100% - 30em);
	width: calc(100% - 30em);
}
@media (max-width: 995px) {
	#contact .detail .content, #confirm .detail .content, #complete .detail .content {
		width: auto;
	}
}
#contact .detail .content .step, #confirm .detail .content .step, #complete .detail .content .step {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 10rem;
	border-bottom: 1px solid #c3c3c3;
}
@media (max-width: 767px) {
	#contact .detail .content .step, #confirm .detail .content .step, #complete .detail .content .step {
		font-size: 3vw;
	}
}
#contact .detail .content .step li, #confirm .detail .content .step li, #complete .detail .content .step li {
	position: relative;
	padding: 0px 1em 1em;
}
#contact .detail .content .step li.current:after, #confirm .detail .content .step li.current:after, #complete .detail .content .step li.current:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0px;
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 50%;
	-webkit-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	background-color: #b2414c;
}
@media (max-width: 767px) {
	#contact .detail .content .step li.current:after, #confirm .detail .content .step li.current:after, #complete .detail .content .step li.current:after {
		width: 2vw;
		height: 2vw;
	}
}

/*-----------------------------------------------------------
	privacy
-----------------------------------------------------------*/
#privacy .detail {
	margin-bottom: 15rem;
}
#privacy .detail .read {
	margin-bottom: 2em;
	line-height: 2;
}
#privacy .detail dl dt {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	font-size: 2.2rem;
	color: #b2414c;
	border-bottom: 1px solid #c3c3c3;
}
@media (max-width: 767px) {
	#privacy .detail dl dt {
		font-size: 4vw;
	}
}
#privacy .detail dl dd {
	line-height: 2;
}
#privacy .detail dl dd + dt {
	margin-top: 5rem;
}

/*-----------------------------------------------------------
	sitemaps
-----------------------------------------------------------*/
#sitemaps .detail {
	margin-bottom: 15rem;
}
#sitemaps .detail .box + .box {
	margin-top: 10rem;
}
#sitemaps .detail .box .title {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #c3c3c3;
	font-family: "athelas", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 3rem;
}
@media (max-width: 767px) {
	#sitemaps .detail .box .title {
		font-size: 4.5vw;
	}
}
#sitemaps .detail .box ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 1em 2em;
	font-size: 2.2rem;
}
@media (max-width: 767px) {
	#sitemaps .detail .box ul {
		font-size: 3.5vw;
	}
}



/*# sourceMappingURL=style.css.map */