@charset "utf-8";
/*
Theme Name: res
Version: 1.5.0
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: #ee9e53;
	font-size: calc(16 / var(--break) * 100vw);
	--color01: #f3d400;
	--color02: #f7d4df;
	--color03: #dec8f5;
	--color04: #aec4ee;
	--color05: #c2d8ec;
	--color06: #fdf7b8;
	--color06rgb: 253,247,184;
	--color07: #fcd2ab;
	--color08: #f8c3be;
	--color09: #e05f88;
	--color10: #9d5ce2;
	--color11: #316edf;
	--color12: #4e99e0;
	--color13: #edde3f;
	--color14: #ee9e53;
	--color15: #e15c4e;
	--color16: #c5e4b7;
	--color17: #9fd39b;
	--color18: #6ebe4a;
	--color18rgb: 110, 190, 74;
	--color19: #3e8f38;
	--color20: #ffffff;
	--color20rgb: 255,255,255;

    --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: #ee9e53;
	text-decoration: underline;
}

/*ここまで*/
html, body {
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 2;
	color: #222222;
	letter-spacing: .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;
}
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: .85;
	transition: .3s;
}
a.zoom{
	pointer-events: none;
}
.inner,.inner1000,.inner1140,.inner1200,.inner1340,.inner1500,.inner1600
{
	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;
}
.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); }
.mb05em { margin-bottom:0.5em; }
.mb10em { margin-bottom:1.0em; }
.mb15em { margin-bottom:1.5em; }
.mb20em { margin-bottom:2.0em; }
.mb25em { margin-bottom:2.5em; }
.mb30em { margin-bottom:3.0em; }

.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); }
.mt05em { margin-top:0.5em; }
.mt10em { margin-top:1.0em; }
.mt15em { margin-top:1.5em; }
.mt20em { margin-top:2.0em; }
.mt25em { margin-top:2.5em; }
.mt30em { margin-top:3.0em; }

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

.ls0 { letter-spacing: 0; }
.ls05 { letter-spacing: .05em; }
.ls1 { letter-spacing: .1em; }
.ls15 { letter-spacing: .15em; }
.ls2 { letter-spacing: .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,.7);
    font-size: 1.125rem;
    letter-spacing: .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,.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: .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 {
		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: .05em!important; }
	.ls15_sp { letter-spacing: .15em!important; }
	.ls2_sp { letter-spacing: .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: .75rem;
	}
}


.wf-notosansjapanese { font-family: "Noto Sans JP"; }
.cezanne {
    font-family: "fot-cezanne-pron", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.beloved {
    font-family: "beloved-script", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.liebling {
    font-family: "liebling", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.liebling.m {
    font-weight: 500;
}


:root {
    --color_white: #FFF;
    --color_whitergb: 255,255,255;
    --color_black: #222;
    --color_blackrgb: 0,0,0;
    --color21: #222;
    /* SPフォントサイズは32px準拠で計算 */
	--break02: var(--break) * 100vw;
}

@media(min-width: 1921px) {
    :root {
	    --break02: 2560 * 100vw;
    }
}
@media(min-width: 768px) and (max-width: 1599px) {
    :root {
	    --break02: var(--break) * 100vw;
    }
}
@media(min-width: 768px) and (max-width: 1299px) {
    :root {
		--break02: var(--break) * 100vw;
    }
}
@media(max-width:767px) {
        :root {
		--break02: var(--break) * 100vw;
    }
}

.txt_black { color: var(--colorblk); }
.bg_black { background-color: var(--colorblk); }

.bdr_col21{border-color: var(--color21) !important;}
.bdr_col22{border-color: var(--color22) !important;}
.bdr_col23{border-color: var(--color23) !important;}
.bdr_col24{border-color: var(--color24) !important;}
.bdr_col25{border-color: var(--color25) !important;}
.bdr_col26{border-color: var(--color26) !important;}
.bdr_col27{border-color: var(--color27) !important;}
.bdr_col28{border-color: var(--color28) !important;}
.bdr_col29{border-color: var(--color29) !important;}
.bdr_col30{border-color: var(--color30) !important;}
.bdr_col31{border-color: var(--color31) !important;}
.bdr_col32{border-color: var(--color32) !important;}
.bdr_col33{border-color: var(--color33) !important;}
.bdr_col34{border-color: var(--color34) !important;}
.bdr_col35{border-color: var(--color35) !important;}
.bdr_col36{border-color: var(--color36) !important;}
.bdr_col37{border-color: var(--color37) !important;}
.bdr_col38{border-color: var(--color38) !important;}
.bdr_col39{border-color: var(--color39) !important;}
.bdr_col40{border-color: var(--color40) !important;}
.txt_col21{color: var(--color21) !important;}
.txt_col22{color: var(--color22) !important;}
.txt_col23{color: var(--color23) !important;}
.txt_col24{color: var(--color24) !important;}
.txt_col25{color: var(--color25) !important;}
.txt_col26{color: var(--color26) !important;}
.txt_col27{color: var(--color27) !important;}
.txt_col28{color: var(--color28) !important;}
.txt_col29{color: var(--color29) !important;}
.txt_col30{color: var(--color30) !important;}
.txt_col31{color: var(--color31) !important;}
.txt_col32{color: var(--color32) !important;}
.txt_col33{color: var(--color33) !important;}
.txt_col34{color: var(--color34) !important;}
.txt_col35{color: var(--color35) !important;}
.txt_col36{color: var(--color36) !important;}
.txt_col37{color: var(--color37) !important;}
.txt_col38{color: var(--color38) !important;}
.txt_col39{color: var(--color39) !important;}
.txt_col40{color: var(--color40) !important;}
.txt_col_fl21::first-letter{color: var(--color21) !important;}
.txt_col_fl22::first-letter{color: var(--color22) !important;}
.txt_col_fl23::first-letter{color: var(--color23) !important;}
.txt_col_fl24::first-letter{color: var(--color24) !important;}
.txt_col_fl25::first-letter{color: var(--color25) !important;}
.txt_col_fl26::first-letter{color: var(--color26) !important;}
.txt_col_fl27::first-letter{color: var(--color27) !important;}
.txt_col_fl28::first-letter{color: var(--color28) !important;}
.txt_col_fl29::first-letter{color: var(--color29) !important;}
.txt_col_fl30::first-letter{color: var(--color30) !important;}
.txt_col_fl31::first-letter{color: var(--color31) !important;}
.txt_col_fl32::first-letter{color: var(--color32) !important;}
.txt_col_fl33::first-letter{color: var(--color33) !important;}
.txt_col_fl34::first-letter{color: var(--color34) !important;}
.txt_col_fl35::first-letter{color: var(--color35) !important;}
.txt_col_fl36::first-letter{color: var(--color36) !important;}
.txt_col_fl37::first-letter{color: var(--color37) !important;}
.txt_col_fl38::first-letter{color: var(--color38) !important;}
.txt_col_fl39::first-letter{color: var(--color39) !important;}
.txt_col_fl40::first-letter{color: var(--color40) !important;}
.bg_col21{background-color: var(--color21) !important;}
.bg_col22{background-color: var(--color22) !important;}
.bg_col23{background-color: var(--color23) !important;}
.bg_col24{background-color: var(--color24) !important;}
.bg_col25{background-color: var(--color25) !important;}
.bg_col26{background-color: var(--color26) !important;}
.bg_col27{background-color: var(--color27) !important;}
.bg_col28{background-color: var(--color28) !important;}
.bg_col29{background-color: var(--color29) !important;}
.bg_col30{background-color: var(--color30) !important;}
.bg_col31{background-color: var(--color31) !important;}
.bg_col32{background-color: var(--color32) !important;}
.bg_col33{background-color: var(--color33) !important;}
.bg_col34{background-color: var(--color34) !important;}
.bg_col35{background-color: var(--color35) !important;}
.bg_col36{background-color: var(--color36) !important;}
.bg_col37{background-color: var(--color37) !important;}
.bg_col38{background-color: var(--color38) !important;}
.bg_col39{background-color: var(--color39) !important;}
.bg_col40{background-color: var(--color40) !important;}

.bg_col01rbg09{background-color: rgba(var(--color01rgb),.9) !important;}
.bg_col01rbg08{background-color: rgba(var(--color01rgb),.8) !important;}
.bg_col01rbg07{background-color: rgba(var(--color01rgb),.7) !important;}
.bg_col01rbg06{background-color: rgba(var(--color01rgb),.6) !important;}
.bg_col01rbg05{background-color: rgba(var(--color01rgb),.5) !important;}
.bg_col01rbg04{background-color: rgba(var(--color01rgb),.4) !important;}
.bg_col01rbg03{background-color: rgba(var(--color01rgb),.3) !important;}
.bg_col01rbg02{background-color: rgba(var(--color01rgb),.2) !important;}
.bg_col01rbg01{background-color: rgba(var(--color01rgb),.1) !important;}
.bg_col02rbg09{background-color: rgba(var(--color02rgb),.9) !important;}
.bg_col02rbg08{background-color: rgba(var(--color02rgb),.8) !important;}
.bg_col02rbg07{background-color: rgba(var(--color02rgb),.7) !important;}
.bg_col02rbg06{background-color: rgba(var(--color02rgb),.6) !important;}
.bg_col02rbg05{background-color: rgba(var(--color02rgb),.5) !important;}
.bg_col02rbg04{background-color: rgba(var(--color02rgb),.4) !important;}
.bg_col02rbg03{background-color: rgba(var(--color02rgb),.3) !important;}
.bg_col02rbg02{background-color: rgba(var(--color02rgb),.2) !important;}
.bg_col02rbg01{background-color: rgba(var(--color02rgb),.1) !important;}
.bg_col03rbg09{background-color: rgba(var(--color03rgb),.9) !important;}
.bg_col03rbg08{background-color: rgba(var(--color03rgb),.8) !important;}
.bg_col03rbg05{background-color: rgba(var(--color03rgb),.5) !important;}
.bg_col04rbg09{background-color: rgba(var(--color04rgb),.9) !important;}
.bg_col04rbg08{background-color: rgba(var(--color04rgb),.8) !important;}
.bg_col05rbg09{background-color: rgba(var(--color05rgb),.9) !important;}
.bg_col06rbg09{background-color: rgba(var(--color06rgb),.9) !important;}
.bg_col07rbg09{background-color: rgba(var(--color07rgb),.9) !important;}
.bg_col07rbg05{background-color: rgba(var(--color07rgb),.5) !important;}
.bg_col08rbg09{background-color: rgba(var(--color08rgb),.9) !important;}
.bg_col09rbg09{background-color: rgba(var(--color09rgb),.9) !important;}
.bg_col10rbg09{background-color: rgba(var(--color10rgb),.9) !important;}
.bg_col11rbg09{background-color: rgba(var(--color11rgb),.9) !important;}
.bg_col12rbg09{background-color: rgba(var(--color12rgb),.9) !important;}
.bg_col13rbg09{background-color: rgba(var(--color13rgb),.9) !important;}
.bg_col14rbg09{background-color: rgba(var(--color14rgb),.9) !important;}
.bg_col15rbg09{background-color: rgba(var(--color15rgb),.9) !important;}
.bg_col16rbg09{background-color: rgba(var(--color16rgb),.9) !important;}
.bg_col17rbg09{background-color: rgba(var(--color17rgb),.9) !important;}
.bg_col18rbg04{background-color: rgba(var(--color18rgb),.4) !important;}
.bg_col18rbg09{background-color: rgba(var(--color18rgb),.9) !important;}
.bg_col19rbg09{background-color: rgba(var(--color19rgb),.9) !important;}
.bg_col20rbg09{background-color: rgba(var(--color20rgb),.9) !important;}


.bdr.txt { text-decoration:underline; /*safaridake text-decoration:overline;*/ }
.bdr { border-style: solid; }
.bdr.dotted { border-style: dotted; }
.bdr.dashed { border-style: dashed; }
.bdr.double { border-style: double; }
.bdr.tblr { border-width:1px; }
.bdr.tblr.x2 { border-width:2px; }
.bdr.tblr.x3 { border-width:3px; }
.bdr.tblr.x4 { border-width:4px; }
.bdr.tblr.x5 { border-width:5px; }
.bdr.tblr.x6 { border-width:6px; }
.bdr.tblr.x7 { border-width:7px; }
.bdr.tblr.x10 { border-width:10px; }
.bdr.tblr.x20 { border-width:20px; }
.bdr.btm { border-bottom-width:1px; }
.bdr.btm.x2 { border-bottom-width:2px; }
.bdr.btm.x3 { border-bottom-width:3px; }
.bdr.btm.x4 { border-bottom-width:4px; }
.bdr.btm.x5 { border-bottom-width:5px; }
.bdr.btm.x6 { border-bottom-width:6px; }
.bdr.top { border-top-width:1px; }
.bdr.top.x2 { border-top-width:2px; }
.bdr.top.x3 { border-top-width:3px; }
.bdr.top.x4 { border-top-width:4px; }
.bdr.top.x5 { border-top-width:5px; }
.bdr.top.x6 { border-top-width:6px; }
.bdr.top.x7 { border-top-width:7px; }
.bdr.top.x8 { border-top-width:8px; }
.bdr.top.x9 { border-top-width:9px; }
.bdr.top.x10 { border-top-width:10px; }
.bdr.tb {
    border-top-width:1px;
    border-bottom-width:1px;
}
.bdr.tb.x2 {
    border-top-width:2px;
    border-bottom-width:2px;
}
.bdr.tb.x3 {
    border-top-width:3px;
    border-bottom-width:3px;
}
.bdr.tb.x5 {
    border-top-width:5px;
    border-bottom-width:5px;
}
.bdr.tb.x6 {
    border-top-width:6px;
    border-bottom-width:6px;
}
.bdr.tb.x8 {
    border-top-width:8px;
    border-bottom-width:8px;
}
.bdr.tb.x10 {
    border-top-width:10px;
    border-bottom-width:10px;
}
.bdr.left { border-left-width:1px; }
.bdr.left.x2 { border-left-width:2px; }
.bdr.left.x5 { border-left-width:var(--size5px); }
.bdr.left.x10 { border-left-width:var(--size10px); }
.bdr.right { border-right-width:1px; }
.bdr.right.x2 { border-right-width:2px; }
.bdr.right.x5 { border-right-width:var(--size5px); }
.bdr.right.x10 { border-right-width:var(--size10px); }

.rnd.r0 { border-radius:0 !important; }
.rnd.r5 { border-radius:var(--size5px); }
.rnd.r10 { border-radius:var(--size10px); }
.rnd.r15 { border-radius:var(--size15px); }
.rnd.r30 { border-radius:var(--size30px); }
.rnd.r40 { border-radius:var(--size40px); }
.rnd.r50 { border-radius:var(--size50px); }
.rnd.r90 { border-radius:var(--size90px); }
.rnd.r100 { border-radius:var(--size100px); }
.rnd.r50p { border-radius:50%; }

.w100p { width:100%; }
.w95p  { width:95%; }
.w90p  { width:90%; }
.w85p  { width:85%; }
.w80p  { width:80%; }
.w75p  { width:75%; }
.w70p  { width:70%; }
.w65p  { width:65%; }
.w60p  { width:60%; }
.w55p  { width:55%; }
.w50p  { width:50%; }
.w49p  { width:49%; }
.w4838p  { width:48.38%; }
.w48p  { width:48%; }
.w47p  { width:47%; }
.w46p  { width:46%; }
.w45p  { width:45%; }
.w40p  { width:40%; }
.w35p  { width:35%; }
.w33p  { width:33%; }
.w32p  { width:32%; }
.w31p  { width:31%; }
.w30p  { width:30%; }
.w25p  { width:25%; }
.w20p  { width:20%; }
.w15p  { width:15%; }
.w10p  { width:10%; }
.w05p  { width:05%; }

.h100p { height:100%; }

.lh03 { line-height:0.3; }
.lh04 { line-height:0.4; }
.lh05 { line-height:0.5; }
.lh055 { line-height:0.55; }
.lh06 { line-height:0.6; }
.lh07 { line-height:0.7; }
.lh08 { line-height:0.8; }
.lh09 { line-height:0.9; }

.ls11 { letter-spacing: .11em; }
.ls13 { letter-spacing: .13em; }

.grow.unset     { flex:unset; }
.noshrink.unset { flex:unset; }
.usn  { user-select: none; }
.txt_left { text-align: left; }
.txt_right { text-align: right; }
.fwm {
	font-weight: 500;
}
.ofh { overflow: hidden; }

.txt_keep {
    word-break:keep-all;
    white-space:nowrap;
}
.txt_break {
    word-break: break-all;
    word-wrap: break-word;
    white-space: inherit;
}
@media only screen and (max-width: 767px) {
    .txt_keep.spkoff {
        word-break: break-all;
        word-wrap: break-word;
        white-space: inherit;
    }
}

.addshadow:hover {
    box-shadow: 1px 2px 1px  rgba(var(--color_black), 0.5),
                1px 2px 1px  rgba(var(--color_black), 0.5),
                1px 2px 5px rgba(var(--color_black), 0.5);
}
.boxshadow_b {
    filter: drop-shadow(1px 1px .5em rgba(var(--color_black), 0.5));
}
.boxshadow_b.bs2 {
	box-shadow: 0px 0px 1em .025em rgba(132, 132, 132, 0.25), 0px 0px 1em .025em rgba(132, 132, 132, 0.25);
}
.boxshadow_b.bs3 {
	box-shadow: var(--size5px) var(--size5px) 0 .025em var(--color21), var(--size5px) var(--size5px) 0 .025em var(--color21);
}
.boxshadow_b.ps1 {
	box-shadow: var(--size5px) var(--size5px) 0 .025em var(--color08), var(--size5px) var(--size5px) 0 .025em var(--color08);
}
.boxshadow_b.bls1 {
	box-shadow: var(--size5px) var(--size5px) 0 .025em var(--color05), var(--size5px) var(--size5px) 0 .025em var(--color05);
}
.boxshadow_b.ors1 {
	box-shadow: var(--size5px) var(--size5px) 0 .025em var(--color07), var(--size5px) var(--size5px) 0 .025em var(--color07);
}

.pb220  { padding-bottom: calc(220 / var(--break02)); }
.pb230  { padding-bottom: calc(230 / var(--break02)); }

.prl150 { padding-right: var(--size150px); padding-left: var(--size150px); }

.mb160  { margin-bottom: var(--size160px); }
.mb180  { margin-bottom: var(--size180px); }
.mb220  { margin-bottom: calc(220 / var(--break02)); }
.mb400  { margin-bottom: calc(400 / var(--break02)); }

.mmt10em.absm { position:relative; top:-1em; }
.mmt125em.absm { position:relative; top:-1.25em; }
.mmt15em.absm { position:relative; top:-1.5em; }
.mmt20em.absm { position:relative; top:-2em; }
.mmt25em.absm { position:relative; top:-2.5em; }
.mmt27em.absm { position:relative; top:-2.77em; }
.mmt33em.absm { position:relative; top:-3.33em; }
.mmt40em.absm { position:relative; top:-4em; }
.mmt45em.absm { position:relative; top:-4.5em; }
.mmt50em.absm { position:relative; top:-5em; }
.mmt80em.absm { position:relative; top:-8em; }
.mmt90em.absm { position:relative; top:-9em; }
.mmt100em.absm { position:relative; top:-10em; }
.mmt250 { margin-top:-250px; }
.mmt200 { margin-top:-200px; }
.mmt180 { margin-top:-180px; }
.mmt150 { margin-top:-150px; }
.mmt120 { margin-top:-120px; }
.mmt110 { margin-top:-110px; }
.mmt100 { margin-top:-100px; }
.mmt90 { margin-top:-90px; }
.mmt80 { margin-top:-80px; }
.mmt70 { margin-top:-70px; }
.mmt60 { margin-top:-60px; }
.mmt50 { margin-top:-50px; }
.mmt40 { margin-top:-40px; }
.mmt35 { margin-top:-35px; }
.mmt20 { margin-top:-20px; }
.mmt15em { margin-top:-1.5em; }
.mmt10em { margin-top:-1em; }
.mmt075em { margin-top:-.75em; }
.mmt05em { margin-top:-.5em; }
.mmt025em { margin-top:-.25em; }
.mmt02em { margin-top:-.2em; }
.mmt01em { margin-top:-.1em; }
.mmb80 { margin-bottom:-80px; }
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {
    .mmt250 { margin-top:calc(-250 / 1599 * 100vw); }
    .mmt200 { margin-top:calc(-200 / 1599 * 100vw); }
    .mmt180 { margin-top:calc(-180 / 1599 * 100vw); }
    .mmt150 { margin-top:calc(-150 / 1599 * 100vw); }
    .mmt120 { margin-top:calc(-120 / 1599 * 100vw); }
    .mmt110 { margin-top:calc(-110 / 1599 * 100vw); }
    .mmt100 { margin-top:calc(-100 / 1599 * 100vw); }
    .mmt90 { margin-top:calc(-90 / 1599 * 100vw); }
    .mmt80 { margin-top:calc(-80 / 1599 * 100vw); }
    .mmt70 { margin-top:calc(-70 / 1599 * 100vw); }
    .mmt60 { margin-top:calc(-60 / 1599 * 100vw); }
    .mmt50 { margin-top:calc(-50 / 1599 * 100vw); }
    .mmt40 { margin-top:calc(-40 / 1599 * 100vw); }
    .mmt35 { margin-top:calc(-35 / 1599 * 100vw); }
    .mmt20 { margin-top:calc(-20 / 1599 * 100vw); }
    .mmb80 { margin-bottom:calc(-80 / 1599 * 100vw); }
}
@media(max-width: 767px) {
    .mmt250 { margin-top:calc(-250 / 750 * 100vw); }
    .mmt200 { margin-top:calc(-200 / 750 * 100vw); }
    .mmt180 { margin-top:calc(-180 / 750 * 100vw); }
    .mmt150 { margin-top:calc(-150 / 750 * 100vw); }
    .mmt120 { margin-top:calc(-120 / 750 * 100vw); }
    .mmt110 { margin-top:calc(-110 / 750 * 100vw); }
    .mmt100 { margin-top:calc(-100 / 750 * 100vw); }
    .mmt80 { margin-top:calc(-80 / 750 * 100vw); }
    .mmt70 { margin-top:calc(-70 / 750 * 100vw); }
    .mmt60 { margin-top:calc(-60 / 750 * 100vw); }
    .mmt50 { margin-top:calc(-50 / 750 * 100vw); }
    .mmt40 { margin-top:calc(-40 / 750 * 100vw); }
    .mmb80 { margin-top:calc(-80 / 750 * 100vw); }
}

/* mgmmXX テキスト側中央マイナスマージン */
.row01.mgmm1530:not(.r_reverse) > .col.grow    { margin-left:-79.68vw; }
.row01.mgmm1530.r_reverse > .col.grow          { margin-right:-79.68vw; }
.row01.mgmm570:not(.r_reverse) > .col.grow    { margin-left:-29.68vw; }
.row01.mgmm570.r_reverse > .col.grow          { margin-right:-29.68vw; }
.row01.mgmm440:not(.r_reverse) > .col.grow    { margin-left:-22.9vw; }
.row01.mgmm440.r_reverse > .col.grow          { margin-right:-22.9vw; }
.row01.mgmm430:not(.r_reverse) > .col.grow    { margin-left:-22.39vw; }
.row01.mgmm430.r_reverse > .col.grow          { margin-right:-22.39vw; }
.row01.mgmm410:not(.r_reverse) > .col.grow    { margin-left:-21.35vw; }
.row01.mgmm410.r_reverse > .col.grow          { margin-right:-21.35vw; }
.row01.mgmm390:not(.r_reverse) > .col.grow    { margin-left:-20.31vw; }
.row01.mgmm390.r_reverse > .col.grow          { margin-right:-20.31vw; }
.row01.mgmm340:not(.r_reverse) > .col.grow    { margin-left:-17.7vw; }
.row01.mgmm340.r_reverse > .col.grow          { margin-right:-17.7vw; }
.row01.mgmm285:not(.r_reverse) > .col.grow    { margin-left:-14.84vw; }
.row01.mgmm285.r_reverse > .col.grow          { margin-right:-14.84vw; }
.row01.mgmm260:not(.r_reverse) > .col.grow    { margin-left:-13.54vw; }
.row01.mgmm260.r_reverse > .col.grow          { margin-right:-13.54vw; }
.row01.mgmm250:not(.r_reverse) > .col.grow    { margin-left:-13vw; }
.row01.mgmm250.r_reverse > .col.grow          { margin-right:-13vw; }
.row01.mgmm210:not(.r_reverse) > .col.grow    { margin-left:-10.93vw; }
.row01.mgmm210.r_reverse > .col.grow          { margin-right:-10.93vw; }
.row01.mgmm200:not(.r_reverse) > .col.grow    { margin-left:-10.41vw; }
.row01.mgmm200.r_reverse > .col.grow          { margin-right:-10.41vw; }
.row01.mgmm170:not(.r_reverse) > .col.grow    { margin-left:-8.85vw; }
.row01.mgmm170.r_reverse > .col.grow          { margin-right:-8.85vw; }
.row01.mgmm120:not(.r_reverse) > .col.grow    { margin-left:-6.25vw; }
.row01.mgmm120.r_reverse > .col.grow          { margin-right:-6.25vw; }
.row01.mgmm60:not(.r_reverse) > .col.grow    { margin-left:-3.125vw; }
.row01.mgmm60.r_reverse > .col.grow          { margin-right:-3.125vw; }
/* gmmXX テキスト側inner越えマイナスマージン */
.row01.gmm390:not(.r_reverse) > .col.grow    { margin-right:-20.31vw; }
.row01.gmm390.r_reverse > .col.grow          { margin-left:-20.31vw; }
.row01.gmm350:not(.r_reverse) > .col.grow    { margin-right:-18.22vw; }
.row01.gmm350.r_reverse > .col.grow          { margin-left:-18.22vw; }
.row01.gmm340:not(.r_reverse) > .col.grow    { margin-right:-17.7vw; }
.row01.gmm340.r_reverse > .col.grow          { margin-left:-17.7vw; }
.row01.gmm130:not(.r_reverse) > .col.grow    { margin-right:-6.77vw; }
.row01.gmm130.r_reverse > .col.grow          { margin-left:-6.77vw; }
.row01.gmm120:not(.r_reverse) > .col.grow    { margin-right:-6.25vw; }
.row01.gmm120.r_reverse > .col.grow          { margin-left:-6.25vw; }
.row01.gmm110:not(.r_reverse) > .col.grow    { margin-right:-5.72vw; }
.row01.gmm110.r_reverse > .col.grow          { margin-left:-5.72vw; }
.row01.gmm100:not(.r_reverse) > .col.grow    { margin-right:-5.2vw; }
.row01.gmm100.r_reverse > .col.grow          { margin-left:-5.2vw; }
.row01.gmm90:not(.r_reverse) > .col.grow    { margin-right:-4.68vw; }
.row01.gmm90.r_reverse > .col.grow          { margin-left:-4.68vw; }
.row01.gmm80:not(.r_reverse) > .col.grow    { margin-right:-4.16vw; }
.row01.gmm80.r_reverse > .col.grow          { margin-left:-4.16vw; }
.row01.gmm70:not(.r_reverse) > .col.grow    { margin-right:-3.64vw; }
.row01.gmm70.r_reverse > .col.grow          { margin-left:-3.64vw; }
.row01.gmm30:not(.r_reverse) > .col.grow    { margin-right:-1.56vw; }
.row01.gmm30.r_reverse > .col.grow          { margin-left:-1.56vw; }
.row01.gmm20:not(.r_reverse) > .col.grow    { margin-right:-1.04vw; }
.row01.gmm20.r_reverse > .col.grow          { margin-left:-1.04vw; }
/* smmXX 写真側inner越えマイナスマージン */
.row01.smm400:not(.r_reverse) > .col.noshrink { margin-left:-20.83vw; }
.row01.smm400.r_reverse > .col.noshrink       { margin-right:-20.83vw; }
.row01.smm390:not(.r_reverse) > .col.noshrink { margin-left:-20.31vw; }
.row01.smm390.r_reverse > .col.noshrink       { margin-right:-20.31vw; }
.row01.smm290:not(.r_reverse) > .col.noshrink { margin-left:-15.1vw; }
.row01.smm290.r_reverse > .col.noshrink       { margin-right:-15.1vw; }
.row01.smm280:not(.r_reverse) > .col.noshrink { margin-left:-14.58vw; }
.row01.smm280.r_reverse > .col.noshrink       { margin-right:-14.58vw; }
.row01.smm250:not(.r_reverse) > .col.noshrink { margin-left:-13vw; }
.row01.smm250.r_reverse > .col.noshrink       { margin-right:-13vw; }
.row01.smm220:not(.r_reverse) > .col.noshrink { margin-left:-11.45vw; }
.row01.smm220.r_reverse > .col.noshrink       { margin-right:-11.45vw; }
.row01.smm210:not(.r_reverse) > .col.noshrink { margin-left:-10.93vw; }
.row01.smm210.r_reverse > .col.noshrink       { margin-right:-10.93vw; }
.row01.smm130:not(.r_reverse) > .col.noshrink { margin-left:-6.77vw; }
.row01.smm130.r_reverse > .col.noshrink       { margin-right:-6.77vw; }
.row01.smm120:not(.r_reverse) > .col.noshrink { margin-left:-6.25vw; }
.row01.smm120.r_reverse > .col.noshrink       { margin-right:-6.25vw; }
.row01.smm110:not(.r_reverse) > .col.noshrink { margin-left:-5.72vw; }
.row01.smm110.r_reverse > .col.noshrink       { margin-right:-5.72vw; }
.row01.smm100:not(.r_reverse) > .col.noshrink { margin-left:-5.72vw; }
.row01.smm100.r_reverse > .col.noshrink       { margin-right:-5.72vw; }
.row01.smm95:not(.r_reverse) > .col.noshrink { margin-left:-4.94vw; }
.row01.smm95.r_reverse > .col.noshrink       { margin-right:-4.94vw; }
.row01.smm90:not(.r_reverse) > .col.noshrink { margin-left:-4.68vw; }
.row01.smm90.r_reverse > .col.noshrink       { margin-right:-4.68vw; }
.row01.smm85:not(.r_reverse) > .col.noshrink { margin-left:-4.42vw; }
.row01.smm85.r_reverse > .col.noshrink       { margin-right:-4.42vw; }
.row01.smm80:not(.r_reverse) > .col.noshrink { margin-left:-4.16vw; }
.row01.smm80.r_reverse > .col.noshrink       { margin-right:-4.16vw; }
.row01.smm75:not(.r_reverse) > .col.noshrink { margin-left:-3.9vw; }
.row01.smm75.r_reverse > .col.noshrink       { margin-right:-3.9vw; }
.row01.smm50:not(.r_reverse) > .col.noshrink { margin-left:-2.6vw; }
.row01.smm50.r_reverse > .col.noshrink       { margin-right:-2.6vw; }
.row01.smm20:not(.r_reverse) > .col.noshrink { margin-left:-1.04vw; }
.row01.smm20.r_reverse > .col.noshrink       { margin-right:-1.04vw; }
/* mXX 中央マージン */
.row01.m180:not(.r_reverse) > .col.noshrink  { margin-right:9.375vw; }
.row01.m180.r_reverse > .col.noshrink        { margin-left:9.375vw; }
.row01.m140:not(.r_reverse) > .col.noshrink  { margin-right:7.29vw; }
.row01.m140.r_reverse > .col.noshrink        { margin-left:7.29vw; }
.row01.m130:not(.r_reverse) > .col.noshrink  { margin-right:6.77vw; }
.row01.m130.r_reverse > .col.noshrink        { margin-left:6.77vw; }
.row01.m120:not(.r_reverse) > .col.noshrink  { margin-right:6.25vw; }
.row01.m120.r_reverse > .col.noshrink        { margin-left:6.25vw; }
.row01.m110:not(.r_reverse) > .col.noshrink  { margin-right:5.72vw; }
.row01.m110.r_reverse > .col.noshrink        { margin-left:5.72vw; }
.row01.m100:not(.r_reverse) > .col.noshrink  { margin-right:5.2vw; }
.row01.m100.r_reverse > .col.noshrink        { margin-left:5.2vw; }
.row01.m90:not(.r_reverse) > .col.noshrink   { margin-right:4.68vw; }
.row01.m90.r_reverse > .col.noshrink         { margin-left:4.68vw; }
.row01.m80:not(.r_reverse) > .col.noshrink   { margin-right:4.16vw; }
.row01.m80.r_reverse > .col.noshrink         { margin-left:4.16vw; }
.row01.m75:not(.r_reverse) > .col.noshrink   { margin-right:3.9vw; }
.row01.m75.r_reverse > .col.noshrink         { margin-left:3.9vw; }
.row01.m70:not(.r_reverse) > .col.noshrink   { margin-right:3.64vw; }
.row01.m70.r_reverse > .col.noshrink         { margin-left:3.64vw; }
.row01.m60:not(.r_reverse) > .col.noshrink   { margin-right:3.125vw; }
.row01.m60.r_reverse > .col.noshrink         { margin-left:3.125vw; }
.row01.m50:not(.r_reverse) > .col.noshrink   { margin-right:2.6vw; }
.row01.m50.r_reverse > .col.noshrink         { margin-left:2.6vw; }
.row01.m45:not(.r_reverse) > .col.noshrink   { margin-right:2.34vw; }
.row01.m45.r_reverse > .col.noshrink         { margin-left:2.34vw; }
.row01.m40:not(.r_reverse) > .col.noshrink   { margin-right:2.08vw; }
.row01.m40.r_reverse > .col.noshrink         { margin-left:2.08vw; }
.row01.m35:not(.r_reverse) > .col.noshrink   { margin-right:1.82vw; }
.row01.m35.r_reverse > .col.noshrink         { margin-left:1.82vw; }
.row01.m30:not(.r_reverse) > .col.noshrink   { margin-right:1.56vw; }
.row01.m30.r_reverse > .col.noshrink         { margin-left:1.56vw; }
.row01.m20:not(.r_reverse) > .col.noshrink   { margin-right:1.04vw; }
.row01.m20.r_reverse > .col.noshrink         { margin-left:1.04vw; }
.row01.m10:not(.r_reverse) > .col.noshrink   { margin-right:0.52vw; }
.row01.m10.r_reverse > .col.noshrink         { margin-left:0.52vw; }
@media(min-width: 768px) and (max-width:1599px) {
	.row01:not(.spn, .tbpn)  > .col.noshrink {
		width:auto;
		max-width:48%;
		flex:inherit;
		font-size:calc(18 / 1599 * 100vw);
	}
	.row01:not(.spn, .tbpn, .r_reverse)  > .col.noshrink {
		margin-right:4% !important;
	}
	.row01.r_reverse:not(.spn, .tbpn) > .col.noshrink {
		margin-left:4% !important;
	}
	.row01 > .col.grow {
		flex:inherit;
	}
	.row01:not(.spn, .tbpn) > .col.grow {
		width:48%;
	}
	.row01[class*="m0"]:not(.r_reverse) > .col.noshrink {
		max-width:50%;
		margin-right:0 !important;
	}
	.row01[class*="m0"].r_reverse > .col.noshrink {
		max-width:50%;
		margin-left:0 !important;
	}
	.row01[class*="m0"] > .col.grow {
		width:50%;
	}
	/* .row01[class*="mm"] > .col.grow {
		width:60%;
	} */
	.row01[class*="smm"]:not(.r_reverse) > .col.noshrink {
		/* max-width:50%; */
		margin-left:-15% !important;
	}
	.row01[class*="smm"].r_reverse > .col.noshrink {
		/* max-width:50%; */
		margin-right:-15% !important;
	}
	.row01[class*="smm"] > .col.grow {
		/* max-width:52%; */
	}
	/* .row01[class*="mgmm"] > .col.grow {
	.row01[class*="mgmm"].r_reverse > .col.grow { mgmmは影響が大きいテスト中 */
	.row01[class*="mgmm"] > .col.grow {
        flex:1 1 auto;
		max-width:60%;
    }
	.row01[class*="mgmm"]:not(.r_reverse) > .col.grow {
		margin-left:-5% !important;
		margin-right:-5vw !important;
    }
	.row01[class*="mgmm"].r_reverse > .col.grow {
		margin-right:-5% !important;
		margin-left:-5vw !important;
	}
}
@media(min-width: 768px) and (max-width:1299px) {
	.row01 > .col.noshrink {
		font-size:1em;
	}
	.row01 > .col.grow {
		font-size:1em;
	}
	.row01.tbpn > .col.noshrink {
        flex:unset;
	}
	.row01.tbpn > .col.grow {
        flex:unset;
        max-width:55%;
	}
	.row01[class*="mgmm"] > .col.noshrink {
        /* max-width:100%; */
	}
	.row01[class*="mgmm"] > .col.grow {
        /* max-width:80%; */
        /* width:80%; */
	}
}
@media(max-width: 767px) {
	.row01.flex.nowrap:not(.spn) {
		flex-wrap:wrap;
	}
	.row01:not(.spn) > .col.noshrink {
		padding:0;
		margin-right:0 !important;
		margin-left:0 !important;
		margin-bottom:calc(40 / 750 * 100vw);
		flex:1 1 auto;
		text-align:center;
		z-index:1;
	}
	.row01.r_reverse:not(.spn) > .col.noshrink {
		margin-right:0 !important;
		margin-left:0 !important;
	}
	.row01[class*="m0"] > .col.noshrink {
		margin-bottom:0;
	}
	.row01:not(.spn) > .col.grow {
		width:100%;
	}
	.row01[class*="mgmm"]:not(.r_reverse) > .col.grow {
		margin-right:0;
		margin-left:0;
	}
	.row01[class*="mgmm"].r_reverse > .col.grow {
		margin-right:0;
		margin-left:0;
	}
}

/* テーブル */
.tbl01 {
    /* margin-bottom:0; */
    position:relative;
	z-index:2;
}
.tbl01 table {
    width:100%;
    border:none;
	/* border:1px solid var(--guideline-color); */
    background:#FFF;
}
.tbl01 tr:not(:last-child) th { border:none; }
.tbl01 tr:not(:last-child) td { border:none; }
.tbl01 th,
.tbl01 td {
    padding:var(--size20px);
    text-align:center;
    vertical-align:middle;
}
.tbl01 th {
	color:inherit;
    background:#FFF;
    text-align:center;
}
.tbl01 thead th {
	background-color:#ecebea;
	text-align:center;
	padding:var(--size20px);
}

.tbl01.col2 table { border:1px solid var(--color14); }
.tbl01.col2 thead th { background:var(--color14); color:var(--color_white); text-align:center; padding:var(--size20px); }
.tbl01.col2 tbody tr th { color:#FFF; text-align:left; }
.tbl01.col2 tbody tr:first-of-type > * { border-top:none !important; }
.tbl01.col2 tbody tr:last-of-type > * { border-bottom:none !important; }
.tbl01.col2 tr th,
.tbl01.col2 tr td { border:1px solid var(--color14); border-right:none; }
.tbl01.col2 th { background:linear-gradient(90deg, var(--color14) 40%, var(--color14) 100%); color:var(--color_white); }
.tbl01.col2 tr td { border-right:none; border-left:none !important; }
.tbl01.col2 tr:not(:last-child) th { border-bottom-color:var(--color_white);  }
.tbl01.col2 th,
.tbl01.col2 td {
	vertical-align:middle;
	text-align:left;
}
.tbl01.col2 th {
    font-weight:300;
}
.tbl01.col2 .col1 { width:33%; }
.tbl01.col2 .col2 { width:67%; }

.tbl01 a { text-decoration:underline; }
.tbl01 .vmid { vertical-align:middle; }
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .tbl01 th,
    .tbl01 td {
        padding:1em;
        /* font-size:0.91em; */
        letter-spacing:.05em;
    }
}
@media(max-width: 767px) {
    .tbl01.js-scrollable .scroll-hint-icon-wrap {
        z-index:9;
    }
    .tbl01.js-scrollable > *:not(.scroll-hint-icon-wrap) {
        width:calc(900 / 750 * 100vw);
    }
    .tbl01.col4.js-scrollable > *:not(.scroll-hint-icon-wrap) {
        width:calc(1500 / 750 * 100vw);
        font-size:.81em;
    }

    .tbl_default {margin-bottom:inherit;}
    .tbl01.col2 .tbl_recruit tr{ display: table-row; }
    .tbl01.col2 .tbl_recruit th,
    .tbl01.col2 .tbl_recruit td{ display: table-cell; }
    .tbl01.col2 .tbl_recruit th { width:40% !important; }
    .tbl01.col2 .tbl_recruit td { width:60% !important; }

	.tbl01 th,
	.tbl01 td {
		line-height:1.3;
	}
	.tbl01:not(.js-scrollable,.col2) col { display:none; }
    .tbl01:not(.js-scrollable,.col2) tr:first-of-type th {
		border-top:none !important;
	}
    .tbl01:not(.js-scrollable,.col2) th,
    .tbl01:not(.js-scrollable,.col2) td {
		border-right:none !important;
		border-left:none !important;
		border-bottom:none !important;
    	display:block;
    	width:100%;
    	text-align:left;
        padding:0.5em 3.2vw;
        font-size:.91em;
    }
    .tbl01.col2 {
        font-size:.91em;
    }
    .tbl01.col2 thead th {
        padding:.5em .5em .75em;
        font-size:1em;
    }
    .tbl01.col2 .col1 { width:40%; }
    .tbl01.col2 .col2 { width:60%; }
	.dl_list01.hosoku dd {
		font-size:.86em;
        letter-spacing:-.025em;
	}

}

.btn_area01 .arw {
	transition: .3s cubic-bezier(0.16, 1, 0.3, 1);
}
.btn_area01:hover .arw {
	transform: translateX(.3em);
}
.btn_area01.dwn:hover .arw {
	transform: translateY(.3em);
}

.triangle { position:relative; }
.triangle > *:after,
.triangle a:after {
    content:"";
    border-width: 0 0 var(--size10px)  var(--size10px);
    border-color: transparent transparent var(--color01) transparent;
	/* display:block;
	width:.61em;
	height:.61em;
	background: url(images/page/icn_triangle_br01.svg) center / contain no-repeat; */
    position:absolute; right: 0; bottom: 0;
}
.triangle:hover > *:after,
.triangle:hover a:after {
    border-width: 0 0 calc(var(--size10px) + .5em) calc(var(--size10px) + .5em);
    /* border-color:transparent; */
    transition:.3s cubic-bezier(0.16, 1, 0.3, 1), background .3s cubic-bezier(0.16, 1, 0.3, 1);
}
.triangle.blue1 > *:after,
.triangle.blue1 a:after {
    border-color: transparent transparent var(--color05) transparent;
}
.triangle.grn1 > *:after,
.triangle.grn1 a:after {
    border-color: transparent transparent var(--color16) transparent;
}
.triangle.grn2 > *:after,
.triangle.grn2 a:after {
    border-color: transparent transparent var(--color19) transparent;
}
.triangle.blk1 > *:after,
.triangle.blk1 a:after {
    border-color: transparent transparent var(--color21) transparent;
}
.triangle.wht1 > *:after,
.triangle.wht1 a:after {
    border-color: transparent transparent var(--color20) transparent;
}
.triangle.w15 > *:after,
.triangle.w15 a:after {
    border-width: 0 0 var(--size15px)  var(--size15px);
}
.triangle.w15:hover > *:after,
.triangle.w15:hover a:after {
    border-width: 0 0 calc(var(--size15px) + .3em) calc(var(--size15px) + .3em);
}
.triangle.w20 > *:after,
.triangle.w20 a:after {
    border-width: 0 0 var(--size20px)  var(--size20px);
}
.triangle.w20:hover > *:after,
.triangle.w20:hover a:after {
    border-width: 0 0 calc(var(--size20px) + .3em) calc(var(--size20px) + .3em);
}
.triangle.w30 > *:after,
.triangle.w30 a:after {
    border-width: 0 0 var(--size30px)  var(--size30px);
}
.triangle.w30:hover > *:after,
.triangle.w30:hover a:after {
    border-width: 0 0 calc(var(--size30px) + .3em) calc(var(--size30px) + .3em);
}
.triangle.rb5 > *:after,
.triangle.rb5 a:after {
    right:var(--size5px);
    bottom:var(--size5px);
}
.triangle.rb10 > *:after,
.triangle.rb10 a:after {
    right:var(--size10px);
    bottom:var(--size10px);
}


.balloon01 { position:relative }
.balloon01.btm:after {
    content:"";
    border-width: .88em .88em 0 .88em;
    border-color: var(--color20) transparent transparent transparent;
    position:absolute; left:50%; top:calc(100% - 1px);
    transform: translateX(-50%);
}
.balloon01.left:after {
    content:"";
    border-width: .35em .88em .35em .88em;
    border-color: transparent var(--color20) transparent transparent;
    position:absolute; right:calc(100% - 1px); top:1em;
    transform: translateY(-50%);
}
.balloon01.right:after {
    content:"";
    border-width: var(--size20px) var(--size25px) var(--size20px) var(--size25px);
    border-color: transparent transparent transparent var(--color20);
    position:absolute; left:calc(100% - 2px); top:50%;
    transform: translateY(-50%);
}
.balloon01.right2:after {
    content:"";
    border-width: .35em .88em .35em .88em;
    border-color: transparent transparent transparent var(--color20);
    position:absolute; left:calc(100% - 2px); top:1em;
    transform: translateY(-50%);
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
	.balloon01.left:after,
	.balloon01.right:after {
        top:50%;
        transform: translateY(-50%);
	}
}

.bgdeco01 {
    background: url("images/page/bg_foot_tel01.svg") no-repeat center / auto auto;;
}
.bgdeco01.type2 {
    background: url("images/page/bg_foot_tel02.svg") no-repeat center / auto auto;;
}
.bgdeco01.lg {
    background-size:calc(132 / var(--break02)) auto;
}
.bgtriangle {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #000;
}

.shadowdeco01:before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:transparent;
    border-right:1px solid var(--color19);
    border-bottom:1px solid var(--color19);
    position: absolute; left:var(--size5px); top:var(--size5px);
    z-index:-1;
}
.shadowdeco02:before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:transparent;
    border-right:var(--size5px) solid var(--color21);
    border-bottom:var(--size5px) solid var(--color21);
    position: absolute; left:var(--size5px); top:var(--size5px);
    z-index:-1;
}

/* ヘッダー header
------------------------------------------------------------------*/
header {
	z-index: 10;
}
header h1 {
    max-width:calc(300 / var(--break02));
	margin:var(--size40px);
    margin-right:auto;
    margin-bottom:0;
}
header ._wrap_btns {
	padding-top:calc(22 / var(--break) * 100vw);
	padding-right:calc(145 / var(--break) * 100vw);
}
header ._wrap_btns > div:not(:first-of-type) {
    margin-left:var(--size20px);
}
@media(min-width: 768px) and (max-width:1599px) {

}
@media(min-width: 768px) and (max-width:1299px) {
    header h1 {
        max-width:calc(220 / var(--break02));
        margin:var(--size20px);
        margin-right:auto;
        margin-bottom:0;
    }
}
@media(max-width: 767px) {
    header h1 {
        max-width:calc(300 / var(--break02));
        margin:3.2vw;
        margin-right:auto;
        margin-bottom:0;
    }
}

.low_head + .main_page .hdg2 {
    margin-top:var(--size120px);
}


/* メインイメージ main_img
------------------------------------------------------------------*/
.main_img {
	position: relative;
}
.main_img .slide_main {
	opacity: 0;
	transition: opacity .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;
}
.main01 {
	background: url(images/index/main01.jpg)no-repeat center / cover;
}
.main02 {
	background: url(images/index/main02.jpg)no-repeat center / cover;
}
.main03 {
	background: url(images/index/main03.jpg)no-repeat center / cover;
}
@media(min-width: 768px) and (max-width:1599px) {

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

}
@media only screen and (max-width: 767px) {
	.main_img .slide_main li {
		min-height: auto;
		height: calc(100svh - calc(120 / var(--break) * 100vw));
	}
}

.mainvisual {
  width:100vw;
  min-height: calc(920 / var(--break02));
  /* height: calc(100vh - 130 / var(--break02)); */
  position: relative;
  overflow: hidden;
  background:url(images/index/main01.jpg) center / 100% 100% no-repeat;
}
.mainvisual:before {
    content:"";
    display:block;
    width:calc(839 / var(--break02));
    height:calc(422 / var(--break02));
    background: url(images/index/main_bg01.png) center / contain no-repeat;
    position: absolute; right:calc(80 / var(--break02)); bottom:0;
    z-index:3;
}
.mainvisual:after {
    content:"";
    display:block;
    width:calc(630 / var(--break02));
    height:calc(431 / var(--break02));
    background: url(images/index/main_bg02.png) center / contain no-repeat;
    position: absolute; left:0; bottom:0;
    z-index:3;
}
.mainvisual-tile{
    list-style:none;
    margin:0; padding:0;
    width:100%;
    height:100%;
}
.mainvisual-tile > li{
    position:absolute;
    opacity:0;
    pointer-events:none;
    z-index:0;
  transition: opacity .8s ease;
}
.mainvisual-tile > li.show {
    opacity:1;
  z-index:2;
}
.mainvisual-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.mainvisual-tile > li.is-front{ z-index:3;}
.mainvisual-tile > li.is-mid  { z-index:2;}
.mainvisual-tile > li.is-back { z-index:1;}

.mainvisual-tile .mgp01 {
    position:absolute; right:0; top:0;
}
.mainvisual-tile .mgp02 {
    position:absolute; left:0; top:0;
}
.mainvisual-tile .mgp03 {
    position:absolute; right:0; bottom:0;
}
.mainvisual-tile .mgp04 {
    position:absolute; right:0; bottom:0;
    z-index:3;
}
.mainvisual-tile .mgp01 {
    width:calc(798 / var(--break02));
}
.mainvisual-tile .mgp02 {
    width:calc(1129 / var(--break02));
}
.mainvisual-tile .mgp03 {
    width:calc(1774 / var(--break02));
}
.mainvisual-tile .mgp04 {
    width:calc(636 / var(--break02));
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {
    .mainvisual {
        min-height: calc(720 / var(--break02));
    }
    .mainvisual-tile .mgp01 {
        width:calc(658 / var(--break02));
    }
    .mainvisual-tile .mgp02 {
        width:calc(829 / var(--break02));
    }
    .mainvisual-tile .mgp03 {
        width:calc(1500 / var(--break02));
    }
    .mainvisual-tile .mgp04 {
        width:calc(436 / var(--break02));
    }
}
@media(min-width: 768px) and (max-width:1299px) {
    .mainvisual {
        min-height: calc(680 / var(--break02));
    }
    .mainvisual-tile .mgp01 {
        width:calc(658 / var(--break02));
    }
    .mainvisual-tile .mgp02 {
        width:calc(689 / var(--break02));
    }
    .mainvisual-tile .mgp03 {
        width:calc(1324 / var(--break02));
    }
    .mainvisual-tile .mgp04 {
        width:calc(436 / var(--break02));
    }
}
@media(max-width: 767px) {
    .mainvisual {
        min-height: calc(1080 / var(--break02));
        /* height: calc(100vh - 130 / var(--break02)); */
        background:var(--color05);
    }
    .mainvisual:before {
        width:calc(446 / var(--break02));
        height:calc(230 / var(--break02));
        background: url(images/index/main_bg01_sp.png) center / contain no-repeat;
        position: absolute; right:calc(100 / var(--break02)); bottom:auto; top:0;
        z-index:3;
    }
    .mainvisual:after {
        width:calc(750 / var(--break02));
        height:calc(603 / var(--break02));
        background: url(images/index/main_bg02_sp.png) center / contain no-repeat;
    }
    .mainvisual-tile .mgp01 {
        position:absolute; right:0; top:0;
    }
    .mainvisual-tile .mgp02 {
        position:absolute; left:0; top:0;
    }
    .mainvisual-tile .mgp03 {
        position:absolute; left:0; bottom:0;
    }
    .mainvisual-tile .mgp01 {
        width:calc(424 / var(--break02));
    }
    .mainvisual-tile .mgp02 {
        width:calc(596 / var(--break02));
    }
    .mainvisual-tile .mgp03 {
        width:calc(750 / var(--break02));
    }
}

.cover_main ._wrap_baloons {
    margin-bottom:-.5em;
    position:relative;
    z-index:4;
}
.cover_main .abs_en01 {
    top:50%; left:76%;
    transform:translate(-50%, -50%);
    z-index:3;
}
.cover_main .abs_en01 .en {
    text-shadow: 0 0 8px rgba(34, 34, 34, 0.1);
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: .1em;
    color: #fff;
}
.cover_main .abs_en01 .en.sp_only { display:none; }
.cover_main .abs_badge01 {
    position:absolute; bottom:calc(40 / var(--break02)); right:calc(80 / var(--break02));
    width:calc(220 / var(--break02));
    height:calc(220 / var(--break02));
    background:url(images/index/bg_mv_badge01.png) center / 100% auto no-repeat;
    z-index:3;
}
.cover_main .abs_badge01 .badge01:before {
    content:"";
    display:block;
    width:calc(135 / var(--break02));
    height:calc(102 / var(--break02));
    background: url(images/index/bg_mv_badge01_human.png) center / contain no-repeat;
    margin-top:-2em;
    margin-bottom:.25em;
}
.cover_main .abs_area01 {
    position:absolute; bottom:calc(80 / var(--break02)); left:calc(100 / var(--break02));
    z-index:3;
}
.cover_main .abs_area01 ._wrap_txts .box.green {
    max-width:calc(530 / var(--break02));
    background:var(--color20) url(images/index/bg_main_triangle01_green.svg) left bottom / auto 100% no-repeat;
}
.cover_main .abs_area01 ._wrap_txts .box.blue {
    max-width:calc(1080 / var(--break02));
    background:var(--color20) url(images/index/bg_main_triangle01_blue.svg) left bottom / auto 100% no-repeat;
}
.cover_main .baloon01 {
    margin-top:3em;
    width:calc(216 / var(--break02));
    height:calc(169 / var(--break02));
    background:url(images/index/bg_mv_baloon01.svg) center / 100% auto no-repeat;
}
.cover_main .baloon02 {
    margin-left:-1em;
    width:calc(216 / var(--break02));
    height:calc(169 / var(--break02));
    background:url(images/index/bg_mv_baloon02.svg) center / 100% auto no-repeat;
}
.cover_main ._wrap_txts .box {
    padding: 1.5em var(--size50px);
    box-shadow: 0 0 8px 2px rgba(34, 34, 34, 0.2);
    background-color: #fff;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {
    .cover_main .abs_badge01 {
        width:calc(160 / var(--break02));
        height:calc(160 / var(--break02));
        right:calc(140 / var(--break02));
    }
    .cover_main .abs_badge01 .badge01:before {
        width:calc(105 / var(--break02));
        height:calc(82 / var(--break02));
    }
    .cover_main .abs_badge01 .badge01 .ja {
        font-size:1em;
    }
    .cover_main .abs_badge01 .badge01 .txt {
        font-size:.88em;
    }
    .cover_main .abs_en01 .en {
        font-size:calc(80 / var(--break02));
        word-break:keep-all;
        white-space:nowrap;
    }
    .cover_main ._wrap_txts .box {
        padding: 1.5em var(--size30px);
    }
    .cover_main ._wrap_txts .box img {
        /* max-width:70%; */
    }
    .cover_main .abs_area01 ._wrap_txts .box.green {
        max-width:31%;
        width:auto;
    }
    .cover_main .abs_area01 ._wrap_txts .box.blue {
        max-width:70%;
        width:auto;
    }
    .cover_main .baloon01 {
        width:calc(146 / var(--break02));
        height:calc(129 / var(--break02));
    }
    .cover_main .baloon02 {
        width:calc(146 / var(--break02));
        height:calc(129 / var(--break02));
    }
    .cover_main .baloon01 .ja,
    .cover_main .baloon02 .ja {
        font-size:1.5em;
    }
}
@media(min-width: 768px) and (max-width:1299px) {
    .cover_main .abs_badge01 {
        width:calc(160 / var(--break02));
        height:calc(160 / var(--break02));
        right:calc(140 / var(--break02));
    }
    .cover_main .abs_badge01 .badge01:before {
        width:calc(105 / var(--break02));
        height:calc(82 / var(--break02));
    }
    .cover_main .abs_badge01 .badge01 .ja {
        font-size:1em;
    }
    .cover_main .abs_badge01 .badge01 .txt {
        font-size:.88em;
    }
    .cover_main .abs_en01 .en {
        font-size:calc(80 / var(--break02));
        word-break:keep-all;
        white-space:nowrap;
    }
    .cover_main ._wrap_txts .box {
        padding: 1.5em var(--size30px);
    }
    .cover_main ._wrap_txts .box img {
        /* max-width:70%; */
    }
    .cover_main .abs_area01 {
        bottom:calc(50 / var(--break02)); left:calc(20 / var(--break02));
        z-index:3
    }
    .cover_main .abs_area01 ._wrap_txts .box.green {
        max-width:31%;
        width:auto;
    }
    .cover_main .abs_area01 ._wrap_txts .box.blue {
        max-width:70%;
        width:auto;
    }
    .cover_main .baloon01 {
        width:calc(146 / var(--break02));
        height:calc(129 / var(--break02));
    }
    .cover_main .baloon02 {
        width:calc(146 / var(--break02));
        height:calc(129 / var(--break02));
    }
    .cover_main .baloon01 .ja,
    .cover_main .baloon02 .ja {
        font-size:1.5em;
    }
}
@media(max-width: 767px) {
    .cover_main .abs_en01 .en.sp_only { display:inherit; }
    .cover_main ._wrap_baloons {
        margin-bottom:-.5em;
        position:relative;
        z-index:4;
    }
    .cover_main .abs_en01 {
        top:calc(220 / var(--break02)); left:auto; right:3.2vw;
        transform:none;
    }
    .cover_main .abs_en01 .en {
        font-size:calc(70 / var(--break02));
    }
    .cover_main .abs_badge01 {
        bottom:calc(260 / var(--break02)); right:3.2vw;
        z-index:4;
    }
    .cover_main .abs_badge01 .badge01:before {
        margin-top:-1em;
        margin-bottom:.075em;
    }
    .cover_main .abs_badge01 .badge01 .ja {
        font-size:.81em;
    }
    .cover_main .abs_badge01 .badge01 .txt {
        font-size:.625em;
    }
    .cover_main .abs_area01 {
        bottom:calc(40 / var(--break02)); left:3.2vw;
    }
    .cover_main .abs_area01 ._wrap_txts .box.green {
        margin-bottom:var(--size20px);
        max-width:calc(528 / var(--break02));
        background:var(--color20) url(images/index/bg_main_triangle01_green.svg) left bottom / auto 85% no-repeat;
    }
    .cover_main .abs_area01 ._wrap_txts .box.blue {
        margin-bottom:var(--size20px);
        max-width:calc(686 / var(--break02));
        background:var(--color20) url(images/index/bg_main_triangle01_blue.svg) left bottom / auto 85% no-repeat;
    }
    .cover_main .abs_area01 ._wrap_txts .box.blue:nth-of-type(3) {
        max-width:calc(474 / var(--break02));
    }
    .cover_main .baloon01 {
        margin-top:1.5em;
        width:calc(177 / var(--break02));
        height:calc(140 / var(--break02));
    }
    .cover_main .baloon02 {
        margin-left:-1em;
        width:calc(177 / var(--break02));
        height:calc(139 / var(--break02));
        background:url(images/index/bg_mv_baloon02.svg) center / 100% auto no-repeat;
    }
    .cover_main .baloon01 .ja,
    .cover_main .baloon02 .ja {
        font-size:1.125em;
    }
    .cover_main ._wrap_txts .box {
        padding:var(--size20px) var(--size60px) var(--size20px) var(--size30px);
    }
}

/* グローバルナビゲーション gnav
------------------------------------------------------------------*/
.gnav, .fix_nav {
	display: none;
}
.btn_gnav_sp {
	position: fixed;
	top:calc(22 / var(--break) * 100vw);
	right:calc(24 / var(--break) * 100vw);
	height: calc(100 / var(--break) * 100vw);
	width: calc(100 / var(--break) * 100vw);
	background: var(--color18);
	z-index: 10000;
	outline: none;
}
.open .btn_gnav_sp {
	background: var(--color18);
	border:calc(2 / var(--break) * 100vw) solid var(--color18);
}
.btn_gnav_sp .txt_gnav {
	position: absolute;
	width: calc(65 / var(--break) * 100vw);
	right: 0;
	left: 0;
	bottom: calc(10/ var(--break) * 100vw);
	margin: auto;
}
.btn_gnav_sp .txt_gnav.on {
	display: none;
}
.btn_gnav_sp .txt_gnav.on {
	display: none;
}
.open .btn_gnav_sp .txt_gnav.off {
	display: none;
}
.open .btn_gnav_sp .txt_gnav.on {
	display: block;
}
.btn_gnav_sp .icn_gnav {
	width: calc(45 / var(--break) * 100vw);
	height:calc(5 / var(--break) * 100vw);
	position: absolute;
	top: calc(-22 / var(--break) * 100vw);
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #fff;
	transition: transform .3s ease-in-out;
}
.open .btn_gnav_sp .icn_gnav:before, .open .btn_gnav_sp .icn_gnav:after  {
	background: var(--color20)!important;
}
.btn_gnav_sp .icn_gnav:before, .btn_gnav_sp .icn_gnav:after {
	content: "";
	width: 100%;
	height: calc(5 / var(--break) * 100vw);
	position: absolute;
	left: 0;
	background: #fff;
	transition: transform .3s ease-in-out;
}
.btn_gnav_sp .icn_gnav:before {
	top: calc(-13 / var(--break) * 100vw);
}
.btn_gnav_sp .icn_gnav:after {
	bottom: calc(-13 / 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;
	transition: transform .3s ease-in-out;
}
.open .btn_gnav_sp .icn_gnav:before {
	transform: rotate(45deg);
	top: 0;
}
.open .btn_gnav_sp .icn_gnav:after {
	transform: rotate(-45deg);
	bottom: 0;
}
.btn_gnav_sp {
    cursor: pointer;
}
.gnav_sp .ps__thumb-y {
	background: transparent !important;
}

.gnav_sp {
	padding: calc(165 / var(--break) * 100vw) 0 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: rgba(var(--color06rgb),.9);
    position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	width: calc(606 / var(--break) * 100vw);
	transition: opacity .6s ease, visibility .6s ease;
	line-height: 1.45;
}
.bg_gnav {
	visibility: hidden;
	transition: .3s;
	opacity: 0;
}
.open .bg_gnav {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9998;
	background: rgba(0,0,0,0.1);
	visibility: visible;
	opacity: 1;
	transition: .3s;
	left: 0;
	top: 0;
}
.gnav_sp .nav_main {
	padding-bottom: calc(200 / var(--break) * 100vw);
}
.gnav_sp .nav_main > ul {
	padding: 0 calc(30 / var(--break) * 100vw) 0 calc(50 / var(--break) * 100vw);
	display: block;
}
.gnav_sp .nav_main > ul > li {
	opacity: 0;
	transform: translateX(50%);
	transition: transform .6s ease, opacity .2s ease;
}
.gnav_sp .nav_main > ul > li.nav_drawer {
	padding-bottom: calc(20 / var(--break) * 100vw);
}
.gnav_sp .nav_main > ul > li > a {
	padding: calc(10 / var(--break) * 100vw) calc(10 / var(--break) * 100vw) calc(10 / var(--break) * 100vw) calc(38 / 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 */
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
	position: relative;
	letter-spacing: 0;

    font-family: "fot-cezanne-pron", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.gnav_sp .nav_main > ul > li > a .ja {
	letter-spacing: 0;
}
.gnav_sp .nav_main > ul > li:not(:last-of-type) {
	margin-bottom: 0;
}
.gnav_sp .nav_main > ul > li.nav_drawer > a {
	border-bottom: none;
}
.gnav_sp .nav_main > ul > li > a:after {
	content: "";
	position: absolute;
	left: 0;
	top: calc(20 / var(--break) * 100vw);
	width: 0;
	height: 0;
	border-width: calc(13 / var(--break) * 100vw) calc(10 / var(--break) * 100vw) 0 calc(10 / var(--break) * 100vw);
	border-color:var(--color19) transparent transparent transparent;
	margin: auto;
}
.gnav_sp .nav_main > ul > li.nav_drawer > a.open:after {
	transform: rotate(-90deg);
}
.open .gnav_sp {
	visibility: visible;
	opacity: 1;
}
.open .gnav_sp .nav_main > ul > li, .open .gnav_sp .nav_sub li {
	opacity: 1;
	transform: translateX(0);
	transition: transform 1s ease, opacity .9s ease;
}

.btn_gnav_sp {
    cursor: pointer;
}
.gnav_sp .ps__thumb-y {
	background: transparent !important;
}
.gnav_sp .ps__thumb-x {
	background: transparent !important;
}
@media(min-width: 768px) and (max-width:1599px) {

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

}
@media only screen and (max-width: 767px) {
	.gnav, .fix_nav {
		display: none;
	}
	.btn_gnav_sp .txt_gnav {
		position: absolute;
		right: 0;
		left: 0;
		bottom: calc(-5 / var(--break) * 100vw);;
		margin: auto;
	}
	.gnav_sp {
		padding: 16vw 0 0;
		overflow-y: auto;
		overflow-x: hidden;
		background: rgba(var(--color06rgb),.9);
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9999;
		height: 100%;
		visibility: hidden;
		opacity: 0;
		width: 80%;
		transition: opacity .6s ease, visibility .6s ease;
		line-height: 1.45;
	}
	.bg_gnav {
		visibility: hidden;
		transition: .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;
		transition: .3s;
		left: 0;
		top: 0;
	}
	.gnav_sp .nav_main {
		padding-bottom: 20vw;
	}
	.gnav_sp .nav_main > ul {
		padding: 0 3vw 0 8vw;
		display: block;
	}
	.gnav_sp .nav_main > ul > li {
		opacity: 0;
		transform: translateX(50%);
		transition: transform .6s ease, opacity .2s ease;
	}
	.gnav_sp .nav_main > ul > li > a {
		padding: 1.9vw 3vw 1.9vw 6vw;
		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 */
		flex-wrap: wrap;
		-ms-align-items: 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;
		left: 0.5vw;
		right: auto;
		top: 4vw;
		bottom: auto;
		width: 0;
		height: 0;
		border-left: calc(16 / var(--break) * 100vw) solid var(--color19);
		border-top: calc(10 / var(--break) * 100vw) solid transparent;
		border-bottom: calc(10 / var(--break) * 100vw) solid transparent;
		margin: auto;
		transform: rotate(90deg);
	}
	.gnav_sp .nav_main > ul > li.nav_drawer > a:after {
		transform: rotate(90deg);
	}
	.gnav_sp .nav_main > ul > li.nav_drawer > a.open:after {
		transform: rotate(-90deg);
	}
	.gnav_sp .nav_main > ul > li > a .ja {
		width: 100%;
        line-height: 1.6;
        letter-spacing: 0;
        font-size: calc(32 / var(--break) * 100vw);
	}
	.gnav_sp .nav_main > ul > li > a .en {
		/*text-transform: uppercase;*/
		font-size: 62.5%;
		letter-spacing: .1em;
		margin-top: 1vw;
	}
	.gnav_sp .nav_main > ul > li:not(:last-of-type) {
		margin-bottom: 0;
	}
	.open .gnav_sp {
		visibility: visible;
		opacity: 1;
	}
	.open .gnav_sp .nav_main > ul > li, .open .gnav_sp .nav_sub li {
		opacity: 1;
		transform: translateX(0);
		transition: transform 1s ease, opacity .9s ease;
	}
}



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

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

}
@media(max-width: 767px) {

}


/* フッター footer
------------------------------------------------------------------*/
footer {
    padding-top:calc(240 / var(--break02));
}
#wrap:not(.home) footer {
    padding-top:calc(60 / var(--break02));
}
.row_foot01 > .col_l {
}
.row_foot01 > .col_r {
	width: 53%;
	max-width: 530px;
    margin-left:5%;
}
.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) {
    .head_txt {
        word-break:keep-all;
        white-space:nowrap;
    }
    .tel_foot .telnum {
        word-break:keep-all;
        white-space:nowrap;
    }
    .entry_foot .ttl,
    .entry_foot .ja {
        word-break:keep-all;
        white-space:nowrap;
    }
}
@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;
		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(300 / var(--break) * 100dvw);
	}
	.fix_web {
		width: calc(300 / var(--break) * 100dvw);
	}
	.pagetop_sp {
		width: calc(150 / var(--break) * 100dvw);
	}
	.fix a {
		display: block;
	}

    footer {
        padding-top:calc(240 / var(--break02));
    }
    .logo_foot img {
        width:calc(361 / var(--break02));
    }
    footer ._wrap_btns {
        width:100%;
        padding:0 6.4vw;
        margin-bottom:calc(60 / var(--break02));
    }
    footer ._wrap_btns > div a,
    footer ._wrap_btns > div {
        width:100%;
    }
    footer ._wrap_btns .tel_foot a {
        padding:.88em;
        border-width: 3px !important;
    }
    footer ._wrap_btns .tel_foot img {
        width:calc(31 / var(--break02));
    }
    footer ._wrap_btns .tel_foot .ja {
        font-size:calc(26 / var(--break02));
        padding-bottom:.5em;
    }
    footer ._wrap_btns .tel_foot .telnum {
        font-size:calc(50 / var(--break02));
    }
    footer ._wrap_btns .entry_foot a {
        padding:.88em;
    }
    footer ._wrap_btns .entry_foot img {
        margin-bottom:-.25em;
        width:calc(30 / var(--break02));
    }
    footer ._wrap_btns .entry_foot .ja {
        font-size:calc(26 / var(--break02));
    }
    footer ._wrap_btns .entry_foot .ttl {
        font-size:calc(50 / var(--break02));
        letter-spacing: 0;
    }
}

.tbl_time01 tr:not(:last-child) th,
.tbl_time01 tr:not(:last-child) td,
.tbl_time01 table {
    border-color:var(--color14);
}
.tbl_time01 thead th {
    background: var(--color14);
    font-family: "fot-cezanne-pron", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.tbl_time01 tr td span {
    color:var(--color19);
}

.foot_bnr_wrap > a:nth-of-type(2n + 2) {
    margin-left:3.5%;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .foot_bnr_wrap .tb_pc.flex {
        display:flex;
    }
}
@media(max-width: 767px) {
    .foot_bnr_wrap.flex {
        width:calc(540 / var(--break02));
        margin:0 auto;
        flex-wrap:wrap;
    }
    .foot_bnr_wrap > a {
        width:100%;
    }
    .foot_bnr_wrap > a:nth-of-type(2n + 2) {
        margin-left:0;
    }
    .foot_bnr_wrap > a:nth-of-type(n + 2) {
        margin-top:var(--size35px);
    }
    .foot_bnr_wrap > a img {
        width:100%;
    }
    .foot_bnr_wrap > a .ja {
        font-size:.66em;
    }
    .foot_bnr_wrap > a .en {
        font-size:.66em;
    }


}

/* インスタ index_insta
------------------------------------------------------------------*/
.wrap__insta01 {
    max-width:560px;
    margin:0 auto;
}
.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) {
	.wrap__insta01 {
		padding: calc(40 / var(--break) * 100vw);
	}
}
@media(max-width: 767px) {
	.index_insta {
		padding: calc(60 / var(--break) * 100vw);
	}
	.wrap__insta01 .icn {
		width: calc(100 / var(--break) * 100vw);
	}
	#sb_instagram #sbi_images {
		gap: calc(6 / var(--break) * 100vw)!important;
	}

    .wrap_insta_gmap.flex.nowrap {
        flex-wrap: wrap;
    }
    .wrap_insta_gmap.flex.nowrap > div {
        width:100%;
    }
}

.ttl_bdr01:before,
.ttl_bdr01:after {
    content: "";
    display:block;
    width: 100%;
    height: 5px;
    background: var(--color20);
}

.bgimg01 {
    background: url("images/page/foot_bg_instagram01.png")no-repeat center / cover;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .ttl_bdr01 .en {
        font-size:1.125em;
    }
    .ttl_bdr01:before,
    .ttl_bdr01:after {
        height: 3px;
    }
    .bgimg01 .wrap__insta01 {
        padding:0 6.4vw;
    }
}

/* グーグルマップ
------------------------------------------------------------------*/
.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% + calc(340 / var(--break) * 100vw));
}
.btn_map {
	width: calc(300 / var(--break) * 100vw);
	font-size: 1.25rem;
	letter-spacing: .1em;
	left: calc(30 / var(--break) * 100vw);
	top: calc(30 / var(--break) * 100vw);
	z-index: 1;
}
.btn_map a {
	height: calc(60 / var(--break) * 100vw);
	background: url("images/page/icn_googlemap01.svg")no-repeat left calc(30 / var(--break) * 100vw) center / calc(16 / var(--break) * 100vw) auto;
	border: 1px solid #fff;
}
/* .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:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
	.map iframe {
		margin-top: calc(-280 / var(--break) * 100vw);
		height: calc(100% + calc(560 / var(--break) * 100vw));
	}
}
@media(max-width: 767px) {
	.map iframe {
		margin-top: calc(-200 / var(--break) * 100vw);
		height: calc(100% + calc(400 / var(--break) * 100vw));
	}
	.btn_map {
		width: calc(600 / var(--break) * 100vw);
		margin: calc(60 / var(--break) * 100vw) auto;
		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;
	} */


}

.access01 {
    padding:8px;
}
.access01 .ja {
    padding-left:var(--size50px);
    padding-right:var(--size40px);
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .access01.rnd {
        border-radius:var(--size100px);
    }
}
@media(max-width: 767px) {
    .wrap_access {
        margin-top:calc(280 / var(--break02));
        margin-bottom:calc(60 / var(--break02));
    }
    .wrap_access ._row_area01.flex {
        padding:0 6.4vw;
    }
    .access01 {
        width:100%;
        padding:8px;
        border-radius:var(--size60px);
    }
    .access01 img {
        width:calc(80 / var(--break02));
    }
    .access01 .ja {
        text-align:center;
        padding-left:var(--size40px);
        padding-right:var(--size80px);
        font-size:1em;
        line-height:1.25;
    }

    .main_page {
        background: url("images/page/bg_ttl_page.jpg")no-repeat center / cover !important;
    }
    .low_head + .main_page .hdg2 {
        margin-top: var(--size200px);
    }
}




.bg_pattern01 {
    background-image:url(./images/page/bg_ptn_check_50.png);
    background-position:left top;
    background-size:auto;
    background-repeat:repeat;
}
.index_money_gift01 .bg01 {
    background-image:url(./images/page/bg_ptn_check_50.png), url(./images/index/bg_money_gift01.svg);
	background-position:left top, center top;
    background-size:auto, 100% auto;
    background-repeat:repeat, no-repeat;
}
.index_money_gift01 .bg01  .ttl01 .en {
    background-image: linear-gradient(to top, #3e8f38, #6ebe4a);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height:1.5;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .bg_pattern01 {
        background-size:.55em auto;
    }
    .index_money_gift01 .bg01 {
        background-size:.55em auto, 100% auto;
        padding-top:calc(110 / var(--break02));
    }

    .ttl01 .en {
        font-size:calc(80 / var(--break02));
    }

    .index_money_gift01 .bg01 .lead01 .ja {
        font-size:1.25em;
        line-height:1.6;
        letter-spacing:0;
    }
}

._row_area01 > div:not(:first-of-type) {
    margin-left:var(--size50px);
}
._row_area01.flex.nowrap .box .txts .yen {
    background-image: linear-gradient(to top, #e15c4e, #e05f88);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
._row_area01.flex.nowrap .box .txts .yen.txt_col11 {
    background-image:linear-gradient(to top, #316edf, #4e99e0);
}
._row_area01.flex.nowrap .box .txts .yen small {
    background: none !important;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: initial;
    color: var(--color21);
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    ._row_area01 > div:not(:first-of-type) {
        margin-left:0;
        margin-top:1.25em;
    }
    ._row_area01.flex.nowrap {
        flex-wrap:wrap;
    }
    ._row_area01.flex.nowrap .box {
        width:100%;
    }
    ._row_area01.flex.nowrap .box .lead01 {
        padding-top:1em;
    }
    ._row_area01.flex.nowrap .box .lead01 .ja {
        font-size:1.25em;
        line-height:1.2;
        letter-spacing: 0;;
    }
    ._row_area01.flex.nowrap .box .lead01 .en {
        font-size:calc(22 / var(--break02));
        letter-spacing: 0;;
    }
    ._row_area01.flex.nowrap .box .txts .ja {
        font-size:1em;
        letter-spacing: 0;
        margin-bottom:.5em;
    }
    ._row_area01.flex.nowrap .box .txts .yen {
        font-size:calc(100 / var(--break02));
        letter-spacing: 0;;
    }
    ._row_area01.flex.nowrap .box .txts .yen small {
        font-size:calc(70 / var(--break02));
        letter-spacing: 0;;
    }
}

.bg_deco02 {
    background-image:url(./images/index/bg_money_gift02_red.svg);
	background-position:center top;
    background-size:100% auto;
    background-repeat:no-repeat;
}
.bg_deco02.blue {
    background-image:url(./images/index/bg_money_gift02_blue.svg);
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .bg_deco02 {
        background-position:center -.75em;
    }
}

.bg_deco_hurrh01:before {
    content:"";
    display:block;
    width:calc(121 / var(--break02));
    height:calc(73 / var(--break02));
    background: url(./images/index/deco_money_gift01.svg) center / contain no-repeat;
    position: absolute; left:-1.11em; top:-1.11em;
    z-index:1;
}
.bg_deco_hurrh01.right:before {
    background: url(./images/index/deco_money_gift02.svg) center / contain no-repeat;
    left:auto; right:-1.11em;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .bg_deco_hurrh01:before {
        background: url(./images/index/deco_money_gift01.svg) center / contain no-repeat;
        position: absolute; left:-.6em; top:-.7em;
        z-index:1;
    }
    .bg_deco_hurrh01.right:before {
        background: url(./images/index/deco_money_gift02.svg) center / contain no-repeat;
        left:auto; right:-.6em;
    }
}

.sensei.row01 figure {
    width:calc(768 / var(--break02));
}
.sensei.row01 figcaption.ja {
    position: absolute; left:calc(50% + (100 / var(--break02))); top:calc(60 / var(--break02));
	transform: translateX(-50%);
	z-index:-1;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {
    .sensei.row01 .txt01 {
        letter-spacing:.0em;
    }
}
@media(min-width: 768px) and (max-width:1299px) {
    .sensei.row01 .col.noshrink {
        width:40%;
    }
    .sensei.row01 figcaption.ja {
        position: absolute; left:calc(50% + (70 / var(--break02))); top:calc(30 / var(--break02));
        transform: translateX(-50%);
        z-index:-1;
        font-size:1.25em;
    }
}
@media(max-width: 767px) {
    .sensei.row01 {
        padding:calc(10 / var(--break02)) 0 calc(90 / var(--break02));
    }
    .sensei.row01 figure {
        width:calc(700 / var(--break02));
    }
    .sensei.row01 figcaption.ja {
        position: absolute; left:calc(50% + (90 / var(--break02))); top:calc(60 / var(--break02));
        transform: translateX(-50%);
        z-index:-1;
        font-size:1.125em;
    }
    .sensei.row01 .txt01 {
        text-align:left;
        font-size:1em;
        line-height:1.56;
    }
}

.index_conversion01 .bg01 {
    background-image:url(./images/page/bg_conversion01.png);
    background-position:center top;
    background-size:cover;
    background-repeat:repeat;
}
.index_conversion01 .bg01:before,
.index_conversion01 .bg01:after {
    content:"";
    display:block;
    width:calc(460 / var(--break02));
    height:calc(626 / var(--break02));
    background: url(./images/page/bg_conversion_l_img01.png) center / contain no-repeat;
    position: absolute; left:calc(50% - (730 / var(--break02))); bottom:0;
    transform: translateX(-50%);
    z-index:2;
}
.index_conversion01 .bg01:after {
    width:calc(460 / var(--break02));
    height:calc(626 / var(--break02));
    background: url(./images/page/bg_conversion_r_img01.png) center / contain no-repeat;
    left:calc(50% + (730 / var(--break02)));
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {
    .index_conversion01 .bg01:before,
    .index_conversion01 .bg01:after {
        background-position: center bottom;
        width:calc(360 / var(--break02));
        height:calc(456 / var(--break02));
        left:calc(50% - (670 / var(--break02)));
    }
    .index_conversion01 .bg01:after {
        left:calc(50% + (630 / var(--break02)));
    }
}
@media(min-width: 768px) and (max-width:1299px) {
    .index_conversion01 .bg01:before,
    .index_conversion01 .bg01:after {
        background-position: center bottom;
        width:calc(260 / var(--break02));
        height:calc(356 / var(--break02));
        left:calc(50% - (570 / var(--break02)));
        z-index:1;
    }
    .index_conversion01 .bg01:after {
        left:calc(50% + (530 / var(--break02)));
    }
}
@media(max-width: 767px) {
    .index_conversion01 .bg01 {
        background-image:url(./images/page/bg_conversion01_sp.png);
        background-position:center top;
        background-size:100% auto;
        background-repeat:no-repeat;
        padding-top:calc(70 / var(--break02));
    }
    .index_conversion01 .bg01:before,
    .index_conversion01 .bg01:after {
        display:none;
    }
}

.index_conversion01 .bg01 .box:before,
.index_conversion01 .bg01 .box:after {
    content:"";
    display:block;
    width:calc(199 / var(--break02));
    height:calc(95 / var(--break02));
    background: url(./images/page/bg_conversion_r_deco01.svg) center / contain no-repeat;
    position: absolute; left:calc(50% - (450 / var(--break02))); top:50%;
    transform: translateX(-50%) translateY(-50%);
    z-index:1;
}
.index_conversion01 .bg01 .box:after {
    background: url(./images/page/bg_conversion_l_deco01.svg) center / contain no-repeat;
    left:calc(50% + (450 / var(--break02)));
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .index_conversion01 .bg01 ._row_area01 > div {
        z-index:2;
    }
}
@media(max-width: 767px) {
    .index_conversion01 .bg01 > .inner {
        position:relative;
	    z-index:1;
    }
    .index_conversion01 .bg01 > .inner:before,
    .index_conversion01 .bg01 > .inner:after {
        content:"";
        display:block;
        width:calc(165 / var(--break02));
        height:calc(227 / var(--break02));
        background: url(./images/page/bg_conversion_l_img01.png) center / contain no-repeat;
        position: absolute; left:-4.2vw; bottom:0;
        z-index:2;
    }
    .index_conversion01 .bg01 > .inner:after {
        width:calc(184 / var(--break02));
        height:calc(228 / var(--break02));
        background: url(./images/page/bg_conversion_r_img01.png) center / contain no-repeat;
        left:auto; right:-4.2vw;
    }

    .index_conversion01 .bg01 .box {
        padding:calc(70 / var(--break02));
    }
    .index_conversion01 .bg01 .box:before,
    .index_conversion01 .bg01 .box:after {
        width:calc(139 / var(--break02));
        height:calc(67 / var(--break02));
        left:calc(50% - (230 / var(--break02))); top:calc(90 / var(--break02));
        transform: translateX(-50%) translateY(-50%);
        z-index:1;
    }
    .index_conversion01 .bg01 .box:after {
        background: url(./images/page/bg_conversion_l_deco01.svg) center / contain no-repeat;
        left:calc(50% + (230 / var(--break02)));
    }
    .index_conversion01 .bg01 .sub {
        font-size:1.06em;
    }
    .index_conversion01 .bg01 .ja {
        font-size:1.43em;
    }

    .index_conversion01 .bg01 ._row_area01 > div {
        width:calc(600 / var(--break02));
        margin:0 auto;
    }
    .index_conversion01 .bg01 ._row_area01 > div:not(:first-of-type) {
        margin-top:1em;
    }
    .index_conversion01 .bg01 ._row_area01 > div a {
        width:100%;
    }
    .index_conversion01 .bg01 ._row_area01 .tel_foot img {
        width:calc(31 / var(--break02));
    }
    .index_conversion01 .bg01 ._row_area01 .tel_foot .ja {
        font-size:calc(26 / var(--break02));
    }
    .index_conversion01 .bg01 ._row_area01 .tel_foot .telnum {
        font-size:calc(50 / var(--break02));
    }
    .index_conversion01 .bg01 ._row_area01 .entry_foot img {
        width:calc(30 / var(--break02));
    }
    .index_conversion01 .bg01 ._row_area01 .entry_foot .ja {
        font-size:calc(26 / var(--break02));
    }
    .index_conversion01 .bg01 ._row_area01 .entry_foot .ttl {
        font-size:calc(50 / var(--break02));
        letter-spacing: 0;
    }
}

.bg_pattern03 {
    background-image:url(./images/index/bg_index_ttl01.svg);
    background-position:center top;
    background-size:cover;
    background-repeat:no-repeat;
}

.bg_pattern04 {
    background-image:url(./images/index/bg_charm_pattern01.svg);
    background-position:center top;
    background-size:100% auto;
    background-repeat:no-repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .bg_pattern03 {
        background-image:url(./images/index/bg_index_ttl01_sp.svg);
    }

    .ttl02 .ja {
        font-size:calc(80 / var(--break02));
        line-height:1.25;
        letter-spacing: 0;
        padding-bottom:calc(40 / var(--break02));
    }
    .ttl02 .en {
        font-size:calc(50 / var(--break02));
    }

    .bg_pattern04 {
        background-image:url(./images/index/bg_charm_pattern01.svg);
        background-position:center top;
        background-size:100% auto;
        background-repeat:no-repeat;
    }
}

.charm.row01.r_reverse .col.grow {
    padding-left:calc(210 / var(--break02));
    border-top-right-radius:var(--size50px);
    border-bottom-right-radius:var(--size50px);
}
.charm.row01:not(.r_reverse) .col.grow {
    padding-right:calc(210 / var(--break02));
    border-top-left-radius:var(--size50px);
    border-bottom-left-radius:var(--size50px);
}
.charm.row01.r_reverse .col.grow ._in {
    width:calc(750 / var(--break02));
    margin-right:auto;
}
.charm.row01:not(.r_reverse) .col.grow ._in {
    width:calc(750 / var(--break02));
    margin-left:auto;
}
.charm.row01.r_reverse .col.noshrink {
    width:calc(910 / var(--break02));
}
.charm.row01:not(.r_reverse) .col.noshrink {
    width:calc(910 / var(--break02));
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {
    .charm.row01.r_reverse .col.noshrink {
        width:calc(710 / var(--break02));
    }
    .charm.row01:not(.r_reverse) .col.noshrink {
        width:calc(710 / var(--break02));
    }
    .charm.row01.r_reverse .col.grow {
        max-width: 70%;
        padding-left:calc(150 / var(--break02));
        padding-right:calc(100 / var(--break02));
    }
    .charm.row01:not(.r_reverse) .col.grow {
        max-width: 70%;
        padding-right:calc(150 / var(--break02));
        padding-left:calc(100 / var(--break02));
    }
    .charm.row01.r_reverse .col.grow ._in {
        width:calc(750 / var(--break02));
    }
    .charm.row01:not(.r_reverse) .col.grow ._in {
        width:calc(750 / var(--break02));
    }
}
@media(min-width: 768px) and (max-width:1299px) {
    .charm.row01.r_reverse .col.noshrink {
        width:calc(510 / var(--break02));
    }
    .charm.row01:not(.r_reverse) .col.noshrink {
        width:calc(510 / var(--break02));
    }
    .charm.row01.r_reverse .col.grow {
        max-width: 70%;
        padding-left:calc(100 / var(--break02));
        padding-right:calc(50 / var(--break02));
    }
    .charm.row01:not(.r_reverse) .col.grow {
        max-width: 70%;
        padding-right:calc(120 / var(--break02));
        padding-left:calc(50 / var(--break02));
    }
    .charm.row01.r_reverse .col.grow ._in {
        width:calc(750 / var(--break02));
    }
    .charm.row01:not(.r_reverse) .col.grow ._in {
        width:calc(750 / var(--break02));
    }
}
@media(max-width: 767px) {
    .charm.row01.r_reverse .col.grow {
        margin-right:3.2vw;
        padding-right:3.2vw;
        padding-left:6.4vw;
        padding-top:calc(80 / var(--break02));
    }
    .charm.row01:not(.r_reverse) .col.grow {
        margin-left:3.2vw;
        padding-left:3.2vw;
        padding-right:6.4vw;
        padding-top:calc(80 / var(--break02));
    }
    .charm.row01.r_reverse .col.grow ._in {
        width:100%;
    }
    .charm.row01:not(.r_reverse) .col.grow ._in {
        width:100%;
    }
    .charm.row01.r_reverse .col.noshrink {
        width:calc(100% - 3.2vw);
        flex:unset;
        z-index:2;
        margin-bottom:calc(-80 / var(--break02));
    }
    .charm.row01:not(.r_reverse) .col.noshrink {
        width:calc(100% - 3.2vw);
        flex:unset;
        z-index:2;
        margin-bottom:calc(-80 / var(--break02));
    }

    .area_charm04 .lead01,
    .charm.row01 .col.grow .lead01 {
        text-align: center;
    }
    .area_charm04 .lead01 .sub,
    .charm.row01 .col.grow .lead01 .sub {
        font-size:1.125em;
    }
    .area_charm04 .lead01 .ja,
    .charm.row01 .col.grow .lead01 .ja {
        font-size:calc(50 / var(--break02));
    }

    .ttl_charm01 {
        text-align: center;
    }
    .ttl_charm01 .en {
        font-size:calc(50 / var(--break02));
    }
    .ttl_charm01 .en em {
        font-size:calc(100 / var(--break02));
    }

    .charm.row01:nth-of-type(2) {
        background-image:url(./images/index/bg_charm02_sp.png);
        background-position:center top;
        background-size:cover;
        background-repeat:no-repeat;
    }
}

.index_charm01 .abs_badge02 {
    position:absolute; bottom:calc(55 / var(--break02)); right:calc(100 / var(--break02));
    width:calc(240 / var(--break02));
    height:calc(238 / var(--break02));
    background:url(images/index/bg_charm_badge01.png) center / 100% auto no-repeat;
    z-index:3;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {
    .index_charm01 .abs_badge02 {
        position:absolute; bottom:calc(45 / var(--break02)); right:calc(60 / var(--break02));
        width:calc(200 / var(--break02));
        height:calc(200 / var(--break02));
    }
    .index_charm01 .abs_badge02 img {
        width:calc(37 / var(--break02));
    }
    .index_charm01 .abs_badge02 .ja {
        font-size:calc(20 / var(--break02));
        padding:.2em 0 .275em 0;
    }
    .index_charm01 .abs_badge02 .txt {
        font-size:calc(50 / var(--break02));
    }
    .index_charm01 .abs_badge02 .txt small {
        font-size:calc(30 / var(--break02));
    }
}
@media(min-width: 768px) and (max-width:1299px) {
    .index_charm01 .abs_badge02 {
        position:absolute; bottom:calc(45 / var(--break02)); right:calc(60 / var(--break02));
        width:calc(170 / var(--break02));
        height:calc(170 / var(--break02));
    }
    .index_charm01 .abs_badge02 img {
        width:calc(27 / var(--break02));
    }
    .index_charm01 .abs_badge02 .ja {
        font-size:calc(20 / var(--break02));
        padding:.2em 0 .275em 0;
    }
    .index_charm01 .abs_badge02 .txt {
        font-size:calc(40 / var(--break02));
    }
    .index_charm01 .abs_badge02 .txt small {
        font-size:calc(20 / var(--break02));
    }
}
@media(max-width: 767px) {
    .index_charm01 .abs_badge02 {
        position:absolute; bottom:calc(45 / var(--break02)); right:calc(60 / var(--break02));
        width:calc(256 / var(--break02));
        height:calc(253 / var(--break02));
    }
    .index_charm01 .abs_badge02 img {
        width:calc(47 / var(--break02));
    }
    .index_charm01 .abs_badge02 .ja {
        font-size:calc(26 / var(--break02));
        padding:.2em 0 .275em 0;
    }
    .index_charm01 .abs_badge02 .txt {
        font-size:calc(60 / var(--break02));
    }
    .index_charm01 .abs_badge02 .txt small {
        font-size:calc(40 / var(--break02));
    }
}

.index_charm01 .bg02:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 95%;
    background-image:url(./images/page/bg_ptn_check_50.png);
    background-position:left top;
    background-size:auto;
    background-repeat:repeat;
}
.index_charm01 .bg03 {
    position: relative;
    z-index:0;
    margin-top:calc(-100 / var(--break02));
    padding-top:calc(230 / var(--break02));
    background-image:url(./images/index/bg_charm02.png);
    background-position:center top;
    background-size:cover;
    background-repeat:no-repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .index_charm01 .bg02:before {
        background-size:.55em auto;
    }
    .index_charm01 .bg03 {
        margin-top:0;
        padding-top:calc(120 / var(--break02));
        padding-bottom:calc(120 / var(--break02));
        background-image:url(./images/index/bg_charm03_sp.png);
        background-position:center bottom;
    }
}

.card_ul01 > li {
    max-width:23.38%;
    margin-left:var(--size20px);
}
.card_ul01 > li:nth-of-type(4n + 1) {
    margin-left:0;
}
.card_ul01 > li:nth-of-type(n + 5) {
    margin-top:var(--size80px);
}
.card_ul01 > li::before{
    content:"";
    position:absolute; left:0; bottom:100%;
    width:100%;
    height:calc(var(--size60px) - 1em);
    border-top-right-radius:var(--size30px);
	box-shadow: 0px -1em 1em .025em rgba(132, 132, 132, 0.25), 0px -1em 1em .025em rgba(132, 132, 132, 0.25);
    pointer-events:none;
}
.card_ul01 > li:after {
    content: "";
    position: absolute; left: 0; bottom:100%;
    width: 100%;
    height: var(--size60px);
    border-top-right-radius:var(--size30px);
    background:radial-gradient(circle var(--size10px) at center, transparent 60%, var(--color_white) 61%) repeat-x;
    background-size: 2.22em 100%;
    background-position: right .5em top 0;
    z-index: 10;
    pointer-events: none;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .card_ul01 > li:after {
        background-size: 2.5em 100%;
    }
}
@media(max-width: 767px) {
    .card_ul01.flex {
        justify-content:space-between;
        padding:0 5.856vw;
    }
    .card_ul01 > li {
        max-width:calc(300 / var(--break02));
        margin-left:0;
    }
    .card_ul01 > li:nth-of-type(4n + 1) {
        margin-left:0;
    }
    .card_ul01 > li:nth-of-type(n + 3),
    .card_ul01 > li:nth-of-type(n + 5) {
        margin-top:var(--size90px);
    }
    .card_ul01 > li::before{
        height:calc(var(--size60px) - 1em);
        border-top-right-radius:var(--size30px);
    }
    .card_ul01 > li:after {
        content: "";
        height: var(--size60px);
        border-top-right-radius:var(--size30px);
        background:radial-gradient(circle var(--size10px) at center, transparent 60%, var(--color_white) 61%) repeat-x;
        background-size: 1.26em 100%;
        background-position: right 4em top 0;
    }
    .card_ul01 > li img {
        width:calc(180 / var(--break02));
    }
    .card_ul01 > li .ja {
        font-size:1em;
        line-height:1.25;
        word-break:keep-all;
        white-space:nowrap;
    }
}


.bg_pattern02 {
    background-image:url(./images/page/bg_pattern_stripe01_w_50.png);
    background-position:left top;
    background-size:auto;
    background-repeat:repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .bg_pattern02 {
        background-size:.35em auto;
    }
}

.index_charm01 .bg04:before {
    content: "";
    position: absolute; left: 0; bottom:0;
    width: 100%;
    height:var(--size80px);
    background-image:url(./images/page/bg_pattern_stripe01_w_50.png);
    background-position:left bottom;
    background-size:auto;
    background-repeat:repeat;
    z-index:-1;
}
.index_charm01 .bg04:after {
    content:"";
    display:block;
    width:calc(460 / var(--break02));
    height:calc(560 / var(--break02));
    background: url(./images/index/img_charm_themepark_human01.png) center / contain no-repeat;
    position: absolute; left:calc(50% - (730 / var(--break02))); bottom:0;
    transform: translateX(-50%);
    z-index:0;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1799px) {
    .index_charm01 .bg04:after {
        background-position: center bottom;
        width:calc(360 / var(--break02));
        height:calc(460 / var(--break02));
        left:calc(50% - (790 / var(--break02)));
    }
}
@media(min-width: 768px) and (max-width:1599px) {
    .index_charm01 .bg04:after {
        width:calc(360 / var(--break02));
        height:calc(460 / var(--break02));
        left:calc(50% - (690 / var(--break02)));
    }
}
@media(min-width: 768px) and (max-width:1299px) {
    .index_charm01 .bg04:after {
        width:calc(260 / var(--break02));
        height:calc(360 / var(--break02));
        left:calc(50% - (550 / var(--break02)));
    }
}
@media(min-width: 768px) and (max-width:1199px) {
    .index_charm01 .bg04:after {
        width:calc(130 / var(--break02));
        height:calc(180 / var(--break02));
        left:calc(50% - (550 / var(--break02)));
    }
}
@media(max-width: 767px) {
    .index_charm01 .bg04 {
        padding-top:calc(40 / var(--break02));
        padding-bottom:calc(130 / var(--break02));
    }
    .index_charm01 .bg04:before {
        background-size:.35em auto;
    }
    .index_charm01 .bg04:after {
        width:calc(279 / var(--break02));
        height:calc(342 / var(--break02));
        left:3.2vw; bottom:auto; top:-.5em;
        transform: none;
        z-index:2;
    }

    .index_charm01 .bg04 .col.noshrink {
        padding-right:3.2vw;
        text-align:right;
    }
    .index_charm01 .bg04 .col.noshrink img {
        width:calc(427 / var(--break02));
    }
}

.index_charm01 .bg04 .pickup {
    position: absolute; left:var(--size70px); bottom:calc(100% + var(--size10px));
}
.index_charm01 .bg04 .pickup:after {
    content: "";
    position: absolute; left:calc(190 / var(--break02)); top:calc(-30 / var(--break02));
    z-index:-1;
    width: calc(515 / var(--break02));
    height:calc(129 / var(--break02));
    background: url(./images/index/img_charm_themepar_deco01.png) center / contain no-repeat;
}
.index_charm01 .bg04 .pickup .en:after {
    content: "";
    position: absolute; left: 50%; top:50%;
    transform: translateX(-50%) translateY(-50%);
    z-index:-1;
    width: calc(175 / var(--break02));
    height:calc(161 / var(--break02));
    background: url(./images/index/img_charm_themepar_baloonk01.svg) center / contain no-repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .index_charm01 .bg04 .pickup {
        position: absolute; left:calc(180 / var(--break02)); bottom:calc(100% + var(--size10px));
        z-index:2;
    }
    .index_charm01 .bg04 .pickup:after {
        position: absolute; left:calc(160 / var(--break02)); top:calc(-30 / var(--break02));
        width: calc(361 / var(--break02));
        height:calc(91 / var(--break02));
    }
    .index_charm01 .bg04 .pickup .en:after {
        z-index:-1;
        width: calc(149 / var(--break02));
        height:calc(136 / var(--break02));
    }
    .index_charm01 .bg04 .pickup .en {
        padding-top:.25em;
        font-size:1.25em;
        line-height:.7;
        z-index:2;
    }
}

.deco_ttl01 {
    background:url(images/index/img_charm_themepar_underline02.svg) center bottom / 100% auto no-repeat;
}
.deco_ttl01:before{
    content:"";
    display:block;
    width:calc(52 / var(--break02));
    height:calc(53 / var(--break02));
    background: url(./images/index/img_charm_themepar_underline01.svg) center / contain no-repeat;
    position: absolute; left:100%; bottom:0;
    z-index:-1;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {
    .deco_ttl01 + .txt01 {
        text-shadow: 0px 0px 5px var(--color14), 0px 0px 5px var(--color14), 0px 0px 10px var(--color14);
    }
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
    .deco_ttl01 {
        padding-top:0;
        margin-left:3.6vw;
        margin-right:calc(100 / var(--break02) - 3.2vw);
        margin-bottom:.75em;
        text-align:center;
        background:url(images/index/img_charm_themepar_underline02_sp.svg) center bottom / calc(680 / var(--break02)) auto repeat-x;
    }
    .deco_ttl01:before{
        left:calc(100% - .25em); bottom:0;
    }
    .deco_ttl01 .ja {
        font-size:1.125em;
        letter-spacing: 0;
        padding-bottom:.25em;
    }

}

.index_charm01 .abs_badge03 {
    position:absolute; bottom:calc(55 / var(--break02)); right:calc(100 / var(--break02));
    z-index:3;
}
.index_charm01 .abs_badge03 > div:not(:first-of-type) {
    margin-left:calc(-10 / var(--break02));
}
.badge03 {
    width:calc(170 / var(--break02));
    height:calc(170 / var(--break02));
}
.badge03.green {
    background:url(images/index/bg_charm03_badge_grn.svg) center / 100% auto no-repeat;
}
.badge03.blue {
    background:url(images/index/bg_charm03_badge_blue.svg) center / 100% auto no-repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .index_charm01 .abs_badge03 {
        bottom:calc(35 / var(--break02)); right:calc(60 / var(--break02));
    }
    .badge03 {
        width:calc(130 / var(--break02));
        height:calc(130 / var(--break02));
    }
    .badge03 .txt {
        font-size:calc(17 / var(--break02));
    }
}
@media(max-width: 767px) {
    .index_charm01 .abs_badge03 {
        position:absolute; bottom:calc(55 / var(--break02)); right:calc(70 / var(--break02));
    }
    .badge03 .txt {
        font-size:calc(22 / var(--break02));
    }
}

.area_charm04:before {
    content: "";
    position: absolute; left: 0; bottom:0;
    width: 100%;
    height:calc(100% - var(--size80px));
    background-color:var(--color04);
    background-image:url(./images/index/bg_charm_pattern01.svg);
    background-position:center top;
    background-size:100% auto;
    background-repeat:no-repeat;
}
.area_charm04 ._box {
    background:url(images/index/bg_charm04.png) center / 100% auto no-repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .area_charm04 ._box {
        padding-bottom:calc(350 / var(--break02));
        background:none;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;;
    }
}

.area_charm04 .photo_ul01 {
    margin-top:calc(1px - 1px - var(--size40px));
}
.photo_ul01 .deco_ribbon01 {
    position: absolute; left:.55em; top:var(--size50px);
    z-index:1;
}
.deco_ribbon01:before {
    content:"";
    display:block;
    width:calc(135 / var(--break02));
    height:calc(64 / var(--break02));
    background: url(./images/index/bg_charm_ribbon01_l.svg) center / contain no-repeat;
    position: absolute; left: 50%; top:calc(50% - .25em);
    transform: translateX(-50%) translateY(-50%);
    z-index:-1;
}
.photo_ul01 .deco_ribbon01.right {
    left:auto; right:.55em; top:var(--size150px);
}
.deco_ribbon01.right:before {
    background: url(./images/index/bg_charm_ribbon01_r.svg) center / contain no-repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {
    .area_charm04 .photo_ul01.flex.nowrap > li {
        margin:0 .5em;
    }
    .photo_ul01 .deco_ribbon01.right {
        top:var(--size120px);
    }
}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .area_charm04 .photo_ul01.flex.nowrap {
        margin:0 -3.2vw;
        margin-top:calc(-300 / var(--break02));
        flex-wrap:wrap;
    }
    .area_charm04 .photo_ul01.flex.nowrap > li {
        width:calc(306 / var(--break02));
    }
    .area_charm04 .photo_ul01.flex.nowrap > li:nth-of-type(2) {
        margin-right:12vw;
    }
    .area_charm04 .photo_ul01.flex.nowrap > li:nth-of-type(n + 3) {
        margin-top:3.2vw;
    }
    .area_charm04 .photo_ul01.flex.nowrap > li:nth-of-type(3) {
        margin-left:12vw;
    }
    .photo_ul01 .deco_ribbon01 {
        position: absolute; left:.55em; top:var(--size40px);
        font-size:calc(22 / var(--break02));
    }
    .photo_ul01 .deco_ribbon01.right {
        left:auto; right:.55em; top:var(--size140px);
    }
    .deco_ribbon01.right:before {
        background: url(./images/index/bg_charm_ribbon01_r.svg) center / contain no-repeat;
    }
}

.ttl_hurrah01 .ja:before,
.ttl_hurrah01 .ja:after {
    content:"";
	display:block;
	width:calc(36 / var(--break02));
	height:calc(55 / var(--break02));
	background: url(images/page/icn_hurrh01_l.svg) center / contain no-repeat;
	position: absolute; left:calc(-50 / var(--break02)); top:50%;
	transform: translateX(-50%) translateY(-50%);
}
.ttl_hurrah01 .ja:after {
    left:calc(100% + 50 / var(--break02));
	transform: translateX(-50%) translateY(-50%) scaleX(-1);
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .ttl_hurrah01 .ja:before,
    .ttl_hurrah01 .ja:after {
        left:calc(-30 / var(--break02)); top:50%;
    }
    .ttl_hurrah01 .ja:after {
        left:calc(100% + 30 / var(--break02));
    }
    .ttl_hurrah01 .ja {
        font-size:1.125em;
        letter-spacing: 0;
    }
}

.index_personality01 .bg02 {
    background-image:url(./images/index/bg_personality01.svg);
    background-position:center top;
    background-size:100% auto;
    background-repeat:no-repeat;
}
.index_personality01 .bg02:before {
    content: "";
    position: absolute; left: 0; bottom:0;
    z-index:-1;
    width: 100%;
    height:40%;
    background-color:var(--color06);
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .index_personality01 .bg02 {
        padding-top:calc(80 / var(--break02));
        background-image:url(./images/index/bg_personality01_sp.png);
        background-position:center top;
        background-size:100% auto;
        background-repeat:no-repeat;
        background-color:var(--color06);
    }
    .index_personality01 .bg02:before {
        display:none;
    }
}

.kangei_ul01 figure {
    margin-top:-.75em;
}
.kangei_ul01 figure:before {
    content:"";
    display:block;
    width:calc(351 / var(--break02));
    height:calc(79 / var(--break02));
    background: url(./images/index/img_personality01_baloon.svg) center / contain no-repeat;
    position: absolute; left: 50%; top:calc(50% + .75em);
    transform: translateX(-50%) translateY(-50%);
    z-index:-1;
}
.kangei_ul01 > li:nth-of-type(2n) figure:before {
    background: url(./images/index/img_personality02_baloon.svg) center / contain no-repeat;
}
.kangei_ul01 > li:nth-of-type(3n) figure:before {
    background: url(./images/index/img_personality03_baloon.svg) center / contain no-repeat;
}
.kangei_ul01 > li:nth-of-type(4n) figure:before {
    background: url(./images/index/img_personality04_baloon.svg) center / contain no-repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .kangei_ul01 figure:before {
        width:calc(280 / var(--break02));
        height:calc(70 / var(--break02));
        top:calc(50% + .5em);
    }
}
@media(max-width: 767px) {
    .kangei_ul01.flex.nowrap {
        flex-wrap: wrap;
        justify-content:center;
        padding:0 3.2vw;
    }
    .kangei_ul01.flex.nowrap > li {
        width:calc(315 / var(--break02));
    }
    .kangei_ul01.flex.nowrap > li:nth-of-type(2n + 2) {
        margin-left:calc(20 / var(--break02));
    }
    .kangei_ul01.flex.nowrap > li:nth-of-type(n + 3) {
        margin-top:calc(60 / var(--break02));
    }
    .kangei_ul01 figure {
        margin-top:-.75em;
    }
    .kangei_ul01 figure:before {
        width:calc(316 / var(--break02));
        height:calc(71 / var(--break02));
        top:calc(50% + .4em);
    }
    .kangei_ul01 figure .ja {
        font-size:calc(26 / var(--break02));
    }
}

.index_value01 .bg01 {
    background-image:url(./images/index/bg_value_deco01.svg),url(./images/index/bg_value_deco02.png);
    background-position:center top, center bottom;
    background-size:100% auto, 100% auto;
    background-repeat:no-repeat,repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .index_value01 .bg01 {
        background-image:url(./images/index/bg_value_deco01_sp.png),url(./images/index/bg_value_deco02_sp.png);
        background-position:center top, center bottom;
        background-size:100% auto, 100% auto;
        background-repeat:no-repeat,no-repeat;
        padding-top:calc(140 / var(--break02));
    }
}

.ttl_bdr02 .ja:before,
.ttl_bdr02 .ja:after {
    content:"";
    display:block;
    width:calc(570 / var(--break02));
    height:calc(4 / var(--break02));
    background: url(./images/index/bg_value_bdr01.png) center / contain no-repeat;
	position: absolute; right:calc(100% + 60 / var(--break02)); top:50%;
	transform: translateY(-50%);
    z-index:-1;
}
.ttl_bdr02 .ja:after {
    right:auto; left:calc(100% + 60 / var(--break02));
	transform: translateY(-50%) scaleX(-1);
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .ttl_bdr02 .en {
        font-size:calc(120 / var(--break02));
        letter-spacing:.05em;
    }
    .ttl_bdr02 .ja {
        font-size:calc(40 / var(--break02));
        letter-spacing: 0;
    }
    .ttl_bdr02 .ja:before,
    .ttl_bdr02 .ja:after {
        background: url(./images/index/bg_value_bdr01.png) center / contain no-repeat;
        position: absolute; right:calc(100% + 30 / var(--break02)); top:50%;
    }
    .ttl_bdr02 .ja:after {
        right:auto; left:calc(100% + 30 / var(--break02));
    }
}

.value_ul01.col3 > li {
    height:calc(532 / var(--break02));
    max-width:32.25%;
    margin-left:1.625%;
    background: url(./images/index/bg_value_box01.svg) center top / contain no-repeat;
}
.value_ul01.col3 > li:nth-of-type(3n + 1) {
    margin-left:0;
}
.value_ul01.col3 > li:nth-of-type(n + 4) {
    margin-top:var(--size30px);
}
.value_ul01.col3 > li:nth-of-type(2n) {
    background: url(./images/index/bg_value_box02.svg) center top / contain no-repeat;
}
.value_ul01.col3 > li:nth-of-type(3n) {
    background: url(./images/index/bg_value_box03.svg) center top / contain no-repeat;
}
.value_ul01.col3 > li:nth-of-type(4n) {
    background: url(./images/index/bg_value_box04.svg) center top / contain no-repeat;
}
.value_ul01.col3 > li:nth-of-type(5n) {
    background: url(./images/index/bg_value_box05.svg) center top / contain no-repeat;
}
.value_ul01.col3 > li img {
    width:calc(200 / var(--break02));
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1699px) {
    .value_ul01.col3 > li {
        padding-left:var(--size50px);
        padding-right:var(--size50px);
    }
}
@media(min-width: 768px) and (max-width:1599px) {
    .value_ul01.col3 > li {
        padding-left:var(--size30px);
        padding-right:var(--size30px);
    }
}
@media(min-width: 768px) and (max-width:1299px) {
    .value_ul01.col3 > li {
        height:calc(432 / var(--break02));
    }
    .value_ul01.col3 > li img {
        width:calc(120 / var(--break02));
    }
}
@media(max-width: 767px) {
    .value_ul01.col3 > li {
        height:calc(790 / var(--break02));
        max-width:100%;
        margin-left:0;
        padding:0 calc(85 / var(--break02));
        padding-top:calc(130 / var(--break02));
    }
    .value_ul01.col3 > li:nth-of-type(n + 2),
    .value_ul01.col3 > li:nth-of-type(n + 4) {
        margin-top:var(--size35px);
    }
    .value_ul01.col3 > li img {
        width:calc(297 / var(--break02));
    }
    .value_ul01.col3 > li .ja {
        padding-top:calc(30 / var(--break02));
        padding-bottom:calc(20 / var(--break02));
        font-size:1.125em;
    }
    .value_ul01.col3 > li .txt {
        font-size:1em;
    }
}


.index_interviewdrctr01 .bg02 {
    padding-top:calc(320 / var(--break02));
}
.index_interviewdrctr01 .bg02 .interviewd.row01 .col.noshrink:before {
    content:"";
    display:block;
    width:calc(960 / var(--break02));
    height:calc(563 / var(--break02));
    background: url(./images/index/img_interviewdrctr_sensei01.png) center / contain no-repeat;
    position: absolute; left:72%; bottom:var(--size30px);
    transform: translateX(-50%);
    z-index:1;
}
.index_interviewdrctr01 .bg02 .interviewd.row01 .col.noshrink:after {
    content:"";
    display:block;
    width:calc(817 / var(--break02));
    height:calc(109 / var(--break02));
    background: url(./images/index/img_interviewdrctr_en01.svg) center / contain no-repeat;
    position: absolute; left:calc(160 / var(--break02)); bottom:var(--size30px);
    z-index:1;
}
.index_interviewdrctr01 .bg02 .nameplate01 {
    position: absolute; left:calc(50% - (280 / var(--break02))); top:calc(110 / var(--break02));
	transform: translateX(-50%);
	z-index:1;
}
.index_interviewdrctr01 .bg02 .nameplate01:before {
    content:"";
    display:block;
    width:calc(645 / var(--break02));
    height:calc(269 / var(--break02));
    background: url(./images/index/img_interviewdrctr_nameplate01.svg) center / contain no-repeat;
    position: absolute; left:50%; top:50%;
    transform: translateX(-50%) translateY(-50%);
    z-index:-1;
}
.interviewd.row01 .col.noshrink {
    margin-top:calc(-180 / var(--break02));
}
.interviewd.row01 .col.grow {
    padding-bottom:calc(400 / var(--break02));
    border-bottom-right-radius:var(--size50px);
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .index_interviewdrctr01 .bg02 .nameplate01 {
        left:calc(50% - (280 / var(--break02))); top:calc(110 / var(--break02));
    }
    .index_interviewdrctr01 .bg02 .nameplate01:before {
        width:calc(568 / var(--break02));
        height:calc(269 / var(--break02));
    }
    .nameplate01 img {
        max-width:70%;
        margin:0 auto;
    }
    .nameplate01 .posi {
        font-size:calc(26 / var(--break02));
        letter-spacing: 0;
        padding-bottom:.65em;
    }
    .nameplate01 .name {
        font-size:calc(40 / var(--break02));
        letter-spacing: 0;
        padding-top:.45em;
        padding-bottom:.5em;
    }
    .nameplate01 .en {
        font-size:calc(18 / var(--break02));
    }
}
@media(max-width: 767px) {
    .index_interviewdrctr01 .bg02 {
        padding-top:calc(280 / var(--break02));
    }
    .index_interviewdrctr01 .bg02 .interviewd.row01 .col.noshrink:before {
        width:calc(651 / var(--break02));
        height:calc(521 / var(--break02));
        background: url(./images/index/img_interviewdrctr_sensei01_sp.png) center / contain no-repeat;
        left:auto; right:0; bottom:var(--size30px);
        transform:none;
    }
    .index_interviewdrctr01 .bg02 .interviewd.row01 .col.noshrink:after {
        width:calc(652 / var(--break02));
        height:calc(88 / var(--break02));
        left:calc(95 / var(--break02)); bottom:var(--size30px);
    }
    .index_interviewdrctr01 .bg02 .nameplate01 {
        position: absolute; left:50%; top:calc(280 / var(--break02));
        z-index: 2;
    }
    .index_interviewdrctr01 .bg02 .nameplate01:before {
        width:calc(568 / var(--break02));
        height:calc(269 / var(--break02));
    }

    .nameplate01 .posi {
        font-size:calc(26 / var(--break02));
        letter-spacing: 0;
        padding-bottom:.65em;
    }
    .nameplate01 .name {
        font-size:calc(40 / var(--break02));
        letter-spacing: 0;
        padding-top:.45em;
        padding-bottom:.5em;
    }
    .nameplate01 .en {
        font-size:calc(18 / var(--break02));
    }

    .interviewd.row01.r_reverse .col.noshrink {
        margin-top:calc(-180 / var(--break02));
        margin-left:3.2vw !important;
    }
    .interviewd.row01.r_reverse .col.grow {
        margin-right:3.2vw !important;
        margin-top:calc(-390 / var(--break02));
        padding-bottom:calc(400 / var(--break02));
        z-index:-1;
    }
    .interviewd.row01:not(.r_reverse) .col.noshrink {
        margin-top:calc(-180 / var(--break02));
        margin-left:3.2vw !important;
    }
    .interviewd.row01:not(.r_reverse) .col.grow {
        margin-right:3.2vw !important;
        margin-top:calc(-80 / var(--break02));
        padding-bottom:calc(80 / var(--break02));
        z-index:-1;
    }

    .row01.smm210.r_reverse .col.noshrink {
        margin-right:-3.2vw !important;
    }
    .row01.smm210:not(.r_reverse) .col.noshrink {
        margin-left:-3.2vw !important;
    }
}

.index_interviewdrctr01 .bg03 {
    z-index:-1;
    margin-top:calc(-80 / var(--break02));
    padding-top:calc(140 / var(--break02));
    padding-bottom:calc(250 / var(--break02));
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {
    .ttl_faq01 .q {
        font-size:1.5em;
    }
    .ttl_faq01 .ja {
        padding-left:var(--size20px);
        font-size: clamp(1em, 1.25em, 1.25em);
        line-height:1.44;
        letter-spacing: clamp(-0.05em, 0em, 0em);
        overflow-wrap: anywhere;     /* 最後の保険：はみ出し防止 */
        word-break: normal;          /* 変にぶった切らない */
        line-break: strict;          /* 句読点周りの禁則を強める */
    }
}
@media(min-width: 768px) and (max-width:1299px) {
    .index_interviewdrctr01 .bg03 {
        margin-top:calc(-180 / var(--break02));
    }
}
@media(max-width: 767px) {
    .index_interviewdrctr01 .bg03 {
        margin-top:calc(-90 / var(--break02));
        padding-top:calc(150 / var(--break02));
        padding-bottom:calc(50 / var(--break02));
        z-index:0;
    }

    .ttl_faq01.flex {
        align-items: center;
        padding-right:.5em;
    }
    .ttl_faq01 .q {
        font-size:1.25em;
    }
    .ttl_faq01 .ja {
        padding-left:var(--size20px);
        font-size: clamp(1em, 1.125em, 1.125em);
        line-height:1.44;
        letter-spacing: clamp(-0.05em, 0em, 0em);
        overflow-wrap: anywhere;     /* 最後の保険：はみ出し防止 */
        word-break: normal;          /* 変にぶった切らない */
        line-break: strict;          /* 句読点周りの禁則を強める */
    }

    .faq_wrap .txt01 {
        padding-left:3.2vw;
        padding-right:3.2vw;
    }
}

.box_msg01 {
    padding:calc(8 / var(--break02));
}
.box_msg01,
.box_msg01 .__in {
    border-radius:calc(190 / var(--break02));
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .box_msg01 .__in {
        padding:calc(30 / var(--break02)) calc(40 / var(--break02));
    }
}
@media(max-width: 767px) {
    .index_interviewdrctr01 .bg04 {
        background-image: url(./images/page/bg_ptn_check_50.png);
        background-position: left top;
        background-size: .55em auto;
        background-repeat: repeat;
    }
    .index_interviewdrctr01 .bg04:before {
        content:"";
        display:block;
        width:100%;
        height:75%;
        position: absolute; left:0; top:0;
        background-image: url(./images/page/bg_ptn_check_50.png);
        background-position: left top;
        background-size: .55em auto;
        background-repeat: repeat;
        background-color: var(--color16) !important;
    }
    .box_msg01 {
        padding:calc(8 / var(--break02));
        position: relative;
        transform:none;
        -webkit-transform:none;
    }
    .box_msg01,
    .box_msg01 .__in {
        border-radius:calc(150 / var(--break02));
    }
    .box_msg01 .__in {
        padding:calc(60 / var(--break02)) calc(40 / var(--break02));
    }
    .box_msg01 .__in .lead01 {
        margin-bottom:.75em;
    }
    .box_msg01 .__in .lead01 .ja {
        font-size:1.125em;
    }
    .box_msg01 .__in ._wrap {
        margin-bottom:1em;
    }
}

.deco_ribbon02:before {
    content:"";
    display:block;
    width:calc(176 / var(--break02));
    height:calc(32 / var(--break02));
    background: url(./images/index/bg_interviewdrctr_ribbon01.svg) center / contain no-repeat;
    position: absolute; left:calc(50% - 1.25em); top:50%;
    transform: translateX(-50%) translateY(-50%);
    z-index:-1;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .deco_ribbon02:before {
        width:calc(176 / var(--break02));
        height:calc(32 / var(--break02));
        left:calc(50% - .65em);
    }
    .deco_ribbon02 .en {
        font-size:calc(18 / var(--break02));
    }
}

.index_interviewdrctr01 .bg05 {
    padding-top:calc(250 / var(--break02));
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .index_interviewdrctr01 .bg05 {
        padding-top:calc(50 / var(--break02));
    }
}

.deco_ttl02 {
    background:url(images/index/img_interviewdrctr_underline02.svg) center bottom / calc(372 / var(--break02)) auto no-repeat;
}
.deco_ttl02:before{
    content:"";
    display:block;
    width:calc(52 / var(--break02));
    height:calc(53 / var(--break02));
    background: url(./images/index/img_interviewdrctr_underline01.svg) center / contain no-repeat;
    position: absolute; left:calc(50% + 372 / var(--break02) / 2) ; bottom:0;
    z-index:-1;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    figure.sensei01  {
        /* margin-top:calc(-100 / var(--break02)); */
    }
    figure.sensei01 > img {
        width:calc(522 / var(--break02));
        display:block;
        margin:0 auto 0;
    }
}
@media(max-width: 767px) {
    .deco_ttl02 {
        background:url(images/index/img_interviewdrctr_underline02_sp.svg) center bottom / calc(372 / var(--break02)) auto no-repeat;
        margin-bottom:calc(110 / var(--break02));
    }
    .deco_ttl02:before{
        left:calc(50% + 372 / var(--break02) / 2) ; bottom:0;
    }
    .deco_ttl02 .ja {
        font-size:1.125em;
    }

    figure.sensei01 {
        display:flex;
        flex-direction:column;
    }
    figure.sensei01 > img {
        order:2;
        width:calc(322 / var(--break02));
        display:block;
        margin:calc(140 / var(--break02)) auto 0;
    }
}

.sensei01 .clip {
    width:calc(355 / var(--break02));
    text-align:left;
}
.sensei01 .clip.c01 {
    left:calc(130 / var(--break02)); top:calc(65 / var(--break02));
}
.sensei01 .clip.c01:before {
    content:"";
    display:block;
    width:calc(81 / var(--break02));
    height:calc(54 / var(--break02));
    background: url(./images/index/bg_interviewdrctr_clip01.svg) center / contain no-repeat;
    position: absolute; left:50%; top:-1em;
    transform: translateX(-50%) translateY(-50%);
    z-index:1;
}
.sensei01 .clip.c01:after {
    content:"";
    display:block;
    width:100%;
    height:calc(50 / var(--break02));
    background:var(--color08) url(images/index/bg_interviewdrctr_triangle01.svg) left bottom / var(--size50px) auto no-repeat;
    position: absolute; left:0; top:calc(100% - 1px);
    --c: var(--size50px);
    clip-path: polygon(
        0 0,
        100% 0,
        100% 100%,
        var(--c) 100%,
        0 calc(100% - var(--c))
    );
}
.sensei01 .clip.c02 {
    right:calc(130 / var(--break02)); top:calc(40 / var(--break02));
}
.sensei01 .clip.c02:before {
    content:"";
    display:block;
    width:calc(46 / var(--break02));
    height:calc(62 / var(--break02));
    background: url(./images/index/bg_interviewdrctr_clip02.svg) center / contain no-repeat;
    position: absolute; right:var(--size20px); top:-.75em;
    z-index:1;
}
.sensei01 .clip.c02:after {
    content:"";
    display:block;
    width:100%;
    height:calc(50 / var(--break02));
    background:var(--color02) url(images/index/bg_interviewdrctr_triangle02.svg) right bottom / var(--size50px) auto no-repeat;
    position: absolute; right:0; top:calc(100% - 1px);
    --c: var(--size50px);
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - var(--c)),
        calc(100% - var(--c)) 100%,
        0 100%
    );
}
.sensei01 .clip.c03 {
    left:0; top:calc(385 / var(--break02));
}
.sensei01 .clip.c03:before {
    content:"";
    display:block;
    width:calc(46 / var(--break02));
    height:calc(62 / var(--break02));
    background: url(./images/index/bg_interviewdrctr_clip03.svg) center / contain no-repeat;
    position: absolute; right:var(--size20px); top:-.75em;
    z-index:1;
}
.sensei01 .clip.c03:after {
    content:"";
    display:block;
    width:100%;
    height:calc(50 / var(--break02));
    background:var(--color05) url(images/index/bg_interviewdrctr_triangle03.svg) right bottom / var(--size50px) auto no-repeat;
    position: absolute; right:0; top:calc(100% - 1px);
    --c: var(--size50px);
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - var(--c)),
        calc(100% - var(--c)) 100%,
        0 100%
    );
}
.sensei01 .clip.c04 {
    right:0; top:calc(385 / var(--break02));
}
.sensei01 .clip.c04:before {
    content:"";
    display:block;
    width:calc(81 / var(--break02));
    height:calc(54 / var(--break02));
    background: url(./images/index/bg_interviewdrctr_clip04.svg) center / contain no-repeat;
    position: absolute; left:50%; top:-1em;
    transform: translateX(-50%) translateY(-50%);
    z-index:1;
}
.sensei01 .clip.c04:after {
    content:"";
    display:block;
    width:100%;
    height:calc(50 / var(--break02));
    background:var(--color07) url(images/index/bg_interviewdrctr_triangle04.svg) left bottom / var(--size50px) auto no-repeat;
    position: absolute; right:0; top:calc(100% - 1px);
    --c: var(--size50px);
    clip-path: polygon(
        0 0,
        100% 0,
        100% 100%,
        var(--c) 100%,
        0 calc(100% - var(--c))
    );
}
.sensei01 .clip.c05 {
    left:calc(130 / var(--break02)); top:calc(700 / var(--break02));
}
.sensei01 .clip.c05:before {
    content:"";
    display:block;
    width:calc(46 / var(--break02));
    height:calc(62 / var(--break02));
    background: url(./images/index/bg_interviewdrctr_clip05.svg) center / contain no-repeat;
    position: absolute; left:var(--size20px); top:-.75em;
    z-index:1;
}
.sensei01 .clip.c05:after {
    content:"";
    display:block;
    width:100%;
    height:calc(50 / var(--break02));
    background:var(--color17) url(images/index/bg_interviewdrctr_triangle05.svg) right bottom / var(--size50px) auto no-repeat;
    position: absolute; right:0; top:calc(100% - 1px);
    --c: var(--size50px);
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - var(--c)),
        calc(100% - var(--c)) 100%,
        0 100%
    );
}
.sensei01 .clip.c06 {
    right:calc(130 / var(--break02)); top:calc(700 / var(--break02));
}
.sensei01 .clip.c06:before {
    content:"";
    display:block;
    width:calc(46 / var(--break02));
    height:calc(62 / var(--break02));
    background: url(./images/index/bg_interviewdrctr_clip06.svg) center / contain no-repeat;
    position: absolute; left:var(--size20px); top:-.75em;
    z-index:1;
}
.sensei01 .clip.c06:after {
    content:"";
    display:block;
    width:100%;
    height:calc(50 / var(--break02));
    background:var(--color04) url(images/index/bg_interviewdrctr_triangle06.svg) right bottom / var(--size50px) auto no-repeat;
    position: absolute; right:0; top:calc(100% - 1px);
    --c: var(--size50px);
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - var(--c)),
        calc(100% - var(--c)) 100%,
        0 100%
    );
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .sensei01 .clip {
        width:calc(295 / var(--break02));
        text-align:left;
    }
}
@media(max-width: 767px) {
    .sensei01 .clip {
        width:calc(100% - 6.4vw);
        text-align:left;
        padding:calc(60 / var(--break02)) calc(40 / var(--break02)) calc(40 / var(--break02));
        margin:0 auto;
    }
    .sensei01 .clip:not(:last-of-type) {
        margin-bottom:calc(145 / var(--break02));
    }
    .sensei01 .clip.c01 {
        position:relative; left:auto; right:auto; top:auto;
    }
    .sensei01 .clip.c01:before {
        width:calc(148 / var(--break02));
        height:calc(99 / var(--break02));
        top:-1em;
    }
    .sensei01 .clip.c01:after {
        height:calc(90 / var(--break02));
        background:var(--color08) url(images/index/bg_interviewdrctr_triangle01.svg) left bottom / var(--size90px) auto no-repeat;
        --c: var(--size90px);
    }
    .sensei01 .clip.c02 {
        position:relative; left:auto; right:auto; top:auto;
        padding-top:calc(100 / var(--break02));
    }
    .sensei01 .clip.c02:before {
        width:calc(85 / var(--break02));
        height:calc(115 / var(--break02));
        top:-.75em;
    }
    .sensei01 .clip.c02:after {
        height:calc(90 / var(--break02));
        background:var(--color02) url(images/index/bg_interviewdrctr_triangle02.svg) right bottom / var(--size90px) auto no-repeat;
        --c: var(--size90px);
    }
    .sensei01 .clip.c03 {
        position:relative; left:auto; right:auto; top:auto;
        padding-top:calc(100 / var(--break02));
    }
    .sensei01 .clip.c03:before {
        width:calc(85 / var(--break02));
        height:calc(115 / var(--break02));
        top:-.75em;
    }
    .sensei01 .clip.c03:after {
        height:calc(90 / var(--break02));
        background:var(--color05) url(images/index/bg_interviewdrctr_triangle03.svg) right bottom / var(--size90px) auto no-repeat;
        --c: var(--size90px);
    }
    .sensei01 .clip.c04 {
        margin-top:calc(60 / var(--break02));
        position:relative; left:auto; right:auto; top:auto;
    }
    .sensei01 .clip.c04:before {
        width:calc(148 / var(--break02));
        height:calc(99 / var(--break02));
        top:-1em;
    }
    .sensei01 .clip.c04:after {
        height:calc(90 / var(--break02));
        background:var(--color07) url(images/index/bg_interviewdrctr_triangle04.svg) left bottom / var(--size90px) auto no-repeat;
        --c: var(--size90px);
    }
    .sensei01 .clip.c05 {
        position:relative; left:auto; right:auto; top:auto;
        padding-top:calc(100 / var(--break02));
    }
    .sensei01 .clip.c05:before {
        width:calc(85 / var(--break02));
        height:calc(115 / var(--break02));
        top:-.75em;
    }
    .sensei01 .clip.c05:after {
        height:calc(90 / var(--break02));
        background:var(--color17) url(images/index/bg_interviewdrctr_triangle05.svg) right bottom / var(--size90px) auto no-repeat;
        --c: var(--size90px);
    }
    .sensei01 .clip.c06 {
        position:relative; left:auto; right:auto; top:auto;
        padding-top:calc(100 / var(--break02));
    }
    .sensei01 .clip.c06:before {
        width:calc(85 / var(--break02));
        height:calc(115 / var(--break02));
        top:-.75em;
    }
    .sensei01 .clip.c06:after {
        height:calc(90 / var(--break02));
        background:var(--color04) url(images/index/bg_interviewdrctr_triangle06.svg) right bottom / var(--size90px) auto no-repeat;
        --c: var(--size90px);
    }
}

.index_careerplans01 .bg01 {
    background-image:url(./images/index/bg_careerplans01.png);
    background-position:center top;
    background-size:cover;
    background-repeat:no-repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .index_careerplans01 .bg01 {
        background-image:url(./images/index/bg_careerplans01_sp.png);
        padding-bottom:0;
    }
    .index_careerplans01 .bg01:before {
        content:"";
        display:block;
        width:100%;
        height:calc(200 / var(--break02));
        position: absolute; left:0; bottom:0;
        background-size: .35em auto;
        background-image: url(./images/page/bg_pattern_stripe01_w_50.png);
        background-position: left top;
        background-size: auto;
        background-repeat: repeat;
        background-color: var(--color05) !important;
    }

    .ttl_block01 .ja {
        font-size:1.125em;
        letter-spacing:0;
    }
}

.career_ul01.col2 > li {
    width:48%;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .career_ul01.col2 {
        margin-top:calc(200 / var(--break02));
    }
    .career_ul01.col2 > li {
        width:100%;
        padding-left:3.2vw;
        padding-right:3.2vw;
    }
    .career_ul01.col2 > li:nth-of-type(n + 2) {
        margin-top:calc(180 / var(--break02));
    }
    .career_ul01.col2 > li figure {
        padding:0 3.2vw;
        margin-top:calc(-140 / var(--break02));
        margin-bottom:calc(50 / var(--break02));
    }

    .index_careerplans01 .bg01 .inner1500.mb400 {
        margin-bottom:calc(60 / var(--break02));
    }

}

.box.careerplans:before,
.box.careerplans:after {
    content:"";
    display:block;
    width:calc(239 / var(--break02));
    height:calc(173 / var(--break02));
    background: url(./images/index/bg_careerplans_deco01_l.svg) center / contain no-repeat;
    position: absolute; left:0; top:calc(75 / var(--break02));
    transform: translateX(-50%);
    z-index:1;
}
.box.careerplans:after {
    background: url(./images/index/bg_careerplans_deco01_r.svg) center / contain no-repeat;
    left:99.5%; top:auto; bottom:calc(100 / var(--break02));
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .box.careerplans {
        padding:calc(40 / var(--break02)) 3.2vw;
    }
    .box.careerplans .lead01 .ja {
        font-size:1.35em;
        letter-spacing:0;
    }
}
@media(max-width: 767px) {
    .box.careerplans {
        padding:calc(70 / var(--break02)) 3.2vw;
        position: relative;
        transform:none;
        -webkit-transform:none;
    }
    .box.careerplans:before,
    .box.careerplans:after {
        width:calc(121 / var(--break02));
        height:calc(87 / var(--break02));
        left:5%; top:-.25em;
    }
    .box.careerplans:after {
        background: url(./images/index/bg_careerplans_deco01_r.svg) center / contain no-repeat;
        left:95%; top:auto; bottom:-.125em;
    }
    .box.careerplans .lead01 .ja {
        font-size:1em;
        letter-spacing:0;
    }
    .box.careerplans figure img {
        max-width:unset;
    }
    .careerplans .js-scrollable > *:not(.scroll-hint-icon-wrap) {
        width:calc(900 / var(--break02));
    }
}

.ttl_bg01 {
    padding:.66em;
    border-radius:1.125em;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .ttl_bg01 {
        padding:.33em;

    }
    .ttl_bg01 .ja {
        font-size:1.125em;
        letter-spacing: 0;
    }
}

.index_careerplans01 .bg02 {
    padding-top:calc(330 / var(--break02));
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .index_careerplans01 .bg02 {
        padding-top:calc(60 / var(--break02));
    }
}

.btns_ul01.col3 > li {
    width:32.25%;
    margin-left:1.625%;
}
.btns_ul01.col3 > li:nth-of-type(3n + 1) {
    margin-left:0;
}
.btns_ul01.col3 > li:nth-of-type(n + 4) {
    margin-top:var(--size35px);
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .btns_ul01.col3 > li img {
        width:calc(55 / var(--break02));
    }
    .btns_ul01.col3 > li .ja {
        font-size:calc(26 / var(--break02));
        line-height:1.3;
        letter-spacing: 0;
    }
}
@media(max-width: 767px) {
    .btns_ul01.col3.flex {
        justify-content: space-between;
        padding-left:3.2vw;
        padding-right:3.2vw;
    }
    .btns_ul01.col3 > li {
        width:calc(310 / var(--break02));
        margin-left:0;
    }
    .btns_ul01.col3 > li:nth-of-type(n + 3),
    .btns_ul01.col3 > li:nth-of-type(n + 4) {
        margin-top:var(--size40px);
    }
    .btns_ul01.col3 > li a {
        padding:calc(20 / var(--break02)) calc(30 / var(--break02));
        gap: calc(20 / var(--break02)) calc(30 / var(--break02));
        max-height:calc(100 / var(--break02));
    }
    .btns_ul01.col3 > li img {
        width:calc(65 / var(--break02));
    }
    .btns_ul01.col3 > li .ja {
        font-size:calc(26 / var(--break02));
        line-height:1.46;
    }
}

.ttl_bg02 .ja:before,
.ttl_bg02 .ja:after {
    content:"";
    display:block;
    width:calc(790 / var(--break02));
    height:100%;
    background-color: rgba(var(--color18rgb),.4);
    border-radius:var(--size30px);
    position: absolute; left:0; top:0;
    z-index:-1;
}
.ttl_bg02 .ja:after {
    left:auto; right:0;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .ttl_bg02 {
        border-radius:var(--size60px);
    }
    .ttl_bg02 .ja:before,
    .ttl_bg02 .ja:after {
        width:calc(500 / var(--break02));
    }
    .ttl_bg02 .ja {
        padding:.35em 0;
        font-size:1.125em;
        letter-spacing: 0;
    }
}

.steps_ul01.col3 > li {
    width:31.66%;
    margin-left:2.51%;
    border-bottom-right-radius:var(--size50px);
}
.steps_ul01.col3 > li:nth-of-type(3n + 1) {
    margin-left:0;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .steps_ul01.col3.flex {
        flex-wrap: wrap;
        padding-left:3.2vw;
        padding-right:3.2vw;
    }
    .steps_ul01.col3 > li {
        width:100%;
        margin-left:0;
    }
    .steps_ul01.col3 > li:nth-of-type(n + 2) {
        margin-top:1em;
    }
    .steps_ul01.col3 > li ._in {
        padding-top:calc(20 / var(--break02));
    }
    .steps_ul01.col3 > li .ttl {
        border-top-width:2px;
    }
    .steps_ul01.col3 > li .ttl .ja {
        font-size:1.125em;
        letter-spacing: 0;
    }
}

.index_interview01 .bg02 {
    padding-top:calc(250 / var(--break02));
    background:url(./images/index/bg_interview_deco01_l.svg) left var(--size30px) top var(--size60px) / calc(310 / var(--break02)) auto no-repeat;
}
.index_interview01 .bg02:before {
    content:"";
    display:block;
    width:calc(310 / var(--break02));
    height:calc(223 / var(--break02));
    background: url(./images/index/bg_interview_deco01_r.svg) center / contain no-repeat;
    position: absolute; right:var(--size30px); bottom:calc(-100 / var(--break02));
    z-index:-1;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .index_interview01 .bg02 {
        padding-top:calc(250 / var(--break02));
        background:url(./images/index/bg_interview_deco01_l.svg) left 0 top var(--size20px) / calc(310 / var(--break02)) auto no-repeat;
    }
    .index_interview01 .bg02:before {
        right:0; bottom:calc(-10 / var(--break02));
        z-index:-1;
    }
}

.interview_type_ul01.col3 > li {
    width:32%;
    margin-left:2%;
}
.interview_type_ul01.col3 > li:nth-of-type(3n + 1) {
    margin-left:0;
}
.interview_type_ul01.col3 > li .turn_up {
    margin:auto;
    text-align: center;
}
.interview_type_ul01.col3 > li a {
    width:calc(400 / var(--break02));
    max-width: 100%;
    margin-left:auto;
    margin-right:auto;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .interview_type_ul01.col3 > li figure img {
        width:calc(300 / var(--break02));
    }
    .interview_type_ul01.col3 > li figcaption {
        padding-top:calc(180 / var(--break02));
    }
    .interview_type_ul01.col3 > li a .ja {
        font-size:1.25em;
        letter-spacing: 0;
    }
    .interview_type_ul01.col3 > li a .arw {
        width:calc(25 / var(--break02));
    }
}
@media(max-width: 767px) {
    .interview_type_ul01.col3.flex {
        padding-left:3.2vw;
        padding-right:3.2vw;
    }
    .interview_type_ul01.col3 > li {
        width:100%;
        margin-left:0;
    }
    .interview_type_ul01.col3 > li:nth-of-type(n + 2) {
        margin-top:calc(210 / var(--break02));
    }
    .interview_type_ul01.col3 > li .turn_up {
        margin:auto;
        text-align: center;
    }
    .interview_type_ul01.col3 > li figure img {
        width:calc(340 / var(--break02));
    }
    .interview_type_ul01.col3 > li figcaption {
        padding-top:calc(210 / var(--break02));
    }
    .interview_type_ul01.col3 > li a {
        width:100%;
        max-width: 100%;
    }
    .interview_type_ul01.col3 > li a .ja {
        font-size:1em;
        letter-spacing: 0;
    }
    .interview_type_ul01.col3 > li a .arw {
        width:calc(35 / var(--break02));
    }
}

.index_interview01 .interviewd.row01 .col.noshrink:after {
    content:"";
    display:block;
    width:calc(1248 / var(--break02));
    height:calc(80 / var(--break02));
    background: url(./images/index/index_interview01_en.svg) center / contain no-repeat;
    position: absolute; left:calc(160 / var(--break02)); bottom:var(--size30px);
    z-index:1;
}
.index_interview01 .nameplate01 {
    position: absolute; left:calc(50% - (280 / var(--break02))); top:calc(50% - var(--size30px));
	transform: translateX(-50%) translateY(-50%);
	z-index:1;
}
.index_interview01 .nameplate01:before {
    content:"";
    display:block;
    width:calc(645 / var(--break02));
    height:calc(186 / var(--break02));
    background: url(./images/index/index_interview_nameplate01.svg) center / contain no-repeat;
    position: absolute; left:50%; top:50%;
    transform: translateX(-50%) translateY(-50%);
    z-index:-1;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .index_interview01 .nameplate01:before {
        width:calc(462 / var(--break02));
        height:calc(143 / var(--break02));
        background: url(./images/index/index_interview_nameplate01_sp.svg) center / contain no-repeat;
    }
}
@media(max-width: 767px) {
    .index_interview01 .interviewd.row01 .col.noshrink:after {
        width:calc(464 / var(--break02));
        height:calc(132 / var(--break02));
        background: url(./images/index/index_interview01_en_sp.svg) center / contain no-repeat;
        position: absolute; left:calc(70 / var(--break02)); bottom:var(--size30px);
    }
    .index_interview01 .nameplate01 {
        position: absolute; left:calc(50% - (75 / var(--break02))); top:50%;
    }
    .index_interview01 .nameplate01:before {
        width:calc(462 / var(--break02));
        height:calc(143 / var(--break02));
        background: url(./images/index/index_interview_nameplate01_sp.svg) center / contain no-repeat;
    }
    .interviewd.row01.mgmm1530 {
        position:relative;
	    z-index:1;
    }
}

.index_interview01 .interviewd.row01.red2 .col.noshrink:after {
    width:calc(1005 / var(--break02));
    height:calc(80 / var(--break02));
    background: url(./images/index/index_interview09_en.svg) center / contain no-repeat;
}
.index_interview01 .interviewd.row01.blue .col.noshrink:after {
    width:calc(373 / var(--break02));
    height:calc(80 / var(--break02));
    background: url(./images/index/index_interview04_en.svg) center / contain no-repeat;
}
.index_interview01 .interviewd.row01.blue2 .nameplate01:before,
.index_interview01 .interviewd.row01.blue .nameplate01:before {
    background: url(./images/index/index_interview_nameplate01_blue.svg) center / contain no-repeat;
}
.index_interview01 .interviewd.row01.blue2 .col.noshrink:after {
    width:calc(930 / var(--break02));
    height:calc(80 / var(--break02));
    background: url(./images/index/index_interview08_en.svg) center / contain no-repeat;
}
.index_interview01 .interviewd.row01.orange .col.noshrink:after {
    width:calc(625 / var(--break02));
    height:calc(80 / var(--break02));
    background: url(./images/index/index_interview07_en.svg) center / contain no-repeat;
}
.index_interview01 .interviewd.row01.orange .nameplate01:before {
    background: url(./images/index/index_interview_nameplate01_orange.svg) center / contain no-repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .index_interview01 .interviewd.row01.red2 .nameplate01 {
        left:calc(50% - (75 / var(--break02)));
    }
    .index_interview01 .interviewd.row01.red2 .col.noshrink:after {
        width:calc(465 / var(--break02));
        height:calc(132 / var(--break02));
        background: url(./images/index/index_interview09_en_sp.svg) center / contain no-repeat;
    }
    .index_interview01 .interviewd.row01.blue .col.noshrink:after {
        width:calc(373 / var(--break02));
        height:calc(80 / var(--break02));
        background: url(./images/index/index_interview04_en_sp.svg) center / contain no-repeat;
    }
    .index_interview01 .interviewd.row01.blue .nameplate01 {
        left:calc(50% - (75 / var(--break02))); top:calc(50% + (45 / var(--break02)));
    }
    .index_interview01 .interviewd.row01.blue2 .nameplate01:before,
    .index_interview01 .interviewd.row01.blue .nameplate01:before {
        background: url(./images/index/index_interview_nameplate01_blue_sp.svg) center / contain no-repeat;
    }
    .index_interview01 .interviewd.row01.blue2 .nameplate01 {
        left:calc(50% - (75 / var(--break02))); top:calc(50% - (70 / var(--break02)));
    }
    .index_interview01 .interviewd.row01.blue2 .col.noshrink:after {
        width:calc(553 / var(--break02));
        height:calc(199 / var(--break02));
        background: url(./images/index/index_interview08_en_sp.svg) center / contain no-repeat;
    }
    .index_interview01 .interviewd.row01.orange .col.noshrink:after {
        width:calc(625 / var(--break02));
        height:calc(80 / var(--break02));
        background: url(./images/index/index_interview07_en_sp.svg) center / contain no-repeat;
    }
    .index_interview01 .interviewd.row01.orange .nameplate01 {
        left:calc(50% - (75 / var(--break02))); top:calc(50% + (45 / var(--break02)));
    }
    .index_interview01 .interviewd.row01.orange .nameplate01:before {
        background: url(./images/index/index_interview_nameplate01_orange_sp.svg) center / contain no-repeat;
    }
}

.index_interview01 .bg12a,
.index_interview01 .bg11a,
.index_interview01 .bg10a,
.index_interview01 .bg09a,
.index_interview01 .bg08a,
.index_interview01 .bg07a,
.index_interview01 .bg06a,
.index_interview01 .bg05a,
.index_interview01 .bg04a,
.index_interview01 .bg03a {
    z-index:-1;
    margin-top:calc(-80 / var(--break02));
    padding-top:calc(140 / var(--break02));
    padding-bottom:calc(250 / var(--break02));
}
.index_interview01 .bg12c,
.index_interview01 .bg11c,
.index_interview01 .bg10c,
.index_interview01 .bg09c,
.index_interview01 .bg08c,
.index_interview01 .bg07c,
.index_interview01 .bg06c,
.index_interview01 .bg05c,
.index_interview01 .bg04c,
.index_interview01 .bg03c {
    padding-top:calc(260 / var(--break02));
    padding-bottom:calc(80 / var(--break02));
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .index_interview01 .bg12a,
    .index_interview01 .bg11a,
    .index_interview01 .bg10a,
    .index_interview01 .bg09a,
    .index_interview01 .bg08a,
    .index_interview01 .bg07a,
    .index_interview01 .bg06a,
    .index_interview01 .bg05a,
    .index_interview01 .bg04a,
    .index_interview01 .bg03a {
        margin-top:calc(-180 / var(--break02));
    }
}
@media(max-width: 767px) {
    .index_interview01 .bg12a,
    .index_interview01 .bg11a,
    .index_interview01 .bg10a,
    .index_interview01 .bg09a,
    .index_interview01 .bg08a,
    .index_interview01 .bg07a,
    .index_interview01 .bg06a,
    .index_interview01 .bg05a,
    .index_interview01 .bg04a,
    .index_interview01 .bg03a {
        z-index:-1;
        padding-bottom:calc(50 / var(--break02));
    }
    .index_interview01 .bg12b,
    .index_interview01 .bg11b,
    .index_interview01 .bg10b,
    .index_interview01 .bg09b,
    .index_interview01 .bg08b,
    .index_interview01 .bg07b,
    .index_interview01 .bg06b,
    .index_interview01 .bg05b,
    .index_interview01 .bg04b,
    .index_interview01 .bg03b {
        background-image: url(./images/page/bg_ptn_check_50.png);
        background-position: left top;
        background-size: .55em auto;
        background-repeat: repeat;
    }
    .index_interview01 .bg12b:before,
    .index_interview01 .bg11b:before,
    .index_interview01 .bg10b:before,
    .index_interview01 .bg09b:before,
    .index_interview01 .bg08b:before,
    .index_interview01 .bg07b:before,
    .index_interview01 .bg06b:before,
    .index_interview01 .bg05b:before,
    .index_interview01 .bg04b:before,
    .index_interview01 .bg03b:before {
        content:"";
        display:block;
        width:100%;
        height:90%;
        position: absolute; left:0; top:0;
        background-image: url(./images/page/bg_ptn_check_50.png);
        background-position: left top;
        background-size: .55em auto;
        background-repeat: repeat;
        background-color: var(--color08) !important;
    }
    .index_interview01 .bg10b:before,
    .index_interview01 .bg06b:before {
        background-color: var(--color05) !important;
    }
    .index_interview01 .bg09b:before,
    .index_interview01 .bg08b:before,
    .index_interview01 .bg07b:before {
        background-color: var(--color07) !important;
    }
    .index_interview01 .bg12c,
    .index_interview01 .bg11c,
    .index_interview01 .bg10c,
    .index_interview01 .bg09c,
    .index_interview01 .bg08c,
    .index_interview01 .bg07c,
    .index_interview01 .bg06c,
    .index_interview01 .bg05c,
    .index_interview01 .bg04c,
    .index_interview01 .bg03c {
        z-index:-1;
        padding-top:calc(60 / var(--break02));
        padding-bottom:calc(80 / var(--break02));
    }
}

.timeschedule_ul01.col1 > li:not(:last-of-type) {
    margin-bottom:var(--size25px);
}
.timeschedule_ul01 .head_wrap {
    border-top-right-radius:var(--size35px);
    border-bottom-right-radius:var(--size35px);
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .box_timeschedule01.rnd {
        border-radius: var(--size60px);
        padding:calc(80 / var(--break02)) 3.2vw calc(60 / var(--break02));
    }
    .box_timeschedule01 .ttl {
        margin-bottom:calc(60 / var(--break02));
    }
    .box_timeschedule01 .ttl .en {
        font-size:calc(60 / var(--break02));
    }
    .timeschedule_ul01.col1 > li.flex {
        align-items: center;
    }
    .timeschedule_ul01.col1 > li:not(:last-of-type) {
        margin-bottom:var(--size25px);
    }
    .timeschedule_ul01 .head_wrap {
        border-top-right-radius:var(--size35px);
        border-bottom-right-radius:var(--size35px);
        padding:calc(15 / var(--break02)) calc(35 / var(--break02));
    }
    .timeschedule_ul01.col1 > li .time {
        font-size:1em;
    }
    .timeschedule_ul01.col1 > li .ja {
        padding:0;
        padding-left:1em;
        font-size:calc(26 / var(--break02));
    }
}

.btn03.arw01 span:after {
	content: "";
	position: absolute;
	border-left: calc(8 / 1920 * 100vw) solid #555;
	border-top: calc(8 / 1920 * 100vw) solid transparent;
	border-bottom: calc(8 / 1920 * 100vw) solid transparent;
	bottom: calc(2 / 1920 * 100vw);
	right: calc(6 / 1920 * 100vw);
	width: 0;
	height: 0;
	transform: rotate(45deg);
	transition: .3s;
}
.btn03.arw01 span:hover:after {
	border-left-color: #fff;
	transition: .3s;
}
@media(min-width: 768px) and (max-width:1599px) {
	.btn03.arw01 span:after {
		border-left-width: calc(8 / 1599 * 100vw);
		border-top-width: calc(8 / 1599 * 100vw);
		border-bottom-width: calc(8 / 1599 * 100vw);
		bottom: calc(2 / 1599 * 100vw);
		right: calc(6 / 1599 * 100vw);
	}
}
@media(min-width: 768px) and (max-width:1299px) {
	.btn03.arw01 span:after {
		border-left-width: calc(8 / 1299 * 100vw);
		border-top-width: calc(8 / 1299 * 100vw);
		border-bottom-width: calc(8 / 1299 * 100vw);
		bottom: calc(2 / 1299 * 100vw);
		right: calc(6 / 1299 * 100vw);
	}
}
@media(max-width: 767px) {
	.btn03.arw01 span:after {
		border-left-width: calc(14 / 750*100vw);
		border-top-width: calc(14 / 750*100vw);
		border-bottom-width: calc(14 / 750*100vw);
		right: 1vw;
		bottom: 0;
	}

    ._btn_wrap {
        padding-left:6.4vw;
        padding-right:6.4vw;
    }
    .btn03 {
        width:100%;
    }
    .btn03 .ja {
        font-size:1em;
        padding:.75em 0;
    }
}

.index_flow01 .bg01 {
    background-image:url(./images/index/bg_flow01.png);
    background-position:center top;
    background-size:cover;
    background-repeat:no-repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .index_flow01 .bg01 {
        background-image:url(./images/index/bg_flow01_sp.png);
        padding:calc(135 / var(--break02)) 0 calc(90 / var(--break02));
    }
}

.flow_ul01.col4 > li {
    width:23.33%;
    margin-left:2.22%;
}
.flow_ul01.col4 > li:nth-of-type(4n + 1) {
    margin-left:0;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .flow_ul01.col4.flex {
        flex-wrap: wrap;
        padding-left:6.4vw;
        padding-right:6.4vw;
    }
    .flow_ul01.col4 > li {
        width:100%;
        margin-left:0;
    }
    .flow_ul01.col4 > li:nth-of-type(4n + 1) {
        margin-left:0;
    }
    .flow_ul01.col4 > li:nth-of-type(n + 2) {
        margin-top:calc(50 / var(--break02));
    }
    .flow_ul01.col4 > li .lead01 .ja {
        font-size:1.25em;
    }

    .flow_ul01.col4 .balloon01.right:after {
        content:"";
        border-width: .88em .88em 0 .88em;
        border-color: var(--color20) transparent transparent transparent;
        position:absolute; left:50%; top:calc(100% - 1px);
        transform: translateX(-50%);
    }

    .flow_ul01.col4 + .txt01 {
        text-align: left;
        padding-left:3.2vw;
        padding-right:3.2vw;
        line-height: 1.6;
    }
}

.ttl_block02:before,
.ttl_block02:after {
    content:"";
    display:block;
    width:calc(8 / var(--break02));
    height:calc(8 / var(--break02));
    background:rgba(var(--color20rgb),.5);
    border-radius: 50%;
    position: absolute; left:calc(8 / var(--break02)); top:50%;
    transform: translateY(-50%);
    z-index:1;
}
.ttl_block02:after {
    left:auto; right:calc(8 / var(--break02));
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .ttl_block02 {
        padding:.5em;
    }
    .ttl_block02:before,
    .ttl_block02:after {
        width:calc(10 / var(--break02));
        height:calc(10 / var(--break02));
        left:calc(28 / var(--break02));
    }
    .ttl_block02:after {
        left:auto; right:calc(28 / var(--break02));
    }
    .ttl_block02 .en {
        font-size:1em;
    }

    .index_recruit01 .bg02 .inner.mb90 {
        margin-bottom:calc(60 / var(--break02));
    }
}

#entry_form .tbl_form01 .require span::after {
    background-color: var(--color19);
}
#entry_form .tbl_form01 td input,
#entry_form .tbl_form01 td textarea {
    background-color: var(--color20);
}
#entry_form .tbl_form01 .box_form {
    border-radius:var(--size65px);
    background-color:var(--color20);
}
#entry_form .btn_submit {
    max-width: calc(300 / var(--break) * 100vw );
}
#entry_form .btn_submit::before {
    display:none;
}
#entry_form .btn_submit:after {
    content: "";
    position: absolute;
    border-left: calc(8 / var(--break) * 100vw) solid var(--color21);
    border-top: calc(8 / var(--break) * 100vw) solid transparent;
    border-bottom: calc(8 / var(--break) * 100vw) solid transparent;
    bottom: calc(2 / var(--break) * 100vw);
    right: calc(6 / var(--break) * 100vw);
    width: 0;
    height: 0;
    transform: rotate(45deg);
    transition: .3s;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .tbl_form01 .require span::after {
        position:static;
        margin-left:.5em;
        margin-bottom:.5em;
    }
    #entry_form .tbl_form01 .box_form {
        border-radius:var(--size30px);
    }
    #entry_form .btn_submit {
        max-width: calc(610 / var(--break) * 100vw );
    }
}

#entry_form .btn_submit input:disabled {
    background: #ddd;
    cursor: not-allowed;
}
#entry_form .btn_submit input {
    font-weight: 500;
    color: var(--color21);
    background:var(--color20);
    border:1px solid var(--color21);
    padding: calc(17 / var(--break) * 100vw ) calc(5 / var(--break) * 100vw ) calc(20 / var(--break) * 100vw );
    box-shadow: var(--size5px) var(--size5px) 0 .025em var(--color21), var(--size5px) var(--size5px) 0 .025em var(--color21);
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    #entry_form .btn_submit input {
        padding:1em 0 !important;
    }
    #entry_form .btn_submit:after {
        border-left: calc(20 / var(--break) * 100vw) solid var(--color21);
        border-top: calc(20 / var(--break) * 100vw) solid transparent;
        border-bottom: calc(20 / var(--break) * 100vw) solid transparent;
        bottom: calc(-2 / var(--break) * 100vw);
        right: calc(6 / var(--break) * 100vw);
    }
}

.index_clinic01 .bg01 {
    background-image:url(./images/index/bg_clinic01.png);
    background-position:center top;
    background-size:cover;
    background-repeat:no-repeat;
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {}
@media(max-width: 767px) {
    .index_clinic01 .bg01 {
        background-image:url(./images/index/bg_clinic01_sp.png);
        background-position:center top;
        background-size:cover;
        background-repeat:no-repeat;
    }
    .index_clinic01 .bg01 .ttl_bdr02 .en {
        padding-bottom:0;
    }
}

.slick-initialized .slick-slide { opacity: 1; }
.slick-slide {
    opacity: 0;
    transition: all .3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slick-initialized .slick-slide {
    margin:0 .5em;
}
.slick-initialized .slick-slide:nth-of-type(2n + 1) {
    margin-top:var(--size50px);
}
@media(min-width: 1921px) {}
@media(min-width: 768px) and (max-width:1599px) {}
@media(min-width: 768px) and (max-width:1299px) {
    .slick-initialized .slick-slide {
        margin:0 .5em;
        width:calc(380 / var(--break02));
    }
}
@media(max-width: 767px) {
    .slick-initialized .slick-slide {
        margin:0 .5em;
        width:calc(380 / var(--break02));
    }
}
.grecaptcha-badge { visibility: hidden; }