@charset "utf-8";
/* CSS Document */
/* Box sizing
--------------------------------------------- */
*,
*::before,
*::after { box-sizing: inherit; }
html { box-sizing: border-box; }
/* base font family
--------------------------------------------- */
:root { --gothic:"游ゴシック", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
 --yumincho:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS P	Mincho", "Times New Roman", serif;
 --noto-sans: NotoSansJP, 'Noto Sans JP', sans-serif;
 --noto-serif: NotoSerifJP, 'Noto Serif JP', serif;
 --hiragino : Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3";
 --futura: Futura, Futura-Medium, "Futura Medium", 'Josefin Sans', sans-serif, "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde";
 --helvetica: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* base color
--------------------------------------------- */
:root { --font-color: #333333;
 --white:#FFFFFF;
 --blue:#14419A;
}
s img {
	height: auto;
	max-width: 100%;
	object-fit: cover;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
/* header and text
--------------------------------------------- */
.page-contents :where(h1, h2, h3, h4, h5, h6, p) {
 margin: 0;
 padding: 0;
}
/* Links
--------------------------------------------- */
a { text-decoration: none; }
a:focus { outline: 0; }
a:hover,
a:active { outline: 0; }
a[href^="tel"],
a[href^="mailto"] { text-decoration: none; }
a[x-apple-data-detectors] {
	color: inherit !important;
	text-decoration: none !important;
	font-size: inherit !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}
/*
img
--------------------------------------------- */
.wp-block-image img {
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
.wp-block-image.is-style-rounded img { border-radius: 9999px; }
.wp-container-core-group-is-layout-1,
.wp-container-core-group-is-layout-2,
.wp-container-core-group-is-layout-3 {
	flex-direction: column;
	align-items: center;
}
.aligncenter { text-align: center; }

/*
layout
--------------------------------------------- */
@media screen and (min-width:0px) {
.container {
	display: block;
	width: 100%;
}
}
@media screen and (max-width:767px) {
.container {
	max-width: 520px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
}
@media screen and (min-width: 768px) and (max-width:1024px) {
.container {
	max-width: 768px;
	margin: 0 auto;
	padding: 0 20px;
}
}
@media screen and (min-width: 1025px) {
.container {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px;
}
}
.single-voice .container { max-width: 900px; }
.is-layout-flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1em;
}
.is-layout-flex-center {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.is-layout-flex > .wp-block-image {
	margin: 0;
	width: calc(50% - 0.5em);
}
@media screen and (max-width: 767px) {
.is-layout-flex > .wp-block-image { width: 100%; }
}

/*
br tag
------------------------------*/
@media screen and (max-width:1024px) {
.pc-only { display: none; }
}
@media screen and (max-width: 767px) {
.tb-only,
.lg-only { display: none; }
}
@media screen and (min-width: 768px) {
.sp-only { display: none; }
}
@media screen and (min-width:1025px) {
.sp-only,
.tb-only,
.md-only { display: none; }
}
/* #graph-wrapper */
#graph-wrapper {
	width: calc(100% - 80px);
	margin: 80px auto;
	max-width: 700px;
}
#graph-title {
	width: max-content;
	font-size: 22px;
	font-weight: 500;
	font-family: var(--yumincho);
	line-height: 1;
	text-align: center;
	color: #fff;
	padding: 0.7em 1.5em;
	border-radius: 10px;
	background-color: #00428E;
	margin: 0 auto 60px;
}
#txt-h-sub {
	display: block;
	margin-bottom: 10px;
}
#txt-tai {
	display: inline-block;
	font-size: 0.8em;
	padding: 0 1em;
}
@media screen and (min-width: 768px) {
#graph-title {
	padding: 0.7em 3em;
	margin-bottom: 40px;
}
}
/* フォント調整用 */
.ym-txt,
.go-txt {
	font-size: 18px!important;
	font-weight: 400!important;
	line-height: 1.8!important;
}
.ym-txt { font-family: var(--yumincho); }
.go-txt { font-family: var(--gothic); }
@media screen and (min-width:1200px) {
.ym-txt,
.go-txt { font-size: 20px!important; }
}
.model_name {
	color: #4472c4;
	font-weight: bold;
}
. hycellvator .inline-b {
margin: 0;
display: inline-block;
}
.answer-hosoku {
	display: inline-block;
	line-height: 1.2;
	padding: 1em 1em 0;
	text-align: left;
}
/* .spec-table */
.spec-table {
	width: 100%;
	margin-top: 50px;
}
.spec-table tr th,
.spec-table tr td {
	display: block;
	width: 100%;
	font-family: var(--yumincho);
	font-size: 18px;
	line-height: 1.8;
	text-align: left;
	padding: 20px 10px;
}
.spec-table tr th {
	color: var(--white);
	background-color: #8490A5;
	font-weight: 600;
}
.spec-table tr td { font-weight: 500; }
@media screen and (min-width:768px) {
.spec-table {
 width: calc(900/1000 * 100%);
	margin: 60px auto 0 auto;
	border-top: 1px solid #E2E8ED;
}
.spec-table tr { border-bottom: 1px solid #E2E8ED; }
.spec-table tr th,
.spec-table tr td {
	display: table-cell;
	font-size: 20px;
	line-height: 1.8;
}
.spec-table tr th {
	width: 278px;
	padding: 25px 20px;
}
.spec-table tr td {
	width: calc(100% - 278px);
	padding: 25px 20px 25px 40px;
}
}
/*
PAGE - mv
--------------------------------------------- */
.page-mv__title {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-bottom: 30px;
	align-items: center;
}
.page-mv__title > span:nth-child(1) {
	font-weight: 500;
	font-size: 18px;
	color: #00428E;
	line-height: 33.8px;
	font-family: var(--yumincho);
}
.page-mv__title > span:nth-child(2) {
	font-size: 30px;
	line-height: 50px;
	font-family: var(--gothic);
	font-weight: 700;
	color: #00428E;
}
.page-mv__title > span:nth-child(2) > small { font-size: 14px; }
.page-mv-bg {
	background-position: center;
	background-size: cover;
	height: clamp(200px, 25vw, 400px);
}
.page-mv-bg--voice { background-image: url(../images/hycellvator/reason5-pc.jpg); }
.page-mv-bg-container {
	display: grid;
	justify-items: center;
	align-content: center;
	height: 100%;
}
.page-mv-bg .page-mv__title > span:nth-child(1) {
	font-size: clamp(12px, 1.5vw, 18px);
	line-height: 1.8;
}
.page-mv-bg .page-mv__title > span:nth-child(2) {
	font-size: clamp(20px, 2.5vw, 30px);
	line-height: 1.6;
}
.page-mv-content__title {
	margin: 2em 0 .5em;
	font-size: clamp(22px, 2vw, 24px);
	font-weight: 500;
	line-height: 1.5;
	font-family: var(--yumincho);
	color: var(--blue);
}
.page-mv-content__txt {
	font-size: clamp(16px, 1.8vw, 18px);
	line-height: 1.7;
	text-align: justify;
	word-break: break-all;
	margin: 0;
	font-family: var(--yumincho);
}

	
/*
buttons
--------------------------------------------- */
/*btn-bl*/
@media screen and (min-width:0px) {
.btn-bl {
	display: flex;
	justify-content: center;
	align-items: center;
	/* width: 270px; */
	width: max-content;
	height: 55px;
	border: 1px solid var(--blue);
	background-color: var(--white);
	border-radius: 5px;
	transition: 0.3s;
	padding: 0 1.5em
}
.btn-bl > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	color: var(--blue);
	font-family: var(--yumincho);
	padding-right: 20px;
}
.btn-bl > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 5.8px;
	height: 11.83px;
	background-image: url(../images/hycellvator/icon-btn-bl.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}
@media screen and (min-width:768px) {
.btn-bl:hover {
	transition: background 0.3s ease;
	background: linear-gradient(180deg, #4792C2, #7DB9DD);
}
.btn-bl:hover > span {
	transition: color 0.3s ease;
	color: var(--white);
}
.btn-bl:hover > span::after {
	transition: background-image 0.3s ease;
	background-image: url(../images/hycellvator/icon-btn-wh.png);
}
}
/*btn-blbg*/
@media screen and (min-width:0px) {
.btn-hrbl {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 55px;
	border: 1px solid var(--blue);
	background-color: var(--white);
	border-radius: 5px;
	transition: 0.3s;
}
.btn-hrbl > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	color: var(--blue);
	font-family: var(--yumincho);
	padding-right: 20px;
}
.btn-hrbl > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 5.8px;
	height: 11.83px;
	background-image: url(../images/hycellvator/icon-btn-bl.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}
@media screen and (min-width:768px) {
.btn-hrbl:hover {
	transition: background 0.3s ease;
	background: var(--blue);
}
.btn-hrbl:hover > span {
	transition: color 0.3s ease;
	color: var(--white);
}
.btn-hrbl:hover > span::after {
	transition: background-image 0.3s ease;
	background-image: url(../images/hycellvator/icon-btn-wh.png);
}
}
/*btn-blbg*/
@media screen and (min-width:0px) {
.btn-blbg {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 55px;
	border: 1px solid var(--blue);
	background-color: #6C9FBF;
	border-radius: 5px;
	transition: 0.3s;
}
.btn-blbg > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	color: var(--white);
	font-family: var(--yumincho);
	padding-right: 20px;
}
.btn-blbg > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 5.8px;
	height: 11.83px;
	background-image: url(../images/hycellvator/icon-btn-wh.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}
@media screen and (min-width:768px) {
.btn-blbg:hover {
	transition: background 0.3s ease;
	background: var(--white);
}
.btn-blbg:hover > span {
	transition: color 0.3s ease;
	color: var(--blue);
}
.btn-blbg:hover > span::after {
	transition: background-image 0.3s ease;
	background-image: url(../images/hycellvator/icon-btn-bl.png);
}
}
/*btn-or*/
@media screen and (min-width:0px) {
.btn-or {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 55px;
	border: 1px solid #D3471E;
	background-color: var(--white);
	border-radius: 5px;
	transition: 0.3s;
}
.btn-or > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	color: #D3471E;
	font-family: var(--yumincho);
	padding-right: 20px;
}
.btn-or > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 5.8px;
	height: 11.83px;
	background-image: url(../images/hycellvator/icon-btn-or.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}
@media screen and (min-width:768px) {
.btn-or:hover {
	transition: background 0.3s ease;
	background: #F48767;
}
.btn-or:hover > span {
	transition: color 0.3s ease;
	color: var(--white);
}
.btn-or:hover > span::after {
	transition: background-image 0.3s ease;
	background-image: url(../images/hycellvator/icon-btn-wh.png);
}
}
/*btn-yl*/
@media screen and (min-width:0px) {
.btn-yl {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 55px;
	border: 1px solid #B26000;
	background-color: var(--white);
	border-radius: 5px;
	transition: 0.3s;
}
.btn-yl > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	color: #B26000;
	font-family: var(--yumincho);
	padding-right: 20px;
}
.btn-yl > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 5.8px;
	height: 11.83px;
	background-image: url(../images/hycellvator/icon-btn-br.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}
@media screen and (min-width:768px) {
.btn-yl:hover {
	transition: background 0.3s ease;
	background: #E8B34C;
}
.btn-yl:hover > span {
	transition: color 0.3s ease;
	color: var(--white);
}
.btn-yl:hover > span::after {
	transition: background-image 0.3s ease;
	background-image: url(../images/hycellvator/icon-btn-wh.png);
}
}
/*btn-txt*/
@media screen and (min-width:0px) {
.btn-txt {
	position: relative;
	display: block;
	/* width: 100px; */
	width: 6em;
	line-height: 24px;
	font-size: 18px;
	padding-right: 15px;
	color: var(--white);
	font-family: var(--yumincho);
	font-weight: 600;
}
.btn-txt::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 7px;
	height: 11.83px;
	background: url(../images/hycellvator/icon-btn-wh.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}
@media screen and (min-width:768px) {
.btn-txt:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
/*btn-txt-bk*/
@media screen and (min-width:0px) {
.btn-txt-bk {
	position: relative;
	display: block;
	/* width: 190px; */
	line-height: 24px;
	font-size: 17px;
	padding-right: 15px;
	color: #33271A;
	font-family: var(--yumincho);
	font-weight: 600;
}
.btn-txt-bk::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 7px;
	height: 11.83px;
	background: url(../images/hycellvator/icon-btn-bk.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}
@media screen and (min-width:768px) {
.btn-txt-bk:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
@media screen and (min-width:1025px) {
.btn-txt-bk { font-size: 20px; }
}

/*
PAGE - product
--------------------------------------------- */
@media screen and (max-width:767px) {
.product {
	display: block;
	width: 100%;
}
.product__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
/*intro*/
.product-intro {
	display: block;
	width: 100%;
}
.product-intro__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.product-intro__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.product-intro__txt {
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 25.5px;
	text-align: justify;
	word-break: break-all;
	font-family: var(--yumincho);
	margin-top: 50px;
	margin-bottom: 0;
}
.product-intro__memo {
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 25.5px;
	text-align: right;
	margin-top: 30px;
	font-family: var(--yumincho);
}
}
@media screen and (min-width:768px) {
.product {
	display: block;
	width: 100%;
}
.product__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
/*intro*/
.product-intro {
	display: block;
	width: 100%;
}
.product-intro__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.product-intro__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.product-intro__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
	margin-bottom: 0;
}
.product-intro__memo {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	text-align: right;
	margin-top: 30px;
}
}
/*lineup*/
@media screen and (max-width:767px) {
.product-lineup {
	display: block;
	width: calc(100% + 20px);
	margin-top: 80px;
	margin-left: -10px;
}
.product-lineup__wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 50px 20px;
	border-radius: 70px;
}
.product-lineup__wrap:nth-child(n+2) { margin-top: 30px; }
.product-lineup__wrap:nth-child(1) { background: linear-gradient(180deg, #E8FFFA, #CBE3FF); }
.product-lineup__wrap:nth-child(2) { background: linear-gradient(180deg, #CBE3FF, #FFF6F4); }
.product-lineup__wrap:nth-child(3) { background: linear-gradient(180deg, #FFF6F4, #FFEAEF, #FFF6F4); }
.product-lineup__wrap:nth-child(4) { background: linear-gradient(180deg, #FFEBA8, #FFF6F4); }
.product-lineup__figure {
	display: block;
	width: 100%;
}
.product-lineup__figure > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
.product-lineup__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 40px;
}
.product-lineup__wrap:nth-child(odd) .product-lineup__content { margin-left: auto; }
.product-lineup__title {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 31.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	margin: 0;
}
.product-lineup__subtitle {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	font-family: var(--yumincho);
	margin-top: 20px;
	margin-bottom: 0;
}
.product-lineup__wrap .product-lineup__subtitle { color: #00b2e8; }
/* .product-lineup__wrap:nth-child(1) .product-lineup__subtitle,
  .product-lineup__wrap:nth-child(2) .product-lineup__subtitle {
    color: #00428E;
  }
  .product-lineup__wrap:nth-child(3) .product-lineup__subtitle {
    color: #D3471E;
  }
  .product-lineup__wrap:nth-child(4) .product-lineup__subtitle {
    color: #B26000;
  } */
.product-lineup__txt {
	display: block;
	width: 100%;
	padding: 0 10px;
	margin-top: 30px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	font-family: var(--yumincho);
	line-height: 27.2px;
	text-align: justify;
	word-break: break-all;
}
.product-lineup__btns {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 40px;
}
}
@media screen and (max-width:359px) {
.product-lineup__title { font-size: 21px; }
}
@media screen and (min-width:768px) {
.product-lineup {
	display: block;
	width: 100%;
	margin-top: 80px;
}
.product-lineup__wrap {
	position: relative;
	display: block;
	width: 100%;
 padding: calc(50/1000 * 100%) calc(103/1000 * 100%) calc(40/1000 * 100%) calc(103/1000 * 100%);
	border-radius: 70px;
	min-height: 420px;
}
.product-lineup__wrap:nth-child(n+2) { margin-top: 30px; }
.product-lineup__wrap:nth-child(1) { background: linear-gradient(180deg, #E8FFFA, #CBE3FF); }
.product-lineup__wrap:nth-child(2) { background: linear-gradient(180deg, #CBE3FF, #FFF6F4); }
.product-lineup__wrap:nth-child(3) { background: linear-gradient(180deg, #FFF6F4, #FFEAEF, #FFF6F4); }
.product-lineup__wrap:nth-child(4) { background: linear-gradient(180deg, #FFEBA8, #FFF6F4); }
.product-lineup__figure {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 50%;
}
.product-lineup__wrap:nth-child(odd) .product-lineup__figure { left: calc(80/1000 * 100%);
 width: calc(380/1000 * 100%);
}
.product-lineup__wrap:nth-child(even) .product-lineup__figure { right: calc(80/1000 * 100%);
 width: calc(380/1000 * 100%);
}
.product-lineup__figure > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
.product-lineup__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 50%;
}
.product-lineup__wrap:nth-child(odd) .product-lineup__content { margin-left: auto; }
.product-lineup__title {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 30px;
	line-height: 39px;
	font-weight: 500;
	font-family: var(--yumincho);
	margin: 0;
}
.product-lineup__subtitle {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 26px;
	line-height: 28.6px;
	font-weight: 500;
	font-family: var(--yumincho);
	margin-top: 20px;
	margin-bottom: 0;
}
.product-lineup__wrap .product-lineup__subtitle { color: #00b2e8; }
/* .product-lineup__wrap:nth-child(1) .product-lineup__subtitle,
  .product-lineup__wrap:nth-child(2) .product-lineup__subtitle {
    color: #00428E;
  }
  .product-lineup__wrap:nth-child(3) .product-lineup__subtitle {
    color: #D3471E;
  }
  .product-lineup__wrap:nth-child(4) .product-lineup__subtitle {
    color: #B26000;
  } */
.product-lineup__txt {
	display: block;
	width: 100%;
	padding: 0 20px;
	margin-top: 30px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 27.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.product-lineup__btns {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 40px;
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.product-lineup__title { font-size: 24px; }
}


/*
PAGE - pf72
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
.pf72-intro {
	display: block;
	width: 100%;
	background-image: url(../images/hycellvator/bg-sp.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.pf72-intro > .container { padding: 0 0; }
.pf72-intro__body {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 80px 0;
}
.pf72-intro__block {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.pf72-intro__header {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 26px;
	font-family: var(--yumincho);
	color: var(--white);
	font-weight: 900;
	padding: 26.1px 0;
	line-height: 33.8px;
	background: linear-gradient(90deg, #00428E, #78BBD3);
	text-align: center;
}
.pf72-intro__figure {
	display: block;
	max-width: 250px;
	width: 100%;
	margin-top: 40px;
}
.pf72-intro__title {
	display: block;
	width: 100%;
	font-size: 22px;
	font-family: var(--yumincho);
	font-weight: 500;
	color: var(--blue);
	line-height: 33.8px;
	margin-top: 40px;
	margin-bottom: 0;
	text-align: justify;
	word-break: break-all;
	padding: 0 20px;
}
.pf72-intro__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	font-weight: 500;
	margin-top: 40px;
	margin-bottom: 0;
	text-align: justify;
	word-break: break-all;
	padding: 0 20px;
}
.pf72-intro__gallary {
	display: block;
	width: 100%;
	margin-top: 60px;
	padding: 0 20px;
}
.pf72-intro__gallary > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
}
@media screen and (min-width:768px) {
.pf72-intro {
	display: block;
	width: 100%;
	background-image: url(../images/hycellvator/bg-pc.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.pf72-intro__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 80px 0;
}
.pf72-intro__block {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	min-height: 449px;
 padding-top: calc(43/1000 * 100%);
}
.pf72-intro__header {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 30px;
	font-family: var(--yumincho);
	color: var(--white);
	font-weight: 900;
	padding: 30px 20px;
	line-height: 1;
	background: linear-gradient(90deg, #00428E, #78BBD3);
}
.pf72-intro__figure {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
 width: calc(380/1000 * 100%);
}
.pf72-intro__title {
	display: block;
	width: 60%;
	font-size: 24px;
	font-family: var(--yumincho);
	font-weight: 500;
	color: var(--blue);
	line-height: 33.8px;
	margin-top: 40px;
	margin-bottom: 0;
}
.pf72-intro__txt {
	display: block;
 width: calc(540/1000 * 100%);
	font-size: 16px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	font-weight: 500;
	margin-top: 40px;
	margin-bottom: 0;
	text-align: justify;
	word-break: break-all;
}
.pf72-intro__gallary {
	display: block;
	width: 100%;
	margin-top: 60px;
	padding: 0 20px;
}
.pf72-intro__gallary > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.pf72-intro__block { min-height: 326px; }
.pf72-intro__header { padding: 20px 20px; }
.pf72-intro__title { margin-top: 20px; }
.pf72-intro__txt {
 width: calc(640/1000 * 100%); margin-top: 20px; }
}
/*feature*/
@media screen and (max-width:767px) {
.pf72-feature {
	display: block;
	width: 100%;
	padding: 100px 0;
	overflow: hidden;
}
.pf72-feature__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.pf72-feature__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.pf72-feature__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.pf72-feature__wrap {
	display: block;
	width: 100%;
	margin-top: 50px;
}
.pf72-feature__box {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.pf72-feature__box:nth-child(n+2) { margin-top: 50px; }
.pf72-feature__figure {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 20px;
}
.pf72-feature__figure::after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: calc(100vw - 40px);
	height: calc(100% - 20px);
	background: linear-gradient(180deg, #E8FFFA, #CBE3FF);
}
.pf72-feature__box:nth-child(odd) .pf72-feature__figure::after { left: 20px; }
.pf72-feature__box:nth-child(even) .pf72-feature__figure::after { right: 20px; }
.pf72-feature__figure > img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	object-fit: cover;
}
.pf72-feature__content {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 40px;
}
.pf72-feature__hgroup {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.pf72-feature__subtitle {
	font-size: 16px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	color: #00428E;
	font-weight: 500;
}
.pf72-feature__title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 23px;
	font-weight: 500;
	line-height: 29.9px;
	font-family: var(--yumincho);
	color: #00428E;
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
	margin-bottom: 0;
}
.pf72-feature__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 29.9px;
	background-color: #00428E;
}
.pf72-feature__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 32px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
}
.pf72-feature__contact {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	color: var(--blue);
	font-family: var(--yumincho);
	font-weight: 500;
	line-height: 28px;
	margin-top: 30px;
}
.pf72-feature__contact > a { color: var(--blue); }
.pf72-feature__btns {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 30px;
}
.pf72-feature__btn {
	/* display: flex;
    justify-content: center;
    align-items: center;
    width: 245px;
    height: 30px; */
	background-color: #6C9FBF;
	border-radius: 10px;
	padding: 0 1em;
}
.pf72-feature__btn > span {
	position: relative;
	width: auto;
	font-size: 14px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 21px;
}
.pf72-feature__btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(../images/hycellvator/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.pf72-feature__btn:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
@media screen and (min-width:768px) {
.pf72-feature {
	display: block;
	width: 100%;
	padding: 100px 0;
	overflow: hidden;
}
.pf72-feature__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.pf72-feature__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.pf72-feature__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.pf72-feature__wrap {
	display: block;
	width: 100%;
	margin-top: 50px;
}
.pf72-feature__box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.pf72-feature__box:nth-child(odd) { flex-direction: row-reverse; }
.pf72-feature__box:nth-child(n+2) { margin-top: 50px; }
.pf72-feature__figure {
	position: relative;
	display: block;
	width: 50%;
	padding-bottom: 30px;
}
.pf72-feature__figure::after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: 50vw;
	height: calc(100% - 30px);
	background: linear-gradient(180deg, #E8FFFA, #CBE3FF);
}
.pf72-feature__box:nth-child(odd) .pf72-feature__figure::after { left: 30px; }
.pf72-feature__box:nth-child(even) .pf72-feature__figure::after { right: 30px; }
.pf72-feature__figure > img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	object-fit: cover;
}
.pf72-feature__content {
	display: flex;
	flex-direction: column;
 width: calc(450/1000 * 100%);
}
.pf72-feature__hgroup {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.pf72-feature__subtitle {
	/* font-size: 16px; */
	font-size: 20px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	color: #00428E;
	font-weight: 500;
}
.pf72-feature__title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 26px;
	font-weight: 500;
	line-height: 39px;
	font-family: var(--yumincho);
	color: #00428E;
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
	margin-bottom: 0;
}
.pf72-feature__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 39px;
	background-color: #00428E;
}
.pf72-feature__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 32px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 50px;
}
.pf72-feature__contact {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	color: var(--blue);
	font-family: var(--yumincho);
	font-weight: 500;
	line-height: 28px;
	margin-top: 35px;
}
.pf72-feature__contact > a { color: var(--blue); }
.pf72-feature__contact > a:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
.pf72-feature__btns {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: 35px;
}
.pf72-feature__btn {
	/* display: flex;
    justify-content: center;
    align-items: center;
    width: 245px;
    height: 30px; */
	background-color: #6C9FBF;
	border-radius: 10px;
	padding: 0 1em;
}
.pf72-feature__btn > span {
	position: relative;
	width: auto;
	font-size: 14px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 21px;
}
.pf72-feature__btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(../images/hycellvator/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.pf72-feature__btn:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
/*compare*/
@media screen and (max-width:767px) {
.pf72-compare {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.pf72-compare__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.pf72-compare__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.pf72-compare__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.pf72-compare__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
	margin-bottom: 0;
}
.pf72-compare__figure {
	display: block;
	width: calc(100% + 20px);
	margin-top: 50px;
	margin-left: -10px;
}
.pf72-compare__figure > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
}
@media screen and (min-width:768px) {
.pf72-compare {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.pf72-compare__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.pf72-compare__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.pf72-compare__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.pf72-compare__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
	margin-bottom: 0;
}
.pf72-compare__figure {
	display: block;
	width: 100%;
 padding: 0 calc(50/1000 * 100%);
	margin: 50px auto 0 auto;
}
.pf72-compare__figure > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
}
/*spec*/
@media screen and (max-width:767px) {
.pf72-spec {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.pf72-spec__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.pf72-spec__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.pf72-spec__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.pf72-spec__content {
	width: 100%;
	margin-top: 50px;
}
.pf72-spec__content tr th {
	display: block;
	width: 100%;
	background-color: #8490A5;
	padding: 20px 10px;
	text-align: left;
	font-size: 16px;
	color: var(--white);
	line-height: 20.8px;
	font-family: var(--yumincho);
	font-weight: 600;
}
.pf72-spec__content tr td {
	display: block;
	width: 100%;
	padding: 20px 10px;
	text-align: left;
	font-size: 18px;
	line-height: 1.8;
	font-family: var(--yumincho);
	font-weight: 500;
}
.pf72-spec__content tr td a { color: #049BDC; }
}
@media screen and (min-width:768px) {
.pf72-spec {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.pf72-spec__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.pf72-spec__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.pf72-spec__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.pf72-spec__content {
 width: calc(900/1000 * 100%);
	margin: 60px auto 0 auto;
	border-top: 1px solid #E2E8ED;
}
.pf72-spec__content tr { border-bottom: 1px solid #E2E8ED; }
.pf72-spec__content tr th {
	width: 278px;
	background-color: #8490A5;
	padding: 25px 20px;
	text-align: left;
	font-size: 16px;
	color: var(--white);
	line-height: 21px;
	font-family: var(--yumincho);
	font-weight: 600;
}
.pf72-spec__content tr td {
	width: calc(100% - 278px);
	padding: 25px 20px 25px 40px;
	text-align: left;
	font-size: 20px;
	line-height: 1.8;
	font-family: var(--yumincho);
	font-weight: 500;
}
.pf72-spec__content tr td a { color: #049BDC; }
.pf72-spec__content tr td a:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
/*use*/
@media screen and (max-width:767px) {
.pf72-use {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.pf72-use__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.pf72-use__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.pf72-use__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.pf72-use__youtube {
	display: block;
	width: 100%;
	margin: 40px auto 0 auto;
}
.pf72-use__youtube > iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	vertical-align: bottom;
}
}
@media screen and (min-width:768px) {
.pf72-use {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.pf72-use__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.pf72-use__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.pf72-use__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.pf72-use__youtube {
	display: block;
	max-width: 900px;
	width: 100%;
	margin: 50px auto 0 auto;
}
.pf72-use__youtube > iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	vertical-align: bottom;
}
}
/*manual*/
@media screen and (max-width:767px) {
.pf72-manual {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.pf72-manual__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.pf72-manual__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.pf72-manual__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.pf72-manual__content {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 60px;
}
.pf72-manual__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 320px;
	width: 100%;
	height: 57px;
	background-color: #6C9FBF;
	border-radius: 10px;
}
.pf72-manual__btn > span {
	position: relative;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 30px;
}
.pf72-manual__btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(../images/hycellvator/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.pf72-manual__btn:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
@media screen and (min-width:768px) {
.pf72-manual {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.pf72-manual__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.pf72-manual__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.pf72-manual__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.pf72-manual__content {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 60px;
}
.pf72-manual__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 320px;
	height: 57px;
	background-color: #6C9FBF;
	border-radius: 10px;
}
.pf72-manual__btn > span {
	position: relative;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 30px;
}
.pf72-manual__btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(../images/hycellvator/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.pf72-manual__btn:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
/*price*/
@media screen and (max-width:767px) {
.pf72-price {
	display: block;
	width: 100%;
	padding: 80px 0;
	background: linear-gradient(180deg, #FFF6F4, #FFEBA8);
}
.pf72-price__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.pf72-price__header {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 31.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	margin: 0;
}
.pf72-price__wrap {
	display: block;
	width: 100%;
	padding: 60px 10px;
	background-color: var(--white);
	margin-top: 50px;
}
.pf72-price__block {
	display: block;
	width: 100%;
}
.pf72-price__block:nth-child(n+2) { margin-top: 60px; }
.pf72-price__title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 23px;
	font-weight: 500;
	line-height: 34.5px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
}
.pf72-price__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 34.5px;
	background-color: #B26000;
}
.pf72-price__table {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 30px;
}
.pf72-price__table > dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	font-size: 18px;
	color: var(--white);
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	background-color: #C3B3A8;
}
.pf72-price__table > dd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	font-size: 18px;
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	border-bottom: 1px solid #C3B3A8;
	margin-left: 0;
}
.pf72-price__btns {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 40px;
}
.pf72-price__btns > a:nth-child(n+2) { margin-top: 15px; }
.pf72-download {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 270px;
	width: 100%;
	height: 55px;
	border: 1px solid #B26000;
	background-color: var(--white);
	border-radius: 5px;
	transition: 0.3s;
}
.pf72-download > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: #B26000;
	font-family: var(--gothic);
	padding-right: 30px;
}
.pf72-download > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 16.45px;
	height: 13.89px;
	background-image: url(../images/hycellvator/icon-download.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.pf72-purchase {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 270px;
	width: 100%;
	height: 55px;
	border: 1px solid #B26000;
	background-color: #B26000;
	border-radius: 5px;
	transition: 0.3s;
}
.pf72-purchase > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: var(--white);
	font-family: var(--gothic);
	padding-right: 30px;
}
.pf72-purchase > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 16.45px;
	height: 13.89px;
	background-image: url(../images/hycellvator/icon-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}
@media screen and (max-width:359px) {
.pf72-price__header { font-size: 22px; }
}
@media screen and (min-width:768px) {
.pf72-price {
	display: block;
	width: 100%;
	padding: 80px 0;
	background: linear-gradient(180deg, #FFF6F4, #FFEBA8);
}
.pf72-price__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.pf72-price__header {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	line-height: 42px;
	font-weight: 500;
	font-family: var(--yumincho);
	margin: 0;
}
.pf72-price__wrap {
	display: block;
	width: 100%;
	padding: 5% 10%;
	background-color: var(--white);
	margin-top: 50px;
}
.pf72-price__block {
	display: block;
	width: 100%;
}
.pf72-price__block:nth-child(n+2) { margin-top: 60px; }
.pf72-price__title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 26px;
	font-weight: 500;
	line-height: 39px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
}
.pf72-price__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 39px;
	background-color: #B26000;
}
.pf72-price__table {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 30px;
}
.pf72-price__table > dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	font-size: 20px;
	color: var(--white);
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	background-color: #C3B3A8;
}
.pf72-price__table > dd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	font-size: 20px;
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	border-bottom: 1px solid #C3B3A8;
	margin-left: 0;
}
.pf72-price__btns {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 40px;
}
.pf72-price__btns > a:nth-child(n+2) { margin-left: 50px; }
.pf72-download {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 55px;
	border: 1px solid #B26000;
	background-color: var(--white);
	border-radius: 5px;
	transition: 0.3s;
}
.pf72-download > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: #B26000;
	font-family: var(--gothic);
	padding-right: 30px;
}
.pf72-download > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 16.45px;
	height: 13.89px;
	background-image: url(../images/hycellvator/icon-download.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.pf72-download:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
.pf72-purchase {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 55px;
	border: 1px solid #B26000;
	background-color: #B26000;
	border-radius: 5px;
	transition: 0.3s;
}
.pf72-purchase > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: var(--white);
	font-family: var(--gothic);
	padding-right: 30px;
}
.pf72-purchase > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 16.45px;
	height: 13.89px;
	background-image: url(../images/hycellvator/icon-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.pf72-purchase:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
/*rental*/
@media screen and (max-width:767px) {
.pf72-rental {
	border-collapse: collapse;
	width: 100%;
	margin-top: 30px;
}
.pf72-rental tr th {
	height: 90px;
	font-size: 18px;
	color: var(--white);
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	background-color: #C3B3A8;
}
.pf72-rental tr th small { font-size: 12px; }
.pf72-rental tr th:first-child { width: 70px; }
.pf72-rental tr th:last-child {
	width: calc(100% - 70px);
	text-align: left;
}
.pf72-rental tr td {
	font-size: 16px;
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	padding: 15px 0;
	vertical-align: baseline;
}
.pf72-rental tr td:first-child { text-align: center; }
.pf72-rental tr td:last-child { padding-left: 10px; }
.pf72-rental tr td:last-child small {
	display: block;
	width: 100%;
	color: #939393;
	font-size: 14px;
	margin-top: 5px;
}
.pf72-rental tr:not(:first-child) { border-bottom: 1px solid #C3B3A8; }
}
@media screen and (max-width:359px) {
.pf72-rental tr td:last-child small { font-size: 13px; }
}
@media screen and (min-width:768px) {
.pf72-rental {
	border-collapse: collapse;
	width: 100%;
	margin-top: 30px;
}
.pf72-rental tr th {
	width: 50%;
	height: 55px;
	font-size: 20px;
	color: var(--white);
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	background-color: #C3B3A8;
}
.pf72-rental tr th small { font-size: 15px; }
.pf72-rental tr th:first-child { border-right: 1px solid var(--white); }
.pf72-rental tr td {
	width: 50%;
	height: 55px;
	font-size: 18px;
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
}
.pf72-rental tr td:first-child { text-align: center; }
.pf72-rental tr td:last-child { padding-left: 75px; }
.pf72-rental tr td:last-child small {
	color: #939393;
	font-size: 14px;
}
.pf72-rental tr:not(:first-child) { border-bottom: 1px solid #C3B3A8; }
}
@media screen and (min-width:768px) and (max-width:1024px) {
.pf72-rental tr td:last-child { padding-left: 45px; }
.pf72-rental tr td:last-child small {
	display: block;
	width: 100%;
	margin-top: 5px;
}
}

/*
PAGE - hx90
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
.hx90-intro {
	display: block;
	width: 100%;
	background-image: url(../images/hycellvator/bg-sp.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.hx90-intro > .container { padding: 0 0; }
.hx90-intro__body {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 80px 0;
}
.hx90-intro__block {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.hx90-intro__header {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 26px;
	font-family: var(--yumincho);
	color: var(--white);
	font-weight: 900;
	padding: 26.1px 0;
	line-height: 33.8px;
	background: linear-gradient(90deg, #00428E, #78BBD3);
	text-align: center;
}
.hx90-intro__figure {
	display: block;
	max-width: 250px;
	width: 100%;
	margin-top: 40px;
}
.hx90-intro__title {
	display: block;
	width: 100%;
	font-size: 22px;
	font-family: var(--yumincho);
	font-weight: 500;
	color: var(--blue);
	line-height: 33.8px;
	margin-top: 40px;
	margin-bottom: 0;
	text-align: justify;
	word-break: break-all;
	padding: 0 20px;
}
.hx90-intro__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	font-weight: 500;
	margin-top: 40px;
	margin-bottom: 0;
	text-align: justify;
	word-break: break-all;
	padding: 0 20px;
}
.hx90-intro__gallary {
	display: block;
	width: 100%;
	margin-top: 60px;
	padding: 0 20px;
}
.hx90-intro__gallary > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
}
@media screen and (min-width:768px) {
.hx90-intro {
	display: block;
	width: 100%;
	background-image: url(../images/hycellvator/bg-pc.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.hx90-intro__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 80px 0;
}
.hx90-intro__block {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	min-height: 449px;
 padding-top: calc(43/1000 * 100%);
}
.hx90-intro__header {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 30px;
	font-family: var(--yumincho);
	color: var(--white);
	font-weight: 900;
	padding: 30px 20px;
	line-height: 1;
	background: linear-gradient(90deg, #00428E, #78BBD3);
}
.hx90-intro__figure {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
 width: calc(380/1000 * 100%);
}
.hx90-intro__title {
	display: block;
	width: 60%;
	font-size: 24px;
	font-family: var(--yumincho);
	font-weight: 500;
	color: var(--blue);
	line-height: 33.8px;
	margin-top: 40px;
	margin-bottom: 0;
}
.hx90-intro__txt {
	display: block;
    /* width: calc(540/1000 * 100%); */
    width: calc(590/1000 * 100%);
	font-size: 16px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	font-weight: 500;
	margin-top: 40px;
	margin-bottom: 0;
	text-align: justify;
	word-break: break-all;
}
.hx90-intro__gallary {
	display: block;
	width: 100%;
	margin-top: 60px;
	padding: 0 20px;
}
.hx90-intro__gallary > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.hx90-intro__block { min-height: 326px; }
.hx90-intro__header { padding: 20px 20px; }
.hx90-intro__title { margin-top: 20px; }
.hx90-intro__txt {
 width: calc(640/1000 * 100%); margin-top: 20px; }
}
/*feature*/
@media screen and (max-width:767px) {
.hx90-feature {
	display: block;
	width: 100%;
	padding: 100px 0;
	overflow: hidden;
}
.hx90-feature__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.hx90-feature__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.hx90-feature__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.hx90-feature__wrap {
	display: block;
	width: 100%;
	margin-top: 50px;
}
.hx90-feature__box {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.hx90-feature__box:nth-child(n+2) { margin-top: 50px; }
.hx90-feature__figure {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 20px;
}
.hx90-feature__figure::after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: calc(100vw - 40px);
	height: calc(100% - 20px);
	background: linear-gradient(180deg, #E8FFFA, #CBE3FF);
}
.hx90-feature__box:nth-child(odd) .hx90-feature__figure::after { left: 20px; }
.hx90-feature__box:nth-child(even) .hx90-feature__figure::after { right: 20px; }
.hx90-feature__figure > img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	object-fit: cover;
}
.hx90-feature__content {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 40px;
}
.hx90-feature__hgroup {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.hx90-feature__subtitle {
	font-size: 16px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	color: #00428E;
	font-weight: 500;
}
.hx90-feature__title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 23px;
	font-weight: 500;
	line-height: 29.9px;
	font-family: var(--yumincho);
	color: #00428E;
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
	margin-bottom: 0;
}
.hx90-feature__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 29.9px;
	background-color: #00428E;
}
.hx90-feature__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 32px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
	margin-bottom: 0;
}
.hx90-feature__contact {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	color: var(--blue);
	font-family: var(--yumincho);
	font-weight: 500;
	line-height: 28px;
	margin-top: 30px;
}
.hx90-feature__contact > a { color: var(--blue); }
.hx90-feature__btns {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 30px;
}
.hx90-feature__btn {
	/* display: flex;
    justify-content: center;
    align-items: center;
    width: 245px;
    height: 30px; */
	background-color: #6C9FBF;
	border-radius: 10px;
	padding: 0 1em;
}
.hx90-feature__btn > span {
	position: relative;
	width: auto;
	font-size: 14px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 21px;
}
.hx90-feature__btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(../images/hycellvator/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.hx90-feature__btn:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
@media screen and (min-width:768px) {
.hx90-feature {
	display: block;
	width: 100%;
	padding: 100px 0;
	overflow: hidden;
}
.hx90-feature__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.hx90-feature__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.hx90-feature__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.hx90-feature__wrap {
	display: block;
	width: 100%;
	margin-top: 50px;
}
.hx90-feature__box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.hx90-feature__box:nth-child(odd) { flex-direction: row-reverse; }
.hx90-feature__box:nth-child(n+2) { margin-top: 50px; }
.hx90-feature__figure {
	position: relative;
	display: block;
	width: 50%;
	padding-bottom: 30px;
}
.hx90-feature__figure::after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: 50vw;
	height: calc(100% - 30px);
	background: linear-gradient(180deg, #E8FFFA, #CBE3FF);
}
.hx90-feature__box:nth-child(odd) .hx90-feature__figure::after { left: 30px; }
.hx90-feature__box:nth-child(even) .hx90-feature__figure::after { right: 30px; }
.hx90-feature__figure > img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	object-fit: cover;
}
.hx90-feature__content {
	display: flex;
	flex-direction: column;
 width: calc(450/1000 * 100%);
}
.hx90-feature__hgroup {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.hx90-feature__subtitle {
	/* font-size: 16px; */
	font-size: 20px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	color: #00428E;
	font-weight: 500;
}
.hx90-feature__title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 26px;
	font-weight: 500;
	line-height: 39px;
	font-family: var(--yumincho);
	color: #00428E;
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
	margin-bottom: 0;
}
.hx90-feature__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 39px;
	background-color: #00428E;
}
.hx90-feature__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 32px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 50px;
	margin-bottom: 0;
}
.hx90-feature__contact {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	color: var(--blue);
	font-family: var(--yumincho);
	font-weight: 500;
	line-height: 28px;
	margin-top: 35px;
}
.hx90-feature__contact > a { color: var(--blue); }
.hx90-feature__contact > a:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
.hx90-feature__btns {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: 35px;
}
.hx90-feature__btn {
	/* display: flex;
    justify-content: center;
    align-items: center;
    width: 245px;
    height: 30px; */
	background-color: #6C9FBF;
	border-radius: 10px;
	padding: 0 1em;
}
.hx90-feature__btn > span {
	position: relative;
	width: auto;
	font-size: 14px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 21px;
}
.hx90-feature__btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(../images/hycellvator/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.hx90-feature__btn:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
/*spec*/
@media screen and (max-width:767px) {
.hx90-spec {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.hx90-spec__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.hx90-spec__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.hx90-spec__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.hx90-spec__content {
	width: 100%;
	margin-top: 50px;
}
.hx90-spec__content tr th {
	display: block;
	width: 100%;
	background-color: #8490A5;
	padding: 20px 10px;
	text-align: left;
	font-size: 16px;
	color: var(--white);
	line-height: 20.8px;
	font-family: var(--yumincho);
	font-weight: 600;
}
.hx90-spec__content tr td {
	display: block;
	width: 100%;
	padding: 20px 10px;
	text-align: left;
	font-size: 16px;
	line-height: 20.8px;
	font-family: var(--yumincho);
	font-weight: 500;
}
.hx90-spec__content tr td a { color: #049BDC; }
}
@media screen and (min-width:768px) {
.hx90-spec {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.hx90-spec__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.hx90-spec__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.hx90-spec__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.hx90-spec__content {
 width: calc(900/1000 * 100%);
	margin: 60px auto 0 auto;
	border-top: 1px solid #E2E8ED;
}
.hx90-spec__content tr { border-bottom: 1px solid #E2E8ED; }
.hx90-spec__content tr th {
	width: 278px;
	background-color: #8490A5;
	padding: 25px 20px;
	text-align: left;
	font-size: 16px;
	color: var(--white);
	line-height: 21px;
	font-family: var(--yumincho);
	font-weight: 600;
}
.hx90-spec__content tr td {
	width: calc(100% - 278px);
	padding: 25px 20px 25px 40px;
	text-align: left;
	font-size: 20px;
	line-height: 21px;
	font-family: var(--yumincho);
	font-weight: 500;
}
.hx90-spec__content tr td a { color: #049BDC; }
.hx90-spec__content tr td a:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
/*manual*/
@media screen and (max-width:767px) {
.hx90-manual {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.hx90-manual__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.hx90-manual__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.hx90-manual__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.hx90-manual__content {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 60px;
}
.hx90-manual__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 320px;
	width: 100%;
	height: 57px;
	background-color: #6C9FBF;
	border-radius: 10px;
}
.hx90-manual__btn > span {
	position: relative;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 30px;
}
.hx90-manual__btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(../images/hycellvator/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.hx90-manual__btn:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
@media screen and (min-width:768px) {
.hx90-manual {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.hx90-manual__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.hx90-manual__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.hx90-manual__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.hx90-manual__content {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 60px;
}
.hx90-manual__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 320px;
	height: 57px;
	background-color: #6C9FBF;
	border-radius: 10px;
}
.hx90-manual__btn > span {
	position: relative;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 30px;
}
.hx90-manual__btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(../images/hycellvator/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.hx90-manual__btn:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
/*price*/
@media screen and (max-width:767px) {
.hx90-price {
	display: block;
	width: 100%;
	padding: 80px 0;
	background: linear-gradient(180deg, #FFF6F4, #FFEAEF);
}
.hx90-price__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.hx90-price__header {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 31.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	margin: 0;
}
.hx90-price__wrap {
	display: block;
	width: 100%;
	padding: 60px 10px;
	background-color: var(--white);
	margin-top: 50px;
}
.hx90-price__block {
	display: block;
	width: 100%;
}
.hx90-price__block:nth-child(n+2) { margin-top: 60px; }
.hx90-price__title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 23px;
	font-weight: 500;
	line-height: 34.5px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
}
.hx90-price__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 34.5px;
	background-color: #B26000;
}
.hx90-price__table {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 30px;
}
.hx90-price__table > dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	font-size: 18px;
	color: var(--white);
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	background-color: #C3B3A8;
}
.hx90-price__table > dd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	font-size: 18px;
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	border-bottom: 1px solid #C3B3A8;
}
.hx90-price__btns {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 40px;
}
.hx90-price__btns > a:nth-child(n+2) { margin-top: 15px; }
.hx90-download {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 270px;
	width: 100%;
	height: 55px;
	border: 1px solid #D3471E;
	background-color: var(--white);
	border-radius: 5px;
	transition: 0.3s;
}
.hx90-download > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: #D3471E;
	font-family: var(--gothic);
	padding-right: 30px;
}
.hx90-download > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 16.45px;
	height: 13.89px;
	background-image: url(../images/hycellvator/icon-download.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.hx90-purchase {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 270px;
	width: 100%;
	height: 55px;
	border: 1px solid #C94620;
	background-color: #C94620;
	border-radius: 5px;
	transition: 0.3s;
}
.hx90-purchase > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: var(--white);
	font-family: var(--gothic);
	padding-right: 30px;
}
.hx90-purchase > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 16.45px;
	height: 13.89px;
	background-image: url(../images/hycellvator/icon-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}
@media screen and (max-width:359px) {
.hx90-price__header { font-size: 22px; }
}
@media screen and (min-width:768px) {
.hx90-price {
	display: block;
	width: 100%;
	padding: 80px 0;
	background: linear-gradient(180deg, #FFF6F4, #FFEAEF);
}
.hx90-price__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.hx90-price__header {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	line-height: 42px;
	font-weight: 500;
	font-family: var(--yumincho);
	margin: 0;
}
.hx90-price__wrap {
	display: block;
	width: 100%;
 padding: calc(60/1140 * 100%) calc(120/1140 * 100%);
	background-color: var(--white);
	margin-top: 50px;
}
.hx90-price__block {
	display: block;
	width: 100%;
}
.hx90-price__block:nth-child(n+2) { margin-top: 60px; }
.hx90-price__title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 26px;
	font-weight: 500;
	line-height: 39px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
}
.hx90-price__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 39px;
	background-color: #B26000;
}
.hx90-price__table {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 30px;
}
.hx90-price__table > dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	font-size: 18px;
	color: var(--white);
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	background-color: #C3B3A8;
}
.hx90-price__table > dd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	font-size: 20px;
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	border-bottom: 1px solid #C3B3A8;
}
.hx90-price__btns {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 40px;
}
.hx90-price__btns > a:nth-child(n+2) { margin-left: 50px; }
.hx90-download {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 55px;
	border: 1px solid #D3471E;
	background-color: var(--white);
	border-radius: 5px;
	transition: 0.3s;
}
.hx90-download > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: #D3471E;
	font-family: var(--gothic);
	padding-right: 30px;
}
.hx90-download > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 16.45px;
	height: 13.89px;
	background-image: url(../images/hycellvator/icon-download.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.hx90-download:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
/*.hx90-download:hover {
    transition: background 0.3s ease;
    background: #D3471E;
  }
 .hx90-download:hover > span{
    transition: color 0.3s ease;
    color: var(--white);
  }
  .hx90-download:hover > span::after {
    transition: background-image 0.3s ease;
    background-image: url(../images/hycellvator/icon-download-wh.png);
  }*/
.hx90-purchase {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 55px;
	border: 1px solid #C94620;
	background-color: #C94620;
	border-radius: 5px;
	transition: 0.3s;
}
.hx90-purchase > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: var(--white);
	font-family: var(--gothic);
	padding-right: 30px;
}
.hx90-purchase > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 16.45px;
	height: 13.89px;
	background-image: url(../images/hycellvator/icon-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.hx90-purchase:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
/*
  .hx90-purchase:hover {
    transition: background-color 0.3s ease,border 0.3s ease;
    background-color: #D3471E;
    border: 1px solid #D3471E;
  }*/
}
/*rental*/
@media screen and (max-width:767px) {
.hx90-rental {
	border-collapse: collapse;
	width: 100%;
	margin-top: 30px;
}
.hx90-rental tr th {
	height: 90px;
	font-size: 16px;
	color: var(--white);
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	background-color: #C3B3A8;
}
.hx90-rental tr th small { font-size: 12px; }
.hx90-rental tr th:first-child { width: 70px; }
.hx90-rental tr th:last-child {
	width: calc(100% - 70px);
	text-align: left;
}
.hx90-rental tr td {
	font-size: 16px;
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	padding: 15px 0;
	vertical-align: baseline;
}
.hx90-rental tr td:first-child { text-align: center; }
.hx90-rental tr td:last-child { padding-left: 10px; }
.hx90-rental tr td:last-child small {
	display: block;
	width: 100%;
	color: #939393;
	font-size: 14px;
	margin-top: 5px;
}
.hx90-rental tr:not(:first-child) { border-bottom: 1px solid #C3B3A8; }
}
@media screen and (max-width:359px) {
.hx90-rental tr td:last-child small { font-size: 13px; }
}
@media screen and (min-width:768px) {
.hx90-rental {
	border-collapse: collapse;
	width: 100%;
	margin-top: 30px;
}
.hx90-rental tr th {
	width: 50%;
	height: 55px;
	font-size: 18px;
	color: var(--white);
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	background-color: #C3B3A8;
}
.hx90-rental tr th small { font-size: 15px; }
.hx90-rental tr th:first-child { border-right: 1px solid var(--white); }
.hx90-rental tr td {
	width: 50%;
	height: 55px;
	font-size: 18px;
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
}
.hx90-rental tr td:first-child { text-align: center; }
.hx90-rental tr td:last-child { padding-left: 75px; }
.hx90-rental tr td:last-child small {
	color: #939393;
	font-size: 14px;
}
.hx90-rental tr:not(:first-child) { border-bottom: 1px solid #C3B3A8; }
}
@media screen and (min-width:768px) and (max-width:1024px) {
.hx90-rental tr td:last-child { padding-left: 45px; }
.hx90-rental tr td:last-child small {
	display: block;
	width: 100%;
	margin-top: 5px;
}
}

/*
PAGE - et120
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
.et120-intro {
	display: block;
	width: 100%;
	background-image: url(../images/hycellvator/bg-sp.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.et120-intro > .container { padding: 0 0; }
.et120-intro__body {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 80px 0;
}
.et120-intro__block {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.et120-intro__header {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 26px;
	font-family: var(--yumincho);
	color: var(--white);
	font-weight: 900;
	padding: 26.1px 0;
	line-height: 33.8px;
	background: linear-gradient(90deg, #00428E, #78BBD3);
	text-align: center;
}
.et120-intro__figure {
	display: block;
	max-width: 250px;
	width: 100%;
	margin-top: 40px;
}
.et120-intro__title {
	display: block;
	width: 100%;
	font-size: 22px;
	font-family: var(--yumincho);
	font-weight: 500;
	color: var(--blue);
	line-height: 33.8px;
	margin-top: 40px;
	margin-bottom: 0;
	text-align: justify;
	word-break: break-all;
	padding: 0 20px;
}
.et120-intro__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	font-weight: 500;
	margin-top: 40px;
	margin-bottom: 0;
	text-align: justify;
	word-break: break-all;
	padding: 0 20px;
}
.et120-intro__gallary {
	display: block;
	width: 100%;
	margin-top: 60px;
	padding: 0 20px;
}
.et120-intro__gallary > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
}
@media screen and (min-width:768px) {
.et120-intro {
	display: block;
	width: 100%;
	background-image: url(../images/hycellvator/bg-pc.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.et120-intro__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 60px 0 80px 0;
}
.et120-intro__block {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	min-height: 449px;
 padding-top: calc(43/1000 * 100%);
}
.et120-intro__header {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 30px;
	font-family: var(--yumincho);
	color: var(--white);
	font-weight: 900;
	padding: 30px 20px;
	line-height: 1;
	background: linear-gradient(90deg, #00428E, #78BBD3);
}
.et120-intro__figure {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
 width: calc(380/1000 * 100%);
}
.et120-intro__title {
	display: block;
	width: 60%;
	font-size: 24px;
	font-family: var(--yumincho);
	font-weight: 500;
	color: var(--blue);
	line-height: 33.8px;
	margin-top: 40px;
	margin-bottom: 0;
}
.et120-intro__txt {
	display: block;
 width: calc(540/1000 * 100%);
	/* font-size: 16px;
    line-height: 27.2px; */
	font-size: 20px;
	line-height: 2;
	font-family: var(--yumincho);
	font-weight: 500;
	margin-top: 40px;
	margin-bottom: 0;
	text-align: justify;
	word-break: break-all;
}
.et120-intro__gallary {
	display: block;
	width: 100%;
	margin-top: 60px;
	padding: 0 20px;
}
.et120-intro__gallary > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.et120-intro__block { min-height: 326px; }
.et120-intro__header { padding: 20px 20px; }
.et120-intro__title { margin-top: 20px; }
.et120-intro__txt {
 width: calc(640/1000 * 100%); margin-top: 20px; }
}


/*feature*/
@media screen and (max-width:767px) {
.et120-feature {
	display: block;
	width: 100%;
	padding: 100px 0 0;
	overflow: hidden;
}
.et120-feature__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.et120-feature__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.et120-feature__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.et120-feature__wrap {
	display: block;
	width: 100%;
	margin-top: 50px;
}
.et120-feature__box {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.et120-feature__box:nth-child(n+2) { margin-top: 50px; }
.et120-feature__figure {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 20px;
}
.et120-feature__figure::after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: calc(100vw - 40px);
	height: calc(100% - 20px);
	background: linear-gradient(180deg, #E8FFFA, #CBE3FF);
}
.et120-feature__box:nth-child(odd) .et120-feature__figure::after { left: 20px; }
.et120-feature__box:nth-child(even) .et120-feature__figure::after { right: 20px; }
.et120-feature__figure > img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	object-fit: cover;
}
.et120-feature__content {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 40px;
}
.et120-feature__hgroup {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.et120-feature__subtitle {
	font-size: 16px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	color: #00428E;
	font-weight: 500;
}
.et120-feature__title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 23px;
	font-weight: 500;
	line-height: 29.9px;
	font-family: var(--yumincho);
	color: #00428E;
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
	margin-bottom: 0;
}
.et120-feature__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 29.9px;
	background-color: #00428E;
}
.et120-feature__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 32px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
	margin-bottom: 0;
}
.et120-feature__contact {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	color: var(--blue);
	font-family: var(--yumincho);
	font-weight: 500;
	line-height: 28px;
	margin-top: 30px;
}
.et120-feature__contact > a { color: var(--blue); }
.et120-feature__btns {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 30px;
}
.et120-feature__btn {
	/* display: flex;
    justify-content: center;
    align-items: center;
    width: 245px;
    height: 30px; */
	background-color: #6C9FBF;
	border-radius: 10px;
	padding: 0 1em;
}
.et120-feature__btn > span {
	position: relative;
	width: auto;
	font-size: 14px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 21px;
}
.et120-feature__btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(../images/hycellvator/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.et120-feature__btn:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
@media screen and (min-width:768px) {
.et120-feature {
	display: block;
	width: 100%;
	padding: 100px 0;
	overflow: hidden;
}
.et120-feature__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.et120-feature__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.et120-feature__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.et120-feature__wrap {
	display: block;
	width: 100%;
	margin-top: 50px;
}
.et120-feature__box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.et120-feature__box:nth-child(odd) { flex-direction: row-reverse; }
.et120-feature__box:nth-child(n+2) { margin-top: 50px; }
.et120-feature__figure {
	position: relative;
	display: block;
	width: 50%;
	padding-bottom: 30px;
}
.et120-feature__figure::after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: 50vw;
	height: calc(100% - 30px);
	background: linear-gradient(180deg, #E8FFFA, #CBE3FF);
}
.et120-feature__box:nth-child(odd) .et120-feature__figure::after { left: 30px; }
.et120-feature__box:nth-child(even) .et120-feature__figure::after { right: 30px; }
.et120-feature__figure > img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	object-fit: cover;
}
.et120-feature__content {
	display: flex;
	flex-direction: column;
 width: calc(450/1000 * 100%);
}
.et120-feature__hgroup {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.et120-feature__subtitle {
	/* font-size: 16px; */
	font-size: 20px;
	line-height: 27.2px;
	font-family: var(--yumincho);
	color: #00428E;
	font-weight: 500;
}
.et120-feature__title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 26px;
	font-weight: 500;
	line-height: 39px;
	font-family: var(--yumincho);
	color: #00428E;
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
	margin-bottom: 0;
}
.et120-feature__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 39px;
	background-color: #00428E;
}
.et120-feature__txt {
	display: block;
	width: 100%;
	/* font-size: 16px;
    line-height: 32px; */
	font-size: 20px;
	line-height: 2;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 50px;
	margin-bottom: 0;
}
.et120-feature__contact {
	display: block;
	width: 100%;
	/* font-size: 16px;
    line-height: 28px; */
	font-size: 20px;
	line-height: 2;
	font-weight: 500;
	color: var(--blue);
	font-family: var(--yumincho);
	font-weight: 500;
	margin-top: 35px;
}
.et120-feature__contact > a { color: var(--blue); }
.et120-feature__contact > a:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
.et120-feature__btns {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: 35px;
}
.et120-feature__btn {
	/* display: flex;
    justify-content: center;
    align-items: center;
    width: 245px;
    height: 30px; */
	background-color: #6C9FBF;
	border-radius: 10px;
	padding: 0 1em;
}
.et120-feature__btn > span {
	position: relative;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 21px;
}
.et120-feature__btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(../images/hycellvator/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.et120-feature__btn:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}

/*compare*/
@media screen and (max-width:767px) {
.et120-compare {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.et120-compare__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.et120-compare__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.et120-compare__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.et120-compare__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
}
.et120-compare__figure {
	display: block;
	/* width: calc(100% + 20px); */
	width: calc(100% - 40px);
	/* margin-top: 50px;
    margin-left: -10px; */
	margin: 50px auto 0;
}
.et120-compare__figure > img { /* display: block; */ width: 100%;/* object-fit: cover; */ }
}
@media screen and (min-width:768px) {
.et120-compare {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.et120-compare__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.et120-compare__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.et120-compare__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.et120-compare__txt {
	display: block;
	width: 100%;
	/* font-size: 16px;
    line-height: 27.2px; */
	font-size: 20px;
	line-height: 2;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
}
.et120-compare__figure {
	display: block;
	/* width: 100%;
    padding: 0 calc(50/1000 * 100%); */
	margin: 50px auto 0 auto;
	max-width: 700px;
	width: calc(100% - 40px);
}
.et120-compare__figure > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
}
/*spec*/
@media screen and (max-width:767px) {
.et120-spec {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.et120-spec__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.et120-spec__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.et120-spec__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.et120-spec__content {
	width: 100%;
	margin-top: 50px;
}
.et120-spec__content tr th {
	display: block;
	width: 100%;
	background-color: #8490A5;
	padding: 20px 10px;
	text-align: left;
	font-size: 16px;
	color: var(--white);
	line-height: 20.8px;
	font-family: var(--yumincho);
	font-weight: 600;
}
.et120-spec__content tr td {
	display: block;
	width: 100%;
	padding: 20px 10px;
	text-align: left;
	font-size: 16px;
	line-height: 20.8px;
	font-family: var(--yumincho);
	font-weight: 500;
}
}
@media screen and (min-width:768px) {
.et120-spec {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.et120-spec__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.et120-spec__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.et120-spec__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.et120-spec__content {
 width: calc(900/1000 * 100%);
	margin: 60px auto 0 auto;
	border-top: 1px solid #E2E8ED;
}
.et120-spec__content tr { border-bottom: 1px solid #E2E8ED; }
.et120-spec__content tr th {
	width: 278px;
	background-color: #8490A5;
	padding: 25px 20px;
	text-align: left;
	/* font-size: 16px;
    line-height: 21px; */
	font-size: 20px;
	line-height: 2;
	color: var(--white);
	font-family: var(--yumincho);
	font-weight: 600;
}
.et120-spec__content tr td {
	width: calc(100% - 278px);
	padding: 25px 20px 25px 40px;
	text-align: left;
	/* font-size: 16px;
    line-height: 21px; */
	font-size: 20px;
	line-height: 2;
	font-family: var(--yumincho);
	font-weight: 500;
}
}
/*manual*/
@media screen and (max-width:767px) {
.et120-manual {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.et120-manual__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.et120-manual__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.et120-manual__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.et120-manual__content {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 60px;
}
.et120-manual__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 320px;
	width: 100%;
	height: 57px;
	background-color: #6C9FBF;
	border-radius: 10px;
}
.et120-manual__btn > span {
	position: relative;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 30px;
}
.et120-manual__btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(../images/hycellvator/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.et120-manual__btn:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
@media screen and (min-width:768px) {
.et120-manual {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.et120-manual__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.et120-manual__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.et120-manual__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.et120-manual__content {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 60px;
}
.et120-manual__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 320px;
	height: 57px;
	background-color: #6C9FBF;
	border-radius: 10px;
}
.et120-manual__btn > span {
	position: relative;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 30px;
}
.et120-manual__btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(../images/hycellvator/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.et120-manual__btn:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
/*price*/
@media screen and (max-width:767px) {
.et120-price {
	display: block;
	width: 100%;
	padding: 80px 0;
	background: linear-gradient(180deg, #E8FFFA, #CBE3FF);
}
.et120-price__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.et120-price__header {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 31.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	margin: 0;
}
.et120-price__wrap {
	display: block;
	width: 100%;
	padding: 60px 10px;
	background-color: var(--white);
	margin-top: 50px;
}
.et120-price__block {
	display: block;
	width: 100%;
}
.et120-price__block:nth-child(n+2) { margin-top: 60px; }
.et120-price__title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 23px;
	font-weight: 500;
	line-height: 34.5px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
}
.et120-price__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 34.5px;
	background-color: #00428E;
}
.et120-price__table {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 30px;
}
.et120-price__table > dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	font-size: 18px;
	color: var(--white);
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	background-color: #78BBD3;
}
.et120-price__table > dd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	font-size: 16px;
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	border-bottom: 1px solid #78BBD3;
}
.et120-price__btns {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 40px;
}
.et120-price__btns > a:nth-child(n+2) { margin-top: 15px; }
.btn-download {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 270px;
	width: 100%;
	height: 55px;
	border: 1px solid var(--blue);
	background-color: var(--white);
	border-radius: 5px;
	transition: 0.3s;
}
.btn-download > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: var(--blue);
	font-family: var(--gothic);
	padding-right: 30px;
}
.btn-download > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 16.45px;
	height: 13.89px;
	background-image: url(../images/hycellvator/icon-download.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.btn-purchase {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 270px;
	width: 100%;
	height: 55px;
	border: 1px solid var(--blue);
	background-color: var(--blue);
	border-radius: 5px;
	transition: 0.3s;
}
.btn-purchase > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: var(--white);
	font-family: var(--gothic);
	padding-right: 30px;
}
.btn-purchase > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 16.45px;
	height: 13.89px;
	background-image: url(../images/hycellvator/icon-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.et120-price__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
	word-break: break-all;
	font-weight: 500;
	font-family: var(--yumincho);
	margin-top: 30px;
}
}
@media screen and (max-width:359px) {
.et120-price__header { font-size: 22px; }
}
@media screen and (min-width:768px) {
.et120-price {
	display: block;
	width: 100%;
	padding: 80px 0;
	background: linear-gradient(180deg, #E8FFFA, #CBE3FF);
}
.et120-price__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.et120-price__header {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	line-height: 42px;
	font-weight: 500;
	font-family: var(--yumincho);
	margin: 0;
}
.et120-price__wrap {
	display: block;
	width: 100%;
 padding: calc(60/1140 * 100%) calc(120/1140 * 100%);
	background-color: var(--white);
	margin-top: 50px;
}
.et120-price__block {
	display: block;
	width: 100%;
}
.et120-price__block:nth-child(n+2) { margin-top: 60px; }
.et120-price__title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 26px;
	font-weight: 500;
	line-height: 39px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
}
.et120-price__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 39px;
	background-color: #00428E;
}
.et120-price__table {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 30px;
}
.et120-price__table > dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	/* font-size: 18px; */
	font-size: 20px;
	color: var(--white);
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	background-color: #78BBD3;
}
.et120-price__table > dd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	/* font-size: 14px; */
	font-size: 20px;
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 1;
	border-bottom: 1px solid #78BBD3;
}
.et120-price__btns {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 40px;
}
.et120-price__btns > a:nth-child(n+2) { margin-left: 50px; }
.btn-download {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 55px;
	border: 1px solid var(--blue);
	background-color: var(--white);
	border-radius: 5px;
	transition: 0.3s;
}
.btn-download > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: var(--blue);
	font-family: var(--gothic);
	padding-right: 30px;
}
.btn-download > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 16.45px;
	height: 13.89px;
	background-image: url(../images/hycellvator/icon-download.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.btn-download:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
.btn-purchase {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 55px;
	border: 1px solid var(--blue);
	background-color: var(--blue);
	border-radius: 5px;
	transition: 0.3s;
}
.btn-purchase > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: var(--white);
	font-family: var(--gothic);
	padding-right: 30px;
}
.btn-purchase > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 16.45px;
	height: 13.89px;
	background-image: url(../images/hycellvator/icon-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.btn-purchase:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
.et120-price__txt {
	display: block;
	width: 100%;
	/* font-size: 16px;
    line-height: 22px; */
	font-size: 20px;
	line-height: 2;
	text-align: justify;
	word-break: break-all;
	font-weight: 500;
	font-family: var(--yumincho);
	margin-top: 30px;
}
}
/* HX1600製品ページ */
/*●●●●●●　merit　●●●●●●*/
.merit {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS P Mincho", "Times New Roman", serif;
	max-width: 1000px;
	margin: -75px auto 0 auto;
}
.merit ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.merit ul li:first-child { margin-top: 0px; }
.merit ul li .merit_head {
	margin-bottom: 8px;
	padding: 2px 0 5px 10px;
	font-size: 26px;
	color: #00428E;
	 line-height: 1.2;
	border-left: 5px solid #00428E;
}
.merit ul li figure {
	margin-top: 16px;
	padding: 20px 18px;
	background-color: #fff;
}
.btn.btn_merit a {
	padding: 12px 22px 14px 5px;
	font-weight: bold;
	position: relative;
}
.btn.btn_merit a::after {
	content: '';
	display: inline-block;
	margin-left: 12px;
	width: 15px;
	height: 15px;
	background: url("../img/btn_icon.png") no-repeat center;
	background-size: contain;
	position: absolute;
	top: 49%;
	transform: translate(-50%, -50%);
}
.item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.text,
.item img { width: 50%; }
.text {
	font-size: 20px;
	line-height: 2.2rem;
	padding: 0 30px 0 0;
}
.item img {
	max-width: 100%;
	height: auto;
	border: 1px solid #cacaca;
	margin-top: 50px;
}
.merit table {
	margin-top: 35px;
	width: 100%;
	border-collapse: collapse;
	background: rgba(255, 255, 255, 0.5);
}
.merit td {
	width: 50%;
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #00428e;
	border-bottom: 1px solid #00428e;
	border-left: none;
	border-right: none;
	color: #00428e;
}
/*●●●●●●　warranty　●●●●●●*/
.et120-hosho {
	margin: 0 auto 0 auto;
	padding: 0 0 50px 0;
	width: 100%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS P Mincho", "Times New Roman", serif;
}
.hosho-header {
	max-width: 1000px;
	margin: 10px auto;
}
.warranty h4 {
	color: #00428e;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.et120-hosho p {
	font-size: 20px;
	margin: 50px 0;
}
.wacontainer {
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 20px;
	max-width: 960px;
	margin: 20px auto;
	padding: 0 20px;
}
.wabox {
	text-align: left;
	width: auto;
	font-size: 20px;
}
.wa1,
.wa2 {
	font-size: 20px !important;
	font-weight: 500;
}
.wa1 span {
	font-size: 26px;
	margin-right: 7px;
	line-height: 0;
	vertical-align: -4px;
	color: #0057aa;
}
.wa2 span {
	font-size: 26px;
	margin-right: 7px;
	vertical-align: -4px;
	line-height: 0;
	color: #008f84;
}
.wabox .kome {
	margin-top: 18px;
	float: right;
}
@media (max-width: 767px) {
.pc-only { display: none; }
.item { flex-direction: column; }
.text,
.item img {
	width: 100%;
	margin: -50px 0 100px 0;
}
.item img {
	width: 100%;
	margin: 15px 0 70px 0;
}
.text {
	font-size: 20px;
	margin: 0 0 0 0;
}
/*●●●●●●　product　●●●●●●*/
.product .product_name { text-align: center; }
.product .product_name_sub { text-align: center; }
.product figure {
	width: 80%;
	margin: -40px auto -25px auto;
}
/*●●●●●●　warranty　●●●●●●*/
.wacontainer { grid-template-columns: repeat(1, auto); }
}
/*----------　431px以上　----------*/
@media (min-width: 431px) {
.sp-only { display: none; }
}

/*
PAGE - faq
--------------------------------------------- */
@media screen and (max-width:767px) {
.page-contents.page-faq { background-color: #F8FAFF; }
.faq {
	display: block;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 100px;
}
.faq__body {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.faq-box {
	display: block;
	width: 100%;
}
.faq-box:nth-child(n+2) { margin-top: 30px; }
.faq__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 37.5px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin: 0;
}
.faq__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.faq-list {
	display: block;
	width: 100%;
	margin-top: 50px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.faq-list > li {
	display: block;
	width: 100%;
	background-color: var(--white);
	padding: 15px 0;
}
.faq-list > li:nth-child(n+2) { margin-top: 30px; }
.faq-list > li > .question {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 45px;
	padding: 10px 30px 10px 57px;
	/* font-size: 16px;
    line-height: 24px; */
	font-size: 18px;
	line-height: 1.4;
	font-family: var(--yumincho);
	font-weight: 500;
	text-align: justify;
	word-break: break-all;
	color: var(--blue);
}
.faq-list > li > .question::before {
	content: "Q";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	background-color: var(--blue);
	color: var(--white);
	font-family: var(--yumincho);
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
}
.faq-list > li > .question > i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 20px;
	height: 20px;
}
.faq-list > li > .question > i::before,
 .faq-list > li > .question > i::after {
	content: "";
	position: absolute;
	transform: translate(-50%, -50%);
	display: block;
	background: var(--blue);
}
.faq-list > li > .question > i::before {
	top: 50%;
	left: 50%;
	width: 100%;
	height: 2px;
}
.faq-list > li > .question > i::after {
	top: calc(50% - 0.035rem);
	left: calc(50% - 0.045rem);
	width: 100%;
	height: 2px;
	transform: rotate(90deg) translate(-50%, -50%);
	transform-origin: 0 50%;
	transition: 0.3s ease;
}
.faq-list > li > .question.active > i::after {
	top: 50%;
	left: 50%;
	transform: rotate(0deg) translate(-50%, -50%);
	transform-origin: 0 0%;
}
.faq-list > li > .answer {
	position: relative;
	display: none;
	width: 100%;
	padding: 25px 10px 0 57px;
	border-top: 1px solid #E2E8ED;
	margin-top: 15px;
}
.faq-list > li > .answer::before {
	content: "A";
	position: absolute;
	top: 15px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	border: 1px solid var(--blue);
	color: var(--blue);
	font-family: var(--yumincho);
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
}
.faq-answer__txt {
	display: block;
	width: 100%;
	/* font-size: 14px; */
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500;
	text-align: justify;
	word-break: break-all;
}
.faq-answer__txt > a,
 .faq-answer__txt .answer-hosoku > a {
	color: #049BDC;
	font-weight: 700;
}
.faq-answer__txt > a:hover,
 .faq-answer__txt .answer-hosoku > a:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
	color: #049BDC;
}
}
@media screen and (min-width:768px) {
.page-contents.page-faq { background-color: #F8FAFF; }
.faq {
	display: block;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 120px;
}
.faq__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.faq-box {
	display: block;
	width: 100%;
}
.faq-box:nth-child(n+2) { margin-top: 50px; }
.faq__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin: 0;
}
.faq__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.faq-list {
	display: block;
	width: 100%;
	margin-top: 50px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.faq-list > li {
	display: block;
	width: 100%;
	background-color: var(--white);
	padding: 15px 20px;
}
.faq-list > li:nth-child(n+2) { margin-top: 50px; }
.faq-list > li > .question {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 50px;
	padding: 10px 50px 10px 70px;
	/* font-size: 20px; */
	font-size: 24px;
	font-family: var(--yumincho);
	font-weight: 500;
	line-height: 30px;
	text-align: justify;
	word-break: break-all;
	color: var(--blue);
}
.faq-list > li > .question::before {
	content: "Q";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: var(--blue);
	color: var(--white);
	font-family: var(--yumincho);
	font-size: 26px;
	font-weight: 600;
	line-height: 30px;
}
.faq-list > li > .question > i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	display: block;
	width: 20px;
	height: 20px;
}
.faq-list > li > .question > i::before,
 .faq-list > li > .question > i::after {
	content: "";
	position: absolute;
	transform: translate(-50%, -50%);
	display: block;
	background: var(--blue);
}
.faq-list > li > .question > i::before {
	top: 50%;
	left: 50%;
	width: 100%;
	height: 2px;
}
.faq-list > li > .question > i::after {
	top: calc(50% - 0.035rem);
	left: calc(50% - 0.045rem);
	width: 100%;
	height: 2px;
	transform: rotate(90deg) translate(-50%, -50%);
	transform-origin: 0 50%;
	transition: 0.3s ease;
}
.faq-list > li > .question.active > i::after {
	top: 50%;
	left: 50%;
	transform: rotate(0deg) translate(-50%, -50%);
	transform-origin: 0 0%;
}
.faq-list > li > .answer {
	position: relative;
	display: none;
	width: 100%;
	min-height: 66px;
	/* padding: 30px 10px 0 70px; */
	padding: 20px 10px 0 70px;
	border-top: 1px solid #E2E8ED;
	margin-top: 15px;
}
.faq-list > li > .answer::before {
	content: "A";
	position: absolute;
	top: 15px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border: 1px solid var(--blue);
	color: var(--blue);
	font-family: var(--yumincho);
	font-size: 26px;
	font-weight: 600;
	line-height: 30px;
}
.faq-answer__txt {
	display: block;
	width: 100%;
	font-weight: 500;
	text-align: justify;
	word-break: break-all;
	font-size: 20px;
	line-height: 1.8;
}
.faq-answer__txt > a,
 .faq-answer__txt .answer-hosoku > a {
	color: #049BDC;
	font-weight: 700;
}
.faq-answer__txt > a:hover,
 .faq-answer__txt .answer-hosoku > a:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
	color: #049BDC;
}
}
/*
PAGE - reasearch
--------------------------------------------- */
@media screen and (max-width:767px) {
.research {
	display: block;
	width: 100%;
	padding: 0 0 100px 0;
}
.research__body {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}
.research__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.research__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.research__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
}
.research__block {
	display: block;
	width: calc(100% + 40px);
	margin-top: 60px;
	margin-left: -20px;
	border: 15px solid #F1F8F9;
	background-color: var(--white);
	padding: 40px 10px;
}
.research__block-title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 23px;
	font-weight: 500;
	line-height: 34.5px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
}
.research__block-title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 34.5px;
	background-color: #00428E;
}
.research__block-list {
	display: block;
	width: 100%;
	margin-top: 35px;
	padding: 0 10px;
}
.research__block-list > li {
	display: block;
	width: 100%;
}
.research__block-list > li:nth-child(n+2) { margin-top: 25px; }
.research__block-row {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.research__block-row > dt {
	display: block;
	width: 100%;
	font-size: 18px;
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 23.4px;
	color: #6C9FBF;
}
.research__block-row > dd {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 18px;
	font-family: var(--yumincho);
	font-weight: 600;
	line-height: 29px;
	margin-top: 10px;
	padding-left: 20px;
}
.research__block-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 140px;
	height: 29px;
	background-color: #6C9FBF;
	border-radius: 10px;
	margin-left: 40px;
}
.research__block-btn > span {
	position: relative;
	width: auto;
	font-size: 14px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 21px;
}
.research__block-btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(./assets/images/research/icon-pdf.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.research__org {
	display: block;
	width: calc(100% + 20px);
	margin-top: 70px;
	margin-left: -10px;
}
.research__org-title {
	display: block;
	width: 100%;
	font-size: 22px;
	font-family: var(--yumincho);
	font-weight: 500;
	color: var(--blue);
	line-height: 26px;
	text-align: justify;
	word-break: break-all;
	padding: 0 10px;
}
.research__org-columns {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 50px;
}
.research__org-columns + .research__org-columns { margin-top: 70px; }
.research__org-content {
	display: block;
	width: 100%;
}
.research__org-txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.research__org-subtitle {
	display: block;
	width: 100%;
	font-size: 22px;
	font-family: var(--yumincho);
	font-weight: 500;
	color: var(--blue);
	line-height: 26px;
	padding: 0 10px;
}
.research__org-subtitle + .research__org-txt { margin-top: 40px; }
.research__org-content > .research__org-txt { padding: 0 10px; }
.research__org-list { display: none; }
.research__org-list-sp {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 10px;
	grid-template-rows: auto;
	row-gap: 10px;
	width: calc(100% + 20px);
	margin-top: 30px;
	margin-left: -10px;
}
.research__org-list-sp > li {
	display: block;
	width: 100%;
}
.research__org-university {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	background-color: #F1F8F9;
	font-size: 18px;
	font-weight: 600;
	font-family: var(--yumincho);
	line-height: 1;
	color: #519BC9;
}
.research__org-figure {
	display: block;
	width: 100%;
	margin-top: 40px;
}
.research__org-figure > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
.research__org + .research__txt { margin-top: 70px; }
.research__contact {
	display: block;
	width: calc(100% + 20px);
	min-height: 220px;
	background-color: #E2E8ED;
	padding: 0 15px 50px 15px;
	margin-top: 110px;
	margin-left: -10px;
}
.research__contact-figure {
	display: block;
	width: 100%;
	transform: translateY(-40px);
}
.research__contact-figure > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
.research__contact-title {
	display: block;
	width: 100%;
	background-color: #519BC9;
	font-size: 25px;
	line-height: 35px;
	color: var(--white);
	font-weight: 600;
	font-family: var(--yumincho);
	text-align: center;
	padding: 10px;
	transform: translateY(-40px);
}
.research__contact-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.research__contact-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.research__contact-txt {
	display: block;
	max-width: 250px;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.research__contact-memo {
	display: block;
	max-width: 250px;
	width: 100%;
	font-size: 15px;
	line-height: 27.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	margin-top: 20px;
}
.research__contact-block > a { margin-top: 40px; }
}
@media screen and (max-width:370px) {
.research__block-row > dd { padding-left: 15px; }
}
@media screen and (max-width:359px) {
.research__block-row > dd {
	padding-left: 10px;
	font-size: 16px;
}
.research__block-btn { margin-left: 10px; }
.research__contact-block > a { width: 250px; }
}
@media screen and (min-width:768px) {
.research {
	display: block;
	width: 100%;
	padding: 0 0 120px;
}
.research__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.research__header {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.research__header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.research__txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
}
.research__block {
	display: block;
	max-width: 798px;
	width: 100%;
	margin: 70px auto 0 auto;
	border: 15px solid #F1F8F9;
	background-color: var(--white);
 padding: calc(25/1000 * 100%) calc(30/1000 * 100%);
}
.research__block-title {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 26px;
	font-weight: 500;
	line-height: 39px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 10px;
}
.research__block-title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 39px;
	background-color: #00428E;
}
.research__block-list {
	display: block;
	width: 100%;
	margin-top: 30px;
}
.research__block-list > li {
	display: block;
	width: 100%;
}
.research__block-list > li:nth-child(n+2) { margin-top: 25px; }
.research__block-row {
	display: flex;
	align-items: center;
	width: 100%;
}
.research__block-row > dt {
	display: block;
	width: 170px;
	font-size: 18px;
	font-family: var(--gothic);
	font-weight: 700;
	line-height: 29px;
	color: #6C9FBF;
}
.research__block-row > dd {
	display: flex;
	align-items: center;
	width: calc(100% - 170px);
	font-size: 18px;
	font-family: var(--yumincho);
	font-weight: 600;
	line-height: 29px;
}
.research__block-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 140px;
	height: 29px;
	background-color: #6C9FBF;
	border-radius: 10px;
	margin-left: 40px;
}
.research__block-btn > span {
	position: relative;
	width: auto;
	font-size: 14px;
	font-weight: 700;
	font-family: var(--gothic);
	color: var(--white);
	line-height: 19px;
	padding-left: 21px;
}
.research__block-btn > span::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 14px;
	height: 19px;
	background-image: url(./assets/images/research/icon-pdf.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.research__org {
	display: block;
	width: 100%;
	margin-top: 70px;
}
.research__org-title {
	display: block;
	width: 100%;
	font-size: 22px;
	font-family: var(--yumincho);
	font-weight: 500;
	color: var(--blue);
	line-height: 26px;
}
.research__org-columns {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 50px;
}
.research__org-columns + .research__org-columns {
	flex-direction: row-reverse;
	margin-top: 70px;
}
.research__org-content {
	display: block;
	width: 50%;
}
.research__org-txt {
	display: block;
	width: 100%;
	/* font-size: 16px;
    line-height: 27.2px; */
	font-size: 20px;
	line-height: 2;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.research__org-subtitle {
	display: block;
	width: 100%;
	font-size: 22px;
	font-family: var(--yumincho);
	font-weight: 500;
	color: var(--blue);
	line-height: 26px;
}
.research__org-subtitle + .research__org-txt { margin-top: 50px; }
.research__org-list-sp { display: none; }
.research__org-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 15px;
	grid-template-rows: auto;
	row-gap: 15px;
	width: 100%;
	margin-top: 30px;
	margin-left: 0;
}
.research__org-list > li {
	display: block;
	width: 100%;
}
.research__org-university {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	background-color: #F1F8F9;
	font-size: 20px;
	font-weight: 600;
	font-family: var(--yumincho);
	line-height: 1;
	color: #519BC9;
}
.research__org-figure { display: block; width: calc(420/1000 * 100%);
}
.research__org-figure > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
.research__org + .research__txt { margin-top: 70px; }
.research__contact {
	position: relative;
	display: block;
	width: 100%;
	min-height: 220px;
	margin-top: 168px;
	background-color: #E2E8ED;
	padding: 30px 0;
}
.research__contact-figure {
	position: absolute;
	bottom: 5px;
	right: 0;
	display: block;
 width: calc(371/1000 * 100%);
}
.research__contact-figure > img {
	display: block;
	width: 100%;
	object-fit: cover;
}
.research__contact-title {
	display: flex;
	align-items: center;
	width: 80%;
	height: 55px;
	background-color: #519BC9;
 padding-left: calc(50/1000 * 100%);
	font-size: 25px;
	line-height: 1;
	color: var(--white);
	font-weight: 600;
	font-family: var(--yumincho);
}
.research__contact-block {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
 width: calc(600/1000 * 100%);
 margin-left: calc(50/1000 * 100%);
	margin-top: 30px;
}
.research__contact-content { display: block; width: calc(296/600 * 100%);
}
.research__contact-txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.research__contact-memo {
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 27.2px;
	font-weight: 500;
	font-family: var(--yumincho);
	text-align: right;
	margin-top: 20px;
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.research__contact { margin-top: 100px; }
.research__contact-figure {
 width: calc(480/1000 * 100%); bottom: 10px; }
.research__contact-title {
	height: 45px;
	font-size: 22px;
}
.research__contact-block {
	flex-direction: column;
	align-items: center;
 width: calc(500/1000 * 100%);
	margin-top: 15px;
}
.research__contact-content { width: 100%; }
.research__contact-memo {
	display: block;
	margin: 5px 0;
}
.research__contact-txt > br { display: none; }
}
/*
ARCHIVE - voice
--------------------------------------------- */
/*layout*/
.voice-container { padding: 50px 0; }
/*category*/
@media screen and (min-width:0px) {
.sidebar-voice-categories {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 20px;
	padding-left: 25px;
}
.sidebar-voice-categories > li {
	display: flex;
	align-items: center;
	width: 100%;
}
.voice-category {
	display: block;
	width: auto;
	font-size: 13px;
	line-height: 28.8px;
	color: #575757;
	font-family: var(--gothic);
	font-weight: 500;
}
.blog-category:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
/*archive item*/
@media screen and (max-width:767px) {
.voice-items {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.voice-item {
	position: relative;
	display: block;
	width: 100%;
	min-height: 116px;
	padding: 15px 10px 15px calc(130px + 10px + 20px);
	background-color: var(--white);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 16%);
}
.voice-item:nth-child(n+2) { margin-top: 20px; }
.voice-item > a.figure {
	position: absolute;
	top: 15px;
	left: 10px;
	display: block;
	width: 130px;
	height: 86px;
	overflow: hidden;
}
.voice-item__figure {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	aspect-ratio: 480/318;
	overflow: hidden;
}
.voice-item__figure > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.voice-item > a.txt {
	display: block;
	width: 100%;
}
.voice-item__title {
	display: -webkit-box;
	width: 100%;
	/* font-size: 15px;
    line-height: 19.5px; */
	font-size: 18px;
	line-height: 1.4;
	font-family: var(--yumincho);
	font-weight: 600;
	color: var(--font-color);
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-align: justify;
	margin-top: 8px;
}
.voice-item__info {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
.voice-item__date {
	display: block;
	/* width: 65px;
    font-size: 10px;
    line-height: 18px; */
	width: 7em;
	font-size: 14px;
	line-height: 1;
	color: #818D91;
	font-weight: 700;
	font-family: var(--gothic);
	text-align: right;
	word-break: keep-all;
}
.voice-item__categories {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: calc(100% - 65px);
}
.voice-item__category {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	/* height: 18px; */
	background-color: #589FB1;
	color: var(--white);
	line-height: 1;
	/* font-size: 10px; */
	font-size: 13px;
	font-weight: 700;
	font-family: var(--gothic);
	/* padding: 0 8px; */
	padding: 2px 4px;
}
.voice-item__category:nth-child(n+2) { margin-top: 5px; }
.home-archives__voice a:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
@media screen and (max-width:359px) {
.voice-item {
	min-height: 102px;
	padding: 15px 10px 15px calc(110px + 10px + 10px);
	background-color: var(--white);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 16%);
}
.voice-item > a.figure {
	width: 110px;
	height: 72px;
}
.voice-item__title {
	font-size: 14px;
	line-height: 18.5px;
}
}
@media screen and (min-width:768px) {
.voice-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
 column-gap: calc(30/835 * 100%);
	row-gap: 60px;
}
.voice-item {
	display: block;
	width: 100%;
	padding: 10px 8px 15px 8px;
	background-color: var(--white);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 16%);
}
.voice-item > a {
	display: block;
	width: 100%;
}
.voice-item > a:hover {
	transition: opaicty 0.3s ease;
	opacity: 0.7;
}
.voice-item__figure {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	aspect-ratio: 480/318;
	overflow: hidden;
}
.voice-item__figure > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.voice-item__title {
	display: -webkit-box;
	width: 100%;
	/* font-size: 16px;
    line-height: 20.8px; */
	font-size: 20px;
	line-height: 1.4;
	font-family: var(--yumincho);
	font-weight: 600;
	color: var(--font-color);
	margin-top: 20px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-align: justify;
}
.voice-item__info {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	margin-top: 15px;
}
.voice-item__date {
	display: block;
	/* width: 75px;
    font-size: 12px; */
	width: max-content;
	font-size: 16px;
	color: #818D91;
	/* line-height: 20px; */
	line-height: 1.4;
	font-weight: 700;
	font-family: var(--gothic);
	text-align: right;
}
.voice-item__categories {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/* width: calc(100% - 70px); */
	width: calc(100% - 100px);
}
.voice-item__category {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	/* height: 20px; */
	background-color: #589FB1;
	color: var(--white);
	line-height: 1;
	/* font-size: 12px; */
	font-size: 14px;
	font-weight: 700;
	font-family: var(--gothic);
	/* padding: 0 15px; */
	padding: 4px;
}
.voice-item__category:nth-child(n+2) { margin-top: 5px; }
.home-archives__voice a:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
/*
SINGLE - voice
--------------------------------------------- */
@media screen and (max-width:767px) {
.single-voice {
	display: block;
	width: 100%;
	padding: 0 10px;
}
.single-voice__header {
	display: block;
	width: 100%;
}
.single-voice__title {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.single-voice__title::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.single-voice__taxonomy {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	margin-top: 20px;
}
.single-voice__date {
	display: block;
	width: 90px;
	font-size: 14x;
	font-weight: 700;
	font-family: var(--gothic);
	line-height: 20px;
	color: #818D91;
	text-align: right;
}
.single-voice__categories {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 90px);
	margin-top: -5px;
	margin-right: -5px;
}
.single-voice__category {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: 20px;
	font-size: 12px;
	font-family: var(--gothic);
	color: var(--white);
	font-weight: 700;
	padding: 0 15px;
	background-color: #589FB1;
	margin-right: 5px;
	margin-top: 5px;
}
.single-voice__category:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
.voice-single__btns {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 60px;
}
}
@media screen and (min-width:768px) {
.single-voice {
	display: block;
	width: 100%;
}
.single-voice__header {
	display: block;
	width: 100%;
}
.single-voice__title {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.single-voice__title::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.single-voice__taxonomy {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 20px;
}
.single-voice__date {
	display: block;
	/* width: 90px;
    font-size: 12px;
    line-height: 20px; */
	width: 7em;
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
	font-family: var(--gothic);
	color: #818D91;
	text-align: right;
}
.single-voice__categories {
	display: flex;
	/* width: calc(100% - 90px); */
	width: calc(100% - 8em);
}
.single-voice__category {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	/* height: 20px;
    font-size: 12px; */
	height: 1.5em;
	font-size: 16px;
	font-family: var(--gothic);
	color: var(--white);
	font-weight: 700;
	padding: 0 15px;
	background-color: #589FB1;
}
.single-voice__category:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
.single-voice__category:nth-child(n+2) { margin-left: 5px; }
.voice-single__btns {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 70px;
	padding-left: calc(200px + 70px);
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.voice-single__btns { padding-left: 0; }
}
/*
SINGLE - common tags
--------------------------------------------- */
@media screen and (max-width:767px) {
/*contents*/
.single-content {
	display: block;
	width: 100%;
	margin-top: 30px;
}
/*h tags*/
.single-content h2 {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 25px;
	font-weight: 500;
	line-height: 31.2px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.single-content h2::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: var(--blue);
}
.single-content h3 {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	border-left: 5px solid var(--blue);
	font-size: 23px;
	font-weight: 500;
	line-height: 29.9px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.single-content h4 {
	display: block;
	width: 100%;
	font-size: 22px;
	font-weight: 500;
	line-height: 28.6px;
	padding-bottom: 5px;
	color: var(--blue);
	font-family: var(--yumincho);
	border-bottom: 1px solid var(--blue);
}
.single-content h5 {
	display: inline-block;
	width: auto;
	font-size: 20px;
	font-weight: 500;
	line-height: 29px;
	font-family: var(--yumincho);
}
.single-content h6 {
	display: inline-block;
	width: auto;
	font-size: 20px;
	font-weight: 500;
	line-height: 29px;
	font-family: var(--yumincho);
	color: var(--blue);
}
.single-content > h3:not(:first-child),
 .single-content > h4:not(:first-child),
 .single-content > h5:not(:first-child),
 .single-content > h6:not(:first-child) { margin-top: 60px; }
/*paragraph*/
.single-content p {
	display: block;
	width: 100%;
}
.single-content p:not(:first-child) { margin-top: 30px; }
/*ul*/
.single-content ul {
	display: block;
	width: 100%;
}
.single-content ul > li {
	position: relative;
	display: block;
	width: 100%;
	text-align: justify;
	word-break: break-all;
	padding-left: 21px;
	font-weight: 300;
}
.single-content ul > li:nth-child(n+2) { margin-top: 18px; }
.single-content ul > li::before {
	content: "";
	position: absolute;
	/* top: 8px; */
	top: 0.6em;
	left: 0;
	display: block;
	width: 6px;
	height: 6px;
	background-color: var(--blue);
	border-radius: 3px;
}
/*ol*/
.single-content ol {
	display: block;
	width: 100%;
}
.single-content ol > li {
	position: relative;
	display: block;
	width: 100%;
	counter-increment: number;
	line-height: 22.5px;
	text-align: justify;
	word-break: break-all;
	padding: 8px 0 8px 37px;
	font-weight: 300;
}
.single-content ol > li:nth-child(n+2) { margin-top: 10px }
.single-content ol > li:before {
	counter-increment: li;
	content: counter(number, decimal-leading-zero);
	position: absolute;
	/* top:6px; */
	top: 0.4em;
	left: 0;
	font-size: 25px;
	line-height: 25px;
	color: var(--blue);
	font-weight: 500;
	font-family: var(--yumincho);
}
.single-content > ul:not(:first-child),
 .single-content > ol:not(:first-child) { margin-top: 60px; }
/*table*/
.single-content .wp-block-table {
	display: block;
	width: 100%;
	margin: 0 auto 0 auto;
	font-family: var(--noto-sans);
	font-weight: 300;
}
.single-content .wp-block-table table {
	width: 100%;
	margin: 0 auto 0 auto;
	border-collapse: collapse;
}
.single-content table tr td {
	display: block;
	width: 100%;
	/* font-size: 15px;
    line-height: 25.5px; */
	font-size: 18px;
	line-height: 1.8;
	padding: 15px 0 15px 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #EBE9E1;
}
.single-content table tr td:first-child {
	font-weight: 600;
	vertical-align: top;
	border-bottom: none;
	padding-bottom: 0;
}
.single-content > .wp-block-table:not(:first-child) { margin-top: 60px; }
/*youtube iframe*/
.single-content .wp-block-embed__wrapper {
	position: relative;
	height: 0;
	overflow: hidden;
 padding-bottom: calc(75% * 0.75);
}
.single-content .wp-block-embed__wrapper > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*text links*/
.single-content p a,
 .single-content ul li a,
 .single-content ol li a,
 .single-content table tr td a {
	color: var(--blue);
	font-weight: 600;
}
.single-content p a:hover,
 .single-content ul li a:hover,
 .single-content ol li a:hover,
 .single-content table tr td a:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
/*blocks*/
.single-content > .wp-block-image:not(:first-child),
 .single-content > .wp-block-columns:not(:first-child),
 .single-content > .wp-block-image:not(:first-child),
 .single-content > .wp-block-gallery:not(:first-child),
 .single-content > .wp-block-embed:not(:first-child),
 .single-content > .wp-block-media-text:not(:first-child) { margin-top: 20px; }
}
@media screen and (min-width:768px) {
/*contents*/
.single-content {
	display: block;
	width: 100%;
	margin-top: 30px;
}
/*h tags*/
.single-content h2 {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.single-content h2::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: var(--blue);
}
.single-content h3 {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	border-left: 5px solid var(--blue);
	font-size: 26px;
	font-weight: 500;
	line-height: 30px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.single-content h4 {
	display: inline-block;
	width: auto;
	font-size: 24px;
	font-weight: 500;
	line-height: 26px;
	padding-bottom: 5px;
	color: var(--blue);
	font-family: var(--yumincho);
	border-bottom: 1px solid var(--blue);
}
.single-content h5 {
	/*display: inline-block;*/
	width: auto;
	font-size: 22px;
	font-weight: 500;
	line-height: 26px;
	font-family: var(--yumincho);
}
.single-content h6 {
	display: inline-block;
	width: auto;
	font-size: 22px;
	font-weight: 500;
	line-height: 26px;
	font-family: var(--yumincho);
	color: var(--blue);
}
.single-content > h3:not(:first-child),
 .single-content > h4:not(:first-child),
 .single-content > h5:not(:first-child),
 .single-content > h6:not(:first-child) { margin-top: 70px; }
/*paragraph*/
.single-content p {
	display: block;
	width: 100%;
}
.single-content p:not(:first-child) { margin-top: 30px; }
/*ul*/
.single-content ul {
	display: block;
	width: 100%;
}
.single-content ul > li {
	position: relative;
	display: block;
	width: 100%;
	text-align: justify;
	word-break: break-all;
	padding-left: 21px;
	font-weight: 300;
}
.single-content ul > li:nth-child(n+2) { margin-top: 18px; }
.single-content ul > li::before {
	content: "";
	position: absolute;
	/* top: 8px; */
	top: 0.6em;
	left: 0;
	display: block;
	width: 6px;
	height: 6px;
	background-color: var(--blue);
	border-radius: 3px;
}
/*ol*/
.single-content ol {
	display: block;
	width: 100%;
}
.single-content ol > li {
	position: relative;
	display: block;
	width: 100%;
	counter-increment: number;
	line-height: 22.5px;
	text-align: justify;
	word-break: break-all;
	padding: 8px 0 8px 37px;
	font-weight: 300;
}
.single-content ol > li:nth-child(n+2) { margin-top: 10px }
.single-content ol > li:before {
	counter-increment: li;
	content: counter(number, decimal-leading-zero);
	position: absolute;
	/* top:6px; */
	top: 0.4em;
	left: 0;
	font-size: 25px;
	line-height: 25px;
	color: var(--blue);
	font-weight: 500;
	font-family: var(--yumincho);
}
.single-content > ul:not(:first-child),
 .single-content > ol:not(:first-child) { margin-top: 70px; }
/*table*/
.single-content .wp-block-table {
	display: block;
	max-width: 740px;
	width: 100%;
	margin: 0 auto 0 auto;
	font-family: var(--noto-sans);
	font-weight: 300;
}
.single-content .wp-block-table table {
	width: 100%;
	margin: 0 auto 0 auto;
	border-collapse: collapse;
}
.single-content table tr td {
	/* font-size: 15px;
    line-height: 25.5px; */
	font-size: 20px;
	line-height: 1.8;
	padding: 15px 0 15px 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #EBE9E1;
}
.single-content table tr td:first-child {
	padding-right: 15px;
	width: 180px;
	font-weight: 600;
	vertical-align: top;
}
.single-content table tr td:last-child { width: calc(100% - 180px); }
.single-content > .wp-block-table:not(:first-child) { margin-top: 70px; }
/*youtube iframe*/
.single-content .wp-block-embed__wrapper {
	position: relative;
	height: 0;
	overflow: hidden;
 padding-bottom: calc(75% * 0.75);
}
.single-content .wp-block-embed__wrapper > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*text links*/
.single-content p a,
 .single-content ul li a,
 .single-content ol li a,
 .single-content table tr td a {
	color: var(--blue);
	font-weight: 600;
}
.single-content p a:hover,
 .single-content ul li a:hover,
 .single-content ol li a:hover,
 .single-content table tr td a:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
/*blocks*/
.single-content > .wp-block-image:not(:first-child),
 .single-content > .wp-block-columns:not(:first-child),
 .single-content > .wp-block-image:not(:first-child),
 .single-content > .wp-block-gallery:not(:first-child),
 .single-content > .wp-block-embed:not(:first-child),
 .single-content > .wp-block-media-text:not(:first-child) { margin-top: 30px; }
}
.single-content.voice-content {
	overflow: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
}
.single-voice .single-content h4 {
	font-size: 26px;
	font-weight: 600;
}
.single-voice .single-content h5 {
	color: #4591C1;
	font-weight: 600;
}
.single-voice .single-content p {
	font-size: 18px;
	line-height: 1.8;
}
/* voice-column */
.voice-column {
	display: flex;
	gap: 2rem;
 --image-width: 33%;
 --body-width: calc(100% - var(--image-width));
}
.voice-column__image {
	width: var(--image-width);
	flex-shrink: 0;
}
.voice-column__body { width: var(--body-width); }
.voice-column__image figure { text-align: center; }
@media (max-width: 768px) {
.voice-column {
	flex-direction: column;
	gap: 1rem;
}
.voice-column__image,
 .voice-column__body { width: 100%; }
}

/*block*/
@media screen and (max-width:767px) {
.first-block {
	margin-top: 20px;
	display: block;
	width: 100%;
	background-color: #F8FAFF;
}
.first-block__box {
	position: relative;
	display: block;
	width: 100%;
}
.first-block__box:nth-child(n+2) { margin-top: 50px; }
.first-block__figure {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	overflow: hidden;
}
.first-block__figure > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.first-block__box:nth-child(odd) > .first-block__figure { height: 310px; }
.first-block__box:nth-child(even) > .first-block__figure { height: 372px; }
.first-block__box > .container { padding: 0 0; }
.first-block__box-content {
	position: relative;
	z-index: 1;
	display: block;
	width: calc(100% - 30px);
	padding: 50px 30px;
	background-color: var(--white);
	margin-top: -30px;
}
.first-block__box:nth-child(odd) .first-block__box-content { margin-left: auto; }
.first-block__box-header {
	display: flex;
	flex-direction: column;
	width: 100%;
	font-size: 22px;
	font-weight: 500;
	line-height: 32.5px;
	font-family: var(--yumincho);
	color: var(--blue);
}
.first-block__box-txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
	font-family: var(--yumincho);
}
.first-block__box-btns {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: 25px;
}
.first-block__box-btns > a {
	width: auto;
	font-size: 14px;
}
}
@media screen and (max-width:359px) {
.first-block__box-header { font-size: 20px; }
}
@media screen and (min-width:768px) {
.first-block {
	margin-top: 30px;
	display: block;
	width: 100%;
	background-color: #F8FAFF;
}
.first-block__box {
	position: relative;
	display: block;
	width: 100%;
	min-height: 400px;
	padding-top: 50px;
}
.first-block__box:nth-child(n+2) { margin-top: 50px; }
.first-block__figure {
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
 width: calc(810/1366 * 100%);
	overflow: hidden;
}
.first-block__figure > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.first-block__box:nth-child(even) > .first-block__figure {
	right: 0;
	height: 400px;
}
.first-block__box:nth-child(odd) > .first-block__figure {
	left: 0;
	height: 350px;
}
.first-block__box-content {
	position: relative;
	z-index: 1;
	display: block;
 width: calc(500/1140 * 100%);
 padding: calc(50/1140 * 100%) calc(45/1140 * 100%) calc(80/1140 * 100%) calc(45/1140 * 100%);
	background-color: var(--white);
}
.first-block__box:nth-child(odd) .first-block__box-content { margin-left: auto; }
.first-block__box-header {
	display: flex;
	flex-direction: column;
	width: 100%;
	font-size: 25px;
	font-weight: 500;
	line-height: 25.5px;
	font-family: var(--yumincho);
	color: var(--blue);
}
.first-block__box-txt {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27.2px;
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
	font-family: var(--yumincho);
}
.first-block__box-btns {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: 25px;
}
.first-block__box-btns > a {
	width: auto;
	font-size: 16px;
}
.first-block__box:first-child { padding-top: 120px; }
}
@media screen and (min-width:768px) and (max-width:1024px) {
.first-block__box:first-child { padding-top: 100px; }
}
/*btn-txt-bk*/
@media screen and (min-width:0px) {
.btn-txt-bk {
	position: relative;
	display: block;
	/* width: 190px; */
	line-height: 24px;
	font-size: 17px;
	padding-right: 15px;
	color: #33271A;
	font-family: var(--yumincho);
	font-weight: 600;
}
.btn-txt-bk::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 7px;
	height: 11.83px;
	background: url(../images/hycellvator/icon-btn-bk.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}
@media screen and (min-width:768px) {
.btn-txt-bk:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
}
@media screen and (min-width:1025px) {
.btn-txt-bk { font-size: 20px; }
}
/*
/*
PAGE - list
--------------------------------------------- */
@media screen and (max-width:767px) {
.list {
	display: block;
	width: 100%;
}
.list__body {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
}
.list-nav {
	display: block;
	width: 100%;
}
.list-nav__title {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 24px;
	font-weight: 500;
	line-height: 37.5px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.list-nav__title::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.list-nav__caution {
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 25.5px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
}
/* .list-nav__wrap {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: 10px;
    row-gap: 15px;
    max-width: 868px;
    width: 100%;
    margin: 40px auto 0 auto;
  }
  .list-nav__wrap > li {
    display: block;
    width: 100%;
  }
  .list-nav__wrap > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 46px;
    border: 1px solid #00428E;
    border-radius: 5px;
    font-family: var(--yumincho);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color:#00428E;
  } */
.list-nav__area {
	display: block;
	width: 100%;
	padding-top: 80px;
	margin-top: -20px;
}
.list-nav__area-title {
	display: block;
	width: 100%;
	font-size: 26px;
	font-family: var(--yumincho);
	font-weight: 500;
	color: var(--blue);
	line-height: 26px;
}
.list-nav__area-list {
	width: 100%;
	border-collapse: collapse;
	margin: 20px auto 0 auto;
}
.list-nav__area-list tr th,
 .list-nav__area-list tr td {
	border: 1px solid #E2E8EC;
	padding: 10px 10px;
	text-align: left;
	font-size: 14px;
	line-height: 19.5px;
	font-family: var(--gothic);
	font-weight: 700;
	word-break: break-all;
}
.list-nav__area-list tr th {
	background-color: #818D92;
	color: var(--white);
}
.list-nav__area-list tr th:nth-child(1) { width: calc(155/335 * 100%);
}
.list-nav__area-list tr th:nth-child(2) { width: calc(50/335 * 100%);
}
.list-nav__area-list tr th:nth-child(3) { width: calc(80/335 * 100%);
}
.list-nav__area-list tr th:nth-child(4) { width: calc(50/335 * 100%);
}
.list-nav__area-list tr:nth-child(even) { background-color: #F7FAFF; }
}
@media screen and (max-width:370px) {
.list-nav__area-list tr th,
 .list-nav__area-list tr td { font-size: 13px; }
}
@media screen and (max-width:359px) {
.list-nav__area-list tr th,
 .list-nav__area-list tr td {
	padding: 10px 5px;
	font-size: 12px;
}
}
@media screen and (min-width:768px) {
.list {
	display: block;
	width: 100%;
}
.list__body {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding-top: 40px;
}
.list-nav {
	display: block;
	width: 100%;
}
.list-nav__title {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.list-nav__title::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.list-nav__caution {
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 25.5px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 40px;
}
/* .list-nav__wrap {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    column-gap: 20px;
    row-gap: 15px;
    max-width: 868px;
    width: 100%;
    margin: 40px auto 0 auto;
  }
  .list-nav__wrap > li {
    display: block;
    width: 100%;
  }
  .list-nav__wrap > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 46px;
    border: 1px solid #00428E;
    border-radius: 5px;
    font-family: var(--yumincho);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color:#00428E;
  }
  .list-nav__wrap > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  } */
.list-nav__area {
	display: block;
	width: 100%;
	padding-top: 180px;
	margin-top: -100px;
}
.list-nav__area-title {
	display: block;
	width: 100%;
	font-size: 28px;
	font-family: var(--yumincho);
	font-weight: 500;
	color: var(--blue);
	line-height: 26px;
}
.list-nav__area-list {
	/* width: calc(100%  - 40px); */
	border-collapse: collapse;
	/* margin: 40px auto 0 auto; */
	margin-top: 20px
}
.list-nav__area-list tr th,
 .list-nav__area-list tr td {
	border: 1px solid #E2E8EC;
	/* padding: 15px 30px; */
	padding: 15px;
	text-align: left;
	/* font-size: 15px; */
	font-size: 14px;
	line-height: 19.5px;
	/* font-family: var(--gothic); */
	font-family: var(--hiragino);/* font-weight: 700; */
}
.list-nav__area-list tr th {
	background-color: #818D92;
	color: var(--white);
}
.list-nav__area-list tr th:nth-child(1) { /* width: calc(400/960 * 100%); */ width: auto; }
.list-nav__area-list tr th:nth-child(2) { /* width: calc(190/960 * 100%); */ width: 8em; }
.list-nav__area-list tr th:nth-child(3) { /* width: calc(210/960 * 100%); */ width: 5em; }
.list-nav__area-list tr th:nth-child(4) { /* width: calc(160/960 * 100%); */ width: 28em; }
.list-nav__area-list tr th:nth-child(5) { width: 8em; }
.list-nav__area-list tr:nth-child(even) { background-color: #F7FAFF; }
}
@media screen and (min-width:768px) and (max-width:1024px) {
.list-nav__area-list tr th,
 .list-nav__area-list tr td { padding: 15px 20px; }
}
/* /list/ */
#pref-nav { margin: 40px 0; }
.area-name {
	display: inline-block;
	color: #00428E;
	font-size: 18px;
	font-weight: 600;
	font-family: var(--yumincho);
	line-height: 1;
	margin-top: 30px;
	display: inline-block;
	text-decoration: underline;
	text-underline-offset: 5px;
}
.area-name:hover {
	opacity: 0.5;
	text-decoration: none;
}
.pref-box {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, 1fr);
	padding-left: 10px;
	margin-top: 10px;
}
.pref-box > a {
	color: #00428E;
	font-size: 16px;
	font-weight: 600;
	font-family: var(--yumincho);
	text-align: center;
	line-height: 1;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color: #61bdea26;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border: 1px solid #00428e0a;
}
.pref-box > a:hover { opacity: 0.5; }
.pref-name {
	font-family: var(--yumincho);
	text-align: left;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	padding-top: 80px;
	margin-top: -20px;
	padding-left: 5px;
}
.list-nav__area-title { padding-left: 5px; }
.list-nav__area-title:after {
	content: "";
	display: block;
	height: 10px;
	width: 100%;
	background: linear-gradient(to right, #00438fa3, #00438f00);
	border-radius: 10px;
	margin-top: 5px;
	margin-left: -5px;
}
 @media screen and (min-width:768px) {
.pref-box { grid-template-columns: repeat(8, 1fr); }
}
@media screen and (min-width:1025px) {
.pref-name {
	padding-top: 140px;
	margin-top: -80px;
}
.home-first__header > span:nth-child(2),
 .home-reason__header > span:nth-child(2),
 .home-product__header > span:nth-child(2),
 .home-feature__header > span:nth-child(2),
 .home-archives__title > span:nth-child(2) { font-size: 33px; }
}
@media screen and (min-width:1200px) {
#pref-nav {
	display: grid;
	grid-template-columns: 2fr 9fr;
	gap: 20px 10px;
	align-items: center;
	margin-top: 60px;
}
.area-name {
	color: #fff;
	text-decoration: none;
	background-color: #00438fb3;
	margin-top: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
}
.pref-box {
	grid-template-columns: repeat(9, 1fr);
	padding: 0;
	margin: 0;
}
.list-nav__area-list tr th:nth-child(2),
 .list-nav__area-list tr th:nth-child(5) { width: 7em; }
.list-nav__area-list tr th,
 .list-nav__area-list tr td { padding: 10px; }
.site-header__nav-pc > li > .parent { font-size: 18px; }
}
/*
ARCHIVES - facility
--------------------------------------------- */
/*form*/
@media screen and (max-width:767px) {
.page-contents.page-facility { background-color: #F8FAFF; }
.archive-facility {
	display: block;
	width: 100%;
	padding-bottom: 100px;
}
.archive-facility > .container { padding: 0 10px; }
.facility-form__wrap {
	display: block;
	width: 100%;
	padding: 40px 15px;
	background-color: var(--white);
}
.facility-form__btns {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-bottom: 25px;
}
.facility-form__btns > a {
	width: auto;
	font-size: 16px;
}
.facility-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.facility-form-field {
	display: block;
	width: 100%;
}
.facility-form-field:nth-child(n+2) { margin-top: 40px; }
.facility-form-label {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	border-left: 5px solid var(--blue);
	font-size: 23px;
	font-weight: 500;
	line-height: 34.5px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.facility-form-select {
	display: block;
	width: 100%;
	margin-top: 30px;
}
.facility-form-select select[name="area"] {
	position: relative;
	width: 100%;
	height: 50px;
	border: none;
	font-size: 20px;
	font-weight: 700;
	padding: 5px 35px 5px 20px;
	line-height: 20px;
	background-image: url(./assets/images/icon-facility.svg);
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 14px 8px;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
	font-family: var(--gothic);
	color: #8490A5;
}
.facility-form-radio {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-top: 35px;
}
.facility-form-radio > label {
	display: block;
	width: calc(50% - 5px);
	margin-right: 10px;
}
.facility-form-radio > label:nth-child(2n),
 .facility-form-radio > label:last-child { margin-right: 0; }
.facility-form-radio > label:nth-child(n+3) { margin-top: 15px; }
.facility-form-radio > label > .category { display: none; }
.facility-form-radio > label > .category + span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	border-radius: 15px;
	font-size: 16px;
	font-weight: var(--gothic);
	line-height: 1;
	font-weight: 700;
	cursor: pointer;
}
.facility-form-radio > label > .category + span.all {
	color: var(--white);
	background-color: #00428F;
}
.facility-form-radio > label > .category:checked + span.all {
	color: #00428F;
	background-color: var(--white);
	border: 2px solid #00428F;
}
.facility-form-radio > label > .category + span.all:hover {
	transition: 0.3s ease;
	color: #00428F;
	background-color: var(--white);
	border: 2px solid #00428F;
}
.facility-form-radio > label > .category + span.hospital-clinic {
	color: var(--white);
	background-color: #519BC9;
}
.facility-form-radio > label > .category:checked + span.hospital-clinic {
	color: #519BC9;
	background-color: var(--white);
	border: 2px solid #519BC9;
}
.facility-form-radio > label > .category + span.hospital-clinic:hover {
	transition: 0.3s ease;
	color: #519BC9;
	background-color: var(--white);
	border: 2px solid #519BC9;
}
.facility-form-radio > label > .category + span.osteopathic {
	color: var(--white);
	background-color: #589FB1;
}
.facility-form-radio > label > .category:checked + span.osteopathic {
	color: #589FB1;
	background-color: var(--white);
	border: 2px solid #589FB1;
}
.facility-form-radio > label > .category + span.osteopathic:hover {
	transition: 0.3s ease;
	color: #589FB1;
	background-color: var(--white);
	border: 2px solid #589FB1;
}
.facility-form-radio > label > .category + span.sports {
	color: var(--white);
	background-color: #476296;
}
.facility-form-radio > label > .category:checked + span.sports {
	color: #476296;
	background-color: var(--white);
	border: 2px solid #476296;
}
.facility-form-radio > label > .category + span.sports:hover {
	transition: 0.3s ease;
	color: #476296;
	background-color: var(--white);
	border: 2px solid #476296;
}
.facility-form-radio > label > .category + span.salon {
	color: var(--white);
	background-color: #D3879C;
}
.facility-form-radio > label > .category:checked + span.salon {
	color: #D3879C;
	background-color: var(--white);
	border: 2px solid #D3879C;
}
.facility-form-radio > label > .category + span.salon:hover {
	transition: 0.3s ease;
	color: #D3879C;
	background-color: var(--white);
	border: 2px solid #D3879C;
}
.facility-form-radio > label > .category + span.beauty {
	color: var(--white);
	background-color: #EFA28B;
}
.facility-form-radio > label > .category:checked + span.beauty {
	color: #EFA28B;
	background-color: var(--white);
	border: 2px solid #EFA28B;
}
.facility-form-radio > label > .category + span.beauty:hover {
	transition: 0.3s ease;
	color: #EFA28B;
	background-color: var(--white);
	border: 2px solid #EFA28B;
}
.facility-form-radio > label > .category + span.others {
	color: var(--white);
	background-color: #818D92;
}
.facility-form-radio > label > .category:checked + span.others {
	color: #818D92;
	background-color: var(--white);
	border: 2px solid #818D92;
}
.facility-form-radio > label > .category + span.others:hover {
	transition: 0.3s ease;
	color: #818D92;
	background-color: var(--white);
	border: 2px solid #818D92;
}
.facility-form-radio > label > .category:checked + span { pointer-events: none; }
.facility-form-btn {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 50px;
}
.facility-form-search {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 55px;
	border: 1px solid var(--font-color);
	background-color: var(--white);
	border-radius: 5px;
	transition: 0.3s;
	cursor: pointer;
}
.facility-form-search > span {
	position: relative;
	display: block;
	width: auto;
	/* font-size: 16px;
    line-height: 20px; */
	font-size: 20px;
	line-height: 1;
	font-weight: 600;
	color: var(--font-color);
	font-family: var(--yumincho);
	padding-right: 20px;
}
.facility-form-search > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 5.8px;
	height: 11.83px;
	background-image: url(./assets/images/icon-btn-bk.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.facility-form-search:hover {
	transition: background 0.3s ease;
	background: var(--font-color);
}
.facility-form-search:hover > span {
	transition: color 0.3s ease;
	color: var(--white);
}
.facility-form-search:hover > span::after {
	transition: background-image 0.3s ease;
	background-image: url(./assets/images/icon-btn-wh.png);
}
}
@media screen and (max-width:359px) {
.facility-form-radio > label > .category + span { font-size: 15px; }
}
@media screen and (min-width:768px) {
.page-contents.page-facility { background-color: #F8FAFF; }
.archive-facility {
	display: block;
	width: 100%;
	padding-bottom: 120px;
}
.facility-form__wrap {
	display: block;
	width: 100%;
 padding: calc(40/1140 * 100%) calc(70/1140 * 100%);
	background-color: var(--white);
}
.facility-form__btns {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-bottom: 25px;
}
.facility-form__btns > a {
	width: auto;
	font-size: 16px;
}
.facility-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.facility-form-field {
	display: block;
	width: 100%;
}
.facility-form-field:nth-child(n+2) { margin-top: 40px; }
.facility-form-label {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
	border-left: 5px solid var(--blue);
	font-size: 26px;
	font-weight: 500;
	line-height: 30px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
}
.facility-form-select {
	display: block;
	width: 100%;
	margin-top: 35px;
	padding-left: 30px;
}
.facility-form-select select[name="area"] {
	position: relative;
	width: 300px;
	height: 50px;
	border: none;
	font-size: 20px;
	font-weight: 700;
	padding: 5px 35px 5px 20px;
	line-height: 20px;
	background-image: url(./assets/images/icon-facility.svg);
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 14px 8px;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
	font-family: var(--gothic);
	color: #8490A5;
}
.facility-form-radio {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto;
	column-gap: 20px;
	row-gap: 15px;
	width: 100%;
	margin-top: 35px;
}
.facility-form-radio > label {
	display: block;
	width: 100%;
}
.facility-form-radio > label > .category { display: none; }
.facility-form-radio > label > .category + span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	border-radius: 15px;
	font-size: 20px;
	font-weight: var(--gothic);
	line-height: 1;
	font-weight: 700;
	cursor: pointer;
}
.facility-form-radio > label > .category + span.all {
	color: var(--white);
	background-color: #00428F;
}
.facility-form-radio > label > .category:checked + span.all {
	color: #00428F;
	background-color: var(--white);
	border: 2px solid #00428F;
}
.facility-form-radio > label > .category + span.all:hover {
	transition: 0.3s ease;
	color: #00428F;
	background-color: var(--white);
	border: 2px solid #00428F;
}
.facility-form-radio > label > .category + span.hospital-clinic {
	color: var(--white);
	background-color: #519BC9;
}
.facility-form-radio > label > .category:checked + span.hospital-clinic {
	color: #519BC9;
	background-color: var(--white);
	border: 2px solid #519BC9;
}
.facility-form-radio > label > .category + span.hospital-clinic:hover {
	transition: 0.3s ease;
	color: #519BC9;
	background-color: var(--white);
	border: 2px solid #519BC9;
}
.facility-form-radio > label > .category + span.osteopathic {
	color: var(--white);
	background-color: #589FB1;
}
.facility-form-radio > label > .category:checked + span.osteopathic {
	color: #589FB1;
	background-color: var(--white);
	border: 2px solid #589FB1;
}
.facility-form-radio > label > .category + span.osteopathic:hover {
	transition: 0.3s ease;
	color: #589FB1;
	background-color: var(--white);
	border: 2px solid #589FB1;
}
.facility-form-radio > label > .category + span.sports {
	color: var(--white);
	background-color: #476296;
}
.facility-form-radio > label > .category:checked + span.sports {
	color: #476296;
	background-color: var(--white);
	border: 2px solid #476296;
}
.facility-form-radio > label > .category + span.sports:hover {
	transition: 0.3s ease;
	color: #476296;
	background-color: var(--white);
	border: 2px solid #476296;
}
.facility-form-radio > label > .category + span.salon {
	color: var(--white);
	background-color: #D3879C;
}
.facility-form-radio > label > .category:checked + span.salon {
	color: #D3879C;
	background-color: var(--white);
	border: 2px solid #D3879C;
}
.facility-form-radio > label > .category + span.salon:hover {
	transition: 0.3s ease;
	color: #D3879C;
	background-color: var(--white);
	border: 2px solid #D3879C;
}
.facility-form-radio > label > .category + span.beauty {
	color: var(--white);
	background-color: #EFA28B;
}
.facility-form-radio > label > .category:checked + span.beauty {
	color: #EFA28B;
	background-color: var(--white);
	border: 2px solid #EFA28B;
}
.facility-form-radio > label > .category + span.beauty:hover {
	transition: 0.3s ease;
	color: #EFA28B;
	background-color: var(--white);
	border: 2px solid #EFA28B;
}
.facility-form-radio > label > .category + span.others {
	color: var(--white);
	background-color: #818D92;
}
.facility-form-radio > label > .category:checked + span.others {
	color: #818D92;
	background-color: var(--white);
	border: 2px solid #818D92;
}
.facility-form-radio > label > .category + span.others:hover {
	transition: 0.3s ease;
	color: #818D92;
	background-color: var(--white);
	border: 2px solid #818D92;
}
.facility-form-radio > label > .category:checked + span { pointer-events: none; }
.facility-form-btn {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 50px;
}
.facility-form-search {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 55px;
	border: 1px solid var(--font-color);
	background-color: var(--white);
	border-radius: 5px;
	transition: 0.3s;
	cursor: pointer;
}
.facility-form-search > span {
	position: relative;
	display: block;
	width: auto;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	color: var(--font-color);
	font-family: var(--yumincho);
	padding-right: 20px;
}
.facility-form-search > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 5.8px;
	height: 11.83px;
	background-image: url(./assets/images/icon-btn-bk.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.facility-form-search:hover {
	transition: background 0.3s ease;
	background: var(--font-color);
}
.facility-form-search:hover > span {
	transition: color 0.3s ease;
	color: var(--white);
}
.facility-form-search:hover > span::after {
	transition: background-image 0.3s ease;
	background-image: url(./assets/images/icon-btn-wh.png);
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.facility-form-radio { grid-template-columns: repeat(3, 1fr); }
}
/*archives*/
@media screen and (max-width:767px) {
.facility-archive__wrap {
	display: block;
	width: 100%;
	margin-top: 30px;
}
.facility-items {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: auto;
	row-gap: 20px;
	width: 100%;
}
.facility-item {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	min-height: 117px;
	padding: 15px 10px 15px 140px;
	background-color: var(--white);
	border: 1px solid #E2E8ED;
}
.facility-item__figure {
	position: absolute;
	top: 15px;
	left: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 130px;
	height: 86px;
	overflow: hidden;
}
.facility-item__figure > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.facility-item__taxonomy {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 5px;
	padding: 0 0 0 20px;
}
.facility-item__categories {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/* width: 65%; */
	width: calc(100% - 5em);
}
.facility-item__category {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	color: var(--white);
	/* font-size: 10px;
    line-height: 14px; */
	font-size: 13px;
	line-height: 1.4;
	font-weight: 700;
	font-family: var(--gothic);
	word-break: keep-all;
	text-align: center;
	/* padding: 2px 10px; */
	padding: 2px 6px;
	border-radius: 5px;
}
.facility-item__category:nth-child(n+2) { margin-top: 5px; }
.facility-item__category.salon { background-color: #D3879C; }
.facility-item__category.sports { background-color: #476296; }
.facility-item__category.others { background-color: #818D92; }
.facility-item__category.osteopathic { background-color: #589FB1; }
.facility-item__category.hospital-clinic { background-color: #519BC9; }
.facility-item__category.beauty { background-color: #EFA28B; }
.facility-item__areas {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	/* width: 35%; */
	width: 4em;
}
.facility-item__area {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	/* font-size: 10px; */
	font-size: 15px;
	font-weight: 700;
	font-family: var(--gothic);
	color: #8490A5;
	line-height: 18px;
}
.facility-item__area:nth-child(n+2) { margin-top: 5px; }
.facility-item__title {
	display: -webkit-box;
	width: 100%;
	/* font-size: 15px;
    line-height: 19.5px; */
	font-size: 18px;
	line-height: 1.4;
	font-family: var(--yumincho);
	font-weight: 600;
	color: var(--font-color);
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-align: justify;
	padding: 0 0 0 20px;
}
}
@media screen and (max-width:359px) {
.facility-item {
	min-height: 102px;
	padding: 15px 10px 15px 120px;
}
.facility-item__figure {
	width: 110px;
	height: 72px;
}
.facility-item__title,
 .facility-item__taxonomy { padding: 0 0 0 10px; }
}
@media screen and (min-width:768px) {
.facility-archive__wrap {
	display: block;
	width: 100%;
	margin-top: 60px;
}
.facility-items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto;
	column-gap: 20px;
	row-gap: 40px;
	width: 100%;
}
.facility-item {
	display: block;
	width: 100%;
	padding: 15px 10px 20px 10px;
	background-color: var(--white);
	border: 1px solid #E2E8ED;
}
.facility-item:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
.facility-item__figure {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	aspect-ratio: 480/318;
	overflow: hidden;
}
.facility-item__figure > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.facility-item__taxonomy {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 20px;
	padding: 0 10px;
}
.facility-item__categories {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/* width: 65%; */
	width: calc(100% - 5em);
}
.facility-item__category {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	color: var(--white);
	/* font-size: 12px;
    line-height: 16px; */
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	font-family: var(--gothic);
	word-break: keep-all;
	text-align: center;
	/* padding: 2px 10px; */
	padding: 3px 4px;
	border-radius: 5px;
}
.facility-item__category:nth-child(n+2) { margin-top: 5px; }
.facility-item__category.salon { background-color: #D3879C; }
.facility-item__category.sports { background-color: #476296; }
.facility-item__category.others { background-color: #818D92; }
.facility-item__category.osteopathic { background-color: #589FB1; }
.facility-item__category.hospital-clinic { background-color: #519BC9; }
.facility-item__category.beauty { background-color: #EFA28B; }
.facility-item__areas {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	/* width: 35%; */
	width: 4em;
}
.facility-item__area {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	/* font-size: 12px; */
	font-size: 16px;
	font-weight: 700;
	font-family: var(--gothic);
	color: #8490A5;
	line-height: 20px;
}
.facility-item__area:nth-child(n+2) { margin-top: 5px; }
.facility-item__title {
	display: -webkit-box;
	width: 100%;
	/* font-size: 16px;
    line-height: 20.8px; */
	font-size: 20px;
	line-height: 1.4;
	font-family: var(--yumincho);
	font-weight: 600;
	color: var(--font-color);
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: justify;
	padding: 0 10px;
	margin-top: 15px;
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.facility-items { grid-template-columns: repeat(3, 1fr); }
}
/*
SINGLE - facility
--------------------------------------------- */
@media screen and (max-width:767px) {
.single-facility {
	display: block;
	width: 100%;
	padding-bottom: 40px;
}
.single-facility > .container { padding: 0 10px; }
.single-facility__body {
	display: block;
	width: 100%;
	padding: 40px 20px;
	background-color: var(--white);
}
.single-facility__header {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.single-facility__taxonomy {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
}
.single-facility__taxonomy > div {
	display: flex;
	flex-wrap: wrap;
	width: auto;
}
.single-facility__taxonomy > div:first-child { margin-right: 30px; }
.single-facility__category {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	color: var(--white);
	/* font-size: 12px;
    line-height: 16px; */
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	font-family: var(--gothic);
	word-break: keep-all;
	text-align: center;
	/* padding: 2px 10px; */
	padding: 4px 10px;
	border-radius: 5px;
}
.single-facility__category:nth-child(n+2) { margin-left: 5px; }
.single-facility__category.salon { background-color: #D3879C; }
.single-facility__category.sports { background-color: #476296; }
.single-facility__category.others { background-color: #818D92; }
.single-facility__category.osteopathic { background-color: #589FB1; }
.single-facility__category.hospital-clinic { background-color: #519BC9; }
.single-facility__category.beauty { background-color: #EFA28B; }
.single-facility__area {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	/* font-size: 12px;
    line-height: 20px; */
	font-size: 18px;
	line-height: 1.3;
	font-weight: 700;
	font-family: var(--gothic);
	color: #8490A5;
}
.single-facility__area:nth-child(n+2) { margin-left: 5px; }
.single-facility__title {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 25px;
	font-weight: 500;
	line-height: 32.5px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 20px;
}
.single-facility__title::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #14419A;
}
.facility-single__btns {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 60px;
}
}
@media screen and (min-width:768px) {
.single-facility {
	display: block;
	width: 100%;
	padding-bottom: 50px;
}
.single-facility__body {
	display: block;
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	padding: 50px 20px 20px;
	background-color: var(--white);
}
.single-facility__header {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.single-facility__taxonomy {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
}
.single-facility__taxonomy > div {
	display: flex;
	flex-wrap: wrap;
	width: auto;
}
.single-facility__taxonomy > div:nth-child(n+2) { margin-left: 30px; }
.single-facility__category {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	color: var(--white);
	/* font-size: 12px;
    line-height: 16px; */
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	font-family: var(--gothic);
	word-break: keep-all;
	text-align: center;
	/* padding: 2px 10px; */
	padding: 4px 10px;
	border-radius: 5px;
}
.single-facility__category:nth-child(n+2) { margin-left: 5px; }
.single-facility__category.salon { background-color: #D3879C; }
.single-facility__category.sports { background-color: #476296; }
.single-facility__category.others { background-color: #818D92; }
.single-facility__category.osteopathic { background-color: #589FB1; }
.single-facility__category.hospital-clinic { background-color: #519BC9; }
.single-facility__category.beauty { background-color: #EFA28B; }
.single-facility__area {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	/* font-size: 12px;
    line-height: 20px; */
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	font-family: var(--gothic);
	color: #8490A5;
}
.single-facility__area:nth-child(n+2) { margin-left: 5px; }
.single-facility__title {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 3px solid #E2E8ED;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	font-family: var(--yumincho);
	text-align: justify;
	word-break: break-all;
	margin-top: 20px;
}
.single-facility__title::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 126px;
	height: 3px;
	background-color: #14419A;
}
.facility-single__btns {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 70px;
}
}
 /*
ARCHIVES - facility
--------------------------------------------- */
/*form*/
@media screen and (max-width:767px) {
.facility-form__btns {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-bottom: 25px;
}
.facility-form__btns > a {
	width: auto;
	font-size: 16px;
}
}
@media screen and (min-width:768px) {
.facility-form__btns {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-bottom: 25px;
}
.facility-form__btns > a {
	width: auto;
	font-size: 16px;
}
}
.facility-form__btns > a {
	line-height: 1.4;
	padding: 5px 20px 5px 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #f0f0f0;
}
.facility-form__btns > a:after { right: 5px; }
.list-nav__title { text-align: left; }
.inline-b { display: inline-block; }
.sub-txt {
	font-weight: normal;
	font-size: 0.7em;
	opacity: 0.9;
	line-height: 1;
}
@media screen and (max-width:1024px) {
.list-nav__area-list { overflow-x: scroll; }
.overflow-table { width: max-content; }
.list-nav__area-list tr th { width: auto !important; }
}
#mymap iframe {
	width: 100%;
	border: none;
	max-width: 900px;
	margin: 50px auto 0;
	display: block;
}
@media screen and (max-width:767px) {
#mymap iframe {
	height: 550px;
	margin-top: 30px;
}
}
/*
ARCHIVE pagination
--------------------------------------------- */
@media screen and (min-width:0px) {
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 60px;
}
.pagination > .page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #00428E;
	font-family: var(--yumincho);
}
.pagination > .page-numbers.dots { width: auto; }
.pagination > .page-numbers:nth-child(n+2) { margin-left: 10px; }
.pagination > .page-numbers:hover {
	transition: opacity 0.3s ease;
	opacity: 0.7;
}
.pagination > .page-numbers.current {
	display: block;
	width: 35px;
	height: 35px;
	text-align: center;
	background-color: #00428E;
	color: var(--white);
	line-height: 35px;
	pointer-events: none;
}
.pagination > .prev.page-numbers,
 .pagination > .next.page-numbers {
	display: flex;
	align-items: center;
	width: 75px;
	height: 35px;
	background-repeat: no-repeat;
	background-size: 6.85px 13.98px;
}
.pagination > .prev.page-numbers {
	padding-left: 10px;
	background-image: url(./assets/images/icon-prev.png);
	background-position: left center;
}
.pagination > .next.page-numbers {
	padding-right: 10px;
	background-image: url(./assets/images/icon-next.png);
	background-position: right center;
}
}
@media screen and (max-width:767px) {
.pagination { margin-top: 40px; }
.pagination > .page-numbers:nth-child(n+2) { margin-left: 5px; }
}
/*
facility-category
--------------------------------------------- */
:root { --hospital-clinic: #519BC9;
 --osteopathic: #589FB1;
 --salon: #D3879C;
 --other: #818D92;
}
.facility-nav {
	padding: 40px 0;
	margin-bottom: 30px;
}
/* タイトル */
.facility-nav-title {
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: 5px solid var(--blue);
	font-size: 26px;
	font-weight: 500;
	line-height: 30px;
	font-family: var(--yumincho);
}
.facility-nav-list {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	padding: 0;
	margin: 0;
}
.facility-nav-list > li { margin: 0; }
 @media (max-width: 600px) {
.facility-nav-list { grid-template-columns: 1fr; }
}
 @media (min-width: 900px) {
.facility-nav-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* 共通ボタン */
.facility-nav__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none;
	transition: all .2s ease;
	color: #fff;
	border: 2px solid transparent;
}
/* 病院・クリニック */
.facility-nav__btn--hospital-clinic { background: var(--hospital-clinic); }
.facility-nav__btn--hospital-clinic:hover,
 .facility-nav__btn--hospital-clinic.is-active {
	background: #fff;
	color: var(--hospital-clinic)!important;
	border-color: var(--hospital-clinic);
}
/* 治療院 */
.facility-nav__btn--osteopathic { background: var(--osteopathic); }
.facility-nav__btn--osteopathic:hover,
 .facility-nav__btn--osteopathic.is-active {
	background: #fff;
	color: var(--osteopathic)!important;
	border-color: var(--osteopathic);
}
/* サロン・スポーツジム */
.facility-nav__btn--salon { background: var(--salon); }
.facility-nav__btn--salon:hover,
 .facility-nav__btn--salon.is-active {
	background: #fff;
	color: var(--salon)!important;
	border-color: var(--salon);
}
/* その他 */
.facility-nav__btn--other { background: var(--other); }
.facility-nav__btn--other:hover,
 .facility-nav__btn--other.is-active {
	background: #fff;
	color: var(--other)!important;
	border-color: var(--other);
}
@media screen and (min-width:768px) {
.pagination > .page-numbers {
	font-size: 20px;
	line-height: 1;
}
}
.single-news .single-news__date,
.single-news .single-content p,
.single-column .single-content p,
.single-facility .single-content p,
.single-publish .single-content p,
.single-voice .single-content p {
	font-size: 18px;
	line-height: 1.8;
}
.single-column .single-content ul > li,
.single-column .single-content ol > li {
	font-size: 18px;
	line-height: 1.6;
}
@media screen and (min-width:768px) {
.single-news .single-news__date,
 .single-news .single-content p,
 .single-column .single-content p,
 .single-facility .single-content p,
 .single-publish .single-content p,
 .single-voice .single-content p,
 .single-column .single-content ul > li,
 .single-column .single-content ol > li { font-size: 20px; }
.single-content ul > li:nth-child(n+2),
 .single-content ol > li:nth-child(n+2) { margin-top: 1.5em; }
}