@charset "utf-8";
/*
Theme Name: res
Version: 1.5.1
Author: T8,Inc.
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap");
:root {
	--break: 1920;
	--guideline-color: #aaa;
	font-size: calc(16 / var(--break) * 100vw);
	--color01: #000000; /* text */
	--color02: #ffffff; /* white */
	--color03: #1d1d1f; /* dark */

	--color04: #c7b3ff; /* main */
	--color05: #e0b3ff; /* main-light */
	--color06: #ae88fc; /* accent */

	--color07: #baffff; /* cyan */
	--color08: #88affc; /* blue */
	--color09: #8889fc; /* blue-purple */

	--color10: #fc88bc; /* pink */
	--color11: #fa88fc; /* magenta */
	--color12: #fc8e88; /* coral */

	--color13: #fce788; /* yellow */
	--color14: #fcca88; /* orange */
	--color15: #e5fc88; /* green */

	--color16: #ebe6f2; /* bg-purple */
	--color17: #d489fc; /* bg-purple */

	--color18: #c355fe; /* gradient-start */
	--color19: #b44ff8; /* gradient-end */
	--color20: #f2e9e6;

	--size5px: calc(5 / var(--break) * 100vw);
	--size10px: calc(10 / var(--break) * 100vw);
	--size15px: calc(15 / var(--break) * 100vw);
	--size20px: calc(20 / var(--break) * 100vw);
	--size25px: calc(25 / var(--break) * 100vw);
	--size30px: calc(30 / var(--break) * 100vw);
	--size35px: calc(35 / var(--break) * 100vw);
	--size40px: calc(40 / var(--break) * 100vw);
	--size45px: calc(45 / var(--break) * 100vw);
	--size50px: calc(50 / var(--break) * 100vw);
	--size55px: calc(55 / var(--break) * 100vw);
	--size60px: calc(60 / var(--break) * 100vw);
	--size65px: calc(65 / var(--break) * 100vw);
	--size70px: calc(70 / var(--break) * 100vw);
	--size75px: calc(75 / var(--break) * 100vw);
	--size80px: calc(80 / var(--break) * 100vw);
	--size85px: calc(85 / var(--break) * 100vw);
	--size90px: calc(90 / var(--break) * 100vw);
	--size95px: calc(95 / var(--break) * 100vw);
	--size100px: calc(100 / var(--break) * 100vw);
	--size105px: calc(105 / var(--break) * 100vw);
	--size110px: calc(110 / var(--break) * 100vw);
	--size115px: calc(115 / var(--break) * 100vw);
	--size120px: calc(120 / var(--break) * 100vw);
	--size125px: calc(125 / var(--break) * 100vw);
	--size130px: calc(130 / var(--break) * 100vw);
	--size135px: calc(135 / var(--break) * 100vw);
	--size140px: calc(140 / var(--break) * 100vw);
	--size145px: calc(145 / var(--break) * 100vw);
	--size150px: calc(150 / var(--break) * 100vw);
	--size160px: calc(160 / var(--break) * 100vw);
	--size170px: calc(170 / var(--break) * 100vw);
	--size180px: calc(180 / var(--break) * 100vw);
	--size190px: calc(190 / var(--break) * 100vw);
	--size200px: calc(200 / var(--break) * 100vw);
}
@media (min-width: 768px) and (max-width: 1599px) {
	:root {
		--break: 1599;
	}
}
@media (min-width: 768px) and (max-width: 1299px) {
	:root {
		--break: 1299;
	}
}
@media (max-width: 767px) {
	:root {
		--break: 750;
	}
}

/*サイト別フォント・カラー設定*/
.txt_link {
	color: #1d1d1f;
	text-decoration: underline;
}

/*ここまで*/
html,
body {
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 2;
	color: #000;
	letter-spacing: 0.1em;
	font-family:
		"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN",
		"Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fwn {
	font-weight: normal;
}
.fwb {
	font-weight: bold;
}

.ryo {
	font-family: "ryo-display-plusn", serif;
	font-weight: 700;
	font-style: normal;
}
.gara {
	font-family: "garamond-premier-pro-display", serif;
	font-weight: 300;
	font-style: normal;
}
.sheila {
	font-family: "sheila", sans-serif;
	font-weight: 400;
	font-style: normal;
}
img {
	max-width: 100%;
	height: auto;
}
iframe {
	max-width: 100%;
}
video {
	max-width: 100%;
}
* {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
a {
	color: inherit;
	text-decoration: none;
}
#wrap {
	overflow-x: hidden;
}
.oh {
	overflow: hidden;
}
a:hover {
	opacity: 0.85;
	transition: 0.3s;
}
a.zoom {
	pointer-events: none;
}
.inner,
.inner1000,
.inner1140,
.inner1200,
.inner1340,
.inner1500,
.inner1600,
.inner1720 {
	max-width: 1240px;
	width: 90%;
	margin: 0 auto;
}
.inner1000 {
	max-width: 1000px;
}
.inner1140 {
	max-width: 1140px;
}
.inner1200 {
	max-width: 1200px;
}
.inner1340 {
	max-width: 1340px;
}
.inner1500 {
	max-width: 1500px;
}
.inner1600 {
	max-width: 1600px;
}
.inner1720 {
	max-width: 1720px;
}
.w100 {
	width: 100% !important;
}
table {
	table-layout: fixed;
}
td input {
	max-width: 100%;
}
a[href^="tel:"] {
	cursor: default;
}
a[href^="tel:"]:hover {
	opacity: 1;
}
.slick-slide {
	outline: none;
}
.adjust {
	display: none;
}
.tb_only {
	display: none;
}
.sp_only {
	display: none;
}
.tb_pc {
	display: inherit;
}
.sp_tb {
	display: none;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.flex.start {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.flex.end {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.flex.center {
	-webkit-justify-content: center;
	justify-content: center;
}
.flex.around {
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.flex.between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.flex.stretch {
	-webkit-align-items: stretch;
	align-items: stretch;
}
.flex.ai_center {
	-webkit-align-items: center;
	align-items: center;
}
.flex.ai_start {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.flex.ai_end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.flex.nowrap {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.flex.column {
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flex.row {
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.flex.c_reverse {
	-ms-flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.flex.r_reverse {
	-ms-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.flex.cc {
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex.ccc {
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
}
.flex.cccc {
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.noshrink {
	flex: 0 0 auto;
}
.grow {
	flex: 1 1 auto;
}

.ccl {
	border-radius: 100%;
}
.bdrd5 {
	border-radius: var(--size5px);
}
.bdrd10 {
	border-radius: var(--size10px);
}
.bdrd15 {
	border-radius: var(--size15px);
}
.bdrd20 {
	border-radius: var(--size20px);
}
.bdrd25 {
	border-radius: var(--size25px);
}
.bdrd30 {
	border-radius: var(--size30px);
}
.bdrd35 {
	border-radius: var(--size35px);
}
.bdrd40 {
	border-radius: var(--size40px);
}
.bdrd45 {
	border-radius: var(--size45px);
}
.bdrd50 {
	border-radius: var(--size50px);
}

.txt_center {
	text-align: center;
}
.txt_right {
	text-align: right;
}
.txt_rl {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}

.mgn_a {
	margin-left: auto;
	margin-right: auto;
}
.mgn_l {
	margin-left: auto;
}
.mgn_r {
	margin-right: auto;
}
.no_mgn {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: var(--size5px);
}
.mb10 {
	margin-bottom: var(--size10px);
}
.mb15 {
	margin-bottom: var(--size15px);
}
.mb20 {
	margin-bottom: var(--size20px);
}
.mb25 {
	margin-bottom: var(--size25px);
}
.mb30 {
	margin-bottom: var(--size30px);
}
.mb35 {
	margin-bottom: var(--size35px);
}
.mb40 {
	margin-bottom: var(--size40px);
}
.mb45 {
	margin-bottom: var(--size45px);
}
.mb50 {
	margin-bottom: var(--size50px);
}
.mb55 {
	margin-bottom: var(--size55px);
}
.mb60 {
	margin-bottom: var(--size60px);
}
.mb65 {
	margin-bottom: var(--size65px);
}
.mb70 {
	margin-bottom: var(--size70px);
}
.mb75 {
	margin-bottom: var(--size75px);
}
.mb80 {
	margin-bottom: var(--size80px);
}
.mb85 {
	margin-bottom: var(--size85px);
}
.mb90 {
	margin-bottom: var(--size90px);
}
.mb95 {
	margin-bottom: var(--size95px);
}
.mb100 {
	margin-bottom: var(--size100px);
}
.mb105 {
	margin-bottom: var(--size105px);
}
.mb110 {
	margin-bottom: var(--size110px);
}
.mb115 {
	margin-bottom: var(--size115px);
}
.mb120 {
	margin-bottom: var(--size120px);
}
.mb125 {
	margin-bottom: var(--size125px);
}
.mb130 {
	margin-bottom: var(--size130px);
}
.mb135 {
	margin-bottom: var(--size135px);
}
.mb140 {
	margin-bottom: var(--size140px);
}
.mb145 {
	margin-bottom: var(--size145px);
}
.mb150 {
	margin-bottom: var(--size150px);
}
.mb160 {
	margin-bottom: var(--size160px);
}
.mb180 {
	margin-bottom: var(--size180px);
}
.mb190 {
	margin-bottom: var(--size190px);
}
.mb05em {
	margin-bottom: 0.5em;
}
.mb10em {
	margin-bottom: 1em;
}
.mb15em {
	margin-bottom: 1.5em;
}
.mb20em {
	margin-bottom: 2em;
}
.mb25em {
	margin-bottom: 2.5em;
}
.mb30em {
	margin-bottom: 3em;
}

.mt5 {
	margin-top: var(--size5px);
}
.mt10 {
	margin-top: var(--size10px);
}
.mt15 {
	margin-top: var(--size15px);
}
.mt20 {
	margin-top: var(--size20px);
}
.mt25 {
	margin-top: var(--size25px);
}
.mt30 {
	margin-top: var(--size30px);
}
.mt35 {
	margin-top: var(--size35px);
}
.mt40 {
	margin-top: var(--size40px);
}
.mt45 {
	margin-top: var(--size45px);
}
.mt50 {
	margin-top: var(--size50px);
}
.mt55 {
	margin-top: var(--size55px);
}
.mt60 {
	margin-top: var(--size60px);
}
.mt65 {
	margin-top: var(--size65px);
}
.mt70 {
	margin-top: var(--size70px);
}
.mt75 {
	margin-top: var(--size75px);
}
.mt80 {
	margin-top: var(--size80px);
}
.mt85 {
	margin-top: var(--size85px);
}
.mt90 {
	margin-top: var(--size90px);
}
.mt95 {
	margin-top: var(--size95px);
}
.mt100 {
	margin-top: var(--size100px);
}
.mt105 {
	margin-top: var(--size105px);
}
.mt110 {
	margin-top: var(--size110px);
}
.mt115 {
	margin-top: var(--size115px);
}
.mt120 {
	margin-top: var(--size120px);
}
.mt125 {
	margin-top: var(--size125px);
}
.mt130 {
	margin-top: var(--size130px);
}
.mt135 {
	margin-top: var(--size135px);
}
.mt140 {
	margin-top: var(--size140px);
}
.mt145 {
	margin-top: var(--size145px);
}
.mt150 {
	margin-top: var(--size150px);
}
.mt200 {
	margin-top: var(--size200px);
}
.mt05em {
	margin-top: 0.5em;
}
.mt10em {
	margin-top: 1em;
}
.mt15em {
	margin-top: 1.5em;
}
.mt20em {
	margin-top: 2em;
}
.mt25em {
	margin-top: 2.5em;
}
.mt30em {
	margin-top: 3em;
}

.mr5 {
	margin-right: var(--size5px);
}
.mr10 {
	margin-right: var(--size10px);
}
.mr15 {
	margin-right: var(--size15px);
}
.mr20 {
	margin-right: var(--size20px);
}
.mr25 {
	margin-right: var(--size25px);
}
.mr30 {
	margin-right: var(--size30px);
}
.mr35 {
	margin-right: var(--size35px);
}
.mr40 {
	margin-right: var(--size40px);
}
.mr45 {
	margin-right: var(--size45px);
}
.mr50 {
	margin-right: var(--size50px);
}

.ml5 {
	margin-left: var(--size5px);
}
.ml10 {
	margin-left: var(--size10px);
}
.ml15 {
	margin-left: var(--size15px);
}
.ml20 {
	margin-left: var(--size20px);
}
.ml25 {
	margin-left: var(--size25px);
}
.ml30 {
	margin-left: var(--size30px);
}
.ml35 {
	margin-left: var(--size35px);
}
.ml40 {
	margin-left: var(--size40px);
}
.ml45 {
	margin-left: var(--size45px);
}
.ml50 {
	margin-left: var(--size50px);
}

.db {
	display: block;
}
.dib {
	display: inline-block;
}
.por {
	position: relative;
	z-index: 1;
}
.poa {
	position: absolute;
}
.zi0 {
	z-index: 0;
}
.zi1 {
	z-index: 1;
}
.zi2 {
	z-index: 2;
}

.turn_up {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.lh1 {
	line-height: 1;
}
.lh11 {
	line-height: 1.1;
}
.lh12 {
	line-height: 1.2;
}
.lh13 {
	line-height: 1.3;
}
.lh14 {
	line-height: 1.4;
}
.lh15 {
	line-height: 1.5;
}
.lh16 {
	line-height: 1.6;
}
.lh17 {
	line-height: 1.7;
}
.lh18 {
	line-height: 1.8;
}
.lh19 {
	line-height: 1.9;
}
.lh2 {
	line-height: 2;
}
.lh22 {
	line-height: 2.2;
}
.lh25 {
	line-height: 2.5;
}

.pt0 {
	padding-top: 0;
}
.pt5 {
	padding-top: var(--size5px);
}
.pt10 {
	padding-top: var(--size10px);
}
.pt15 {
	padding-top: var(--size15px);
}
.pt20 {
	padding-top: var(--size20px);
}
.pt25 {
	padding-top: var(--size25px);
}
.pt30 {
	padding-top: var(--size30px);
}
.pt35 {
	padding-top: var(--size35px);
}
.pt40 {
	padding-top: var(--size40px);
}
.pt45 {
	padding-top: var(--size45px);
}
.pt50 {
	padding-top: var(--size50px);
}
.pt55 {
	padding-top: var(--size55px);
}
.pt60 {
	padding-top: var(--size60px);
}
.pt65 {
	padding-top: var(--size65px);
}
.pt70 {
	padding-top: var(--size70px);
}
.pt75 {
	padding-top: var(--size75px);
}
.pt80 {
	padding-top: var(--size80px);
}
.pt85 {
	padding-top: var(--size85px);
}
.pt90 {
	padding-top: var(--size90px);
}
.pt95 {
	padding-top: var(--size95px);
}
.pt100 {
	padding-top: var(--size100px);
}
.pt105 {
	padding-top: var(--size105px);
}
.pt110 {
	padding-top: var(--size110px);
}
.pt115 {
	padding-top: var(--size115px);
}
.pt120 {
	padding-top: var(--size120px);
}
.pt125 {
	padding-top: var(--size125px);
}
.pt130 {
	padding-top: var(--size130px);
}
.pt135 {
	padding-top: var(--size135px);
}
.pt140 {
	padding-top: var(--size140px);
}
.pt145 {
	padding-top: var(--size145px);
}
.pt150 {
	padding-top: var(--size150px);
}
.pt160 {
	padding-top: var(--size160px);
}
.pt170 {
	padding-top: var(--size170px);
}
.pt180 {
	padding-top: var(--size180px);
}
.pt190 {
	padding-top: var(--size190px);
}
.pt200 {
	padding-top: var(--size200px);
}

.pb0 {
	padding-bottom: 0;
}
.pb5 {
	padding-bottom: var(--size5px);
}
.pb10 {
	padding-bottom: var(--size10px);
}
.pb15 {
	padding-bottom: var(--size15px);
}
.pb20 {
	padding-bottom: var(--size20px);
}
.pb25 {
	padding-bottom: var(--size25px);
}
.pb30 {
	padding-bottom: var(--size30px);
}
.pb35 {
	padding-bottom: var(--size35px);
}
.pb40 {
	padding-bottom: var(--size40px);
}
.pb45 {
	padding-bottom: var(--size45px);
}
.pb50 {
	padding-bottom: var(--size50px);
}
.pb55 {
	padding-bottom: var(--size55px);
}
.pb60 {
	padding-bottom: var(--size60px);
}
.pb65 {
	padding-bottom: var(--size65px);
}
.pb70 {
	padding-bottom: var(--size70px);
}
.pb75 {
	padding-bottom: var(--size75px);
}
.pb80 {
	padding-bottom: var(--size80px);
}
.pb85 {
	padding-bottom: var(--size85px);
}
.pb90 {
	padding-bottom: var(--size90px);
}
.pb95 {
	padding-bottom: var(--size95px);
}
.pb100 {
	padding-bottom: var(--size100px);
}
.pb105 {
	padding-bottom: var(--size105px);
}
.pb110 {
	padding-bottom: var(--size110px);
}
.pb115 {
	padding-bottom: var(--size115px);
}
.pb120 {
	padding-bottom: var(--size120px);
}
.pb125 {
	padding-bottom: var(--size125px);
}
.pb130 {
	padding-bottom: var(--size130px);
}
.pb135 {
	padding-bottom: var(--size135px);
}
.pb140 {
	padding-bottom: var(--size140px);
}
.pb145 {
	padding-bottom: var(--size145px);
}
.pb150 {
	padding-bottom: var(--size150px);
}
.pb160 {
	padding-bottom: var(--size160px);
}
.pb170 {
	padding-bottom: var(--size170px);
}
.pb180 {
	padding-bottom: var(--size180px);
}
.pb190 {
	padding-bottom: var(--size190px);
}
.pb200 {
	padding-bottom: var(--size200px);
}

.pr5 {
	padding-right: var(--size5px);
}
.pr10 {
	padding-right: var(--size10px);
}
.pr15 {
	padding-right: var(--size15px);
}
.pr20 {
	padding-right: var(--size20px);
}
.pr25 {
	padding-right: var(--size25px);
}
.pr30 {
	padding-right: var(--size30px);
}
.pr35 {
	padding-right: var(--size35px);
}
.pr40 {
	padding-right: var(--size40px);
}
.pr45 {
	padding-right: var(--size45px);
}
.pr50 {
	padding-right: var(--size50px);
}
.pr55 {
	padding-right: var(--size55px);
}
.pr60 {
	padding-right: var(--size60px);
}
.pr65 {
	padding-right: var(--size65px);
}
.pr70 {
	padding-right: var(--size70px);
}
.pr75 {
	padding-right: var(--size75px);
}
.pr80 {
	padding-right: var(--size80px);
}
.pr85 {
	padding-right: var(--size85px);
}
.pr90 {
	padding-right: var(--size90px);
}
.pr95 {
	padding-right: var(--size95px);
}
.pr100 {
	padding-right: var(--size100px);
}

.pl5 {
	padding-left: var(--size5px);
}
.pl10 {
	padding-left: var(--size10px);
}
.pl15 {
	padding-left: var(--size15px);
}
.pl20 {
	padding-left: var(--size20px);
}
.pl25 {
	padding-left: var(--size25px);
}
.pl30 {
	padding-left: var(--size30px);
}
.pl35 {
	padding-left: var(--size35px);
}
.pl40 {
	padding-left: var(--size40px);
}
.pl45 {
	padding-left: var(--size45px);
}
.pl50 {
	padding-left: var(--size50px);
}
.pl55 {
	padding-left: var(--size55px);
}
.pl60 {
	padding-left: var(--size60px);
}
.pl65 {
	padding-left: var(--size65px);
}
.pl70 {
	padding-left: var(--size70px);
}
.pl75 {
	padding-left: var(--size75px);
}
.pl80 {
	padding-left: var(--size80px);
}
.pl85 {
	padding-left: var(--size85px);
}
.pl90 {
	padding-left: var(--size90px);
}
.pl95 {
	padding-left: var(--size95px);
}
.pl100 {
	padding-left: var(--size100px);
}

.prl5 {
	padding-right: var(--size5px);
	padding-left: var(--size5px);
}
.prl10 {
	padding-right: var(--size10px);
	padding-left: var(--size10px);
}
.prl15 {
	padding-right: var(--size15px);
	padding-left: var(--size15px);
}
.prl20 {
	padding-right: var(--size20px);
	padding-left: var(--size20px);
}
.prl25 {
	padding-right: var(--size25px);
	padding-left: var(--size25px);
}
.prl30 {
	padding-right: var(--size30px);
	padding-left: var(--size30px);
}
.prl35 {
	padding-right: var(--size35px);
	padding-left: var(--size35px);
}
.prl40 {
	padding-right: var(--size40px);
	padding-left: var(--size40px);
}
.prl45 {
	padding-right: var(--size45px);
	padding-left: var(--size45px);
}
.prl50 {
	padding-right: var(--size50px);
	padding-left: var(--size50px);
}
.prl55 {
	padding-right: var(--size55px);
	padding-left: var(--size55px);
}
.prl60 {
	padding-right: var(--size60px);
	padding-left: var(--size60px);
}
.prl65 {
	padding-right: var(--size65px);
	padding-left: var(--size65px);
}
.prl70 {
	padding-right: var(--size70px);
	padding-left: var(--size70px);
}
.prl75 {
	padding-right: var(--size75px);
	padding-left: var(--size75px);
}
.prl80 {
	padding-right: var(--size80px);
	padding-left: var(--size80px);
}
.prl85 {
	padding-right: var(--size85px);
	padding-left: var(--size85px);
}
.prl90 {
	padding-right: var(--size90px);
	padding-left: var(--size90px);
}
.prl95 {
	padding-right: var(--size95px);
	padding-left: var(--size95px);
}
.prl100 {
	padding-right: var(--size100px);
	padding-left: var(--size100px);
}

.fz10 {
	font-size: 0.625rem;
	letter-spacing: 0.1em;
}
.fz12 {
	font-size: 0.75rem;
	letter-spacing: 0.1em;
}
.fz13 {
	font-size: 0.8125rem;
	letter-spacing: 0.1em;
}
.fz14 {
	font-size: 0.875rem;
	letter-spacing: 0.1em;
}
.fz15 {
	font-size: 0.9375rem;
	letter-spacing: 0.1em;
}
.fz16 {
	font-size: 1rem;
	letter-spacing: 0.1em;
}
.fz18 {
	font-size: 1.125rem;
	letter-spacing: 0.1em;
}
.fz20 {
	font-size: 1.25rem;
	letter-spacing: 0.1em;
}
.fz22 {
	font-size: 1.375rem;
	letter-spacing: 0.1em;
}
.fz24 {
	font-size: 1.5rem;
	letter-spacing: 0.1em;
}
.fz25 {
	font-size: 1.5625rem;
	letter-spacing: 0.1em;
}
.fz26 {
	font-size: 1.625rem;
	letter-spacing: 0.1em;
}
.fz28 {
	font-size: 1.75rem;
	letter-spacing: 0.1em;
}
.fz30 {
	font-size: 1.875rem;
	letter-spacing: 0.1em;
}
.fz32 {
	font-size: 2rem;
	letter-spacing: 0.1em;
}
.fz34 {
	font-size: 2.125rem;
	letter-spacing: 0.1em;
}
.fz36 {
	font-size: 2.25rem;
	letter-spacing: 0.1em;
}
.fz38 {
	font-size: 2.375rem;
	letter-spacing: 0.1em;
}
.fz40 {
	font-size: 2.5rem;
	letter-spacing: 0.1em;
}
.fz42 {
	font-size: 2.625rem;
	letter-spacing: 0.1em;
}
.fz44 {
	font-size: 2.75rem;
	letter-spacing: 0.1em;
}
.fz46 {
	font-size: 2.875rem;
	letter-spacing: 0.1em;
}
.fz48 {
	font-size: 3rem;
	letter-spacing: 0.1em;
}
.fz50 {
	font-size: 3.125rem;
	letter-spacing: 0.1em;
}
.fz52 {
	font-size: 3.25rem;
	letter-spacing: 0.1em;
}
.fz54 {
	font-size: 3.375rem;
	letter-spacing: 0.1em;
}
.fz56 {
	font-size: 3.5rem;
	letter-spacing: 0.1em;
}
.fz58 {
	font-size: 3.625rem;
	letter-spacing: 0.1em;
}
.fz60 {
	font-size: 3.75rem;
	letter-spacing: 0.1em;
}
.fz62 {
	font-size: 3.875rem;
	letter-spacing: 0.1em;
}
.fz64 {
	font-size: 4rem;
	letter-spacing: 0.1em;
}
.fz66 {
	font-size: 4.125rem;
	letter-spacing: 0.1em;
}
.fz68 {
	font-size: 4.25rem;
	letter-spacing: 0.1em;
}
.fz70 {
	font-size: 4.375rem;
	letter-spacing: 0.1em;
}
.fz80 {
	font-size: 5rem;
	letter-spacing: 0.1em;
}
.fz84 {
	font-size: 5.25rem;
	letter-spacing: 0.1em;
}
.fz90 {
	font-size: 5.625rem;
	letter-spacing: 0.1em;
}
.fz96 {
	font-size: 6rem;
	letter-spacing: 0.1em;
}
.fz100 {
	font-size: 6.25rem;
	letter-spacing: 0.1em;
}
.fz110 {
	font-size: 6.875rem;
	letter-spacing: 0.1em;
}
.fz120 {
	font-size: 7.5rem;
	letter-spacing: 0.1em;
}
.fz130 {
	font-size: 8.125rem;
	letter-spacing: 0.1em;
}
.fz140 {
	font-size: 8.75rem;
	letter-spacing: 0.1em;
}
.fz150 {
	font-size: 9.375rem;
	letter-spacing: 0.1em;
}
.fz160 {
	font-size: 10rem;
	letter-spacing: 0.1em;
}
.fz190 {
	font-size: 11.875rem;
	letter-spacing: 0.1em;
}

.ls0 {
	letter-spacing: 0;
}
.ls05 {
	letter-spacing: 0.05em;
}
.ls1 {
	letter-spacing: 0.1em;
}
.ls15 {
	letter-spacing: 0.15em;
}
.ls2 {
	letter-spacing: 0.2em;
}

.txt_white {
	color: #fff !important;
}
.bg_white {
	background-color: #fff !important;
}
.shadow_w {
	text-shadow:
		0px 0px 5px #fff,
		0px 0px 5px #fff,
		0px 0px 10px #fff,
		0px 0px 10px #fff,
		0px 0px 15px #fff,
		0px 0px 15px #fff;
}
em {
	font-style: normal;
}

.txt_col01 {
	color: var(--color01) !important;
}
.txt_col02 {
	color: var(--color02) !important;
}
.txt_col03 {
	color: var(--color03) !important;
}
.txt_col04 {
	color: var(--color04) !important;
}
.txt_col05 {
	color: var(--color05) !important;
}
.txt_col06 {
	color: var(--color06) !important;
}
.txt_col07 {
	color: var(--color07) !important;
}
.txt_col08 {
	color: var(--color08) !important;
}
.txt_col09 {
	color: var(--color09) !important;
}
.txt_col10 {
	color: var(--color10) !important;
}
.txt_col11 {
	color: var(--color11) !important;
}
.txt_col12 {
	color: var(--color12) !important;
}
.txt_col13 {
	color: var(--color13) !important;
}
.txt_col14 {
	color: var(--color14) !important;
}
.txt_col15 {
	color: var(--color15) !important;
}
.txt_col16 {
	color: var(--color16) !important;
}
.txt_col17 {
	color: var(--color17) !important;
}
.txt_col18 {
	color: var(--color18) !important;
}
.txt_col19 {
	color: var(--color19) !important;
}
.txt_col20 {
	color: var(--color20) !important;
}

.txt_col_fl01::first-letter {
	color: var(--color01) !important;
}
.txt_col_fl02::first-letter {
	color: var(--color02) !important;
}
.txt_col_fl03::first-letter {
	color: var(--color03) !important;
}
.txt_col_fl04::first-letter {
	color: var(--color04) !important;
}
.txt_col_fl05::first-letter {
	color: var(--color05) !important;
}
.txt_col_fl06::first-letter {
	color: var(--color06) !important;
}
.txt_col_fl07::first-letter {
	color: var(--color07) !important;
}
.txt_col_fl08::first-letter {
	color: var(--color08) !important;
}
.txt_col_fl09::first-letter {
	color: var(--color09) !important;
}
.txt_col_fl10::first-letter {
	color: var(--color10) !important;
}
.txt_col_fl11::first-letter {
	color: var(--color11) !important;
}
.txt_col_fl12::first-letter {
	color: var(--color12) !important;
}
.txt_col_fl13::first-letter {
	color: var(--color13) !important;
}
.txt_col_fl14::first-letter {
	color: var(--color14) !important;
}
.txt_col_fl15::first-letter {
	color: var(--color15) !important;
}
.txt_col_fl16::first-letter {
	color: var(--color16) !important;
}
.txt_col_fl17::first-letter {
	color: var(--color17) !important;
}
.txt_col_fl18::first-letter {
	color: var(--color18) !important;
}
.txt_col_fl19::first-letter {
	color: var(--color19) !important;
}
.txt_col_fl20::first-letter {
	color: var(--color20) !important;
}

.bg_col01 {
	background-color: var(--color01) !important;
}
.bg_col02 {
	background-color: var(--color02) !important;
}
.bg_col03 {
	background-color: var(--color03) !important;
}
.bg_col04 {
	background-color: var(--color04) !important;
}
.bg_col05 {
	background-color: var(--color05) !important;
}
.bg_col06 {
	background-color: var(--color06) !important;
}
.bg_col07 {
	background-color: var(--color07) !important;
}
.bg_col08 {
	background-color: var(--color08) !important;
}
.bg_col09 {
	background-color: var(--color09) !important;
}
.bg_col10 {
	background-color: var(--color10) !important;
}
.bg_col11 {
	background-color: var(--color11) !important;
}
.bg_col12 {
	background-color: var(--color12) !important;
}
.bg_col13 {
	background-color: var(--color13) !important;
}
.bg_col14 {
	background-color: var(--color14) !important;
}
.bg_col15 {
	background-color: var(--color15) !important;
}
.bg_col16 {
	background-color: var(--color16) !important;
}
.bg_col17 {
	background-color: var(--color17) !important;
}
.bg_col18 {
	background-color: var(--color18) !important;
}
.bg_col19 {
	background-color: var(--color19) !important;
}
.bg_col20 {
	background-color: var(--color20) !important;
}

.bdr_col01 {
	border-color: var(--color01) !important;
}
.bdr_col02 {
	border-color: var(--color02) !important;
}
.bdr_col03 {
	border-color: var(--color03) !important;
}
.bdr_col04 {
	border-color: var(--color04) !important;
}
.bdr_col05 {
	border-color: var(--color05) !important;
}
.bdr_col06 {
	border-color: var(--color06) !important;
}
.bdr_col07 {
	border-color: var(--color07) !important;
}
.bdr_col08 {
	border-color: var(--color08) !important;
}
.bdr_col09 {
	border-color: var(--color09) !important;
}
.bdr_col10 {
	border-color: var(--color10) !important;
}
.bdr_col11 {
	border-color: var(--color11) !important;
}
.bdr_col12 {
	border-color: var(--color12) !important;
}
.bdr_col13 {
	border-color: var(--color13) !important;
}
.bdr_col14 {
	border-color: var(--color14) !important;
}
.bdr_col15 {
	border-color: var(--color15) !important;
}
.bdr_col16 {
	border-color: var(--color16) !important;
}
.bdr_col17 {
	border-color: var(--color17) !important;
}
.bdr_col18 {
	border-color: var(--color18) !important;
}
.bdr_col19 {
	border-color: var(--color19) !important;
}
.bdr_col20 {
	border-color: var(--color20) !important;
}

.bbw {
	border-bottom: 1px solid #fff;
}

.parallax {
	width: 100%;
	background-attachment: fixed !important;
}
.parallax.is_ios,
.tab.parallax {
	background-attachment: inherit !important;
}
.ready {
	position: relative;
}
.ready a {
	pointer-events: none;
}
.ready a:hover {
	opacity: 1;
	cursor: default;
}
.ready:before {
	content: "準備中";
	color: #fff;
	text-align: center;
	width: calc(100 / var(--break) * 100vw);
	height: calc(40 / var(--break) * 100vw);
	line-height: calc(40 / var(--break) * 100vw);
	background: rgba(51, 51, 51, 0.7);
	font-size: 1.125rem;
	letter-spacing: 0.1em;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 2;
	position: absolute;
}
@media (max-width: 767px) {
	.parallax,
	.parallax.is_ios,
	.tab.parallax {
		width: 100%;
		background-attachment: inherit !important;
	}
}
@media (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
	.slick-slide img,
	#sb_instagram .sbi_photo_wrap {
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}
}
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
	.pc_only {
		display: none;
	}
	.tb_only {
		display: inherit;
	}
	.sp_only {
		display: none;
	}
	.tb_pc {
		display: inherit;
	}
	.sp_tb {
		display: inherit;
	}
}
@media (max-width: 767px) {
	:root {
		font-size: 4.27vw;
	}
	html,
	body {
		font-size: 1rem;
		letter-spacing: 0;
	}
	.lum-lightbox {
		background-color: rgba(255, 255, 255, 0.9);
	}
	.lum-close-button:after,
	.lum-close-button:before {
		background-color: rgb(000, 000, 000);
	}
	.lum-gallery-button {
		display: none !important;
	}
	a.zoom {
		position: relative;
		display: block;
		pointer-events: auto;
	}
	a.zoom:before {
		content: "タップで拡大します";
		position: absolute;
		width: 100%;
		height: 4.27vw;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		letter-spacing: 0.1em;
		line-height: 4.27vw;
		text-shadow:
			0 0 calc(5 / var(--break) * 100vw) #fff,
			0 0 calc(5 / var(--break) * 100vw) #fff,
			0 0 calc(10 / var(--break) * 100vw) #fff,
			0 0 calc(10 / var(--break) * 100vw) #fff,
			0 0 calc(15 / var(--break) * 100vw) #fff,
			0 0 calc(15 / var(--break) * 100vw) #fff;
		text-align: center;
	}
	a.zoom:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 1.5em;
		height: 1.5em;
		background-color: rgba(0, 0, 0, 0.5);
		background-image: url("images/page/icn_zoom.svg");
		background-size: 1em 1em;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.lum-lightbox.lum-open {
		z-index: 10;
	}
	.lum-lightbox-image-wrapper {
		overflow-x: scroll;
	}
	.lum-lightbox-inner img {
		max-width: calc(1000 / var(--break) * 100vw);
	}
	.inner,
	.inner1000,
	.inner1140,
	.inner1200,
	.inner1340,
	.inner1500,
	.inner1600,
	.inner1720 {
		width: 100%;
		max-width: calc(702 / var(--break) * 100vw);
	}
	.pc_only {
		display: none;
	}
	.tb_only {
		display: none;
	}
	.sp_only {
		display: inherit;
	}
	.tb_pc {
		display: none;
	}
	.sp_tb {
		display: inherit;
	}

	.pt_1vw {
		padding-top: 1vw;
	}
	.pt_2vw {
		padding-top: 2vw;
	}
	.pt_3vw {
		padding-top: 3vw;
	}
	.pt_4vw {
		padding-top: 3vw;
	}
	.pt_5vw {
		padding-top: 5vw;
	}
	.pt_6vw {
		padding-top: 6vw;
	}
	.pt_7vw {
		padding-top: 7vw;
	}
	.pt_8vw {
		padding-top: 8vw;
	}
	.pt_9vw {
		padding-top: 9vw;
	}
	.pt_10vw {
		padding-top: 10vw;
	}
	.pt_11vw {
		padding-top: 11vw;
	}
	.pt_12vw {
		padding-top: 12vw;
	}
	.pt_13vw {
		padding-top: 13vw;
	}
	.pt_14vw {
		padding-top: 14vw;
	}
	.pt_15vw {
		padding-top: 15vw;
	}

	.pb_1vw {
		padding-bottom: 1vw;
	}
	.pb_2vw {
		padding-bottom: 2vw;
	}
	.pb_3vw {
		padding-bottom: 4vw;
	}
	.pb_5vw {
		padding-bottom: 5vw;
	}
	.pb_6vw {
		padding-bottom: 6vw;
	}
	.pb_7vw {
		padding-bottom: 7vw;
	}
	.pb_8vw {
		padding-bottom: 8vw;
	}
	.pb_9vw {
		padding-bottom: 9vw;
	}
	.pb_10vw {
		padding-bottom: 10vw;
	}
	.pb_11vw {
		padding-bottom: 11vw;
	}
	.pb_12vw {
		padding-bottom: 12vw;
	}
	.pb_13vw {
		padding-bottom: 13vw;
	}
	.pb_14vw {
		padding-bottom: 14vw;
	}
	.pb_15vw {
		padding-bottom: 15vw;
	}

	.ls0_sp {
		letter-spacing: 0 !important;
	}
	.ls05_sp {
		letter-spacing: 0.05em !important;
	}
	.ls15_sp {
		letter-spacing: 0.15em !important;
	}
	.ls2_sp {
		letter-spacing: 0.2em !important;
	}

	.txt_width {
		max-width: calc(646 / var(--break) * 100vw) !important;
		margin-left: auto;
		margin-right: auto;
	}
	.sp_left {
		text-align: left !important;
	}
	.shadow_w {
		text-shadow:
			0 0 calc(5 / var(--break) * 100vw) #fff,
			0 0 calc(5 / var(--break) * 100vw) #fff,
			0 0 calc(10 / var(--break) * 100vw) #fff,
			0 0 calc(10 / var(--break) * 100vw) #fff,
			0 0 calc(15 / var(--break) * 100vw) #fff,
			0 0 calc(15 / var(--break) * 100vw) #fff;
	}
	.txt_tb {
		writing-mode: horizontal-tb;
	}
	.ready:before {
		font-size: 0.75rem;
	}
}

/* 共通 */
.ls04 {
  letter-spacing: 0.04em;
}

.ttl_common01 {
  background-color: #fff;
  border-top: calc(2 / var(--break) * 100vw) solid var(--color03);
  border-bottom: calc(1 / var(--break) * 100vw) solid var(--color03);
  min-height: calc(394 / var(--break) * 100vw);
}
.ttl_common01::before, .ttl_common01::after {
  content: "";
  background-color: #ebe6f2;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 58%;
  height: 70%;
}
.ttl_common01::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  left: 0;
}
.ttl_common01::after {
  -webkit-clip-path: polygon(100% 100%, 0 0, 100% 0);
          clip-path: polygon(100% 100%, 0 0, 100% 0);
  right: 0;
}
.ttl_common01 .en01,
.ttl_common01 .en02 {
  color: transparent;
}
.ttl_common01 .en01::before, .ttl_common01 .en01::after,
.ttl_common01 .en02::before,
.ttl_common01 .en02::after {
  display: block;
  font-family: "garamond-premier-pro-display", serif;
  font-weight: 300;
  font-style: normal;
  width: 100%;
  position: absolute;
  top: 0;
  line-height: 1;
}
.ttl_common01 .en01::before,
.ttl_common01 .en02::before {
  -webkit-text-fill-color: #fcca88;
  left: calc(4 / var(--break) * 100vw);
  z-index: 1;
}
.ttl_common01 .en01::after,
.ttl_common01 .en02::after {
  -webkit-text-stroke: calc(2 / var(--break) * 100vw) var(--color03);
  text-stroke: calc(2 / var(--break) * 100vw) var(--color03);
  -webkit-text-fill-color: #ffffff;
  left: calc(0 / var(--break) * 100vw);
  z-index: 1;
}
.ttl_common01 .en01::before {
  -webkit-text-fill-color: #fc8e88;
}
.ttl_common01 .ja01::before, .ttl_common01 .ja01::after {
  content: "";
  display: block;
  width: calc(48 / var(--break) * 100vw);
  height: calc(48 / var(--break) * 100vw);
  position: absolute;
  top: 56%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ttl_common01 .ja01::before {
  background: url("images/page/deco_common01_l.svg") no-repeat center/contain;
  left: calc(-80 / var(--break) * 100vw);
}
.ttl_common01 .ja01::after {
  background: url("images/page/deco_common01_r.svg") no-repeat center/contain;
  right: calc(-80 / var(--break) * 100vw);
}
@media (max-width: 767px) {
  .ttl_common01 .en,
  .ttl_common01 .en01,
  .ttl_common01 .en02 {
    font-size: calc(140 / var(--break) * 100vw);
    line-height: 1;
  }
  .ttl_common01 .ttl02 {
    font-size: calc(40 / var(--break) * 100vw);
  }
}

.ttl_charm01 .en01::before {
  -webkit-text-fill-color: #fc8e88;
}
.ttl_charm01 .en01::before, .ttl_charm01 .en01::after {
  content: "C";
}
.ttl_charm01 .en02::before, .ttl_charm01 .en02::after {
  content: "HARM";
}

.ttl_area01 .en01::before {
  -webkit-text-fill-color: #fc8e88;
}
.ttl_area01 .en01::before, .ttl_area01 .en01::after {
  content: "A";
}
.ttl_area01 .en02::before, .ttl_area01 .en02::after {
  content: "REA";
}

.ttl_person01 .en01::before, .ttl_person01 .en01::after {
  content: "P";
}
.ttl_person01 .en02::before, .ttl_person01 .en02::after {
  content: "ERSON";
}

.ttl_concept01 .en01::before, .ttl_concept01 .en01::after {
  content: "C";
}
.ttl_concept01 .en02::before, .ttl_concept01 .en02::after {
  content: "ONCEPT";
}
@media (max-width: 767px) {
  .ttl_concept01 .en,
  .ttl_concept01 .en01,
  .ttl_concept01 .en02 {
    font-size: calc(120 / var(--break) * 100vw);
    line-height: 1;
  }
}

.ttl_interview01 .en01::before, .ttl_interview01 .en01::after {
  content: "I";
}
.ttl_interview01 .en02::before, .ttl_interview01 .en02::after {
  content: "NTERVIEW";
}
@media (max-width: 767px) {
  .ttl_interview01 .en,
  .ttl_interview01 .en01,
  .ttl_interview01 .en02 {
    font-size: calc(120 / var(--break) * 100vw);
  }
}

.ttl_flow01 .en01::before, .ttl_flow01 .en01::after {
  content: "F";
}
.ttl_flow01 .en02::before, .ttl_flow01 .en02::after {
  content: "LOW";
}

.ttl_curriculum01 .en01::before, .ttl_curriculum01 .en01::after {
  content: "C";
}
.ttl_curriculum01 .en02::before, .ttl_curriculum01 .en02::after {
  content: "URRICULUM";
}
.ttl_curriculum01 .ja01::before {
  left: calc(-190 / var(--break) * 100vw);
}
@media (max-width: 767px) {
  .ttl_curriculum01 .en,
  .ttl_curriculum01 .en01,
  .ttl_curriculum01 .en02 {
    font-size: calc(110 / var(--break) * 100vw);
    letter-spacing: 0;
  }
}

.ttl_form01 .en01::before, .ttl_form01 .en01::after {
  content: "F";
}
.ttl_form01 .en02::before, .ttl_form01 .en02::after {
  content: "ORM";
}

.ttl_clinic01 .en01::before, .ttl_clinic01 .en01::after {
  content: "C";
}
.ttl_clinic01 .en02::before, .ttl_clinic01 .en02::after {
  content: "LINIC";
}

.ttl_detail01 .en01::before, .ttl_detail01 .en01::after {
  content: "D";
}
.ttl_detail01 .en02::before, .ttl_detail01 .en02::after {
  content: "ETAILS";
}


.ttl_commmon02::before, .ttl_commmon02::after {
  content: "";
  width: calc(20 / var(--break) * 100vw);
  height: calc(20 / var(--break) * 100vw);
  position: absolute;
}
.ttl_commmon02::before {
  top: calc(6 / var(--break) * 100vw);
  left: calc(6 / var(--break) * 100vw);
  border-top: solid calc(2 / var(--break) * 100vw) #fff;
  border-left: solid calc(2 / var(--break) * 100vw) #fff;
}
.ttl_commmon02::after {
  right: calc(6 / var(--break) * 100vw);
  bottom: calc(6 / var(--break) * 100vw);
  border-right: solid calc(2 / var(--break) * 100vw) #fff;
  border-bottom: solid calc(2 / var(--break) * 100vw) #fff;
}

.ttl_common03 {
  min-height: calc(80 / var(--break) * 100vw);
}
.ttl_common03 .ja01::before, .ttl_common03 .ja01::after {
  background: url("images/page/deco_common02.svg") no-repeat center/cover;
  content: "";
  width: calc(81 / var(--break) * 100vw);
  height: calc(20 / var(--break) * 100vw);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
}
.ttl_common03 .ja01::before {
  left: calc(-120 / var(--break) * 100vw);
}
.ttl_common03 .ja01::after {
  right: calc(-120 / var(--break) * 100vw);
}
@media (max-width: 767px) {
  .ttl_common03 {
    min-height: calc(90 / var(--break) * 100vw);
    margin-top: calc(60 / var(--break) * 100vw);
  }
  .ttl_common03 .ja01 {
    font-size: calc(44 / var(--break) * 100vw);
  }
  .ttl_common03 .ja01::before, .ttl_common03 .ja01::after {
    background: url("images/page/deco_common02_sp.svg") no-repeat center/cover;
    content: "";
    width: calc(162 / var(--break) * 100vw);
    height: calc(40 / var(--break) * 100vw);
  }
  .ttl_common03 .ja01::before {
    left: calc(-186 / var(--break) * 100vw);
  }
  .ttl_common03 .ja01::after {
    right: calc(-186 / var(--break) * 100vw);
  }
}

.ttl_common04::before {
  content: "";
  background: url(images/index/deco_charm12.svg) no-repeat center/contain;
  display: block;
  width: calc(81 / var(--break) * 100vw);
  height: calc(20 / var(--break) * 100vw);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 767px) {
  .ttl_common04 {
    font-size: calc(44 / var(--break) * 100vw);
    padding-bottom: calc(56 / var(--break) * 100vw);
  }
  .ttl_common04::before {
    width: calc(162 / var(--break) * 100vw);
    height: calc(40 / var(--break) * 100vw);
  }
}

.box_btn01 {
  gap: calc(21 / var(--break) * 100vw);
}
@media (max-width: 767px) {
  .box_btn01 {
    margin-top: calc(60 / var(--break) * 100vw);
    margin-bottom: calc(60 / var(--break) * 100vw);
  }
}

.btn_common01 {
  border: 1px solid var(--color03);
  background-color: #fff;
  border-radius: 999px;
  min-width: calc(320 / var(--break) * 100vw);
  height: calc(60 / var(--break) * 100vw);
}
.btn_common01::after {
  background: url("images/page/arw01.svg") no-repeat center/cover;
  content: "";
  width: calc(10 / var(--break) * 100vw);
  height: calc(8 / var(--break) * 100vw);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: calc(30 / var(--break) * 100vw);
  z-index: 10;
}
.btn_common01:hover {
  background-color: var(--color03);
  color: #fff;
  opacity: 1;
}
.btn_common01:hover::after {
  background: url("images/page/arw01_wh.svg") no-repeat center/cover;
}
@media (max-width: 767px) {
  .btn_common01 {
    min-width: calc(312 / var(--break) * 100vw);
    height: calc(80 / var(--break) * 100vw);
  }
  .btn_common01 .ja.fz22 {
    font-size: calc(32 / var(--break) * 100vw);
  }
	.btn_common01 .ja {
		line-height: 1.3;
    font-size: calc(22 / var(--break) * 100vw);
  }
}

/* header
------------------------------------------------------------------*/
header {
  z-index: 10;
}
header h1 {
  width: calc(392 / var(--break) * 100vw);
  margin: calc(40 / var(--break) * 100vw) 0 0 calc(35 / var(--break) * 100vw);
}

.wrap_head01 {
  top: calc(30 / var(--break) * 100vw);
  right: calc(144 / var(--break) * 100vw);
  width: 100%;
}
.wrap_head01 a {
  height: calc(110 / var(--break) * 100vw);
}

.row_head01 {
  gap: 4px;
}
.row_head01 .col_tel {
  width: calc(330 / var(--break) * 100vw);
}
.row_head01 .col_tel a {
  background: #fff;
  padding-top: calc(25 / var(--break) * 100vw);
}
.row_head01 .col_tel a::before, .row_head01 .col_tel a::after {
  content: "";
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  position: absolute;
}
.row_head01 .col_tel a::before {
  top: 0.3125vw;
  left: 0.3125vw;
  border-top: solid calc(2 / var(--break) * 100vw) #333;
  border-left: solid calc(2 / var(--break) * 100vw) #333;
}
.row_head01 .col_tel a::after {
  right: 0.3125vw;
  bottom: 0.3125vw;
  border-right: solid calc(2 / var(--break) * 100vw) #333;
  border-bottom: solid calc(2 / var(--break) * 100vw) #333;
}
.row_head01 .col_tel .txt1 {
  margin-bottom: 0.4166666667vw;
}
.row_head01 .col_tel .icn {
  width: 1.3541666667vw;
  margin-right: 0.46875vw;
}
.row_head01 .col_tel .txt {
  line-height: 1em;
  vertical-align: middle;
}
.row_head01 .col_form {
  width: calc(110 / var(--break) * 100vw);
}
.row_head01 .col_form a {
  padding-top: 0.9375vw;
}
.row_head01 .col_form a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #ffffff transparent;
  border-width: 0px 0px calc(15 / var(--break) * 100vw) calc(15 / var(--break) * 100vw);
  position: absolute;
  bottom: calc(6 / var(--break) * 100vw);
  right: calc(6 / var(--break) * 100vw);
}
.row_head01 .col_form .txt1 {
  letter-spacing: 0;
  margin: 0 auto 0.6770833333vw;
}
.row_head01 .col_form .txt2 {
  font-size: 1.25vw;
  line-height: 1em;
}

@media (max-width: 767px) {
  header h1 {
    width: calc(437 / var(--break) * 100vw);
    margin: calc(24 / var(--break) * 100vw) 0 0 calc(8 / var(--break) * 100vw);
  }
}

/* グローバルナビゲーション gnav
------------------------------------------------------------------*/
.gnav,
.fix_nav {
  display: none;
}

.btn_gnav_sp {
  position: fixed;
  top: calc(30 / var(--break) * 100vw);
  right: calc(30 / var(--break) * 100vw);
  height: calc(110 / var(--break) * 100vw);
  width: calc(110 / var(--break) * 100vw);
  background: var(--color03);
  z-index: 10000;
  outline: none;
  cursor: pointer;
}

.btn_gnav_sp .txt_gnav {
  position: absolute;
  width: calc(48 / var(--break) * 100vw);
  right: 0;
  left: 0;
  bottom: calc(32 / var(--break) * 100vw);
  margin: auto;
  font-size: 0;
  line-height: 1em;
}

.btn_gnav_sp .icn_gnav {
  width: calc(38 / var(--break) * 100vw);
  height: 1px;
  background: #fff;
  position: absolute;
  top: calc(-25 / var(--break) * 100vw);
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.btn_gnav_sp .icn_gnav:before,
.btn_gnav_sp .icn_gnav:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  background: #fff;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.btn_gnav_sp .icn_gnav:before {
  top: calc(-11 / var(--break) * 100vw);
}

.btn_gnav_sp .icn_gnav:after {
  bottom: calc(-11 / var(--break) * 100vw);
}

.open .btn_gnav_sp .icn_gnav {
  background: none;
}

.open .btn_gnav_sp .icn_gnav:before,
.open .btn_gnav_sp .icn_gnav:after {
  background: #fff;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.open .btn_gnav_sp .icn_gnav:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 0;
}

.open .btn_gnav_sp .icn_gnav:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 0;
}

.gnav_sp {
  padding: calc(160 / var(--break) * 100vw) calc(80 / var(--break) * 100vw) 0;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  width: calc(790 / var(--break) * 100vw);
  -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
  transition: opacity 0.6s ease, visibility 0.6s ease;
  line-height: 1.45;
  -ms-overflow-style: none;
}

.gnav_sp::-webkit-scrollbar {
  display: none;
}

.bg_gnav {
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.open .bg_gnav {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9998;
  background: rgba(0, 0, 0, 0);
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  left: 0;
  top: 0;
}

.gnav_sp .nav_main {
  padding: 0 0 calc(80 / var(--break) * 100vw);
}

.gnav_sp .nav_main > ul {
  display: block;
}

.gnav_sp .nav_main > ul > li:first-child {
  border-top: solid 1px #000000;
}

.gnav_sp .nav_main > ul > li {
  opacity: 0;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.6s ease;
  transition: transform 0.6s ease, opacity 0.2s ease;
  transition: transform 0.6s ease, opacity 0.2s ease, -webkit-transform 0.6s ease;
  border-bottom: solid 1px var(--color03);
}

.gnav_sp .nav_main > ul > li > a {
  padding: 0.7vw 0 0.6vw 0.8854166667vw;
  display: -webkit-box; /*--- Androidブラウザ用 ---*/
  display: -ms-flexbox; /*--- IE10 ---*/
  display: -webkit-flex; /*--- safari（PC）用 ---*/
  display: flex;
  -webkit-box-pack: justify; /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify; /*--- IE10 ---*/
  -webkit-justify-content: space-between; /*--- safari（PC）用 ---*/
  justify-content: space-between;
  -webkit-flex-wrap: wrap; /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  white-space: nowrap;
  letter-spacing: .22em;
}

.gnav_sp .nav_main > ul > li > a:after {
  content: "";
  position: absolute;
  right: 1.0416666667vw;
  top: 0;
  bottom: 0;
  width: 0.9895833333vw;
  height: 0.5208333333vw;
  background: url("images/page/arw_gnav.svg") no-repeat center/contain;
  margin: auto;
}

.gnav_sp .nav_main > ul > li > a .ja {
  font-size: 1.375rem;
  letter-spacing: 0.1;
  line-height: 1.6em;
}

.open .gnav_sp {
  visibility: visible;
  opacity: 1;
}

.open .gnav_sp .nav_main > ul > li,
.open .gnav_sp .nav_sub li {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity 0.9s ease, -webkit-transform 1s ease;
  transition: opacity 0.9s ease, -webkit-transform 1s ease;
  transition: transform 1s ease, opacity 0.9s ease;
  transition: transform 1s ease, opacity 0.9s ease, -webkit-transform 1s ease;
}

@media only screen and (max-width: 767px) {
  .gnav,
  .fix_nav {
    display: none;
  }
  .btn_gnav_sp {
    position: fixed;
    top: 3vw;
    right: 3.2vw;
    height: calc(100 / var(--break) * 100vw);
    width: calc(100 / var(--break) * 100vw);
    border: none;
    z-index: 10000;
    outline: none;
  }
  .btn_gnav_sp .txt_gnav {
    position: absolute;
    width: calc(55 / var(--break) * 100vw);
    right: 0;
    left: 0;
    bottom: calc(21 / var(--break) * 100vw);
    margin: auto;
  }
  .btn_gnav_sp .icn_gnav {
    width: calc(40 / var(--break) * 100vw);
    height: calc(2 / var(--break) * 100vw);
    position: absolute;
    top: -3.5vw;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
  .btn_gnav_sp .icn_gnav:before,
  .btn_gnav_sp .icn_gnav:after {
    content: "";
    width: 100%;
    height: calc(2 / var(--break) * 100vw);
    position: absolute;
    left: 0;
    background: #fff;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
  .btn_gnav_sp .icn_gnav:before {
    top: -1.5vw;
  }
  .btn_gnav_sp .icn_gnav:after {
    bottom: -1.5vw;
  }
  .open .btn_gnav_sp .icn_gnav {
    background: none;
  }
  .open .btn_gnav_sp .icn_gnav:before,
  .open .btn_gnav_sp .icn_gnav:after {
    background: #fff;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
  .open .btn_gnav_sp .icn_gnav:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0;
  }
  .open .btn_gnav_sp .icn_gnav:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 0;
  }
  .gnav_sp {
    padding: calc(160 / var(--break) * 100vw) 0 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    width: 80%;
    -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    line-height: 1.45;
  }
  .bg_gnav {
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
  }
  .open .bg_gnav {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9998;
    background: rgba(0, 0, 0, 0);
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    left: 0;
    top: 0;
  }
  .gnav_sp .nav_main {
    padding-bottom: 20vw;
  }
  .gnav_sp .nav_main > ul {
    padding: 0 calc(24 / var(--break) * 100vw);
    display: block;
  }
  .gnav_sp .nav_main > ul > li {
    opacity: 0;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.6s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.6s ease;
    transition: transform 0.6s ease, opacity 0.2s ease;
    transition: transform 0.6s ease, opacity 0.2s ease, -webkit-transform 0.6s ease;
  }
  .gnav_sp .nav_main > ul > li:first-child {
    border-top: 1px solid #000;
  }
  .gnav_sp .nav_main > ul > li {
    border-bottom: 1px solid #000;
  }
  .gnav_sp .nav_main > ul > li > a {
    padding: 3.5vw 4vw 3.5vw calc(14 / var(--break) * 100vw);
    display: -webkit-box; /*--- Androidブラウザ用 ---*/
    display: -ms-flexbox; /*--- IE10 ---*/
    display: -webkit-flex; /*--- safari（PC）用 ---*/
    display: flex;
    -webkit-box-pack: justify; /*--- Androidブラウザ用 ---*/
    -ms-flex-pack: justify; /*--- IE10 ---*/
    -webkit-justify-content: space-between; /*--- safari（PC）用 ---*/
    justify-content: space-between;
    -webkit-flex-wrap: wrap; /* Safari */
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    letter-spacing: 0;
  }
  .gnav_sp .nav_main > ul > li.nav_drawer > a {
    border-bottom: none;
  }
  .gnav_sp .nav_main > ul > li > a:after {
    content: "";
    position: absolute;
    background: url("images/page/arw_gnav_sp.svg") no-repeat center/contain;
    width: calc(28 / var(--break) * 100vw);
    height: calc(17 / var(--break) * 100vw);
    right: calc(14 / var(--break) * 100vw);
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .gnav_sp .nav_main > ul > li.nav_drawer > a:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .gnav_sp .nav_main > ul > li.nav_drawer > a.open:after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .gnav_sp .nav_main > ul > li > a .ja {
    font-size: calc(30 / var(--break) * 100vw);
    letter-spacing: 0;
    line-height: 151.5151515152%;
  }
  .open .gnav_sp {
    visibility: visible;
    opacity: 1;
  }
  .open .gnav_sp .nav_main > ul > li,
  .open .gnav_sp .nav_sub li {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: opacity 0.9s ease, -webkit-transform 1s ease;
    transition: opacity 0.9s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, opacity 0.9s ease;
    transition: transform 1s ease, opacity 0.9s ease, -webkit-transform 1s ease;
  }
}
/* メインイメージ main_img
------------------------------------------------------------------*/
.catch_main01 {
  position: absolute;
  bottom: calc(120 / var(--break) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 100%;
}
.catch_main01 .img_catch01 {
          width: calc(812 / var(--break) * 100vw);
}
.catch_main01 .catch {
  width: 100%;
}
.catch_main01 .txt1 {
  margin-bottom: calc(60 / var(--break) * 100vw);
}
.catch_main01 .txt1,
.catch_main01 .txt2 {
  border-bottom: 1px solid #fff;
  padding-bottom: calc(16 / var(--break) * 100vw);
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  letter-spacing: 0.15em;
}
.main01 {
	background: url(images/index/main01.jpg)no-repeat center / cover;
}
.main02 {
	background: url(images/index/main02.jpg)no-repeat center / cover;
}
.main_img {
  position: relative;
}
.main_img .slide_main {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  pointer-events: none;
}
.main_img .slide_main.slick-initialized {
  opacity: 1;
}
.main_img .slide_main li {
  min-height: 600px;
  height: 100vh;
}
.main_img.tab .slide_main li {
  height: auto;
}
@media (min-width: 768px) and (max-width: 1299px) {
  .catch_main01 {
    bottom: calc(50 / var(--break) * 100vw);
  }
  .catch_main01 .img_catch01 {
          width: calc(490 / var(--break) * 100vw);
          margin-bottom: calc(20 / var(--break) * 100vw);
}
.catch_main01 .txt1 {
  margin-bottom: calc(30 / var(--break) * 100vw);
}
  .catch_main01 .txt1,
  .catch_main01 .txt2 {
    font-size: calc(30 / var(--break) * 100vw);
  }
  .catch_main01 .txt1 .ja01,
  .catch_main01 .txt2 .ja01 {
    font-size: calc(34 / var(--break) * 100vw);
  }
  .main_img .slide_main li {
    min-height: calc(700 / var(--break) * 100vw);
    height: auto;
}
}
@media only screen and (max-width: 767px) {
  .catch_main01 {
    bottom: auto;
    top: 32%;
  }
  .catch_main01 img {
    max-width: calc(649 / var(--break) * 100vw);
    margin-bottom: 0;
  }
  .catch_main01 .txt1,
  .catch_main01 .txt2 {
    font-size: calc(32 / var(--break) * 100vw);
    letter-spacing: 0.01em;
    padding-bottom: calc(8 / var(--break) * 100vw);
  }
  .catch_main01 .txt1 {
    margin-bottom: 0;
  }
  .main01 {
		background: url(images/index/main01_sp.jpg)no-repeat center / cover;
	}
	.main02 {
		background: url(images/index/main02_sp.jpg)no-repeat center / cover;
	}
   .main_img .slide_main li {
    min-height: auto;
    height: calc(100svh - 120 / var(--break) * 100vw);
  }
}



/* 新着情報 index_news
------------------------------------------------------------------*/

/* ※パーフェクトスクロールバー用基本css ここからデザインに合わせて適宜変更してください */
.index_news ul {
	overflow: hidden;
	position: relative;
	padding-right: calc(20 / var(--break) * 100vw);
	max-height: 170px;
	height: auto;
	touch-action: auto !important;
	line-height: 1.75;
}
.index_news li:not(:last-of-type) {
}
.index_news li dt {
}
.index_news li dd {
}
.index_news li dd a {
	color: #aaa; /* コーダーさんへに記載されている★標準テキスト：リンク色に変更*/
	text-decoration: underline;
}
/* パーフェクトスクロールバー */
.ps__thumb-y {
	background: #333333 !important;
	right: 0px !important;
	width: 4px !important;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
	background: none !important;
	right: 0px !important;
	width: 4px !important;
	opacity: 1 !important;
}
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
	opacity: 1 !important;
}
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
}
@media (max-width: 767px) {
	.index_news ul {
		padding-right: 5vw;
		max-height: calc(500 / var(--break) * 100vw);
	}
	.index_news li:not(:last-of-type) {
	}
	.index_news li dl {
		display: block;
	}
	.index_news li dt {
		width: 100%;
	}
	.index_news li dd {
		width: 100%;
		line-height: 1.5625;
	}
	.ps__thumb-y,
	.ps--active-x > .ps__rail-x,
	.ps--active-y > .ps__rail-y {
		width: 2px !important;
	}
}

/* コンテンツ名 class
------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
}
@media (max-width: 767px) {
}

/* 入職お祝い金 index_gift
------------------------------------------------------------------*/
.bg_gift {
  padding-bottom: calc(631 / var(--break) * 100vw);
  background: url("images/index/bg_gift01.jpg") no-repeat center/cover;
}
.bg_gift::before {
  content: "";
  width: 100%;
  height: calc(10 / var(--break) * 100vw);
  background: url(images/page/pattern01.png) repeat left top/calc(7 / var(--break) * 100vw);
  position: absolute;
  top: 0;
  left: 0;
}
.bg_gift::after {
  content: "";
  background: url(images/page/pattern02.png) repeat top left/calc(12 / var(--break) * 100vw);
  width: 100%;
  height: calc(120 / var(--break) * 100vw);
  position: absolute;
  bottom: 0;
  left: 0;
}

.deco_gift02 {
  padding-bottom: calc(50 / var(--break) * 100vw);
}
.deco_gift02::before, .deco_gift02::after {
  content: "";
  width: calc(150 / var(--break) * 100vw);
  height: calc(150 / var(--break) * 100vw);
  position: absolute;
  bottom: 0;
}
.deco_gift02::before {
  left: calc(10 / var(--break) * 100vw);
  border-bottom: solid calc(2 / var(--break) * 100vw) #333;
  border-left: solid calc(2 / var(--break) * 100vw) #333;
}
.deco_gift02::after {
  right: calc(10 / var(--break) * 100vw);
  border-right: solid calc(2 / var(--break) * 100vw) #333;
  border-bottom: solid calc(2 / var(--break) * 100vw) #333;
}

.ttl_gift01 {
  background-color: rgba(255, 255, 255, 0.5);
  padding: calc(12 / var(--break) * 100vw) 0;
}
.ttl_gift01::before, .ttl_gift01::after {
  content: "";
  display: block;
  width: calc(38 / var(--break) * 100vw);
  height: calc(37 / var(--break) * 100vw);
  position: absolute;
}
.ttl_gift01::before {
  background: url(images/index/deco_gift03_l.png) no-repeat center/contain;
  top: calc(-10 / var(--break) * 100vw);
  left: calc(-10 / var(--break) * 100vw);
}
.ttl_gift01::after {
  background: url(images/index/deco_gift03_r.png) no-repeat center/contain;
  bottom: calc(-10 / var(--break) * 100vw);
  right: calc(-10 / var(--break) * 100vw);
}

.ttl_gift02::after {
  content: "";
  width: calc(530 / var(--break) * 100vw);
  height: calc(146 / var(--break) * 100vw);
  background: url(images/index/deco_gift01.svg) no-repeat center/cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.ttl_gift02 .ja01,
.ttl_gift02 .en01 {
  -webkit-filter: drop-shadow(0 0 0.2604166667vw #fff) drop-shadow(0 0 0.5208333333vw #fff) drop-shadow(0 0 0.2604166667vw #fff) drop-shadow(0 0 0.2604166667vw #fff);
          filter: drop-shadow(0 0 0.2604166667vw #fff) drop-shadow(0 0 0.5208333333vw #fff) drop-shadow(0 0 0.2604166667vw #fff) drop-shadow(0 0 0.2604166667vw #fff);
}

.ttl_gift03 {
  width: calc(130 / var(--break) * 100vw);
  height: calc(130 / var(--break) * 100vw);
  border-radius: 9999px;
}
.ttl_gift03::after {
  content: "";
  width: calc(121 / var(--break) * 100vw);
  height: calc(121 / var(--break) * 100vw);
  background: url(images/index/deco_gift02.svg) no-repeat center/cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}

.row_gift01 {
  gap: 5.9895833333vw;
}
.row_gift01 .price01,
.row_gift01 .ja01 {
  -webkit-filter: drop-shadow(0 0 0.15625vw #fff) drop-shadow(0 0 0.15625vw #fff) drop-shadow(0 0 0.15625vw #fff) drop-shadow(0 0 0.5208333333vw #fff);
          filter: drop-shadow(0 0 0.15625vw #fff) drop-shadow(0 0 0.15625vw #fff) drop-shadow(0 0 0.15625vw #fff) drop-shadow(0 0 0.5208333333vw #fff);
}
.row_gift01 .col {
  gap: calc(20 / var(--break) * 100vw);
}
.row_gift01 .col .ja01 {
  margin-left: calc(5 / var(--break) * 100vw);
}
.row_gift01::before {
  content: "";
  height: calc(100 / var(--break) * 100vw);
  width: 1px;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 768px) and (max-width: 1299px) {
  .row_gift01 .price01 {
    font-size: calc(70 / var(--break) * 100vw);
  }
}
@media (max-width: 767px) {
  .bg_gift {
    padding-bottom: calc(1146 / var(--break) * 100vw);
    background: url("images/index/bg_gift01_sp.jpg") no-repeat center/cover;
  }
  .bg_gift::before {
    height: calc(20 / var(--break) * 100vw);
  }
  .bg_gift::after {
    height: calc(240 / var(--break) * 100vw);
  }
  .ttl_gift01 {
    font-size: calc(34 / var(--break) * 100vw);
    padding: calc(24 / var(--break) * 100vw);
    letter-spacing: 0;
  }
  .ttl_gift02 {
    margin-bottom: calc(27 / var(--break) * 100vw);
  }
  .ttl_gift02 .ja01 {
    font-size: calc(44 / var(--break) * 100vw);
    letter-spacing: 0.04em;
  }
  .ttl_gift02 .en01 {
    font-size: calc(22 / var(--break) * 100vw);
  }
  .ttl_gift02::after {
    top: 16%;
  }
  .row_gift01 {
    gap: calc(55 / var(--break) * 100vw);
    margin-left: 3.2vw;
    margin-right: 3.2vw;
  }
  .row_gift01 .price01 {
    font-size: calc(110 / var(--break) * 100vw);
  }
  .row_gift01 .ja01 {
    font-size: calc(40 / var(--break) * 100vw);
  }
  .row_gift01::before {
    height: calc(2 / var(--break) * 100vw);
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .ttl_gift03 {
    font-size: calc(20 / var(--break) * 100vw);
  }
  .deco_gift02::before {
    left: 0;
  }
  .deco_gift02::after {
    right: 0;
  }
}
/* エントリー entry
------------------------------------------------------------------*/
.conversion01 {
  margin-top: calc(-564 / var(--break) * 100vw);
}

.box_conversion01::before {
  content: "";
  display: block;
  width: calc(667 / var(--break) * 100vw);
  height: calc(86 / var(--break) * 100vw);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background: url("images/page/deco_conversion01.svg") no-repeat center/contain;
  z-index: -1;
}
.ttl_conversion01 {
  margin-bottom: calc(10 / var(--break) * 100vw);
  max-width: calc(1500 / var(--break) * 100vw);
  width: 100%;
}
.ttl_conversion01:before, .ttl_conversion01:after {
  content: "";
  height: 1px;
  background-color: #000;
  width: 33%;
  max-width: calc(487.61 / var(--break) * 100vw);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ttl_conversion01:before {
  left: 0;
}
.ttl_conversion01:after {
  right: 0;
}
.ttl_conversion01 .en::before, .ttl_conversion01 .en::after {
  content: "ENTRY";
  display: block;
  font-family: "garamond-premier-pro-display", serif;
  font-weight: 300;
  font-style: normal;
  width: 100%;
  position: absolute;
  top: 0;
}
.ttl_conversion01 .en::before {
  -webkit-text-fill-color: rgba(29, 29, 31, 0.2);
  left: calc(7 / var(--break) * 100vw);
  z-index: 1;
}
.ttl_conversion01 .en::after {
  -webkit-text-stroke: calc(2 / var(--break) * 100vw) var(--color03);
  text-stroke: calc(2 / var(--break) * 100vw) var(--color03);
  -webkit-text-fill-color: #ffffff;
  left: calc(0 / var(--break) * 100vw);
  z-index: 1;
}

.ttl_contact01::before, .ttl_contact01::after {
  content: none;
}
.ttl_contact01 .en::before, .ttl_contact01 .en::after {
  content: "CONTACT";
}

.deco_conversion02 {
  bottom: 0;
  left: calc(-50 / var(--break) * 100vw);
  z-index: 10;
}

.deco_conversion03 {
  bottom: 0;
  right: calc(-50 / var(--break) * 100vw);
  z-index: 10;
}

.bg_conversion01 {
  background-image: -webkit-linear-gradient(359deg, rgb(227, 186, 255), rgb(186, 255, 255));
  background-image: linear-gradient(91deg, rgb(227, 186, 255), rgb(186, 255, 255));
}
.bg_conversion02 {
  background-image: -webkit-linear-gradient(359deg, #e0b3ff, #c7b3ff);
  background-image: linear-gradient(91deg, #e0b3ff, #c7b3ff);
}
.wrap_conversion01::before {
  content: "";
  border: calc(10 / var(--break) * 100vw) solid rgba(255, 255, 255, 0.5);
  width: calc(100% - 40 / var(--break) * 100vw);
  height: calc(100% - 40 / var(--break) * 100vw);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}

.row_conversion01 {
  gap: calc(32 / var(--break) * 100vw);
}

.txt_conversion01 {
  border-radius: 9999px;
  width: calc(351 / var(--break) * 100vw);
  height: calc(60 / var(--break) * 100vw);
  line-height: calc(60 / var(--break) * 100vw);
}

.row_contact01 {
  max-width: calc(1240 / var(--break) * 100vw);
  width: 100%;
  gap: 2.8%;
}
.row_contact01 a {
  height: calc(170 / var(--break) * 100vw);
  -webkit-box-shadow: calc(10 / var(--break) * 100vw) calc(10 / var(--break) * 100vw) 0 0 rgba(29, 29, 31, 0.2);
          box-shadow: calc(10 / var(--break) * 100vw) calc(10 / var(--break) * 100vw) 0 0 rgba(29, 29, 31, 0.2);
}
.row_contact01 .txt1 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.row_contact01 .txt1::before, .row_contact01 .txt1::after {
  content: "";
  width: calc(25 / var(--break) * 100vw);
  height: calc(17 / var(--break) * 100vw);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.row_contact01 .txt1::before {
  background: url(images/index/deco_entry01_l.svg) no-repeat center/cover;
  left: calc(-45 / var(--break) * 100vw);
}
.row_contact01 .txt1::after {
  background: url(images/index/deco_entry01_r.svg) no-repeat center/cover;
  right: calc(-45 / var(--break) * 100vw);
}
.row_contact01 .col_tel {
  width: 48.4%;
}
.row_contact01 .col_tel a {
  padding-top: calc(10 / var(--break) * 100vw);
}
.row_contact01 .col_tel a::before, .row_contact01 .col_tel a::after {
  content: "";
  width: calc(40 / var(--break) * 100vw);
  height: calc(40 / var(--break) * 100vw);
  position: absolute;
}
.row_contact01 .col_tel a::before {
  top: calc(10 / var(--break) * 100vw);
  left: calc(10 / var(--break) * 100vw);
  border-top: solid calc(2 / var(--break) * 100vw) #333;
  border-left: solid calc(2 / var(--break) * 100vw) #333;
}
.row_contact01 .col_tel a::after {
  right: calc(10 / var(--break) * 100vw);
  bottom: calc(10 / var(--break) * 100vw);
  border-right: solid calc(2 / var(--break) * 100vw) #333;
  border-bottom: solid calc(2 / var(--break) * 100vw) #333;
}
.row_contact01 .col_tel .txt2 {
  width: 100%;
}
.row_contact01 .col_tel .icn {
  width: calc(40 / var(--break) * 100vw);
  margin-right: calc(18 / var(--break) * 100vw);
  position: relative;
  top: calc(-5 / var(--break) * 100vw);
}
.row_contact01 .col_tel .icn img {
  width: 100%;
}
.row_contact01 .col_tel .txt {
  line-height: 1em;
  vertical-align: middle;
}
.row_contact01 .col_web {
  width: 48.4%;
}
.row_contact01 .col_web a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent var(--color06) transparent;
  border-width: 0px 0px calc(40 / var(--break) * 100vw) calc(40 / var(--break) * 100vw);
  position: absolute;
  bottom: calc(6 / var(--break) * 100vw);
  right: calc(6 / var(--break) * 100vw);
}
.row_contact01 .col_web .icn {
  width: calc(41 / var(--break) * 100vw);
  margin-right: calc(20 / var(--break) * 100vw);
  font-size: 0;
  position: relative;
  vertical-align: top;
  top: calc(4 / var(--break) * 100vw);
}
.row_contact01 .col_web .txt {
  line-height: 1em;
  vertical-align: middle;
}
  .ttl_conversion01 {
    margin-bottom: 0;
        max-width: calc(1000 / var(--break) * 100vw);
  }
    .ttl_conversion01:before, .ttl_conversion01:after {
    height: 1px;
    background-color: #000;
    width: 23%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
@media (min-width: 768px) and (max-width: 1299px) {
  .deco_conversion02 {
    z-index: -1;
  }
  .ttl_conversion01 {
    max-width: calc(900 / var(--break) * 100vw);
  }
  .ttl_conversion01:before, .ttl_conversion01:after {
    height: 1px;
    background-color: #000;
    width: 20%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .row_contact01 {
    max-width: calc(1000 / var(--break) * 100vw);
  }
  .deco_conversion03 {
    width: calc(214 / var(--break) * 100vw);
    z-index: 0;
  }
  .deco_conversion02 {
    width: calc(240 / var(--break) * 100vw);
  }
}
@media (max-width: 767px) {
  .conversion01 {
    margin-top: calc(-1109 / var(--break) * 100vw);
    margin-bottom: calc(60 / var(--break) * 100vw);
  }

  .bg_conversion01 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(227, 186, 255)), to(rgb(186, 255, 255)));
    background-image: -webkit-linear-gradient(top, rgb(227, 186, 255), rgb(186, 255, 255));
    background-image: linear-gradient(to bottom, rgb(227, 186, 255), rgb(186, 255, 255));
  }
  .bg_conversion02 {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e0b3ff),
    to(#c7b3ff)
  );
  background-image: -webkit-linear-gradient(
    top,
    #e0b3ff,
    #c7b3ff
  );
  background-image: linear-gradient(
    to bottom,
    #e0b3ff,
    #c7b3ff
  );
}
  .wrap_conversion01 {
    padding-top: calc(87 / var(--break) * 100vw);
    padding-bottom: calc(90 / var(--break) * 100vw);
  }
  .ttl_conversion01 {
    font-size: calc(140 / var(--break) * 100vw);
    margin-bottom: calc(29 / var(--break) * 100vw);
  }
  .ttl_conversion01::before, .ttl_conversion01:after {
    width: calc(48 / var(--break) * 100vw);
  }
  .ttl_conversion01::before {
    left: calc(60 / var(--break) * 100vw);
  }
  .ttl_conversion01::after {
    right: calc(60 / var(--break) * 100vw);
  }
  .txt_conversion01 {
    font-size: calc(34 / var(--break) * 100vw);
    width: calc(322 / var(--break) * 100vw);
    height: calc(70 / var(--break) * 100vw);
    line-height: calc(70 / var(--break) * 100vw);
    letter-spacing: 0;
  }
  .txt_conversion03 {
    font-size: calc(42 / var(--break) * 100vw);
    line-height: 1.5;
    letter-spacing: 0;
  }
  .row_conversion01 {
    max-width: calc(602 / var(--break) * 100vw);
    gap: calc(17 / var(--break) * 100vw);
    margin-bottom: 0;
    padding-bottom: calc(40 / var(--break) * 100vw);
  }
  .deco_conversion03 {
    right: 0;
    width: calc(110 / var(--break) * 100vw);
  }
  .deco_conversion02 {
    left: 0;
    width: calc(130 / var(--break) * 100vw);
  }
  .row_contact01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(40 / var(--break) * 100vw);
  }
  .row_contact01 .col_tel,
  .row_contact01 .col_web {
    width: 100%;
    max-width: calc(602 / var(--break) * 100vw);
  }
  .row_contact01 .txt1 {
    font-size: calc(26 / var(--break) * 100vw);
  }
  .row_contact01 .txt2 {
    font-size: calc(50 / var(--break) * 100vw);
  }
  .txt_conversion04 {
    font-size: calc(28 / var(--break) * 100vw);
    text-align: left;
    max-width: calc(602 / var(--break) * 100vw);
    margin-top: calc(51 / var(--break) * 100vw);
    line-height: 1.7;
  }

  .conversion02 .wrap_conversion01{
    padding-bottom: calc(119 / var(--break) * 100vw);
  }
  .conversion02 .ttl_conversion01 {
    margin-bottom: calc(9 / var(--break) * 100vw);
  }
  .conversion02 .deco_conversion02 {
    left: calc(-134 / var(--break) * 100vw);
  }
  .conversion02 .deco_conversion03 {
    right: calc(-132 / var(--break) * 100vw);
    width: calc(119 / var(--break) * 100vw);
  }
  .box_conversion01 {
    margin-bottom: 0;
    padding-bottom: calc(40 / var(--break) * 100vw);
  }
  .box_conversion01 .copy01 {
    font-size: calc(36 / var(--break) * 100vw);
    line-height: 1.5;
    letter-spacing: 0;
    margin-bottom: calc(20 / var(--break) * 100vw);
  }

   .box_conversion01 .copy02 {
    font-size: calc(25 / var(--break) * 100vw);
    letter-spacing: 0;
  }
      .box_conversion01::before {
    content: none;
}
    .box_conversion01 .copy01::before {
    content: "";
    display: block;
    width: calc(554 / var(--break) * 100vw);
    height: calc(71 / var(--break) * 100vw);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(images/page/deco_conversion01.svg) no-repeat center / contain;
    z-index: -1;
}
}
/* contact
------------------------------------------------------------------*/
.bg_contact01 {
  background: url(images/index/bg_contact01.jpg) no-repeat center/cover;
  height: calc(560 / var(--break) * 100vw);
}

.wrap_contact01::before, .wrap_contact01::after {
  content: "";
  width: calc(400 / var(--break) * 100vw);
  height: calc(400 / var(--break) * 100vw);
  position: absolute;
}
.wrap_contact01::before {
  top: calc(10 / var(--break) * 100vw);
  left: calc(10 / var(--break) * 100vw);
  border-top: solid calc(2 / var(--break) * 100vw) #fff;
  border-left: solid calc(2 / var(--break) * 100vw) #fff;
}
.wrap_contact01::after {
  right: calc(10 / var(--break) * 100vw);
  top: calc(10 / var(--break) * 100vw);
  border-right: solid calc(2 / var(--break) * 100vw) #fff;
  border-top: solid calc(2 / var(--break) * 100vw) #fff;
}

.deco_contact01 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}

.txt_contact01 {
  -webkit-filter: drop-shadow(0 0 0.2604166667vw rgba(255, 255, 255, 0.8)) drop-shadow(0 0 0.2604166667vw rgba(255, 255, 255, 0.8)) drop-shadow(0 0 0.2604166667vw rgba(255, 255, 255, 0.8)) drop-shadow(0 0 0.5208333333vw rgba(255, 255, 255, 0.8));
          filter: drop-shadow(0 0 0.2604166667vw rgba(255, 255, 255, 0.8)) drop-shadow(0 0 0.2604166667vw rgba(255, 255, 255, 0.8)) drop-shadow(0 0 0.2604166667vw rgba(255, 255, 255, 0.8)) drop-shadow(0 0 0.5208333333vw rgba(255, 255, 255, 0.8));
}

.deco_contact02 {
  bottom: 0;
  left: calc(100 / var(--break) * 100vw);
  z-index: 10;
}

.deco_contact03 {
  bottom: 0;
  right: calc(100 / var(--break) * 100vw);
  z-index: 10;
}

@media (min-width: 768px) and (max-width: 1599px) {
  .deco_contact02 {
    left: 0;
    width: calc(214 / var(--break) * 100vw);
  }
  .deco_contact03 {
    right: 0;
    width: calc(230 / var(--break) * 100vw);
  }
}
@media (max-width: 768px) {
  .deco_contact02 {
    left: 3.2vw;
    width: calc(99 / var(--break) * 100vw);
  }
  .deco_contact03 {
    right: 3.2vw;
    width: calc(106 / var(--break) * 100vw);
  }
  .txt_contact01 .ja01 {
    font-size: calc(32 / var(--break) * 100vw);
    letter-spacing: 0;
  }
  .txt_contact01 .ja02 {
    font-size: calc(28 / var(--break) * 100vw);
    letter-spacing: 0;
  }
  .ttl_contact01 {
    font-size: calc(92 / var(--break) * 100vw);
    letter-spacing: 0.1em;
    margin-bottom: calc(20 / var(--break) * 100vw);
  }
  .wrap_contact01::before, .wrap_contact01::after {
    width: calc(160 / var(--break) * 100vw);
    height: calc(160 / var(--break) * 100vw);
  }
  .bg_contact01 {
    background: url(images/index/bg_contact01_sp.jpg) no-repeat center/cover;
    height: calc(365 / var(--break) * 100vw);
  }
}
/* charm
------------------------------------------------------------------*/
.bg_charm02 {
  background: url(images/index/bg_charm02.jpg) no-repeat center/cover;
}

.bg_charm03 {
  background: url(images/index/bg_charm01.jpg) no-repeat center/cover;
}

.deco_charm04 {
  bottom: calc(-33 / var(--break) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.wrap_charm01 {
  padding: calc(88 / var(--break) * 100vw) 0 calc(152 / var(--break) * 100vw);
}

.wrap_charm_in {
  max-width: 1720px;
  width: 90%;
  margin: 0 auto;
}

.wrap_charm02 {
  padding-bottom: calc(110 / var(--break) * 100vw);
}
.wrap_charm02::after {
  content: "";
  width: 100%;
  height: calc(120 / var(--break) * 100vw);
  background: url(images/page/pattern02.png) repeat left top/calc(10 / var(--break) * 100vw);
  position: absolute;
  bottom: 0;
  left: 0;
}

.row_charm01 .col_img {
  width: 50%;
}
.row_charm01 .col_txt {
  width: 50%;
  padding: calc(22 / var(--break) * 100vw) 4.1666666667vw 0;
}
.row_charm01 .col_txt .copy {
  margin-bottom: 1.0416666667vw;
}
.row_charm01 .col_txt::before {
  content: "";
  background-color: #ebe6f2;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(400 / var(--break) * 100vw);
  height: calc(400 / var(--break) * 100vw);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  z-index: -1;
  opacity: 0.4;
}
.row_charm01 .col_img01 {
  max-width: calc(960 / var(--break) * 100vw);
}
.row_charm01 .col_txt01 {
  max-width: calc(860 / var(--break) * 100vw);
}

.row_charm02::before {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #fc8e88;
  position: absolute;
  bottom: calc(110 / var(--break) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.row_charm02 .col {
  border: calc(2 / var(--break) * 100vw) solid #000;
  max-width: calc(730 / var(--break) * 100vw);
  width: 49%;
  padding: calc(60 / var(--break) * 100vw) 2.6041666667vw calc(46 / var(--break) * 100vw);
}
.row_charm02 .col::before {
  content: "";
  background-color: #ebe6f2;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(200 / var(--break) * 100vw);
  height: calc(200 / var(--break) * 100vw);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  z-index: -1;
  opacity: 0.4;
}

.row_charm03 {
  gap: 5%;
  padding-bottom: calc(90 / var(--break) * 100vw);
}
.row_charm03 .col {
  border: calc(2 / var(--break) * 100vw) solid #000;
  max-width: calc(488 / var(--break) * 100vw);
  width: 30%;
  padding: calc(210 / var(--break) * 100vw) 2.0833333333vw calc(35 / var(--break) * 100vw);
}
.row_charm03 .col::before {
  content: "";
  background: url(images/index/deco_gift03_r.png) no-repeat center/contain;
  display: block;
  width: calc(38 / var(--break) * 100vw);
  height: calc(37 / var(--break) * 100vw);
  position: absolute;
  bottom: calc(-10 / var(--break) * 100vw);
  right: calc(-10 / var(--break) * 100vw);
}
.row_charm03 .col_charm01 {
  margin-top: calc(285 / var(--break) * 100vw);
}
.row_charm03 .box {
  border: none;
  max-width: calc(555 / var(--break) * 100vw);
  width: 33%;
  padding: 0;
}
.row_charm03 .box::before {
  content: none;
}

.row_charm04 {
  margin-top: calc(45 / var(--break) * 100vw);
  padding-bottom: 0;
  gap: calc(40 / var(--break) * 100vw);
}
.row_charm04::before {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #ae88fc;
  position: absolute;
  bottom: calc(110 / var(--break) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.row_charm04 .col {
  max-width: calc(400 / var(--break) * 100vw);
  width: 25%;
  margin-top: 0;
}

.row_charm05 {
  gap: calc(30 / var(--break) * 100vw) calc(30 / var(--break) * 100vw);
  max-width: calc(1340 / var(--break) * 100vw);
}
.row_charm05::before {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #fa88fc;
  position: absolute;
  bottom: calc(110 / var(--break) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.row_charm05 .col {
  border: calc(2 / var(--break) * 100vw) solid #000;
  max-width: calc(244 / var(--break) * 100vw);
  width: 19%;
  padding: calc(19 / var(--break) * 100vw) 0 calc(24 / var(--break) * 100vw);
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.row_charm05 .col::before {
  content: "";
  background: url(images/index/deco_gift03_l.png) no-repeat center/contain;
  display: block;
  width: calc(38 / var(--break) * 100vw);
  height: calc(37 / var(--break) * 100vw);
  position: absolute;
  top: calc(-10 / var(--break) * 100vw);
  left: calc(-10 / var(--break) * 100vw);
}
.row_charm05 .col::after {
  content: "";
  background-color: #ebe6f2;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100 / var(--break) * 100vw);
  height: calc(100 / var(--break) * 100vw);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  z-index: -1;
  opacity: 0.4;
}
.row_charm05 .col .icn {
  margin: 0 auto calc(30 / var(--break) * 100vw);
  width: calc(110 / var(--break) * 100vw);
}
.row_charm05 .col .mt {
  margin-top: calc(-16 / var(--break) * 100vw);
}

.box_charm02 {
  top: calc(-60 / var(--break) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.box_charm02 .img {
  max-width: calc(288 / var(--break) * 100vw);
}
.box_charm02 .en {
  margin-top: calc(-5 / var(--break) * 100vw);
  margin-left: calc(5 / var(--break) * 100vw);
}
.box_charm02 .ja {
  margin-top: calc(-29 / var(--break) * 100vw);
}
.box_charm02 .marker::before {
  content: "";
  background-color: #fce788;
  width: 100%;
  height: calc(10 / var(--break) * 100vw);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.box_charm02 .marker.marker_col14::before {
  background-color: #fcca88;
}

.deco_charm01 {
  top: calc(100 / var(--break) * 100vw);
  left: 0;
  width: calc(94 / var(--break) * 100vw);
}

.deco_charm02 {
  top: calc(-335 / var(--break) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
 .deco_charm02-1 {
  width: calc(485 / var(--break) * 100vw);
}
.deco_charm02-2 {
  top: calc(-301 / var(--break) * 100vw);
  width: calc(439 / var(--break) * 100vw);
}
.deco_charm03 {
  top: calc(100 / var(--break) * 100vw);
  right: 0;
  z-index: 1;
  width: calc(94 / var(--break) * 100vw);
}

.txt_charm01 {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.num_charm01::before {
  content: "";
  display: block;
  width: calc(108 / var(--break) * 100vw);
  height: calc(33 / var(--break) * 100vw);
  position: absolute;
  top: calc(-16 / var(--break) * 100vw);
  left: 49%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("images/index/deco_charm02.svg") no-repeat center/contain;
}

.box_charm01 {
  bottom: calc(-116 / var(--break) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ttl_charm02 {
  border-radius: 999px;
  width: calc(277 / var(--break) * 100vw);
  height: calc(50 / var(--break) * 100vw);
  line-height: calc(50 / var(--break) * 100vw);
  top: calc(-25 / var(--break) * 100vw);
  left: calc(-20 / var(--break) * 100vw);
}

.copy_charm02::before {
  content: "";
  background: url(images/index/deco_charm12.svg) no-repeat center/contain;
  display: block;
  width: calc(81 / var(--break) * 100vw);
  height: calc(20 / var(--break) * 100vw);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.row_charm06 {
  gap: calc(40 / var(--break) * 100vw);
  margin-bottom: calc(120 / var(--break) * 100vw);
}
.row_charm06::before {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #fa88fc;
  position: absolute;
  bottom: calc(99 / var(--break) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.row_charm06 .col {
  max-width: 23.2558139535%;
  width: 28%;
}
.row_charm06 .col .ttl {
  height: calc(70 / var(--break) * 100vw);
}
.row_charm06 .col .ttl::before, .row_charm06 .col .ttl::after {
  content: "";
  width: calc(20 / var(--break) * 100vw);
  height: calc(20 / var(--break) * 100vw);
  position: absolute;
}
.row_charm06 .col .ttl::before {
  top: calc(6 / var(--break) * 100vw);
  left: calc(6 / var(--break) * 100vw);
  border-top: solid calc(2 / var(--break) * 100vw) #fff;
  border-left: solid calc(2 / var(--break) * 100vw) #fff;
}
.row_charm06 .col .ttl::after {
  right: calc(6 / var(--break) * 100vw);
  bottom: calc(6 / var(--break) * 100vw);
  border-right: solid calc(2 / var(--break) * 100vw) #fff;
  border-bottom: solid calc(2 / var(--break) * 100vw) #fff;
}

.row_charm07 {
  gap: calc(14 / var(--break) * 100vw);
  margin-top: calc(56 / var(--break) * 100vw);
}
.row_charm07::before {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #8889fc;
  position: absolute;
  bottom: calc(110 / var(--break) * 100vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.row_charm07 .col {
  max-width: calc(360 / var(--break) * 100vw);
  width: 21%;
}
.row_charm07 .col:nth-child(2n) {
  margin-top: calc(40 / var(--break) * 100vw);
}

.box_charm04 {
  max-width: calc(700 / var(--break) * 100vw);
}
.box_charm04 .txt {
  margin-top: calc(-16 / var(--break) * 100vw);
}
.box_charm04 .deco img {
  width: calc(160 / var(--break) * 100vw);
}

.wrap_charm05 {
  margin-bottom: calc(130 / var(--break) * 100vw);
}

@media (min-width: 768px) and (max-width: 1599px) {
	.deco_charm01 {
  top: calc(150 / var(--break) * 100vw);
  left: 0;
  width: calc(60 / var(--break) * 100vw);
}
  .copy_charm01 {
    font-size: calc(30 / var(--break) * 100vw);
  }
  .box_charm01 {
    bottom: calc(-60 / var(--break) * 100vw);
  }
  .box_charm01 .deco {
    width: calc(200 / var(--break) * 100vw);
  }
  .row_charm04 {
    gap: calc(20 / var(--break) * 100vw);
  }
  .row_charm04 .col {
    width: 23%;
  }
  .row_charm06 {
    gap: 2%;
  }
  .row_charm06 .ttl {
    font-size: calc(22 / var(--break) * 100vw);
  }
  .box_charm04 {
    max-width: calc(600 / var(--break) * 100vw);
  }
  .deco_charm02-1 {
    top: calc(-317 / var(--break) * 100vw);
    width: calc(460 / var(--break) * 100vw);
}
.deco_charm02-2 {
  top: calc(-334 / var(--break) * 100vw);
  width: calc(484 / var(--break) * 100vw);
}
  .row_charm03 {
    gap: 3.5%;
    padding-bottom: calc(180 / var(--break) * 100vw);
  }
  .row_charm03 .col_charm01 {
    margin-top: calc(215 / var(--break) * 100vw);
  }
  .row_charm04 {
    gap: calc(20 / var(--break) * 100vw);
    padding-bottom: 0;
  }
  .row_charm04 .col_charm01 {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
	.deco_charm01 {
  top: calc(150 / var(--break) * 100vw);
  left: 0;
  width: calc(50 / var(--break) * 100vw);
}
  .copy_charm01 {
    font-size: calc(24 / var(--break) * 100vw);
  }
  .box_charm01 {
    bottom: 0;
  }
  .box_charm01 .deco {
    width: calc(180 / var(--break) * 100vw);
  }
  .box_charm01 .ja01 {
    font-size: calc(20 / var(--break) * 100vw);
  }
  .box_charm01 .ja02 {
    font-size: calc(30 / var(--break) * 100vw);
  }
  .row_charm06 {
    gap: 2%;
  }
  .row_charm06 .ttl {
    font-size: calc(18 / var(--break) * 100vw);
  }
 .deco_charm02-1 {
    top: calc(-249 / var(--break) * 100vw);
    width: calc(360 / var(--break) * 100vw);
}
.deco_charm02-2 {
  top: calc(-271 / var(--break) * 100vw);
  width: calc(394 / var(--break) * 100vw);
}
  .deco_charm04 {
  bottom: calc(-23 / var(--break) * 100vw);
}
.deco_charm04 .en {
  font-size: calc(100 / var(--break) * 100vw);
}
}
@media (max-width: 767px) {
  .index_charm {
    margin-top: calc(60 / var(--break) * 100vw);
  }
  .wrap_charm01 {
    padding-top: calc(65 / var(--break) * 100vw);
    padding-bottom: calc(107 / var(--break) * 100vw);
  }
  .deco_charm01 {
    top: calc(896 / var(--break) * 100vw);
    width: calc(75 / var(--break) * 100vw);
  }
  .wrap_charm04 .deco_charm01 {
    top: calc(673 / var(--break) * 100vw);
  }
  .deco_charm03 {
    top: calc(743 / var(--break) * 100vw);
    width: calc(75 / var(--break) * 100vw);
  }
  .copy_charm01 {
    font-size: calc(44 / var(--break) * 100vw);
    line-height: 1.4;
  }
  .num_charm01 {
    font-size: calc(160 / var(--break) * 100vw);
  }
  .wrap_charm_in {
    width: 100%;
  }
  .row_charm01 {
    display: block;
    margin-bottom: calc(129 / var(--break) * 100vw);
  }
  .row_charm01 .col_img {
    width: 100%;
    margin-bottom: calc(274 / var(--break) * 100vw);
  }
  .row_charm01 .col_txt {
    width: 100%;
    max-width: calc(570 / var(--break) * 100vw);
    padding: 0;
    margin-left: auto;
    margin-right: 6.4vw;
  }
  .row_charm01 .col_txt .copy {
    font-size: calc(44 / var(--break) * 100vw);
    line-height: 1.4;
    letter-spacing: -0.01em;
    margin-bottom: calc(33 / var(--break) * 100vw);
  }
  .row_charm01 .col_txt::before {
    right: -3.2vw;
  }
  .row_charm01.row02 {
    margin-bottom: calc(126 / var(--break) * 100vw);
  }
  .row_charm01.row02 .col_img {
    margin-bottom: calc(76 / var(--break) * 100vw);
  }
  .row_charm01.row02 .col_txt {
    margin-right: auto;
    margin-left: calc(48 / var(--break) * 100vw);
  }
  .row_charm01.row03 {
    margin-bottom: calc(126 / var(--break) * 100vw);
  }
  .row_charm01.row03 .col_img {
    margin-bottom: calc(76 / var(--break) * 100vw);
  }
  .box_charm01 {
    bottom: calc(-200 / var(--break) * 100vw);
  }
  .box_charm01 .deco {
    width: calc(240 / var(--break) * 100vw);
  }
  .box_charm01 .deco .ja01 {
    font-size: calc(26 / var(--break) * 100vw);
  }
  .box_charm01 .deco .ja02 {
    font-size: calc(44 / var(--break) * 100vw);
  }
  .box_charm01 .deco .ja03 {
    font-size: calc(26 / var(--break) * 100vw);
  }
  .row_charm02::before {
    content: none;
  }
  .row_charm02 {
    gap: calc(65 / var(--break) * 100vw);
  }
  .row_charm02 .col {
    width: 100%;
    padding: calc(40 / var(--break) * 100vw) calc(50 / var(--break) * 100vw) calc(46 / var(--break) * 100vw);
  }
  .row_charm02 .col .ttl {
    font-size: calc(36 / var(--break) * 100vw);
    letter-spacing: 0;
  }
  .ttl_charm02 {
    font-size: calc(42 / var(--break) * 100vw);
    text-align: center;
    left: calc(20 / var(--break) * 100vw);
    letter-spacing: 0;
    padding-top: calc(2 / var(--break) * 100vw);
  }
  .row_charm03 {
    padding-bottom: calc(90 / var(--break) * 100vw);
  }
  .row_charm03 .col {
    max-width: initial;
    width: 100%;
    padding: calc(201 / var(--break) * 100vw) 2.0833333333vw calc(33 / var(--break) * 100vw);
  }
  .row_charm03 .col_charm01 {
    margin-top: calc(311 / var(--break) * 100vw);
  }
  .row_charm03 .col_charm02 {
    margin-top: calc(333 / var(--break) * 100vw);
  }
  .row_charm03 .box {
    display: none;
  }
  .box_charm05 {
    padding-top: calc(113 / var(--break) * 100vw);
    padding-bottom: calc(200 / var(--break) * 100vw);
  }
  .box_charm05 .txt {
    letter-spacing: 0.02em;
  }
  .txt_charm01 {
    letter-spacing: 0.4em;
  }
  .txt_charm01 .en01 {
    font-size: calc(190 / var(--break) * 100vw);
    margin-right: calc(14 / var(--break) * 100vw);
  }
  .txt_charm01 .en02 {
    font-size: calc(140 / var(--break) * 100vw);
  }
  .deco_charm02-1 {
  width: calc(485 / var(--break) * 100vw);
}
.deco_charm02-2 {
  top: calc(-301 / var(--break) * 100vw);
  width: calc(439 / var(--break) * 100vw);
}
  .deco_charm02 img {
    margin: 0 auto;
  }
  .box_charm02 {
    left: 46%;
  }
  .box_charm02 .en {
    font-size: calc(130 / var(--break) * 100vw);
  }
  .box_charm02 .ja,
  .box_charm02 .marker {
    font-size: calc(26 / var(--break) * 100vw);
  }
  .row_charm04 {
    margin-top: 0;
    gap: calc(80 / var(--break) * 100vw) calc(22 / var(--break) * 100vw);
    padding-bottom: 0;
  }
  .row_charm04::before {
    content: none;
  }
  .row_charm04 .col {
    width: 48.4%;
    margin-top: 0;
    padding: calc(210 / var(--break) * 100vw) calc(30 / var(--break) * 100vw) calc(30 / var(--break) * 100vw);
  }
  .row_charm04 .col .txt {
    line-height: 1.5;
  }
  .row_charm04 .col .box_charm02 {
    left: 50%;
  }
  .wrap_charm02::after {
    height: calc(240 / var(--break) * 100vw);
  }
  .bg_charm02 {
    background: url(images/index/bg_charm02_sp.jpg) no-repeat center/cover;
    padding-top: calc(66 / var(--break) * 100vw);
    padding-bottom: calc(60 / var(--break) * 100vw);
  }
  .wrap_charm03 {
    padding-top: calc(106 / var(--break) * 100vw);
  }
  .row_charm05 {
    gap: calc(30 / var(--break) * 100vw) calc(22 / var(--break) * 100vw);
  }
  .row_charm05::before {
    content: none;
  }
  .row_charm05 .col {
    max-width: calc(312 / var(--break) * 100vw);
    width: 48%;
    padding: calc(22 / var(--break) * 100vw) 0 calc(42 / var(--break) * 100vw);
  }
  .row_charm05 .col .icn {
    margin: 0 auto calc(31 / var(--break) * 100vw);
    width: calc(110 / var(--break) * 100vw);
  }
  .row_charm05 .col .mt {
    margin-top: calc(-16 / var(--break) * 100vw);
  }
  .row_charm05 .col .ttl {
    font-size: calc(24 / var(--break) * 100vw);
  }
  .copy_charm02 {
    font-size: calc(40 / var(--break) * 100vw);
    margin-bottom: calc(50 / var(--break) * 100vw);
  }
  .copy_charm02::before {
    bottom: calc(-20 / var(--break) * 100vw);
    width: calc(162 / var(--break) * 100vw);
    height: calc(40 / var(--break) * 100vw);
  }
  .row_charm06 {
    gap: calc(20 / var(--break) * 100vw);
    margin-bottom: calc(105 / var(--break) * 100vw);
    margin-top: calc(68 / var(--break) * 100vw);
  }
  .row_charm06::before {
    content: none;
  }
  .row_charm06 .col {
    max-width: calc(340 / var(--break) * 100vw);
    width: 48%;
  }
  .row_charm06 .col .ttl {
    font-size: calc(34 / var(--break) * 100vw);
    height: calc(120 / var(--break) * 100vw);
    line-height: 1.2;
  }
  .row_charm06 .col .txt {
    font-size: calc(28 / var(--break) * 100vw);
    line-height: 1.7;
    letter-spacing: 0;
  }
  .box_charm04 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(40 / var(--break) * 100vw);
    margin-bottom: calc(11 / var(--break) * 100vw);
  }
  .box_charm04 .txt {
    font-size: calc(26 / var(--break) * 100vw);
  }
  .row_charm07 {
    gap: 0 calc(20 / var(--break) * 100vw);
    margin-top: calc(47 / var(--break) * 100vw);
  }
  .row_charm07 .col {
    max-width: calc(312 / var(--break) * 100vw);
    width: 48%;
  }
  .row_charm07 .col:nth-child(2n) {
    margin-top: calc(20 / var(--break) * 100vw);
  }
  .bg_charm03 {
    background: url(images/index/bg_charm01_sp.jpg) no-repeat center/cover;
    padding-top: calc(114 / var(--break) * 100vw);
  }
  .bg_charm03 .txt01 {
    text-align: left;
  }
  .bg_charm03 .copy_charm01 {
    line-height: 1.7;
    letter-spacing: 0;
    margin-bottom: calc(21 / var(--break) * 100vw);
  }
  .deco_charm04 {
    bottom: calc(-19 / var(--break) * 100vw);
  }
  .deco_charm04 .en {
    font-size: calc(80 / var(--break) * 100vw);
    letter-spacing: 0;
  }
  .wrap_charm05 {
    margin-bottom: calc(99 / var(--break) * 100vw);
  }
}
/* area
------------------------------------------------------------------*/
.wrap_area01::before, .wrap_area01::after {
  content: "";
  width: calc(600 / var(--break) * 100vw);
  height: calc(600 / var(--break) * 100vw);
  position: absolute;
  top: 0;
  z-index: -1;
}
.wrap_area01::before {
  background: url(images/index/deco_area01.png) no-repeat center/contain;
  left: 0;
}
.wrap_area01::after {
  background: url(images/index/deco_area02.png) no-repeat center/contain;
  right: 0;
}
.wrap_area01 .note::before {
  content: "";
  width: 100%;
  height: calc(10 / var(--break) * 100vw);
  background-color: #e5fc88;
  position: absolute;
  bottom: calc(8 / var(--break) * 100vw);
  left: 0;
  z-index: -1;
}

.box_area01 {
  background: #f2f2e6;
  max-width: calc(1750 / var(--break) * 100vw);
}
.box_area01::before {
  content: "";
  border: calc(10 / var(--break) * 100vw) solid #fff;
  width: calc(100% - 40 / var(--break) * 100vw);
  height: calc(100% - 40 / var(--break) * 100vw);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.box_area01::after {
  content: "";
  width: calc(100% - 40 / var(--break) * 100vw);
  height: calc(100% - 40 / var(--break) * 100vw);
  background: url(images/page/pattern03.png) repeat top center/calc(40 / var(--break) * 100vw);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}

.copy_area02:before, .copy_area02:after {
  content: "";
  height: 1px;
  background-color: #000;
  width: 30%;
  max-width: calc(402 / var(--break) * 100vw);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.copy_area02:before {
  left: 0;
}
.copy_area02:after {
  right: 0;
}

.row_area01 {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 2.2388059701%;
}
.row_area01 .box {
  border-bottom: calc(2 / var(--break) * 100vw) solid #1d1d1f;
  min-height: calc(147 / var(--break) * 100vw);
}

.deco_area01 {
  top: calc(175 / var(--break) * 100vw);
  right: calc(50 / var(--break) * 100vw);
}
@media (min-width: 768px) and (max-width: 1599px) {
  .deco_area01 {
    top: calc(115 / var(--break) * 100vw);
    right: 0;
  }
  .row_area01 .col {
    width: 32%;
  }
  .row_area01 .col img {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .deco_area01 {
    width: calc(780 / var(--break) * 100vw);
    top: calc(175 / var(--break) * 100vw);
    right: calc(30 / var(--break) * 100vw);
  }
  .row_area01 .col {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .index_area {
    padding-bottom: calc(100 / var(--break) * 100vw);
  }
  .wrap_area01::before, .wrap_area01::after {
    width: calc(300 / var(--break) * 100vw);
    height: calc(300 / var(--break) * 100vw);
    position: absolute;
    top: calc(-32 / var(--break) * 100vw);
  }
  .wrap_area01 .txt01 {
    text-align: left;
  }
  .wrap_area01 .note {
    font-size: calc(28 / var(--break) * 100vw);
    text-align: left;
  }
  .wrap_area01 .note::before {
    content: none;
    height: calc(20 / var(--break) * 100vw);
    bottom: calc(8 / var(--break) * 100vw);
  }
  .wrap_area01 .note .marker::before {
    content: "";
    width: 100%;
    height: calc(20 / var(--break) * 100vw);
    background-color: #e5fc88;
    position: absolute;
    bottom: calc(8 / var(--break) * 100vw);
    left: 0;
    z-index: -1;
  }
  .box_area01 {
    max-width: calc(702 / var(--break) * 100vw);
    padding-top: calc(36 / var(--break) * 100vw);
  }
  .copy_area01 {
    font-size: calc(44 / var(--break) * 100vw);
    letter-spacing: 0;
    line-height: 1.8;
    margin-bottom: calc(20 / var(--break) * 100vw);
  }
  .wrap_note {
    margin-bottom: calc(69 / var(--break) * 100vw);
  }
  .copy_area02 {
    font-size: calc(42 / var(--break) * 100vw);
    letter-spacing: 0;
  }
  .copy_area02:before, .copy_area02:after {
    height: calc(2 / var(--break) * 100vw);
    width: 30%;
    max-width: calc(74 / var(--break) * 100vw);
  }
  .copy_area02:before {
    left: calc(50 / var(--break) * 100vw);
  }
  .copy_area02:after {
    right: calc(50 / var(--break) * 100vw);
  }
  .copy_area02 .num {
    font-size: calc(66 / var(--break) * 100vw);
  }
  .row_area01 {
    gap: calc(22 / var(--break) * 100vw);
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: calc(634 / var(--break) * 100vw);
    padding-bottom: calc(60 / var(--break) * 100vw);
  }
  .row_area01 .col {
    max-width: calc(290 / var(--break) * 100vw);
    width: 48.6%;
    margin-top: 0;
  }
  .row_area01 .col .box {
    font-size: calc(24 / var(--break) * 100vw);
    padding: calc(18 / var(--break) * 100vw) calc(20 / var(--break) * 100vw) calc(32 / var(--break) * 100vw);
  }
  .row_area01 .col .box .txt {
    line-height: 1.5;
  }
  .ttl_commmon02 {
    font-size: calc(26 / var(--break) * 100vw);
    letter-spacing: 0;
  }
  .deco_area01 {
    width: calc(367 / var(--break) * 100vw);
    top: calc(134 / var(--break) * 100vw);
    left: 22%;
    right: auto;
  }
}
/* concept
------------------------------------------------------------------*/
.copy_concept01 {
  position: absolute;
  bottom: 6.25vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}
.copy_concept01 .copy01 {
  margin-bottom: calc(60 / var(--break) * 100vw);
}
.copy_concept01 .copy01,
.copy_concept01 .copy02 {
  border-bottom: 1px solid #fff;
  padding-bottom: calc(16 / var(--break) * 100vw);
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  letter-spacing: 0.15em;
}

.img_concept01 {
  background: url(images/index/parallax.jpg) no-repeat top center/cover;
  height: calc(760 / var(--break) * 100vw);
}

.logo_concept01 {
  bottom: calc(-203 / var(--break) * 100vw);
  left: calc(-88 / var(--break) * 100vw);
  width: calc(635 / var(--break) * 100vw);
}

.row_concept01 {
  gap: calc(40 / var(--break) * 100vw);
}
.row_concept01 .col {
  border: calc(2 / var(--break) * 100vw) solid var(--color03);
  padding: calc(30 / var(--break) * 100vw) calc(40 / var(--break) * 100vw);
  max-width: calc(600 / var(--break) * 100vw);
  width: 48.3870967742%;
}
.row_concept01 .col .txt {
  text-align: left;
}
.row_concept01 .col::before {
  content: "";
  background-color: #ebe6f2;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100 / var(--break) * 100vw);
  height: calc(100 / var(--break) * 100vw);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  z-index: -1;
  opacity: 0.4;
}
.row_concept01 .col.bg_col16::before {
  background-color: #fff;
}

@media (min-width: 768px) and (max-width: 1299px) {
  .row_concept01 {
    gap: calc(20 / var(--break) * 100vw);
  }
}
@media (max-width: 767px) {
  .wrap_concept01 {
    margin-top: calc(60 / var(--break) * 100vw);
  }
  .copy_concept01 {
    bottom: calc(60 / var(--break) * 100vw);
  }
  .copy_concept01 .copy01,
  .copy_concept01 .copy02 {
    font-size: calc(36 / var(--break) * 100vw);
    letter-spacing: 0;
  }
  .copy_concept01 .copy01 {
    margin-bottom: calc(12 / var(--break) * 100vw);
  }
  .img_concept01 {
    background: url(images/index/parallax_sp.jpg) no-repeat top center/cover;
    height: calc(470 / var(--break) * 100vw);
  }
  .logo_concept01 {
    left: calc(-31 / var(--break) * 100vw);
    bottom: calc(-46 / var(--break) * 100vw);
    width: calc(260 / var(--break) * 100vw);
  }
  .row_concept01 {
    gap: calc(30 / var(--break) * 100vw);
  }
  .row_concept01 .col {
    width: 100%;
    max-width: initial;
    padding: calc(32 / var(--break) * 100vw) calc(50 / var(--break) * 100vw);
  }
}
/* person
------------------------------------------------------------------*/
.deco_person01 {
  width: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}

.row_person01 .box_person01 {
  max-width: calc(930 / var(--break) * 100vw);
  width: 62%;
}

.row_person02 {
  gap: calc(20 / var(--break) * 100vw);
}
.row_person02 .col {
  border: calc(2 / var(--break) * 100vw) solid #000;
  max-width: calc(400 / var(--break) * 100vw);
  width: 32.2580645161%;
  padding: calc(43 / var(--break) * 100vw) 0 0;
}
.row_person02 .col::before {
  content: "";
  background: url(images/index/deco_gift03_l.png) no-repeat center/contain;
  display: block;
  width: calc(38 / var(--break) * 100vw);
  height: calc(37 / var(--break) * 100vw);
  position: absolute;
  top: calc(-10 / var(--break) * 100vw);
  left: calc(-10 / var(--break) * 100vw);
}
.row_person02 .col::after {
  content: "";
  background-color: #ebe6f2;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(200 / var(--break) * 100vw);
  height: calc(200 / var(--break) * 100vw);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  z-index: -1;
  opacity: 0.4;
}
.row_person02 .col .marker::before {
  content: "";
  width: 100%;
  height: calc(10 / var(--break) * 100vw);
  background-color: #e5fc88;
  position: absolute;
  bottom: calc(8 / var(--break) * 100vw);
  left: 0;
  z-index: -1;
}
.row_person02 .col .box {
  min-height: calc(130 / var(--break) * 100vw);
}

@media (min-width: 768px) and (max-width: 1599px) {
  .row_person01 .deco {
    width: calc(240 / var(--break) * 100vw);
  }
  .row_person01 .box_person01 {
    width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .row_person01 .box_person01 {
    width: 52%;
  }
  .copy_person01 {
    font-size: calc(32 / var(--break) * 100vw);
  }
  .row_person02 .col {
    width: 30%;
  }
  .row_person02 .col .icn {
    width: calc(200 / var(--break) * 100vw);
  }
}
@media (max-width: 767px) {
  .wrap_person05 {
    padding-top: calc(60 / var(--break) * 100vw);
  }
  .row_person01 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(30 / var(--break) * 100vw) calc(40 / var(--break) * 100vw);
  }
  .row_person01 .box_person01 {
    width: 100%;
  }
  .row_person01 .deco {
    width: calc(230 / var(--break) * 100vw);
  }
  .copy_person01 {
    font-size: calc(44 / var(--break) * 100vw);
    line-height: 1.5;
    margin-bottom: calc(30 / var(--break) * 100vw);
  }
  .row_person02 {
    margin-top: calc(53 / var(--break) * 100vw);
    gap: calc(30 / var(--break) * 100vw) calc(22 / var(--break) * 100vw);
  }
  .row_person02 .col {
    width: 48.4%;
    padding-bottom: calc(30 / var(--break) * 100vw);
  }
  .row_person02 .col .ttl {
    font-size: calc(28 / var(--break) * 100vw);
    letter-spacing: 0;
  }
  .row_person02 .col .box {
    min-height: calc(120 / var(--break) * 100vw);
  }
  .row_person02 .col .icn {
    width: calc(220 / var(--break) * 100vw);
  }
}
.wrap_person03 {
  padding: calc(100 / var(--break) * 100vw) 0 calc(110 / var(--break) * 100vw);
  overflow: hidden;
  background: url("images/index/bg_person01.jpg") no-repeat center/cover;
}
.wrap_person03::before {
  content: "";
  width: 100%;
  height: calc(10 / var(--break) * 100vw);
  background: url(images/page/pattern01.png) repeat left top/calc(7 / var(--break) * 100vw);
  position: absolute;
  top: 0;
  left: 0;
}
.wrap_person03::after {
  content: "";
  width: 100%;
  height: calc(120 / var(--break) * 100vw);
  background: url(images/page/pattern02.png) repeat left top/calc(10 / var(--break) * 100vw);
  position: absolute;
  bottom: 0;
  left: 0;
}

.row_person03:not(:first-child) {
  margin-top: calc(60 / var(--break) * 100vw);
}
.row_person03_01 .img_person09 {
  margin-right: calc(70 / var(--break) * 100vw);
}
.row_person03_02 {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.row_person03_02 .img_person09 {
  margin-left: calc(70 / var(--break) * 100vw);
}

.img_person09 {
  width: calc(180 / var(--break) * 100vw);
  height: calc(180 / var(--break) * 100vw);
}

.box_person02 {
  position: relative;
  z-index: 1;
  width: calc(100% - 250 / var(--break) * 100vw);
  padding: calc(30 / var(--break) * 100vw) calc(30 / var(--break) * 100vw);
  background: #fff;
  border-radius: calc(6 / var(--break) * 100vw);
}
.box_person02::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.box_person02_r::before {
  left: calc(-28 / var(--break) * 100vw);
  border-top: calc(15 / var(--break) * 100vw) solid transparent;
  border-right: calc(29 / var(--break) * 100vw) solid #fff;
  border-bottom: calc(15 / var(--break) * 100vw) solid transparent;
}
.box_person02_l {
  background: #ebe6f2;
}
.box_person02_l::before {
  right: calc(-28 / var(--break) * 100vw);
  border-top: calc(15 / var(--break) * 100vw) solid transparent;
  border-bottom: calc(15 / var(--break) * 100vw) solid transparent;
  border-left: calc(29 / var(--break) * 100vw) solid #ebe6f2;
}
.box_person02 p {
  line-height: 2.3;
  letter-spacing: 0.08em;
}

@media (max-width: 767px) {
  .wrap_person03 {
    padding: calc(80 / var(--break) * 100vw) 0 calc(90 / var(--break) * 100vw);
  }
  .wrap_person03::before {
    height: calc(20 / var(--break) * 100vw);
    background: url(images/page/pattern01.png) repeat left top/calc(7 / var(--break) * 100vw);
  }
  .row_person03 {
    display: block;
  }
  .row_person03:not(:first-child) {
    margin-top: calc(40 / var(--break) * 100vw);
  }
  .row_person03_01 .img_person09, .row_person03_02 .img_person09 {
    margin: 0 auto calc(40 / var(--break) * 100vw);
  }
  .img_person09 {
    width: calc(180 / var(--break) * 100vw);
    height: calc(180 / var(--break) * 100vw);
  }
  .box_person02 {
    width: 100%;
    padding: calc(26 / var(--break) * 100vw) calc(40 / var(--break) * 100vw);
  }
  .box_person02::before {
    top: calc(-24 / var(--break) * 100vw);
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transform: none;
            transform: none;
    border-right: calc(18 / var(--break) * 100vw) solid transparent;
    border-bottom: calc(30 / var(--break) * 100vw) solid rgb(255, 255, 255);
    border-left: calc(18 / var(--break) * 100vw) solid transparent;
  }
  .box_person02_l::before {
    border-top: 0;
    border-right: calc(18 / var(--break) * 100vw) solid transparent;
    border-bottom-color: #ebe6f2;
    border-left: calc(18 / var(--break) * 100vw) solid transparent;
  }
  .box_person02_r::before {
    border-top: 0;
    border-right: calc(18 / var(--break) * 100vw) solid transparent;
    border-left: calc(18 / var(--break) * 100vw) solid transparent;
  }
  .box_person02 p {
    line-height: 1.9;
    letter-spacing: 0.04em;
  }
}
/* interview
------------------------------------------------------------------*/
.index_interview .border {
  width: 100%;
  height: calc(10 / var(--break) * 100vw);
}

.bg_common01::before {
  content: "N";
  color: #fff;
  font-family: "sheila", sans-serif;
  font-weight: 400;
  font-size: calc(460 / var(--break) * 100vw);
  font-style: normal;
  display: block;
  line-height: 1;
  position: absolute;
  top: 25%;
  left: -5px;
  z-index: 1;
  opacity: 0.2;
}
.deco_interview02::after {
  content: "";
  width: 100%;
  height: calc(10 / var(--break) * 100vw);
  background: url(images/page/pattern01.png) repeat left top/calc(7 / var(--break) * 100vw);
  position: absolute;
  top: 0;
  left: 0;
}

.wrap_common01 {
  width: 100%;
}
.wrap_common01::before {
  content: "";
  background-image: -webkit-linear-gradient(359deg, rgb(227, 186, 255), rgb(186, 255, 255));
  background-image: linear-gradient(91deg, rgb(227, 186, 255), rgb(186, 255, 255));
  width: calc(100% - 200 / var(--break) * 100vw);
  height: 100%;
  position: absolute;
  top: calc(60 / var(--break) * 100vw);
  right: 0;
}
.wrap_common01.interview02::before, .wrap_common01.interview03::before, .wrap_common01.interview04::before, .wrap_common01.interview05::before, .wrap_common01.interview06::before {
  content: "";
  background-image: -webkit-linear-gradient(359deg, #88affc, #8889fc);
  background-image: linear-gradient(91deg, #88affc, #8889fc);
  width: calc(100% - 120 / var(--break) * 100vw);
  height: 100%;
  position: absolute;
  opacity: 0.5;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, calc(250 / var(--break) * 100vw) 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, calc(250 / var(--break) * 100vw) 100%);
}
.wrap_common01.interview03::before {
  background-image: -webkit-linear-gradient(359deg, #8889fc, #ae88fc);
  background-image: linear-gradient(91deg, #8889fc, #ae88fc);
}
.wrap_common01.interview04::before {
  background-image: -webkit-linear-gradient(359deg, #ae88fc, #d489fc);
  background-image: linear-gradient(91deg, #ae88fc, #d489fc);
}
.wrap_common01.interview05::before {
  background-image: -webkit-linear-gradient(359deg, #d489fc, #fa88fc);
  background-image: linear-gradient(91deg, #d489fc, #fa88fc);
}
.wrap_common01.interview06::before {
  background-image: -webkit-linear-gradient(359deg, #fa88fc, #fc88bc);
  background-image: linear-gradient(91deg, #fa88fc, #fc88bc);
}
.wrap_common01_in {
  background-color: rgba(255, 255, 255, 0.4);
  width: calc(690 / var(--break) * 100vw);
  height: calc(440 / var(--break) * 100vw);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: calc(269 / var(--break) * 100vw);
  z-index: 10;
}
.wrap_common01_in .ttl01 {
  margin-bottom: calc(40 / var(--break) * 100vw);
}
.wrap_common01_in .ja01,
.wrap_common01_in .ja02,
.wrap_common01_in .en,
.wrap_common01_in .posi_en {
  -webkit-filter: drop-shadow(0 0 0.2604166667vw #fff) drop-shadow(0 0 0.5208333333vw #fff) drop-shadow(0 0 0.2604166667vw #fff) drop-shadow(0 0 0.2604166667vw #fff);
          filter: drop-shadow(0 0 0.2604166667vw #fff) drop-shadow(0 0 0.5208333333vw #fff) drop-shadow(0 0 0.2604166667vw #fff) drop-shadow(0 0 0.2604166667vw #fff);
}
.wrap_common01_in .box {
  height: 100%;
}
.wrap_common01_in .box::before, .wrap_common01_in .box::after {
  content: "";
  width: calc(100 / var(--break) * 100vw);
  height: calc(100 / var(--break) * 100vw);
  position: absolute;
}
.wrap_common01_in .box::before {
  top: calc(10 / var(--break) * 100vw);
  left: calc(10 / var(--break) * 100vw);
  border-top: solid calc(2 / var(--break) * 100vw) var(--color03);
  border-left: solid calc(2 / var(--break) * 100vw) var(--color03);
}
.wrap_common01_in .box::after {
  right: calc(10 / var(--break) * 100vw);
  bottom: calc(10 / var(--break) * 100vw);
  border-right: solid calc(2 / var(--break) * 100vw) var(--color03);
  border-bottom: solid calc(2 / var(--break) * 100vw) var(--color03);
}
.wrap_common01 .img01 {
  bottom: 0;
  left: calc(100 / var(--break) * 100vw);
  z-index: 10;
}

.deco_common01 {
  top: 30%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}

.wrap_common02 {
  margin-top: calc(129 / var(--break) * 100vw);
}
.wrap_common02 .box_q {
  -webkit-align-items: center;
  align-items: center;
  border-bottom: solid calc(2 / var(--break) * 100vw) var(--color03);
  padding-bottom: calc(30 / var(--break) * 100vw);
  margin-bottom: calc(30 / var(--break) * 100vw);
}
.wrap_common02 .box_q .icn {
  width: calc(44 / var(--break) * 100vw);
  line-height: calc(70 / var(--break) * 100vw);
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(250, 136, 252)), to(rgb(212, 137, 252)));
  background-image: -webkit-linear-gradient(left, rgb(250, 136, 252), rgb(212, 137, 252));
  background-image: linear-gradient(90deg, rgb(250, 136, 252), rgb(212, 137, 252));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}
.wrap_common02 .box_q .txt {
  width: calc(100% - 64 / var(--break) * 100vw);
  line-height: 163.6363636364%;
}
.wrap_common02 .col01,
.wrap_common02 .col02 {
  width: 41.78vw;
  min-height: 28.125vw;
  margin-top: -28.125vw;
  margin-bottom: calc(60 / var(--break) * 100vw);
}
.wrap_common02 .col01 .wrap,
.wrap_common02 .col02 .wrap {
  width: 100%;
}
.wrap_common02 .col01 .wrap .box_a:not(:last-child),
.wrap_common02 .col02 .wrap .box_a:not(:last-child) {
  margin-bottom: calc(45 / var(--break) * 100vw);
}
.wrap_common02 .img02,
.wrap_common02 .img03 {
    width: 44.7916666667vw;
  position: relative;
}
.wrap_common02 .img02::before,
.wrap_common02 .img03::before {
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(227, 186, 255)), to(rgb(186, 255, 255)));
  background-image: -webkit-linear-gradient(left, rgb(227, 186, 255), rgb(186, 255, 255));
  background-image: linear-gradient(90deg, rgb(227, 186, 255), rgb(186, 255, 255));
  width: 100%;
  height: calc(10 / var(--break) * 100vw);
  position: absolute;
  bottom: calc(-10 / var(--break) * 100vw);
  left: 0;
}
.wrap_common02 .img02.interview02::before,
.wrap_common02 .img03.interview02::before {
  background-color: var(--color08);
  background-image: none;
}
.wrap_common02 .img02.interview03::before,
.wrap_common02 .img03.interview03::before {
  background-color: var(--color09);
  background-image: none;
}
.wrap_common02 .img02.interview04::before,
.wrap_common02 .img03.interview04::before {
  background-color: var(--color06);
  background-image: none;
}
.wrap_common02 .img02.interview05::before,
.wrap_common02 .img03.interview05::before {
  background-color: var(--color17);
  background-image: none;
}
.wrap_common02 .img02.interview06::before,
.wrap_common02 .img03.interview06::before {
  background-color: var(--color11);
  background-image: none;
}

.box_common01::before {
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(227, 186, 255)), to(rgb(186, 255, 255)));
  background-image: -webkit-linear-gradient(left, rgb(227, 186, 255), rgb(186, 255, 255));
  background-image: linear-gradient(90deg, rgb(227, 186, 255), rgb(186, 255, 255));
  width: 100%;
  height: calc(10.26 / var(--break) * 100vw);
  position: absolute;
  top: 0;
  left: 0;
}
.box_common01::after {
  content: "";
  width: calc(100 / var(--break) * 100vw);
  height: calc(100 / var(--break) * 100vw);
  position: absolute;
  right: calc(0 / var(--break) * 100vw);
  bottom: calc(0 / var(--break) * 100vw);
  border-right: solid calc(2 / var(--break) * 100vw) var(--color03);
  border-bottom: solid calc(2 / var(--break) * 100vw) var(--color03);
}
.box_common01.interview02::before {
  background-color: var(--color08);
  background-image: none;
}
.box_common01.interview03::before {
  background-color: var(--color09);
  background-image: none;
}
.box_common01.interview04::before {
  background-color: var(--color06);
  background-image: none;
}
.box_common01.interview05::before {
  background-color: var(--color17);
  background-image: none;
}
.box_common01.interview06::before {
  background-color: var(--color11);
  background-image: none;
}

@media (min-width: 768px) and (max-width: 1599px) {

  .wrap_common01_in {
    height: calc(350 / var(--break) * 100vw);
    right: calc(40 / var(--break) * 100vw);
  }
  .wrap_common01 .img01 {
    left: calc(-20 / var(--break) * 100vw);
    width: 48%;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .wrap_common01 .img01 {
    width: 48%;
  }
  .copy_common01 {
    height: calc(350 / var(--break) * 100vw);
    right: calc(40 / var(--break) * 100vw);
  }
}
@media (max-width: 767px) {
  .wrap_common01 {
    margin-top: calc(118 / var(--break) * 100vw);
  }
  .wrap_common01::before {
    width: calc(100% - 3.2vw);
    top: calc(30 / var(--break) * 100vw);
  }
  .wrap_common01.interview02::before, .wrap_common01.interview03::before, .wrap_common01.interview04::before, .wrap_common01.interview05::before, .wrap_common01.interview06::before {
    content: "";
    width: calc(100% - 3.2vw);
    height: 100%;
    position: absolute;
    opacity: 0.5;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100 / var(--break) * 100vw) 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100 / var(--break) * 100vw) 100%);
  }
  #interview02 .ttl_common03 {
      margin-top: calc(110 / var(--break) * 100vw);
  }
  .wrap_common01_in {
    top: calc(349 / var(--break) * 100vw);
    left: calc(53 / var(--break) * 100vw);
    -webkit-transform: none;
            transform: none;
    right: auto;
    max-width: calc(622 / var(--break) * 100vw);
    height: calc(340 / var(--break) * 100vw);
  }
  .wrap_common01_in .ttl01 {
    margin-bottom: calc(36 / var(--break) * 100vw);
  }
  .wrap_common01_in .ja01 {
    font-size: calc(34 / var(--break) * 100vw);
  }
  .wrap_common01_in .ja02 {
    font-size: calc(68 / var(--break) * 100vw);
  }
  .wrap_common01_in .en {
    font-size: calc(22 / var(--break) * 100vw);
    letter-spacing: 0.09em;
    line-height: 1;
  }
  .wrap_common01_in .posi_en {
    font-size: calc(40 / var(--break) * 100vw);
    margin-bottom: calc(34 / var(--break) * 100vw);
  }
  .wrap_common01_in .box {
    position: absolute;
    top: 0;
  }
  .wrap_common01 .img01 {
    bottom: auto;
    top: calc(-63 / var(--break) * 100vw);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: calc(446 / var(--break) * 100vw);
  }
   .wrap_common01 .img01.img01-d1 {
    width: calc(418 / var(--break) * 100vw);
    }
    .wrap_common01 .img01.img01-n1 {
    width: calc(326 / var(--break) * 100vw);
    }
    .wrap_common01 .img01.img01-n2 {
    width: calc(545 / var(--break) * 100vw);
    }
     .wrap_common01 .img01.img01-m1 {
    width: calc(440 / var(--break) * 100vw);
    }
     .wrap_common01 .img01.img01-m2 {
    width: calc(540 / var(--break) * 100vw);
    }
  .bg_common01::before {
    font-size: calc(460 / var(--break) * 100vw);
    top: 45%;
    left: calc(-127 / var(--break) * 100vw);
  }
  .deco_interview02::after {
    height: calc(20 / var(--break) * 100vw);
  }
  .wrap_common02 {
    padding-top: 0;
    padding-bottom: calc(44 / var(--break) * 100vw);
    margin-top: calc(100 / var(--break) * 100vw);
  }
  .wrap_common02 .box_q {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-bottom: calc(23 / var(--break) * 100vw);
    width: 86.1333333333vw;
    margin: 0 auto calc(29 / var(--break) * 100vw);
  }
  .wrap_common02 .box_q .icn {
    font-size: calc(60 / var(--break) * 100vw);
    width: calc(60 / var(--break) * 100vw);
    line-height: calc(60 / var(--break) * 100vw);
  }
  .wrap_common02 .box_q .txt {
    width: calc(100% - 93 / var(--break) * 100vw);
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 161.1111111111%;
  }
  .wrap_common02 .box_a {
    width: 86.1333333333vw;
    margin: 0 auto calc(64 / var(--break) * 100vw);
  }
  .wrap_common02 .img02,
  .wrap_common02 .img03 {
    width: 96.6666666667vw;
  }
  .wrap_common02 .img02::before,
  .wrap_common02 .img03::before {
    height: calc(20 / var(--break) * 100vw);
    bottom: calc(-20 / var(--break) * 100vw);
  }
  .wrap_common02 .img02 {
    margin: 0 0 calc(80 / var(--break) * 100vw) auto;
  }
  .wrap_common02 .img03 {
    margin: 0 auto calc(80 / var(--break) * 100vw) 0;
  }
  .wrap_common02 .col01,
  .wrap_common02 .col02 {
    width: 100%;
    min-height: auto;
    margin-top: 0;
    margin-bottom: calc(4 / var(--break) * 100vw);
  }
  .wrap_common02 .col01 .wrap,
  .wrap_common02 .col02 .wrap {
    width: 100%;
  }
  .wrap_common02 .col01 .wrap .box_a:not(:last-child),
  .wrap_common02 .col02 .wrap .box_a:not(:last-child) {
    margin-bottom: calc(45 / var(--break) * 100vw);
  }
  .box_common01 {
    padding-bottom: calc(38 / var(--break) * 100vw);
  }
  .box_common01::before {
    height: calc(20 / var(--break) * 100vw);
  }
  .box_common01 .copy {
    font-size: calc(40 / var(--break) * 100vw);
    line-height: 1.5;
    letter-spacing: 0;
    margin-bottom: calc(21 / var(--break) * 100vw);
  }
}
/* flow
------------------------------------------------------------------*/
.bg_flow01 {
  top: 0;
  left: 0;
}

.row_flow01 .col {
  width: 18.2089552239%;
}
.row_flow01 .col:not(:last-child)::before {
  content: "";
  display: block;
  width: calc(15 / var(--break) * 100vw);
  height: calc(29 / var(--break) * 100vw);
  position: absolute;
  top: 0;
  right: calc(-15 / var(--break) * 100vw);
  bottom: 0;
  margin: auto;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  background: url("images/index/arw_flow.svg") no-repeat center/contain;
}
.row_flow01 .col .wrap {
  border: calc(2 / var(--break) * 100vw) solid var(--color03);
  width: 100%;
  padding-top: calc(45 / var(--break) * 100vw);
}
.row_flow01 .col .wrap::before {
  content: "";
  background: url(images/index/deco_gift03_l.png) no-repeat center/contain;
  display: block;
  width: calc(38 / var(--break) * 100vw);
  height: calc(37 / var(--break) * 100vw);
  position: absolute;
  top: calc(-10 / var(--break) * 100vw);
  left: calc(-10 / var(--break) * 100vw);
}
.row_flow01 .col .wrap::after {
  content: "";
  background-color: #ebe6f2;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100 / var(--break) * 100vw);
  height: calc(100 / var(--break) * 100vw);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  z-index: -1;
  opacity: 0.4;
}
.row_flow01 .col .wrap .box {
  width: 100%;
  height: calc(148 / var(--break) * 100vw);
}
.row_flow01 .col .wrap .txt01 {
  border-radius: 999px;
  width: calc(204 / var(--break) * 100vw);
  height: calc(50 / var(--break) * 100vw);
  line-height: calc(50 / var(--break) * 100vw);
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 1599px) {
  .flex__flow .col .box .txt02 {
    font-size: 1.8761726079vw;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .flex__flow .col .box .wrap {
    padding-top: 2.3094688222vw;
  }
  .flex__flow .col .box .txt01 {
    margin: 0 auto 0.5388760585vw;
  }
}
@media (max-width: 767px) {
  .index_flow {
    padding-bottom: calc(80 / var(--break) * 100vw);
  }
  .wrap_flow01 {
    padding-top: calc(72 / var(--break) * 100vw);
  }
  .row_flow01 .col {
    width: 86.1333333333vw;
    min-height: calc(198 / var(--break) * 100vw);
    margin-right: auto;
    margin-left: auto;
  }
  .row_flow01 .col:nth-child(n+2) {
    margin-top: 9.3333333333vw;
  }
  .row_flow01 .col:not(:last-child)::before {
    width: 7.6vw;
    height: 3.7333333333vw;
    top: auto;
    right: 0;
    bottom: -6.6666666667vw;
    left: 0;
    margin: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    background: url("images/index/arw_flow_sp.svg") no-repeat center/contain;
  }
  .row_flow01 .col .wrap {
    padding-top: calc(30 / var(--break) * 100vw);
  }
  .row_flow01 .col .wrap .txt01 {
    width: calc(254 / var(--break) * 100vw);
    height: calc(50 / var(--break) * 100vw);
    line-height: calc(50 / var(--break) * 100vw);
    margin: 0 auto;
    font-size: calc(42 / var(--break) * 100vw);
  }
  .row_flow01 .col .wrap .box {
    width: 100%;
    min-height: calc(75 / var(--break) * 100vw);
    height: auto;
    padding-top: calc(34 / var(--break) * 100vw);
    padding-bottom: calc(34 / var(--break) * 100vw);
  }
  .row_flow01 .col .wrap .box .txt02,
  .row_flow01 .col .wrap .box .txt03 {
    font-size: calc(46 / var(--break) * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
    line-height: 1;
  }
  .row_flow01 .col .wrap .box .note {
    font-size: calc(28 / var(--break) * 100vw);
  }
}
/* CURRICULUM
------------------------------------------------------------------*/
.bg_curriculum01 {
  top: 0;
  left: 0;
  z-index: -1;
}

.box_curriculum01 {
  border: calc(2 / var(--break) * 100vw) solid var(--color03);
}
.box_curriculum01:not(:first-child) {
  margin-top: calc(60 / var(--break) * 100vw);
}
.box_curriculum01::before, .box_curriculum01::after {
  content: "";
  width: calc(100 / var(--break) * 100vw);
  height: calc(100 / var(--break) * 100vw);
  position: absolute;
}
.box_curriculum01::before {
  top: calc(10 / var(--break) * 100vw);
  left: calc(10 / var(--break) * 100vw);
  border-top: solid calc(2 / var(--break) * 100vw) var(--color03);
  border-left: solid calc(2 / var(--break) * 100vw) var(--color03);
}
.box_curriculum01::after {
  right: calc(10 / var(--break) * 100vw);
  top: calc(10 / var(--break) * 100vw);
  border-right: solid calc(2 / var(--break) * 100vw) var(--color03);
  border-top: solid calc(2 / var(--break) * 100vw) var(--color03);
}
.box_curriculum01 .ttl::before, .box_curriculum01 .ttl::after {
  content: "";
  width: calc(20 / var(--break) * 100vw);
  height: calc(20 / var(--break) * 100vw);
  position: absolute;
}
.box_curriculum01 .ttl::before {
  top: calc(6 / var(--break) * 100vw);
  left: calc(6 / var(--break) * 100vw);
  border-top: solid calc(2 / var(--break) * 100vw) #fff;
  border-left: solid calc(2 / var(--break) * 100vw) #fff;
}
.box_curriculum01 .ttl::after {
  right: calc(6 / var(--break) * 100vw);
  top: calc(6 / var(--break) * 100vw);
  border-right: solid calc(2 / var(--break) * 100vw) #fff;
  border-top: solid calc(2 / var(--break) * 100vw) #fff;
}
.box_curriculum01 .copy .ja:before, .box_curriculum01 .copy .ja:after {
  content: "";
  height: 1px;
  background-color: var(--color03);
  width: calc(40 / var(--break) * 100vw);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.box_curriculum01 .copy .ja:before {
  left: calc(-70 / var(--break) * 100vw);
}
.box_curriculum01 .copy .ja:after {
  right: calc(-70 / var(--break) * 100vw);
}

.row_curriculum01 {
  gap: calc(40 / var(--break) * 100vw);
}
.row_curriculum01 .icn {
  width: calc(170 / var(--break) * 100vw);
}
.row_curriculum01 .txt {
  width: calc(100% - 210 / var(--break) * 100vw);
}

@media (max-width: 767px) {
  .wrap_curriculum {
    padding-top: calc(100 / var(--break) * 100vw);
  }
  .box_curriculum01 {
    padding: calc(50 / var(--break) * 100vw) calc(40 / var(--break) * 100vw) calc(30 / var(--break) * 100vw);
  }
  .box_curriculum01 .ttl {
    font-size: calc(34 / var(--break) * 100vw);
    margin-bottom: calc(40 / var(--break) * 100vw);
  }
  .box_curriculum01 .copy {
    font-size: calc(40 / var(--break) * 100vw);
    letter-spacing: 0;
    margin-bottom: calc(10 / var(--break) * 100vw);
  }
  .box_curriculum01 .copy .ja:before {
    left: calc(-60 / var(--break) * 100vw);
  }
  .box_curriculum01 .copy .ja:after {
    right: calc(-60 / var(--break) * 100vw);
  }
  .box_curriculum01 .icn {
    width: calc(170 / var(--break) * 100vw);
    margin-bottom: calc(20 / var(--break) * 100vw);
  }
  .row_curriculum01 .txt {
    width: 100%;
  }
}
@media (max-width: 450px) {
  .box_curriculum01 .copy {
    font-size: calc(36 / var(--break) * 100vw);
  }
}
/* スケジュール
------------------------------------------------------------------*/
.wrap_schedule {
  padding: calc(80 / var(--break) * 100vw) 0;
}

.wrap_schedule .ttl {
  width: calc(468 / var(--break) * 100vw);
  height: calc(80 / var(--break) * 100vw);
  margin-bottom: calc(50 / var(--break) * 100vw);
  background: url("images/index/deco_ttl_schedule01_l.png") no-repeat left center/calc(68 / var(--break) * 100vw), url("images/index/deco_ttl_schedule01_r.png") no-repeat right center/calc(68 / var(--break) * 100vw);
}
.wrap_schedule .ttl span:nth-child(1) {
  margin-bottom: calc(28 / var(--break) * 100vw);
}
.wrap_schedule .wrap {
  width: 90%;
  max-width: 1240px;
  margin: auto;
}
.wrap_schedule .wrap dt {
  width: calc(140 / var(--break) * 100vw);
  min-height: calc(70 / var(--break) * 100vw);
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  color: #ffffff;
  background: #88affc;
  position: relative;
  padding-left: calc(20 / var(--break) * 100vw);
}
.wrap_schedule .wrap dt::after {
  content: "";
  display: block;
  width: calc(20 / var(--break) * 100vw);
  height: 100%;
  background: #88affc;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  left: calc(100% - 1px);
}
.wrap_schedule .wrap dt:nth-child(n+3) {
  margin-top: calc(20 / var(--break) * 100vw);
}
.wrap_schedule .wrap dd {
  width: calc(100% - 140 / var(--break) * 100vw);
  min-height: calc(70 / var(--break) * 100vw);
  padding-left: calc(50 / var(--break) * 100vw);
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
}
.wrap_schedule .wrap dd:nth-child(n+3) {
  margin-top: calc(20 / var(--break) * 100vw);
}
.wrap_schedule01 {
  margin-bottom: calc(100 / var(--break) * 100vw);
}
.wrap_schedule01.is_bdb {
  border-bottom: calc(10 / var(--break) * 100vw) solid #88affc;
}
.wrap_schedule02 .wrap dt {
  background: #ae88fc;
}
.wrap_schedule02 .wrap dt::after {
  background: #ae88fc;
}
.wrap_schedule02.is_bdb {
  border-bottom: calc(10 / var(--break) * 100vw) solid #ae88fc;
}
.wrap_schedule03 .wrap dt {
  background: #fa88fc;
}
.wrap_schedule03 .wrap dt::after {
  background: #fa88fc;
}
.wrap_schedule03.is_bdb {
  border-bottom: calc(10 / var(--break) * 100vw) solid #fa88fc;
}

@media (max-width: 767px) {
  .wrap_schedule {
    width: 100%;
    max-width: 100%;
    padding: calc(100 / var(--break) * 100vw) 0 calc(100 / var(--break) * 100vw);
  }
  .wrap_schedule .wrap {
    width: 86.1333333333vw;
    max-width: 86.1333333333vw;
  }
  .wrap_schedule .wrap dt {
    width: calc(160 / var(--break) * 100vw);
    min-height: calc(130 / var(--break) * 100vw);
    font-size: calc(34 / var(--break) * 100vw);
    letter-spacing: 0.1em;
  }
  .wrap_schedule .wrap dt:nth-child(n+3) {
    margin-top: calc(30 / var(--break) * 100vw);
  }
  .wrap_schedule .wrap dt::after {
    width: calc(37 / var(--break) * 100vw);
  }
  .wrap_schedule .wrap dd {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 162.5%;
    width: calc(100% - 160 / var(--break) * 100vw);
  }
  .wrap_schedule .wrap dd:nth-child(n+3) {
    margin-top: calc(30 / var(--break) * 100vw);
  }
  .wrap_schedule .wrap .txt {
    font-size: calc(28 / var(--break) * 100vw);
    margin-top: calc(20 / var(--break) * 100vw);
    line-height: 1.9;
  }
}
/* form
------------------------------------------------------------------*/
.index_form::before,
.index_form::after {
  content: "";
  background-color: #ebe6f2;
  position: absolute;
  bottom: 0;
  width: calc(600 / var(--break) * 100vw);
  height: calc(600 / var(--break) * 100vw);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  z-index: -1;
  opacity: 0.4;
}
.index_form::before {
  right: 0;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
          clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.index_form::after {
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 100%, 0 100%);
}
.btn_submit::before {
	content: "";
	position: absolute;
	border-left: calc(7 / 1920*100vw) solid #1d1d1f;
	border-top: calc(5 / 1920*100vw) solid transparent;
	border-bottom: calc(5 / 1920*100vw) solid transparent;
	top: 0;
	bottom: 0;
	margin: auto;
	right: calc(30 / 1920*100vw);
	width: 0;
	height: 0;
	transform: rotate(0);
	transition: .15s;
  border-right: none;
}

@media (max-width: 767px) {
  .index_form::before,
.index_form::after {
  width: calc(300 / var(--break) * 100vw);
  height: calc(300 / var(--break) * 100vw);
}
  .copy_form01 {
    font-size: calc(44 / var(--break) * 100vw);
    letter-spacing: 0;
    margin-bottom: calc(25 / var(--break) * 100vw);
    margin-top: calc(52 / var(--break) * 100vw);
    line-height: 1.5;
  }
 .tbl_recruit .require span:after {
		width: calc(100 / 750 * 100vw);
		height: calc(60 / 750 * 100vw);
		position: static;
		right: auto;
		font-size: .875rem;
		text-align: center;
		line-height: calc(60 / 750 * 100vw);
		margin: calc(-5 / 750 * 100vw) auto 0 calc(18 / 750 * 100vw);
	}
  .tbl_recruit th {
    font-size: calc(40 / var(--break) * 100vw);
  } .tbl_recruit td {
    font-size: calc(30 / var(--break) * 100vw);
  }

  .wpcf7-list-item {
    display: block !important;
    line-height: 2;
  }
  .tbl_recruit td input {
        padding: 3.6vw;
    }

.btn_submit {
  max-width: calc(600 / var(--break) * 100vw);
    }
    .box_privacy {
      margin-bottom: calc(100 / var(--break) * 100vw)
    }
}
/* clinic
------------------------------------------------------------------*/
.row_clinic01 .col {
  width: 50%;
}
.row_clinic01 .col .col_r::after,
.row_clinic01 .col .col_l::after {
  content: "";
  background-color: #fff;
  position: absolute;
  bottom: 0;
  width: calc(400 / var(--break) * 100vw);
  height: calc(400 / var(--break) * 100vw);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  z-index: -1;
  opacity: 0.4;
}
.row_clinic01 .col .col_r::after {
  right: 0;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
          clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.row_clinic01 .col .col_l::after {
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 100%, 0 100%);
}

.img_clinic01 {
  margin-bottom: calc(36 / var(--break) * 100vw);
}


.box_clinic01 {
  max-width: calc(720 / var(--break) * 100vw);
  width: 100%;
  padding: calc(50 / var(--break) * 100vw) calc(50 / var(--break) * 100vw) calc(58 / var(--break) * 100vw);
  border: 2px solid #323232;
}
.box_clinic01::before {
  content: "";
  background: url(images/index/deco_gift03_l.png) no-repeat center/contain;
  display: block;
  width: calc(38 / var(--break) * 100vw);
  height: calc(37 / var(--break) * 100vw);
  position: absolute;
  top: calc(-10 / var(--break) * 100vw);
  left: calc(-10 / var(--break) * 100vw);
}
.box_clinic01 .box_txt {
  margin-bottom: calc(41 / var(--break) * 100vw);
}
.box_clinic01 .ttl {
  margin-bottom: calc(18 / var(--break) * 100vw);
}
.box_clinic01 .address {
  margin-bottom: calc(31 / var(--break) * 100vw);
}
.box_clinic01 .info {
  border-top: 1px solid #323232;
}
.box_clinic01 .info .flex {
  border-bottom: 1px solid #323232;
}
.box_clinic01 .info dt {
  width: calc(120 / var(--break) * 100vw);
  padding: calc(2 / var(--break) * 100vw) 0;
}
.box_clinic01 .info dd {
  width: calc(100% - 120 / var(--break) * 100vw);
  padding: calc(2 / var(--break) * 100vw) 0;
}

.btn_clinic01 {
  max-width: calc(600 / var(--break) * 100vw);
}
.btn_clinic01::before {
  content: "";
  background-color: rgba(29, 29, 31, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: calc(10 / var(--break) * 100vw);
  left: calc(10 / var(--break) * 100vw);
  z-index: -1;
}

.box_instagram01 {
  width: calc(560 / var(--break) * 100vw);
  margin-top: calc(58 / var(--break) * 100vw);
  padding-bottom: calc(100 / var(--break) * 100vw);
}

.ttl_instagram01 {
  margin-bottom: calc(20 / var(--break) * 100vw);
}
@media (min-width: 768px)and (max-width: 1299px) {
.box_clinic01 {
  width: 90%;
  padding-left: calc(25 / var(--break) * 100vw);
  padding-right: calc(25 / var(--break) * 100vw);
}
}
@media (max-width: 767px) {
  .row_clinic01 .col .col_r::after,
.row_clinic01 .col .col_l::after {
  bottom: calc(-160 / var(--break) * 100vw);
}
.row_clinic01 .col .col_r::after {
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 100%, 0 100%);
}

  .row_clinic01 {
    display: block;
  }
  .row_clinic01 .col {
    width: 100%;
    padding-top: calc(70 / var(--break) * 100vw);
    padding-bottom: 0;
  }
  .box_clinic01,
  .box_instagram01 {
    width: calc(702 / var(--break) * 100vw);
  }
  .box_clinic01 {
    padding: calc(44 / var(--break) * 100vw) calc(30 / var(--break) * 100vw) calc(48 / var(--break) * 100vw);
  }
  .box_clinic01 .ttl {
    font-size: calc(44 / var(--break) * 100vw);
  }
  .box_clinic01 .info dt {
    font-size: calc(28 / var(--break) * 100vw);
    width: calc(150 / var(--break) * 100vw);
  }
  .box_clinic01 .info dd {
    font-size: calc(28 / var(--break) * 100vw);
    width: calc(100% - 150 / var(--break) * 100vw);
  }
  .btn_clinic01 {
    min-height: calc(150 / var(--break) * 100vw);
  }
  .btn_clinic01 .txt02 {
    width: calc(360 / var(--break) * 100vw);
  }
  .box_instagram01 {
    margin-top: calc(69 / var(--break) * 100vw);
    padding-bottom: calc(58 / var(--break) * 100vw);
  }
  .box_instagram01 .en {
    font-size: calc(56 / var(--break) * 100vw);
  }
  .box_instagram01 .ja {
    font-size: calc(28 / var(--break) * 100vw);
    margin-bottom: calc(5 / var(--break) * 100vw);
  }
  .ttl_instagram01 {
    margin-bottom: calc(40 / var(--break) * 100vw);
  }
  .list_instagram01 {
    gap: calc(10 / var(--break) * 100vw);
  }
  .list_instagram01 li {
    width: calc((100% - 20 / var(--break) * 100vw) / 3);
  }
  .img_clinic01 {
  margin-bottom: calc(47 / var(--break) * 100vw);
}
.box_clinic01 .ttl {
  margin-bottom: 0;
}
.box_clinic01 .address {
  margin-bottom: calc(47 / var(--break) * 100vw);
}
.box_clinic01 .box_txt {
  margin-bottom: calc(60 / var(--break) * 100vw);
}
}
/* グーグルマップ
------------------------------------------------------------------*/
.map {
  position: relative;
  width: 100%;
  padding: calc(500 / var(--break) * 100vw) 0 0 0;
  overflow: hidden;
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: calc(-170 / var(--break) * 100vw);
  height: calc(100% + 340 / var(--break) * 100vw);
}

.btn_map {
  background-color: #fff;
  border-radius: 999px;
  width: calc(300 / var(--break) * 100vw);
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  left: calc(30 / var(--break) * 100vw);
  top: calc(30 / var(--break) * 100vw);
  z-index: 20;
}

.btn_map a {
  border-radius: 999px;
  height: calc(60 / var(--break) * 100vw);
  background: url("images/page/icn_map01.svg") no-repeat left calc(30 / var(--break) * 100vw) center/calc(16 / var(--break) * 100vw) auto;
  border: 1px solid var(--color03);
}

.btn_map a::after {
  content: "";
  width: 0;
  height: 0;
  margin: auto;
  border-left: calc(8 / var(--break) * 100vw) solid #333;
  border-top: calc(5 / var(--break) * 100vw) solid transparent;
  border-bottom: calc(5 / var(--break) * 100vw) solid transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(30 / var(--break) * 100vw);
}

@media (min-width: 768px) and (max-width: 1299px) {
  .map iframe {
    margin-top: calc(-280 / var(--break) * 100vw);
    height: calc(100% + 560 / var(--break) * 100vw);
  }
}
@media (max-width: 767px) {
  .map iframe {
    margin-top: calc(-200 / var(--break) * 100vw);
    height: calc(100% + 400 / var(--break) * 100vw);
  }
  .btn_map {
    width: calc(600 / var(--break) * 100vw);
    margin: 0 auto calc(60 / var(--break) * 100vw);
    font-size: 1.0625rem;
    letter-spacing: 0;
    position: relative;
    left: auto;
    top: auto;
  }
  .btn_map a {
    height: calc(100 / var(--break) * 100vw);
    background-position: left 3vw center;
    background-size: calc(30 / var(--break) * 100vw) auto;
  }
  .btn_map a::after {
    border-width: calc(10 / var(--break) * 100vw) 0 calc(10 / var(--break) * 100vw) calc(16 / var(--break) * 100vw);
    right: 3vw;
  }
}

/* フッター footer
------------------------------------------------------------------*/

.pagetop {
	position: fixed;
	right: calc(30 / var(--break) * 100vw);
	bottom: calc(30 / var(--break) * 100vw);
	z-index: 1000;
	width: calc(80 / var(--break) * 100vw);
}
.copyright {
	height: calc(80 / var(--break) * 100vw);
}
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
}
@media (max-width: 767px) {
	.row_foot01 {
		display: block;
	}
	.row_foot01 > .col_l {
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
	.row_foot01 > .col_r {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}
	.copyright {
		font-size: 75%;
		letter-spacing: 0.1em;
		padding: 4vw 0 20vw;
		height: auto;
	}
	.pagetop {
		display: none !important;
	}
	.fix {
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		z-index: 9;
	}
	.fix_tel {
		width: calc(370 / var(--break) * 100dvw);
	}
	.fix_web {
		width: calc(260 / var(--break) * 100dvw);
	}
	.pagetop_sp {
		width: calc(120 / var(--break) * 100dvw);
	}
	.fix a {
		display: block;
	}
}

/* インスタ index_insta
------------------------------------------------------------------*/
.wrap__insta01 .icn {
	width: calc(100 / var(--break) * 100vw);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#sb_instagram #sbi_images {
	padding: 0!important;
}
#sb_instagram {
	padding-bottom: 0!important;
}
@media(min-width: 768px) and (max-width:1599px) {

}
@media(min-width: 768px) and (max-width:1299px) {

}
@media(max-width: 767px) {
	.wrap__insta01 .icn {
		width: calc(100 / var(--break) * 100vw);
	}
	#sb_instagram #sbi_images {
		gap: calc(6 / var(--break) * 100vw)!important;
	}
}
.grecaptcha-badge { visibility: hidden; }