@charset "utf-8";
/* Theme Name: res */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap');
html, body {
	font-size: 20px;
	line-height: 2;
	color: #333333;
	letter-spacing: .1em;
	font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
img {
	max-width: 100%;
	height: auto;
}
li {
	list-style: none;
}
a {
	color: inherit;
}
.txt_link {
	color: #a47c84;
}
:root {
	--guideline-color: #a47c84;
}
a:hover {
	opacity: .85;
	transition: .3s;
}
.inner,.inner900,.inner1000,.inner1240,.inner1340,.inner1500
{
	max-width: calc(1200px + 10%);
	width: 100%;
	margin: 0 auto;
	padding: 0 5%;
}
.inner900 {
	max-width: calc(900px + 10%);
}
.inner1000 {
	max-width: calc(1000px + 10%);
}
.inner1240 {
	max-width: calc(1240px + 10%);
}
.inner1340 {
	max-width: calc(1340px + 10%);
}
.inner1500 {
	max-width: calc(1500px + 10%);
}
table{
	table-layout: fixed;
}
td input{
	max-width: 100%;
}
.map{
	position: relative;
	width: 100%;
	padding: 500px 0 0 0;
	overflow: hidden;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: -150px;
	height: calc(100% + 150px);
}
a[href^="tel:"] {
	cursor: default;
}
a[href^="tel:"]:hover {
	opacity: 1;
}
.slick-slide {
	outline: 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; }
.noshrink       { flex: 0 0 auto; }
.grow           { flex: 1 1 auto; }

.txt_center { text-align: center; }
.txt_right { text-align: right; }

.mgn_a {
	margin-left: auto;
	margin-right: auto;
}
.no_bdb {
	border-bottom: none!important;
	padding-bottom: 0!important;
}
.mgn_l { margin-left: auto; }
.mgn_r { margin-right: auto; }
.no_mgn { margin-bottom: 0!important;}
.mb5    { margin-bottom:  5px; }
.mb10   { margin-bottom: 10px; }
.mb15   { margin-bottom: 15px; }
.mb20   { margin-bottom: 20px; }
.mb25   { margin-bottom: 25px; }
.mb30   { margin-bottom: 30px; }
.mb35   { margin-bottom: 35px; }
.mb40   { margin-bottom: 40px; }
.mb45   { margin-bottom: 45px; }
.mb50   { margin-bottom: 50px; }
.mb55   { margin-bottom: 55px; }
.mb60   { margin-bottom: 60px; }
.mb65   { margin-bottom: 65px; }
.mb70   { margin-bottom: 70px; }
.mb75   { margin-bottom: 75px; }
.mb80   { margin-bottom: 80px; }
.mb85   { margin-bottom: 85px; }
.mb90   { margin-bottom: 90px; }
.mb95   { margin-bottom: 95px; }
.mb100  { margin-bottom:100px; }
.mb105  { margin-bottom:105px; }
.mb110  { margin-bottom:110px; }
.mb115  { margin-bottom:115px; }
.mb120  { margin-bottom:120px; }
.mb125  { margin-bottom:125px; }
.mb130  { margin-bottom:130px; }
.mb135  { margin-bottom:135px; }
.mb140  { margin-bottom:140px; }
.mb145  { margin-bottom:145px; }
.mb150  { margin-bottom:150px; }
.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; }
@media(min-width: 785px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
	.slick-slide img,
	#sb_instagram .sbi_photo_wrap
	{
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}
}
.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; }
@media(min-width: 785px) and (max-width:977px) {
	.pc_only {
		display: none;
	}
	.tb_only {
		display: inherit;
	}
	.sp_only {
		display: none;
	}
	.tb_pc {
		display: inherit;
	}
	.sp_tb {
		display: inherit;
	}
}
@media(max-width: 784px) {
	html, body {
		font-size: 4.27vw;
		letter-spacing: 0;
	}
	.inner,.inner900,.inner1000,.inner1240,.inner1340,.inner1500 {
		padding: 0 3.2vw;
	}
	.pc_only {
		display: none;
	}
	.tb_only {
		display: none;
	}
	.sp_only {
		display: inherit;
	}
	.tb_pc {
		display: none;
	}
	.sp_tb {
		display: inherit;
	}
	.map {
		padding-top: calc(500 / 750 * 100vw);
	}

	.mb5   { margin-bottom: calc( 5  / 750 * 100vw); }
	.mb10  { margin-bottom: calc( 10 / 750 * 100vw); }
	.mb15  { margin-bottom: calc( 15 / 750 * 100vw); }
	.mb20  { margin-bottom: calc( 20 / 750 * 100vw); }
	.mb25  { margin-bottom: calc( 25 / 750 * 100vw); }
	.mb30  { margin-bottom: calc( 30 / 750 * 100vw); }
	.mb35  { margin-bottom: calc( 35 / 750 * 100vw); }
	.mb40  { margin-bottom: calc( 40 / 750 * 100vw); }
	.mb45  { margin-bottom: calc( 45 / 750 * 100vw); }
	.mb50  { margin-bottom: calc( 50 / 750 * 100vw); }
	.mb55  { margin-bottom: calc( 55 / 750 * 100vw); }
	.mb60  { margin-bottom: calc( 60 / 750 * 100vw); }
	.mb65  { margin-bottom: calc( 65 / 750 * 100vw); }
	.mb70  { margin-bottom: calc( 70 / 750 * 100vw); }
	.mb75  { margin-bottom: calc( 75 / 750 * 100vw); }
	.mb80  { margin-bottom: calc( 80 / 750 * 100vw); }
	.mb85  { margin-bottom: calc( 85 / 750 * 100vw); }
	.mb90  { margin-bottom: calc( 90 / 750 * 100vw); }
	.mb95  { margin-bottom: calc( 95 / 750 * 100vw); }
	.mb100 { margin-bottom:calc(100 / 750 * 100vw); }
	.mb105 { margin-bottom:calc(105 / 750 * 100vw); }
	.mb110 { margin-bottom:calc(110 / 750 * 100vw); }
	.mb115 { margin-bottom:calc(115 / 750 * 100vw); }
	.mb120 { margin-bottom:calc(120 / 750 * 100vw); }
	.mb125 { margin-bottom:calc(125 / 750 * 100vw); }
	.mb130 { margin-bottom:calc(130 / 750 * 100vw); }
	.mb135 { margin-bottom:calc(135 / 750 * 100vw); }
	.mb140 { margin-bottom:calc(140 / 750 * 100vw); }
	.mb145 { margin-bottom:calc(145 / 750 * 100vw); }
	.mb150 { margin-bottom:calc(150 / 750 * 100vw); }
	.txt_width {
		max-width: calc(646 / 750*100vw);
		margin-left: auto;
		margin-right: auto;
	}
}

.matisse {
	font-family: fot-matisse-pron, sans-serif;
	font-weight: 500;
	font-style: normal;
}
.arno {
	font-family: arno-pro, serif;
	font-weight: 400;
	font-style: normal;
}
@media all and (-ms-high-contrast: none) {
    /* IE10 以降にのみ適用される */
    .matisse {
        font-family: serif;
    }
    /*.arno {
        font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    }*/
}

::selection,
::-webkit-selection,
::-moz-selection { background: #a47c84; /* select color */ }

.tc_c01 { color:#5c91a9 }
.bc_c01 { border-color:#5c91a9; }
.bgc_c01 { background-color:#5c91a9; }
.tc_c01.mod1 { color:#193446 }
.bc_c01.mod1 { border-color:#193446; }
.bgc_c01.mod1 { background-color:#193446; }
.tc_c01.mod2 { color:#758590 }
.bc_c01.mod2 { border-color:#758590; }
.bgc_c01.mod2 { background-color:#758590; }
.tc_c01.mod3 { color:#475d6b }
.bc_c01.mod3 { border-color:#475d6b; }
.bgc_c01.mod3 { background-color:#475d6b; }
.tc_c01.mod4 { color:#445a68 }
.bc_c01.mod4 { border-color:#445a68; }
.bgc_c01.mod4 { background-color:#445a68; }
.tc_c02 { color:#333333 }
.bc_c02 { border-color:#333333; }
.bgc_c02 { background-color:#333333; }
.tc_c03 { color:#727071 }
.bc_c03 { border-color:#727071; }
.bgc_c03 { background-color:#727071; }
.tc_c04 { color:#73945f }
.bc_c04 { border-color:#73945f; }
.bgc_c04 { background-color:#73945f; }
.tc_c04.mod1 { color:#f1f4ef }
.bc_c04.mod1 { border-color:#f1f4ef; }
.bgc_c04.mod1 { background-color:#f1f4ef; }
.tc_c05 { color:#857756 }
.bc_c05 { border-color:#857756; }
.bgc_c05 { background-color:#857756; }
.tc_c05.mod1 { color:#e7e4dd }
.bc_c05.mod1 { border-color:#e7e4dd; }
.bgc_c05.mod1 { background-color:#e7e4dd; }
.tc_c06 { color:#91acbd }
.bc_c06 { border-color:#91acbd; }
.bgc_c06 { background-color:#91acbd; }
.tc_c06.mod1 { color:#e9eef2 }
.bc_c06.mod1 { border-color:#e9eef2; }
.bgc_c06.mod1 { background-color:#e9eef2; }
.tc_c06.mod2 { color:#f4f7f8 }
.bc_c06.mod2 { border-color:#f4f7f8; }
.bgc_c06.mod2 { background-color:#f4f7f8; }
.tc_c07 { color:#a47c84 }
.bc_c07 { border-color:#a47c84; }
.bgc_c07 { background-color:#a47c84; }
.bgc_c07:before { background-color:#a47c84; }
.tc_c07.mod1 { color:#ede5e6 }
.bc_c07.mod1 { border-color:#ede5e6; }
.bgc_c07.mod1 { background-color:#ede5e6; }
.bgc_c07.mod1:before { background-color:#ede5e6; }
.tc_c07.mod2 { color:#c8b0b5 }
.bc_c07.mod2 { border-color:#c8b0b5; }
.bgc_c07.mod2 { background-color:#c8b0b5; }
.bgc_c07.mod2:before { background-color:#c8b0b5; }
.tc_c07.mod3 { color:#b6969d }
.bc_c07.mod3 { border-color:#b6969d; }
.bgc_c07.mod3 { background-color:#b6969d; }
.bgc_c07.mod3:before { background-color:#b6969d; }
.tc_c07.mod4 { color:#f6f2f2 }
.bc_c07.mod4 { border-color:#f6f2f2; }
.bgc_c07.mod4 { background-color:#f6f2f2; }
.tc_c08 { color:#a9a088 }
.bc_c08 { border-color:#a9a088; }
.bgc_c08 { background-color:#a9a088; }
.tc_c09 { color:#d21919 }
.bc_c09 { border-color:#d21919; }
.bgc_c09 { background-color:#d21919; }
.tc_c10 { color:#d28019 }
.bc_c10 { border-color:#d28019; }
.bgc_c10 { background-color:#d28019; }
.tc_c10.mod1 { color:#f6e6d1 }
.bc_c10.mod1 { border-color:#f6e6d1; }
.bgc_c10.mod1 { background-color:#f6e6d1; }
.tc_c11 { color:#e88201 }
.bc_c11 { border-color:#e88201; }
.bgc_c11 { background-color:#e88201; }
.tc_c12 { color:#f1c133 }
.bc_c12 { border-color:#f1c133; }
.bgc_c12 { background-color:#f1c133; }
.tc_c13 { color:#f2f2f2 }
.bc_c13 { border-color:#f2f2f2; }
.bgc_c13 { background-color:#f2f2f2; }
.tc_c13.mod1 { color:#e8eaec }
.bc_c13.mod1 { border-color:#e8eaec; }
.bgc_c13.mod1 { background-color:#e8eaec; }
.tc_c13.mod2 { color:#f3f1ee }
.bc_c13.mod2 { border-color:#f3f1ee; }
.bgc_c13.mod2 { background-color:#f3f1ee; }

.bc_white { border-color:#FFF; }

.bdr {}
.bdr.dotted { border-style: dashed; }
.bdr.tblr { border-width:1px; }
.bdr.tblr.x2 { border-width:2px; }
.bdr.btm { border-bottom-width:1px; }
.bdr.btm.x2 { border-bottom-width:2px; }
.bdr.top { border-top-width:1px; }
.bdr.top.x2 { border-top-width:2px; }
.bdr.tb {
    border-top-width:1px;
    border-bottom-width:1px;
}
.bdr.tb.x2 {
    border-top-width:2px;
    border-bottom-width:2px;
}

.undermarker01 {
    background: linear-gradient(transparent 70%, #515150 70%);
}

.bs {
	box-shadow: 0px 2px 9.5px 0.5px rgba(162, 162, 162, 0.2),
				0px 2px 9.5px 0.5px rgba(162, 162, 162, 0.2),
				0px 2px 9.5px 0.5px rgba(162, 162, 162, 0.2);
}

.fs60 { font-size:6em; }
.fs55 { font-size:5.5em; }
.fs50 { font-size:5em; }
.fs40 { font-size:4em; }
.fs38 { font-size:3.8em; }
.fs35 { font-size:3.5em; }
.fs33 { font-size:3.3em; }
.fs30 { font-size:3em; }
.fs28 { font-size:2.8em; }
.fs27 { font-size:2.7em; }
.fs25 { font-size:2.5em; }
.fs22 { font-size:2.2em; }
.fs20 { font-size:2em; }
.fs19 { font-size:1.9em; }
.fs18 { font-size:1.8em; }
.fs17 { font-size:1.7em; }
.fs16 { font-size:1.6em; }
.fs15 { font-size:1.5em; }
.fs14 { font-size:1.4em; }
.fs13 { font-size:1.3em; }
.fs125 { font-size:1.25em; }
.fs12 { font-size:1.2em; }
.fs11 { font-size:1.1em; }
.fs09 { font-size:.9em; }
.fs08 { font-size:.8em; }
.fs07 { font-size:.7em; }
.fs06 { font-size:.6em; }
.fs05 { font-size:.5em; }
.fs04 { font-size:.4em; }
.fs03 { font-size:.3em; }
.fs02 { font-size:.2em; }
.fs01 { font-size:.1em; }
@media(min-width: 785px) and (max-width:1044px) {
	html, body {
		font-size:calc(24 / 1024 * 100vw);
		letter-spacing: 0.05em;
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
}

.fw900 { font-weight:900; }
.fw600 { font-weight:600; }
.fw500 { font-weight:500; }
.fw400 { font-weight:400; }
.fw300 { font-weight:300; }

.lh03 { line-height:0.3; }
.lh04 { line-height:0.4; }
.lh05 { line-height:0.5; }
.lh06 { line-height:0.6; }
.lh07 { line-height:0.7; }
.lh10 { line-height:1.0; }
.lh11 { line-height:1.1; }
.lh12 { line-height:1.2; }
.lh125 { line-height:1.25; }
.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; }
.lh20 { line-height:2.0; }

.ls-25 { letter-spacing:-.025em; }
.ls-50 { letter-spacing:-.05em; }
.ls50 { letter-spacing:.05em; }
.ls100 { letter-spacing:.1em; }
.ls150 { letter-spacing:.15em; }
.ls200 { letter-spacing:.2em; }
.ls300 { letter-spacing:.3em; }
@media(max-width: 784px) {
    .ls200 { letter-spacing:.1em; }
    .ls300 { letter-spacing:.1em; }
}

.mt025em { margin-top:0.25em; }
.mt05em { margin-top:0.5em; }
.mt075em { margin-top:075em; }
.mt10em { margin-top:1.0em; }
.mt125em { margin-top:1.25em; }
.mt15em { margin-top:1.5em; }
.mt20em { margin-top:2.0em; }
.mt25em { margin-top:2.5em; }
.mt30em { margin-top:3.0em; }
.mt35em { margin-top:3.5em; }
.mt40em { margin-top:4.0em; }
.mt45em { margin-top:4.5em; }
.mt50em { margin-top:5.0em; }

.pt0 { padding-top:0 !important; }
.pt025em { padding-top:0.25em; }
.pt05em { padding-top:0.5em; }
.pt075em { padding-top:0.75em; }
.pt10em { padding-top:1.0em; }
.pt125em { padding-top:1.25em; }
.pt15em { padding-top:1.5em; }
.pt20em { padding-top:2.0em; }
.pt25em { padding-top:2.5em; }
.pt30em { padding-top:3.0em; }
.pt35em { padding-top:3.5em; }
.pt40em { padding-top:4.0em; }
.pt45em { padding-top:4.5em; }
.pt50em { padding-top:5.0em; }
.pb025em { padding-bottom:0.25em; }
.pb05em { padding-bottom:0.5em; }
.pb075em { padding-bottom:0.75em; }
.pb10em { padding-bottom:1.0em; }
.pb15em { padding-bottom:1.5em; }
.pb20em { padding-bottom:2.0em; }
.pb25em { padding-bottom:2.5em; }
.pb30em { padding-bottom:3.0em; }
.pb35em { padding-bottom:3.5em; }
.pb40em { padding-bottom:4.0em; }
.pb45em { padding-bottom:4.5em; }
.pb50em { padding-bottom:5.0em; }

.ptb03em { padding:0.3em 0; }
.ptb04em { padding:0.4em 0; }
.ptb05em { padding:0.5em 0; }
.ptb06em { padding:0.6em 0; }
.ptb07em { padding:0.7em 0; }
.ptb08em { padding:0.8em 0; }
.ptb09em { padding:0.9em 0; }
.ptb10em { padding:1em 0; }
.ptb11em { padding:1.1em 0; }
.ptb12em { padding:1.2em 0; }
.ptb125em { padding:1.25em 0; }
.ptb13em { padding:1.3em 0; }
.ptb14em { padding:1.4em 0; }
.ptb15em { padding:1.5em 0; }
.ptb16em { padding:1.6em 0; }
.ptb17em { padding:1.7em 0; }
.ptb18em { padding:1.8em 0; }
.ptb19em { padding:1.9em 0; }
.ptb20em { padding:2.0em 0; }
.ptb25em { padding:2.5em 0; }

.pt04vw { padding-top:.4vw; }

.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%; }
.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%; }

.ml025em {margin-left:.25em;}
.ml05em {margin-left:.5em;}
.ml10em {margin-left:1em;}
.ml15em {margin-left:1.5em;}

.pl025em {padding-left:.25em;}
.pl05em {padding-left:.5em;}
.pl10em {padding-left:1em;}
.pl15em {padding-left:1.5em;}
.pr025em {padding-right:.25em;}
.pr05em {padding-right:.5em;}
.pr10em {padding-right:1em;}
.pr15em {padding-right:1.5em;}

.mb250   { margin-bottom: 250px; }
.plr46vw { padding-left:4.6vw; padding-right:4.6vw; }
.plr32vw { padding-left:3.2vw; padding-right:3.2vw; }
.plr24vw { padding-left:2.4vw; padding-right:2.4vw; }
.plr16vw { padding-left:1.6vw; padding-right:1.6vw; }
.plr12vw { padding-left:1.25vw; padding-right:1.25vw; }
.plr08vw { padding-left:.8vw; padding-right:.8vw; }
.plr06vw { padding-left:.6vw; padding-right:.6vw; }
.plr04vw { padding-left:.4vw; padding-right:.4vw; }
@media(max-width: 784px) {
	.mb250   { margin-bottom: calc(250 / 750 * 100vw); }
    .plr46vw,
    .plr32vw,
    .plr24vw,
    .plr16vw,
    .plr08vw,
    .plr06vw,
    .plr04vw { padding-left:3.2vw; padding-right:3.2vw; }
}

.w500 { width:500px; max-width:100%; }
.w445 { width:445px; max-width:100%; }
.w350 { width:350px; max-width:100%; }
.w300 { width:300px; max-width:100%; }
@media(max-width: 784px) {
    .w500 { width:calc(720 / 750 * 100vw); }
    .w445 { width:calc(700 / 750 * 100vw); }
    .w350 { width:calc(600 / 750 * 100vw); }
    .w300 { width:calc(400 / 750 * 100vw); }
}

@media(min-width: 785px) and (max-width:977px) {
    .mb5   { margin-bottom: calc( 5  / 960 * 100vw); }
    .mb10  { margin-bottom: calc( 10 / 960 * 100vw); }
    .mb15  { margin-bottom: calc( 15 / 960 * 100vw); }
    .mb20  { margin-bottom: calc( 20 / 960 * 100vw); }
    .mb25  { margin-bottom: calc( 25 / 960 * 100vw); }
    .mb30  { margin-bottom: calc( 30 / 960 * 100vw); }
    .mb35  { margin-bottom: calc( 35 / 960 * 100vw); }
    .mb40  { margin-bottom: calc( 40 / 960 * 100vw); }
    .mb45  { margin-bottom: calc( 45 / 960 * 100vw); }
    .mb50  { margin-bottom: calc( 50 / 960 * 100vw); }
    .mb55  { margin-bottom: calc( 55 / 960 * 100vw); }
    .mb60  { margin-bottom: calc( 60 / 960 * 100vw); }
    .mb65  { margin-bottom: calc( 65 / 960 * 100vw); }
    .mb70  { margin-bottom: calc( 70 / 960 * 100vw); }
    .mb75  { margin-bottom: calc( 75 / 960 * 100vw); }
    .mb80  { margin-bottom: calc( 80 / 960 * 100vw); }
    .mb85  { margin-bottom: calc( 85 / 960 * 100vw); }
    .mb90  { margin-bottom: calc( 90 / 960 * 100vw); }
    .mb95  { margin-bottom: calc( 95 / 960 * 100vw); }
    .mb100 { margin-bottom: calc(100 / 960 * 100vw); }
    .mb105 { margin-bottom: calc(105 / 960 * 100vw); }
    .mb110 { margin-bottom: calc(110 / 960 * 100vw); }
    .mb115 { margin-bottom: calc(115 / 960 * 100vw); }
    .mb120 { margin-bottom: calc(120 / 960 * 100vw); }
    .mb125 { margin-bottom: calc(125 / 960 * 100vw); }
    .mb130 { margin-bottom: calc(130 / 960 * 100vw); }
    .mb135 { margin-bottom: calc(135 / 960 * 100vw); }
    .mb140 { margin-bottom: calc(140 / 960 * 100vw); }
    .mb145 { margin-bottom: calc(145 / 960 * 100vw); }
    .mb150 { margin-bottom: calc(150 / 960 * 100vw); }
}
@media(min-width: 978px) and (max-width:1044px) {
    .mb5   { margin-bottom: calc( 5  / 1024 * 100vw); }
    .mb10  { margin-bottom: calc( 10 / 1024 * 100vw); }
    .mb15  { margin-bottom: calc( 15 / 1024 * 100vw); }
    .mb20  { margin-bottom: calc( 20 / 1024 * 100vw); }
    .mb25  { margin-bottom: calc( 25 / 1024 * 100vw); }
    .mb30  { margin-bottom: calc( 30 / 1024 * 100vw); }
    .mb35  { margin-bottom: calc( 35 / 1024 * 100vw); }
    .mb40  { margin-bottom: calc( 40 / 1024 * 100vw); }
    .mb45  { margin-bottom: calc( 45 / 1024 * 100vw); }
    .mb50  { margin-bottom: calc( 50 / 1024 * 100vw); }
    .mb55  { margin-bottom: calc( 55 / 1024 * 100vw); }
    .mb60  { margin-bottom: calc( 60 / 1024 * 100vw); }
    .mb65  { margin-bottom: calc( 65 / 1024 * 100vw); }
    .mb70  { margin-bottom: calc( 70 / 1024 * 100vw); }
    .mb75  { margin-bottom: calc( 75 / 1024 * 100vw); }
    .mb80  { margin-bottom: calc( 80 / 1024 * 100vw); }
    .mb85  { margin-bottom: calc( 85 / 1024 * 100vw); }
    .mb90  { margin-bottom: calc( 90 / 1024 * 100vw); }
    .mb95  { margin-bottom: calc( 95 / 1024 * 100vw); }
    .mb100 { margin-bottom: calc(100 / 1024 * 100vw); }
    .mb105 { margin-bottom: calc(105 / 1024 * 100vw); }
    .mb110 { margin-bottom: calc(110 / 1024 * 100vw); }
    .mb115 { margin-bottom: calc(115 / 1024 * 100vw); }
    .mb120 { margin-bottom: calc(120 / 1024 * 100vw); }
    .mb125 { margin-bottom: calc(125 / 1024 * 100vw); }
    .mb130 { margin-bottom: calc(130 / 1024 * 100vw); }
    .mb135 { margin-bottom: calc(135 / 1024 * 100vw); }
    .mb140 { margin-bottom: calc(140 / 1024 * 100vw); }
    .mb145 { margin-bottom: calc(145 / 1024 * 100vw); }
    .mb150 { margin-bottom: calc(150 / 1024 * 100vw); }
}
@media(min-width: 1045px) and (max-width:1300px) {
    .mb5   { margin-bottom: calc( 5  / 1280 * 100vw); }
    .mb10  { margin-bottom: calc( 10 / 1280 * 100vw); }
    .mb15  { margin-bottom: calc( 15 / 1280 * 100vw); }
    .mb20  { margin-bottom: calc( 20 / 1280 * 100vw); }
    .mb25  { margin-bottom: calc( 25 / 1280 * 100vw); }
    .mb30  { margin-bottom: calc( 30 / 1280 * 100vw); }
    .mb35  { margin-bottom: calc( 35 / 1280 * 100vw); }
    .mb40  { margin-bottom: calc( 40 / 1280 * 100vw); }
    .mb45  { margin-bottom: calc( 45 / 1280 * 100vw); }
    .mb50  { margin-bottom: calc( 50 / 1280 * 100vw); }
    .mb55  { margin-bottom: calc( 55 / 1280 * 100vw); }
    .mb60  { margin-bottom: calc( 60 / 1280 * 100vw); }
    .mb65  { margin-bottom: calc( 65 / 1280 * 100vw); }
    .mb70  { margin-bottom: calc( 70 / 1280 * 100vw); }
    .mb75  { margin-bottom: calc( 75 / 1280 * 100vw); }
    .mb80  { margin-bottom: calc( 80 / 1280 * 100vw); }
    .mb85  { margin-bottom: calc( 85 / 1280 * 100vw); }
    .mb90  { margin-bottom: calc( 90 / 1280 * 100vw); }
    .mb95  { margin-bottom: calc( 95 / 1280 * 100vw); }
    .mb100 { margin-bottom: calc(100 / 1280 * 100vw); }
    .mb105 { margin-bottom: calc(105 / 1280 * 100vw); }
    .mb110 { margin-bottom: calc(110 / 1280 * 100vw); }
    .mb115 { margin-bottom: calc(115 / 1280 * 100vw); }
    .mb120 { margin-bottom: calc(120 / 1280 * 100vw); }
    .mb125 { margin-bottom: calc(125 / 1280 * 100vw); }
    .mb130 { margin-bottom: calc(130 / 1280 * 100vw); }
    .mb135 { margin-bottom: calc(135 / 1280 * 100vw); }
    .mb140 { margin-bottom: calc(140 / 1280 * 100vw); }
    .mb145 { margin-bottom: calc(145 / 1280 * 100vw); }
    .mb150 { margin-bottom: calc(150 / 1280 * 100vw); }
}
@media(min-width: 1301px) and (max-width:1420px) {
    .mb5   { margin-bottom: calc( 5  / 1400 * 100vw); }
    .mb10  { margin-bottom: calc( 10 / 1400 * 100vw); }
    .mb15  { margin-bottom: calc( 15 / 1400 * 100vw); }
    .mb20  { margin-bottom: calc( 20 / 1400 * 100vw); }
    .mb25  { margin-bottom: calc( 25 / 1400 * 100vw); }
    .mb30  { margin-bottom: calc( 30 / 1400 * 100vw); }
    .mb35  { margin-bottom: calc( 35 / 1400 * 100vw); }
    .mb40  { margin-bottom: calc( 40 / 1400 * 100vw); }
    .mb45  { margin-bottom: calc( 45 / 1400 * 100vw); }
    .mb50  { margin-bottom: calc( 50 / 1400 * 100vw); }
    .mb55  { margin-bottom: calc( 55 / 1400 * 100vw); }
    .mb60  { margin-bottom: calc( 60 / 1400 * 100vw); }
    .mb65  { margin-bottom: calc( 65 / 1400 * 100vw); }
    .mb70  { margin-bottom: calc( 70 / 1400 * 100vw); }
    .mb75  { margin-bottom: calc( 75 / 1400 * 100vw); }
    .mb80  { margin-bottom: calc( 80 / 1400 * 100vw); }
    .mb85  { margin-bottom: calc( 85 / 1400 * 100vw); }
    .mb90  { margin-bottom: calc( 90 / 1400 * 100vw); }
    .mb95  { margin-bottom: calc( 95 / 1400 * 100vw); }
    .mb100 { margin-bottom: calc(100 / 1400 * 100vw); }
    .mb105 { margin-bottom: calc(105 / 1400 * 100vw); }
    .mb110 { margin-bottom: calc(110 / 1400 * 100vw); }
    .mb115 { margin-bottom: calc(115 / 1400 * 100vw); }
    .mb120 { margin-bottom: calc(120 / 1400 * 100vw); }
    .mb125 { margin-bottom: calc(125 / 1400 * 100vw); }
    .mb130 { margin-bottom: calc(130 / 1400 * 100vw); }
    .mb135 { margin-bottom: calc(135 / 1400 * 100vw); }
    .mb140 { margin-bottom: calc(140 / 1400 * 100vw); }
    .mb145 { margin-bottom: calc(145 / 1400 * 100vw); }
    .mb150 { margin-bottom: calc(150 / 1400 * 100vw); }
}

.relative { position:relative; z-index:1; }
.block { display:block; }
.inlineblock { display:inline-block; }
.flex.inline { display:inline-flex }
.ls0 { letter-spacing:0; }
.txt_left { text-align: left; }
.vmid {
    vertical-align:middle;
}

.tategaki {
    -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; writing-mode: tb-rl; writing-mode: vertical-rl;
    text-orientation: upright;
    word-break:keep-all;
    white-space:nowrap;
}
.tategaki i {
    -moz-writing-mode: horizontal-tb; -o-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; writing-mode: lr-tb; writing-mode: horizontal-tb;
    line-height:1.2;
    word-break:keep-all;
    white-space:nowrap;
}
.tategaki.unset {
    -moz-writing-mode: unset; -o-writing-mode: unset; -webkit-writing-mode: unset; writing-mode: unset;
    word-break:unset;
    white-space:unset;
}
@media (max-width: 784px) {
    .tategaki,
    .tategaki i,
    .tategaki.unset {
        word-break:unset;
        white-space:unset;
    }
}

.parlx_area {
    height: auto !important;
    position:relative;
    z-index:1;
    overflow:hidden;
}
.parlx_area > .background {
    background: center / cover no-repeat;
    position: absolute;
    z-index:-1;
}

#wrap { overflow:hidden; }

.effectpopup { transition: .3s; }
.effectpopup:hover {
    transform: translate(0px,-3px);
}
.addshadow:hover {
    box-shadow: 1px 2px 2px  rgba(162, 162, 162, 0.2),
                1px 2px 2px  rgba(162, 162, 162, 0.2),
                1px 2px 8px  rgba(162, 162, 162, 0.2),
                1px 2px 8px  rgba(162, 162, 162, 0.2),
                1px 2px 10px rgba(162, 162, 162, 0.2),
                1px 2px 10px rgba(162, 162, 162, 0.2);
}
.effectzoom { transition: .2s }
.effectzoom:hover {
    transform: scale(1.02);
    /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);*/
}

.triangle { position:relative; }
.triangle > span:after,
.triangle a:after {
    content:"";
    border-width: 0 0 .88em .88em;
    border-color: transparent transparent #193446 transparent;
    position:absolute;
    right: 0;
    bottom: 0;
}
.triangle:hover > span:after,
.triangle:hover a:after {
    border-width: 0 0 calc(.88em + .8em) calc(.88em + .8em);
    border-color:transparent;
    transition:.3s ease-out, background .3s ease-in;
}
.triangle.wht > span:after,
.triangle.wht a:after {
    border-color: transparent transparent #FFF transparent;
    right: 10px;
    bottom: 10px;
}
.triangle.wht:hover > span:after,
.triangle.wht:hover a:after {
    border-color: transparent;
}
.triangle.md1 > span:after,
.triangle.md1 a:after {
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #000 transparent;
}
.triangle.md1:hover > span:after,
.triangle.md1:hover a:after {
    border-width: 0 0 calc(30px + .8em) calc(30px + .8em);
    border-color: transparent;
}
.txt_index_case01{
	width: 100%;
	max-width: 987px;
	margin: 109px auto 45px;
}
.tbl_index_case01 th{
	background: #857756;
}
.tbl_index_case01 thead{
	font-size: 130%;
}
.tbl_index_case01 tr:not(:last-child) th{
	border-bottom: #857756 1px solid;
}
.tbl_index_case01 table {
	border: 1px solid #857756;
	max-width: 1200px;
}
.tbl_index_case01 .col1{
	width: 40%;
}
.tbl_index_case01 .col2{
	width: 60%;
}
.tbl_index_case01 .col3{
	width: 60%;
}
.tbl_index_case01 .copy{
	color:#857756;
	background:rgba(212, 207, 195, 0.5);
	text-align: center;
	border-bottom: #857756 1px solid;
	border-left: #857756 1px solid;
}
.tbl_index_case01 tr:not(:last-child) td{
	border-bottom: 1px solid #857756;
}
.tbl_index_case01 thead th:not(:first-child){
	border-left: #fff 1px solid;
}
.tbl_index_case01 thead th{
	text-align: center;
}
.tbl_index_case01 tr td:nth-of-type(2){border-left: 2px solid #857756;}
.tbl_index_case01 tr td:last-child{
	/* border-left: 2px solid #857756; */
}
.tbl_index_case01 tr td small {
	font-size: 90%;
}

.tbl_index_case01 td{

}

.tbl_index_case01 tbody th {
	padding: 20px 20px;
}
.tbl_index_case01 .red {
	color: red!important;
}
.tbl_index_case01 .blue {
	color: blue!important;
}
.tbl_index_case02 th{
	background: #193446;
}
.tbl_index_case02 thead{
	font-size: 130%;
}
.tbl_index_case02 tr:not(:last-child) th{
	border-bottom: #857756 1px solid;
}
.tbl_index_case02 table {
	border: 1px solid #857756;
	max-width: 1200px;
}
.tbl_index_case02 .col1{
	width: 40%;
}
.tbl_index_case02 .col2{
	width: 60%;
}
.tbl_index_case02 .col3{
	width: 60%;
}
.tbl_index_case02 .copy{
	color:#857756;
	background:rgba(212, 207, 195, 0.5);
	text-align: center;
	border-bottom: #857756 1px solid;
	border-left: #857756 1px solid;
}
.tbl_index_case02 tr:not(:last-child) td{
	border-bottom: 1px solid #857756;
}
.tbl_index_case02 thead th:not(:first-child){
	border-left: #fff 1px solid;
}
.tbl_index_case02 thead th{
	text-align: center;
}
.tbl_index_case02 td{

}

.tbl_index_case02 tbody th {
	padding: 35px 20px;
}


@media only screen and (max-width: 784px) {
    .triangle > span:after,
    .triangle a:after {
        border-width: 0 0 .625em .625em;
        right: 0;
        bottom: 0;
    }
    .triangle > span:hover:after,
    .triangle a:hover:after {
        border-width: 0 0 1em 1em;
    }
	.tbl_index_case01 .col1 {
		width: 31%;
	}
	.tbl_index_case01 .col2 {
		width: 69%;
	}
}

/* img effect */
.img_wrap,
.img_wrap img {
    display:block;
    line-height:0;
    overflow:hidden;
    z-index:3;
    position:relative;
    background: transparent;
    transition:.3s ease-out, background .3s ease-in;
    cursor: pointer;
}
.img_wrap:hover img {
    z-index:2;
    transform: scale(1.03);
    opacity: 1;
}
@media only screen and (max-width: 784px) {
    .img_wrap,
    .img_wrap img {
        z-index:1;
    }
}

/* viewer.js */
.viewericn { position:relative; }
.viewericn:before {
    content:url(images/page/icn_zoom01.svg);
    line-height:1;
    position:absolute; left:6%; top:13%;
    transform: translateY(-50%) translateX(-50%);
    z-index:4;
    cursor: pointer;
}
@media(min-width: 785px) and (max-width:1044px) {
	.viewericn:before {
		content:"";
		width:calc(50 / 1024 * 100vw);
		height:calc(50 / 1024 * 100vw);
    	background:url(images/page/icn_zoom01.svg) center / contain no-repeat;
    	left:1.5em; top:1.5em;
	}
}
@media(max-width: 784px) {
	.viewericn:before {
		content:"";
		width:calc(50 / 750 * 100vw);
		height:calc(50 / 750 * 100vw);
    	background:url(images/page/icn_zoom01.svg) center / contain no-repeat;
    	left:1em; top:1em;
	}
}

/* 外部リンク */
.externalicn { position:relative; }
.externalicn:before {
    content:url(images/page/icn_external01.svg);
    line-height:1;
    position:absolute; left:96%; top:88%;
    transform: translateY(-50%) translateX(-50%);
    z-index:4;
    cursor: pointer;
}
@media(min-width: 785px) and (max-width:1044px) {
	.externalicn:before {
		content:"";
		width:calc(23 / 1024 * 100vw);
		height:calc(20 / 1024 * 100vw);
    	background:url(images/page/icn_external01.svg) center / contain no-repeat;
    	left:calc(100% - .75em); top:calc(100% - .75em);
	}
}
@media(max-width: 784px) {
	.externalicn:before {
		content:"";
		width:calc(23 / 750 * 100vw);
		height:calc(20 / 750 * 100vw);
    	background:url(images/page/icn_external01.svg) center / contain no-repeat;
    	left:calc(100% - .75em); top:calc(100% - .75em);
	}
	.tbl_case_sp {
		display: block;
		width: 100%;
	}
	.txt_index_case01 {
		margin: 9vw 0 10vw;
	}
	.tbl_index_case01 tbody th {
		padding: 5vw 1vw;
	}
}

/* ヘッダー header
------------------------------------------------------------------*/
header {
	position: relative;
	z-index: 10;
    width:100%;
    padding:0;
    padding-left:2.6vw;
}
@media(min-width: 785px) and (max-width:1044px) {
	header {
	    padding-left:1.6vw;
	}
}

.hlogo {
    padding-top:50px;
}
.row_head01 {
    width:100%;
    height:auto;
    padding-right:140px;
}
.info_head01 {
    height:120px;
}
.hinfo01 {
    height:100%;
}
@media(min-width: 785px) and (max-width:1044px) {
	.hlogo {
	    padding-top:1.6vw;
	    width:40%;
	}
	.row_head01 {
	    width:100%;
	    padding-right:calc(120 / 960 * 100vw);
	}
	.info_head01 {
	    height:auto;
	}
	.hinfo01 {
	}
}
@media(min-width: 978px) and (max-width:1044px) {
	.row_head01 {
	    width:100%;
	    padding-right:calc(150 / 1024 * 100vw);
	}
}
@media(min-width: 1045px) and (max-width:1430px) {
	.hlogo {
	    padding-top:1.6vw;
	    width:30%;
	}
	.row_head01 {
	    width:100%;
	    padding-right:120px;
	}
	.info_head01 {
	}
}

.htel01 {}
.htel01 .txts {
    word-break:keep-all;
    white-space:nowrap;
}
.hreserv01 {}
.hreserv01 .txts {
    word-break:keep-all;
    white-space:nowrap;
}
@media(min-width: 785px) and (max-width:1044px) {
	.htel01 .icn {
		width:calc(60 / 1024 * 100vw);
		padding: .5em 0;
    }
	.htel01 .txts {
		font-size:calc(20 / 1024 * 100vw);
	}
	.hreserv01 .icn {
		width:calc(60 / 1024 * 100vw);
		padding: .5em 0;
    }
	.hreserv01 .txts {
		font-size:calc(20 / 1024 * 100vw);
	}
}
@media(min-width: 1045px) and (max-width:1430px) {
	.htel01 .icn {
		width:calc(70 / 1410 * 100vw);
		padding: .5em 0;
    }
	.htel01 .txts {
		font-size:calc(20 / 1410 * 100vw);
	}
	.hreserv01 .icn {
		width:calc(70 / 1410 * 100vw);
		padding: .5em 0;
    }
	.hreserv01 .txts {
		font-size:calc(20 / 1410 * 100vw);
	}
}


/* メインイメージ main_img
------------------------------------------------------------------*/
.main_img {
	position: relative;
    margin-top:-191px;
}
.main_img .slide_main {
	opacity: 1;
    position: relative;
    z-index:1;
}
.main_img .slide_main:before,
.main_img .slide_main:after {
    content:"";
    display:block;
    z-index:2;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}
.main_img .slide_main:before {
	border-color: #000 transparent transparent transparent;
	border-width: calc(463 / 1920* 100vw) calc(814 / 1920* 100vw) 0px 0px;
	top: 0;
	left: 0;
}
.main_img .slide_main:after {
	border-color: transparent transparent #000 transparent;
    border-width: 0px 0px calc(191 / 1920* 100vw) calc(475 / 1920* 100vw);
	bottom: 0;
	right: 0;
}
.main_img .slide_main li {
	min-height: 700px;
	height: 56.25vw;
}
.main_img.tab .slide_main li {
	height: auto;
}
.main01 {
	background: url(images/index/main01.jpg)no-repeat center / cover;
}
.main_img .slick-slide .sp_only {
	display: none !important;
}
@media(min-width: 785px) and (max-width:1599px) {
	.main_img .slide_main:before {
		border-width: calc(463 / 1599* 100vw) calc(814 / 1599* 100vw) 0px 0px;
	}
	.main_img .slide_main:after {
		border-width: 0px 0px calc(191 / 1599* 100vw) calc(475 / 1599* 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.main_img .slide_main:before {
		border-width: calc(463 / 1299* 100vw) calc(814 / 1299* 100vw) 0px 0px;
	}
	.main_img .slide_main:after {
		border-width: 0px 0px calc(191 / 1299* 100vw) calc(475 / 1299* 100vw);
	}
}
/* @media(min-width: 1045px) and (max-width:1430px) {
	.main_img .slide_main li {
		height:calc(1000 / 1410 * 100vw);
	}
} */
@media only screen and (max-width: 784px) {
	.main_img {
        margin-top: calc(-145 / 750 * 100vw);
	}
	.main_img .slide_main li {
		min-height: auto;
		height: auto;
	}
	.main_img .slide_main li img {
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	.main01, .main02 {
		background: none;
	}
	.main_img .slick-slide .sp_only {
		display: inherit!important;
	}
	.main_img .slick-slide .tb_pc {
		display: none !important;
	}
	.main_img .slide_main:before {
		border-width: calc(325 / 750* 100vw) calc(570 / 750* 100vw) 0px 0px;
	}
	.main_img .slide_main:after {
		border-width: 0px 0px calc(191 / 750* 100vw) calc(475 / 750* 100vw);
	}
}

.mvtxt_area {
	width:100%;
	padding:0;
	padding-left:1.5vw;
	padding-right:12.5vw;
    position: absolute; left: 50%; bottom:2vw;
    transform: translateX(-50%);
    z-index:2;
}
.catch01 {
	font-size:calc(20 / 1920 * 100vw);
}
.catch01 .txt .lines {
	display:inline-block;
	background:#FFF;
	margin:0 .9vw 3.6vw;
	padding:.25em 0;
}
.catch01 .txt em {}
@media(min-width: 785px) and (max-width:1044px) {
	.catch01 .txt .lines {
		width: 1.5em;
	}
	.catch01 .txt em.lines {
		width: 1.25em;
	}
}
@media(min-width: 880px) and (max-width:1044px) {
	.catch01 {
		font-size:calc(9 / 1024 * 100vw);
	}
}
@media(max-width: 784px) {
	.mvtxt_area {
		width:100%;
		height:100%;
		padding:0 6.4vw 0 3.2vw;
		bottom:auto; top:50%;
	    transform: translateX(-50%) translateY(-50%);
	}
	.mvtxt_area .__in {
		width:100%;
		height:100%;
		padding:0 0 calc(50 / 750 * 100vw);
		position:relative;
		z-index:1;
	}
	.catch01 {
		font-size:1em;
		position: absolute; right: 0%; top:calc(180 / 750 * 100vw);
	}
	.catch01 .txt .lines {
		font-size:1em;
	}
	.catch01 .txt em.lines {
		font-size:1.56em;
	}
}

.catch_ul01 > li {
    color:#FFF;
    background: url(images/index/bg_mvtxt01.png) center / contain no-repeat;
    width: calc(285 / 1920* 100vw);
    height: calc(285 / 1920* 100vw);
}
.catch_ul01 > li:nth-of-type(n + 2) {
    margin-left: calc(35 / 1920* 100vw);
}
.catch_ul01 ._in {
    text-align:center;
}
.catch_ul01 .ja {
    display:block;
    font-size:calc(22 / 1920 * 100vw);
    line-height:2.33;
    letter-spacing:.05em;
	text-shadow:0px 8px 16px rgba(2, 19, 31, 0.3),
	 			0px 8px 16px rgba(2, 19, 31, 0.3),
	 			0px 8px 16px rgba(2, 19, 31, 0.3),
	 			0px 8px 16px rgba(2, 19, 31, 0.3),
	 			0px 8px 16px rgba(2, 19, 31, 0.3);
}
.catch_ul01 .ja em {
	color:#f1c133;
    line-height:1.25;
	font-size:calc(40 / 1920 * 100vw);
}
@media(min-width: 1921px) {
	.main_img .slide_main li {
		height:100vh;
	}
	.catch01 {
		font-size:1em;
	}
	.catch_ul01 > li {
	    width:412px;
	    height:412px;
	}
	.catch_ul01 .ja {
	    font-size:1.5em;
	}
}
@media(min-width: 785px) and (max-width:1599px) {
	.catch_ul01 > li {
		width: calc(250 / 1599* 100vw);
        height: calc(250 / 1599* 100vw);
	}
	.catch_ul01 > li:nth-of-type(n + 2) {
		margin-left:calc(10 / 1599* 100vw);
	}
	.catch_ul01 .ja {
		font-size: calc(20 / 1599* 100vw);
	}
	.catch_ul01 .ja em {
		font-size: calc(36 / 1599* 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.catch_ul01 > li {
		width: calc(250 / 1299* 100vw);
		height: calc(250 / 1299* 100vw);
	}
	.catch_ul01 > li:nth-of-type(n + 2) {
		margin-left:calc(0 / 1299* 100vw);
		margin-top: calc(10 / 1299* 100vw);
	}
	.catch_ul01 .ja {
		font-size:calc(20 / 1299 * 100vw);
	}
	.catch_ul01 .ja em {
		font-size:calc(36 / 1299 * 100vw);
	}
}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.catch_ul01 > li {
	    width:calc(228 / 750 * 100vw);
	    height:calc(228 / 750 * 100vw);
	}
	.catch_ul01 > li:nth-of-type(n + 2) {
	    margin-left:calc(30 / 750 * 100vw);
	}
	.catch_ul01 ._in {}
	.catch_ul01 .ja {
	    font-size:.625em;
	    line-height:2;
	}
	.catch_ul01 .ja em {
	}
	.catch_ul01 .ja {
		font-size:calc(18 / 750 * 100vw);
	}
	.catch_ul01 .ja em {
		font-size:calc(32 / 750 * 100vw);
	}
}

.wrap_main01,
.wrap_main02,
.wrap_main03 {
	position: absolute;
}
.wrap_main01 {
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.wrap_main02 {
	bottom: calc(200 / 1920 * 100vw);
	left: calc(40 / 1920 * 100vw);
	z-index: 1;
}
.wrap_main03 {
	bottom: calc(200 / 1920 * 100vw);
	right: calc(40 / 1920 * 100vw);
	z-index: 1;
}
.box_main01 {
	width: calc(790 / 1920 * 100vw);
	height: calc(325 / 1920 * 100vw);
	background: rgba(0,0,0,.8);
	padding: calc(45 / 1920 * 100vw) calc(70 / 1920 * 100vw) calc(75 / 1920 * 100vw);
	position: relative;
	white-space: nowrap;
}
.box_main01::after {
	content: '';
	position: absolute;
	background: url(images/index/deco_main01.png) no-repeat center / contain;
	width: calc(578 / 1920 * 100vw);
	height: calc(354 / 1920 * 100vw);
	z-index: 2;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: calc(-310 / 1920 * 100vw);
}
.box_main01 .fs25 {
	letter-spacing: .15em;
	line-height: 1.8;
	font-size: calc(50 / 1920* 100vw);
}
.box_main01 .fs40 {
	border-bottom: 1px solid #fff;
	line-height: 1.5;
    letter-spacing: .15em;
	font-size: calc(80 / 1920* 100vw);
}
.box_main02 {
	width: calc(400 / 1920 * 100vw);
	height: calc(225 / 1920 * 100vw);
	outline: 1px solid #fff;
	align-items: center;
    justify-content: center;
}
.box_main02 .fs15 {
	line-height: 1.4;
}
.index_supervisor {
	display: none;
}
@media(min-width: 785px) and (max-width:1599px) {
	.wrap_main02 {
		bottom: calc(140 / 1599 * 100vw);
		left: calc(40 / 1599 * 100vw);
	}
	.wrap_main03 {
		bottom: calc(130 / 1599 * 100vw);
		right: calc(40 / 1599 * 100vw);
		z-index: 1;
	}
	.box_main01 {
		width: calc(790 / 1599 * 100vw);
		height: calc(325 / 1599 * 100vw);
		padding: calc(45 / 1599 * 100vw) calc(70 / 1599 * 100vw) calc(75 / 1599 * 100vw);
	}
	.box_main01::after {
		width: calc(481 / 1599 * 100vw);
		height: calc(295 / 1599 * 100vw);
		bottom: calc(-250 / 1599 * 100vw);
	}
	.box_main01 .fs25 {
		font-size: calc(50 / 1599* 100vw);
	}
	.box_main01 .fs40 {
		font-size: calc(80 / 1599* 100vw);
	}
	.box_main02 {
		width: calc(400 / 1599 * 100vw);
		height: calc(225 / 1599 * 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.wrap_main01 {
		top: 50%;
	}
	.wrap_main02 {
		bottom: calc(80 / 1299 * 100vw);
		left: calc(40 / 1299 * 100vw);
	}
	.wrap_main03 {
		bottom: calc(80 / 1299 * 100vw);
        right: calc(40 / 1299 * 100vw);
	}
	.box_main01 {
		width: calc(550 / 1299 * 100vw);
        height: calc(250 / 1299 * 100vw);
        padding: calc(20 / 1299 * 100vw) calc(30 / 1299 * 100vw) calc(45 / 1299 * 100vw);
	}
	.box_main01::after {
		width: calc(391 / 1299 * 100vw);
		height: calc(239 / 1299 * 100vw);
		bottom: calc(-190 / 1299 * 100vw);
	}
	.box_main02 {
		width: calc(300 / 1299 * 100vw);
        height: calc(160 / 1299 * 100vw);
	}
	.box_main02 p {
		font-size: calc(22 / 1299* 100vw);
	}
	.box_main01 .fs25 {
		font-size: calc(36 / 1299* 100vw);
	}
	.box_main01 .fs40 {
		font-size: calc(60 / 1299* 100vw);
	}
	.wrap_main03 ul {
		flex-direction: column;
	}
	.catch_ul01 > li {
		width: calc(220 / 1299 * 100vw);
        height: calc(220 / 1299 * 100vw);
	}
	.catch_ul01 .ja {
        font-size: calc(18 / 1299 * 100vw);
    }
	.catch_ul01 .ja em {
        font-size: calc(30 / 1299 * 100vw);
    }
}
@media(max-width: 784px) {
	.wrap_main01 {
		top: calc(285 / 750* 100vw);
    	transform: translate(-50%, 0);
	}
	.wrap_main02 {
		display: none;
	}
	.wrap_main03 {
		bottom: calc(50 / 750* 100vw);
        right: unset;
        left: 50%;
        transform: translate(-50%, 0);
	}
	.box_main01 {
		width: calc(475 / 750* 100vw);
        height: calc(195 / 750* 100vw);
        padding: calc(25 / 750* 100vw) calc(40 / 750* 100vw) calc(45 / 750* 100vw);
	}
	.box_main01::after {
		background: url(images/index/deco_main01_sp.png) no-repeat center / contain;
		width: calc(281 / 750 * 100vw);
		height: calc(171 / 750 * 100vw);
		bottom: calc(-140 / 750* 100vw);
	}
	.box_main01 .fs25 {
		font-size: calc(30 / 750* 100vw);
	}
	.box_main01 .fs40 {
		font-size: calc(48 / 750* 100vw);
	}
	.box_main02 {
		width: calc(400 / 750 * 100vw);
		height: calc(225 / 750 * 100vw);
	}
	.index_supervisor {
		background: #000;
		align-items: center;
		justify-content: center;
		padding: calc(40 / 750 * 100vw) calc(55 / 750 * 100vw);
	}
	.index_supervisor .box {
		outline: 1px solid #fff;
		width: calc(640 / 750 * 100vw);
		height: calc(225 / 750 * 100vw);
		align-items: center;
		justify-content: center;
	}
	.index_supervisor .box p {
		font-size: calc(30 / 750* 100vw);
    	line-height: 1.6;
	}
}


/* グローバルナビゲーション gnav
------------------------------------------------------------------*/
.hmenu {
    position: absolute; top: 0; right: 0;
}
.btn_gnav_sp {
    position: fixed; top: 0; right: 0;
    height: 120px;
    width: 120px;
    background: #193446;
    z-index: 10000;
    outline: none;
    cursor: pointer;
}
.btn_gnav_sp .txt_gnav {
    position: absolute; left: 50%; top: 63%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    line-height:1;
    text-align:center;
}
.btn_gnav_sp .icn_gnav {
    width: 40px;
    height: 4px;
    position: absolute;
    top: -25%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    transition: transform .3s ease-in-out;
}
.btn_gnav_sp .icn_gnav:before, .btn_gnav_sp .icn_gnav:after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    background: #fff;
    transition: transform .3s ease-in-out;
}
.btn_gnav_sp .icn_gnav:before {
    top: -300%;
}
.btn_gnav_sp .icn_gnav:after {
    bottom: -300%;
}
.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;
}
@media(min-width: 785px) and (max-width:977px) {
    .btn_gnav_sp {
        height: calc(120 / 960 * 100vw);
        width: calc(120 / 960 * 100vw);
    }
}
@media(min-width: 978px) and (max-width:1044px) {
    .btn_gnav_sp {
        height: calc(150 / 1024 * 100vw);
        width: calc(150 / 1024 * 100vw);
    }
}
@media(min-width: 1045px) and (max-width:1229px) {}
@media(min-width: 1230px) and (max-width:1490px) {}
@media(max-width: 784px) {
}

.gnav_sp {
    padding:0;
    padding-top:140px;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(255, 255, 255,.9);
    position: fixed; top: 0; right: 0%;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    max-width:600px;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease, visibility .6s ease, transform .3s ease;
    transform: translateX(100%);
    line-height: 1.45;
    letter-spacing: .1em;
}
.gnav_sp .nav_main {
    padding-bottom: 12vw;
}
.gnav_sp .nav_main > ul,
.gnav_sp .nav_sub ul {
    padding: 0 7.4%;
    display:block;
}
.gnav_sp .nav_main > ul > li,
.gnav_sp .nav_sub li {
    opacity: 0;
    transform: translateX(50%);
    transition: transform .6s ease, opacity .2s ease;
    transition:.3s;
}
.gnav_sp .nav_main > ul > li > a {
    padding: 1em 0;
    padding-right:3em;
    border-bottom: 1px solid #333333;
    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:flex-start;/*--- safari（PC）用 ---*/
    justify-content:flex-start;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    color:#333333;
    letter-spacing:0;
}
.gnav_sp .nav_main > ul > li:first-of-type > a {
    border-top: 1px solid #333333;
}
.gnav_sp .nav_main > ul > li > a .ja,
.gnav_sp .nav_sub a {
    font-size:1.2em;
    line-height:1.5;
    position:relative;
}
.gnav_sp .nav_main > ul > li:hover > a .ja,
.gnav_sp .nav_main > ul > li.nav_drawer li:hover > a {
    background: linear-gradient(transparent 65%, rgba(255,255,255,.2) 65%);
    transition:.3s;
}
.gnav_sp .nav_main > ul > li > a:before {
    content:"▼";
    color:#a47c84;
    font-size:.8em;
    line-height:1;
    position: absolute; right: 0;
    transform: rotate(-90deg);
    transition:.3s;
}
.gnav_sp .nav_main > ul > li.nav_drawer > a:before {
    content:"▼";
    font-size:.6em;
    transform: rotate(-90deg);
}
.gnav_sp .nav_main > ul > li.nav_drawer > a.open:before {
    transform: rotate(90deg);
}

.gnav_sp .nav_sub ul {
    padding:.5em 1em;
}
.gnav_sp .nav_sub ul:last-of-type {
    /*margin-bottom: calc(20 / 750 * 100vw);*/
}
.gnav_sp .nav_sub li:not(:last-child) {
    margin-bottom: .6vw;
}
.gnav_sp .nav_sub a {
    color:#333333;
    font-size:1.1em;
}
.open .gnav_sp {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    transition: transform .1s ease, opacity .3s ease, visibility .3s ease;
}
.open .gnav_sp .nav_main > ul > li, .open .gnav_sp .nav_sub li {
    opacity: 1;
    transform: translateX(0);
    transition: transform .5s ease, opacity .6s ease;
}
@media(min-width: 785px) and (max-width:977px) {}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1229px) {}
@media(min-width: 1230px) and (max-width:1490px) {}
@media(max-width: 784px) {
    header.flex.stretch {
        padding-left:0;
        padding-right:0;
        height: calc(145 / 750 * 100vw);
        position:relative;
        z-index:3;
        -webkit-align-items: center; align-items: center;
        background:transparent;
    }
    header > .hlogo {
        width: calc(357 / 750 * 100vw);
        padding:0;
        margin:0 0 0 3.2vw;
    }

    .gnav {
        display: none;
    }
    .btn_gnav_sp {
        top: 3vw;
        right: 3.2vw;
        height: calc(100 / 750 * 100vw);
        width: calc(100 / 750 * 100vw);
        background:#193446;
        z-index: 10000;
        outline: none;
    }
    .btn_gnav_sp .txt_gnav {
        position: absolute; left: 50%; top: 70%; right:auto; bottom:auto;
        transform: translateX(-50%) translateY(-50%);
        width: 60%;
    }
    .btn_gnav_sp .icn_gnav {
        width: calc(40 / 750 * 100vw);
        height: 2px;
        position: absolute;
        top: -3.5vw;
    }
    .btn_gnav_sp .icn_gnav:before, .btn_gnav_sp .icn_gnav:after {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        background: #fff;
        transition: transform .3s ease-in-out;
    }
    .btn_gnav_sp .icn_gnav:before {
        top: -1.8vw;
    }
    .btn_gnav_sp .icn_gnav:after {
        bottom: -1.8vw;
    }
    .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;
    }

    .gnav_sp .nav_main > ul > li > a {
        border-bottom: 1px solid #193446;
        color:#193446;
    }
    .gnav_sp .nav_main > ul > li:first-of-type > a {
        border-top:1px solid #193446;
    }
    .gnav_sp .nav_main > ul > li > a:before {
        width:.56em;
        height:.4em;
        transform:none;
    }

    .gnav_sp {
        padding: 19vw 0 0;
        visibility: hidden;
        opacity: 0;
        width: 80%;
        max-width:100%;
        transition: opacity .6s ease, visibility .6s ease;
        transform: translateX(100%);
        line-height: 1.45;
        letter-spacing:0;
    }
    .gnav_sp .nav_main > ul > li,
    .gnav_sp .nav_sub li {
        opacity: 0;
        transform: translateX(50%);
    }
    .gnav_sp .nav_main {
        padding-bottom: 20vw;
    }
    .gnav_sp .nav_main > ul {
        padding: 0 3vw;
    }
    .gnav_sp .nav_main > ul > li {}
    .gnav_sp .nav_main > ul > li:first-child {
        /*border-top: 1px dotted #eeeeee;*/
    }
    .gnav_sp .nav_main > ul > li.nav_drawer {
        padding-bottom: 2.5vw;
        /*border-bottom: 1px dotted #eeeeee;*/
    }
    .gnav_sp .nav_main > ul > li > a .ja,
    .gnav_sp .nav_sub a {
        font-size:1em;
        line-height:1.5;
    }
    .gnav_sp .nav_main > ul > li:hover > a .ja,
    .gnav_sp .nav_main > ul > li.nav_drawer li:hover > a {}

    .gnav_sp .nav_main > ul > li > a {
        padding: 3.5vw 4vw 3.5vw 0;
        /*border-bottom: 1px dotted #333;*/
        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_sub {
        padding: 5.5vw 8vw 7.5vw;
        /*display: none;*/ /* クリックで開閉させる場合はコメント解除 */
    }
    .gnav_sp .nav_sub ul {
        padding:0;
    }
    .gnav_sp .nav_sub li {
        opacity: 0;
        transform: translateX(50%);
        transition: transform .6s ease, opacity .2s ease;
    }
    .gnav_sp .nav_sub li:not(:last-child) {
        margin-bottom: 2.5vw;
    }
    .gnav_sp .nav_sub a {
        padding: 1vw 6vw 1vw;
        display: block;
        position: relative;
        font-size:1em;
    }
    .gnav_sp .nav_sub a:after {
        content: "";
        position: absolute;
        left: 0;
        top: 1vw;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: calc(16 / 750 * 100vw) solid #fff;
        border-top: calc(12 / 750 * 100vw) solid transparent;
        border-bottom: calc(12 / 750 * 100vw) solid transparent;
        margin: auto;
    }
    .open .gnav_sp {
        transform: translateX(0);
        transition: transform .1s ease, opacity .3s ease, visibility .3s ease;
    }
    .open .gnav_sp .nav_main > ul > li, .open .gnav_sp .nav_sub li {
        transform: translateX(0);
        transition: transform 1s ease, opacity .9s ease;
    }
}


/* フッター footer
------------------------------------------------------------------*/
.main_foot {
}
.row_foot01 > .col_l {
}
.row_foot01 > .col_r {
	width: 45%;
	max-width: 530px;
}
.pagetop {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 1000;
}
.copyright {
	padding:2.8em 0 2.5em;
	background:#193446;
	color:#FFF;
	font-size:.7em;
	line-height:1;
}
@media(min-width: 785px) and (max-width:977px) {
	.row_foot01 {
		display: block;
	}
	.row_foot01 > .col_l {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.row_foot01 > .col_r {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}
}
@media(max-width: 784px) {
	.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;
	}
	.pagetop {
		display: none!important;
	}
	.fix {
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		z-index: 99;
	}
	.fix_tel {
		width: calc(300 / 750 * 100vw);
	}
	.fix_web {
		width: calc(290 / 750 * 100vw);
		margin-left:calc(10 / 750 * 100vw);
	}
	.pagetop_sp {
		width: calc(120 / 750 * 100vw);
		margin:0 calc(15 / 750 * 100vw);
	}
	.fix_web a,
	.fix_tel a,
	.pagetop_sp a {
		display: block;
	}
}

.fbnr_area01 {
	padding:70px 0;
}
@media(min-width: 785px) and (max-width:1044px) {
	.fbnr_area01 {
		padding:calc(60 / 1024 * 100vw) 0 calc(80 / 1024 * 100vw);
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.fbnr_area01 {
		padding:calc(60 / 750 * 100vw) 0 calc(80 / 750 * 100vw);
	}
}

.fbnr_ul01.col4 {
	display: flex;
	justify-content: center;
	gap: 0 calc(20 / 1920 * 100vw);
}
.fbnr_ul01.col4 > li {
	width:calc(295 / 1920 * 100vw);
	height: calc(120 / 1920* 100vw);
}
.fbnr_ul01.col4 .ttl .ja {
	font-size: calc(23 / 1920* 100vw);
}
.fbnr_ul01.col2 {}
.fbnr_ul01.col2 > li {
	width:32.25%;
	margin-left:1.6%;
}
/* .fbnr_ul01.col2 > li:nth-of-type(2n + 1) {
	margin-left:0;
}
.fbnr_ul01.col2 > li:nth-of-type(n + 3) {
	margin-top:1.5em;
} */
.fbnr_ul01.col2 > li:nth-of-type(3n + 1) {
	margin-left:0;
}
.fbnr_ul01 li > a {
	width:100%;
	height:100%;
	padding:.5em;
}
.fbnr_ul01 ._in {
	width:100%;
	height:100%;
	/*padding:6% 3%;*/
	position:relative;
	z-index:1;
}
.fbnr_ul01 .ttl {
	text-align:center;
}
.fbnr_ul01 .ttl .en {
	display:block;
	position:relative;
	z-index:1;
}
.fbnr_ul01 .ttl .en:after {
	content:"";
	display:block;
	width:1em;
	height:1px;
	background:#000;
	position: absolute; left: 50%; top:calc(100% + .15em);
	transform: translateX(-50%) translateY(-50%);
}
.fbnr_ul01 .ttl .ja {
	display:block;
	padding-top:.5em;
}
.fbnr_ul01 li.bc_c05 .ttl .en:after { background:#857756; }
.fbnr_ul01 li.bc_c05 a:after { border-color: transparent transparent #e7e4dd transparent; }
.fbnr_ul01 li.bc_c06 .ttl .en:after { background:#91acbd; }
.fbnr_ul01 li.bc_c06 a:after { border-color: transparent transparent #e9eef2 transparent; }
.fbnr_ul01 li.bc_c07 .ttl .en:after { background:#a47c84; }
.fbnr_ul01 li.bc_c07 a:after { border-color: transparent transparent #e5e5e5 transparent; }
.fbnr_ul01 li.bc_c04 a:after { border-color: transparent transparent #f2f2f2 transparent; }
.fbnr_ul01 li.bc_c04 .ttl .en:after { background:#73945f; }
.fbnr_ul01 li.bc_c10 .ttl .en:after { background:#d28019; }
.fbnr_ul01 li.bc_c10 a:after { border-color: transparent transparent #f6e6d1 transparent; }
@media(min-width: 785px) and (max-width:1599px) {
	.fbnr_ul01.col4 {
		gap: 0 calc(20 / 1599 * 100vw);
	}
	.fbnr_ul01.col4 > li {
		width:calc(295 / 1599 * 100vw);
		height: calc(120 / 1599 * 100vw);
	}
	.fbnr_ul01.col4 .ttl .ja {
		font-size: calc(23 / 1599* 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.fbnr_ul01.col4 {
		gap: 0 calc(15 / 1299 * 100vw);
	}
	.fbnr_ul01.col4 > li {
		width:calc(240 / 1299 * 100vw);
		height: calc(120 / 1299 * 100vw);
	}
	.fbnr_ul01.col4 .ttl .ja {
		font-size: calc(19 / 1299* 100vw);
	}
}
@media(min-width: 785px) and (max-width:1044px) {
	.fbnr_ul01.col4 {
        gap: calc(30 / 1299* 100vw);
        max-width: calc(1000 / 1299* 100vw);
        margin: 0 auto;
    }
	.fbnr_ul01.col4 > li {
		width:48%;
		margin:0 auto;
		height: calc(180 / 1299* 100vw);
	}
	.fbnr_ul01.col4 .ttl .ja {
        font-size: calc(32 / 1299* 100vw);
    }
	.fbnr_ul01 .ttl {
		font-size:1.1em;
	}
	.fbnr_ul01.col2 {}
	.fbnr_ul01.col2 > li {
		width:48%;
		margin-left:4%;
	}
	/* .fbnr_ul01.col2 > li:nth-of-type(2n + 1) {
		margin-left:0;
	}
	.fbnr_ul01.col2 > li:nth-of-type(n + 3) {
		margin-top:1.5em;
	} */
	.fbnr_ul01.col2 > li:nth-of-type(3n + 1) {
		margin-left:0;
	}
}
@media(max-width: 784px) {
	.fbnr_ul01.col4 {
		gap: calc(40 / 750* 100vw) 0;
	}
	.fbnr_ul01.col4 > li {
		width:calc(520 / 750 * 100vw);
		height: calc(210 / 750* 100vw);
		margin:0 auto;
	}
	.fbnr_ul01.col4 > li:nth-of-type(4n + 1) {
		margin:0 auto;
	}
	.fbnr_ul01.col4 .ttl .ja {
		font-size: calc(40 / 750* 100vw);
	}
	.fbnr_ul01 .ttl {
		font-size:1.1em;
	}

	.fbnr_ul01.col2 {}
	.fbnr_ul01.col2 > li {
		width:100%;
		margin-left:0;
	}
	.fbnr_ul01.col2 > li:nth-of-type(2n + 1) {
		margin-left:0;
	}
	.fbnr_ul01.col2 > li:nth-of-type(n + 2),
	.fbnr_ul01.col2 > li:nth-of-type(n + 3) {
		margin-top:1.5em;
	}
}


/* 共通コンバージョン .index_consultation01
------------------------------------------------------------------*/
.index_consultation01 {
	background:#193446 url(images/page/bg_consul01.jpg) center / cover no-repeat;
	color:#FFF;
	overflow:hidden;
}
.index_consultation01 .__in {
	position:relative;
	z-index:1;
	padding:80px 0;
}
.index_consultation01 .__in:before {
	content:"";
	display:block;
	width:350px;
	height:450px;
	background: url(images/page/bg_consul01_sensei01.png) center / contain no-repeat;
	position: absolute; left: 0%; bottom:0;
	transform: translateX(-50%);
	z-index:-1;
}
.index_consultation01 .bs {
	box-shadow: 0px 4px 9.5px 0.5px rgba(0, 35, 59, 0.3),
				0px 4px 9.5px 0.5px rgba(0, 35, 59, 0.3),
				0px 4px 9.5px 0.5px rgba(0, 35, 59, 0.3);
}
@media(min-width: 785px) and (max-width:1044px) {
	.index_consultation01 {
	}
	.index_consultation01 .__in {
		padding:calc(60 / 1024 * 100vw) 0;
	}
	.index_consultation01 .__in:before {
		width:calc(300 / 1024 * 100vw);
		height:calc(400 / 1024 * 100vw);
		left: 2%;
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1279px) {}
@media(min-width: 1300px) and (max-width:1420px) {
	.index_consultation01 .__in:before {
		left: 5%;
	}
}
@media(max-width: 784px) {
	.index_consultation01 {
		background:#193446 url(images/page/bg_consul01_sp.jpg) center / cover no-repeat;
	}
	.index_consultation01 .__in {
		padding:calc(80 / 750 * 100vw) 3.2vw calc(60 / 750 * 100vw);
	}
	.index_consultation01 .__in:before {
		width:calc(265 / 750 * 100vw);
		height:calc(257 / 750 * 100vw);
		background: url(images/page/bg_consul01_sensei01_sp.png) center / contain no-repeat;
		left: 0%; bottom:auto; top:.25em;
		transform:none;
	}
	.index_consultation01 .fbnr_ul01.col2 > li ._in.flex.center {
        -webkit-justify-content: flex-start; justify-content: flex-start;
		padding-left: 3.2vw;
		padding-right: 3.2vw;
		font-size:.9em;
	}
	.index_consultation01 .fbnr_ul01.col2 > li .icn {
		width:calc(113 / 750 * 100vw);
	}
	.index_consultation01 .fbnr_ul01.col2 > li .txts {
		padding-left:1.25em;
	}
}

.txt_dots {
    /*text-emphasis:filled dot #f1c133;*/
    padding-top:.15em;
    background-repeat: repeat-x;
    background-size: 1.05em 0.25em;
    background-position: top left;
    background-image: radial-gradient(0.075em 0.075em at center center, #f1c133, #f1c133 95%, transparent);
}
@media(min-width: 785px) and (max-width:1044px) {}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
}

.ttl_hurrah01 {}
.ttl_hurrah01 .ja {}
.ttl_hurrah01 .sub {
	display:block;
}
.ttl_hurrah01:before,
.ttl_hurrah01:after {
    content:"";
    display:block;
    width:57px;
    height:105px;
    background:url(images/page/icn_consul01_hurrah_l.svg) center / contain no-repeat;
    position:absolute; right:100%; top:65%;
    transform: translateY(-50%) scaleX(-1);
}
.ttl_hurrah01:after {
    left:100%; right:auto;
    transform: translateY(-50%);
}
@media(min-width: 785px) and (max-width:1044px) {
	.ttl_hurrah01 {
		display:inline-block;
		margin-left:3em;
		text-shadow: 0px 0px 5px #193446, 0px 0px 5px #193446, 0px 0px 10px #193446;
	}
	.ttl_hurrah01 .ja {
		font-size: calc(40 / 1024 * 100vw);
	}
	.ttl_hurrah01 .sub {
		font-size: calc(40 / 1024 * 100vw);
	}
	.ttl_hurrah01:before,
	.ttl_hurrah01:after {
	    width:calc(50 / 1024 * 100vw);
	    height:calc(100 / 1024 * 100vw);
	    top:70%; right:98%;
	}
	.ttl_hurrah01:after {}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.index_consultation01 .ttl_hurrah01 {
    	display:inline-block;
    	margin-left:calc(190 / 750 * 100vw);
    	margin-right:0;
    	margin-bottom:1em;
    }
	.index_consultation01 .ttl_hurrah01 .ja {
    	display:inline-block;
		font-size:1.125em;
		line-height:1.25;
	}
	.index_consultation01 .ttl_hurrah01 .ja em {
		line-height:1;
	}
	.index_consultation01 .ttl_hurrah01 .sub {
		font-size:.56em;
	}
    .ttl_hurrah01:before,
    .ttl_hurrah01:after {
        width:calc(69 / 750 * 100vw);
        height:calc(127 / 750 * 100vw);
        right:auto; left:105%; top:50%;
        transform: translateY(-50%) translateX(-50%);
    }
    .ttl_hurrah01:after {
        left:-5%; right:auto;
        transform: translateY(-50%) translateX(-50%) scaleX(-1);
    }
}


/* このようなお悩みはありませんか　index_trouble
-------------------------------------------------- */
.bg__trouble01 {
	background: url(images/index/bg_trouble01.jpg) no-repeat right / cover;
	padding: calc(55 / 1920 * 100vw) 15% calc(100 / 1920 * 100vw);
}
.index_trouble .ttl01 {
	color: #193446;
	font-size: calc(50 / 1920 * 100vw);
	margin-bottom: calc(40 / 1920 * 100vw);
}
.index_trouble .ttl01 em {
	color: #d28019;
	font-size: calc(70 / 1920 * 100vw);
	border-bottom: 1px solid;
    padding-bottom: calc(5 / 1920* 100vw);
}
.row__troule01 {
	align-items: center;
	justify-content: center;
	gap: calc(20 / 1920 * 100vw);
}
.row__troule01 .col {
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc(400 / 1920 * 100vw);
	height: calc(170 / 1920 * 100vw);
	font-size: calc(36 / 1920 * 100vw);
}
.row__troule01 .col:first-of-type,
.row__troule01 .col:nth-of-type(4) {
	background: rgba(25,52,70,0.5);
}
.row__troule01 .col:nth-of-type(2),
.row__troule01 .col:nth-of-type(5) {
	background: rgba(25,52,70,0.8);
}
.row__troule01 .col:nth-of-type(3) {
	background: rgba(25,52,70,1);
}
.row__troule01 .col p {
	line-height: 1.5;
}
.bg__trouble02 {
	background: url(images/index/bg_trouble02.png) no-repeat center / calc(1920 / 1920 * 100vw);
}
.bg__trouble02 .wrap {
	padding: calc(90 / 1920* 100vw) 20% calc(110 / 1920* 100vw);
}
.bg__trouble02 .wrap p {
	font-size: calc(20 / 1920 * 100vw);
}
.index_trouble .ttl02 {
	color: #193446;
	font-size: calc(50 / 1920 * 100vw);
	margin: calc(60 / 1920 * 100vw) auto;
	line-height: 1.5;
	text-shadow: 0 0 calc(18 / 1920 * 100vw) rgba(66, 66, 66, 0.2);
}
.index_trouble .ttl02 em {
	font-size: calc(70 / 1920 * 100vw);
}
.bg__trouble03 {
	position: relative;
	background: #000000;
	height: calc(550 / 1920 * 100vw);
	align-items: center;
	justify-content: center;
	gap: 0 calc(150 / 1920 * 100vw);
}
.bg__trouble03 .col_txt {
	width: 32%;
}
.bg__trouble03 .txt {
	font-size: calc(20 / 1920 * 100vw);
}
.bg__trouble03 .col_img {
	align-self: stretch;
	width: 38%;
    max-width: 717px;
}
.bg__trouble03 .col_img img {
	height: 100%;
	max-width: unset;
}
.bg__trouble03 .copy01 {
	position: absolute;
	top: calc(-260 / 1920 * 100vw);
	flex-direction: row-reverse;
	gap: 0 calc(35 / 1920* 100vw);
	right: calc(70 / 1920* 100vw);
}
.bg__trouble03 .copy01 .txt01,
.bg__trouble03 .copy01 .txt02 {
	background: #fff;
	line-height: 1.7;
	padding: calc(20 / 1920* 100vw) calc(0 / 1920* 100vw);
	color: #193446;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
}
.bg__trouble03 .copy01 .txt01 {
	font-size: calc(50 / 1920 * 100vw);
}
.bg__trouble03 .copy01 .txt02 {
	font-size: calc(60 / 1920 * 100vw);
}
@media(min-width: 785px) and (max-width:1599px) {
	.bg__trouble01 {
		padding: calc(55 / 1599* 100vw) 10% calc(100 / 1599* 100vw);
	}
	.index_trouble .ttl01 {
		font-size: calc(50 / 1599 * 100vw);
		margin-bottom: calc(40 / 1599 * 100vw);
	}
	.index_trouble .ttl01 em {
		font-size: calc(70 / 1599 * 100vw);
		padding-bottom: calc(5 / 1599* 100vw);
	}
	.row__troule01 {
		gap: calc(20 / 1599 * 100vw);
	}
	.row__troule01 .col {
		width: calc(400 / 1599 * 100vw);
		height: calc(170 / 1599 * 100vw);
		font-size: calc(36 / 1599 * 100vw);
	}
	.bg__trouble02 {
		background: url(images/index/bg_trouble02.png) no-repeat center / calc(1920 / 1599 * 100vw);
	}
	.bg__trouble02 .wrap {
		padding: calc(90 / 1599* 100vw) 10% calc(150 / 1599* 100vw);
	}
	.bg__trouble02 .wrap p {
		font-size: calc(20 / 1599 * 100vw);
	}
	.index_trouble .ttl02 {
		font-size: calc(50 / 1599 * 100vw);
		margin: calc(60 / 1599 * 100vw) auto;
		text-shadow: 0 0 calc(18 / 1599 * 100vw) rgba(66, 66, 66, 0.2);
	}
	.index_trouble .ttl02 em {
		font-size: calc(70 / 1599 * 100vw);
	}
	.bg__trouble03 {
		height: calc(550 / 1599 * 100vw);
		gap: 0 calc(150 / 1599 * 100vw);
	}
	.bg__trouble03 .col_txt {
		width: 32%;
	}
	.bg__trouble03 .txt {
		font-size: calc(20 / 1599 * 100vw);
	}
	.bg__trouble03 .col_img {
		width: 38%;
		max-width: 717px;
	}
	.bg__trouble03 .copy01 {
		top: calc(-260 / 1599 * 100vw);
		gap: 0 calc(20 / 1599* 100vw);
        right: calc(50 / 1599* 100vw);
	}
	.bg__trouble03 .copy01 .txt01,
	.bg__trouble03 .copy01 .txt02 {
		padding: calc(20 / 1599* 100vw) calc(0 / 1599* 100vw);
	}
	.bg__trouble03 .copy01 .txt01 {
		font-size: calc(50 / 1599 * 100vw);
	}
	.bg__trouble03 .copy01 .txt02 {
		font-size: calc(60 / 1599 * 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.bg__trouble01 {
		padding: calc(55 / 1299 * 100vw) 2% calc(100 / 1299 * 100vw);
	}
	.index_trouble .ttl01 {
		font-size: calc(50 / 1299 * 100vw);
		margin-bottom: calc(40 / 1299 * 100vw);
	}
	.index_trouble .ttl01 em {
		font-size: calc(70 / 1299 * 100vw);
		padding-bottom: calc(5 / 1299* 100vw);
	}
	.row__troule01 {
		gap: calc(20 / 1299 * 100vw);
	}
	.row__troule01 .col {
		width: calc(400 / 1299 * 100vw);
		height: calc(170 / 1299 * 100vw);
		font-size: calc(36 / 1299 * 100vw);
	}
	.bg__trouble02 {
		background: url(images/index/bg_trouble02.png) no-repeat center / calc(1920 / 1299 * 100vw);
	}
	.bg__trouble02 .wrap {
		padding: calc(90 / 1299* 100vw) 5% calc(150 / 1299* 100vw);
	}
	.bg__trouble02 .wrap p {
		font-size: calc(20 / 1299 * 100vw);
	}
	.index_trouble .ttl02 {
		font-size: calc(40 / 1299 * 100vw);
		margin: calc(60 / 1299 * 100vw) auto;
		text-shadow: 0 0 calc(18 / 1299 * 100vw) rgba(66, 66, 66, 0.2);
	}
	.index_trouble .ttl02 em {
		font-size: calc(64 / 1299 * 100vw);
	}
	.bg__trouble03 {
		height: calc(550 / 1299 * 100vw);
		gap: 0 calc(60 / 1299 * 100vw);
	}
	.bg__trouble03 .col_txt {
		width: 45%;
	}
	.bg__trouble03 .txt {
		font-size: calc(20 / 1299 * 100vw);
	}
	.bg__trouble03 .col_img {
		width: 35%;
		max-width: 717px;
		align-self: unset;
	}
	.bg__trouble03 .col_img img {
		height: auto;
		max-width: 100%;
	}
	.bg__trouble03 .copy01 {
		top: calc(-160 / 1299* 100vw);
        gap: 0 calc(15 / 1299* 100vw);
        right: calc(20 / 1299* 100vw);
	}
	.bg__trouble03 .copy01 .txt01,
	.bg__trouble03 .copy01 .txt02 {
		padding: calc(20 / 1299* 100vw) calc(0 / 1299* 100vw);
	}
	.bg__trouble03 .copy01 .txt01 {
        font-size: calc(30 / 1299* 100vw);
    }
	.bg__trouble03 .copy01 .txt02 {
		font-size: calc(45 / 1299 * 100vw);
	}
}
@media(max-width: 784px) {
	.bg__trouble01 {
		background: url(images/index/bg_trouble01_sp.jpg) no-repeat center / cover;
		padding: calc(55 / 750* 100vw) calc(25 / 750* 100vw) calc(100 / 750* 100vw);
	}
	.index_trouble .ttl01 {
		font-size: calc(50 / 750 * 100vw);
		margin-bottom: calc(40 / 750 * 100vw);
		line-height: 1.8;
	}
	.index_trouble .ttl01 em {
		font-size: calc(70 / 750 * 100vw);
		padding-bottom: calc(5 / 750* 100vw);
	}
	.row__troule01 {
		gap: calc(20 / 750 * 100vw);
	}
	.row__troule01 .col {
		width: calc(702 / 750* 100vw);
        height: calc(110 / 750* 100vw);
		font-size: calc(36 / 750 * 100vw);
	}
	.bg__trouble02 {
		background: url(images/index/bg_trouble02_sp.png) no-repeat center / calc(750 / 750 * 100vw);
		height: calc(1051 / 750* 100vw);
	}
	.bg__trouble02 .wrap {
		padding: unset;
	}
	.bg__trouble02 .wrap p {
		display: none;
	}
	.index_trouble .ttl02 {
		font-size: calc(34 / 750 * 100vw);
		margin: calc(60 / 750 * 100vw) auto;
		text-shadow: 0 0 calc(18 / 750 * 100vw) rgba(66, 66, 66, 0.2);
		letter-spacing: .1em;
		position: relative;
        left: calc(-100 / 750* 100vw);
	}
	.index_trouble .ttl02 em {
		font-size: calc(50 / 750 * 100vw);
	}
	.bg__trouble03 {
		flex-direction: column-reverse;
    	height: auto;
		gap: calc(50 / 750* 100vw) 0;
	}
	.bg__trouble03 .col_txt {
		width: 100%;
        padding: 0 calc(50 / 750* 100vw) calc(90 / 750* 100vw);
	}
	.bg__trouble03 .txt {
		font-size: calc(32 / 750 * 100vw);
	}
	.bg__trouble03 .col_img {
        width: 70%;
        max-width: calc(584 / 750* 100vw);
    }
	.bg__trouble03 .col_img img {
		height: auto;
		max-width: 100%;
	}
	.bg__trouble03 .copy01 {
		top: calc(-210 / 750* 100vw);
		gap: 0 calc(25 / 750* 100vw);
		right: calc(50 / 750* 100vw);
		letter-spacing: .15em;
	}
	.bg__trouble03 .copy01 .txt01,
	.bg__trouble03 .copy01 .txt02 {
		padding: calc(20 / 750* 100vw) calc(0 / 750* 100vw);
	}
	.bg__trouble03 .copy01 .txt01 {
		font-size: calc(34 / 750 * 100vw);
	}
	.bg__trouble03 .copy01 .txt02 {
		font-size: calc(42 / 750 * 100vw);
	}
}


/* ブルーラジカルとは　index_blue_radical
-------------------------------------------------- */
.bg_blue_radical01 {
	background:url(images/index/bg_blue_radical02.png) no-repeat center/ cover;
}
.wrap_blue_radical01 {
	height: calc(600 / 1920* 100vw);
	position: relative;
	margin-bottom: calc(100 / 1920* 100vw);
}
.wrap_blue_radical01::before {
	position: absolute;
	content: '';
	background:url(images/index/img_blue_radical01.png) no-repeat center/ cover;
	right: 0;
	bottom: 0;
	width: 43%;
	max-width: calc(790 / 1920 * 100vw);
	height: calc(450 / 1920 * 100vw);
}
.wrap_blue_radical01 .col_txt {
	width: 57%;
	padding: calc(75 / 1920* 100vw) calc(50 / 1920* 100vw) calc(0 / 1920* 100vw) calc(340 / 1920* 100vw);
}
.wrap_blue_radical01 .ttl {
	color: #333333;
	font-size: calc(40 / 1920 * 100vw);
	margin-bottom: calc(15 / 1920 * 100vw);
}
.wrap_blue_radical01 .ttl em {
	color: #193446;
	font-size: calc(50 / 1920 * 100vw);
	line-height: 1.5;
    letter-spacing: .1em;
}
.wrap_blue_radical01 .txt {
	font-size: calc(20 / 1920 * 100vw);
}
.box_blue_radical01 {
	box-shadow: calc(3 / 1920 * 100vw) calc(2 / 1920 * 100vw) calc(7 / 1920 * 100vw) 0 rgba(0, 0, 0, 0.35);
	max-width: calc(1520 / 1920 * 100vw);
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	padding: calc(60 / 1920 * 100vw) calc(90 / 1920 * 100vw) calc(75 / 1920 * 100vw);
	margin-bottom: calc(100 / 1920* 100vw);
}
.box_blue_radical01 .ttl01 {
	font-size: calc(40 / 1920 * 100vw);
	margin-bottom: calc(40 / 1920 * 100vw);
}
.row_blue_radical01 {
	margin-bottom: calc(10 / 1920* 100vw);
	justify-content: center;
    gap: 0 calc(40 / 1920* 100vw);
}
.row_blue_radical01 .col {
	width: calc(650 / 1920 * 100vw);
	background-color: #f2f2f2;
}
.row_blue_radical01 .col .ttl01 {
	font-size: calc(40 / 1920 * 100vw);
	height: calc(115 / 1920 * 100vw);
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 0;
}
.row_blue_radical01 .col .ttl01::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(115 / 1920* 100vw) calc(650 / 1920* 100vw) 0 0;
    z-index: 1;
    transform: rotate(180deg);
}
.row_blue_radical01 .col:nth-of-type(1) .ttl01 {
	background: rgba(25,52,70,.8);
}
.row_blue_radical01 .col:nth-of-type(1) .ttl01::before {
	border-color: rgba(25,52,70,1) transparent transparent transparent;
}
.row_blue_radical01 .col:nth-of-type(2) .ttl01 {
	background: rgba(133,119,86,.8);
}
.row_blue_radical01 .col:nth-of-type(2) .ttl01::before {
	border-color: rgba(133,119,86,1) transparent transparent transparent;
}
.row_blue_radical01 .col .ttl01 p {
	position: relative;
	z-index: 2;
}
.row_blue_radical01 .col .wrap {
	padding: 0 calc(50 / 1920 * 100vw) calc(50 / 1920 * 100vw);
}
.row_blue_radical01 .col .ttl02 {
	font-size: calc(40 / 1920 * 100vw);
	margin-bottom: calc(20 / 1920 * 100vw);
	position: relative;
}
.row_blue_radical01 .col .ttl02::after {
	position: absolute;
	content: '';
	background: #193446;
	width: calc(50 / 1920 * 100vw);
	height: calc(2 / 1920 * 100vw);
	left: 50%;
	transform: translate(-50%, 0);
	bottom: calc(0 / 1920* 100vw);
}
.row_blue_radical01 .col .txt {
	font-size: calc(20 / 1920 * 100vw);
	margin-bottom: calc(35 / 1920 * 100vw);
}
.row_blue_radical01 + p {
	text-align: right;
	font-size: calc(20 / 1920 * 100vw);
}
.bg_blue_radical02 {
	background: #f2f2f2;
	position: relative;
	padding: calc(100 / 1920 * 100vw) 5% calc(75 / 1920 * 100vw);
	justify-content: center;
	gap: 0 calc(40 / 1920 * 100vw);
}
.bg_blue_radical02::before {
	content: "";
	position: absolute;
	background: url(images/index/arrow_blue_radical01.png) no-repeat center / contain;
	width: calc(800 / 1920 * 100vw);
	height: calc(100 / 1920 * 100vw);
	top: calc(-50 / 1920 * 100vw);
	left: 50%;
	transform: translate(-50%, 0);
}
.row_blue_radical02 {
	justify-content: center;
	align-items: center;
	gap: 0 calc(40 / 1920 * 100vw);
	margin: 0 auto calc(15 / 1920 * 100vw);
}
.bg_blue_radical02 .ccl01 {
	justify-content: center;
    align-items: center;
    text-align: center;
	width: calc(230 / 1920 * 100vw);
	height: calc(230 / 1920 * 100vw);
	border-radius: 100%;
	background: #193446;
	line-height: 1.6;
}
.bg_blue_radical02 .ccl02 {
	justify-content: center;
    align-items: center;
    text-align: center;
	width: calc(330 / 1920 * 100vw);
	height: calc(330 / 1920 * 100vw);
	border-radius: 100%;
	background: #857756;
	line-height: 1.6;
}
.bg_blue_radical02 .ccl01 p {
	font-size: calc(32 / 1920 * 100vw);
	text-shadow: calc(7 / 1920 * 100vw) calc(5 / 1920 * 100vw) calc(16 / 1920 * 100vw) rgba(2, 19, 31, 0.3);
}
.bg_blue_radical02 .ccl02 p {
	font-size: calc(48 / 1920 * 100vw);
	text-shadow: calc(7 / 1920 * 100vw) calc(5 / 1920 * 100vw) calc(16 / 1920 * 100vw) rgba(2, 19, 31, 0.3);
}
.bg_blue_radical02 .img_col {
	height: calc(175 / 1920* 100vw);
}
.bg_blue_radical02 .txt {
	font-size: calc(50 / 1920 * 100vw);
	color: #193446;
	line-height: 1.7;
}
.bg_blue_radical02 .txt em {
	font-size: calc(70 / 1920 * 100vw);
	color: #857756;
}
.bg_blue_radical02 .txt .txt02 {
	font-size: calc(60 / 1920 * 100vw);
}
@media(min-width: 785px) and (max-width:1599px) {
	.wrap_blue_radical01 {
		height: calc(600 / 1599* 100vw);
		margin-bottom: calc(100 / 1599* 100vw);
	}
	.wrap_blue_radical01::before {
		width: 43%;
		max-width: calc(790 / 1599 * 100vw);
		height: calc(450 / 1599 * 100vw);
	}
	.wrap_blue_radical01 .col_txt {
		width: 57%;
		padding: calc(75 / 1599* 100vw) calc(50 / 1599* 100vw) calc(0 / 1599* 100vw) calc(200 / 1599* 100vw);
	}
	.wrap_blue_radical01 .ttl {
		font-size: calc(40 / 1599 * 100vw);
		margin-bottom: calc(15 / 1599 * 100vw);
	}
	.wrap_blue_radical01 .ttl em {
		font-size: calc(50 / 1599 * 100vw);
	}
	.wrap_blue_radical01 .txt {
		font-size: calc(20 / 1599 * 100vw);
	}
	.box_blue_radical01 {
		box-shadow: calc(3 / 1599 * 100vw) calc(2 / 1599 * 100vw) calc(7 / 1920 * 100vw) 0 rgba(0, 0, 0, 0.35);
		max-width: 1520px;
		padding: calc(60 / 1599 * 100vw) calc(90 / 1599 * 100vw) calc(75 / 1599 * 100vw);
		margin-bottom: calc(100 / 1599* 100vw);
	}
	.box_blue_radical01 .ttl01 {
		font-size: calc(40 / 1599 * 100vw);
		margin-bottom: calc(40 / 1599 * 100vw);
	}
	.row_blue_radical01 {
		margin-bottom: calc(10 / 1599* 100vw);
	}
	.row_blue_radical01 .col {
		width: calc(660 / 1599 * 100vw);
	}
	.row_blue_radical01 .col .ttl01 {
		font-size: calc(40 / 1599 * 100vw);
		height: calc(115 / 1599 * 100vw);
	}
	.row_blue_radical01 .col .ttl01::before {
		border-width: calc(115 / 1599* 100vw) calc(650 / 1599* 100vw) 0 0;
	}
	.row_blue_radical01 .col .wrap {
		padding: 0 calc(50 / 1599 * 100vw) calc(50 / 1599 * 100vw);
	}
	.row_blue_radical01 .col .ttl02 {
		font-size: calc(40 / 1599 * 100vw);
		margin-bottom: calc(20 / 1599 * 100vw);
	}
	.row_blue_radical01 .col .ttl02::after {
		width: calc(50 / 1599 * 100vw);
		height: calc(2 / 1599 * 100vw);
		bottom: calc(0 / 1599* 100vw);
	}
	.row_blue_radical01 .col .txt {
		font-size: calc(20 / 1599 * 100vw);
		margin-bottom: calc(35 / 1599 * 100vw);
	}
	.row_blue_radical01 + p {
		font-size: calc(20 / 1599 * 100vw);
	}
	.bg_blue_radical02 {
		padding: calc(100 / 1599 * 100vw) 5% calc(75 / 1599 * 100vw);
		gap: 0 calc(40 / 1599 * 100vw);
	}
	.bg_blue_radical02::before {
		width: calc(800 / 1599 * 100vw);
		height: calc(100 / 1599 * 100vw);
		top: calc(-50 / 1599 * 100vw);
	}
	.row_blue_radical02 {
		gap: 0 calc(40 / 1599 * 100vw);
		margin: 0 auto calc(15 / 1599 * 100vw);
	}
	.bg_blue_radical02 .ccl01 {
		width: calc(230 / 1599 * 100vw);
		height: calc(230 / 1599 * 100vw);
	}
	.bg_blue_radical02 .ccl02 {
		width: calc(330 / 1599 * 100vw);
		height: calc(330 / 1599 * 100vw);
	}
	.bg_blue_radical02 .ccl01 p {
		font-size: calc(32 / 1599 * 100vw);
		text-shadow: calc(7 / 1599 * 100vw) calc(5 / 1599 * 100vw) calc(16 / 1599 * 100vw) rgba(2, 19, 31, 0.3);
	}
	.bg_blue_radical02 .ccl02 p {
		font-size: calc(48 / 1599 * 100vw);
		text-shadow: calc(7 / 1599 * 100vw) calc(5 / 1599 * 100vw) calc(16 / 1599 * 100vw) rgba(2, 19, 31, 0.3);
	}
	.bg_blue_radical02 .img_col {
		height: calc(175 / 1599* 100vw);
	}
	.bg_blue_radical02 .txt {
		font-size: calc(50 / 1599 * 100vw);
	}
	.bg_blue_radical02 .txt em {
		font-size: calc(70 / 1599 * 100vw);
	}
	.bg_blue_radical02 .txt .txt02 {
		font-size: calc(60 / 1599 * 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.wrap_blue_radical01 {
		height: calc(600 / 1299* 100vw);
		margin-bottom: calc(100 / 1299* 100vw);
	}
	.wrap_blue_radical01::before {
		width: 43%;
		max-width: calc(790 / 1299 * 100vw);
		height: calc(450 / 1299 * 100vw);
	}
	.wrap_blue_radical01 .col_txt {
		width: 57%;
		padding: calc(75 / 1299* 100vw) calc(50 / 1299* 100vw) calc(0 / 1299* 100vw) calc(100 / 1299* 100vw);
	}
	.wrap_blue_radical01 .ttl {
		font-size: calc(34 / 1299 * 100vw);
		margin-bottom: calc(15 / 1299 * 100vw);
	}
	.wrap_blue_radical01 .ttl em {
		font-size: calc(44 / 1299 * 100vw);
	}
	.wrap_blue_radical01 .txt {
		font-size: calc(20 / 1299 * 100vw);
	}
	.box_blue_radical01 {
		box-shadow: calc(3 / 1299 * 100vw) calc(2 / 1299 * 100vw) calc(7 / 1299 * 100vw) 0 rgba(0, 0, 0, 0.35);
		max-width: calc(1200 / 1299* 100vw);
        padding: calc(60 / 1299* 100vw) calc(80 / 1299* 100vw) calc(75 / 1299* 100vw);
		margin-bottom: calc(100 / 1299* 100vw);
	}
	.box_blue_radical01 .ttl01 {
		font-size: calc(40 / 1299 * 100vw);
		margin-bottom: calc(40 / 1299 * 100vw);
	}
	.row_blue_radical01 {
		margin-bottom: calc(10 / 1299* 100vw);
		gap: 0 calc(20 / 1299* 100vw);
	}
	.row_blue_radical01 .col {
		width: calc(500 / 1299* 100vw);
	}
	.row_blue_radical01 .col .ttl01 {
		font-size: calc(40 / 1299 * 100vw);
		height: calc(115 / 1299 * 100vw);
	}
	.row_blue_radical01 .col .ttl01::before {
		border-width: calc(115 / 1299* 100vw) calc(500 / 1299* 100vw) 0 0;
	}
	.row_blue_radical01 .col .wrap {
		padding: 0 calc(50 / 1299 * 100vw) calc(50 / 1299 * 100vw);
	}
	.row_blue_radical01 .col .ttl02 {
		font-size: calc(30 / 1299* 100vw);
		margin-bottom: calc(20 / 1299 * 100vw);
	}
	.row_blue_radical01 .col .ttl02::after {
		width: calc(50 / 1299 * 100vw);
		height: calc(2 / 1299 * 100vw);
		bottom: calc(0 / 1299* 100vw);
	}
	.row_blue_radical01 .col .txt {
		font-size: calc(18 / 1299* 100vw);
		margin-bottom: calc(35 / 1299 * 100vw);
	}
	.row_blue_radical01 + p {
		font-size: calc(18 / 1299 * 100vw);
	}
	.bg_blue_radical02 {
		padding: calc(100 / 1299 * 100vw) 5% calc(75 / 1299 * 100vw);
		gap: 0 calc(40 / 1299 * 100vw);
	}
	.bg_blue_radical02::before {
		width: calc(800 / 1299 * 100vw);
		height: calc(100 / 1299 * 100vw);
		top: calc(-50 / 1299 * 100vw);
	}
	.row_blue_radical02 {
		gap: 0 calc(40 / 1299 * 100vw);
		margin: 0 auto calc(15 / 1299 * 100vw);
	}
	.bg_blue_radical02 .ccl01 {
		width: calc(230 / 1299 * 100vw);
		height: calc(230 / 1299 * 100vw);
	}
	.bg_blue_radical02 .ccl02 {
		width: calc(330 / 1299 * 100vw);
		height: calc(330 / 1299 * 100vw);
	}
	.bg_blue_radical02 .ccl01 p {
		font-size: calc(32 / 1299 * 100vw);
		text-shadow: calc(7 / 1299 * 100vw) calc(5 / 1299 * 100vw) calc(16 / 1599 * 100vw) rgba(2, 19, 31, 0.3);
	}
	.bg_blue_radical02 .ccl02 p {
		font-size: calc(48 / 1299 * 100vw);
		text-shadow: calc(7 / 1299 * 100vw) calc(5 / 1299 * 100vw) calc(16 / 1299 * 100vw) rgba(2, 19, 31, 0.3);
	}
	.bg_blue_radical02 .img_col {
		height: auto;
        width: calc(100 / 1299* 100vw);
	}
	.bg_blue_radical02 .txt {
		font-size: calc(40 / 1299 * 100vw);
	}
	.bg_blue_radical02 .txt em {
		font-size: calc(64 / 1299 * 100vw);
	}
	.bg_blue_radical02 .txt .txt02 {
		font-size: calc(48 / 1299 * 100vw);
	}
}
@media(max-width: 784px) {
	.bg_blue_radical01 {
		background: url(images/index/bg_blue_radical02_sp.png) no-repeat center / cover;
	}
	.wrap_blue_radical01 {
		height: auto;
		margin-bottom: calc(100 / 750* 100vw);
		padding-top: calc(80 / 750* 100vw);
	}
	.wrap_blue_radical01::before {
		width: 100%;
        max-width: calc(702 / 750* 100vw);
        height: calc(400 / 750* 100vw);
        background: url(images/index/img_blue_radical01_sp.png) no-repeat center / cover;
        position: relative;
        right: unset;
        left: 50%;
        transform: translate(-50%, 0);
	}
	.wrap_blue_radical01 .col_txt {
		width: 100%;
        padding: calc(20 / 750* 100vw);
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.wrap_blue_radical01 .ttl {
		font-size: calc(46 / 750* 100vw);
		margin-bottom: calc(15 / 750 * 100vw);
		text-align: center;
    	line-height: 1.7;
	}
	.wrap_blue_radical01 .ttl em {
		font-size: calc(60 / 750 * 100vw);
	}
	.wrap_blue_radical01 .txt {
		font-size: calc(32 / 750* 100vw);
        max-width: calc(640 / 750* 100vw);
	}
	.box_blue_radical01 {
		box-shadow: calc(3 / 750 * 100vw) calc(2 / 750 * 100vw) calc(7 / 750 * 100vw) 0 rgba(0, 0, 0, 0.35);
		max-width: calc(702 / 750* 100vw);
        padding: calc(40 / 750* 100vw) calc(30 / 750* 100vw) calc(55 / 750* 100vw);
		margin-bottom: calc(100 / 750* 100vw);
	}
	.box_blue_radical01 .ttl01 {
		font-size: calc(46 / 750* 100vw);
        margin-bottom: calc(30 / 750* 100vw);
        letter-spacing: .1em;
	}
	.row_blue_radical01 {
        flex-direction: column;
        margin-bottom: calc(10 / 750* 100vw);
        gap: calc(60 / 750* 100vw) 0;
    }
	.row_blue_radical01 .col {
		width: calc(640 / 750* 100vw);
	}
	.row_blue_radical01 .col .ttl01 {
		font-size: calc(40 / 750 * 100vw);
		height: calc(115 / 750 * 100vw);
	}
	.row_blue_radical01 .col .ttl01::before {
		border-width: calc(115 / 750* 100vw) calc(640 / 750* 100vw) 0 0;
	}
	.row_blue_radical01 .col .wrap {
		padding: 0 calc(50 / 750 * 100vw) calc(50 / 750 * 100vw);
	}
	.row_blue_radical01 .col .ttl02 {
		font-size: calc(40 / 750* 100vw);
        margin-bottom: calc(30 / 750* 100vw);
	}
	.row_blue_radical01 .col .ttl02::after {
		width: calc(50 / 750 * 100vw);
		height: calc(2 / 750 * 100vw);
		bottom: calc(0 / 750* 100vw);
	}
	.row_blue_radical01 .col .txt {
		font-size: calc(32 / 750* 100vw);
		margin-bottom: calc(35 / 750 * 100vw);
	}
	.row_blue_radical01 + p {
		font-size: calc(18 / 750 * 100vw);
	}
	.bg_blue_radical02 {
		padding: calc(100 / 750 * 100vw) 5% calc(75 / 750 * 100vw);
		gap: 0 calc(40 / 750 * 100vw);
	}
	.bg_blue_radical02::before {
		background: url(images/index/arrow_blue_radical01_sp.png) no-repeat center / contain;
		width: calc(690 / 750 * 100vw);
		height: calc(88 / 750 * 100vw);
		top: calc(-44 / 750 * 100vw);
	}
	.row_blue_radical02 {
		gap: 0 calc(30 / 750 * 100vw);
		margin: 0 auto calc(30 / 750 * 100vw);
	}
	.bg_blue_radical02 .ccl01 {
		width: calc(185 / 750 * 100vw);
		height: calc(185 / 750 * 100vw);
	}
	.bg_blue_radical02 .ccl02 {
		width: calc(260 / 750 * 100vw);
		height: calc(260 / 750 * 100vw);
	}
	.bg_blue_radical02 .ccl01 p {
		font-size: calc(25 / 750 * 100vw);
		text-shadow: calc(7 / 750 * 100vw) calc(5 / 750 * 100vw) calc(16 / 750 * 100vw) rgba(2, 19, 31, 0.3);
	}
	.bg_blue_radical02 .ccl02 p {
		font-size: calc(38 / 750 * 100vw);
		text-shadow: calc(7 / 750 * 100vw) calc(5 / 750 * 100vw) calc(16 / 750 * 100vw) rgba(2, 19, 31, 0.3);
	}
	.bg_blue_radical02 .img_col {
		height: auto;
        width: calc(100 / 750* 100vw);
	}
	.bg_blue_radical02 .txt {
		font-size: calc(40 / 750 * 100vw);
	}
	.bg_blue_radical02 .txt em {
		font-size: calc(56 / 750 * 100vw);
	}
	.bg_blue_radical02 .txt .txt02 {
		font-size: calc(48 / 750 * 100vw);
	}
}


/* どのような方が歯周病専門医にかかった方が良いの？ .index_periodontologist
------------------------------------------------------------------*/
.index_periodontologist {
	background:#bcbab6 url(images/index/bg_perio01.jpg) center / cover no-repeat;
	padding:85px 0 100px;
}
@media(max-width: 784px) {
	.index_periodontologist {
		background:#bcbab6 url(images/index/bg_perio01_sp.jpg) center top / cover no-repeat;
		padding:calc(90 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
	}
	.index_periodontologist .ttl_block01 .ja {
		font-size:calc(50 / 750 * 100vw);
		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;
	}
}

.box_perio01 {
	padding-left:6%;
	padding-right:6%;
}
.box_perio01 ._ul > li {
	width:48%;
	padding-left:3.7%;
	padding-right:3.7%;
	padding-top:1.8em;
}
@media(min-width: 785px) and (max-width:1044px) {
	.box_perio01 {
		padding-left:3.2vw;
		padding-right:3.2vw;
	}
	.box_perio01 ._ul > li {
		width:48%;
		padding-left:3.2vw;
		padding-right:3.2vw;
		padding-top:calc(40 / 1024 * 100vw);
		padding-bottom:calc(40 / 1024 * 100vw);
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.box_perio01 {
		padding-left:3.2vw;
		padding-right:3.2vw;
	}
	.box_perio01 ._ul > li {
		width:100%;
		padding-left:3.2vw;
		padding-right:3.2vw;
		padding-top:calc(50 / 750 * 100vw);
		padding-bottom:calc(60 / 750 * 100vw);
	}
	.box_perio01 ._ul > li:nth-of-type(n + 2) {
		margin-top:calc(50 / 750 * 100vw);
	}
	.box_perio01 ._ul > li > ul {
		padding:1.25em 1em;
	}
}

.ttl_bdr01 {
	position:relative;
	z-index:1;
	padding-bottom:.75em;
	font-size:calc(20 / 1920 * 100vw);
}
.ttl_bdr01:before {
	content:"";
	display:block;
	width:2.5em;
	height:2px;
	background:#193446;
	position: absolute; left: 50%; top:100%;
	transform: translateX(-50%);
}
.ttl_bdr01.wht:before {
	background:#FFF;
}
@media(min-width: 1921px) {
	.ttl_bdr01 {
		font-size:1em; /* ie11を考えなければmax関数使える */
	}
}
@media(min-width: 785px) and (max-width:1044px) {
	.ttl_bdr01 {
		font-size:calc(15 / 1024 * 100vw);
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.ttl_bdr01 {
		font-size:1em;
		padding-bottom:.5em;
		margin-bottom:1em;
	}
	.ttl_bdr01:before {
		width:1.5em;
		height:1px;
	}
	.ttl_bdr01 .ja {
		font-size:calc(40 / 750 * 100vw);
	}
}

.list_default li:before {
    top:.6em;
}
.list_default.orange li:before {
    background: #d28019;
}
.list_default.brown li:before {
    background: #857756;
}


/* あなたの歯周病の進行度は？ .index_periobox
------------------------------------------------------------------*/
.index_periobox {}
.index_periobox .bg01 {
	background:#616161 url(images/index/bg_periobox01.jpg) center / cover no-repeat;
	padding:100px 0 120px;
}

@media(min-width: 785px) and (max-width:1044px) {
	.index_periobox .bg01 {
		background:#616161 url(images/index/bg_periobox01_sp.jpg) center / cover no-repeat;
		padding:calc(100 / 1024 * 100vw) 0 calc(120 / 1024 * 100vw);
	}

	.index_periobox .bg01 .ttl_block01 .ja {
		font-size:calc(60 / 1024 * 100vw);
	}
	.index_periobox ._alertbox {}
	.index_periobox ._alertbox .arw {
		width:1.25em;
	}
	.index_periobox ._alertbox .lead01 .ja {
		font-size:calc(35 / 1024 * 100vw);
	}

}
@media(max-width: 784px) {
	.index_periobox .bg01 {
		background:#616161 url(images/index/bg_periobox01_sp.jpg) center / cover no-repeat;
		padding:calc(100 / 750 * 100vw) 0 calc(120 / 750 * 100vw);
	}

	.index_periobox .bg01 .ttl_block01 .ja {
		font-size:1.875em;
		line-height:1.6;
	}
	.index_periobox ._alertbox {}
	.index_periobox ._alertbox .arw {
		width:1.25em;
	}
	.index_periobox ._alertbox .lead01 .ja {
		font-size:calc(40 / 750 * 100vw);
	}
}

.box_perio02 {
	padding:50px 5%;
}
.box_perio02 ._box .list_default {
	padding:1.5em 4.16% 2.25em;
}
@media(max-width: 784px) {
	.box_perio02 {
		padding:calc(60 / 750 * 100vw) 3.2vw;
	}
	.box_perio02 ._box .list_default {
		padding:1em 3.2vw;
	}
}

.arw_ul01 {}
.arw_ul01.col3 > li {
	width:33%;
	margin-left:1.6%;
	position:relative;
	z-index:1;
}
.arw_ul01.col3 > li:nth-of-type(3n + 1) {
	margin-left:0;
}
.arw_ul01.col3 > li:not(:last-of-type) .ttl:before {
	content:"";
	display:block;
	width:1em;
	height:100%;
	/*clip-path: polygon(0 0, 0% 100%, 100% 50%);*/
	background-image:url(images/index/icn_trinanglle02.png);
	background-position:center;
	background-size:100% 100%;
	background-repeat:no-repeat;
	position: absolute; left: 100%; top:50%;
	transform: translateY(-50%);
}
.arw_ul01.col3 > li .ttl {
	padding:1.45em 0 1.25em;
}
@media(min-width: 785px) and (max-width:1044px) {
	.arw_ul01.col3 > li {
		width:32%;
		margin-left:1.5%;
	}
	.arw_ul01.col3 > li:nth-of-type(3n + 1) {
		margin-left:0;
	}
	.arw_ul01.col3 > li:not(:last-of-type) .ttl:before {
		content:"";
		display:block;
		width:calc(10 / 1024 * 100vw);
	}
	.arw_ul01.col3 > li .ttl {
		display:block;
		line-height:1;
		padding:.35em;
	}
	.arw_ul01.col3 > li .ttl .ja {
		font-size:2em;
	}
}
@media(max-width: 784px) {
	.arw_ul01.col3 > li {
		width:32%;
		margin-left:1.5%;
	}
	.arw_ul01.col3 > li:nth-of-type(3n + 1) {
		margin-left:0;
	}
	.arw_ul01.col3 > li:not(:last-of-type) .ttl:before {
		content:"";
		display:block;
		width:calc(10 / 750 * 100vw);
	}
	.arw_ul01.col3 > li .ttl {
		display:block;
		line-height:1;
		padding:.35em;
	}
	.arw_ul01.col3 > li .ttl .ja {
		font-size:.8em;
	}
}

.list_default.checkicn li {
    padding-left:1.75em;
}
.list_default.checkicn li:before {
    width: 21px;
    height:20px;
    background:url(images/page/icn_check01.svg) center / contain no-repeat;
    border-radius:0;
    position: absolute; left: 0; top: .35em;
}
@media(max-width: 784px) {
	.list_default.checkicn li {
	    padding-left:1.5em;
	}
	.list_default.checkicn li:before {
	    width: .75em;
	    height:.75em;
	    top: .45em;
	}
}

.ttl_block02 {
	background:url(images/page/bgttl01_brown.svg) center / cover no-repeat;
}
.ttl_block02.green { background-image:url(images/page/bgttl01_green.svg); }
.ttl_block02.orange { background-image:url(images/page/bgttl01_orange.svg); }
.ttl_block02 .ja {}
@media(min-width: 785px) and (max-width:1044px) {
	.ttl_block02 {
		padding:.5em .5em .25em;
	}
	.ttl_block02 .ja {
		font-size:1.56em;
		padding:.25em;
	}
}
@media(max-width: 784px) {
	.ttl_block02 {
		padding:.5em .5em .25em;
	}
	.ttl_block02 .ja {
		font-size:1.56em;
		padding:.25em;
	}
}

.cbox_ul01.col3 {}
.cbox_ul01.col3 > li {
	width:33%;
	margin-left:1.6%;
	font-size:calc(20 / 1920 * 100vw);
}
.cbox_ul01.col3 > li:nth-of-type(3n + 1) {
	margin-left:0;
}
@media(min-width: 1921px) {
	.cbox_ul01.col3 > li {
		font-size:1em;
	}
}
@media(max-width: 784px) {
	.cbox_ul01.col3.flex.nowrap {
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
	}
	.cbox_ul01.col3 > li {
		width:100%;
		margin-left:0;
		font-size:1em;
	}
	.cbox_ul01.col3 > li:nth-of-type(3n + 1) {
		margin-left:0;
	}
	.cbox_ul01.col3 > li:nth-of-type(n + 2) {
		margin-top:calc(40 / 750 * 100vw);
	}
}

.bg_perio01 {
	background: url(images/index/bg_blue_radical03.jpg) no-repeat right / cover;
	padding: calc(70 / 1920 * 100vw) 5% calc(140 / 1920 * 100vw);
	position: relative;
}
.bg_perio01::after {
	content: "";
    position: absolute;
    background: url(images/index/arrow_blue_radical01.png) no-repeat center / contain;
    width: calc(800 / 1920* 100vw);
    height: calc(100 / 1920* 100vw);
    bottom: calc(-50 / 1920* 100vw);
    left: 50%;
    transform: translate(-50%, 0);
}
.bg_perio01 .copy01 {
	font-size: calc(50 / 1920 * 100vw);
	color: #193446;
	line-height: 1.8;
}
.bg_perio01 .copy01 em {
	font-size: calc(70 / 1920 * 100vw);
	color: #d28019;
	border-bottom: 1px solid #d28019;
	padding-bottom: calc(10 / 1920* 100vw);
}
.bg_perio02 {
	background: #f2f2f2;
	padding: calc(90 / 1920 * 100vw) 5%;
}
.bg_perio02 .copy01 {
	font-size: calc(50 / 1920 * 100vw);
	color: #193446;
	margin-bottom: calc(20 / 1920 * 100vw);
	line-height: 1.7;
}
.bg_perio02 .copy01 em {
	font-size: calc(70 / 1920 * 100vw);
	color: #857756;
}
.bg_perio02 .txt {
	font-size: calc(20 / 1920 * 100vw);
}
@media(min-width: 785px) and (max-width:1599px) {
	.bg_perio01 {
		padding: calc(70 / 1599 * 100vw) 5% calc(140 / 1599 * 100vw);
	}
	.bg_perio01::after {
		width: calc(800 / 1599* 100vw);
		height: calc(100 / 1599* 100vw);
		bottom: calc(-50 / 1599* 100vw);
	}
	.bg_perio01 .copy01 {
		font-size: calc(50 / 1599 * 100vw);
	}
	.bg_perio01 .copy01 em {
		font-size: calc(70 / 1599 * 100vw);
		padding-bottom: calc(10 / 1599* 100vw);
	}
	.bg_perio02 {
		padding: calc(90 / 1599 * 100vw) 5%;
	}
	.bg_perio02 .copy01 {
		font-size: calc(50 / 1599 * 100vw);
		margin-bottom: calc(20 / 1599 * 100vw);
	}
	.bg_perio02 .copy01 em {
		font-size: calc(70 / 1599 * 100vw);
	}
	.bg_perio02 .txt {
		font-size: calc(20 / 1599 * 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.bg_perio01 {
		padding: calc(70 / 1299 * 100vw) 5% calc(140 / 1299 * 100vw);
	}
	.bg_perio01::after {
		width: calc(800 / 1299* 100vw);
		height: calc(100 / 1299* 100vw);
		bottom: calc(-50 / 1299* 100vw);
	}
	.bg_perio01 .copy01 {
		font-size: calc(50 / 1299 * 100vw);
	}
	.bg_perio01 .copy01 em {
		font-size: calc(70 / 1299 * 100vw);
		padding-bottom: calc(10 / 1299* 100vw);
	}
	.bg_perio02 {
		padding: calc(90 / 1299 * 100vw) 5%;
	}
	.bg_perio02 .copy01 {
		font-size: calc(50 / 1299 * 100vw);
		margin-bottom: calc(20 / 1299 * 100vw);
	}
	.bg_perio02 .copy01 em {
		font-size: calc(70 / 1299 * 100vw);
	}
	.bg_perio02 .txt {
		font-size: calc(20 / 1299 * 100vw);
	}
}
@media(max-width:784px) {
	.bg_perio01 {
		background: url(images/index/bg_blue_radical03_sp.jpg) no-repeat center / cover;
		padding: calc(70 / 750 * 100vw) 5% calc(140 / 750 * 100vw);
	}
	.bg_perio01::after {
		width: calc(690 / 750* 100vw);
		height: calc(88 / 750* 100vw);
		bottom: calc(-44 / 750* 100vw);
		background: url(images/index/arrow_blue_radical01_sp.png) no-repeat center / contain;
	}
	.bg_perio01 .copy01 {
		font-size: calc(40 / 750 * 100vw);
	}
	.bg_perio01 .copy01 em {
		font-size: calc(56 / 750 * 100vw);
		padding-bottom: calc(10 / 750* 100vw);
	}
	.bg_perio02 {
		padding: calc(90 / 750 * 100vw) 0;
	}
	.bg_perio02 .copy01 {
		font-size: calc(48 / 750 * 100vw);
		margin-bottom: calc(20 / 750 * 100vw);
		letter-spacing: .1em;
	}
	.bg_perio02 .copy01 em {
		font-size: calc(56 / 750 * 100vw);
	}
	.bg_perio02 .txt {
		font-size: calc(32 / 750 * 100vw);
	}
}



/* 治療症例紹介 .index_case
------------------------------------------------------------------*/
.index_case {}
.index_case .bg02 .inner > .txt01 {
	font-size: calc(20 / 1920 * 100vw);
	margin-bottom: calc(60 / 1920* 100vw);
}
.index_case .bg02 {
	padding:60px 0 100px;
}
.ttlbg01 {
	background:url(images/index/bg_case01_l.png) left bottom / auto no-repeat,
				url(images/index/bg_case01_r.png) right top / auto no-repeat;
	background-color:#FFF;
	padding:75px 0;
}
.index_case .tbl_caption {
	font-size: 90%;
}
@media(min-width: 785px) and (max-width:1599px) {
	.index_case .bg02 .inner > .txt01 {
		font-size: calc(20 / 1599 * 100vw);
		margin-bottom: calc(60 / 1599* 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.index_case .bg02 .inner > .txt01 {
		font-size: calc(20 / 1299 * 100vw);
		margin-bottom: calc(60 / 1299* 100vw);
	}
}
@media(min-width: 785px) and (max-width:1044px) {
	.ttlbg01 {
		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;
	}
	.ttlbg01 .ja {
		font-size:calc(70 / 1024 * 100vw);
	}
	.ttlbg01 .en {
		font-size:calc(60 / 1024 * 100vw);
	}

	.ttl_icn01 {}
	.ttl_icn01 .icn {
		width:calc(69 / 1024 * 100vw);
	}
	.ttl_icn01 .ja {
		font-size:calc(50 / 1024 * 100vw);
	}
	.index_case .tbl_caption {
		font-size: 80%;
	}
}
@media(max-width: 784px) {
	.index_case .bg01 {}
	.index_case .bg02 .inner > .txt01 {
		font-size: calc(32 / 750* 100vw);
		margin-bottom: calc(70 / 750* 100vw);
		text-align: left;
	}
	.index_case .bg02 {
		padding:calc(60 / 750 * 100vw) 0 calc(120 / 750 * 100vw);
	}
	.ttlbg01 {
		background:url(images/index/bg_case01_l_sp.png) left bottom / calc(270 / 750 * 100vw) auto no-repeat,
					url(images/index/bg_case01_r_sp.png) right top / calc(299 / 750 * 100vw) auto no-repeat;
		background-color:#FFF;
		padding:calc(90 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
		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;
	}
	.ttlbg01 .ja {
		font-size:calc(70 / 750 * 100vw);
	}
	.ttlbg01 .en {
		font-size:calc(60 / 750 * 100vw);
	}

	.ttl_icn01 {}
	.ttl_icn01 .icn {
		width:calc(69 / 750 * 100vw);
	}
	.ttl_icn01 .ja {
		font-size:calc(50 / 750 * 100vw);
	}
	.index_case .tbl_caption {
		font-size: 88.89%;
	}
}

.case_area .case_ind:nth-of-type(n + 2) {
    margin-top:100px;
}
.box_case.bd_btm {
	border-bottom: 2px solid #193446;
}
.case_ind .box_case {}
.case_ind .box_case .col {
    max-width:550px;
    width:45.8%;
    margin-left:8.3%;
    margin-right:0;
}
.case_ind .box_case .col:nth-of-type(2n + 1) {
    margin-left:0;
}
.case_ind .box_case .flex:nth-of-type(n + 2) {
    margin-top:80px;
}
.case_ind .box_case > .flex::before {
    border-top: 45px solid transparent;
    border-bottom: 45px solid transparent;
    border-left: 30px solid #857756;
    top: 0%;
}
@media(max-width: 784px) {
    .case_area .case_ind:nth-of-type(n + 2) {
        margin-top:calc(100 / 750 * 100vw);
    }
    .case_ind .box_case {
        padding:0;
    }
    .case_ind .box_case .col {
        max-width:100%;
        width:calc(330 / 750 * 100vw);
        margin-left:calc(40 / 750 * 100vw);
    }
    .case_ind .box_case .col:nth-of-type(2n + 1) {
        margin-left:0;
    }
    .case_ind .box_case .flex:nth-of-type(n + 2) {
        margin-top:calc(90 / 750 * 100vw);
    }
    .case_ind .box_case > .flex::before {
        border-top: calc(23 / 750 * 100vw) solid transparent;
        border-bottom: calc(23 / 750 * 100vw) solid transparent;
        border-left: calc(15 / 750 * 100vw) solid #857756;
    }
    .case_ind .box_case .ja {
    	font-size:calc(40 / 750 * 100vw);
    }
}

.index_case .bg03 {
	background: url(images/index/bg_case02.jpg) no-repeat left / cover;
	padding: calc(120 / 1920 * 100vw) calc(285 / 1920 * 100vw);
}
.index_case .bg03 .copy01 {
	color: #193446;
	font-size: calc(50 / 1920 * 100vw);
	text-align: right;
}
@media(min-width: 785px) and (max-width:1599px) {
	.index_case .bg03 {
		padding: calc(120 / 1599 * 100vw) calc(100 / 1599 * 100vw);
	}
	.index_case .bg03 .copy01 {
		font-size: calc(50 / 1599 * 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.index_case .bg03 {
		padding: calc(120 / 1299 * 100vw) calc(285 / 1299 * 100vw);
	}
	.index_case .bg03 .copy01 {
		font-size: calc(50 / 1299 * 100vw);
		text-align: center;
	}
}
@media(max-width: 784px) {
	.index_case .bg03 {
		background: url(images/index/bg_case02_sp.jpg) no-repeat center / cover;
		padding: calc(35 / 750 * 100vw) calc(70 / 750 * 100vw) calc(480 / 750 * 100vw);
	}
	.index_case .bg03 .copy01 {
		font-size: calc(40 / 750 * 100vw);
		text-align: center;
		line-height: 1.8;
	}
}


/* テーブル */
.tbl02 {
    margin-bottom:80;
}
.tbl02 table {
    width:100%;
    border:none;
    border-top: 1px solid #193446;
    border-bottom: 1px solid #193446;
    border-left: 1px solid #193446;
    border-right: 1px solid #193446;
    background:#FFF;
}
.tbl02 tr:not(:last-child) th { border-bottom: 1px solid #FFF; }
.tbl02 tr:not(:last-child) td { border-bottom: 1px solid #193446; }
.tbl02 th,
.tbl02 td {
    padding:1em 1em;
    text-align:left;
    vertical-align:middle;
}
.tbl02 th {
    color:#FFF;
    background:#193446;
    text-align:center;
}
.tbl02 a { text-decoration:underline; }
.tbl02 td {
	line-height:2;
    padding:1.25em 1em 1.5em;
}
.tbl02 td:nth-of-type(even) { background:#FFF; }
.tbl02 .vmid { vertical-align:middle; }
.tbl_default .hosoku {
    font-size:.9em;
}
.tbl02 .col1 { width:24.1%; }
.tbl02 .col2,
.tbl02 .col3 { width:75.9%; }
@media(min-width: 785px) and (max-width:1044px) {
    .tbl02 th,
    .tbl02 td {
        padding:1em;
        font-size:0.91em;
        letter-spacing:.05em;
    }
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1229px) {}
@media(min-width: 1230px) and (max-width:1490px) {}
@media(max-width: 784px) {
    .js-scrollable table {
        width:calc(1200 / 750 * 100vw);
    }
    .tbl02 .col1,
    .tbl02 .col2,
    .tbl02 .col3 { display:none; }
    .tbl02 th,
    .tbl02 td {
    	display:block;
    	text-align:left;
    	width:100%;
        padding:0.5em 3.2vw;
        font-size:1em;
    }
}

.btn_ul01.col2 {}
.btn_ul01.col2 > li {
	width:41.6%;
}
.btn_ul01 > li a {
	width:100%;
	height:100%;
	padding:1.8em 1em;
}
@media(min-width: 785px) and (max-width:1044px) {}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.btn_ul01.col2.flex.around {
		-webkit-justify-content:space-between; justify-content:space-between;
	}
	.btn_ul01.col2 > li {
		width:calc(330 / 750 * 100vw);
	}
	.btn_ul01 > li a {
		padding:1em 3.2vw;
	}
	.btn_ul01 > li .ttl .ja {
		display:block;
		font-size:calc(24 / 750 * 100vw);
		line-height:1.2;
	}
	.btn_ul01 > li .ttl .sub {
		display:block;
		font-size:calc(20 / 750 * 100vw);
		line-height:1.4;
	}
}


/* 当院の歯周病治療が選ばれる理由 .index_reason
------------------------------------------------------------------*/
.index_reason {}
.index_reason .bg01 {
	padding:80px 0 90px;
}
.index_reason .ttl01 .en {
	padding:1em;
}
@media(min-width: 785px) and (max-width:1044px) {
	.index_reason .bg01 {
		padding:calc(90 / 1024 * 100vw) 0 calc(100 / 1024 * 100vw);
	}
	.index_reason .ttl01 .en {
		padding:.75em .75em;
	}
}
@media(max-width: 784px) {
	.index_reason .bg01 {
		padding:calc(90 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
	}
	.index_reason .ttl01 .en {
		padding:0 .75em .25em;
	}
}

.photo_area01 {
	padding:100px 0;
    background:url(images/index/bg_reason01_01.jpg) right top / cover no-repeat;
}
.photo_area01 ._in {
    display:block;
    width:60%;
}
.photo_area01 ._in .ttl01 {
	position:relative;
	z-index:1;
}
.photo_area01 ._in .txt01 {
	text-shadow: 0 0 5px #D1D6DA, 0 0 5px #D1D6DA, 0 0 10px #D1D6DA, 0 0 10px #D1D6DA, 0 0 15px #D1D6DA, 0 0 15px #D1D6DA;
}
.photo_area01 ._in .ttl01 .en {
	margin-left:auto;
}
.photo_area01 ._in .ttl01:before {
    content:"";
    display:block;
    width:50vw;
    height:100%;
    background:#445a68 left center / cover no-repeat;
    position:absolute; right:100%; top:50%;
    transform: translateY(-50%);
}
.photo_area01.r02 {
    background:url(images/index/bg_reason02.jpg) left top / cover no-repeat;
}
.photo_area01.reverse ._in {
	margin-left:auto;
	margin-right:0;
}
.photo_area01.reverse ._in .ttl01 .en {
	margin-left:0;
}
.photo_area01.reverse ._in .ttl01:before {
	right:auto; left:100%;
}
.reason02 .photo_area01 .ttl01 {
	align-items: center;
}
.reason02 .photo_area01 .ttl01 .ja{
	white-space: nowrap;
    z-index: 1;
}
@media(min-width: 785px) and (max-width:1599px) {
	.reason02 .photo_area01 .ttl01 .ja {
		font-size: calc(30 / 1599* 100vw);
	}
}
@media(min-width: 785px) and (max-width:1279px) {
	.photo_area01 {
		padding:calc(400 / 1024 * 100vw) 0 calc(90 / 1024 * 100vw);
	    background:url(images/index/bg_reason01_01_sp.jpg) center top / cover no-repeat;
	}
    .photo_area01 ._in {
        width:100vw;
        margin-left:-3.2vw;
        margin-top:0;
        padding:0 3.2vw;
    }
	.index_reason .ttl01 .ja {
		font-size:calc(48 / 1024 * 100vw);
		line-height:1.5;
	}

	.photo_area01.r02 {
	    background:url(images/index/bg_reason02_sp.jpg) center top / cover no-repeat;
	}
	.photo_area01.reverse ._in {
        width:100vw;
        margin-left:-3.2vw;
        margin-top:0;
        padding:0 3.2vw;
    }
	.photo_area01.reverse ._in .ttl01 .ja {
		font-size:calc(35 / 1024 * 100vw);
	}
}
@media(max-width: 784px) {
	.photo_area01 {
		padding:calc(400 / 750 * 100vw) 0 calc(90 / 750 * 100vw);
	    background:url(images/index/bg_reason01_01_sp.jpg) center top / cover no-repeat;
	}
    .photo_area01 ._in {
        width:100vw;
        margin-left:-3.2vw;
        margin-top:0;
        padding:0 3.2vw;
    }
    .photo_area01 .ttl01 {
        font-size:1em;
    }
	.index_reason .ttl01 .en .sub {
		font-size:calc(28 / 750 * 100vw);
	}
	.index_reason .ttl01 .en .num {
		font-size:calc(110 / 750 * 100vw);
	}
	.index_reason .ttl01 .ja {
		font-size:calc(38 / 750 * 100vw);
		line-height:1.5;
	}
    .lead01,
    .txt01 {
    	padding-left:3.2vw;
		padding-right:3.2vw;
    }

	.photo_area01.r02 {
	    background:url(images/index/bg_reason02_sp.jpg) center top / cover no-repeat;
	}
	.photo_area01.reverse ._in {
        width:100vw;
        margin-left:-3.2vw;
        margin-top:0;
        padding:0 3.2vw;
    }
	.photo_area01.reverse ._in .ttl01 .ja {
		font-size:calc(28 / 750 * 100vw);
	}
}

.reason0 {
	background: url(images/index/bg_treatment02.jpg) no-repeat right / cover;
	padding: calc(60 / 1920 * 100vw) 2% calc(90 / 1920 * 100vw);
}
.reason0 .copy {
	font-size: calc(50 / 1920 * 100vw);
	margin-bottom: calc(40 / 1920 * 100vw);
	color: #193446;
	line-height: 1.4;
}
.reason0 .copy em {
	font-size: calc(70 / 1920 * 100vw);
	color: #d28019;
	border-bottom: 1px solid #d28019;
}
.reason0 .txt {
	font-size: calc(20 / 1920 * 100vw);
}
@media(min-width: 785px) and (max-width:1599px) {
	.reason0 {
		padding: calc(60 / 1599 * 100vw) 1% calc(90 / 1599 * 100vw);
	}
	.reason0 .copy {
		font-size: calc(50 / 1599 * 100vw);
		margin-bottom: calc(40 / 1599 * 100vw);
	}
	.reason0 .copy em {
		font-size: calc(70 / 1599 * 100vw);
	}
	.reason0 .txt {
		font-size: calc(20 / 1599 * 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.reason0 {
		padding: calc(60 / 1299 * 100vw) 0 calc(90 / 1299 * 100vw);
	}
	.reason0 .copy {
		font-size: calc(40 / 1299 * 100vw);
		margin-bottom: calc(40 / 1299 * 100vw);
	}
	.reason0 .copy em {
		font-size: calc(62 / 1299 * 100vw);
	}
	.reason0 .txt {
		font-size: calc(20 / 1299 * 100vw);
	}
}
@media(max-width: 784px) {
	.reason0 {
		background: url(images/index/bg_treatment02_sp.jpg) no-repeat center / cover;
		padding: calc(65 / 750* 100vw) calc(55 / 750* 100vw) calc(80 / 750* 100vw);
    }
	.reason0 .copy {
		font-size: calc(40 / 750 * 100vw);
		margin-bottom: calc(30 / 750 * 100vw);
		line-height: 1.7;
	}
	.reason0 .copy em {
		font-size: calc(56 / 750 * 100vw);
	}
	.reason0 .txt {
		font-size: calc(32 / 750* 100vw);
        text-align: left;
	}
}


/* テーブル */
.tbl01 {
    margin-bottom:0;
}
.tbl01 table {
    width:100%;
    border:none;
    border-top: 1px solid #a9a088;
    border-bottom: 1px solid #a9a088;
    border-left: 1px solid #a9a088;
    border-right: 1px solid #a9a088;
    background:#FFF;
}
.tbl01 tr:not(:last-child) th { border-bottom: 1px solid #FFF; }
.tbl01 tr:not(:last-child) td { border-bottom: 1px solid #a9a088; }
.tbl01 th,
.tbl01 td {
    padding:.5em 1em;
    text-align:left;
    vertical-align:middle;
}
.tbl01 th {
    color:#FFF;
    background:#a9a088;
    text-align:center;
    font-size:1.2em;
}
.tbl01 a { text-decoration:underline; }
.tbl01 td {
    text-align:left;
	line-height:2;
    padding:.75em 1em 1em;
}
.tbl01 th:nth-of-type(2n),
.tbl01 td:nth-of-type(odd) {
	border-bottom: 1px solid #a9a088 !important;
	background:#eeece7;
	color:inherit;
}
.tbl01 th:nth-of-type(3n),
.tbl01 td:nth-of-type(even) {
	border-bottom: 1px solid #a9a088 !important;
	background:#FFF;
	color:inherit;
}
.tbl01 .vmid { vertical-align:middle; }
.tbl_default .hosoku {
    font-size:.9em;
}
.tbl01 .col1 { width:24%; }
.tbl01 .col2,
.tbl01 .col3 { width:38%; }
@media(min-width: 785px) and (max-width:1044px) {
    .tbl01 th,
    .tbl01 td {
        padding:1em;
        font-size:0.91em;
        letter-spacing:.05em;
    }
}
@media(max-width: 784px) {
    .js-scrollable table {
        width:calc(1200 / 750 * 100vw);
    }
    .tbl01 th,
    .tbl01 td {
        padding:0.5em;
        font-size:0.86em;
    }
    .scroll-hint-icon {
	    position: absolute; top:50%; left:50%;
	    width: auto;
	    height: auto;
	    background: transparent;
	    padding: 0;
		transform: translateX(-50%) translateY(-50%);
	}
    .scroll-hint-icon::before {
	    width: calc(350 / 750 * 100vw);
	    height: calc(350 / 750 * 100vw);
	    background-image: url(images/page/scroll.svg);
	}
	.scroll-hint-icon::after {
    	display:none;
    }
}

.photo_ul01.col3 {}
.photo_ul01.col3 > li {
	width:33.33%;
}
.photo_ul01.col3 > li:nth-of-type(3n + 1) {}
.photo_ul01.col3 > li:nth-of-type(n + 4) {}
.photo_ul01 .ttl {
	padding:1.25em .5em 1em;
}
.photo_ul01 ._in {
	padding:1.5em 2.6vw;
}

.photo_ul01.col2 > li {
	width:50%;
}
.photo_ul01.col2 > li:nth-of-type(2n + 1) {}
.photo_ul01.col2 > li:nth-of-type(n + 3) {}
.photo_ul01.col2 > li.bgc_c05 { background:transparent linear-gradient(transparent 20%, #cdc9bd 20%); }
.photo_ul01.col2 > li.bgc_c05 .ttl .en:before { background:#857756; }
.photo_ul01.col2 > li.bgc_c01 { background:transparent linear-gradient(transparent 20%, #c1cfd7 20%); }
.photo_ul01.col2 > li.bgc_c01 .ttl .en:before { background:#193446; }
.photo_ul01.col2 .ttl {
	padding:0;
	margin-top:-1.65em;
}
.photo_ul01.col2 .ttl .en {
	position:relative;
	z-index:1;
	padding-bottom:.25em;
	margin-bottom:.25em;
	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;
}
.photo_ul01.col2 .ttl .en:before {
	content:"";
	display:block;
	width:100px;
	height:1px;
	position: absolute; left: 50%; top:100%;
	transform: translateX(-50%) translateY(-50%);
}
.photo_ul01.col2 ._in {
	padding:0 5.2vw 70px;
}
@media(min-width: 785px) and (max-width:1599px) {
	.reason01 .photo_ul01 .ttl {
		font-size: calc(20 / 1599* 100vw);
	}
}
@media(min-width: 785px) and (max-width:1044px) {
	.photo_ul01.col2 figure {
		padding:0;
	}
	.photo_ul01.col2 .ttl {
		padding:0;
		margin-top:-1.25em;
		margin-bottom:1em;
	}
	.photo_ul01.col2 .ttl .en {
		padding-bottom:.25em;
		margin-bottom:.25em;
		font-size:calc(40 / 1024 * 100vw);
	}
	.photo_ul01.col2 .ttl .en:before {}
	.photo_ul01.col2 .ttl .ja {
		font-size: calc(30 / 1024 * 100vw);
	}
	.photo_ul01.col2 ._in {
		padding:0 3.2vw;
		padding-bottom:1em;
	}
	.photo_ul01.col2 > li.bgc_c05 {
		background: transparent linear-gradient(transparent 15%, #cdc9bd 15%);
	}
	.photo_ul01.col2 > li.bgc_c01 {
		background: transparent linear-gradient(transparent 15%, #c1cfd7 15%);
	}
}
@media(max-width: 784px) {
	.photo_ul01.col3.flex.nowrap {
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
	}
	.photo_ul01.col3 > li {
		width:100%;
	}
	.photo_ul01.col3 > li:nth-of-type(3n + 1) {}
	.photo_ul01.col3 > li:nth-of-type(n + 4) {}
	.photo_ul01 .ttl {
		padding:1em .5em .75em;
	}
	.photo_ul01 .ttl .ja {
		font-size: calc(36 / 750 * 100vw);
	}
	.photo_ul01 ._in {
		padding:1em 3.2vw 1.5em;
	}

	.photo_ul01.col2.flex.nowrap {
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
	}
	.photo_ul01.col2 > li {
		width:100%;
		padding:0 3.2vw;
	}
	.photo_ul01.col2 > li:nth-of-type(2n + 1) {}
	.photo_ul01.col2 > li:nth-of-type(n + 2) {
		margin-top:calc(80 / 750 * 100vw);
	}
	.photo_ul01.col2 figure {
		padding:0 3.2vw;
	}
	.photo_ul01.col2 .ttl {
		padding:0;
		margin-top:-1.25em;
		margin-bottom:1em;
	}
	.photo_ul01.col2 .ttl .en {
		padding-bottom:.25em;
		margin-bottom:.25em;
		font-size:calc(60 / 750 * 100vw);
	}
	.photo_ul01.col2 .ttl .en:before {
		width:calc(100 / 750 * 100vw);
	}
	.photo_ul01.col2 ._in {
		padding:0 0 calc(70 / 750 * 100vw);
	}
}

.reason03 .photo_area01 {
    background: url(images/index/bg_reason03.jpg) right top / cover no-repeat;
}
.reason03 .photo_ul01.col2 ._in figure {
    /* width: 70%; */
	margin: 0 auto;
}
:where(figure) {
	margin: 0 !important;
}
@media(min-width: 785px) and (max-width:1599px) {
	.reason03 .photo_area01 {
		background: url(images/index/bg_reason03.jpg) right 30% top / cover no-repeat;
	}
	.reason03 .photo_ul01 .ttl .ja {
		font-size: calc(40 / 1599* 100vw);
	}
}
@media(min-width: 785px) and (max-width:1279px) {
	.reason03 .photo_area01 {
		background: url(images/index/bg_reason03.jpg) right top / cover no-repeat;
		padding: calc(750 / 1024* 100vw) 0 calc(90 / 1024* 100vw);
	}
}
@media(max-width: 784px) {
	.reason03 {
	    padding:calc(80 / 750 * 100vw) 0 0;
	}
	.reason03 .photo_area01 {
		background: url(images/index/bg_reason03_sp.jpg) right top / cover no-repeat;
	}
}
.copy_reason01 {
	background: #f2f2f2;
}
.copy_reason01 p {
	font-size: calc(60 / 1920* 100vw);
    margin-bottom: calc(80 / 1920* 100vw);
    line-height: 1.5;
}
@media(min-width: 785px) and (max-width:1599px) {
	.copy_reason01 p {
		font-size: calc(60 / 1599* 100vw);
		margin-bottom: calc(80 / 1599* 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.copy_reason01 p {
		font-size: calc(50 / 1299* 100vw);
		margin-bottom: calc(80 / 1299* 100vw);
	}
}
@media(max-width: 784px) {
	.copy_reason01 p {
		font-size: calc(40 / 750* 100vw);
        margin-bottom: calc(80 / 750* 100vw);
        line-height: 1.8;
        letter-spacing: .1em;
	}
}

/* ブルーラジカルのメリット .index_merit 
-------------------------------------------------- */
.index_merit {
	background: url(images/index/bg_merit01.jpg) no-repeat left / cover;
	padding: calc(70 / 1920 * 100vw) calc(130 / 1920 * 100vw) calc(100 / 1920 * 100vw);
}
.index_merit .txt01 {
	font-size: calc(38 / 1920 * 100vw);
	line-height: 1.6;
}
.index_merit .ttl01 {
	font-size: calc(68 / 1920 * 100vw);
	margin-bottom: calc(60 / 1920 * 100vw);
}
.index_merit .ttl01 span {
	position: relative;
}
.index_merit .ttl01 span::after {
	content: '';
	position: absolute;
	width: 100%;
	height: calc(25 / 1920 * 100vw);
	left: 0;
	bottom: 0;
	background: rgba(255,255,255,.2);
}
.row_merit01 {
	position: relative;
	justify-content: center;
	align-items: stretch;
	gap: calc(60 / 1920 * 100vw) 2%;
}
.row_merit01::after {
	content: "";
	position: absolute;
	background: url(images/index/deco_merit01.png) no-repeat left / cover;
	width: calc(243 / 1920 * 100vw);
	height: calc(351 / 1920 * 100vw);
	top: calc(-353 / 1920* 100vw);
	right: calc(130 / 1920 * 100vw);
}
.row_merit01 .col {
	outline: 1px solid #fff;
	padding: calc(30 / 1920 * 100vw) calc(38 / 1920 * 100vw) calc(45 / 1920 * 100vw);
	width: 49%;
}
.row_merit01 .col .ttl02 {
	font-size: calc(50 / 1920 * 100vw);
	margin-bottom: calc(50 / 1920* 100vw);
	position: relative;
}
.row_merit01 .col .ttl02::after {
	content: "";
	position: absolute;
	width: calc(50 / 1920 * 100vw);
	height: 1px;
	background: #fff;
	left: 50%;
	bottom: calc(-10 / 1920 * 100vw);
	transform: translate(-50%, 0);
}
.row_merit01 .col .txt {
	font-size: calc(20 / 1920 * 100vw);
}
@media(min-width: 785px) and (max-width:1599px) {
	.index_merit {
		padding: calc(70 / 1599 * 100vw) calc(60 / 1599 * 100vw) calc(100 / 1599 * 100vw);
	}
	.index_merit .txt01 {
		font-size: calc(38 / 1599 * 100vw);
	}
	.index_merit .ttl01 {
		font-size: calc(68 / 1599 * 100vw);
		margin-bottom: calc(60 / 1599 * 100vw);
	}
	.index_merit .ttl01 span::after {
		height: calc(25 / 1599 * 100vw);
	}
	.row_merit01 {
		gap: calc(60 / 1599 * 100vw) 2%;
	}
	.row_merit01::after {
		width: calc(243 / 1599 * 100vw);
		height: calc(351 / 1599 * 100vw);
		top: calc(-353 / 1599* 100vw);
		right: calc(0 / 1599 * 100vw);
	}
	.row_merit01 .col {
		padding: calc(30 / 1599 * 100vw) calc(40 / 1599 * 100vw) calc(45 / 1599 * 100vw);
		width: 49%;
	}
	.row_merit01 .col .ttl02 {
		font-size: calc(42 / 1599 * 100vw);
		margin-bottom: calc(50 / 1599* 100vw);
	}
	.row_merit01 .col .ttl02::after {
		width: calc(50 / 1599 * 100vw);
		bottom: calc(-10 / 1599 * 100vw);
	}
	.row_merit01 .col .txt {
		font-size: calc(20 / 1599 * 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.index_merit {
		padding: calc(70 / 1299* 100vw) 5% calc(100 / 1299* 100vw);
	}
	.index_merit .txt01 {
		font-size: calc(38 / 1299 * 100vw);
	}
	.index_merit .ttl01 {
		font-size: calc(68 / 1299 * 100vw);
		margin-bottom: calc(60 / 1299 * 100vw);
	}
	.index_merit .ttl01 span::after {
		height: calc(25 / 1299 * 100vw);
	}
	.row_merit01 {
		gap: calc(30 / 1299 * 100vw) 2%;
	}
	.row_merit01::after {
		width: calc(197 / 1299 * 100vw);
		height: calc(285 / 1299 * 100vw);
		top: calc(-287 / 1299* 100vw);
		right: calc(0 / 1299 * 100vw);
	}
	.row_merit01 .col {
		padding: calc(30 / 1299 * 100vw) calc(40 / 1299 * 100vw) calc(45 / 1299 * 100vw);
		width: 49%;
	}
	.row_merit01 .col .ttl02 {
		font-size: calc(32 / 1299 * 100vw);
		margin-bottom: calc(50 / 1299* 100vw);
	}
	.row_merit01 .col .ttl02::after {
		width: calc(50 / 1299 * 100vw);
		bottom: calc(-10 / 1299 * 100vw);
	}
	.row_merit01 .col .txt {
		font-size: calc(20 / 1299 * 100vw);
	}
}
@media(max-width: 784px) {
	.index_merit {
		padding: calc(80 / 750* 100vw) calc(20 / 750* 100vw) calc(100 / 750* 100vw);
		background: url(images/index/bg_merit01_sp.jpg) no-repeat center / cover;
	}
	.index_merit .txt01 {
		font-size: calc(36 / 750 * 100vw);
		text-align: left;
		position: relative;
        z-index: 2;
	}
	.index_merit .ttl01 {
		font-size: calc(50 / 750 * 100vw);
		margin-bottom: calc(60 / 750 * 100vw);
		position: relative;
        z-index: 2;
	}
	.index_merit .ttl01 span::after {
		height: calc(25 / 750 * 100vw);
	}
	.row_merit01 {
		gap: calc(60 / 750* 100vw) 0;
	}
	.row_merit01::after {
		width: calc(243 / 750 * 100vw);
		height: calc(351 / 750 * 100vw);
		top: calc(-455 / 750* 100vw);
        right: calc(0 / 750* 100vw);
	}
	.row_merit01 .col {
		padding: calc(50 / 750* 100vw) calc(30 / 750* 100vw) calc(60 / 750* 100vw);
        width: 100%;
	}
	.row_merit01 .col .ttl02 {
		font-size: calc(50 / 750 * 100vw);
		margin-bottom: calc(50 / 750* 100vw);
		line-height: 1.7;
	}
	.row_merit01 .col .ttl02::after {
		width: calc(50 / 750 * 100vw);
		bottom: calc(-10 / 750 * 100vw);
	}
	.row_merit01 .col .txt {
		font-size: calc(32 / 750 * 100vw);
	}
}

/* ブルーラジカルのデメリット .index_demerit
---------------------------------------------- */
.index_demerit {
	background: #e9eef2;
	padding: calc(80 / 1920 * 100vw) 0 calc(100 / 1920 * 100vw);
}
.index_demerit .ttl01 {
	color: #272625;
	font-size: calc(68 / 1920 * 100vw);
	margin-bottom: calc(60 / 1920 * 100vw);
}
.index_demerit .ttl01 span {
	position: relative;
}
.index_demerit .ttl01 span::after {
	position: absolute;
	content: '';
	width: 100%;
	height: calc(25 / 1920 * 100vw);
	bottom: 0;
	left: 0;
	background: rgba(39,38,37,.2);
}
.box_demerit01 {
	outline: 1px solid #272625;
	padding: calc(50 / 1920 * 100vw) calc(70 / 1920 * 100vw) calc(50 / 1920 * 100vw) calc(90 / 1920 * 100vw);
}
.list_demerit01 {
	flex-direction: column;
	gap: calc(25 / 1920 * 100vw) 0;
}
.list_demerit01 li {
	position: relative;
}
.list_demerit01 li::before {
	position: absolute;
	content: "";
	width: calc(5 / 1920 * 100vw);
	height: calc(5 / 1920 * 100vw);
	background: #272625;
	top: calc(20 / 1920 * 100vw);
	left: calc(-20 / 1920 * 100vw);
	border-radius: 100%;
}
.list_demerit01 li .ttl,
.list_demerit01 li .txt {
	font-size: calc(20 / 1920 * 100vw);
	color: #272625;
}
.list_demerit01 li .ttl {
	font-weight: bold;
	margin-bottom: calc(5 / 1920 * 100vw);
}
@media(min-width: 785px) and (max-width:1599px) {
	.index_demerit {
		padding: calc(80 / 1599 * 100vw) 0 calc(100 / 1599 * 100vw);
	}
	.index_demerit .ttl01 {
		font-size: calc(68 / 1599 * 100vw);
		margin-bottom: calc(60 / 1599 * 100vw);
	}
	.index_demerit .ttl01 span::after {
		height: calc(25 / 1599 * 100vw);
	}
	.box_demerit01 {
		padding: calc(50 / 1599 * 100vw) calc(70 / 1599 * 100vw) calc(50 / 1599 * 100vw) calc(90 / 1599 * 100vw);
	}
	.list_demerit01 {
		gap: calc(25 / 1599 * 100vw) 0;
	}
	.list_demerit01 li::before {
		width: calc(5 / 1599 * 100vw);
		height: calc(5 / 1599 * 100vw);
		top: calc(20 / 1599 * 100vw);
		left: calc(-20 / 1599 * 100vw);
	}
	.list_demerit01 li .ttl,
	.list_demerit01 li .txt {
		font-size: calc(20 / 1599 * 100vw);
	}
	.list_demerit01 li .ttl {
		margin-bottom: calc(5 / 1599 * 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.index_demerit {
		padding: calc(80 / 1299 * 100vw) 0 calc(100 / 1299 * 100vw);
	}
	.index_demerit .ttl01 {
		font-size: calc(68 / 1299 * 100vw);
		margin-bottom: calc(60 / 1299 * 100vw);
	}
	.index_demerit .ttl01 span::after {
		height: calc(25 / 1299 * 100vw);
	}
	.box_demerit01 {
		padding: calc(50 / 1299 * 100vw) calc(70 / 1299 * 100vw) calc(50 / 1299 * 100vw) calc(90 / 1299 * 100vw);
	}
	.list_demerit01 {
		gap: calc(25 / 1299 * 100vw) 0;
	}
	.list_demerit01 li::before {
		width: calc(5 / 1299 * 100vw);
		height: calc(5 / 1299 * 100vw);
		top: calc(20 / 1299 * 100vw);
		left: calc(-20 / 1299 * 100vw);
	}
	.list_demerit01 li .ttl,
	.list_demerit01 li .txt {
		font-size: calc(20 / 1299 * 100vw);
	}
	.list_demerit01 li .ttl {
		margin-bottom: calc(5 / 1299 * 100vw);
	}
}
@media(max-width: 784px) {
	.index_demerit {
		padding: calc(80 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
	}
	.index_demerit .ttl01 {
		font-size: calc(50 / 750* 100vw);
        margin-bottom: calc(40 / 750* 100vw);
	}
	.index_demerit .ttl01 span::after {
		height: calc(25 / 750 * 100vw);
	}
	.box_demerit01 {
		padding: calc(40 / 750* 100vw) calc(70 / 750* 100vw) calc(40 / 750* 100vw) calc(50 / 750* 100vw);
	}
	.list_demerit01 {
		gap: calc(25 / 750 * 100vw) 0;
	}
	.list_demerit01 li::before {
		width: calc(10 / 750* 100vw);
        height: calc(10 / 750* 100vw);
        top: calc(30 / 750* 100vw);
        left: calc(-25 / 750* 100vw);
	}
	.list_demerit01 li .ttl,
	.list_demerit01 li .txt {
		font-size: calc(32 / 750* 100vw);
	}
	.list_demerit01 li .ttl {
		margin-bottom: calc(5 / 750 * 100vw);
	}
}


/* 治療の流れ .index_flow
------------------------------------------------------------------*/
.index_flow {}
.index_flow .bg02 {
	padding:60px 0 100px;
    background:url(images/index/bg_flow01.jpg) center bottom / 100% auto no-repeat;
}
@media(min-width: 785px) and (max-width:1044px) {}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.index_flow .bg02 {
		padding:calc(60 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
	    background:url(images/index/bg_flow01_sp.jpg) center bottom / cover no-repeat;
	}
}

.box_flow {
	padding:2.5em;
	background:#FFF;
	border-radius:1em;
	box-shadow: 0px 0px 18px 2px rgba(66, 66, 66, 0.2);
}
.box_flow .col_img {
	margin-left:auto;
}
.box_flow .col_txt {
    width:64%;
}
.box_flow .col_txt dt .ttl {
    font-size:1.5em;
    line-height:1.33;
}
.box_flow .col_txt dt .num {
	font-size:1.5em;
	text-indent:.1em;
}
.box_flow:nth-of-type(3n + 1) .col_txt dt .num { background:#a47c84; }
.box_flow:nth-of-type(3n + 2) .col_txt dt .num { background:#d28019; }
.box_flow:nth-of-type(3n + 3) .col_txt dt .num { background:#91acbd; }
.arw_flow::before {
    border-top: 16px solid #193446;
}
@media(min-width: 785px) and (max-width:1044px) {
	.box_flow {
		padding:calc(40 / 1024 * 100vw) 3.2vw calc(40 / 1024 * 100vw);
	}
	.box_flow .col_img {
		margin-left:auto;
		margin-right:auto;
	}
	.box_flow .col_txt {
	    width:100%;
	    margin-top:1em;
	}
	.box_flow .col_txt dt .ttl {
	    font-size:calc(40 / 1024 * 100vw);
	    line-height:1.33;
	}
	.box_flow .col_txt dt .num {
		text-indent:.1em;
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.box_flow {
		padding:calc(60 / 750 * 100vw) 3.2vw calc(50 / 750 * 100vw);
	}
	.box_flow .col_img {
		margin-left:auto;
		margin-right:auto;
	}
	.box_flow .col_txt {
	    width:100%;
	}
	.box_flow .col_txt dt .ttl {
	    font-size:calc(40 / 750 * 100vw);
	    line-height:1.33;
	}
	.box_flow .col_txt dt .num {
		font-size:calc(50 / 750 * 100vw);
		text-indent:.1em;
	}
}

.index_flow .bg03 .ttlbg {
	position:relative;
	z-index:1;
}
.index_flow .bg03 .ttlbg:before {
	content:"";
	display:block;
	width:243px;
	height:351px;
	background: url(images/index/bg_metagenomic_sensei01.png) center / contain no-repeat;
	position: absolute; right:1em; bottom:0;
}
.index_flow .bg03 .parlx_area{
    background:#272727;
	padding:80px 0 100px;
}
.index_flow .bg03 .parlx_area > .background {
    background-image: url(images/index/bg_metagenomic01.jpg);
    top:15% !important;
}
@media all and (-ms-high-contrast: none) {
    .index_flow .bg03 .parlx_area {
        background:#272727 url(images/index/bg_metagenomic01.jpg) center / cover no-repeat;
    }
    .index_flow .bg03 .parlx_area > .background { display:none; }
}
@media(min-width: 785px) and (max-width:1044px) {
	.index_flow .bg03 .ttlbg {
		padding-bottom:calc(90 / 1024 * 100vw);
	}
	.index_flow .bg03 .ttlbg .ja {
		font-size:calc(50 / 1024 * 100vw);
	}
	.index_flow .bg03 .ttlbg:before {
		width:calc(243 / 1024 * 100vw);
		height:calc(351 / 1024 * 100vw);
		right:0; bottom:0;
		z-index:-1;
	}
	.index_flow .bg03 .parlx_area{
		padding:calc(90 / 1024 * 100vw) 0 calc(100 / 1024 * 100vw);
	}
	.index_flow .bg03 .parlx_area > .background {
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.index_flow .bg03 .ttlbg {
		padding-bottom:calc(90 / 750 * 100vw);
	}
	.index_flow .bg03 .ttlbg .ja {
		font-size:calc(50 / 750 * 100vw);
	}
	.index_flow .bg03 .ttlbg:before {
		width:calc(243 / 750 * 100vw);
		height:calc(351 / 750 * 100vw);
		right:0; bottom:0;
		z-index:-1;
	}
	.index_flow .bg03 .parlx_area{
		padding:calc(90 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
	}
	.index_flow .bg03 .parlx_area > .background {
	    background-image: url(images/index/bg_metagenomic01_sp.jpg);
    	top:-25% !important;
	}
}

.cross_box_ul01.col2 {}
.cross_box_ul01.col2 > li {
	width:41.66%;
	padding:45px 2.3% 55px;
	position:relative;
	z-index:1;
}
.cross_box_ul01.col2 > li:nth-of-type(2n + 1):before,
.cross_box_ul01.col2 > li:nth-of-type(2n + 1):after {
	content:"";
	display:block;
	width:7.5vw;
	height:1px;
	background:#FFF;
	position: absolute; left:calc(100% + 4.16vw); top:50%;
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cross_box_ul01.col2 > li:nth-of-type(2n + 1):after {
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
@media(min-width: 785px) and (max-width:1044px) {}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.cross_box_ul01.col2.flex.nowrap {
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
	}
	.cross_box_ul01.col2 > li {
		width:100%;
		padding:1.5em 3.2vw;
	}
	.cross_box_ul01.col2 > li:nth-of-type(n + 2) {
		margin-top:calc(345 / 750 * 100vw);
	}
	.cross_box_ul01.col2 > li:nth-of-type(2n + 1):before,
	.cross_box_ul01.col2 > li:nth-of-type(2n + 1):after {
		width:calc(284 / 750 * 100vw);
		left:50%; top:calc(100% + 1em + (284 / 750 * 100vw) / 2);
	}
	.cross_box_ul01.col2 .ttl_bdr01 .ja {
	    font-size: calc(50 / 750 * 100vw);
	}
}

/* 治療に関するよくあるご質問 .index_qa 
------------------------------------------------------------- */
.wrap_qa01 {
	flex-direction: column;
	gap: calc(40 / 1920 * 100vw) 0;
}
.index_qa .box_qa01 {
	background: #f2f2f2;
	padding: calc(50 / 1920 * 100vw);
	width: 100%;
	margin-bottom: 0;
}
.index_qa .row_qa01 {
	justify-content: start;
	align-items: center;
	border-bottom: 1px solid #73945f;
    padding-bottom: calc(10 / 1920* 100vw);
	gap: 0 calc(25 / 1920 * 100vw);
	margin-bottom: calc(15 / 1920 * 100vw);
}
.index_qa .box_qa02 {
	background: #73945f;
	width: calc(40 / 1920 * 100vw);
	height: calc(40 / 1920 * 100vw);
	line-height: calc(40 / 1920* 100vw);
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}
.index_qa .box_qa02 .txt01 {
	font-size: calc(22 / 1920 * 100vw);
}
.index_qa .ttl {
	font-size: calc(30 / 1920 * 100vw);
	color: #3e3e3b;
}
.index_qa .box_qa01 .txt02 {
	font-size: calc(20 / 1920 * 100vw);
	color: #3e3e3b;
}
@media(min-width: 785px) and (max-width:1599px) {
	.wrap_qa01 {
		gap: calc(40 / 1599 * 100vw) 0;
	}
	.index_qa .box_qa01 {
		padding: calc(50 / 1599 * 100vw);
	}
	.index_qa .row_qa01 {
		padding-bottom: calc(10 / 1599* 100vw);
		gap: 0 calc(25 / 1599 * 100vw);
		margin-bottom: calc(15 / 1599 * 100vw);
	}
	.index_qa .box_qa02 {
		width: calc(40 / 1599 * 100vw);
		height: calc(40 / 1599 * 100vw);
		line-height: calc(40 / 1599* 100vw);
	}
	.index_qa .box_qa02 .txt01 {
		font-size: calc(22 / 1599 * 100vw);
	}
	.index_qa .ttl {
		font-size: calc(30 / 1599 * 100vw);
	}
	.index_qa .box_qa01 .txt02 {
		font-size: calc(20 / 1599 * 100vw);
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.wrap_qa01 {
		gap: calc(40 / 1299 * 100vw) 0;
	}
	.index_qa .box_qa01 {
		padding: calc(50 / 1299 * 100vw);
	}
	.index_qa .row_qa01 {
		padding-bottom: calc(10 / 1299* 100vw);
		gap: 0 calc(25 / 1299 * 100vw);
		margin-bottom: calc(15 / 1299 * 100vw);
	}
	.index_qa .box_qa02 {
		width: calc(40 / 1299 * 100vw);
		height: calc(40 / 1299 * 100vw);
		line-height: calc(40 / 1299* 100vw);
	}
	.index_qa .box_qa02 .txt01 {
		font-size: calc(22 / 1299 * 100vw);
	}
	.index_qa .ttl {
		font-size: calc(30 / 1299 * 100vw);
	}
	.index_qa .box_qa01 .txt02 {
		font-size: calc(20 / 1299 * 100vw);
	}
}
@media(max-width: 784px) {
	.wrap_qa01 {
		gap: calc(60 / 750 * 100vw) 0;
	}
	.index_qa .box_qa01 {
		padding: calc(50 / 750* 100vw) calc(30 / 750* 100vw);
	}
	.index_qa .row_qa01 {
		padding-bottom: calc(10 / 750* 100vw);
		gap: 0 calc(25 / 750 * 100vw);
		margin-bottom: calc(15 / 750 * 100vw);
	}
	.index_qa .box_qa02 {
		width: calc(60 / 750 * 100vw);
		height: calc(60 / 750 * 100vw);
		line-height: calc(60 / 750* 100vw);
	}
	.index_qa .box_qa02 .txt01 {
		font-size: calc(32 / 750 * 100vw);
	}
	.index_qa .ttl {
		font-size: calc(40 / 750 * 100vw);
		width: calc(100% - calc(85 / 750* 100vw));
		line-height: 1.5;
    	letter-spacing: .1em;
	}
	.index_qa .box_qa01 .txt02 {
		font-size: calc(32 / 750 * 100vw);
	}
}


/* 治療の流れ .index_cost
------------------------------------------------------------------*/
.index_cost .bg02 {
	padding:0 0 90px;
    background:url(images/index/bg_cost02.jpg) center bottom / 100% auto no-repeat;
}
@media(min-width: 785px) and (max-width:1044px) {
	.index_cost .bg02 .lead01 .ja {
		font-size:1.125em;
		display:block;
		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;
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.index_cost .bg02 {
		padding:0 0 calc(90 / 750 * 100vw);
	    background:url(images/index/bg_cost02_sp.jpg) center bottom / 100% auto no-repeat;
	}
	.index_cost .bg02 .lead01 .ja {
		font-size:1em;
		display:block;
		text-align:left;
		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;
	}
}

.costbanner01 {
	padding:.75em 1em;
    background:url(images/index/bg_cost01.jpg) right center / cover no-repeat;
}
.costbanner01 .__in {
	border:5px solid rgba(255,255,255,.7);
	padding:70px 0 95px;
}
.costbanner01 ._box {
	width:73.38%;
	padding:1.5em 2.8% 2em;
    background:url(images/index/bg_cost01_02.jpg) center / 100% 100% no-repeat;
}
.txt_cost01 {
	margin-top: calc(10 / 1920* 100vw);
}
@media(min-width: 785px) and (max-width:1044px) {
	.costbanner01 {
		padding:1.6vw;
	}
	.costbanner01 .__in {
		padding:.75em 0;
	}
	.costbanner01 ._box {
		width:calc(500 / 1024 * 100vw);
		padding:.625em;
	}
}
@media(min-width: 1300px) and (max-width:1420px) {
	.costbanner01 {
	    background-position: right 15% center;
	}
}
@media(max-width: 784px) {
	.costbanner01 {
		padding:3.2vw;
    	background:url(images/index/bg_cost01_sp.jpg) right center / cover no-repeat;
	}
	.costbanner01 .__in {
		padding:.75em 0;
	}
	.costbanner01 ._box {
		width:calc(500 / 750 * 100vw);
		padding:.625em;
	}
}

.ttl_bg01 {
	padding:1em 0 1em;
}
.ttl_bg01 .bgttl {
	display: block;
	position:relative;
	z-index:1;
}
.ttl_bg01 .bgttl:before {
	content:"";
	display:block;
	width:636px;
	height:77px;
	background: url(images/index/bgttl_cost01.svg) center / contain no-repeat;
	position: absolute; left: 50%; top:50%;
	transform: translateX(-50%) translateY(-50%);
	z-index:-1;
}
.ttl_bg01 .sub {
	display: block;
}
@media(min-width: 785px) and (max-width:1044px) {
	.ttl_bg01 {
		padding:1em 0 .5em;
		margin-bottom:.25em;
	}
	.ttl_bg01 .bgttl {}
	.ttl_bg01 .bgttl:before {
		width:calc(350 / 1024 * 100vw);
		height:calc(43 / 1024 * 100vw);
	}
	.ttl_bg01 .bgttl {
		font-size:calc(28 / 1024 * 100vw);
	}
	.ttl_bg01 .sub {
		padding-top:.75em;
		font-size:calc(22 / 1024 * 100vw);
	}
}
@media(max-width: 784px) {
	.ttl_bg01 {
		padding:1em 0 .5em;
		margin-bottom:.25em;
	}
	.ttl_bg01 .bgttl {}
	.ttl_bg01 .bgttl:before {
		width:calc(350 / 750 * 100vw);
		height:calc(43 / 750 * 100vw);
	}
	.ttl_bg01 .bgttl {
		font-size:calc(28 / 750 * 100vw);
	}
	.ttl_bg01 .sub {
		padding-top:.75em;
		font-size:calc(22 / 750 * 100vw);
	}
}

.price_area .zeien {
    word-break:keep-all;
    white-space:nowrap;
}
.price_area .zeien span {
    display:inline-block;
}
.price_area .zeien span small {
    padding-left:0.5em;
}
.price_area.big1 {
	text-shadow: 0px 4px 9.5px rgba(0, 0, 0, 0.3),
				 0px 4px 9.5px rgba(0, 0, 0, 0.3);
}
.price_area.big1 .num span {
    font-size:10em;
    font-style:italic;
}
.price_area.big1 .zeien {
    padding-left:1.5em;
}
.price_area.big1 .zeien span {
    font-size:3.5em;
    line-height:1;
}
.price_area.big1 .zeien span small {
    font-size:0.28em;
    line-height:.5;
}
@media(min-width: 785px) and (max-width:1044px) {
	.price_area {
		padding-bottom:0;
	}
	.price_area .num {
	    font-size:3.125em;
	}
	.price_area .sub {
	    font-size:1.125em;
	}
	.price_area .zeien {
	    font-size:1.56em;
	    line-height:1;
	}
	.price_area .zeien span small {
	    padding-left:0;
	    font-size:0.4em;
	    line-height:1;
	}
	.price_area.big1 {}
	.price_area.big1 .num {
		font-size:1em;
	}
	.price_area.big1 .num span {
	    font-size:3.43em;
	}
	.price_area.big1 .zeien {
	    padding-left:1em;
	    line-height:.5;
	    display:block;
	    font-size:1em;
	}
	.price_area.big1 .zeien span {
	    font-size:1.56em;
	    line-height:1;
	}
	.price_area.big1 .zeien span small {
	    font-size:0.4em;
	    line-height:1;
	}
}
@media(max-width: 784px) {
	.price_area {
		padding-bottom:0;
	}
	.price_area .num {
	    font-size:3.125em;
	}
	.price_area .sub {
	    font-size:1.125em;
	}
	.price_area .zeien {
	    font-size:1.56em;
	    line-height:1;
	}
	.price_area .zeien span small {
	    padding-left:0;
	    font-size:0.4em;
	    line-height:1;
	}
	.price_area.big1 {}
	.price_area.big1 .num {
		font-size:1em;
	}
	.price_area.big1 .num span {
	    font-size:3.43em;
	}
	.price_area.big1 .zeien {
	    padding-left:1em;
	    line-height:.5;
	    display:block;
	    font-size:1em;
	}
	.price_area.big1 .zeien span {
	    font-size:1.56em;
	    line-height:1;
	}
	.price_area.big1 .zeien span small {
	    font-size:0.4em;
	    line-height:1;
	}
}

.cost_box01 {
	height: calc(175 / 1920* 100vw);
}
.cost_box01 .col.noshrink {
	padding: 0 calc(40 / 1920 * 100vw);
	background: url(images/index/bg_fee01.png) no-repeat center / cover;
    width: calc(620 / 1920* 100vw);
}
.cost_box01 .col:nth-of-type(2) {
	padding: 1.75em 3.2% 2.5em;
	background: url(images/index/bgttl_cost03.png) center / 100% 100% no-repeat;
	width: calc(100% - calc(620 / 1920* 100vw));
	justify-content: flex-end;
}
@media(min-width: 785px) and (max-width:1599px) {
	.cost_box01 {
		height: calc(175 / 1599* 100vw);
	}
	.cost_box01 .col.noshrink {
		padding: 0 calc(40 / 1599 * 100vw);
		width: calc(620 / 1599* 100vw);
	}
	.cost_box01 .col:nth-of-type(2) {
		padding: 1.75em 3.2% 2.5em;
		width: calc(100% - calc(620 / 1599* 100vw));
	}
}
@media(min-width: 785px) and (max-width:1299px) {
	.cost_box01 {
		height: calc(175 / 1299* 100vw);
	}
	.cost_box01 .col.noshrink {
		padding: 0 calc(40 / 1299 * 100vw);
		width: calc(620 / 1299* 100vw);
	}
	.cost_box01 .col:nth-of-type(2) {
		padding: 1.75em 3.2% 2.5em;
		width: calc(100% - calc(620 / 1299* 100vw));
	}
}
@media(min-width: 785px) and (max-width:1044px) {
	.cost_box01 .col.noshrink {
		padding:.65em;
	}
	.cost_box01 .col.noshrink .ttl .ja {
		font-size:1.25em;
		line-height:1.3;
	}
	.cost_box01 .col.grow.flex.nowrap {
		padding:1em 3.2vw 1.5em;
	}
	.cost_box01 .col.grow .txt {
		line-height:1;
	}
	.cost_box01 .col.grow .txt .ja {
		display:inline-block;
		font-size:1.25em;
		line-height:1.35;
	}
	.cost_box01 .col.grow .txt .sub {
		padding-top:.75em;
		font-size:.88em;
	}
}
@media(max-width: 784px) {
	.cost_box01.flex.nowrap {
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
	}
	.cost_box01 .col.noshrink {
		width:100%;
		padding:.65em;
		background: url(images/index/bg_fee01_sp.png) center / 100% 100% no-repeat;
	}
	.cost_box01 .col.noshrink .ttl .ja {
		font-size: calc(40 / 750* 100vw);
		line-height:1.3;
	}
	.cost_box01 .col.grow.flex.nowrap {
		padding:1em 3.2vw 1.5em;
	}
	.cost_box01 .col.grow .txt {
		line-height:1;
	}
	.cost_box01 .col.grow .txt .ja {
		display:inline-block;
		font-size:.9375em;
		line-height:1.35;
		letter-spacing: 0;
	}
	.cost_box01 .col.grow .txt .sub {
		padding-top:.75em;
		font-size:.625em;
	}
	.cost_box01 {
		height: auto;
	}
	.cost_box01 .col.noshrink {
		justify-content: center;
		padding: 0;
        width: 100%;
        height: calc(100 / 750* 100vw);
	}
	.cost_box01 .col:nth-of-type(2) {
		padding: 1em 3.2% 1em;
		width: 100%;
	}
	.cost_box01 .col .ttl {
		text-align: center;
	}
}
.cost_area > .inner1240 {
	display: flex;
    flex-direction: column;
    gap: calc(40 / 1920* 100vw) 0;
}
.index_cost .bg03 {
	padding:100px 0;
}

.box_credit01 {
	padding:2em 5.5% 2.25em;
}
@media(max-width: 784px) {
	.index_cost .bg03 {
		padding:calc(100 / 750 * 100vw) 0;
	}

	.box_credit01 {
		padding:calc(50 / 750 * 100vw) 5vw;
	}
	.box_credit01 .ttl .ja {
		font-size:1.25em;
	}
	.card_ul01.flex.nowrap {
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
        -webkit-justify-content: center; justify-content: center;
		max-width: calc(510 / 750*100vw);
		margin-left: auto;
		margin-right: auto;
	}
	.card_ul01 > li {
		width:calc(130 / 750 * 100vw);
		margin-left:1em;
	}
	.card_ul01 > li:nth-of-type(3n + 1) {
		margin-left:0;
	}
	.card_ul01 > li:nth-of-type(n + 4) {
		margin-top:1em;
	}
}


/* 院長からのメッセージ .index_message
------------------------------------------------------------------*/
.index_message .bg02 {
	padding:100px 0 250px;
    background:url(images/index/bg_message01.jpg) center top / cover no-repeat;
}
.index_message .bg03 {
	position:relative;
	z-index:1;
	padding:130px 0 100px;
    background:url(images/index/bg_message02.jpg) center bottom / 100% auto no-repeat;
}
.index_message .bg03 .absbox01 {
	display:inline-block;
	width:100%;
	position: absolute; left: 50%; top:-320px;
	transform: translateX(-50%);
	padding:.5em;
}
.index_message .bg03 .absbox01 .__in {
	padding:1.75em 3.2%;
	border:1px solid #FFF;
}
.index_message .bg03 .absicn01 {
	display:block;
	width:312px;
	height:312px;
	background: url(images/index/bgicn_message01.svg) center / contain no-repeat;
	position: absolute; right:-12%; top:-2em;
	animation: spin 30s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100%{ transform: rotate(360deg); }
}
@media(min-width: 785px) and (max-width:1044px) {
	.index_message .bg02 {
		padding:calc(135 / 1024 * 100vw) 0 calc(280 / 1024 * 100vw);
	    background:url(images/index/bg_message01_sp.jpg) center top / cover no-repeat;
	}
	.index_message .bg03 {
		padding:calc(175 / 1024 * 100vw) 0 calc(100 / 1024 * 100vw);
	    background:url(images/index/bg_message02_sp.jpg) center bottom / 100% auto no-repeat;
	}
	.index_message .bg03 .absbox01 {
		top:calc(-300 / 1024 * 100vw);
	}
	.index_message .bg03 .absbox01 .__in {
		padding:1em 3.2vw;
	}
	.index_message .bg03 .absicn01 {
		width:calc(312 / 1024 * 100vw);
		height:calc(312 / 1024 * 100vw);
		right:0; top:-5em;
		z-index:-1;
	}

	.index_message .bg02 .lead01 .ja {
		font-size:1.5em;
	}
	.index_message .___in + .lead01 {
		text-align:left;
		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;
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1279px) {
	.index_message .bg02 {
		padding:3em 0 10em;
	    background-position: right 30% top;
	}
}
@media(min-width: 1300px) and (max-width:1420px) {
	.index_message .bg02 {
		padding:3em 0 10em;
	    background-position: right 30% top;
	}
}
@media(max-width: 784px) {
	.index_message .bg02 {
		padding:calc(135 / 750 * 100vw) 0 calc(280 / 750 * 100vw);
	    background:url(images/index/bg_message01_sp.jpg) center top / cover no-repeat;
	}
	.index_message .bg03 {
		padding:calc(175 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
	    background:url(images/index/bg_message02_sp.jpg) center bottom / 100% auto no-repeat;
	}
	.index_message .bg03 .absbox01 {
		top:calc(-350 / 750 * 100vw);
	}
	.index_message .bg03 .absbox01 .__in {
		padding:1em 3.2vw;
	}
	.index_message .bg03 .absicn01 {
		width:calc(312 / 750 * 100vw);
		height:calc(312 / 750 * 100vw);
		right:0; top:-5em;
		z-index:-1;
	}

	.index_message .bg02 .lead01 .ja {
		font-size:.9375em;
	}
	.index_message .___in + .lead01 {
		text-align:left;
		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;
	}
}

.sign {
    word-break:keep-all;
    white-space:nowrap;
}
.sign .posi {
	border:1px solid #FFF;
	padding:.75em;
}
@media(min-width: 785px) and (max-width:1044px) {
	.sign.flex.nowrap {
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
        -webkit-justify-content: center; justify-content: center;
	}
	.sign .posi {
		padding:.75em;
	}
	.sign .posi span {
		font-size: 1.5em;
	}
	.sign .name {
		font-size: 1.875em;
	}
	.sign .en {
		font-size: 1em;
	}
	.sign + .bg_white .ja {
		font-size:1em;
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.sign.flex.nowrap {
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
        -webkit-justify-content: center; justify-content: center;
	}
	.sign .posi {
		padding:.75em;
	}
	.sign .posi span {
		font-size: 1.25em;
	}
	.sign .name {
		font-size: 1.875em;
	}
	.sign .en {
		font-size: .81em;
	}
	.sign + .bg_white .ja {
		font-size:.9375em;
	}
}

.profile.row_prof .box_prof {
    width: 48.38%;
    padding:2.5em 4%;
}
.profile.row_prof {
    margin-bottom:0;
}
.profile.row_prof .box_prof dt {
    word-break:keep-all;
    white-space:nowrap;
}
.profile.row_prof .ttl {}
.profile.row_prof .list_default li:before {
    background: #a9a088;
    top: .6em;
}
.profile.row_prof .list_default > li {
    -webkit-align-items: stretch; align-items: stretch;
}
.profile.row_prof .list_default > li {}
.profile.row_prof .list_default li:not(:first-child) {
    margin-top:.5em;
}
@media(min-width: 785px) and (max-width:1044px) {
    .profile.row_prof .box_prof {
        width:49%;
    }
    .profile.row_prof {
        padding:0;
        margin-bottom:0;
    }
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1229px) {}
@media(min-width: 1230px) and (max-width:1490px) {}
@media(max-width: 784px) {
    .profile.row_prof .box_prof {
        width:100%;
        padding:calc(60 / 750 * 100vw) 3.2vw;
    }
    .profile.row_prof .box_prof:nth-of-type(n + 2) {
        margin-top:calc(60 / 750 * 100vw);
    }
    .profile.row_prof {
        padding:0 3.2vw;
        margin-bottom:0;
    }
    .profile.row_prof .ttl .ja {
    	font-size:1.06em;
    }
}


/* 医院紹介 .index_clinic
------------------------------------------------------------------*/
.index_clinic .bg02 {
	padding:70px 0 60px;
    background:#9d9278;
    position:relative;
	z-index:1;
}
.index_clinic .bg02:before {
	content:"";
	display:block;
	width:50%;
	height:100%;
	background: url(images/index/bg_clinic01.jpg) right center / cover no-repeat;
	position: absolute; right:0; top:50%;
	transform: translateY(-50%);
}
.index_clinic .bg02 .__in {
	width:48.38%;
}
@media(min-width: 785px) and (max-width:1044px) {
	.index_clinic .bg02 {
		padding:calc(70 / 1024 * 100vw) 0 0;
	}
	.index_clinic .bg02:before {
		display:none;
	}
	.index_clinic .bg02:after {
		content:"";
		display:block;
		width:100%;
		height:calc(550 / 1024 * 100vw);
		background: url(images/index/bg_clinic01.jpg) center / cover no-repeat;
		position: static;
		transform:none;
		order:2;
	}
	.index_clinic .bg02 .__in {
		width:100%;
		padding-bottom:calc(50 / 1024 * 100vw);
	}
	.index_clinic .bg02 .__in .logo {
		width:calc(615 / 1024 * 100vw);
		margin-left:auto;
		margin-right:auto;
	}
	.index_clinic .bg02 .__in .ftel {
		width:calc(600 / 1024 * 100vw);
		margin-left:auto;
		margin-right:auto;
	}
	.index_clinic .bg02 .__in .ftel .icn {
		width:calc(95 / 1024 * 100vw);
	}
	.index_clinic .bg02 .__in .ftel .telnum {
		font-size:calc(42 / 1024 * 100vw);
	}
	.index_clinic .bg02 .__in .ftel .time {
		font-size:calc(24 / 1024 * 100vw);
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.index_clinic .bg02 {
		padding:calc(70 / 750 * 100vw) 0 0;
	}
	.index_clinic .bg02:before {
		display:none;
	}
	.index_clinic .bg02:after {
		content:"";
		display:block;
		width:100%;
		height:calc(550 / 750 * 100vw);
		background: url(images/index/bg_clinic01.jpg) center / cover no-repeat;
		position: static;
		transform:none;
		order:2;
	}
	.index_clinic .bg02 .__in {
		width:100%;
		padding-bottom:calc(50 / 750 * 100vw);
	}
	.index_clinic .bg02 .__in .logo {
		width:calc(615 / 750 * 100vw);
		margin-left:auto;
		margin-right:auto;
	}
	.index_clinic .bg02 .__in .ftel {
		width:calc(600 / 750 * 100vw);
		margin-left:auto;
		margin-right:auto;
	}
	.index_clinic .bg02 .__in .ftel .icn {
		width:calc(95 / 750 * 100vw);
	}
	.index_clinic .bg02 .__in .ftel .telnum {
		font-size:calc(42 / 750 * 100vw);
	}
	.index_clinic .bg02 .__in .ftel .time {
		font-size:calc(24 / 750 * 100vw);
	}
}

.tbl_time01 table {
    width: 100%;
    max-width:100%;
    color:inherit;
}
.tbl_time .box {
    background:#FFF;
}
.tbl_time table {
    color:#193446;
}
.tbl_time thead th {
    color:#193446;
}
.tbl_time02 tbody th,
.tbl_time02 tbody td {
    word-break:keep-all;
    white-space:nowrap;
}
.tbl_time tbody td {
    color: #193446;
}
.tbl_time02 thead th {
    border-bottom: 1px solid #193446;
}
/*.tbl_caption span { color:#193446; }*/

.index_clinic .bg03 {
	padding:80px 0;
}
@media(min-width: 785px) and (max-width:1044px) {}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.index_clinic .bg03 {
		padding:calc(80 / 750 * 100vw) 0;
	}
}

.box_prereserve01 {
	padding:40px 3.8% 45px;
}
@media(min-width: 785px) and (max-width:1044px) {}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.box_prereserve01 {
		padding:calc(50 / 750 * 100vw) 3.2vw;
	}
	.index_clinic .bg03 .ttl .ja {
		font-size:1.25em;
	}
}

.index_clinic .bg04 {
	padding:100px 0;
}
@media(min-width: 785px) and (max-width:1044px) {}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.index_clinic .bg04 {
		padding:calc(100 / 750 * 100vw) 0;
	}
}

.index_clinic .bg05 {
	padding:100px 0;
}
@media(min-width: 785px) and (max-width:1044px) {}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.index_clinic .bg05 {
		padding:calc(100 / 750 * 100vw) 0;
	}
}

.access_ul01.col2 {}
.access_ul01.col2 > li {
	width:48.38%;
}
@media(min-width: 785px) and (max-width:1044px) {
	.access_ul01.col2 > li {
		width:49%;
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.access_ul01.col2 > li {
		width:100%;
	}
	.access_ul01.col2 > li:nth-of-type(n + 2) {
		margin-top:calc(50 / 750 * 100vw);
	}
}

.figbox01 {
	position:relative;
	z-index:1;
}
.figbox01 > img {
	width:100%;
}
.figbox01 .ttl {
	background:rgba(38,62,79,.9);
	width:100%;
	position: absolute; left: 50%; bottom:0;
	transform: translateX(-50%);
	z-index:1;
}
@media(min-width: 785px) and (max-width:1044px) {
	.figbox01 {}
	.figbox01 > img {}
	.figbox01 .ttl {
		padding:.5em;
	}
	.figbox01 .ttl .ja {
		font-size:calc(25 / 1024 * 100vw);
	}
	.figbox01 + .txt01 {
		padding:0;
	}
}
@media(min-width: 978px) and (max-width:1044px) {}
@media(min-width: 1045px) and (max-width:1300px) {}
@media(min-width: 1301px) and (max-width:1420px) {}
@media(max-width: 784px) {
	.figbox01 {}
	.figbox01 > img {}
	.figbox01 .ttl {
		padding:.5em;
	}
	.figbox01 .ttl .ja {
		font-size:calc(38 / 750 * 100vw);
	}
	.figbox01 + .txt01 {
		padding:0;
	}
}

.slide_clinic02 {}
.slide_clinic02 {}
.slide_clinic02 .slide1 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.slide_clinic02 .slick-prev:before,
.slide_clinic02 .slick-next:before {
    display: none;
}
.slide_clinic02 .slide1thumb li {
    max-width:100%;
    width:calc((100% / 5) - (1em * 5 / 6));
    margin-right:1em;
    margin-bottom:1em;
    opacity: .5;
    transition: .3s;
}
.slide_clinic02 .slide1thumb li.thumbnail-current {
    opacity: 1;
    outline:2px solid #193446;
}
.slide_clinic02 .slide1thumb li:nth-child(5n),
.slide_clinic02 .slide1thumb li:last-child {
    margin-right: 0;
}
.slide_clinic02 .slide1thumb li:hover {
    opacity: 1;
    transition: .3s;
    cursor: pointer;
}
@media(min-width: 785px) and (max-width:977px) {
    .slide_clinic02 .slide_main {
        /*max-width: 600px;*/
    }
}
@media only screen and (max-width: 784px) {
    .slide_clinic02 .slide1thumb {
        padding: 0 3.2vw;
    }

    .slide_clinic02 .slide1thumb.flex.start {
        -webkit-justify-content: center; justify-content: center;
    }
    .slide_clinic02 .slide1thumb li {
        max-width:calc(100% / 3);
        width: 24%;
        margin:0;
        margin-left:4%;
    }
    .slide_clinic02 .slide1thumb li:nth-of-type(3n + 1) {
        margin-left:0;
    }
    .slide_clinic02 .slide1thumb li:nth-of-type(n + 4) {
        margin-top:calc(30 / 750 * 100vw);
    }
}

.slide_clinic02 .slick-slide {
    transform: scale(.8);
    transition: .5s;
}
.slide_clinic02 .slick-slide img {
    margin:0 auto;
}
.slide_clinic02 .slick-slide.slick-center {
    transform: scale(1);
    transition: .5s;
}
.slide_clinic02 .slick-prev,
.slide_clinic02 .slick-next {
    background: url(images/page/arw_slide01_l.png)no-repeat center / cover;
    width: 30px;
    height: 54px;
    z-index: 9;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: none;
}
.slide_clinic02 .slick-prev:before,
.slide_clinic02 .slick-next:before {
    display: none;
}
.slide_clinic02 .slick-prev {
    left:calc(50% - 580px);
    transform:translateX(-50%);
}
.slide_clinic02 .slick-next {
    left:calc(50% + 580px);
    right:auto;
    transform:translateX(-50%) scaleX(-1);
}
@media(min-width: 785px) and (max-width:1044px) {
    .slide_clinic02 .slick-prev {
        left:3.2vw;
    }
    .slide_clinic02 .slick-next {
        left:calc(100% - 3.2vw);
    }
}
@media(min-width: 978px) and (max-width:1044px) {
    .slide_clinic02 .slick-prev {
        left:3.2vw;
    }
    .slide_clinic02 .slick-next {
        left:calc(100% - 3.2vw);
    }
}
@media(max-width: 784px) {
	.slide_clinic02 .slick-slide img {
	    width:calc(600 / 750 * 100vw);
	}
    .slide_clinic02 .slick-prev {
        left:3.2vw;
    }
    .slide_clinic02 .slick-next {
        left:calc(100% - 3.2vw);
    }
    .slide_clinic02 .slick-prev,
    .slide_clinic02 .slick-next {
        width: calc(40 / 750 * 100vw);
        height: calc(40 / 750 * 100vw);
    }
}


/* コンテンツ名 class
------------------------------------------------------------------*/
.index_treatment .ttl01 .en {
    padding: 1em;
}
.index_treatment .photo_area01 {
	background-image: url("images/index/bg_treatment01_01.jpg");
	background-position: right 15% top;
}

@media(min-width: 785px) and (max-width: 1279px) {
	.index_treatment .photo_area01 {
		background: url("images/index/bg_treatment01_01_sp.jpg") center top / cover no-repeat;
	}
}
@media(min-width: 785px) and (max-width:977px) {

}
@media(max-width: 784px) {
	.index_treatment .ttl01 .ja {
		font-size: calc(38 / 750 * 100vw);
		line-height: 1.5;
	}
	.index_treatment .ttl01 .en {
		padding: 0 .75em .25em;
	}
	.index_treatment .ttl01 .en .num {
	    font-size: calc(110 / 750 * 100vw);
	}
	.index_treatment .photo_area01 ._in .ttl01 .en .fs11 {
		font-size: calc(22 / 750 * 100vw);
	}
	.index_treatment .photo_area01 {
		background-image: url(images/index/bg_treatment01_01_sp.jpg);
	}
}