@charset "UTF-8";

:root {
	--width-ratio: (1200px / 1200)
}

@media (max-width: 1024px) {
	:root {
		--width-ratio: (100vw / 1024)
	}
}

@media (max-width: 750px) {
	:root {
		--width-ratio: (100vw / 750)
	}
}

.catchouter {
	width: 90%;
	margin: 1em auto;
	overflow: hidden;
}

.catch {
	display: flex;
	align-items: center;
	/* 垂直中心 */
	justify-content: center;
	/* 水平中心 */
	color: rgb(255, 255, 255);
	margin-bottom: calc(15 * var(--width-ratio));
	font-size: calc(24 * var(--width-ratio));
	white-space: nowrap;
	letter-spacing:0.1em;
}

.catch:before,
.catch:after {
	border-top: calc(2 * var(--width-ratio)) solid;
	content: "";
	width: 100%;
	/* 線の長さ */
}

.catch:before {
	margin-right: 1em;
	/* 文字の右隣 */
}

.catch:after {
	margin-left: 1em;
	/* 文字の左隣 */
}

body {
	/*font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	font-family:'Noto Sans JP', 'M PLUS Rounded 1c', sans-serif;
	font-size: calc(16 * var(--width-ratio));
	line-height: 1.5;
	color: #08131a;
	letter-spacing:0.05em;
}

#wrapper {
	overflow: hidden;
}

#pageCnt {
	position: relative;
}

p {
	line-height: 1.5;
}

a {
	cursor: pointer;
	line-height: 1;
	color: #08131a;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

a:hover {
	opacity: .7;
}

p a {
	color: #1a73e8;
}

.color000 {
	color: #000;
}

.color01 {
	color: #08131a;
}

.color02 {
	color: #787878;
}

.color03 {
	color: #505050;
}

.sp,
.pc-none {
	display: none;
}

img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 750px) {
	body {
		font-size: calc(26 * var(--width-ratio));
	}

	#wrapper {
		padding: calc(87 * var(--width-ratio)) 0 0;
	}

	.pc,
	.sp-none {
		display: none;
	}

	.sp,
	.pc-none {
		display: block;
	}
}

/* === btn === */
.btn01 {
	background-color: #4AC0C4;
	border: calc(2 * var(--width-ratio)) solid #fff;
	color: #fff;
	border-radius: calc(10 * var(--width-ratio));
	text-align: center;
	position: relative;
}

.btn02 {
	background-color: #fff;
	color: #4AC0C4;
	border: calc(2 * var(--width-ratio)) solid #fff;
	border-radius: calc(10 * var(--width-ratio));
	text-align: center;
	position: relative;
}

.btn01 a {
	color: #fff !important;
}

.btn02 a {
	color: #4AC0C4;
}

.btn01 a,
.btn02 a {
	display: flex;
	align-items: center;
	width: 100%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.btn01 a:hover,
.btn02 a:hover {
	text-decoration: none;
	opacity: .7;
}

.btn01 a:after,
.btn02 a:after {
	display: none;
}

.btn {
	height: calc(76 * var(--width-ratio));
	font-weight: bold;
	/*border: calc(2 * var(--width-ratio)) solid #fff;*/
	border-radius: calc(10 * var(--width-ratio));
	text-align: center;
	position: relative;
}

.btn.btn01 a,
.btn.btn02 a {
	padding: calc(8 * var(--width-ratio)) calc(16 * var(--width-ratio));
	display: flex;
	border-collapse: initial;
	letter-spacing:0.1em;
}

.btn.btn02 a.yoyaku_tel_btn {
	display: flex;
	justify-content: center;
	width: calc(388 * var(--width-ratio));
}

.btn.btn02 a.yoyaku_tel_btn .sub_txt {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: calc(16 * var(--width-ratio));
}

.btn.btn02 a.yoyaku_tel_btn .main_txt {
	width: auto;
}

.btn .sub_txt {
	height: calc(60 * var(--width-ratio));
	width: calc(100 * var(--width-ratio));
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(10 * var(--width-ratio));
	font-size: calc(18 * var(--width-ratio));
	text-align: center;
	line-height: 1.5;
	vertical-align: middle;
}

.btn .main_txt {
	width: calc(297 * var(--width-ratio));
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.2;
	display: table-cell;
	vertical-align: middle;
}

.btn .main_txt span.sf {
	font-size: calc(16 * var(--width-ratio));
	font-weight: normal;
}

.btn01 .sub_txt {
	background: #fff;
	color: #4AC0C4;
}

.btn01 .sub_txt span {
	font-size: calc(15 * var(--width-ratio));
	line-height: calc(20 * var(--width-ratio));
}

.btn02 .sub_txt {
	background: #4AC0C4;
	color: #fff;
	font-size: calc(24 * var(--width-ratio));
	line-height: calc(55 * var(--width-ratio));
}

.btn.btn01 a:after,
.btn.btn02 a:after {
	font-size: calc(24 * var(--width-ratio));
	font-weight: bold;
	top: calc(24 * var(--width-ratio));
}

.btn .pc {
	display: inline;
}

.yoyaku {
	display: none;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	top: 0;
	padding: 5vmin 0;
	z-index: 999;
	overflow-y: scroll;
}

.yoyaku h3 {
	text-align: center;
	color: #fff;
	font-size: 4vmin;
	margin: auto auto 3vmin;
	letter-spacing:0.075em;
}

.yoyaku h4 {
	display: none;
}

.yoyaku .inner {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	width: 100%;
	max-width: calc(1020 * var(--width-ratio));
	justify-content: space-between;
}

.yoyaku .inner .btn {
	width: calc(500 * var(--width-ratio));
	height: auto;
	margin: 0 0 calc(40 * var(--width-ratio)) 0;
	letter-spacing:0.05em;
}

.yoyaku .inner .btn:nth-child(2n) {
	margin: 0 0 calc(40 * var(--width-ratio));
	letter-spacing:0.05em;
}

.yoyaku .inner > div {
	margin: 0 auto 4vmin;
}

.yoyaku .inner > div span.sf {
	font-size: 2vmin;
}

.yoyaku .inner > div .main_txt {
	width: 80%;
}

.yoyaku_btn .main_txt {
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.5;
}

.yoyaku_btn .main_txt .color {
	color: #ffe530;
}

.yoyaku .close_btn {
	color: #fff;
	margin-left: calc(-30 * var(--width-ratio));
	cursor: pointer;
}

.yoyaku .close_btn span {
	position: relative;
	left: 50%;
	padding-left: 1em;
	letter-spacing:0.1em;
	line-height: calc(30 * var(--width-ratio));
}

.yoyaku .close_btn span:before {
	display: block;
	content: "";
	position: absolute;
	top: calc(-5 * var(--width-ratio));
	left: calc(-2 * var(--width-ratio));
	padding: 0;
	width: calc(4 * var(--width-ratio));
	height: calc(30 * var(--width-ratio));
	background: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.yoyaku .close_btn span:after {
	display: block;
	content: "";
	position: absolute;
	top: calc(8 * var(--width-ratio));
	left: calc(-15 * var(--width-ratio));
	width: calc(30 * var(--width-ratio));
	height: calc(4 * var(--width-ratio));
	background: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* 2024-12-04　予約ボタンのstyle直書きをcssに移行 */
.yoyaku.yoyaku_telnet .tel_dlg_inner {
position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 95%;
    max-width: 700px;
    margin: 30px auto;
}

.yoyaku.yoyaku_telnet .tel_dlg_bg {
    background-color: rgb(255,255,255);
    border-radius: 10px;
    padding: 15px;
    font-size: 1.4em;
    text-align: center;
}

.yoyaku.yoyaku_telnet .title{
    color: rgb(71,190,194);
    font-size: calc(36 * var(--width-ratio));
    font-weight: bold;
    margin: 0.5em auto;
}

.yoyaku.yoyaku_telnet .intro{
    margin: 1em auto;
	font-size: calc(36 * var(--width-ratio));
}

.yoyaku.yoyaku_telnet .description{
    margin-left: 80px;
    line-height: 1.5;
    text-align: center;
}

.yoyaku.yoyaku_telnet .description{
	
}

.yoyaku.yoyaku_telnet .description ul{
	
}

.yoyaku.yoyaku_telnet .description li{
	
}


.yoyaku.yoyaku_telnet .description span{
    font-weight: bold;
}

.yoyaku.yoyaku_telnet .shop_name {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 15px 0 5px 0;
    border-top: 2px solid rgb(120,120,120);
}


.yoyaku.yoyaku_telnet .recommend_net {
    margin: 20px 40px;
	font-size:calc(24 * var(--width-ratio))
}

.yoyaku.yoyaku_telnet .to_tel {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 5px 0 15px 0;
    font-size: calc(42 * var(--width-ratio));
    color: rgb(120,120,120);
}

.yoyaku.yoyaku_telnet .to_tel img {
    height: calc(56* var(--width-ratio));
    margin-right: 0.25em;
}

.yoyaku.yoyaku_telnet .to_net {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 5px 0 15px 0;
    font-size: calc(42 * var(--width-ratio));
    color: rgb(21,139,238);
}

.yoyaku.yoyaku_telnet .to_net img{
    height: calc(56* var(--width-ratio));
    margin-right: 0.25em;
}

.yoyaku.yoyaku_telnet .close_btn {
    cursor: pointer;
    box-sizing: border-box;
    margin-top: 10px;
    background-color: rgb(255,255,255);
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    font-size: calc(42 * var(--width-ratio));
    color: rgb(120,120,120);
    margin-left: 0;
}

@media (max-width: 750px) {
	/*SP用の定義*/
	.yoyaku.yoyaku_telnet .tel_dlg_inner {
		width:95vw;
	}
}
/* 2024-12-04　予約ボタンのstyle直書きをcssに移行 ここまで*/

.fixed {
	position: fixed;
	width: 100%;
}

@media (max-width: 750px) {

	/* === btn === */
	.btn02 {
		background-color: #fff;
		color: #4AC0C4;
		border-radius: calc(10 * var(--width-ratio));
		text-align: center;
		position: relative;
	}

	.btn01 {
		background:box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
		color: #fff;
		border-radius: calc(10 * var(--width-ratio));
		text-align: center;
		position: relative;
	}

	.btn02 a {
		color: #4AC0C4;
	}

	.btn01 a {
		color: #fff;
	}

	.btn01 a,
	.btn02 a {
		display: block;
		width: 100%;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}

	.btn01 a:hover,
	.btn02 a:hover {
		text-decoration: none;
		opacity: 1;
	}

	.btn01 a:after,
	.btn02 a:after {
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		position: static;
		right: auto;
		font-weight: 900;
	}

	.btn {
		height: auto;
		font-weight: bold;
		border: calc(2 * var(--width-ratio)) solid #fff;
		border-radius: calc(10 * var(--width-ratio));
		text-align: center;
		position: relative;
		margin-bottom: 2rem;
		width: 100%;
	}

	.btn.btn01 a,
	.btn.btn02 a {
		height: 100%;
		padding: calc(16 * var(--width-ratio)) calc(12 * var(--width-ratio));
	}

	.btn .sub_txt {
		height: calc(52 * var(--width-ratio));
		width: calc(52 * var(--width-ratio));
		display: table-cell;
		border-radius: calc(10 * var(--width-ratio));
		text-align: center;
		line-height: 1.3;
		vertical-align: middle;
	}

	.btn .main_txt {
		width: calc(100% - 6rem);
		font-size: calc(22 * var(--width-ratio));
		line-height: 1.5;
		display: table-cell;
		vertical-align: middle;
	}

	#content section.contact.store .btn .main_txt {
		font-size: 3.6vmin;
	}

	#content section.contact.store .btn .main_txt span.sf {
		font-size: 3.2vmin;
	}

	.btn01 .main_txt {
		font-size: 4.8vw;
		line-height: 1.4;
	}

	.btn .main_txt span.sf {
		font-size: 1.6rem;
		font-weight: normal;
	}

	.btn01 .sub_txt {
		display: table-cell;
	}

	.btn02 .sub_txt {
		background: #4AC0C4;
		color: #fff;
		font-size: 4rem;
		line-height: 6rem;
	}

	.btn01 .sub_txt i {
		background: #fff;
		color: #4AC0C4;
		font-size: calc(36 * var(--width-ratio));
		line-height: calc(52 * var(--width-ratio));
	}

	.btn.btn01 a:after,
	.btn.btn02 a:after {
		/*font-size: 2rem;
		font-weight: bold;
		display: table-cell;
		vertical-align: middle;
		top: auto;
		width: 2%;*/
		display: none;
	}

	.btn .pc {
		display: none;
	}

	.yoyaku {
		z-index: 1000;
		padding: 10vmin 0;
	}

	.yoyaku h3 {
		font-size: 5vmin;
		margin: auto auto 5vmin;
	}

	.yoyaku h4 {
		display: block;
		margin: 0 0 calc(16 * var(--width-ratio));
		font-size: calc(25 * var(--width-ratio));
		text-align: center;
		color: #fff;
	}

	.catch {
		font-size: 4vw;
	}

	.yoyaku .inner {
		width: 100%;
		padding: 0 calc(40 * var(--width-ratio));
	}

	.yoyaku .inner .btn {
		width: calc(315 * var(--width-ratio));
		min-width: unset;
		max-width: unset;
		margin: 0 0 calc(40 * var(--width-ratio)) 0;
	}

	.yoyaku .inner .btn:nth-child(2n) {
		margin: 0 0 calc(40 * var(--width-ratio));
	}

	.yoyaku .inner > div span.sf {
		display: block;
		margin: 0;
		font-size: calc(17 * var(--width-ratio));
	}

	.yoyaku .inner > div .main_txt {
		font-size: calc(25 * var(--width-ratio));
		width: 100%;
	}

	.yoyaku_btn .inner > div .main_txt {
		font-size: calc(22 * var(--width-ratio));
	}

	.yoyaku_btn .inner > div .main_txt .color {
		display: block;
		font-size: calc(28 * var(--width-ratio));
		margin-bottom: 0.25em;
	}

	.yoyaku .btn02 .sub_txt i {
		font-size: calc(34 * var(--width-ratio));
	}

	.yoyaku .btn01 .sub_txt i {
		font-size: 5vmin;
	}

	.yoyaku .btn .sub_txt {
		display: flex;
		height: calc(52 * var(--width-ratio));
		width: calc(52 * var(--width-ratio));
	}

	.yoyaku_tel .btn .sub_txt {
		line-height: 0;
	}

	.yoyaku_tel .inner > div .main_txt .color {
		margin: 0 0 calc(12 * var(--width-ratio));
		font-size: calc(31 * var(--width-ratio));
	}
}

/* ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■

common

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
input[type="checkbox"] {
	display: none;
}

input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
}

.clearText {
	display: inline-block;
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■

header

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
header {
	width: 100%;
}

header > .inner {
	border-bottom: calc(1 * var(--width-ratio)) solid #3C3C3C;
}

header > .inner > .top {
	display: flex;
	justify-content:center;
	align-items: center;
	width: 100%;
	max-width: calc(1300 * var(--width-ratio));
	padding: calc(12 * var(--width-ratio)) 0;
	margin: 0 auto;
}

header figure {
	width: calc(160 * var(--width-ratio));
	margin: calc(12 * var(--width-ratio)) 0 calc(8 * var(--width-ratio));
}

header figure img {
	height: calc(88 * var(--width-ratio));
}

header .top .center {
	display: flex;
	flex-direction: column;
	margin:0.25em 1.5em 0 0em;
}

header .top .center > h1 {
	display: block;
}

#toppage header .top .center > h1 {
	margin: 0 0 calc(8 * var(--width-ratio));
	font-size: calc(10 * var(--width-ratio));
	letter-spacing: calc(1 * var(--width-ratio));
}

header .top .center > span {
	margin: 0 0 calc(8 * var(--width-ratio));
	font-size: calc(12 * var(--width-ratio));
}

#toppage header .top .center > span {
	display: none;
}

.hShopList {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: calc(900 * var(--width-ratio));
	letter-spacing:0.05em;
	justify-content:start;
	gap:0.2em;
}

.hShopList.sp {
	display: none;
}

.hShopList li {
	display: flex;
	margin: 0 0 calc(4 * var(--width-ratio));
}

.naraberu li {
    text-align: center;
    height: calc(32* var(--width-ratio));
    border-radius: calc(15* var(--width-ratio));
    line-height: calc(32* var(--width-ratio));
    cursor: pointer;
    display: inline-block;
    letter-spacing: 0.05em;
    font-size: calc(13* var(--width-ratio));
    margin-right: calc(3* var(--width-ratio));
    box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
}

.kantou {
	padding: 0 calc(18 * var(--width-ratio));
	background-color: rgb(255, 241, 192);
}

.kansai {
	padding: 0 calc(10 * var(--width-ratio));
	background-color: rgb(222, 254, 213);
}

.other {
	padding: 0 calc(10 * var(--width-ratio));
	background-color: rgb(209, 237, 251);
}

header .top .right .hCvArea {
	display: flex;
	height: calc(45 * var(--width-ratio));
	/* margin: 0 0 calc(4 * var(--width-ratio)) calc(46 * var(--width-ratio)); */
	transition:0.3s;
}

header .top .right .hCvArea :hover{
  transform: translateY(-3px);
}

header .top .right .hCvArea .tel {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(77 * var(--width-ratio));
	border: calc(2 * var(--width-ratio)) solid #A1ACB2;
	font-size: calc(12 * var(--width-ratio));
	font-weight: 600;
	line-height: 1;
	color: #A1ACB2;
	box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
}

header .top .right .hCvArea .tel:not(.keyword):before {
	content: '';
	display: block;
	width: calc(12 * var(--width-ratio));
	height: calc(18 * var(--width-ratio));
	background: url(../../img/common/icon-tel.png) 50%/calc(12 * var(--width-ratio)) no-repeat;
}

header .top .right .hCvArea .net {
	width: calc(165 * var(--width-ratio));
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(90deg, rgba(65, 164, 253, 1), rgb(14 210 189) 75%);
	font-size: calc(16 * var(--width-ratio));
	font-weight: 500;
	color: #fff;
	box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
}

header .top .right .hCvArea .net:not(.keyword):before {
	content: '';
	display: block;
	width: calc(37 * var(--width-ratio));
	height: calc(37 * var(--width-ratio));
	margin: 0 calc(8 * var(--width-ratio)) 0 0;
	background: url(../../img/common/icon-24h.png) 50%/calc(37 * var(--width-ratio)) no-repeat;
}

header .top .right .hCvArea .net:not(.keyword):after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	margin: 0 0 0 calc(12 * var(--width-ratio));
	border-style: solid;
	border-width: calc(5.5 * var(--width-ratio)) 0 calc(5.5 * var(--width-ratio)) calc(9 * var(--width-ratio));
	border-color: transparent transparent transparent #fff;
}

header #gNav {
	margin: calc(16 * var(--width-ratio)) 0 0;
}

header #gNav > ul {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: calc(1300 * var(--width-ratio));
	margin: 0 auto;
	color:#08131a;
}

header #gNav > ul > li {
	width: 10%;
	padding: 0 0 0.5em;
	line-height: 1;
	position: relative;
}

header #gNav > ul > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin:0.8rem;
	height: 100%;
	border-left: calc(1 * var(--width-ratio)) solid #08131a;
	font-size: calc(16 * var(--width-ratio));
	line-height:1.4em;
	font-weight:600;
	letter-spacing: 0.1em;
	text-align: center;
	overflow: visible;
}

header #gNav > ul > li > a:hover {
	opacity: 1;
}

header #gNav > ul > li:last-child > a {
	border-right: calc(1 * var(--width-ratio)) solid #08131a;
}

header #gNav > ul > li > a:not(.keyword):before {
	content: '';
	display: block;
	width: calc(100 * var(--width-ratio));
	height: calc(2 * var(--width-ratio));
	background: #aedcde;
	position: absolute;
	bottom: calc(16 * var(--width-ratio));
	left: 65%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

header #gNav > ul > li > a:hover:not(.keyword):before {
	opacity: 1;
	visibility: visible;
}

header .hoverMenu {
	display: block;
	width: calc(220 * var(--width-ratio));
	box-shadow: calc(1 * var(--width-ratio)) calc(1 * var(--width-ratio)) calc(3 * var(--width-ratio)) rgba(0, 0, 0, .3);
	background: #fff;
	position: absolute;
	top: calc(40 * var(--width-ratio));
	left: 0;
	z-index: 1;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
}

header .hoverMenu li {}

header .hoverMenu a {
	display: block;
	width: 100%;
	padding: calc(8 * var(--width-ratio));
	border-bottom: calc(1 * var(--width-ratio)) solid #ccc;
	font-size: calc(12 * var(--width-ratio));
	line-height: 1.3;
	letter-spacing: calc(1 * var(--width-ratio));
}

header .hoverMenu a:last-child {
	border-top: none;
}

header #gNav > ul > li:hover .hoverMenu {
	opacity: 1;
	visibility: visible;
}


@media (max-width: 750px) {
	header {
		width: 100%;
		height: calc(87 * var(--width-ratio));
		min-width: auto;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}

	header > .inner {
		background: #fff;
		position: relative;
		z-index: 999;
	}

	header figure {
		width: calc(160 * var(--width-ratio));
		margin: 0;
	}

	header figure img {
		height: calc(64 * var(--width-ratio));
	}

	header > .inner > .top {
		display: flex;
		align-items: center;
		width: 100%;
		padding: calc(12 * var(--width-ratio)) calc(116 * var(--width-ratio)) calc(12 * var(--width-ratio)) calc(20 * var(--width-ratio));
		margin: 0 auto;
	}

	header .top .center > h1 {
		display: none;
	}

	header .top .center > span {
		display: none;
	}

	header .top .center ul.pc {
		display: none;
	}

	header .top .right {
		margin: 0 0 0 auto;
	}

	header .top .right .hCvArea {
		display: flex;
		height: calc(56 * var(--width-ratio));
		margin: 0;
	}

	header .top .right .hCvArea .tel {
		width: calc(95 * var(--width-ratio));
		font-size: calc(15 * var(--width-ratio));
	}

	header .top .right .hCvArea .tel:not(.keyword):before {
		content: '';
		display: block;
		width: calc(14 * var(--width-ratio));
		height: calc(23 * var(--width-ratio));
		background: url(../../img/common/icon-tel.png) 50%/cover no-repeat;
	}

	header .top .right .hCvArea .net {
		width: calc(204 * var(--width-ratio));
		font-size: calc(20 * var(--width-ratio));
	}

	header .top .right .hCvArea .net:not(.keyword):before {
		content: '';
		display: block;
		width: calc(45 * var(--width-ratio));
		height: calc(45 * var(--width-ratio));
		margin: 0 calc(9 * var(--width-ratio)) 0 0;
		background: url(../../img/common/icon-24h.png) 50%/cover no-repeat;
	}

	header .top .right .hCvArea .net:not(.keyword):after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		margin: 0 0 0 calc(11 * var(--width-ratio));
		border-style: solid;
		border-width: calc(7 * var(--width-ratio)) 0 calc(7 * var(--width-ratio)) calc(10 * var(--width-ratio));
		border-color: transparent transparent transparent #fff;
	}

	.hShopList.pc {
		display: none;
	}

	.hShopList.sp {
		display: flex;
		width: 100%;
		margin:0.5rem auto;
		/*padding: 0 0 0 calc(4 * var(--width-ratio));
		border-bottom: calc(1 * var(--width-ratio)) solid #3C3C3C;*/
	}

	.hShopList01 {
		/*border-bottom: calc(1 * var(--width-ratio)) solid #3C3C3C;*/
	}

	.hShopList li {
		display: flex;
		margin: 0;
	}


	.naraberusp {
		width: 100%;
		max-width: calc(750 * var(--width-ratio));
		margin-top: calc(5 * var(--width-ratio));
	}
	
	.naraberu li {
    text-align: center;
    height: calc(44* var(--width-ratio));
    border-radius: calc(22* var(--width-ratio));
    line-height: calc(44 * var(--width-ratio));
    cursor: pointer;
    display: inline-block;
    font-size: calc(17 * var(--width-ratio));
	margin-right:3px;
	transition:0.2s;
		box-shadow:none;
}
	
	.hShopList naraberu pc a:hover{
  transform: translateY(-3px);
	}

	.kantou {
		padding: 0 calc(12.5 * var(--width-ratio));
		background-color: rgb(255, 241, 192);
	}

	.kansai {
		background-color: rgb(222, 254, 213);
	}

	.other {
		background-color: rgb(209, 237, 251);
	}

	.naraberu {
		padding-top: calc(7 * var(--width-ratio));
	}

	.naraberusp {
		margin-top: calc(8 * var(--width-ratio));
	}

	.naraberusp li {
		width: calc(19% - (5 * var(--width-ratio)));
		text-align: center;
		height: calc(44 * var(--width-ratio));
		border-radius: calc(22 * var(--width-ratio));
		line-height: calc(45 * var(--width-ratio));
		cursor: pointer;
		display: inline-block;
		font-size: calc(17 * var(--width-ratio));
		margin-left: calc(5 * var(--width-ratio));
	}

	.naraberusp a {
		width: 100%;
	}

	header #menuBtn {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: calc(84 * var(--width-ratio));
		height: calc(84 * var(--width-ratio));
		position: absolute;
		top: 0;
		right: 0;
		z-index: 999;
	}

	header #menuBtn .barWrap {
		width: calc(50 * var(--width-ratio));
		height: calc(36 * var(--width-ratio));
		position: absolute;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	header #menuBtn .bar {
		width: calc(50 * var(--width-ratio));
		height: calc(3 * var(--width-ratio));
		background: #3C3C3C;
		position: absolute;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}

	header #menuBtn .bar.top {
		top: 0;
		left: 0;
	}

	header #menuBtn .bar.middle {
		top: calc(17 * var(--width-ratio));
		left: 0;
		opacity: 1;
		visibility: visible;
	}

	header #menuBtn .bar.bottom {
		top: calc(34 * var(--width-ratio));
		left: 0;
	}

	header #menuBtn.open .bar.top {
		top: calc(18 * var(--width-ratio));
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	header #menuBtn.open .bar.middle {
		opacity: 0;
		visibility: hidden;
	}

	header #menuBtn.open .bar.bottom {
		top: calc(18 * var(--width-ratio));
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	header #gNav {
		width: 100%;
		height: 100vh;
		padding: calc(120 * var(--width-ratio)) calc(67 * var(--width-ratio)) calc(260 * var(--width-ratio));
		margin: 0;
		background: #fff;
		position: fixed;
		top: 0;
		left: 100vw;
		z-index: 998;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		overflow-y: scroll;
	}

	header #gNav.open {
		left: 0;
	}

	header #gNav .gNavCvBtn {
		display: flex;
		justify-content: center;
	}

	header #gNav .gNavCvBtn a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}

header #gNav .gNavCvBtn a.tel {
        width: calc(286* var(--width-ratio));
        height: calc(145* var(--width-ratio));
        padding: calc(24* var(--width-ratio)) 0 0;
        margin: 0 calc(32* var(--width-ratio)) 0 0;
        border-radius: calc(10* var(--width-ratio));
        background: #A1ACB2;
        box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
    }

    header #gNav .gNavCvBtn a.net {
        width: calc(286* var(--width-ratio));
        height: calc(145* var(--width-ratio));
        padding: calc(20* var(--width-ratio)) 0 0;
        border-radius: calc(10* var(--width-ratio));
        background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgb(14 210 189) 75%);
        box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
    }

	header #gNav .gNavCvBtn a.tel img {
		width: calc(35 * var(--width-ratio));
		margin: 0 0 calc(24 * var(--width-ratio));
	}

	header #gNav .gNavCvBtn a.net img {
		width: calc(69 * var(--width-ratio));
		margin: 0 0 calc(12 * var(--width-ratio));
	}

	header #gNav .gNavCvBtn a span {
		display: flex;
		align-items: center;
		font-size: calc(24 * var(--width-ratio));
		line-height: 1.3em;
		letter-spacing:0.075em;
		padding:0 0.5em;
		text-align: center;
		color: #fff;
	}

	header #gNav .gNavCvBtn a span span {
		margin: 0 0 0 calc(8 * var(--width-ratio));
		font-size: calc(17 * var(--width-ratio));
	}

	header #gNav > ul {
		flex-direction: column;
		width: 100%;
		margin:2.4rem auto 0;
	}

	header #gNav > ul > li {
		width: 100%;
		padding: 0;
	}

	header #gNav > ul > li > a {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		height: auto;
		padding:0;
		border-left: none;
		font-size: calc(34 * var(--width-ratio));
		font-weight:600;
		letter-spacing:0.075em;
		color: #08131a;
		text-align: left;
		margin:0 auto 1.2rem;
	}

@media screen and (max-width: 768px) {
	padding: 0.5em 0;
}

	header #gNav > ul > li:last-child > a {
		border-right: none;
	}

	header #gNav > ul > li > a:not(.keyword):before {
		content: '';
		display: block;
		width: calc(24 * var(--width-ratio));
		height: calc(24 * var(--width-ratio));
		margin: 0 calc(30 * var(--width-ratio)) 0 0;
		background: url(../../img/common/icon-gnav-arrow.png);
		background-size: cover;
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
		visibility: visible;
	}

	header #gNav li ul {
		margin:0 auto;
		padding-left:1.6rem;
	}

	header #gNav li li {
		margin: 0 auto;
	}

@media screen and (max-width: 768px) {
		header #gNav li li {
		margin: 0 auto 1.2rem;
			letter-spacing:0.075em;
			font-size:calc(30 * var(--width-ratio));
	}
}

	header #gNav li li:last-child {
	}

	header #gNav li li a {
		margin:0 auto 0.8rem;

	}

	header .hoverMenu {
		display: block;
		width: 100%;
		padding-left:1.6rem;
		box-shadow: none;
		background: #fff;
		position: relative;
		top: auto;
		left: auto;
		opacity: 1;
		visibility: visible;
	}

	header .hoverMenu li {}

	header .hoverMenu a {
		display: block;
		width: 100%;
		padding: 0;
		border-bottom: none;
		font-size: calc(30 * var(--width-ratio));
		line-height: 1;
	}

	header .hoverMenu a:last-child {
		border-top: none;
	}

	header #gNav > ul > li:hover .hoverMenu {
		opacity: 1;
		visibility: visible;
	}

	header #gNav .gNavCoupon {
		margin: calc(60 * var(--width-ratio)) 0 0;
	}

	header #gNav .gNavCoupon a {
		display: flex;
		align-items: center;
		justify-content: center;
		letter-spacing:0.1em;
		width: 100%;
		max-width: calc(616 * var(--width-ratio));
		height: calc(96 * var(--width-ratio));
		border: calc(10 * var(--width-ratio)) solid #4AC0C4;
		font-size: calc(32 * var(--width-ratio));
	}

	header #gNav .gNavCvBtnBtm {
		margin: calc(60 * var(--width-ratio)) 0 0;
	}

	header #gNav .gNavCvBtnBtm a {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		padding: 0 0 0 calc(160 * var(--width-ratio));
		position: relative;
				box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
	}

	header #gNav .gNavCvBtnBtm a.net {
		height: calc(125 * var(--width-ratio));
		margin: 0 0 calc(30 * var(--width-ratio));
		border-radius: calc(10 * var(--width-ratio));
		background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgb(14 210 189) 75%);
	}

	header #gNav .gNavCvBtnBtm a.tel {
		height: calc(88 * var(--width-ratio));
		margin: 0 0 calc(30 * var(--width-ratio));
		border-radius: calc(10 * var(--width-ratio));
        background: #A1ACB2;
    }

	header #gNav .gNavCvBtnBtm a.net img {
		position: absolute;
		left: calc(30 * var(--width-ratio));
		width: calc(69 * var(--width-ratio));
	}

	header #gNav .gNavCvBtnBtm a.tel img {
		position: absolute;
		left: calc(45 * var(--width-ratio));
		width: calc(35 * var(--width-ratio));
	}

	header #gNav .gNavCvBtnBtm a span {
		font-size: calc(34 * var(--width-ratio));
		line-height: 1.3em;
		letter-spacing:0.1em;
		font-weight:600;
		text-align: center;
		color: #fff;
}

	header #gNav .gNavCvBtnBtm a span span {
		margin: 0 0 0 calc(30 * var(--width-ratio));
		font-size: calc(23 * var(--width-ratio));
		position: relative;
		bottom: calc(3 * var(--width-ratio));
	}

	header #closeMenu {
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.3);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 997;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

	header #closeMenu.open {
		opacity: 1;
		visibility: visible;
	}

	body.open {
		overflow: hidden;
	}
}

/* --------------------------------------------------

footer

-------------------------------------------------- */
footer {
	margin: calc(40 * var(--width-ratio)) 0 0;
}

#toppage footer {
	margin: calc(80 * var(--width-ratio)) 0 0;
}

footer > .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: calc(1200 * var(--width-ratio));
	padding: calc(30 * var(--width-ratio))  calc(60 * var(--width-ratio)) 0;
	margin: 0 auto calc(52 * var(--width-ratio));
}

footer .logoArea {
	width: calc(310 * var(--width-ratio));
	max-width: 32%;
}

footer .logo {
	width: calc(207 * var(--width-ratio));
	height: calc(89 * var(--width-ratio));
}

footer .navArea {
	width: calc(630 * var(--width-ratio));
	max-width: 62%;
	letter-spacing:0.05em;
}

footer .footerNav {
	display: flex;
}

footer .footerNav.sp {
	display: none;
}

footer .footerNav li {
	padding: calc(4 * var(--width-ratio)) calc(18 * var(--width-ratio));
	margin: 0 0 calc(16 * var(--width-ratio));
	border-right: calc(1 * var(--width-ratio)) solid #3C3C3C;
	font-size: calc(10 * var(--width-ratio));
}

footer .footerNav:nth-child(2) li {
	padding: calc(4 * var(--width-ratio)) calc(16.2 * var(--width-ratio));
}

footer .footerNav:nth-child(3) li {
	padding: calc(4 * var(--width-ratio)) calc(20 * var(--width-ratio));
}

footer .footerNav li:first-child {
	border-left: calc(1 * var(--width-ratio)) solid #3C3C3C;
}

footer .footerNav li a {
	display: flex;
	align-items: center;
	font-size: calc(12 * var(--width-ratio));
	line-height:1.3em;
}

footer .footerNav li a img {
	margin: 0 1em 0 0;
}

footer .shopNav {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

footer .shopNav li {
	margin: 0 calc(20 * var(--width-ratio)) calc(8 * var(--width-ratio)) 0;
}

footer .shopNav li a {
	font-size: calc(14 * var(--width-ratio));
	letter-spacing: 0.05em;
}

footer .nav03 {
	display: flex;
	flex-wrap: wrap;
	display: none;
}

footer .nav03 li {
	margin: 0 calc(43 * var(--width-ratio)) calc(8 * var(--width-ratio)) 0;
}

footer .nav03 li a {
	font-size: calc(10 * var(--width-ratio));
	letter-spacing: calc(1 * var(--width-ratio));
}

footer .copyright {
	margin: 0 0 calc(32 * var(--width-ratio));
	text-align: center;
	letter-spacing:0.05em;
}

footer .copyright span {
	font-size: calc(10 * var(--width-ratio));
}

footer h3.footer_pc{
	margin: 1em auto 0.75em;
    color: #4AC0C4;
    font-size: calc(16 * var(--width-ratio));
	letter-spacing:0.075em;
}

footer h4.footer_pc{
	margin: 0.5em auto 0.5em;
	letter-spacing:0.1em;
    font-size: calc(14 * var(--width-ratio));
}

footer h3.footer_pc a{
    color: #4AC0C4;
}

	footer h3.footer_sp{
		display:none;
	}

@media (max-width: 750px) {
	footer {
		margin: calc(40 * var(--width-ratio)) 0 calc(140 * var(--width-ratio));
	}

	footer > .inner {
		flex-direction: column-reverse;
		width: 100%;
		padding: 0 calc(60 * var(--width-ratio));
		margin: 0 auto calc(32 * var(--width-ratio));
	}

	footer .logoArea {
		width: auto;
		max-width: none;
		margin: calc(40 * var(--width-ratio)) 0 0;
	}

	footer .logo {
		width: auto;
		height: calc(89 * var(--width-ratio));
	}

	footer .navArea {
		width: auto;
		max-width: none;
	}

	footer .footerNav.pc {
		display: none;
	}

	footer .footerNav.sp {
		display: flex;
		flex-wrap: wrap;
	}

	footer .footerNav li {
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(100% / 3);
		margin: 0 0 calc(20 * var(--width-ratio));
	}

	footer .footerNav li:nth-child(3n + 1) {
		border-left: calc(1 * var(--width-ratio)) solid #3C3C3C;
	}

	footer .footerNav li.contact {
		width: calc(100% * 2/3);
	}

	footer .footerNav li.contact img {
		width: calc(33 * var(--width-ratio));
	}

	footer .footerNav li a {
		height: calc(32 * var(--width-ratio));
		font-size: calc(20 * var(--width-ratio));
		justify-content: center;
		align-items: center;
		text-align: center;
		overflow: visible;
	}

	footer .shopNav {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	footer .shopNav li {
		width: calc(100% / 4);
		margin: 0 0 calc(20 * var(--width-ratio));
		text-align: center;
	}

	footer .shopNav li a {
		font-size: calc(20 * var(--width-ratio));
	}

	footer .copyright span {
		font-size: calc(19 * var(--width-ratio));
	}
	
	footer h3.footer_pc{
		display:none;
	}
	
	footer h4.footer_pc{
		font-size: calc(24 * var(--width-ratio));
	}
	
	footer h3.footer_sp{
	display:inline-block;
	margin: 1em auto 0.75em;
    color: #4AC0C4;
    font-size: calc(28 * var(--width-ratio));
	letter-spacing:0.1em;
	}
	
}

/* ---------------------------------------------

.fixedCvBtn

-------------------------------------------------- */
.fixedCvBtn a:hover {
	opacity: 1;
}

.fixedCvBtn a img {
	position: fixed;
	right: 0;
	width: calc(58 * var(--width-ratio));
	z-index: 990;
	transition: .5s;
}

.fixedCvBtn a.net img {
	bottom: calc(360 * var(--width-ratio));
}

.fixedCvBtn a.tel img {
	bottom: calc(180 * var(--width-ratio));
}

@media (max-width: 750px) {
	.fixedCvBtn {
		display: none;
	}
}

/* --------------------------------------------------

.pageTop

-------------------------------------------------- */
a#pagetop {
	opacity: 0 !important;
	visibility: hidden !important;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

a#pagetop img {
	position: fixed;
	right: calc(20 * var(--width-ratio));
	bottom: calc(20 * var(--width-ratio));
	z-index: 998;
	box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
}

a#pagetop:hover {
	opacity: 1;
}

a#pagetop:hover img {
	opacity: inherit;
}

a#pagetop.scrolled {
	opacity: 1 !important;
	visibility: visible !important;
}

a#pagetop.stop img {
	position: absolute;
	bottom: calc(472 * var(--width-ratio));
}

@media (max-width: 750px) {
	a#pagetop img {
		position: fixed;
		right: calc(20 * var(--width-ratio));
		bottom: calc(300 * var(--width-ratio));
		width: calc(100 * var(--width-ratio));
	}

	a#pagetop.stop img {
		bottom: calc(195 * var(--width-ratio));
	}
}

/* --------------------------------------------------

.cv-common

-------------------------------------------------- */
.cv-common {
	border-top: calc(1 * var(--width-ratio)) solid #A1ACB2;
	border-bottom: calc(1 * var(--width-ratio)) solid #A1ACB2;
	background-image: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 100%) 55%);
}

.cv-common > .inner {
	padding: 1.5em 0;
	text-align: center;
}

.cv-common > .inner p{
    margin: 0 auto 0.5em;
    font-size: calc(22* var(--width-ratio));
    letter-spacing: 0.1em;
    font-weight: 500;
}

@media screen and (max-width: 768px) {
.cv-common > .inner {
	padding: 1em 0;
}	
}

.p-top-faq > h2
.cv-common > .inner > p {
	font-size: calc(22 * var(--width-ratio));
	letter-spacing: 0.075em;
	font-weight:700;
	margin:0 auto 0.5em;
	letter-spacing:0.1em;
}

@media screen and (max-width: 768px) {
.cv-common > .inner > p {
	font-size: calc(28 * var(--width-ratio));
	letter-spacing:0.1em;
	margin-bottom:0.75em;
		font-weight:700;
}	
}

.cv-common .btnWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin:0 auto;
	gap:2em;
	letter-spacing:0.1em;
}

@media screen and (max-width: 768px) {
	.cv-common .btnWrap {
	gap:0em;
}
}


.cv-common a {
	font-size: calc(18 * var(--width-ratio));
	font-weight: 500;
	color: #fff;
}

.cv-common a.airline{
		font-size: calc(24 * var(--width-ratio));
	font-weight: 600;
	color: #4285F4;
}

@media screen and (max-width: 768px) {
	.cv-common a.airline{
		font-size: calc(26 * var(--width-ratio));
}
}


.cv-common a:hover{
  transform: translatey(-5px);
}

.cv-common .tel {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: calc(22* var(--width-ratio));
    justify-content: center;
    letter-spacing: 0.05em;
    width: calc(350* var(--width-ratio));
    height: calc(51* var(--width-ratio));
    margin: 0;
    background: #A1ACB2;
    box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);
    border-radius: 30px;
    letter-spacing: 0.1em;
}

.cv-common .net {
    display: flex;
    align-items: center;
    justify-content: center;
	font-weight:600;
    width: calc(450* var(--width-ratio));
    height: calc(51* var(--width-ratio));
    border-radius: 100vh;
    background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgb(14 210 189) 75%);
    box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);
		letter-spacing:0.1em;
	font-size:calc(22* var(--width-ratio));
}

.cv-common .net:hover {
  color: #fff;
  background-position: right center;
}

.cv-common .net:not(.keyword):before {
	content: '';
	display: block;
	width: calc(36 * var(--width-ratio));
	height: calc(36 * var(--width-ratio));
	margin: 0 calc(20 * var(--width-ratio)) 0 0;
	background: url(../../img/common/icon-24h.png) 50%/cover no-repeat;
}

.cv-common.fix {
	display: none;
}

.cv-common.fix.scrolled {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 750px) {
	.cv-common a {
		border-radius: calc(10 * var(--width-ratio));
		font-size: calc(24 * var(--width-ratio));
	}

	.cv-common .tel {
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(240 * var(--width-ratio));
		height: calc(65 * var(--width-ratio));
		margin: 0 calc(20 * var(--width-ratio)) 0 0;
	}

	.cv-common .net {
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(417 * var(--width-ratio));
		height: calc(65 * var(--width-ratio));
	}

	.cv-common .net:not(.keyword):before {
		content: '';
		display: block;
		width: calc(45 * var(--width-ratio));
		height: calc(45 * var(--width-ratio));
		margin: 0 calc(20 * var(--width-ratio)) 0 0;
		background: url(../../img/common/icon-24h.png) 50%/cover no-repeat;
	}

	.cv-common.fix {
		display: block;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 998;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

	.cv-common.fix p {
		display: none;
	}

	.cv-common.fix .btnWrap {
		margin: 0;
	}

	.cv-common.fix.scrolled {
		opacity: 1;
		visibility: visible;
	}
}

/* --------------------------------------------------

.btn-common

-------------------------------------------------- */
.btn-common01 {
    display: flex;
    align-items: center;
	font-weight:600;
    letter-spacing: 0.075em;
    padding: 0.5em 2em;
    justify-content: center;
    max-width: 92%;
	width:fit-content;
	line-height:1.4em;
    margin: 1em auto 1em;
    border: 2px solid #4285F4;
    background: #fff;
    font-size: calc(18* var(--width-ratio));
    color: #4285F4;
    position: relative;
    border-radius: 30px;
    box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
    transition: .3s;
}

/*.btn-common01:not(.keyword):before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(8 * var(--width-ratio)) 0 calc(8 * var(--width-ratio)) calc(8 * var(--width-ratio));
	border-color: transparent transparent transparent #1a73e8;
	position: absolute;
	top: 50%;
	right: calc(20 * var(--width-ratio));
	margin: calc(-8 * var(--width-ratio)) 0 0;
}*/

.btn-common01:hover {
  background: #1a73e8;
	color:#fff;
}

@media (max-width: 750px) {
	.btn-common01 {
		width:67%;
		padding:0.75em 1em;
		font-size: calc(24 * var(--width-ratio));
	}

	.btn-common01:not(.keyword):before {
		border-width: calc(11 * var(--width-ratio)) 0 calc(11 * var(--width-ratio)) calc(11 * var(--width-ratio));
		top: 50%;
		right: calc(20 * var(--width-ratio));
		margin: calc(-8 * var(--width-ratio)) 0 0;
	}
}

.pageBottomBtnArea {
	display: block;
	margin: 0 0 calc(60 * var(--width-ratio));
}

#top ~ .pageBottomBtnArea {
	display: none;
}

.pageBottomBtnArea ul {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: calc(32 * var(--width-ratio));
}

.pageBottomBtnArea li {
	margin: 0 calc(32 * var(--width-ratio)) 0 0;
}

.pageBottomBtnArea li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(200 * var(--width-ratio));
	height: calc(45 * var(--width-ratio));
	border-radius:30px;
	box-shadow:2px 4px 4px rgb(0 0 0 / 10%);
	transition:0.3s;
}

.pageBottomBtnArea li a :hover{
	transform:translatey(-3px);	
}

.pageBottomBtnArea li a.plan {
	border: calc(2 * var(--width-ratio)) solid #1a73e8;
	color: #1a73e8;
	font-weight: 400;
}

.pageBottomBtnArea li a.toppage {
	background: #999;
	color: #fff;
}

.pageBottomBtnArea li a.net {
	background: linear-gradient(90deg, rgba(65, 164, 253, 1), rgb(14 210 189) 75%);
	color: #fff;
	font-weight: 400;
}

.pageBottomBtnArea li a.net:not(.keyword):before {
	content: '';
	display: block;
	width: calc(34 * var(--width-ratio));
	height: calc(34 * var(--width-ratio));
	margin: 0 calc(8 * var(--width-ratio)) 0 0;
	background: url(../../img/common/icon-24h.png) 50%/cover;
}

@media (max-width: 750px) {
	.pageBottomBtnArea li a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(213 * var(--width-ratio));
		height: calc(60 * var(--width-ratio));
		font-size: calc(22 * var(--width-ratio));
	}

	.pageBottomBtnArea {
		margin: calc(52 * var(--width-ratio)) 0;
	}
}

.sec {
	padding: calc(52 * var(--width-ratio)) 0 0;
}

.baWrap,
.baWrap_hikaku {
	position: relative;
}

.baWrap_hikaku {
	padding: calc(48 * var(--width-ratio)) 0 0;
	border-top: calc(1 * var(--width-ratio)) solid #5d5d5d;
}

.baWrap h2,
.baWrap_hikaku h2 {
	display: flex;
	align-items: center;
	letter-spacing:0.1em;
	justify-content: center;
	margin: 0 auto 1em;
	line-height: 1.4em;
	font-size: calc(36 * var(--width-ratio));
	text-align: center;
	font-weight:600;
}

.baWrap h2:before,
.baWrap_hikaku h2:before {
	content: '';
	display: block;
	width: calc(75 * var(--width-ratio));
	height: calc(80 * var(--width-ratio));
	margin: 0 calc(20 * var(--width-ratio)) 0 0;
	background: url(../../img/common/ba-ttl-ill.png) 50%/cover;
}

.baWrap .baCnt,
.baWrap_hikaku .baCnt {
	width: 100%;
	max-width: calc(1200 * var(--width-ratio));
	padding: calc(48 * var(--width-ratio)) 0;
	margin: 0 auto;
}

.baWrap .baCnt01,
.baWrap_hikaku .baCnt01 {
	padding: 0 0 calc(48 * var(--width-ratio));
}

.baWrap .baCnt > h3,
.baWrap_hikaku .baCnt > h3 {
	margin: 0 0 calc(40 * var(--width-ratio));
	font-size: calc(26 * var(--width-ratio));
	font-weight: 400;
	letter-spacing: calc(2 * var(--width-ratio));
	text-align: center;
}

.baWrap .baCnt > h3 span,
.baWrap_hikaku .baCnt > h3 span {
	color: #FF846D;
}

.baWrap .baCnt > p,
.baWrap_hikaku .baCnt > p {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(440 * var(--width-ratio));
	height: calc(55 * var(--width-ratio));
	margin: 0 auto calc(44 * var(--width-ratio));
	background: #FFA69A;
	font-size: calc(23 * var(--width-ratio));
	letter-spacing: calc(2 * var(--width-ratio));
	color: #fff;
	position: relative;
}

.baWrap .baCnt > p:before,
.baWrap_hikaku .baCnt > p:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(15 * var(--width-ratio)) calc(17.5 * var(--width-ratio)) 0;
	border-color: #FFA69A transparent transparent;
	position: absolute;
	bottom: calc(-15 * var(--width-ratio));
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.baWrap .baCnt .baImgBottom,
.baWrap_hikaku .baCnt .baImgBottom {
	width: calc(456 * var(--width-ratio));
	margin: calc(36 * var(--width-ratio)) auto 0;
	position: relative;
}

.baWrap .baCnt .baImgBottom .slideTxt,
.baWrap_hikaku .baCnt .baImgBottom .slideTxt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(204 * var(--width-ratio));
	height: calc(36 * var(--width-ratio));
	margin: 0 auto;
	border-radius: calc(30 * var(--width-ratio));
	border: 1px solid #251e1c;
	background: #fff;
	font-size: calc(13 * var(--width-ratio));
	position: relative;
	box-shadow:2px 3px 4px rgb(0 0 0 / 10%);	
}

.baWrap .baCnt .baImgBottom .slideTxt .hand,
.baWrap_hikaku .baCnt .baImgBottom .slideTxt .hand {
	position: absolute;
	right: calc(-15 * var(--width-ratio));
	top: calc(-15 * var(--width-ratio));
}

.baWrap .baCnt .baImgBottom .beforeTxt,
.baWrap_hikaku .baCnt .baImgBottom .beforeTxt {
	position: absolute;
	left: 0;
   border:none;
}

.baWrap .baCnt .baImgBottom .afterTxt,
.baWrap_hikaku .baCnt .baImgBottom .afterTxt {
	position: absolute;
	right: 0;
	border:none;
}

.baWrap .baCnt .retouchFlow,
.baWrap_hikaku .baCnt .retouchFlow {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: calc(884 * var(--width-ratio));
	margin: calc(60 * var(--width-ratio)) auto 0;
}

.baWrap .baCnt .retouchFlow li {
	position: relative;
	width: 22.5%;
	margin: 0 calc((100% - (22.5% * 4)) / 3) calc(28 * var(--width-ratio)) 0;
}

.baWrap_hikaku .baCnt .retouchFlow li {
	position: relative;
	width: 32%;
	margin: 0 calc((100% - (32% * 3)) / 2) calc(28 * var(--width-ratio)) 0;
	padding: 0 2em;
}

.baWrap .baCnt .retouchFlow li:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(13 * var(--width-ratio)) 0 calc(13 * var(--width-ratio)) calc(12 * var(--width-ratio));
	border-color: transparent transparent transparent #FFC6BF;
	position: absolute;
	top: calc(120 * var(--width-ratio));
	right: calc(-20 * var(--width-ratio));
}

.baWrap_hikaku .baCnt .retouchFlow li:before {
	border-color: transparent transparent transparent #FFC6BF;
	top: calc(120 * var(--width-ratio));
	right: calc(-20 * var(--width-ratio));
}

.baWrap .baCnt .retouchFlow li h4,
.baWrap_hikaku .baCnt .retouchFlow li h4 {
	margin:0.5em 0;
	font-size: calc(18 * var(--width-ratio));
	line-height: 1.4em;
	letter-spacing:0.075em;
	text-align: center;
}

.baWrap .baCnt .retouchFlow li p, .baWrap_hikaku .baCnt .retouchFlow li p {
    font-size: calc(14* var(--width-ratio));
    line-height: 1.6em;
    letter-spacing: 0.05em;
    padding: 0 0.5em;
}

.baWrap .baCnt .retouchFlow li:nth-child(4n) {
	margin: 0 0 calc(28 * var(--width-ratio));
}

.baWrap .baCnt .retouchFlow li:last-child {
	margin: 0 0 calc(28 * var(--width-ratio));
}

.baWrap .baCnt .retouchFlow li:last-child:before {
	content: none;
}

.baWrap .baCnt .baPointArea {
	display: flex;
	width: calc(100% - (calc(50 * var(--width-ratio)) * 2));
	max-width: calc(914 * var(--width-ratio));
	margin: calc(20 * var(--width-ratio)) auto 0;
	padding: calc(32 * var(--width-ratio)) calc(20 * var(--width-ratio)) calc(32 * var(--width-ratio)) calc(76 * var(--width-ratio));
	background-image:linear-gradient(90deg, rgb(255 236 236), rgb(255 228 194));
	position: relative;
	box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
	border-radius:25px;
}

.baWrap .baCnt .baPointArea > img {
	width: calc(107 * var(--width-ratio));
	position: absolute;
	top: calc(-25 * var(--width-ratio));
	left: calc(-50 * var(--width-ratio));
}

.baWrap .baCnt .baPointArea .point {
	display: flex;
	justify-content: space-between;
	width: 32%;
	margin: 0 calc((100% - (32% * 3)) / 2) 0 0;
}

.baWrap .baCnt .baPointArea .point:last-child {
	margin: 0;
}

.baWrap .baCnt .baPointArea .point .left {
	width: calc(72 * var(--width-ratio));
}

.baWrap .baCnt .baPointArea .point .left > span {
	display: block;
	margin: 0 0 calc(16 * var(--width-ratio));
	font-size: calc(28 * var(--width-ratio));
	line-height: 1;
	color: #332E2E;
}

.baWrap .baCnt .baPointArea .point .left span span {
	font-size: calc(16 * var(--width-ratio));
	letter-spacing: calc(3 * var(--width-ratio));
	line-height: 1;
	color: #332E2E;
	position: relative;
	top: calc(-4 * var(--width-ratio));
}

.baWrap .baCnt .baPointArea .point .left img {
	display: block;
	margin: 0 auto;
}

.baWrap .baCnt .baPointArea .point .left img.sp {
	display: none;
}

.baWrap .baCnt .baPointArea .point .right {
	width: calc(170 * var(--width-ratio));
	margin-left: calc(10 * var(--width-ratio));
}

.baWrap .baCnt .baPointArea .point .right h5 {
    margin: 0 auto 0.5em;
    font-size: calc(16* var(--width-ratio));
    line-height: 1.3em;
    text-align: left;
    letter-spacing: 0.075em;
}

.baWrap .baCnt .baPointArea .point .right p {
    font-size: calc(15 * var(--width-ratio)) !important;
    line-height: 1.4em !important;
    text-align: left;
}

.baWrap .baCnt02 {
	padding: calc(48 * var(--width-ratio)) 0 0;
}

.baWrap .baCnt02 > h3 span {
	color: #6EB7C9;
}

.baWrap .baCnt02 > p {
	background: #6EB7C9;
}

.baWrap .baCnt02 > p:before {
	border-color: #6EB7C9 transparent transparent;
}

.baWrap .baCnt02 .baImgBottom .slideTxt .hand {
	width: calc(40 * var(--width-ratio));
	position: absolute;
	right: calc(-15 * var(--width-ratio));
	top: calc(-15 * var(--width-ratio));
}

.baWrap .baCnt02 .baImgBottom .beforeTxt {
	width: calc(84 * var(--width-ratio));
	position: absolute;
	left: 0;
}

.baWrap .baCnt02 .baImgBottom .afterTxt {
	width: calc(84 * var(--width-ratio));
	position: absolute;
	right: 0;
}

.baWrap .baCnt02 .retouchFlow li:before {
	border-color: transparent transparent transparent #99CAD7;
}

.baWrap_hikaku .baCnt02 .retouchFlow li:before {
	border-color: transparent transparent transparent #4AC0C4;
}

.baWrap .baCnt02 .baPointArea {
	    background-image: linear-gradient(90deg, #e8f4fa, rgb(211 245 248));
	box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
}

.baWrap .baImgWrap {
	width: calc(332 * var(--width-ratio));
	height: calc(450 * var(--width-ratio));
	margin: 0 auto;
	position: relative;
}

@media (max-width: 750px) {
	.baWrap {
		position: relative;
	}

	.baWrap:before {
		width: 100%;
		height: calc(962 * var(--width-ratio));
	}

	.baWrap h2 {
		margin: 0 auto 1em;
		font-size: calc(34 * var(--width-ratio));
	}

	.baWrap .baCnt {
		width: 100%;
		padding: calc(48 * var(--width-ratio)) 0;
		margin: 0 auto;
	}

	.baWrap .baCnt01 {
		padding: 0 0 calc(48 * var(--width-ratio));
		border-bottom: calc(1 * var(--width-ratio)) solid #5D5D5D;
	}

	.baWrap .baCnt > p:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: calc(15 * var(--width-ratio)) calc(17.5 * var(--width-ratio)) 0;
		border-color: #FFA69A transparent transparent;
		position: absolute;
		bottom: calc(-15 * var(--width-ratio));
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.baWrap .baCnt .baImgBottom {
		width: 100%;
		max-width: calc(606 * var(--width-ratio));
		margin: calc(42 * var(--width-ratio)) auto 0;
		position: relative;
	}

	.baWrap .baCnt .baImgBottom .slideTxt {
		width: calc(269 * var(--width-ratio));
		height: calc(47 * var(--width-ratio));
		border-radius: calc(30 * var(--width-ratio));
		font-size: calc(16 * var(--width-ratio));
	}

	.baWrap .baCnt .baImgBottom .slideTxt .hand {
		width: calc(53 * var(--width-ratio));
		position: absolute;
		right: calc(-15 * var(--width-ratio));
		top: calc(-22 * var(--width-ratio));
	}

	.baWrap .baCnt .baImgBottom .beforeTxt {
		width: calc(84 * var(--width-ratio));
		position: absolute;
		top: calc(-20 * var(--width-ratio));
		left: 0;
	}

	.baWrap .baCnt .baImgBottom .afterTxt {
		width: calc(84 * var(--width-ratio));
		position: absolute;
		top: calc(-20 * var(--width-ratio));
		right: 0;
	}

	.baWrap .baCnt .retouchFlow {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		margin: calc(60 * var(--width-ratio)) auto calc(80 * var(--width-ratio));
	}

	.baWrap .baCnt .retouchFlow li {
		width: calc(165 * var(--width-ratio));
		margin: 0 calc(28 * var(--width-ratio)) calc(28 * var(--width-ratio)) 0;
		position: relative;
	}

	.baWrap .baCnt .retouchFlow li:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: calc(13 * var(--width-ratio)) 0 calc(13 * var(--width-ratio)) calc(12 * var(--width-ratio));
		border-color: transparent transparent transparent #FFC6BF;
		position: absolute;
		top: calc(120 * var(--width-ratio));
		right: calc(-20 * var(--width-ratio));
	}

	.baWrap .baCnt .retouchFlow li img {
		width: 100%;
	}

	.baWrap .baCnt .retouchFlow li h4 {
		margin: calc(4 * var(--width-ratio)) 0 calc(4 * var(--width-ratio));
		font-size: calc(15 * var(--width-ratio));
		line-height: calc(21 * var(--width-ratio));
		text-align: center;
	}

	.baWrap .baCnt .retouchFlow li p {
		font-size: calc(14 * var(--width-ratio));
		line-height: calc(21 * var(--width-ratio));
	}

	.baWrap .baCnt .retouchFlow li:nth-child(4n) {
		margin: 0 0 calc(28 * var(--width-ratio));
	}

	.baWrap .baCnt .retouchFlow li:last-child {
		margin: 0 0 calc(28 * var(--width-ratio));
	}

	.baWrap .baCnt .retouchFlow li:last-child:before {
		content: none;
	}

	.baWrap .baCnt .baPointArea {
		flex-direction: column;
		width: 100%;
		max-width: calc(675 * var(--width-ratio));
		padding: calc(32 * var(--width-ratio)) 0 calc(20 * var(--width-ratio));
		margin: calc(20 * var(--width-ratio)) auto 0;
		/*background: #F9D7BE;*/
		position: relative;
	}

	.baWrap .baCnt .baPointArea > img {
		width: calc(172 * var(--width-ratio));
		position: absolute;
		top: calc(-115 * var(--width-ratio));
		left: calc(-30 * var(--width-ratio));
	}

	.baWrap .baCnt .baPointArea .point {
		display: flex;
		width: 100%;
		padding: 0 calc(40 * var(--width-ratio));
		margin: 0;
	}

	.baWrap .baCnt .baPointArea .point:last-child {
		margin: 0;
	}

	.baWrap .baCnt .baPointArea .point .left {
		display: flex;
		align-items: center;
		width: calc(245 * var(--width-ratio));
		min-width: calc(245 * var(--width-ratio));
	}

	.baWrap .baCnt .baPointArea .point .left > span {
		display: block;
		margin: 0 0 calc(16 * var(--width-ratio));
		font-size: calc(38 * var(--width-ratio));
		line-height: 1;
		color: #727172;
	}

	.baWrap .baCnt .baPointArea .point .left span span {
		font-size: calc(22 * var(--width-ratio));
		letter-spacing: calc(3 * var(--width-ratio));
		line-height: 1;
		color: #727172;
		position: relative;
		top: calc(-4 * var(--width-ratio));
	}

	.baWrap .baCnt .baPointArea .point .left img {
		margin: 0 auto;
	}

	.baWrap .baCnt .baPointArea .point .left img.pc {
		display: none;
	}

	.baWrap .baCnt .baPointArea .point .left img.sp {
		display: block;
	}

	.baWrap .baCnt .baPointArea .point .right {
		width: 100%;
		margin: 0 0 calc(20 * var(--width-ratio)) calc(12 * var(--width-ratio));
	}

.baWrap .baCnt .baPointArea .point .right h5 {
    margin: 1em auto 0.5em;
    font-size: calc(26 * var(--width-ratio));
    line-height: 1.3em;
}

	.baWrap .baCnt .baPointArea .point .right p {
		font-size: calc(22 * var(--width-ratio)) !important;
		line-height: 1.5em !important;
		text-align: left;
		letter-spacing:0.05em;
	}

	.baWrap .baCnt .baPointArea .point01 .left img {
		width: calc(103 * var(--width-ratio));
	}

	.baWrap .baCnt .baPointArea .point02 .left img {
		width: calc(65 * var(--width-ratio));
	}

	.baWrap .baCnt .baPointArea .point03 .left img {
		width: calc(74 * var(--width-ratio));
	}

	.baWrap .baCnt .baPointArea .point04 .left img {
		width: calc(82 * var(--width-ratio));
	}

	.baWrap .baCnt .baPointArea .point05 .left img {
		width: calc(79 * var(--width-ratio));
	}

	.baWrap .baCnt .baPointArea .point06 .left img {
		width: calc(78 * var(--width-ratio));
	}

	.baWrap .baCnt02 {
		padding: calc(48 * var(--width-ratio)) 0 0;
	}

	.baWrap .baCnt02 > h3 span {
		color: #6EB7C9;
	}

	.baWrap .baCnt02 > p {
		background: #6EB7C9;
	}

	.baWrap .baCnt02 > p:before {
		border-color: #6EB7C9 transparent transparent;
	}

	.baWrap .baCnt02 .retouchFlow li:before {
		border-color: transparent transparent transparent #99CAD7;
	}

	/*.baWrap .baCnt02 .baPointArea {
		background: #E1F5F5;
	}*/

	.baWrap .baImgWrap {
		width: calc(443 * var(--width-ratio));
		height: calc(596 * var(--width-ratio));
		margin: 0 auto;
		position: relative;
	}
}

/* --------------------------------------------------

#secAward

-------------------------------------------------- */
#secAward {
	padding: calc(30 * var(--width-ratio)) 0;
	text-align: center;
}

#secAward h2 {
    margin: 0 auto 1em;
    font-size: calc(32* var(--width-ratio));
    letter-spacing: 0.1em;
    line-height: 1.4em;
	color:#08131a;
}

#secAward p {
	font-size: calc(16 * var(--width-ratio));
	line-height: 1.6em;
	margin: 1em auto;
	letter-spacing:0.05em;
}

#secAward p a {
	margin: calc(18 * var(--width-ratio)) 0  calc(18 * var(--width-ratio));
	font-size: calc(18 * var(--width-ratio))
}

@media screen and (max-width: 768px) {
#secAward p a {
	margin:1em auto;
	font-size: calc(22 * var(--width-ratio))
}	
	
}

#secAward span {
	display: block;
	width: 100%;
	max-width: calc(745 * var(--width-ratio));
	margin: calc(24 * var(--width-ratio)) auto 0;
	font-size: calc(12 * var(--width-ratio));
	line-height: calc(17 * var(--width-ratio));
	text-align: left;
}

#secAward img {
	margin: calc(24 * var(--width-ratio)) auto;
}

@media (max-width: 750px) {
	#secAward {
		padding: calc(52 * var(--width-ratio)) calc(40 * var(--width-ratio)) ;
	}

	#secAward h2 {
		margin: 0 0 calc(16 * var(--width-ratio));
		font-size: calc(36 * var(--width-ratio));
		line-height: 1.4em;
		letter-spacing:0.075em;
	}

	#secAward p {
		width: 100%;
		margin: calc(16 * var(--width-ratio)) 0 ;
		font-size: calc(24 * var(--width-ratio));
		line-height: 1.4em;
	}

	#secAward img {
		width: 100%;
	}

	#secAward span {
		display: block;
		width: 100%;
		margin: calc(60 * var(--width-ratio)) auto 0;
		font-size: calc(15 * var(--width-ratio));
		line-height: calc(19 * var(--width-ratio));
	}
}

/* --------------------------------------------------

#secAward02

-------------------------------------------------- */
#secAward02 {
	display: flex;
	width: 96%;
	max-width: calc(900 * var(--width-ratio));
	padding: 0 0 calc(52 * var(--width-ratio));
	margin: 0 auto;
	text-align: center;
	align-items: flex-start;
}

#secAward02 .left {
	width: 50%;
	padding: 0 calc(30 * var(--width-ratio)) 0 0;
	text-align: right;
}

#secAward02 .left img {
	width: 100%;
	height: auto;
}

#secAward02 .right {
	width: 50%;
	padding: calc(20 * var(--width-ratio)) 0 0 calc(30 * var(--width-ratio));
	text-align: left;
}

#secAward02 .right h2 {
    margin: 0 auto 1em;
    font-size: calc(28* var(--width-ratio));
    line-height: 1.6em;
    font-weight: 600;
    letter-spacing: 0.1em;
}

#secAward02 .right p {
	margin: 0 auto 1.5em;
	font-size: calc(20 * var(--width-ratio));
	line-height: 1.6em;
	letter-spacing:0.05em;
}

#secAward02 .right p a {
	text-align:center;
	display:block;
}

#secAward02 .right span {
	font-size: calc(11 * var(--width-ratio));
	line-height: calc(17 * var(--width-ratio));
}

@media (max-width: 750px) {
	#secAward02 {
		display: none;
	}
}

/* --------------------------------------------------

#photostep

-------------------------------------------------- */
#photostep {
	padding: calc(52 * var(--width-ratio)) 0  calc(18 * var(--width-ratio));
}

#photostep h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5em;
	font-size: calc(36 * var(--width-ratio));
	line-height: 1.4em;
	letter-spacing: 0.1em;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#photostep h2 {
	font-size: calc(38 * var(--width-ratio));
}
}

#photostep h2:before {
	content: '';
	display: block;
	width: calc(84 * var(--width-ratio));
	height: calc(76 * var(--width-ratio));
	margin: calc(-20 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0 calc(-100 * var(--width-ratio));
	background: url(../../img/common/photostep-ttl-ill.png) 50%/cover;
}

#photostep .heading {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: calc(670 * var(--width-ratio));
	height: calc(173 * var(--width-ratio));
	padding: calc(16 * var(--width-ratio)) 0 0;
	margin: 0 auto;
	background: url(../../img/common/photostep-heading-bg.png) 50%/cover;
	text-align: center;
}

#photostep .heading h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(35 * var(--width-ratio));
	font-weight: 400;
	line-height: 1;
	color: #D88E78;
	text-align: center;
}

#photostep .heading h2 span {
	margin: 0 calc(10 * var(--width-ratio));
	font-size: calc(60 * var(--width-ratio));
	color: #D88E78;
}

#photostep .heading span {
	font-size: calc(30 * var(--width-ratio));
	color: #5F5E5F;
}

#photostep ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	letter-spacing:0.05em;
	width: calc(100% - (calc(40 * var(--width-ratio)) * 2));
	max-width: calc(776 * var(--width-ratio));
	margin: calc(28 * var(--width-ratio)) auto calc(12 * var(--width-ratio));
}

#photostep ul li {
	width: 30%;
	padding: calc(20 * var(--width-ratio)) 0 0;
	margin: 0 calc((100% - (30% * 3)) / 2) calc(40 * var(--width-ratio)) 0;
	/*background: #EDF9FA;*/
	background-image: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
	text-align: center;
	position: relative;
	box-shadow:2px 4px 4px rgb(0 0 0 / 10%);
}

#photostep ul li:nth-child(3n) {
	margin: 0 0 calc(40 * var(--width-ratio)) 0;
}

#photostep ul li:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(17.5 * var(--width-ratio)) 0 calc(17.5 * var(--width-ratio)) calc(18 * var(--width-ratio));
	border-color: transparent transparent transparent #A1ACB2;
	position: absolute;
	top: calc(150 * var(--width-ratio));
	right: calc(-30 * var(--width-ratio));
	z-index: 1;
}

#photostep ul li:last-child:before {
	content: none;
}

#photostep ul li > span {
	 display: flex;
    align-items: center;
    justify-content: center;
    width: calc(46* var(--width-ratio));
    height: calc(46* var(--width-ratio));
    border-radius: calc(30* var(--width-ratio));
    border: calc(1* var(--width-ratio)) solid #6c7377;
    background: #fff;
    color: #6c7377;
    font-size: calc(28 * var(--width-ratio));
    position: absolute;
    top: calc(-15* var(--width-ratio));
    left: calc(-20* var(--width-ratio));
	
}

#photostep ul li .illArea {
	height: calc(60 * var(--width-ratio));
}

#photostep ul li .txtArea {
	height: calc(90 * var(--width-ratio));
}

#photostep ul li h3 {
	margin: 0 auto 0.5em;
	font-size: calc(19 * var(--width-ratio));
}

#photostep ul li p {
    font-size: calc(13 * var(--width-ratio));
    line-height: 1.4em;
}

#photostep ul li p a {
	color: #5f82c1;
}

#photostep ul li .imgArea {
	width: 100%;
	height: calc(137 * var(--width-ratio));
	position: relative;
}

#photostep ul li .imgArea img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media (max-width: 750px) {
	#photostep h2:before {
		margin: calc(-20 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0 calc(-80 * var(--width-ratio));
	}

	#photostep ul {
		width: 100%;
		max-width: calc(750 * var(--width-ratio));
		margin: calc(28 * var(--width-ratio)) auto 0;
	}

	#photostep ul li {
		display: flex;
		width: calc(530 * var(--width-ratio));
		padding: 0;
		margin: 0 0 calc(60 * var(--width-ratio));
		border: none;
	}

	#photostep ul li:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: calc(24 * var(--width-ratio)) calc(23 * var(--width-ratio)) 0 calc(23 * var(--width-ratio));
		border-color: #92DCDD transparent transparent transparent;
		position: absolute;
		top: auto;
		bottom: calc(-45 * var(--width-ratio));
		right: 50%;
		margin: 0 calc(-23 * var(--width-ratio)) 0 0;
		z-index: 1;
	}

	#photostep ul li:nth-child(3n) {
		margin: 0 0 calc(60 * var(--width-ratio));
	}

	#photostep ul li .txtArea {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: calc(278 * var(--width-ratio));
		height: calc(160 * var(--width-ratio));
	}

	#photostep ul li .txtArea h3 {
		margin: 0 auto 0.5em;
		font-size: calc(26 * var(--width-ratio));
		line-height: 1.4em;
	}

    #photostep ul li .txtArea p {
        font-size: calc(18 * var(--width-ratio));
        line-height: 1.4em;
        text-align: left;
        padding: 0 2em 0 2em;
    }

	#photostep ul li .txtArea p a {
		color: #5f82c1;
	}

	#photostep ul li .imgArea {
		width: calc(253 * var(--width-ratio));
		height: calc(166 * var(--width-ratio));
	}

	#photostep ul li .imgArea img {
		width: 100%;
	}

	#photostep ul li > span {
		width: calc(63 * var(--width-ratio));
		height: calc(63 * var(--width-ratio));
		border-radius: calc(32 * var(--width-ratio));
		font-size: calc(33 * var(--width-ratio));
		top: calc(-15 * var(--width-ratio));
		left: calc(-40 * var(--width-ratio));
	}
}

/* --------------------------------------------------

#priceArea

-------------------------------------------------- */
#priceArea {
	padding: calc(50 * var(--width-ratio)) 0 calc(100 * var(--width-ratio));
}

#priceArea .heading {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: calc(521 * var(--width-ratio));
	height: calc(100 * var(--width-ratio));
	padding: calc(21 * var(--width-ratio)) 0 0;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 1;
}

#priceArea .heading h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(35 * var(--width-ratio));
	font-weight: 400;
	line-height: 1;
	color: #D88E78;
	text-align: center;
}

#priceArea .heading h2 span {
	margin: 0 calc(10 * var(--width-ratio));
	font-size: calc(60 * var(--width-ratio));
	color: #D88E78;
}

#priceArea .heading span {
	font-size: calc(30 * var(--width-ratio));
	color: #5F5E5F;
}

#priceArea > img {
	display: block;
	margin: calc(-20 * var(--width-ratio)) auto calc(60 * var(--width-ratio));
}

#priceArea > h3 {
	margin: 0 0 calc(20 * var(--width-ratio));
	font-size: calc(29 * var(--width-ratio));
	line-height: calc(44 * var(--width-ratio));
	text-align: center;
}

#priceArea .optionList {
	display: flex;
	align-items: center;
	justify-content: center;
}

#priceArea .optionList li {
	width: calc(320 * var(--width-ratio));
	margin: 0 calc(30 * var(--width-ratio)) 0 0;
}

#priceArea .optionList li:last-child {
	margin: 0;
}

#priceArea .optionList li h4 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: calc(64 * var(--width-ratio));
	background: #E8816B;
	font-size: calc(18 * var(--width-ratio));
	line-height: calc(19 * var(--width-ratio));
	text-align: center;
	color: #fff;
}

#priceArea .optionList li h4 .small {
	font-size: calc(15 * var(--width-ratio))
}

#priceArea .optionList li p {
	padding: calc(8 * var(--width-ratio)) 0;
	background: #FFF2F7;
	font-size: calc(25 * var(--width-ratio));
	text-align: center;
}

#priceArea .optionList li p .small {
	font-size: calc(17 * var(--width-ratio));
}

#priceArea .bnrArea {
	display: flex;
	justify-content: center;
	margin: calc(60 * var(--width-ratio)) 0;
}

#priceArea .bnrArea .bnr {
	display: block;
	width: calc(501 * var(--width-ratio));
	margin: 0 calc(18 * var(--width-ratio)) 0 0;
}

#priceArea .bnrArea .bnr:nth-child(2n) {
	margin: 0;
}

#priceArea .bnrArea .bnr h3 {
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(24 * var(--width-ratio));
	text-align: center;
}

#priceArea .bnrArea .bnr p {
	margin: calc(12 * var(--width-ratio)) 0 0;
	font-size: calc(10 * var(--width-ratio));
	line-height: calc(15 * var(--width-ratio));
}

@media (max-width: 750px) {
	#priceArea {
		padding: calc(80 * var(--width-ratio)) 0 calc(100 * var(--width-ratio));
	}

	#priceArea .heading {
		display: flex;
		align-items: center;
		flex-direction: column;
		width: 100%;
		max-width: calc(655 * var(--width-ratio));
		height: calc(101 * var(--width-ratio));
		padding: calc(24 * var(--width-ratio)) 0 0;
		margin: 0 auto;
		text-align: center;
		position: relative;
		z-index: 1;
	}

	#priceArea .heading h2 {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 0 calc(12 * var(--width-ratio));
		font-size: calc(30 * var(--width-ratio));
		font-weight: 400;
		line-height: 1;
		color: #D88E78;
		text-align: center;
	}

	#priceArea .heading h2 span {
		margin: 0 calc(10 * var(--width-ratio));
		font-size: calc(60 * var(--width-ratio));
		color: #D88E78;
	}

	#priceArea .heading span {
		font-size: calc(30 * var(--width-ratio));
		color: #5F5E5F;
	}

	#priceArea > img {
		width: 100%;
		max-width: calc(700 * var(--width-ratio));
		margin: calc(-20 * var(--width-ratio)) auto calc(60 * var(--width-ratio));
	}

	#priceArea > h3 {
		margin: calc(100 * var(--width-ratio)) 0 calc(20 * var(--width-ratio));
		font-size: calc(24 * var(--width-ratio));
		line-height: calc(36 * var(--width-ratio));
		text-align: center;
	}

	#priceArea .optionList {
		flex-wrap: wrap;
		flex-direction: column;
		padding: 0 calc(28 * var(--width-ratio));
	}

	#priceArea .optionList li {
		width: 100%;
		margin: 0 0 calc(40 * var(--width-ratio));
	}

	#priceArea .optionList li:last-child {
		margin: 0;
	}

	#priceArea .optionList li h4 {
		flex-direction: row;
		height: calc(64 * var(--width-ratio));
		background: #E8816B;
		font-size: calc(24 * var(--width-ratio));
		line-height: calc(19 * var(--width-ratio));
		font-weight: 400;
		text-align: center;
		color: #fff;
	}

	#priceArea .optionList li h4 .small {
		font-size: calc(20 * var(--width-ratio));
	}

	#priceArea .optionList li p {
		padding: calc(12 * var(--width-ratio)) 0;
		background: #FFF2F7;
		font-size: calc(34 * var(--width-ratio));
		text-align: center;
	}

	#priceArea .optionList li p .small {
		font-size: calc(23 * var(--width-ratio));
	}

	#priceArea .bnrArea {
		flex-direction: column;
		padding: 0 calc(28 * var(--width-ratio));
		margin: calc(60 * var(--width-ratio)) 0;
	}

	#priceArea .bnrArea .bnr {
		display: block;
		width: 100%;
		margin: 0 0 calc(60 * var(--width-ratio));
	}

	#priceArea .bnrArea .bnr:nth-child(2n) {
		margin: 0;
	}

	#priceArea .bnrArea .bnr img {
		width: 100%;
	}

	#priceArea .bnrArea .bnr h3 {
		margin: 0 0 calc(12 * var(--width-ratio));
		font-size: calc(34 * var(--width-ratio));
		text-align: center;
	}

	#priceArea .bnrArea .bnr p {
		margin: calc(12 * var(--width-ratio)) 0 0;
		font-size: calc(14 * var(--width-ratio));
		line-height: calc(21 * var(--width-ratio));
	}
}

/* --------------------------------------------------

.threeCircleList01

-------------------------------------------------- */
.threeCircleList01 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 calc(20 * var(--width-ratio));
	gap:2rem;
}

..threeCircleList01 li {
    width: calc(340* var(--width-ratio));
    height: calc(340* var(--width-ratio));
    border-radius: calc(200* var(--width-ratio));
    margin: 0 calc(36* var(--width-ratio)) calc(20* var(--width-ratio)) 0;
    box-shadow: 1px 2px 3px rgb(0 0 0 / 10%);
    overflow: hidden;
}

.threeCircleList01 li:last-child {
	margin: 0 0 calc(20 * var(--width-ratio));
}

.threeCircleList01 li .imgArea {
	height: calc(151 * var(--width-ratio));
	background: #fff;
}

.threeCircleList01 li .txtArea {
	height: calc(189 * var(--width-ratio));
	padding: calc(16 * var(--width-ratio)) 0 0;
	background-image:linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
	text-align: center;
}

.threeCircleList01 li .txtArea h3 {
	margin: 0 0 calc(4 * var(--width-ratio));
	font-size: calc(24 * var(--width-ratio));
	line-height: calc(28 * var(--width-ratio));
}

.threeCircleList01 li .txtArea h3 span {
	display: block;
	font-size: calc(19 * var(--width-ratio));
	line-height: calc(28 * var(--width-ratio));
}

.threeCircleList01 li .txtArea p {
    font-size: calc(14 * var(--width-ratio));
    line-height: 1.4em;
	margin:1em auto 0;
}

@media screen and (max-width: 768px) {
	.threeCircleList01 li .txtArea p {
		background:linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
		}
}


.threeCircleList01 li .txtArea p span {
	display: block;
	font-size: calc(11 * var(--width-ratio));
	line-height: calc(22 * var(--width-ratio));
}

@media (max-width: 750px) {
	.threeCircleList01 {
		display: block;
		padding: 0 0 calc(45 * var(--width-ratio));
	}

	.threeCircleList01 li {
		overflow: hidden;
		width: calc(460 * var(--width-ratio));
		height: calc(460 * var(--width-ratio));
		border-radius: calc(230 * var(--width-ratio));
		margin: 0 auto calc(20 * var(--width-ratio));
		box-shadow: 2px 3px 4px rgb(0 0 0 / 10%);
	}

	.threeCircleList01 li:nth-child(2) {
		margin: 0 auto calc(20 * var(--width-ratio));
	}

	.threeCircleList01 li:last-child {
		margin: 0 auto calc(20 * var(--width-ratio));
	}

	.threeCircleList01 li .imgArea {
		overflow: hidden;
		height: calc(200 * var(--width-ratio));
	}

	.threeCircleList01 li .txtArea {
		height: calc(260 * var(--width-ratio));
	}

	.threeCircleList01 li .txtArea h3 {
		margin-bottom: calc(8 * var(--width-ratio));
		font-size: calc(32 * var(--width-ratio));
		line-height: 1.4em;
	}

	.threeCircleList01 li .txtArea h3 span {
		font-size: calc(26 * var(--width-ratio));
	}

	.threeCircleList01 li .txtArea p {
		font-size: calc(20 * var(--width-ratio));
		line-height:1.5em;
	}

	.threeCircleList01 li .txtArea p span {
		font-size: calc(16 * var(--width-ratio));
		line-height: inherit;
	}
}

.threeCircleList02 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.threeCircleList02 li {
	width: calc(270 * var(--width-ratio));
	height: calc(270 * var(--width-ratio));
	border-radius: calc(200 * var(--width-ratio));
	margin: 0 calc(36 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0;
	overflow: hidden;
}

.threeCircleList02 li:last-child {
	margin: 0 0 calc(20 * var(--width-ratio));
}

.threeCircleList02 li .headingArea {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(126 * var(--width-ratio));
	padding: calc(30 * var(--width-ratio)) 0 0;
	background: #95D1D4;
	text-align: center;
}

.threeCircleList02 li .headingArea h4 {
	margin: 0 0 calc(4 * var(--width-ratio));
	font-size: calc(22 * var(--width-ratio));
	line-height: calc(30 * var(--width-ratio));
	font-weight: 400;
	color: #fff;
}

.threeCircleList02 li .headingArea h4 span {
	display: block;
	font-size: calc(18 * var(--width-ratio));
	line-height: calc(30 * var(--width-ratio));
}

.threeCircleList02 li .txtArea {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(144 * var(--width-ratio));
	padding: 0 0 calc(24 * var(--width-ratio));
	background: #E7F7F7;
	text-align: center;
}

.threeCircleList02 li .txtArea p {
	font-size: calc(31 * var(--width-ratio));
	line-height: calc(42 * var(--width-ratio));
}

.threeCircleList02 li .txtArea p span {
	font-size: calc(21 * var(--width-ratio));
	line-height: calc(42 * var(--width-ratio));
}

@media (max-width: 750px) {
	.threeCircleList02 li:nth-child(2n) {
		margin: 0 0 calc(20 * var(--width-ratio));
	}

	.threeCircleList02 li:last-child {
		margin: 0 0 calc(20 * var(--width-ratio));
	}
}

/* ----------------------------------------------

#secCando

-------------------------------------------------- */
#secCando {
	padding: calc(52 * var(--width-ratio)) 0;
}

#secCando h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1em;
	line-height: 1.4em;
	font-size: calc(36 * var(--width-ratio));
	text-align: center;
}

#secCando h2:before {
	content: '';
	display: block;
	width: calc(91 * var(--width-ratio));
	height: calc(68 * var(--width-ratio));
	margin: 0 calc(20 * var(--width-ratio)) 0 0;
	background: url(../../img/common/cando-ttl-ill.png) 50%/cover;
}

#secCando table {
	display: block;
	width: 96%;
	max-width: calc(965 * var(--width-ratio));
	margin: 0 auto;
	letter-spacing:0.025em;
}

#secCando table tbody {
	display: flex;
	flex-wrap: wrap;
}

#secCando table tbody tr {
	display: flex;
	width: calc(482 * var(--width-ratio));
	max-width: 50%;
	min-height: calc(46 * var(--width-ratio));
	margin: 0 calc(8 * var(--width-ratio)) 0 0;
	border-bottom:solid 1px #A1ACB2;
}

#secCando table tbody tr th {
	width: calc(278 * var(--width-ratio));
	max-width: 57%;
	padding: calc(11 * var(--width-ratio)) 0 calc(11 * var(--width-ratio)) calc(36 * var(--width-ratio));
	background: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
	font-size: calc(16 * var(--width-ratio));
	line-height: calc(20 * var(--width-ratio));
	font-weight: 600;
	position: relative;
	display:flex;
	align-items:center;
	justify-content:center;
}

#secCando table tbody tr th:before {
	content: '';
	display: block;
	width: calc(25 * var(--width-ratio));
	height: calc(26 * var(--width-ratio));
	background: url(../../img/common/cando-q.png) 50%/cover;
	position: absolute;
	/*top: calc(8 * var(--width-ratio));*/
	left: calc(6 * var(--width-ratio));
		display:flex;
	align-items:center;
	justify-content:center;
}

    #secCando table tbody tr td {
		display:flex;
		justify-content:center;
		align-items:center;
        width: 100%;
        padding: calc(14* var(--width-ratio)) 1em;
        font-size: calc(16* var(--width-ratio));
        line-height: 1.4em;
        text-align: center;
		letter-spacing:0.025em;
    }

#secCando table tbody tr td.price{
	display:block;
	line-height:1.6em;
}

#secCando table tbody tr:nth-child(1) {
	border-top: calc(1 * var(--width-ratio)) solid #08131a;
}

#secCando table tbody tr:nth-child(2) {
	border-top: calc(1 * var(--width-ratio)) solid #08131a;
}

#secCando table tbody tr:nth-child(2n) {
	width: calc(475 * var(--width-ratio));
	max-width: calc(50% - (8 * var(--width-ratio)));
	margin: 0;
	border-bottom:solid 1px #A1ACB2;
}

#secCando table tbody tr:nth-child(2n) th {
	width: calc(200 * var(--width-ratio));
	max-width: 42%;
}

@media (max-width: 750px) {
	#secCando {
		padding: 0 calc(40 * var(--width-ratio)) 0;
	}

	#secCando h2 {
		margin: 0 0 calc(20 * var(--width-ratio));
		font-size: calc(32 * var(--width-ratio));
		font-weight: 700;
		text-align: center;
	}

	#secCando table {
		width: 100%;
		max-width: calc(676 * var(--width-ratio));
	}

	#secCando table tbody {
		display: flex;
		flex-wrap: wrap;
	}

	#secCando table tbody tr {
		display: flex;
		width: 100%;
		max-width: none;
		min-height: calc(62 * var(--width-ratio));
		margin: 0;
		/*border-bottom: calc(1 * var(--width-ratio)) solid #A1ACB2;*/
	}

	#secCando table tbody tr th {
		width: calc(310 * var(--width-ratio));
		min-width: calc(310 * var(--width-ratio));
		max-width: none;
		padding: calc(14 * var(--width-ratio)) 0 calc(14 * var(--width-ratio)) calc(46 * var(--width-ratio));
		font-size: calc(21 * var(--width-ratio));
		line-height: calc(33 * var(--width-ratio));
	}

	#secCando table tbody tr th:before {
		width: calc(30 * var(--width-ratio));
		height: calc(31 * var(--width-ratio));
		/*top: calc(15 * var(--width-ratio));*/
		left: calc(8 * var(--width-ratio));
	}

    #secCando table tbody tr td {
        width: 100%;
        font-size: calc(17* var(--width-ratio));
        line-height: 1.4em;
        text-align: center;
        padding: 0.5em 1em;
    }
	
	#secCando table tbody tr td.price{
		display:inline-blockblock;
		margin:0 auto;
	}

	#secCando table tbody tr td .small {
		font-size: .7em;
	}

	#secCando table tbody tr:nth-child(1) {
		border-top: calc(1 * var(--width-ratio)) solid #A1ACB2;
	}

	#secCando table tbody tr:nth-child(2) {
		border-top: none;
	}

	#secCando table tbody tr:nth-child(2n) {
		width: 100%;
		max-width: none;
	}

	#secCando table tbody tr:nth-child(2n) th {
		width: calc(310 * var(--width-ratio));
		min-width: calc(310 * var(--width-ratio));
	}
}

/* --------------------------------------------------

#secSolution

-------------------------------------------------- */
#secSolution {
	margin: 0 0 calc(52 * var(--width-ratio));
}

#secSolution h2 {
	margin: 0 0 calc(40 * var(--width-ratio));
	font-size: calc(30 * var(--width-ratio));
	line-height: calc(52 * var(--width-ratio));
	text-align: center;
}

#secSolution ul {
	width: 100%;
	max-width: calc(880 * var(--width-ratio));
	margin: 0 auto;
}

#secSolution ul li {
	display: flex;
	align-items: flex-start;
}

#secSolution ul li .left {
	display: flex;
	align-items: center;
	width: calc(400 * var(--width-ratio));
	min-height: calc(182 * var(--width-ratio));
	padding: calc(36 * var(--width-ratio)) 0 calc(36 * var(--width-ratio)) calc(44 * var(--width-ratio));
	border-radius: calc(20 * var(--width-ratio));
	background: #E8F5F2;
	text-align: left;
	position: relative;
}

#secSolution ul li .left:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(25 * var(--width-ratio)) 0 calc(25 * var(--width-ratio)) calc(29 * var(--width-ratio));
	border-color: transparent transparent transparent #A4A4A4;
	position: absolute;
	bottom: 0;
	right: calc(-40 * var(--width-ratio));
}

#secSolution ul li .left h3 {
	font-size: calc(20 * var(--width-ratio));
	line-height: calc(35 * var(--width-ratio));
	font-weight: 400;
	position: relative;
}

#secSolution ul li .right {
	width: calc(506 * var(--width-ratio));
	min-height: calc(244 * var(--width-ratio));
	padding: calc(40 * var(--width-ratio)) calc(36 * var(--width-ratio)) calc(20 * var(--width-ratio));
	margin: calc(72 * var(--width-ratio)) 0 0 calc(52 * var(--width-ratio));
	border-radius: calc(20 * var(--width-ratio));
	background: #FCF7D1;
	text-align: left;
}

#secSolution ul li .right h4 {
	font-size: calc(20 * var(--width-ratio));
	line-height: calc(35 * var(--width-ratio));
	font-weight: 600;
}

#secSolution ul li .right p {
	font-size: calc(15 * var(--width-ratio));
	line-height: calc(25 * var(--width-ratio));
}

@media (max-width: 750px) {
	#secSolution {
		margin: 0 0 0;
	}

	#secSolution ul {
		width: 100%;
		padding: 0 0 0 calc(80 * var(--width-ratio));
	}

	#secSolution ul li {
		flex-direction: column;
		margin: 0 0 calc(52 * var(--width-ratio));
	}

	#secSolution ul li .left {
		width: calc(540 * var(--width-ratio));
		min-height: calc(266 * var(--width-ratio));
		padding: calc(64 * var(--width-ratio)) calc(20 * var(--width-ratio)) calc(64 * var(--width-ratio)) calc(80 * var(--width-ratio));
		text-align: left;
		position: relative;
		z-index: 2;
	}

	#secSolution ul li .left h3 {
		font-size: calc(28 * var(--width-ratio));
		line-height: calc(49 * var(--width-ratio));
	}

	#secSolution ul li .left:before {
		content: none;
	}

	#secSolution ul li .right {
		width: calc(567 * var(--width-ratio));
		padding: calc(80 * var(--width-ratio)) calc(20 * var(--width-ratio)) calc(60 * var(--width-ratio)) calc(32 * var(--width-ratio));
		margin: calc(-40 * var(--width-ratio)) 0 0 auto;
		text-align: left;
		position: relative;
		z-index: 1;
		overflow: hidden;
		-webkit-transition: .5s ease-in;
		-o-transition: .5s ease-in;
		transition: .5s ease-in;
	}

	#secSolution ul li .right:before {
		content: '…続きを読む';
		padding: 0 0 0 calc(30 * var(--width-ratio));
		background: #FCF7D1;
		font-size: calc(24 * var(--width-ratio));
		line-height: calc(45 * var(--width-ratio));
		position: absolute;
		bottom: calc(54 * var(--width-ratio));
		right: calc(30 * var(--width-ratio));
		z-index: 1;
		-webkit-transition: .5s ease-out;
		-o-transition: .5s ease-out;
		transition: .5s ease-out;
		opacity: 0;
		visibility: hidden;
	}

	#secSolution ul li .right.close:before {
		opacity: 1;
		visibility: visible;
	}

	#secSolution ul li .right:after {
		content: '';
		display: block;
		width: calc(43 * var(--width-ratio));
		height: calc(23 * var(--width-ratio));
		background: url(../../img/common/solution-arrow.png) 50%/cover;
		position: absolute;
		bottom: calc(15 * var(--width-ratio));
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		-webkit-transition: .5s ease-in;
		-o-transition: .5s ease-in;
		transition: .5s ease-in;
	}

	#secSolution ul li .right.open:after {
		bottom: calc(45 * var(--width-ratio));
		-webkit-transform: translate(-50%, 0) rotate(180deg);
		-ms-transform: translate(-50%, 0) rotate(180deg);
		transform: translate(-50%, 0) rotate(180deg);
	}

	#secSolution ul li .right h4 {
		margin: 0 0 calc(16 * var(--width-ratio));
		font-size: calc(26 * var(--width-ratio));
		font-weight: 600;
		line-height: calc(42 * var(--width-ratio));
	}

	#secSolution ul li .right p {
		max-height: calc(70 * var(--width-ratio));
		padding: 0 0 calc(40 * var(--width-ratio));
		font-size: calc(24 * var(--width-ratio));
		line-height: calc(35 * var(--width-ratio));
		overflow: hidden;
		-webkit-transition: .5s ease-in;
		-o-transition: .5s ease-in;
		transition: .5s ease-in;
		position: relative;
	}

	#secSolution ul li .right span {
		font-size: calc(24 * var(--width-ratio));
		color: #7dc7ca;
		position: absolute;
		bottom: calc(10 * var(--width-ratio));
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .5s ease-in;
		-o-transition: .5s ease-in;
		transition: .5s ease-in;
	}

	#secSolution ul li .right.open p {
		max-height: calc(1000 * var(--width-ratio));
	}

	#secSolution ul li .right.open span {
		opacity: 1;
		visibility: visible;
	}

	#secSolution ul li:last-child {
		margin: 0;
	}
}

/* --------------------------------------------------

#secPrice

-------------------------------------------------- */
#secPrice {
	position: relative;
}

#secPrice .bg01 {
	position: absolute;
	top: calc(40 * var(--width-ratio));
	left: 0;
}

#secPrice h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1em;
	font-size: calc(36 * var(--width-ratio));
	line-height: 1.4em;
	letter-spacing:0.1em;
	text-align: center;
}

#secPrice h2:before {
	content: '';
	display: block;
	width: calc(62 * var(--width-ratio));
	height: calc(74 * var(--width-ratio));
	margin: calc(-20 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0 calc(-130 * var(--width-ratio));
	background: url(../../img/common/price-ttl-ill.png) 50%/cover no-repeat;
}

#secPrice .priceTableWrap {
	width: calc(100% - (calc(40 * var(--width-ratio)) * 2));
	max-width: calc(772 * var(--width-ratio));
	padding: calc(180 * var(--width-ratio)) 0 0;
	margin: 0 auto calc(40 * var(--width-ratio));
	position: relative;
}

#secPrice .priceTableWrap > p {
	margin: calc(8 * var(--width-ratio)) 0 0;
	font-size: calc(14 * var(--width-ratio));
	text-align: right;
}

#secPrice .priceTableWrap .txt01 {
	position: absolute;
	top: calc(-100 * var(--width-ratio));
	right: calc(10 * var(--width-ratio));
	max-width: 22.28%;
}

#secPrice .priceTableWrap .txt02 {
	position: absolute;
	top: calc(45 * var(--width-ratio));
	right: calc(-20 * var(--width-ratio));
	width: 29%;
}

#secPrice table {
	display: block;
	width: 100%;
	border: calc(2 * var(--width-ratio)) solid #08131a;
	background: #fff;
	letter-spacing:0.075em;
}

#secPrice thead,
#secPrice tbody {
	display: block;
	width: 100%;
}

#secPrice tr {
	display: flex;
	width: 100%;
}

#secPrice tr:nth-child(2n-1) {
	background: #FFF5EA;
}

#secPrice tr.coupon {
	background: #FFFA00;
}

#secPrice th,
#secPrice td {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(206 * var(--width-ratio));
	height: calc(35 * var(--width-ratio));
	font-size: calc(16 * var(--width-ratio));
	font-weight: 600;
	position: relative;
}

#secPrice th {
	font-size: calc(18 * var(--width-ratio));
}

#secPrice th:nth-child(1) {
	width: calc(152 * var(--width-ratio));
	border-right: calc(2 * var(--width-ratio)) solid #08131a;
	font-size: calc(15 * var(--width-ratio))
}

#secPrice td:nth-child(2) {
	border-right: calc(2 * var(--width-ratio)) solid #08131a;
	color: #E67751;
}

#secPrice td:nth-child(3) {
	border-right: calc(2 * var(--width-ratio)) solid #08131a;
	color: #6EB7C9;
}

#secPrice td:nth-child(4) {
	font-weight: 400;
}

#secPrice thead th {
	height: calc(54 * var(--width-ratio));
	border-bottom: calc(2 * var(--width-ratio)) solid #08131a;
	font-size: calc(17 * var(--width-ratio));
	line-height: calc(23 * var(--width-ratio));
	font-weight: 400;
	text-align: center;
	color: #fff;
	position: relative;
}

#secPrice thead th img {
	position: absolute;
	top: calc(-183 * var(--width-ratio));
	left: 50%;
	margin: 0 0 0 calc(-63.5 * var(--width-ratio));
}

#secPrice thead th:nth-child(1) {
	background: #fff;
	border-right: calc(2 * var(--width-ratio)) solid #08131a;
	color: #08131a;
}

#secPrice thead th:nth-child(2) {
	background-image:linear-gradient(90deg, rgba(253, 146, 146, 1), rgb(255 221 178));
	border-right: calc(2 * var(--width-ratio)) solid #08131a;
	color: #fff;
}

#secPrice thead th:nth-child(3) {
	background-color:rgb(58 212 235);
	border-right: calc(2 * var(--width-ratio)) solid #08131a;
	color: #fff;
}

#secPrice thead th:nth-child(4) {
	background: #A1ACB2;
	color: #fff;
}

#secPrice tr.teika td:before {
	content: '';
	display: block;
	width: calc(100 * var(--width-ratio));
	height: calc(2 * var(--width-ratio));
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#secPrice tr.coupon th,
#secPrice tr.coupon td {
	height: calc(72 * var(--width-ratio));
}

#secPrice tr.coupon th span {
	height: calc(55 * var(--width-ratio));
	padding: calc(5 * var(--width-ratio)) calc(8 * var(--width-ratio)) calc(5 * var(--width-ratio)) calc(7 * var(--width-ratio));
	background: #EA5514;
	font-size: calc(17 * var(--width-ratio));
	line-height: calc(22 * var(--width-ratio));
	font-weight: 400;
	color: #fff;
	position: relative;
	left: calc(-5 * var(--width-ratio));
}

#secPrice tr.coupon th span:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(27.5 * var(--width-ratio)) 0 calc(27.5 * var(--width-ratio)) calc(10 * var(--width-ratio));
	border-color: transparent transparent transparent #EA5514;
	position: absolute;
	top: 0;
	right: calc(-10 * var(--width-ratio));
}

#secPrice tr.coupon td {
	padding: calc(15 * var(--width-ratio)) 0 0;
	font-size: calc(37 * var(--width-ratio));
	font-weight: 600;
	color: #EA5514;
	position: relative;
	padding:0.5em;
}

#secPrice tr.coupon td:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(9 * var(--width-ratio)) calc(13 * var(--width-ratio)) 0 calc(13 * var(--width-ratio));
	border-color: #919191 transparent transparent transparent;
	position: absolute;
	top: calc(7 * var(--width-ratio));
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#secPrice tr.coupon td .small {
	font-size: .4em;
	position: relative;
	top: calc(3 * var(--width-ratio));
}

#secPrice .option {
	width: 96%;
	max-width: calc(886 * var(--width-ratio));
	margin: calc(60 * var(--width-ratio)) auto;
}

#secPrice .option h3 {
	margin: 0 0 calc(40 * var(--width-ratio));
	font-size: calc(23 * var(--width-ratio));
	line-height: calc(35 * var(--width-ratio));
	text-align: center;
}

#secPrice .option > p {
	font-size: calc(11 * var(--width-ratio));
	line-height: calc(17 * var(--width-ratio));
	text-align: right;
}

@media (max-width: 750px) {
	#secPrice .bg01 {
		width: calc(354 * var(--width-ratio));
	}

	#secPrice h2 {
		margin: 0 auto calc(180 * var(--width-ratio)) 1.25em;
		font-size: calc(42 * var(--width-ratio));
	}

	#secPrice h2:before {
		content: '';
		display: block;
		width: calc(62 * var(--width-ratio));
		height: calc(74 * var(--width-ratio));
		margin: calc(-20 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0 calc(-112 * var(--width-ratio));
		background: url(../../img/common/price-ttl-ill.png) 50%/cover;
	}

	#secPrice .priceTableWrap {
		width: 100%;
		padding: calc(180 * var(--width-ratio)) calc(28 * var(--width-ratio)) 0;
		margin: 0 auto calc(40 * var(--width-ratio));
		position: relative;
	}

	#secPrice .priceTableWrap > p {
		margin: calc(8 * var(--width-ratio)) 0 0;
		font-size: calc(14 * var(--width-ratio));
		text-align: right;
	}

	#secPrice .priceTableWrap .txt01 {
		top: calc(-130 * var(--width-ratio));
		right: 50%;
		width: calc(392 * var(--width-ratio));
		max-width: none;
		margin: 0 calc(-180 * var(--width-ratio)) 0 0;
	}

	#secPrice .priceTableWrap .txt02 {
		top: 0;
		right: calc(34 * var(--width-ratio));
		width: calc(170 * var(--width-ratio));
	}

	#secPrice th,
	#secPrice td {
		width: calc(180 * var(--width-ratio));
		height: calc(36 * var(--width-ratio));
	}

	#secPrice th {
		font-size: calc(18 * var(--width-ratio));
	}

	#secPrice th:nth-child(1) {
		width: calc(152 * var(--width-ratio));
		border-right: calc(2 * var(--width-ratio)) solid #08131a;
		font-size: calc(15 * var(--width-ratio))
	}

	#secPrice td:nth-child(2) {
		border-right: calc(2 * var(--width-ratio)) solid #08131a;
		color: rgba(253, 146, 146, 1);
	}

	#secPrice td:nth-child(3) {
		border-right: calc(2 * var(--width-ratio)) solid #08131a;
		color: #6EB7C9;
	}

	#secPrice td:nth-child(4) {
		font-weight: 400;
	}

	#secPrice thead th img {
		width: calc(127 * var(--width-ratio));
	}

	#secPrice .option {
		width: 100%;
		padding: 0 calc(32 * var(--width-ratio));
		margin: calc(52 * var(--width-ratio)) auto;
	}

	#secPrice .option h3 {
		margin: 0 0 calc(40 * var(--width-ratio));
		font-size: calc(23 * var(--width-ratio));
		line-height: calc(35 * var(--width-ratio));
	}

	#secPrice .option > p {
		font-size: calc(15 * var(--width-ratio));
		line-height: calc(22 * var(--width-ratio));
	}
}

/* --------------------------------------------------

#secCoupon

-------------------------------------------------- */
#secCoupon {
	background: -webkit-repeating-linear-gradient(135deg, #FFD894 0, #FFD894 calc(8 * var(--width-ratio)), #FFE2C0 calc(8 * var(--width-ratio)), #FFE2C0 calc(16 * var(--width-ratio))), #FFE2C0;
	background: -o-repeating-linear-gradient(135deg, #FFD894 0, #FFD894 calc(8 * var(--width-ratio)), #FFE2C0 calc(8 * var(--width-ratio)), #FFE2C0 calc(16 * var(--width-ratio))), #FFE2C0;
	background: repeating-linear-gradient(-45deg, #FFD894 0, #FFD894 calc(8 * var(--width-ratio)), #FFE2C0 calc(8 * var(--width-ratio)), #FFE2C0 calc(16 * var(--width-ratio))), #FFE2C0;
}

#secCoupon h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1em;
	font-size: calc(42 * var(--width-ratio));
	line-height: 1.4em;
	letter-spacing:0.1em;
	text-align: center;
	
}

#secCoupon h2:before {
	content: '';
	display: block;
	width: calc(62 * var(--width-ratio));
	height: calc(74 * var(--width-ratio));
	margin: calc(-20 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0 calc(-80 * var(--width-ratio));
	background: url(../../img/common/price-ttl-ill.png) 50%/cover;
}

#secCoupon .bnrWrap {
	display: flex;
	flex-wrap: wrap;
	width: 96%;
	max-width: calc(795 * var(--width-ratio));
	margin: 0 auto calc(52 * var(--width-ratio)) auto;
}

#secCoupon .bnrWrap li {
	width: calc(369 * var(--width-ratio));
	max-width: 46.5%;
	margin: 0 auto;
}

#secCoupon .bnrWrap li h3 {
	margin: 0 auto 0.5em;
	font-size: calc(28 * var(--width-ratio));
	text-align: center;
	font-weight:600;
	letter-spacing:0.1em;
}

#secCoupon .bnrWrap li p {
	font-size: calc(10 * var(--width-ratio));
	line-height: calc(14 * var(--width-ratio));
	text-align: right;
}

#secCoupon .bnrWrap li .imgArea {
	width: 100%;
	margin: 0 0 calc(12 * var(--width-ratio));
}

#secCoupon .bnrWrap li .imgArea img {
	width: 100%;
	height: auto;
	box-shadow:3px 4px 4px rgb(0 0 0 / 20%);
}

#secCoupon .bnrWrap li:nth-child(3n) {
	margin: 0;
}

@media (max-width: 750px) {
	#secCoupon{
		margin:0 auto calc(68 * var(--width-ratio)) 
	}
	
	#secCoupon h2 {
		font-size: calc(38 * var(--width-ratio));
	}

	#secCoupon h2:before {
		margin: calc(-20 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0 calc(-60 * var(--width-ratio));
		background: url(../../img/common/price-ttl-ill.png) 50%/cover;
	}

	#secCoupon .bnrWrap {
		flex-direction: column;
		align-items: center;
		width: 100%;
		margin: 0 auto;
	}

	#secCoupon .bnrWrap li {
		width: calc(562 * var(--width-ratio));
		max-width: none;
		margin: 0 0 calc(52 * var(--width-ratio));
	}

	#secCoupon .bnrWrap li h3 {
		margin: 0 0 0.5em;
		font-size: calc(36 * var(--width-ratio));
		text-align: center;
	}

	#secCoupon .bnrWrap li p {
		font-size: calc(15 * var(--width-ratio));
		line-height: calc(21 * var(--width-ratio));
	}

	#secCoupon .bnrWrap li .imgArea {
		width: 100%;
		height: auto;
		margin: 0 0 calc(8 * var(--width-ratio));
	}

	#secCoupon .bnrWrap li .imgArea img {
		width: 100%;
		height: auto;
		box-shadow: 3px 4px 4px rgb(0 0 0 / 20%);
	}

	#secCoupon .bnrWrap li:nth-child(3n) {
		margin: 0 0 calc(60 * var(--width-ratio));
	}
}

/* --------------------------------------------------

#secVoice

-------------------------------------------------- */
#secVoice {
	padding: calc(52 * var(--width-ratio)) 0 calc(12 * var(--width-ratio));
	background: url(../../img/common/voice-bg01.jpg) 50%/cover;
}

#secVoice h2 {
	margin: 0 0 1.5em;
	font-size: calc(30 * var(--width-ratio));
	line-height:1.4em;
	letter-spacing:0.075em;
	font-weight:600;
	text-align: center;
}

#secVoice ul.voiceList {
	display: flex;
	flex-wrap: wrap;
	width: 92%;
	max-width: calc(860 * var(--width-ratio));
	margin: 0 auto;
}

#secVoice ul.voiceList li.item {
	width: 28.8%;
	margin: 0 calc((100% - (28.8% * 3)) / 2) calc(40 * var(--width-ratio)) 0;
	border: calc(1 * var(--width-ratio)) solid #A1A1A1;
	background: #fff;
	overflow: hidden;
	box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
}

#secVoice ul.voiceList li.item .top {
	height: calc(162 * var(--width-ratio));
	padding: calc(40 * var(--width-ratio)) 0 0;
	text-align: center;
}

#secVoice ul.voiceList li.item .bottom {
	padding: calc(20 * var(--width-ratio)) calc(16 * var(--width-ratio));
}

#secVoice ul.voiceList li.item .bottom h3 {
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(14 * var(--width-ratio));
	line-height: 1.4em;
	text-align: center;
}

#secVoice ul.voiceList li.item .bottom h3 .yellow {
	font-size: calc(18 * var(--width-ratio));
	line-height: calc(29 * var(--width-ratio));
	color: #FFFF00;
}

#secVoice ul.voiceList li.item .bottom > span {
    display: block;
    margin: 0 0 calc(8* var(--width-ratio));
    font-size: calc(13 * var(--width-ratio));
    text-align: center;
    color: #FF846D;
}

#secVoice ul.voiceList li.item .bottom p {
    font-size: calc(14 * var(--width-ratio));
    line-height: 1.6em;
}

#secVoice ul.voiceList li.item.m .bottom > span {
	color: #6EB7C9;
}

#secVoice ul.voiceList li.item.w01 .top {
	background: url(../../img/common/voice-list-img-w01.jpg) 50% 100%/cover;
}

#secVoice ul.voiceList li.item.w02 .top {
	background: url(../../img/common/voice-list-img-w02.jpg) 50% 100%/cover;
}

#secVoice ul.voiceList li.item.m01 .top {
	background: url(../../img/common/voice-list-img-m01.jpg) 50% 100%/cover;
}

#secVoice ul.voiceList li.item:nth-child(3n) {
	margin: 0 0 calc(40 * var(--width-ratio));
}

@media (max-width: 750px) {
	#secVoice {
		padding: calc(52 * var(--width-ratio)) 0 0;
		background: #fff;
	}

	#secVoice h2 {
		margin: 0 0 1em;
		font-size: calc(38 * var(--width-ratio));
	}

	#secVoice ul.voiceList {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 0 calc(24 * var(--width-ratio)) calc(48 * var(--width-ratio)) calc(24 * var(--width-ratio));
	}

	#secVoice ul.voiceList li.item {
		width: calc(320 * var(--width-ratio));
		margin: 0 calc(32 * var(--width-ratio)) calc(32 * var(--width-ratio)) 0;
		border: calc(1 * var(--width-ratio)) solid #A1A1A1;
		overflow: hidden;
	}

	#secVoice ul.voiceList li.item .top {
		height: calc(206 * var(--width-ratio));
	}

	#secVoice ul.voiceList li.item .bottom h3 {
		margin: 0 0 calc(12 * var(--width-ratio));
		font-size: calc(22 * var(--width-ratio));
		line-height: calc(32 * var(--width-ratio));
		text-align: center;
	}

	#secVoice ul.voiceList li.item .bottom > span {
		margin: 1em auto;
		font-size: calc(18 * var(--width-ratio));
		letter-spacing:0.075em;
	}

	#secVoice ul.voiceList li.item .bottom p {
		font-size: calc(18 * var(--width-ratio));
		line-height: 1.8em;
		letter-spacing:0.05em;
		
	}

	#secVoice ul.voiceList li.item01 .top {
		background: url(../../img/common/voice-bg01-sp.png) 50% 100%, #D88E78;
	}

	#secVoice ul.voiceList li.item02 .top {
		background: url(../../img/common/voice-bg02-sp.png) 50% 100%, #D88E78;
	}

	#secVoice ul.voiceList li.item03 .top {
		background: url(../../img/common/voice-bg01-sp.png) 50% 100%, #D88E78;
	}

	#secVoice ul.voiceList li.item04 .top {
		background: url(../../img/common/voice-bg02-sp.png) 50% 100%, #D88E78;
	}

	#secVoice ul.voiceList li.item05 .top {
		background: url(../../img/common/voice-bg01-sp.png) 50% 100%, #D88E78;
	}

	#secVoice ul.voiceList li.item06 .top {
		background: url(../../img/common/voice-bg02-sp.png) 50% 100%, #D88E78;
	}

	#secVoice ul.voiceList li.item:nth-child(3n) {
		margin: 0 calc(32 * var(--width-ratio)) calc(32 * var(--width-ratio)) 0;
	}

	#secVoice ul.voiceList li.item:nth-child(2n) {
		margin: 0 0 calc(32 * var(--width-ratio));
		box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
	}
}

/* --------------------------------------------------

#secAccess

-------------------------------------------------- */
#secAccess {
	position: relative;
	padding:60px 0 40px;
}

@media screen and (max-width: 768px) {
#secAccess {
	padding:0;
}
}
#secAccess h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5em;
	font-size: calc(36 * var(--width-ratio));
	line-height: 1.3em;
	letter-spacing:0.1em;
	text-align: center;
}

#secAccess h2:before {
	content: '';
	display: block;
	width: calc(78 * var(--width-ratio));
	height: calc(78 * var(--width-ratio));
	margin: calc(-20 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0 calc(-80 * var(--width-ratio));
	background: url(../../img/common/access-ttl-ill.png) 50%/cover;
}

#secAccess > img {
	position: absolute;
	top: calc(40 * var(--width-ratio));
	right: 50%;
	width: calc(139 * var(--width-ratio));
	margin: 0 calc(-400 * var(--width-ratio)) 0 0;
}

#secAccess .area {
	width: calc(100% - (calc(40 * var(--width-ratio)) * 2));
	max-width: calc(782 * var(--width-ratio));
	margin: calc(20 * var(--width-ratio)) auto 0;
}

#secAccess .area h3 {
	font-size: calc(32 * var(--width-ratio));
	font-weight: 600;
	letter-spacing:0.075em;
	line-height:1.4em;
	text-align: center;
}

#secAccess .area ul {
	display: flex;
	flex-wrap: wrap;
	margin: calc(40 * var(--width-ratio)) 0 0;
}

#secAccess .area ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 46.5%;
	padding: calc(32 * var(--width-ratio)) 0 calc(72 * var(--width-ratio));
	margin: 0 calc((100% - (46.5% * 2))) calc(52 * var(--width-ratio)) 0;
	border: calc(1 * var(--width-ratio)) solid #A1ACB2;
	background: #fff;
	letter-spacing:0.05em;
	position: relative;
	box-shadow:3px 4px 4px rgb(0 0 0 / 10%)	
}

#secAccess .area ul li .comment {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(143 * var(--width-ratio));
	height: calc(46 * var(--width-ratio));
	border-radius: calc(5 * var(--width-ratio));
	border: calc(1 * var(--width-ratio)) solid #505050;
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(17 * var(--width-ratio));
	text-align: center;
	background: #fff;
	position: absolute;
	top: calc(-36 * var(--width-ratio));
	left: calc(-20 * var(--width-ratio));
	box-shadow:2px 3px 4px rgb(0 0 0 / 10%);
}

#secAccess .area ul li h4 {
    margin:0 auto 1em;
    font-size: calc(24 * var(--width-ratio));
	letter-spacing:0.075em;
    /* color: #595858; */
}

#secAccess .area ul li .address {
    height: calc(35* var(--width-ratio));
    padding: 0 1em;
    margin: 0 0 1em;
    font-size: calc(16* var(--width-ratio));
    line-height: 1.4em;
    letter-spacing: 0.075em;
    text-align: center;
}

#secAccess .area ul li .address a {
	color: #4285F4;
}

#secAccess .area ul li .access {
	display: flex;
	align-items: center;
	height: calc(52 * var(--width-ratio));
	text-align: center;
}

#secAccess .area ul li .access p {
	font-size: calc(13 * var(--width-ratio));
	line-height: calc(22 * var(--width-ratio));
}

#secAccess .area ul li .access p span {
	font-size: calc(14 * var(--width-ratio));
}

#secAccess .area ul li a.reserv {
    display: flex;
    align-items: center;
	letter-spacing:0.1em;
    justify-content: center;
    width: calc(200* var(--width-ratio));
    height: calc(33* var(--width-ratio));
    margin: 0 auto;
    background: linear-gradient(90deg, rgba(65, 164, 253, 1), rgb(14 210 189) 75%);
    font-size: calc(15 * var(--width-ratio));
    font-weight: 500;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: calc(20* var(--width-ratio));
    -webkit-transform: translate(calc(-100* var(--width-ratio)), 0);
    -ms-transform: translate(calc(-100* var(--width-ratio)), 0);
    transform: translate(calc(-100* var(--width-ratio)), 0);
    border-radius: 30px;
	box-shadow:2px 3px 4px rgb(0 0 0 / 10%);
}

#secAccess .area ul li a.reserv:not(.keyword):before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(5 * var(--width-ratio)) 0 calc(5 * var(--width-ratio)) calc(5 * var(--width-ratio));
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	right: calc(16 * var(--width-ratio));
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

#secAccess .area ul li:nth-child(2n) {
	margin: 0 0 calc(52 * var(--width-ratio)) 0;
}

#secAccess .area ul li:nth-child(2n) .comment {
	left: auto;
	right: calc(-20 * var(--width-ratio));
}

#secAccess .area ul li.shinjuku {
	background: #fff0f5;
}

#secAccess .area ul li.shibuya {
	background: #fffee5;
}

#secAccess .area ul li.ikebukuro {
	background: #fff5db;
}

#secAccess .area ul li.yokohama {
	background: #eaf6ff;
}

#secAccess .area ul li.tokyo {
	background: #effff1;
}

#secAccess .area ul li.hachioji {
	background: #f8f0ff;
}

#secAccess .area ul li.osaka {
	background: #E3FFFF;
}

#secAccess .area ul li.kyoto {
	background: #FFEFE6;
}

#secAccess .area:last-child {
	margin: calc(40 * var(--width-ratio)) auto;
}

@media (max-width: 750px) {
	#secAccess {
padding:calc(120* var(--width-ratio)) 0 calc(40* var(--width-ratio));
}
	#secAccess h2 {
		margin: 0 0 1.5em;
		font-size: calc(38 * var(--width-ratio));
	}

	#secAccess > img {
		position: absolute;
		top: calc(32 * var(--width-ratio));
		right: calc(144 * var(--width-ratio));
		width: calc(139 * var(--width-ratio));
		margin: 0;
	}

	#secAccess .area {
		width: 100%;
		padding: 0 calc(25 * var(--width-ratio));
		margin: calc(20 * var(--width-ratio)) auto 0;
	}

	#secAccess .area h3 {
		font-size: calc(32 * var(--width-ratio));
		font-weight: 600;
		text-align: center;
	}

	#secAccess .area ul {
		display: flex;
		flex-wrap: wrap;
		margin: calc(60 * var(--width-ratio)) 0 0;
	}

	#secAccess .area ul li {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: calc(340 * var(--width-ratio));
		padding: calc(32 * var(--width-ratio)) 0 calc(72 * var(--width-ratio));
		margin: 0 calc(20 * var(--width-ratio)) calc(60 * var(--width-ratio)) 0;
		background: #fff;
		position: relative;
	}

	#secAccess .area ul li .comment {
		width: calc(188 * var(--width-ratio));
		height: calc(55 * var(--width-ratio));
		font-size: calc(19 * var(--width-ratio));
		line-height: calc(22 * var(--width-ratio));
		position: absolute;
		top: calc(-36 * var(--width-ratio));
		left: calc(-20 * var(--width-ratio));
	}

    #secAccess .area ul li h4 {
        margin: 0.5em auto 1em;
        font-size: calc(28* var(--width-ratio));
    }

	#secAccess .area ul li .address {
		height: calc(75 * var(--width-ratio));
		margin: 0 0 calc(15 * var(--width-ratio));
		font-size: calc(20 * var(--width-ratio));
		line-height: calc(25 * var(--width-ratio));
	}

	#secAccess .area ul li .access {
		display: flex;
		align-items: center;
		height: calc(52 * var(--width-ratio));
		text-align: center;
	}

	#secAccess .area ul li .access p {
		font-size: calc(18 * var(--width-ratio));
		line-height: calc(23 * var(--width-ratio));
		color: #00abb0;
	}

	#secAccess .area ul li .access span {
		font-size: calc(12 * var(--width-ratio));
		color: #D88E78;
	}

	#secAccess .area ul li a.reserv {
		width: calc(240 * var(--width-ratio));
		height: calc(50 * var(--width-ratio));
		line-height: calc(50 * var(--width-ratio));
		font-size: calc(17 * var(--width-ratio));
		-webkit-transform: translate(calc(-120 * var(--width-ratio)), 0);
		-ms-transform: translate(calc(-120 * var(--width-ratio)), 0);
		transform: translate(calc(-120 * var(--width-ratio)), 0);
		margin:1rem auto 0;
		
	}

	#secAccess .area ul li a.reserv:not(.keyword):before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: calc(6 * var(--width-ratio)) 0 calc(6 * var(--width-ratio)) calc(6 * var(--width-ratio));
		border-color: transparent transparent transparent #fff;
		position: absolute;
		top: 50%;
		right: calc(16 * var(--width-ratio));
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}

	#secAccess .area ul li:nth-child(2n) {
		margin: 0 0 calc(60 * var(--width-ratio)) 0;
	}

	#secAccess .area ul li:nth-child(2n) .comment {
		left: auto;
		right: calc(-20 * var(--width-ratio));
	}

	#secAccess .area:last-child {
		margin: calc(40 * var(--width-ratio)) auto 0;
	}
}

/* --------------------------------------------------

#planArea

-------------------------------------------------- */
#planArea {
	padding: calc(52 * var(--width-ratio)) 0 0;
}

#planArea h2 {
	margin: 0 0 2em;
	font-size: calc(20 * var(--width-ratio));
	line-height:1.4em;
	font-weight: 400;
	text-align: center;
}

#planArea h2 .accent01 {
	display: block;
	margin: calc(12 * var(--width-ratio)) 0 calc(8 * var(--width-ratio));
	font-size: calc(22 * var(--width-ratio));
	line-height:1.4em;
	font-weight: 600;
	color: #6EB7C9;
}

@media screen and (max-width: 768px) {
	#planArea h2 .accent01 {
	margin: 0.5em auto;
	font-size: calc(36 * var(--width-ratio));
}
}

#planArea h2 .accent02 {
	font-size: calc(22 * var(--width-ratio));
	font-weight: 600;
		letter-spacing:0.075em;
}

@media screen and (max-width: 768px) {
	#planArea h2 .accent02 {
	font-size: calc(36 * var(--width-ratio));
}
}

#planArea ul {
	display: flex;
	width: 92%;
	max-width: calc(762 * var(--width-ratio));
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#planArea ul li {
	width: 28.9%;
	margin: 0 calc((100% - (28.9% * 3)) / 2) 0 0;
	text-align: center;
	position: relative;
}

#planArea ul li:before {
	content: '';
	display: block;
	width: 100%;
	height: calc(232 * var(--width-ratio));
	border-radius: calc(10 * var(--width-ratio));
	background: #FFFA3D;
	position: absolute;
	top: calc(106 * var(--width-ratio));
	left: 0;
	z-index: -1;
}

#planArea ul li:last-child {
	margin: 0;
}

#planArea ul li img {
	margin: 0 0 calc(4 * var(--width-ratio));
}

#planArea ul li h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(58 * var(--width-ratio));
	margin: 0 0 calc(8 * var(--width-ratio));
	font-size: calc(22 * var(--width-ratio));
	line-height: calc(27 * var(--width-ratio));
	text-align: center;
}

#planArea ul li .motone {
	display: block;
	margin: 0 0 calc(24 * var(--width-ratio));
	position: relative;
}

#planArea ul li .motone:before {
	content: '';
	display: block;
	width: calc(98 * var(--width-ratio));
	height: calc(2 * var(--width-ratio));
	background: #000;
	position: absolute;
	top: calc(7 * var(--width-ratio));
	left: 50%;
	margin: 0 0 0 calc(-49 * var(--width-ratio));
}

#planArea ul li .motone:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(9 * var(--width-ratio)) calc(13 * var(--width-ratio)) 0 calc(13 * var(--width-ratio));
	border-color: #625C5C transparent transparent transparent;
	position: absolute;
	bottom: calc(-18 * var(--width-ratio));
	left: 50%;
	margin: 0 0 0 calc(-13 * var(--width-ratio));
}

#planArea ul li .price {
	display: block;
	margin: 0 0 calc(4 * var(--width-ratio));
	font-size: calc(37 * var(--width-ratio));
	font-weight: 600;
	color: #EA5514;
}

#planArea ul li .price span {
	font-size: calc(25 * var(--width-ratio));
}

#planArea ul li:nth-child(1) h3 {
	color: #FF846D;
}

#planArea ul li:nth-child(2) h3 {
	color: #6EB7C9;
}

#planArea .bottom {
	padding: calc(40 * var(--width-ratio)) 0 calc(20 * var(--width-ratio));
	margin: calc(-16 * var(--width-ratio)) 0 0;
	background: #DBF2F2;
	position: relative;
	z-index: -1;
}

#planArea .bottom > .inner {
	width: 96%;
	max-width: calc(930 * var(--width-ratio));
	margin: 0 auto;
}

#planArea .bottom > .inner p {
	margin: 0 0 calc(8 * var(--width-ratio));
	font-size: calc(32 * var(--width-ratio));
	font-weight: 600;
}

#planArea .bottom > .inner p .accent01 {
	color: #FF0803;
}

#planArea .bottom > .inner p .small {
	font-size: calc(20 * var(--width-ratio));
}

#planArea .bottom > .inner > span {
	display: block;
	font-size: calc(14 * var(--width-ratio));
	text-align: right;
}

@media (max-width: 750px) {
	#planArea h2 {
		margin: calc(52 * var(--width-ratio)) 0 calc(60 * var(--width-ratio));
		font-size:calc(36 * var(--width-ratio)) ;
	}

	#planArea ul {
		flex-direction: column;
		width: 100%;
		margin: 0 0 calc(52 * var(--width-ratio));
	}

	#planArea ul li {
		display: flex;
		flex-wrap: wrap;
		width: calc(463 * var(--width-ratio));
		padding: calc(28 * var(--width-ratio)) 0 calc(28 * var(--width-ratio)) calc(60 * var(--width-ratio));
		margin: 0 0 calc(48 * var(--width-ratio)) calc(192 * var(--width-ratio));
		border-radius: calc(13 * var(--width-ratio));
		background: #FFFA3D;
		text-align: center;
		position: relative;
	}

	#planArea ul li:before {
		content: none;
	}

	#planArea ul li:last-child {
		margin: 0 0 0 calc(192 * var(--width-ratio));
	}

	#planArea ul li img {
		width: calc(152 * var(--width-ratio));
		position: absolute;
		top: calc(-28 * var(--width-ratio));
		left: calc(-93 * var(--width-ratio));
	}

	#planArea ul li h3 {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: calc(70 * var(--width-ratio));
		margin: 0 0 calc(12 * var(--width-ratio));
		font-size: calc(27 * var(--width-ratio));
		line-height: calc(33 * var(--width-ratio));
	}

	#planArea ul li > div {
		margin: 0 0 0 calc(52 * var(--width-ratio));
	}

	#planArea ul li .motone {
		padding: 0 0 0 calc(32 * var(--width-ratio));
		margin: 0;
		font-size: calc(20 * var(--width-ratio));
		line-height: calc(43 * var(--width-ratio));
	}

	#planArea ul li .motone:before {
		content: '';
		display: block;
		width: calc(98 * var(--width-ratio));
		height: calc(2 * var(--width-ratio));
		background: #000;
		position: absolute;
		top: calc(21 * var(--width-ratio));
		left: 50%;
		margin: 0 0 0 calc(-32 * var(--width-ratio));
	}

	#planArea ul li .motone:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: calc(16 * var(--width-ratio)) 0 calc(16 * var(--width-ratio)) calc(12 * var(--width-ratio));
		border-color: transparent transparent transparent #625C5C;
		position: absolute;
		top: calc(5 * var(--width-ratio));
		right: calc(-37 * var(--width-ratio));
		bottom: auto;
		left: auto;
		margin: 0 0 0 calc(-13 * var(--width-ratio));
	}

	#planArea ul li .price {
		display: block;
		margin: 0 0 calc(4 * var(--width-ratio));
		font-size: calc(45 * var(--width-ratio));
		letter-spacing: calc(1 * var(--width-ratio));
		text-align: center;
	}

	#planArea ul li .price span {
		margin: 0 0 0 calc(8 * var(--width-ratio));
		font-size: calc(31 * var(--width-ratio));
	}

	#planArea ul li:nth-child(1) h3 {
		color: #FF846D;
	}

	#planArea ul li:nth-child(2) h3 {
		color: #6EB7C9;
	}

	#planArea .bottom {
		padding: calc(40 * var(--width-ratio)) 0;
		margin: 0;
		z-index: 0;
	}

	#planArea .bottom > .inner {
		width: 100%;
		padding: 0 calc(20 * var(--width-ratio));
	}

	#planArea .bottom > .inner p {
		margin: 0 0 calc(8 * var(--width-ratio));
		font-size: calc(32 * var(--width-ratio));
		font-weight: 600;
		text-align: center;
	}

	#planArea .bottom > .inner p .accent01 {
		color: #FF0803;
	}

	#planArea .bottom > .inner p .small {
		font-size: calc(20 * var(--width-ratio));
	}

	#planArea .bottom > .inner > span {
		display: block;
		font-size: calc(14 * var(--width-ratio));
		text-align: right;
	}
}

/* --------------------------------------------------

#pointArea

-------------------------------------------------- */
#pointArea {
	margin: calc(52 * var(--width-ratio)) 0;
}

#pointArea p {
	margin: 0 0 2em;
	font-size: calc(24 * var(--width-ratio));
	line-height:1.4em;
	letter-spacing:0.1em;
	text-align: center;
	font-weight:600;
}

#pointArea ul {
	display: flex;
	justify-content: center;
}

#pointArea ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(182 * var(--width-ratio));
	height: calc(104 * var(--width-ratio));
	padding: calc(32 * var(--width-ratio)) 0 0;
	margin: 0 calc(32 * var(--width-ratio)) 0 0;
}

#pointArea ul li span {
	font-size: calc(17 * var(--width-ratio));
	line-height: calc(22 * var(--width-ratio));
	text-align: center;
}

#pointArea ul li:nth-child(1) {
	background: url(../../img/top/point-bg01.png) 50%/cover;
}

#pointArea ul li:nth-child(2) {
	background: url(../../img/top/point-bg02.png) 50%/cover;
}

#pointArea ul li:nth-child(3) {
	background: url(../../img/top/point-bg03.png) 50%/cover;
}

@media (max-width: 750px) {
	#pointArea p {
		margin: 0 0 1.5em;
		font-size: calc(36 * var(--width-ratio));
		text-align: center;
		line-height:1.6em;
	}

	#pointArea ul {
		flex-direction: column;
		align-items: center;
	}

	#pointArea ul li {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 0 0 0 calc(60 * var(--width-ratio));
		margin: 0 0 calc(30 * var(--width-ratio)) 0;
	}

	#pointArea ul li span {
		font-size: calc(29 * var(--width-ratio));
		line-height: calc(43 * var(--width-ratio));
	}

	#pointArea ul li:nth-child(1) {
		width: calc(552 * var(--width-ratio));
		height: calc(90 * var(--width-ratio));
		background: url(../../img/top/point-bg01-sp.png) 50%/cover;
	}

	#pointArea ul li:nth-child(2) {
		width: calc(552 * var(--width-ratio));
		height: calc(91 * var(--width-ratio));
		background: url(../../img/top/point-bg02-sp.png) 50%/cover;
	}

	#pointArea ul li:nth-child(3) {
		width: calc(550 * var(--width-ratio));
		height: calc(91 * var(--width-ratio));
		background: url(../../img/top/point-bg03-sp.png) 50%/cover;
		margin-bottom: 0;
	}
}



/* ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■

ba　plus 202102

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */

/* Before&Afterのタブ化　start*/
.c-ba_1_outer {
	width: 100%;
	display: flex;
    justify-content: center;
}

.c-ba__con {
	width: 100%;
	max-width: calc(1212 * var(--width-ratio));
	margin: 0 auto;
	padding: calc(38 * var(--width-ratio)) 0;
}

.c-ba__con--1 {
	padding-top: calc(8 * var(--width-ratio));
	padding-bottom: calc(48 * var(--width-ratio));
}

.c-ba__con > h3 {
	font-size: calc(38 * var(--width-ratio));
	line-height: 1.4em;
	font-weight: 600;
	/* color: #5d5d5d; */
	font-weight:600;
	letter-spacing: 0.15em;
	padding:0 1em;
	text-align: center;
}

@media screen and (max-width: 768px) {
.c-ba__con > h3 {
	font-size: calc(38 * var(--width-ratio));
	margin:0.5em auto 0;
}	
}

.c-ba__con > h3 > span {
	color: rgba(253, 146, 146, 1);
	font-size:1.1em;
	margin:0 0.2em;
}

.ba_con_2_tab_contents .c-ba__con > h3 > span {
	color: rgb(23 210 239);
		font-size:1.1em;
	margin:0 0.2em;
}

.baCnt.baCnt02 .c-ba__con > h3 > span {
	color: #4AC0C4;
		font-size:1.1em;
	margin:0 0.2em;
}

.c-ba__con__text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(500* var(--width-ratio));
    height: calc(60* var(--width-ratio));
    margin: 2em auto 1em;
    background-image: linear-gradient(90deg, rgba(253, 146, 146, 1), rgb(255 92 92) 100%);
    font-size: calc(28 * var(--width-ratio));
    color: #fff;
    box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);
	border-radius:8px;
	letter-spacing:0.1em;
}

.ba_con_2_tab_contents .c-ba__con__text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	letter-spacing:0.05em;
    width: calc(440* var(--width-ratio));
    height: calc(50* var(--width-ratio));
    margin: calc(40* var(--width-ratio)) auto;
    background-image: linear-gradient(90deg, rgb(86 143 222), rgb(23 142 239) 30%);
    font-size: calc(24 * var(--width-ratio));
    line-height: calc(50 * var(--width-ratio));
    color: #fff;
    box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);
	border-radius:8px;
}

.ba-box-tab-container .c-ba__con__text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(500* var(--width-ratio));
    height: calc(65* var(--width-ratio));
    margin: 2em auto 1em;
    background-image: linear-gradient(90deg, #4AC0C4, #4AC0C4 30%);
    font-size: calc(28 * var(--width-ratio));
    color: #fff;
    box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);
	border-radius:8px;
}

@media screen and (max-width: 768px) {
    .c-ba__con__text {
        width: calc(530* var(--width-ratio));
        height: calc(60* var(--width-ratio));
        font-size: calc(30* var(--width-ratio));
        padding: 1rem;
    }
}
	
.ba_con_2_tab_contents .c-ba__con__text {
    width: calc(500* var(--width-ratio));
    height: calc(65* var(--width-ratio));
    font-size: calc(28* var(--width-ratio));
    margin: 2em auto 1em;
}

.c-ba__con__text.man {
	background-color: #6EB7C9;
}

.c-ba__con__text.box {
	background-color: #6EB7C9;
}

/*.c-ba__con__text::before {
	content: '';
	position: absolute;
	bottom: calc(-15.8 * var(--width-ratio));
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(27 * var(--width-ratio)) calc(28.5 * var(--width-ratio)) 0;
	border-color: #ffb5a4db transparent transparent;
	transform: translateX(-50%);
}*/

.c-ba__con__text.man::before{
	border-color: #6EB7C9 transparent transparent;
}

.c-ba__con__text.box::before{
	border-color: #6EB7C9 transparent transparent;
}

.c-ba__con__ba_1_flexbox {
	width: 100%;
	display:flex;
	flex-flow:column;
	justify-content: space-evenly;
	background: #f9edef;
}

nav.ba_con_1_tab_headers {
	display: flex;
	justify-content: space-around;
	letter-spacing:0.075em;
}

input[name=ba_con_1_sel_grp] {
	display: none;
}

.choose_tab_inner {
    display: flex;
    margin:1.5em 0 1.5em auto;
    justify-content: center;
    font-size: calc(22 * var(--width-ratio));
    color: #a1acb1;
	letter-spacing:0.075em;
}

@media screen and (max-width: 768px) {
	.choose_tab_inner {
	    font-size: calc(26 * var(--width-ratio));
	}
}

#ba_con_1_tab1:checked ~ nav > label[for="ba_con_1_tab1"],
#ba_con_1_tab2:checked ~ nav > label[for="ba_con_1_tab2"],
#ba_con_1_tab3:checked ~ nav > label[for="ba_con_1_tab3"],
#ba_con_1_tab4:checked ~ nav > label[for="ba_con_1_tab4"] {
	background-image:linear-gradient(90deg, rgba(253, 146, 146, 1), rgb(255 92 92) 100%);
	color: #fff;
  }

label.ba_con_1_tab_label {
	width: calc(100%/2);
	height: 55px;
	border-bottom: 0.1em solid rgba(253, 146, 146, 1);
	background-color: #eeeeee;
	font-size: calc(28 * var(--width-ratio));
	justify-content: center;
	align-items:center;
	color: #00121A;
	display: flex;
	float: left;
	transition: all 0.2s ease;
	cursor : pointer;
	letter-spacing:0.1em;
  }

@media screen and (max-width: 768px) {
label.ba_con_1_tab_label {
	height: 40px;
	line-height: 40px;
	font-size: calc(30 * var(--width-ratio));
  }	
}

#ba_con_1_tab1:not(:checked) ~ .ba_con_1_tab_contents #disp_ba_con_1_tab1,
#ba_con_1_tab2:not(:checked) ~ .ba_con_1_tab_contents #disp_ba_con_1_tab2,
#ba_con_1_tab3:not(:checked) ~ .ba_con_1_tab_contents #disp_ba_con_1_tab3,
#ba_con_1_tab4:not(:checked) ~ .ba_con_1_tab_contents #disp_ba_con_1_tab4
 {
  /* display: none;*/
  width: 100%;
  height: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  padding: 0;
}

#ba_con_1_tab1:checked ~ .ba_con_1_tab_contents #disp_ba_con_1_tab1,
#ba_con_1_tab2:checked ~ .ba_con_1_tab_contents #disp_ba_con_1_tab2,
#ba_con_1_tab3:checked ~ .ba_con_1_tab_contents #disp_ba_con_1_tab3,
#ba_con_1_tab4:checked ~ .ba_con_1_tab_contents #disp_ba_con_1_tab4
	{
	display: block;
    height: auto;
    opacity: 1;
    visibility: visible;
}

.ba-photo-area input {
	display: none;
}

#ba-w-sales-takeonly:not(:checked) ~ .before-photo .takeonly,
#ba-w-sales-photobox:not(checked) ~ .before-photo .photobox,
#ba-w-public-takeonly:not(:checked) ~ .before-photo .takeonly,
#ba-w-public-photobox:not(checked) ~ .before-photo .photobox,
#ba-w-it-takeonly:not(:checked) ~ .before-photo .takeonly,
#ba-w-it-photobox:not(checked) ~ .before-photo .photobox,
#ba-m-it-takeonly:not(:checked) ~ .before-photo .takeonly,
#ba-m-it-photobox:not(checked) ~ .before-photo .photobox,
#ba-m-office-takeonly:not(:checked) ~ .before-photo .takeonly,
#ba-m-office-photobox:not(checked) ~ .before-photo .photobox,
#ba-m-change-takeonly:not(:checked) ~ .before-photo .takeonly,
#ba-m-change-photobox:not(checked) ~ .before-photo .photobox,
#ba-m-change-takeonly-a:not(:checked) ~ .before-photo .takeonly,
#ba-m-change-photobox-a:not(checked) ~ .before-photo .photobox
{
	display:none;
}

#ba-w-sales-takeonly:not(:checked) ~ h4.takeonly,
#ba-w-sales-photobox:not(checked) ~ h4.photobox,
#ba-w-public-takeonly:not(:checked) ~ h4.takeonly,
#ba-w-public-photobox:not(checked) ~ h4.photobox,
#ba-w-it-takeonly:not(:checked) ~ h4.takeonly,
#ba-w-it-photobox:not(checked) ~ h4.photobox,
#ba-m-it-takeonly:not(:checked) ~ h4.takeonly,
#ba-m-it-photobox:not(checked) ~ h4.photobox,
#ba-m-office-takeonly:not(:checked) ~ h4.takeonly,
#ba-m-office-photobox:not(checked) ~ h4.photobox,
#ba-m-change-takeonly:not(:checked) ~ h4.takeonly,
#ba-m-change-photobox:not(checked) ~ h4.photobox,
#ba-m-change-takeonly-a:not(:checked) ~ h4.takeonly,
#ba-m-change-photobox-a:not(checked) ~ h4.photobox
{
	display:none;
}

#ba-w-sales-takeonly:checked ~ .before-photo .takeonly,
#ba-w-sales-photobox:checked ~ .before-photo .photobox,
#ba-w-public-takeonly:checked ~ .before-photo .takeonly,
#ba-w-public-photobox:checked ~ .before-photo .photobox,
#ba-w-it-takeonly:checked ~ .before-photo .takeonly,
#ba-w-it-photobox:checked ~ .before-photo .photobox,
#ba-m-it-takeonly:checked ~ .before-photo .takeonly,
#ba-m-it-photobox:checked ~ .before-photo .photobox,
#ba-m-office-takeonly:checked ~ .before-photo .takeonly,
#ba-m-office-photobox:checked ~ .before-photo .photobox,
#ba-m-change-takeonly:checked ~ .before-photo .takeonly,
#ba-m-change-photobox:checked ~ .before-photo .photobox,
#ba-m-change-takeonly-a:checked ~ .before-photo .takeonly,
#ba-m-change-photobox-a:checked ~ .before-photo .photobox
{
	display: block;
}

#ba-w-sales-takeonly:checked ~ h4.takeonly,
#ba-w-sales-photobox:checked ~ h4.photobox,
#ba-w-public-takeonly:checked ~ h4.takeonly,
#ba-w-public-photobox:checked ~ h4.photobox,
#ba-w-it-takeonly:checked ~ h4.takeonly,
#ba-w-it-photobox:checked ~ h4.photobox,
#ba-m-it-takeonly:checked ~ h4.takeonly,
#ba-m-it-photobox:checked ~ h4.photobox,
#ba-m-office-takeonly:checked ~ h4.takeonly,
#ba-m-office-photobox:checked ~ h4.photobox,
#ba-m-change-takeonly:checked ~ h4.takeonly,
#ba-m-change-photobox:checked ~ h4.photobox,
#ba-m-change-takeonly-a:checked ~ h4.takeonly,
#ba-m-change-photobox-a:checked ~ h4.photobox
{
	display: block;
}

#ba-w-sales-takeonly:checked ~ .before-photo .sel-label .sel-tab label[for="ba-w-sales-takeonly"],
#ba-w-sales-photobox:checked ~ .before-photo .sel-label .sel-tab label[for="ba-w-sales-photobox"],
#ba-w-public-takeonly:checked ~ .before-photo .sel-label .sel-tab label[for="ba-w-public-takeonly"],
#ba-w-public-photobox:checked ~ .before-photo .sel-label .sel-tab label[for="ba-w-public-photobox"],
#ba-w-it-takeonly:checked ~ .before-photo .sel-label .sel-tab label[for="ba-w-it-takeonly"],
#ba-w-it-photobox:checked ~ .before-photo .sel-label .sel-tab label[for="ba-w-it-photobox"]
{
	background-color: rgba(253, 146, 146, 1);
	border: none;
	color: white;
}

#ba-m-office-takeonly:checked ~ .before-photo .sel-label .sel-tab label[for="ba-m-office-takeonly"],
#ba-m-office-photobox:checked ~ .before-photo .sel-label .sel-tab label[for="ba-m-office-photobox"],
#ba-m-it-takeonly:checked ~ .before-photo .sel-label .sel-tab label[for="ba-m-it-takeonly"],
#ba-m-it-photobox:checked ~ .before-photo .sel-label .sel-tab label[for="ba-m-it-photobox"],
#ba-m-change-takeonly:checked ~ .before-photo .sel-label .sel-tab label[for="ba-m-change-takeonly"],
#ba-m-change-photobox:checked ~ .before-photo .sel-label .sel-tab label[for="ba-m-change-photobox"],
#ba-m-change-takeonly-a:checked ~ .before-photo .sel-label .sel-tab label[for="ba-m-change-takeonly-a"],
#ba-m-change-photobox-a:checked ~ .before-photo .sel-label .sel-tab label[for="ba-m-change-photobox-a"]
{
	background-color: rgb(23 210 239);
	border: none;
	color: white;
}

.before-photo .sel-label {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.before-photo .sel-label .sel-tab{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	width: 82%;
  margin: 0.5em auto 0;
	gap:1em;
}

.before-photo .sel-label .sel-tab label {
display: flex;
    justify-content: center;
    align-items: center;
    border: 0.1em solid #A1ACB2;
    border-radius: 100vh;
    font-size: calc(18 * var(--width-ratio));
    text-align: center;
    margin: 0 auto;
    padding: 0.5em 0.75em;
    color: #A1ACB2;
    width: 99%;
    margin: 0 auto;
	/*box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);*/
}

.before-photo .sel-label .sel-tab label:hover {
	cursor:pointer;
}

.ba-photo-area .sel-label p {
	text-align: center;
	margin: 0.5em auto 0;
}

.ba-photo-area .sel-label p span{
	font-size: 0.8rem;
   color: gray;
　　　　line-height: 1.4em !important;
}

@media screen and (max-width: 768px) {
	.before-photo .sel-label .sel-tab{
		 display: flex;
    	flex-direction: row;
       justify-content: space-between;
       width: 100%;
       margin: 0.3em auto 0;
      gap: .5em;
	}
	
    .before-photo .sel-label .sel-tab label {
        width: 48%;
        margin: 1vw .5vw;
        padding: 0.5em 0.5em;
        font-size: 0.8em;
    }
	
	.ba-photo-area .sel-label p {
    text-align: center;
    margin: 0.3em auto 0;
	}
	
	.ba-photo-area .sel-label p span {
		font-size: 0.5rem !important;
	}
	
	.ba-photo-area .sel-label.after p {
		font-size: 0.8rem !important;
	}
}

.ba-photo-area .sel-label.after p {
	text-align: center;
	margin: 10px auto;
	font-size: initial;
    color: initial;
    line-height: initial;
}

.ba_con_1_tab_inners,
.ba_con_2_tab_inners,
.ba_con_yt_tab_inners,
.ba_con_box_tab_inners {
	display: flex;
	width: 67%;
	margin: 20px auto 0;
	align-items: center;
	justify-content: space-evenly;
	gap:2em;
}

@media screen and (max-width: 768px) {
	.ba_con_box_tab_inners {
	width: 75%;
	}
}

.ba_con_1_tab_inners label,
.ba_con_2_tab_inners label,
.ba_con_yt_tab_inners label,
.ba_con_yt2_tab_inners label,
.ba_con_box_tab_inners label{
     display: flex;
    width: 30%;
    font-size: calc(24* var(--width-ratio));
    height: 50px;
    justify-content: center;
	letter-spacing:0.05em;
    align-items: center;
    border-radius: 30px;
    color: #A1ACB2;
    background: #fff;
    border: 0.05em solid #A1ACB2;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
	cursor : pointer;
}

.ba_con_box_tab_inners label {
	width: 20%;
}

@media screen and (max-width: 768px) {
  .ba_con_1_tab_inners,
  .ba_con_2_tab_inners {
    gap: 1em;
    width: 80%;
  }
	.ba_con_box_tab_inners label {
		width: 22%;
	}
}

@media screen and (max-width: 768px) {
.ba_con_1_tab_inners label,
.ba_con_2_tab_inners label,
.ba_con_yt_tab_inners label,
.ba_con_yt2_tab_inners label,
.ba_con_box_tab_inners label{
    font-size: calc(26* var(--width-ratio));
    height: 32px;
    line-height: 32px;
}	
	
}

.ba_con_1_tab_inners label.selected {
    background-image: linear-gradient(90deg, rgba(253, 146, 146, 1), rgb(255 92 92) 100%);
	color:#fff;
	border:solid 1px rgb(255 221 178);
}

.ba_con_2_tab_inners label.selected {
    background-image: linear-gradient(90deg, rgb(144 191 255), rgb(23 214 239) 30%);
    color: #FFF;
    border: 1px solid rgb(23 210 239);
}

.ba_con_box_tab_inners label.selected {
    background-image: linear-gradient(90deg, #4AC0C4, #4AC0C4 30%);
    color: #FFF;
    border: 1px solid #4AC0C4;
}

.ba_con_1_tab_contents {
	background: #fff;
	padding: 0 0 calc(40 * var(--width-ratio));
}

.c-ba__con__ba_1_outer {
	background: #fff;
}

.c-ba_2_outer {
	width: 100%;
	background-color: #fffef2;
	display: flex;
    justify-content: center;
}

.c-ba__con__ba_2_flexbox {
	width: 60%;
	display:flex;
	flex-flow:column;
	justify-content: space-evenly;
	background: #01B1FA;
}

nav.ba_con_2_tab_headers {
	display: flex;
	justify-content: center;
	align-items:center;
}

nav.ba_con_box_tab_headers {
	display: flex;
	justify-content: space-around;
	width: 75%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	nav.ba_con_box_tab_headers {
		width: 100%;
	}
}

input[name=ba_con_2_sel_grp],
input[name=box-ba-sel]
{
	display: none;
}

#ba_con_2_tab1:checked ~ nav > label[for="ba_con_2_tab1"],
#ba_con_2_tab2:checked ~ nav > label[for="ba_con_2_tab2"],
#ba_con_2_tab3:checked ~ nav > label[for="ba_con_2_tab3"],
#ba_con_2_tab4:checked ~ nav > label[for="ba_con_2_tab4"] {
	background-image:linear-gradient(90deg, rgb(144 191 255), rgb(23 214 239) 30%);
	color: #fff;
  }

#box-for-w1:checked ~ nav > label[for="box-for-w1"],
#box-for-w2:checked ~ nav > label[for="box-for-w2"],
#box-for-m1:checked ~ nav > label[for="box-for-m1"],
#box-for-m2:checked ~ nav > label[for="box-for-m2"] {
	background-image:linear-gradient(90deg, #4AC0C4, #4AC0C4 30%);
	color: #fff;
}

label.ba_con_2_tab_label {
	width: calc(100%/2);
	height: 55px;
	letter-spacing:0.1em;
	border-bottom: 0.1em solid rgb(23 210 239);
	background-color: #eeeeee;
	font-size: calc(28 * var(--width-ratio));
	justify-content:center;
	align-items:center;
	color: #00121A;
	display: flex;
	float: left;
	transition: all 0.2s ease;
	border-bottom:0.1em solid #4AC0C4;
  }

label.ba_con_box_tab_label {
	width: calc(100%/2);
	height: 55px;
	border-bottom: 0.1em solid #4AC0C4;
	background-color: #eeeeee;
	font-size: calc(28 * var(--width-ratio));
	color: #00121A;
	display: flex;
	align-items:center;
	justify-content:center;
	float: left;
	transition: all 0.2s ease;
	letter-spacing:0.1em;
  }

@media screen and (max-width: 768px) {
label.ba_con_2_tab_label,
label.ba_con_box_tab_label{
	height: 40px;
	line-height: 40px;
	font-size: calc(29 * var(--width-ratio));
  }	
}


#ba_con_2_tab1:not(:checked) ~ .ba_con_2_tab_contents #disp_ba_con_2_tab1,
#ba_con_2_tab2:not(:checked) ~ .ba_con_2_tab_contents #disp_ba_con_2_tab2,
#ba_con_2_tab3:not(:checked) ~ .ba_con_2_tab_contents #disp_ba_con_2_tab3,
#ba_con_2_tab4:not(:checked) ~ .ba_con_2_tab_contents #disp_ba_con_2_tab4 {
  /* display: none;*/
  width: 100%;
  height: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  padding: 0;
}

#ba_con_2_tab1:checked ~ .ba_con_2_tab_contents #disp_ba_con_2_tab1,
#ba_con_2_tab2:checked ~ .ba_con_2_tab_contents #disp_ba_con_2_tab2,
#ba_con_2_tab3:checked ~ .ba_con_2_tab_contents #disp_ba_con_2_tab3,
#ba_con_2_tab4:checked ~ .ba_con_2_tab_contents #disp_ba_con_2_tab4 {
	display: block;
    height: auto;
    opacity: 1;
    visibility: visible;
}

.ba_con_2_tab_contents {
	background: #fff;
	padding: 0 0 calc(40 * var(--width-ratio));
}
.c-ba__con__ba_2_outer {
	background: #fff;
}

#box-for-w1:not(:checked) ~ .baCnt.baCnt02 .ba-box-tab-container.w1,
#box-for-w2:not(:checked) ~ .baCnt.baCnt02 .ba-box-tab-container.w2,
#box-for-m1:not(:checked) ~ .baCnt.baCnt02 .ba-box-tab-container.m1,
#box-for-m2:not(:checked) ~ .baCnt.baCnt02 .ba-box-tab-container.m2 {
  /* display: none;*/
  width: 100%;
  height: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  padding: 0;
}

#box-for-w1:checked ~ .baCnt.baCnt02 .ba-box-tab-container.w1,
#box-for-w2:checked ~ .baCnt.baCnt02 .ba-box-tab-container.w2,
#box-for-m1:checked ~ .baCnt.baCnt02 .ba-box-tab-container.m1,
#box-for-m2:checked ~ .baCnt.baCnt02 .ba-box-tab-container.m2 {
	display: block;
    height: auto;
    opacity: 1;
    visibility: visible;
}

.ba_con_box_tab_contents {
	background: #fff;
	padding: 0 0 calc(40 * var(--width-ratio));
}
.c-ba__con__ba_box_outer {
	background: #fff;
}
/* Before&Afterのタブ化　end*/

.baWrap_hikaku {
	position: relative;
	letter-spacing:0.05em;
}

.baWrap_hikaku > p {
	margin: 1.5em 0 0;
	font-size: calc(28 * var(--width-ratio));
	text-align: center;
	line-height:1.4em;
}

.baWrap .baImgWrap,
.baWrap_hikaku .baImgWrap {
	width: calc(398 * var(--width-ratio));
	height: calc(540 * var(--width-ratio));
	margin: 0 auto;
	position: relative;
}

.baWrap .baImgBottom,
.baWrap_hikaku .baImgBottom {
	width: calc(588 * var(--width-ratio));
	margin: calc(32 * var(--width-ratio)) auto 0;
	position: relative;
}

.baWrap_hikaku .heading .arrow {
	width: 100%;
	height: calc(50 * var(--width-ratio));
	background: url(../../img/lp/syukatsudanshi/popular-heading-arrow.png) 50%/100% 100%;
	position: absolute;
	bottom: calc(-50 * var(--width-ratio));
	left: 0;
}

.baWrap .baImgBottom .slideTxt,
.baWrap_hikaku .baImgBottom .slideTxt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(269 * var(--width-ratio));
	height: calc(47 * var(--width-ratio));
	margin: 0 auto;
	border-radius: calc(30 * var(--width-ratio));
	border: calc(1 * var(--width-ratio)) solid #251e1c;
	background: #fff;
	font-size: calc(12 * var(--width-ratio));
	position: relative;
}


.baWrap .baImgBottom .slideTxt .hand,
.baWrap_hikaku .baImgBottom .slideTxt .hand {
	position: absolute;
	right: calc(-15 * var(--width-ratio));
	top: calc(-15 * var(--width-ratio));
	width: calc(41 * var(--width-ratio));
}

.baWrap .baImgBottom .beforeTxt,
.baWrap_hikaku .baImgBottom .beforeTxt {
	position: absolute;
	top: calc(-20 * var(--width-ratio));
	left: 0;
	width: calc(84 * var(--width-ratio));
}

.baWrap .baImgBottom .afterTxt,
.baWrap_hikaku .baImgBottom .afterTxt {
	position: absolute;
	top: calc(-20 * var(--width-ratio));
	right: 0;
	width: calc(84 * var(--width-ratio));
}

.baWrap_hikaku .retouchFlow {
	display: flex;
	flex-wrap: wrap;
	width: 96%;
	max-width: calc(663 * var(--width-ratio));
	margin: calc(40 * var(--width-ratio)) auto calc(40 * var(--width-ratio));
}

.baWrap_hikaku .retouchFlow li {
	position: relative;
	width: 30%;
	margin: 0 calc((100% - (30% * 3)) / 2) calc(28 * var(--width-ratio)) 0;
}

.baWrap_hikaku .retouchFlow li:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(13 * var(--width-ratio)) 0 calc(13 * var(--width-ratio)) calc(12 * var(--width-ratio));
	border-color: transparent transparent transparent #FFC6BF;
	position: absolute;
	top: calc(120 * var(--width-ratio));
	right: calc(-20 * var(--width-ratio));
}

.baWrap_hikaku .retouchFlow li h4 {
	margin: calc(4 * var(--width-ratio)) 0 calc(4 * var(--width-ratio));
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(21 * var(--width-ratio));
	text-align: center;
}

.baWrap_hikaku .retouchFlow li p {
	font-size: calc(11 * var(--width-ratio));
	line-height: calc(21 * var(--width-ratio));
}

.baWrap_hikaku .retouchFlow li:nth-child(3n) {
	margin: 0 0 calc(28 * var(--width-ratio));
}

.baWrap_hikaku .retouchFlow li:last-child {
	margin: 0 0 calc(28 * var(--width-ratio));
}

.baWrap_hikaku .retouchFlow li:nth-child(3n):before {
	content: none;
}

.baWrap_hikaku .link_blue {
	width: 96%;
	max-width: calc(663 * var(--width-ratio));
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.baWrap_hikaku .link_blue a p {
    width: 100%;
    max-width: calc(1000* var(--width-ratio));
    font-size: calc(32* var(--width-ratio));
    text-align: center;
    display: block;
    font-weight: bold;
    text-decoration: none;
    margin: 0 auto;
}

.baWrap_hikaku .link_blue p {
	width: calc(400 * var(--width-ratio));
	font-size: calc(18 * var(--width-ratio));
	text-align: center;
	display: block;
	text-decoration: none;
	color: #08131a;
	margin: 1em auto;
}


@media (max-width: 750px) {
	.baWrap_hikaku .retouchFlow {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		margin: calc(60 * var(--width-ratio)) auto calc(32 * var(--width-ratio));
	}

	.baWrap_hikaku .retouchFlow li {
		width: calc(165 * var(--width-ratio));
		margin: 0 calc(28 * var(--width-ratio)) calc(28 * var(--width-ratio)) 0;
		position: relative;
		padding: 0 !important;
	}

	.baWrap_hikaku .retouchFlow li img.js-modal-open {
		width: 80%;
	}

	.baWrap_hikaku .retouchFlow li h4 {
		font-size: calc(15 * var(--width-ratio));
	}

	.baWrap_hikaku .retouchFlow li p {
		font-size: calc(14 * var(--width-ratio));
		line-height: calc(21 * var(--width-ratio));
		padding: 0 3vw;
	}

	.baWrap_hikaku .retouchFlow li:nth-child(4n) {
		margin: 0 0 calc(28 * var(--width-ratio));
	}

	.baWrap_hikaku .retouchFlow li:last-child {
		margin: 0 0 calc(28 * var(--width-ratio));
	}

	.baWrap_hikaku .retouchFlow li:last-child:before {
		content: none;
	}

	.baWrap_hikaku .link_blue {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 2;

	}

	.baWrap_hikaku .link_blue a p {
		width: 90%;
		font-size: calc(24 * var(--width-ratio));
	}

	.baWrap_hikaku .link_blue p {
		font-size: calc(20 * var(--width-ratio));
	}

	.baWrap_hikaku .link_blue .youtube-img {
		display: block;
		width: 80%;

		margin: calc(40 * var(--width-ratio)) auto;

	}

	.baWrap_hikaku .link_blue .youtube-img p {
		font-size: calc(16 * var(--width-ratio));
		color: #5f5e5f;
	}

	.baWrap_hikaku .link_blue .youtube-img a img {
		width: 100%;
		margin: 0 auto;
	}
}

	
	
@media (min-width: 751px) {
	.studioPageLinkArea {
		width: 100%;
		max-width: calc(936 * var(--width-ratio));
		margin: calc(52 * var(--width-ratio)) auto !important;
		flex-direction: column;
		align-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.studioPageLinkArea ul {
		margin-left: calc(10 * var(--width-ratio));
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start !important;
	}

	.studioPageLinkArea ul li {
		margin: calc(5 * var(--width-ratio)) calc(4 * var(--width-ratio)) !important;
	}

	.studioPageLinkArea .tokyoArea2,
	.studioPageLinkArea .osakaArea2,
	.studioPageLinkArea .otherArea2 {
		display: flex;
		align-items: center;
	}
	
	

	.tokyoArea2 ul li a {
		background-color: #fff1c0 !important;
		color: #08131a !important;
	}

	.osakaArea2 ul li a {
		background-color: #defed5 !important;
		color: #08131a !important;
	}

	.otherArea2 ul li a {
		background-color: #d1edfb !important;
		color: #08131a !important;
	}
}

@media (max-width: 750px) {
	.studioPageLinkArea .tokyoArea2 h2 {
		background: #fff1c0 !important;
		color: #000 !important;
	}

	.studioPageLinkArea .osakaArea2 h2 {
		background: #defed5 !important;
		color: #000 !important;
	}

	.studioPageLinkArea .otherArea2 h2 {
		background: #d1edfb !important;
		color: #000 !important;
	}

	.studioPageLinkArea h2:before {
		border-color: #000 transparent transparent !important;
	}
}

/* 2023/09/12　モーダルのcss定義追加*/
.ba-outer-area {
	margin-top: calc(60 * var(--width-ratio));
}

@media screen and (max-width: 768px) {
.ba-outer-area {
	margin-top: calc(60 * var(--width-ratio));
}	
}

.ba-txt-compare {
    font-size: calc(42* var(--width-ratio));
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: center;
    display: block;
    margin: 2em auto 1em;
}

@media screen and (max-width: 768px) {
.ba-txt-compare {
    font-size: calc(42 * var(--width-ratio));
    margin: 2em auto 1em;
}	
}

.ba-inner {
	width:80%;
	margin:0 auto;
	display:flex;
	justify-content: space-evenly;
}

.ba-cmp-txt {
    position: relative;
    margin: 0 0 0.25em;
    font-size: calc(32* var(--width-ratio));
    letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
	.ba-cmp-txt {
    font-size: calc(28* var(--width-ratio));
}
}

h4.ba-cmp-txt.txt-before {
	border-bottom: solid 0.1em #5d5d5d;
	padding-bottom: 0.2em;
	letter-spacing:0.05em;
}

h4.ba-cmp-txt.txt-after {
	border-bottom: solid 0.1em #FFA699;
	padding-bottom: 0.2em;
		letter-spacing:0.05em;
}

@media screen and (max-width: 768px) {
	h4.ba-cmp-txt.txt-before {
	border-bottom: solid 2px #5d5d5d;
	padding-bottom: 4px;
	}

	h4.ba-cmp-txt.txt-after {
		border-bottom: solid 2px #FFA699;
		padding-bottom: 4px;
	}
}

h4.ba-cmp-txt.txt-after.man {
	border-bottom: solid 2px #6EB7C9;
}
h4.ba-cmp-txt.txt-after.box {
	border-bottom: solid 2px #6EB7C9;
}

h4.ba-cmp-txt.txt-after.yt {
	border-bottom: solid 2px #4AC0C4;
}

.ba-photo-area {
	display:flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.ba-photo-area:first-child {
	margin-right: 40px;
}

.ba-photo-area:nth-child(2) {
	margin-left: 40px;
}

.ba-photo-area:first-child:after {
	content: '';
    display: block;
	margin:0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(26 * var(--width-ratio)) 0 calc(26 * var(--width-ratio)) calc(25 * var(--width-ratio));
    border-color: transparent transparent transparent #FFC6BF;
    position: absolute;
}

.ba-photo-area:first-child.man:after {
    border-color: transparent transparent transparent #6EB7C9;
}

.ba-photo-area:first-child.box:after {
    border-color: transparent transparent transparent #6EB7C9;
}


.ba-photo-area:first-child.yt:after {
    border-color: transparent transparent transparent #4AC0C4;
}

.ba-tap-to-zoom {
    position: relative;
    width: 50%;
	margin: calc(30 * var(--width-ratio)) auto calc(0 * var(--width-ratio));
    font-size: calc(18 * var(--width-ratio));
    color: #5d5d5d;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.ba-cmp-txt{
		margin:0 auto 0.3em;
	}
	
	.ba-tap-to-zoom {
	margin: calc(32 * var(--width-ratio)) auto calc(0 * var(--width-ratio));
    font-size: calc(20 * var(--width-ratio));
}
	
}

.js-modal-open {
    cursor: pointer;
    border: 0.5px #e5e5e5 solid;
}
}

.ba-modal-button {
	margin-top:20px;
}

.js-modal {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgb(105 105 105 / 80%);
	width: 100%;
	height: 100%;
	z-index: 999;
	cursor: pointer;
}

.js-modal-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(80% - 52px);
	max-width: 55vh;
	transform: translate(-50%, -50%);
}

.js-modal-inner.large-size {
	max-width: 80vh;
}

.js-modal-inner-image {
	width: 100%;
	height: auto;
}

.js-modal .js-modal-inner .js-modal-inner-text {
	padding: 12px 24px 12px;
	background-color: #fff;
}

@media screen and (max-width: 768px) {
	.js-modal .js-modal-inner .js-modal-inner-text {
	padding: 12px;
}
	
}

.js-modal .js-modal-inner .js-modal-inner-text h4 {
	font-size: calc(22 * var(--width-ratio))!important;
	line-height: 1.8em !important;
	text-align: center !important;
	margin:0 auto  calc(4 * var(--width-ratio));
}

.js-modal .js-modal-inner .js-modal-inner-text p {
    font-size: calc(18 * var(--width-ratio)) !important;
    line-height: 1.4em !important;
    text-align: left !important;
	max-width:100%;
	margin:0 auto;
}

@media screen and (max-width: 768px) {
	.js-modal .js-modal-inner .js-modal-inner-text h4 {
        font-size: calc(24 * var(--width-ratio))!important;
        line-height: 1.4em !important;
        margin:0 auto  0.5em;
}
    .js-modal .js-modal-inner .js-modal-inner-text p {
		font-size:calc(20 * var(--width-ratio))!important;
		max-width:92%;
	}
	js-modal .js-modal-inner .js-modal-inner-text {
		padding:1em 1.25em;
	}
	
}

.js-modal-close {
    margin-top: 1em;
    text-align: center;
    font-size: calc(28* var(--width-ratio));
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 600;
    cursor: pointer;
}

ul.retouchFlow li .imgArea {
	margin: 0 0 calc(4 * var(--width-ratio));
    padding: 0;
    border: 0;
    font-size: calc(20 * var(--width-ratio));
}

.baWrap_hikaku ul.retouchFlow li .imgArea {
    display: flex;
    justify-content: center;
}

@media (max-width: 750px) {
	.js-modal-close {
		font-size: calc(38 * var(--width-ratio));
		letter-spacing:0.1em;
}
	
	.ba-photo-area:first-child {
		margin-right: 20px;
	}

	.ba-photo-area:nth-child(2) {
		margin-left: 20px;
	}

	.ba-modal-button {
		width: 60px;
	}

	.ba-tap-to-zoom {
		width: 40%;
	}

	.ba-photo-area:first-child:after {
		top: calc(180 * var(--width-ratio));
		right: calc(-54 * var(--width-ratio));
	}
	
}

/* 230917 TOPページ　FAQ追加*/
.p-top-faq {
	padding: calc(52 * var(--width-ratio)) 0;
}

.p-top-faq > h2 {
	display: flex;
	justify-content: center;
	font-size: calc(36 * var(--width-ratio));
	line-height: 1.6em;
	letter-spacing: 0.1em;
	text-align: center;
}

.p-top-faq__list {
	display: flex;
	flex-wrap: wrap;
	row-gap: calc(30 * var(--width-ratio));
	width: 100%;
	max-width: calc(768 * var(--width-ratio));
	margin: calc(60 * var(--width-ratio)) auto calc(15 * var(--width-ratio));
}

.p-top-faq__list__item {
	width: 100%;
	letter-spacing:0.05em;
}

.p-top-faq__list__item__q {
    position: relative;
    width: 100%;
    padding: calc(15* var(--width-ratio)) calc(20* var(--width-ratio)) calc(15* var(--width-ratio)) calc(60* var(--width-ratio));
    background-image: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
    border-radius: calc(4* var(--width-ratio));
    font-size: calc(22 * var(--width-ratio));
    line-height: 1.4em;
	letter-spacing:0.1em;
}

.p-top-faq__list__item__q::before {
	content: '';
	position: absolute;
	left: calc(18 * var(--width-ratio));
	top: calc(16 * var(--width-ratio));
	display: block;
	width: calc(30 * var(--width-ratio));
	height: calc(34 * var(--width-ratio));
	background: url(../../img/common/qa-q.png) no-repeat 50%/contain;
}

.p-top-faq__list__item__a {
    position: relative;
    width: 89.2%;
    margin: calc(-6* var(--width-ratio)) 0 0 auto;
    padding: calc(24* var(--width-ratio)) calc(24* var(--width-ratio)) calc(24* var(--width-ratio)) calc(60* var(--width-ratio));
    background-color: #ffffff;
    border: solid 0.1em #FFA69A;
    font-size: calc(18 * var(--width-ratio));
    line-height: 1.6em;
}

.p-top-faq__list__item__a::before {
    content: '';
    position: absolute;
    left: calc(16* var(--width-ratio));
    top: calc(25* var(--width-ratio));
    display: block;
    width: calc(25* var(--width-ratio));
    height: calc(24.5* var(--width-ratio));
    background: url(../../img/common/qa-a.png) no-repeat 50% / contain;
}

.p-top-faq__list__item__a h4 {
	font-weight: bold;
	line-height: inherit;
	font-size: calc(22 * var(--width-ratio));
	margin-bottom: 0.5em;
	letter-spacing:0.075em;
	line-height:1.4em;
}

.p-top-faq__list__item__a p {
	line-height: inherit;
}

.p-top-faq a.more {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(330 * var(--width-ratio));
	margin: calc(60 * var(--width-ratio)) auto 0;
	padding: calc(12 * var(--width-ratio)) calc(20 * var(--width-ratio)) calc(10 * var(--width-ratio));
	background-color: #ffffff;
	border: calc(1 * var(--width-ratio)) solid #c38586;
	color: #c38586;
	font-size: calc(17 * var(--width-ratio));
	margin-top: calc(45 * var(--width-ratio));
}

.p-top-faq a.more::before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(20 * var(--width-ratio));
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(7.5 * var(--width-ratio)) 0 calc(7.5 * var(--width-ratio)) calc(10 * var(--width-ratio));
	border-color: transparent transparent transparent #c38586;
	transform: translateY(-50%);
}

@media (max-width: 750px) {
	.p-top-faq {
		padding: calc(48 * var(--width-ratio)) calc(24 * var(--width-ratio)) calc(12 * var(--width-ratio));
	}
	
	.p-top-faq > h2 {
		align-items: center;
		font-size: calc(38 * var(--width-ratio));
		letter-spacing: 0.1em;
	}
	
	.p-top-faq > h2::before {
		margin-right: calc(10.6 * var(--width-ratio));
	}
	
	.p-top-faq__list {
		display: flex;
		flex-wrap: wrap;
		row-gap: calc(24 * var(--width-ratio));
		width: 100%;
		max-width: calc(768 * var(--width-ratio));
		margin: calc(48 * var(--width-ratio)) auto calc(12 * var(--width-ratio));
		padding: 0 calc(40 * var(--width-ratio));
	}
	
	.p-top-faq__list__item__q {
		padding: calc(12 * var(--width-ratio)) 0 calc(12 * var(--width-ratio)) calc(64 * var(--width-ratio));
		background-color: transparent;
		font-size: calc(28 * var(--width-ratio));
	}
	
	.p-top-faq__list__item__q::before {
		left: 3px;
		top: 0;
		width: calc(48 * var(--width-ratio));
		height: calc(48 * var(--width-ratio));
	}
	
	.p-top-faq__list__item__a {
		width: calc(100% - calc(60 * var(--width-ratio)));
		margin: calc(8 * var(--width-ratio)) 0 0 auto;
		padding: calc(16 * var(--width-ratio)) calc(32 * var(--width-ratio)) calc(24 * var(--width-ratio));
		font-size: calc(24 * var(--width-ratio));
		border: solid calc(4 * var(--width-ratio)) #FFA69A;
	}
	
	.p-top-faq__list__item__a::before {
		left: calc((-60 + 3.6) * var(--width-ratio));
		top: 0;
		width: calc(46 * var(--width-ratio));
		height: calc(44.6 * var(--width-ratio));
	}

	.p-top-faq__list__item__a h4 {
		font-weight: 600;
    	line-height: 1.4em;
    	font-size: calc(26 * var(--width-ratio));
   		margin-bottom: calc(16 * var(--width-ratio));
	}
	
	.p-top-faq a.more {
		margin-top: calc(0 * var(--width-ratio));
	}
}

/* 230917_価格表追加分テーブルのcss */
#secPrice2.c-price__table2 {
	width: calc(100% - calc((7.5 * 2) * var(--width-ratio)));
	max-width: calc(860 * var(--width-ratio));
	margin: calc(0 * var(--width-ratio)) auto 0;
}

#secPrice2.c-price__table2 > h3 {
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 1em;
}

#secPrice2 .c-price__table2__table {
	width: 100%;
	margin-top: calc(20 * var(--width-ratio));
	border: solid 1px #303030;
	border-right: none;
	background-color: #fff;
}

#secPrice2 .c-price__table2__table thead tr {
	background-color: #4AC0C4;
}

#secPrice2  .c-price__table2__table thead th:nth-child(1) {
	width: 28%;
}

#secPrice2 .c-price__table2__table thead th:nth-child(2) {
	width: calc(100% - 28%);
}

#secPrice2 .c-price__table2__table tbody th,
#secPrice2 .c-price__table2__table tbody td {
	padding: calc(9 * var(--width-ratio)) calc(18 * var(--width-ratio));
	border-right: solid 1px #303030;
	border-top: solid 1px #303030;
}

#secPrice3.c-price__table3 {
	width: calc(100% - calc((7.5 * 2) * var(--width-ratio)));
	max-width: calc(860 * var(--width-ratio));
	margin: calc(70 * var(--width-ratio)) auto 0;
}

#secPrice3.c-price__table3 > h3 {
	font-size: calc(36 * var(--width-ratio));
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 0.5em;	
	letter-spacing:0.1em;
}

#secPrice3 .c-price__table3__table {
	width: 100%;
	/* margin-top: calc(20 * var(--width-ratio)); */
	border: solid 1px #303030;
	border-right: none;
	background-color: #fff;
}

#secPrice3 .c-price__table3__table thead tr {
	background-color: #4AC0C4;
}

#secPrice2  .c-price__table2__table thead th,
#secPrice3 .c-price__table3__table thead th {
	padding: calc(9 * var(--width-ratio)) calc(16 * var(--width-ratio)) calc(9 * var(--width-ratio));
	border-right: solid 1px #303030;
	font-size: calc(16 * var(--width-ratio));
	line-height: 1.5em;
	color: #FFF;
	text-align: center;
}

#secPrice3 .c-price__table3__table thead th:nth-child(1) {
	width: 28%;
}

#secPrice3 .c-price__table3__table thead th:nth-child(2) {
	width: calc(100% - 28% - 24.65%);
}

#secPrice3 .c-price__table3__table thead th:nth-child(3) {
	width: 24.65%;
}

#secPrice3 .c-price__table3__table tbody th,
#secPrice3 .c-price__table3__table tbody td {
	padding: calc(9 * var(--width-ratio)) calc(18 * var(--width-ratio));
	border-right: solid 1px #303030;
	border-top: solid 1px #303030;
}

#secPrice2 .c-price__table2__table tbody th,
#secPrice3 .c-price__table3__table tbody th {
	font-size: calc(15 * var(--width-ratio));
	line-height: 1.5em;
	letter-spacing: 0.1em;
	text-align: center;
}

#secPrice2 .c-price__table2__table tbody td,
#secPrice3 .c-price__table3__table tbody td {
	font-size: calc(15 * var(--width-ratio));
	line-height: 1.5em;
	padding: 1em;
}

#secPrice3 .c-price__table3__table tbody td:nth-child(3) {
	text-align: center;
}

#secPrice3 .c-price__table3__table tbody td > span {
	font-size: calc(24 * var(--width-ratio));
}

#secPrice3 .c-price__table3__text {
	width: 75%;
	margin: calc(15 * var(--width-ratio)) 0 calc(15 * var(--width-ratio)) auto;
	font-size: calc(11 * var(--width-ratio));
	line-height: 1.54;
	color: #303030;
	text-align: right;
}

.c-price__table3 .c-price__table3__table .org_tag_modal01 span.print_price_modal {
	text-align: center;
    display: block;
    line-height: 1.3em;
    color: #4285F4;
    font-weight: 600;
}

.c-price__table3 .c-price__table3__table span.toomuch_retouch_modal {
    color: #4285F4;
    font-weight: 600;
}

@media (max-width: 750px) {
	#secPrice2.c-price__table2 {
		width: calc(100% - calc((38 * 2) * var(--width-ratio)));
	}

	#secPrice2.c-price__table2 > h3 {
		font-size: calc(32 * var(--width-ratio));
		line-height: 1.4em;
		letter-spacing: 0.1em;
		text-align: center;
		margin: calc(32 * var(--width-ratio)) calc(50 * var(--width-ratio));
	}

	#secPrice2 .c-price__table2__table,
	#secPrice3 .c-price__table3__table {
		border-width: 1px;
	}

	#secPrice2 .c-price__table2__table thead th,
	#secPrice3 .c-price__table3__table thead th {
		font-size: calc(24 * var(--width-ratio));
	}

	#secPrice2 .c-price__table2__table thead th:nth-child(1) {
		width: 24%;
	}

	#secPrice2 .c-price__table2__table thead th:nth-child(2) {
		width: calc(100% - 38.9%);
	}

	#secPrice2 .c-price__table2__table tbody th, #secPrice3 .c-price__table3__table tbody th {
		font-size: calc(20 * var(--width-ratio));
		line-height: 1.4em;
	}

	#secPrice2 .c-price__table2__table tbody td, #secPrice3 .c-price__table3__table tbody td {
		font-size: calc(20 * var(--width-ratio));
		line-height: 1.4em;
	}

	#secPrice3.c-price__table3 {
		width: calc(100% - calc((30 * 2) * var(--width-ratio)));
	}

	#secPrice3.c-price__table3 > h3 {
		font-size: calc(32 * var(--width-ratio));
		line-height: 1.4em;
		margin: calc(16 * var(--width-ratio)) calc(40 * var(--width-ratio));
	}
	
	#secPrice3 .c-price__table3__text {
		width: 100%;
		font-size: calc(14 * var(--width-ratio));		
	}
}

/* 20240903_プリント写真の料金表 #secPrice_print*/
#secPrice_print.c-price__table_print {
	width:100%;
	max-width: calc(860 * var(--width-ratio));
	margin:1em auto 0;
}

#secPrice_print .org_tag_modal01__wrapper2{
	width:100%;
}

#secPrice_print.c-price__table_print > h3 {
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 1em;	
}

#secPrice_print .c-price__table_print__table {
	width: 100%;
	margin:0 auto;
	/* margin-top: calc(20 * var(--width-ratio)); */
	border: solid 1px #303030;
	border-right: none;
	background-color: #fff;
}

#secPrice_print .c-price__table_print__table thead tr {
	background-color: #4AC0C4;
}

#secPrice_print .c-price__table_print__table thead th {
	padding:0.5em 1em;
	border-right: solid 1px #303030;
	font-size: calc(14 * var(--width-ratio));
	line-height: 1.5em;
	color: #FFF;
	text-align: center;
}

#secPrice_print .c-price__table_print__table thead th:nth-child(1) {
	width: 28%;
}

#secPrice_print .c-price__table_print__table thead th:nth-child(2) {
	width: calc(100% - 28% - 24.65%);
}

#secPrice_print .c-price__table_print__table thead th:nth-child(3) {
	width: 24.65%;
}

#secPrice_print .c-price__table_print__table tbody td {
	padding: calc(9 * var(--width-ratio)) calc(18 * var(--width-ratio));
	border-right: solid 1px #303030;
	border-top: solid 1px #303030;
}

#secPrice_print .c-price__table_print__table tbody th {
	font-size: calc(14 * var(--width-ratio));
	line-height: 1.5em;
	letter-spacing: 0.1em;
	text-align: center;
	border:1px solid #303030;
}

#secPrice_print .c-price__table_print__table tbody td {
	font-size: calc(14 * var(--width-ratio));
	line-height: 1.5em;
	padding: 0.5em 1em;
	text-align:center;
}

#secPrice_print .c-price__table_print__table tbody td:nth-child(3) {
	text-align: center;
}

#secPrice_print .c-price__table_print__table tbody td > span {
	font-size: calc(24 * var(--width-ratio));
}

#secPrice_print .c-price__table_print__text {
	width: 100%;
	margin:0.5em 0 0.5em auto;
	font-size: calc(11 * var(--width-ratio));
	line-height: 1.4em;
	color: #303030;
	text-align: right;
}

@media (max-width: 750px) {
	#secPrice_print .c-price__table_print__table {
		border-width: 1px;
	}
	
	#secPrice_print .c-price__table_print__table {
	width: 100%;
	}

	#secPrice_print .c-price__table_print__table thead th {
		font-size: calc(24 * var(--width-ratio));
	}

	#secPrice_print .c-price__table_print__table tbody th {
		font-size: calc(20 * var(--width-ratio));
		line-height: 1.4em;
	}

	#secPrice_print .c-price__table_print__table tbody td {
		font-size: calc(20 * var(--width-ratio));
		line-height: 1.4em;
	}

	#secPrice_print.c-price__table_print {
		width: 100%;
	}

	#secPrice_print.c-price__table_print > h3 {
		font-size: calc(32 * var(--width-ratio));
		line-height: 1.4em;
		margin: calc(16 * var(--width-ratio)) calc(40 * var(--width-ratio));
	}
	
	#secPrice_print .c-price__table_print__text {
		width: 100%;
		font-size: calc(14 * var(--width-ratio));
	}
}




a.blue_link {
	color: #0088F3;
}



/* 2023/09/18 価格ページ「追加料金が発生する条件は」追加*/
.p-price__other {
	padding: calc(60 * var(--width-ratio)) 0 calc(75 * var(--width-ratio));
	background: #FFF;
}
.p-price__other__title {
	font-size: calc(28 * var(--width-ratio));
	line-height: 1.4em;
	letter-spacing: 0.2em;
	text-align: center;
	color:#303030;
}
.p-price__other__list {
	display: flex;
	flex-direction: column;
	row-gap: calc(90 * var(--width-ratio));
	width: 100%;
	max-width: calc(860 * var(--width-ratio));
	margin: calc(60 * var(--width-ratio)) auto 0;
}
.p-price__other__list__row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.p-price__other__list__row__image {
	width: 40%;
	text-align:center;
}
.p-price__other__list__row__image img {
	width: 90%;
	height: auto;
}
.p-price__other__list__row__box {
	width: calc(100% - 40% - (36 * var(--width-ratio)));
	letter-spacing:0.025em;
}
.p-price__other__list__row__box__title1 {
	position: relative;
	padding-bottom: calc(8 * var(--width-ratio));
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.4em;
	letter-spacing: 0.15em;
	color: #303030;
	text-align: center;
}
.p-price__other__list__row__box__title1::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: calc(8 * var(--width-ratio));
	background: url(../../img/common/price-icon1.png) no-repeat 50%/contain;
}
.p-price__other__list__row__box__title2 {
	margin-top: calc(24 * var(--width-ratio));
	font-size: calc(20 * var(--width-ratio));
	line-height: 1.4em;
	color: #4AC0C4;
	letter-spacing:0.05em;
	text-align: center;
}
.p-price__other__list__row__box > p {
	margin-top: calc(24 * var(--width-ratio));
    font-size: 0.9rem;
    line-height: 1.8em;
    padding: 0 calc(48 * var(--width-ratio));
}
.p-price__other__list__row--2 {
	flex-direction: row-reverse;
}

.p-price__other__list__row__box__title1.sp-style {
    display: none;
}

@media (max-width: 750px) {
	.p-price__other {
		padding: calc(72 * var(--width-ratio)) 0 calc(96 * var(--width-ratio));
	}
	.p-price__other__title {
		font-size: calc(36 * var(--width-ratio));
		padding: 0 calc(48 * var(--width-ratio));
		line-height: 1.4em;
		letter-spacing: 0.1em;
	}
	.p-price__other__list__row {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.p-price__other__list__row__image {
		width: 100%;
	}
	.p-price__other__list__row__box {
		width: 100%;
			padding: 0;
	}
	.p-price__other__list__row__box__title1 {
			font-size: calc(46 * var(--width-ratio));
			margin-bottom: 10px;
	}
	.p-price__other__list__row__box__title2 {
		font-size: calc(30 * var(--width-ratio));
		margin:1em auto 0.5em;
	}
	.p-price__other__list__row__box > p {
		font-size: 0.8rem;
		margin:0 auto 0.5em;
	}
	.p-price__other__list__row__box > .c-linkbutton1 {
			width: 100%;
			width: calc(262 * var(--width-ratio));
	letter-spacing: 0;
	}
	.p-price__other__list__row__box__title1.ps-style {
		display: none;
	}
	.p-price__other__list__row__box__title1.sp-style {
		display: block;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 8px;
		font-size: calc(34 * var(--width-ratio));
	}
}

/* ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■

ここまで

ba　plus 202102

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */

/*競合比較の追加*/


.comparison h2{
	margin: 2em auto 0.5em;
    font-size: calc(28 * var(--width-ratio));
    text-align: center;
	border-bottom:1px solid gray;
	padding-bottom:0.3em;
	max-width:50%;
	line-height:1.4em;
	letter-spacing:0.075em;
}

.comparison .org_tag_table02 {
	width:67%;
}

.comparison .org_tag_table_sticky > table tr{
	border-bottom:1px solid #eee;
	letter-spacing:0.05em;
}


.comparison .org_tag_table_sticky > table tr:nth-of-type(1), .org_tag_table_sticky > table tr:nth-of-type(1) th{
	background-color:#4AC0C4!important;
}

.comparison .org_tag_table_sticky > table td, .studioDetail .detail .org_tag_table_sticky > table td{
	color:#08131a;
}

.comparison .org_tag_table_sticky > table, .studioDetail .org_tag_table_sticky > table{
	padding:0 1.5em;
}

.comparison .org_tag_table_sticky > table th, .comparison .org_tag_table_sticky > table td{
	/*display:flex;*/
	align-items:center;
	vertical-align:middle;
	border:none;
	padding:0.25em 0;
	/*justify-content:center;*/
}

.comparison .org_tag_table_sticky > table tr:nth-of-type(1), .org_tag_table_sticky > table tr:nth-of-type(1) th{
	font-size:16px;
	font-weight:600;
	letter-spacing:0.05em;
}


.comparison .org_tag_table_sticky > table th:nth-of-type(1), .comparison .org_tag_table_sticky > table td:nth-of-type(1){
	min-width:200px;
		letter-spacing:0.025em;
}

.comparison .org_tag_table_sticky > table th:nth-of-type(3), .comparison .org_tag_table_sticky > table td:nth-of-type(3){
	min-width:150px;
		letter-spacing:0.025em;
}

.comparison .org_tag_table_sticky > table th:nth-of-type(4), .comparison .org_tag_table_sticky > table td:nth-of-type(4){
	min-width:150px;
		letter-spacing:0.025em;
}


.comparison .org_tag_table_sticky > table th:nth-of-type(5), .comparison .org_tag_table_sticky > table td:nth-of-type(5){
	min-width:350px;
	max-width:350px;
		letter-spacing:0.025em;
}

.comparison .org_tag_table_sticky > table td:nth-of-type(5){
	padding-right:1.5em;
	letter-spacing:0.025em;
}

	.comparison_btn{	
	    font-weight: 600;
    display: flex;
		font-size:1.2rem;
    align-items: center;
    justify-content: center;
    width: calc(350* var(--width-ratio));
    height: calc(50* var(--width-ratio));
    margin: 1em auto 0;
    background: rgb(255, 123, 0) !important;
    box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);
    border-radius: 30px;
		color:#FFF;
			letter-spacing:0.05em;
	}

@media screen and (max-width: 768px) {
.comparison .org_tag_table_sticky > table th:nth-of-type(1), .comparison .org_tag_table_sticky > table td:nth-of-type(1){
	min-width:130px;
}
	.comparison .org_tag_table_sticky > table th:nth-of-type(3), .comparison .org_tag_table_sticky > table td:nth-of-type(3){
	min-width:120px;
}
	
.comparison .org_tag_table_sticky > table th:nth-of-type(4), .comparison .org_tag_table_sticky > table td:nth-of-type(4){
	min-width:100px;
}
	.comparison .org_tag_table_sticky > table th:nth-of-type(5), .comparison .org_tag_table_sticky > table td:nth-of-type(5){
	min-width:200px;
	max-width:200px;
}
	
	
.comparison h2{
	margin: 2em auto 0.5em;
    font-size: calc(32 * var(--width-ratio));
	max-width:85%;
}

	.comparison_btn{	
font-size:12px;
	}	
	

}

/*2024年9月5日の価格改定のためのCSS*/

div.price_change {
	margin:1em auto;
}

.price_change_text{
	display:flex;
	justify-content:center;
}

.price_change_text .price_change p.price_change{
		max-width:100%;
}

.price_change p {
    margin: 1em auto 1em;
    line-height: 1.6em;
	padding:0 10em;
	text-align:left;
	max-width:67%;
}

.price_change .box-design16 p{
    margin: 1em auto 1em;
    line-height: 1.6em;
	text-align:left;
	max-width:96%;	
}

#secPrice .price_change　h2.price_change {
	font-size:1.5rem;
	line-height:1.4em;
	margin:1em auto !important;
	text-align:center;	
}

.center p {
    margin: 1em auto 1em;
    line-height: 1.6em;
	padding:0 10em;
}

h3.price_change{
	font-size:1.5rem;
	line-height:1.4em;
	margin:1em auto;
	text-align:center;
}

.price_change ul{
		line-height:1.8em;
		margin:1em auto;
}

.price_change li{
		line-height:1.8em;
}

div.center{
	display:flex;
	justify-content:center;
}

.box-design16 {
  margin: 20px auto;
	width:50%;
}

.box-design16-ttl {
  background-color: #4c9ac0;
  color: #fff;
  padding: 0.5em 1.5em;
  width: fit-content;
  border-radius: 10px 10px 0 0;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
}
.box-design16-txt {
  padding:1em ;
  border: 2px solid #4c9ac0;
}



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

	.price_change p {
		font-size:14px;
	padding:0 2em;
		max-width:100%;
}

	.price_change ul{
		font-size:14px;
	}
	.box-design16 {
		width:100%;
		padding:0 1.5em;
	}
	
	.box-design16-ttl{
		font-size:14px;
	}
	
	.center p {
			font-size:14px;
		padding:0 2em;
	}
	
	#secPrice .price_change h2.price_change{
	margin:0 auto !important;
}

}

.background_btn02 {
  display: block;
	margin:0 auto;
  color: #fff; /* 文字色 */
  font-weight: bold; /* 文字の太さ */
  width: 100%;
	line-height:1.3em;
  max-width: 350px; /* ボタン幅 */
  text-decoration: none;
  border: 2px solid #F38173; /* 線の色 */
  padding: 1em 2em;
  text-align: center;
  position: relative;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 200% auto;
  background-image: linear-gradient(to right, #fff 0%, #fff 50%, #F38173 50%, #F38173 100%); /* 背景色(マウスオーバー後→前) */
  transition: background-position .8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: background-position .8s cubic-bezier(0.19, 1, 0.22, 1);
}

.background_btn02_arrow {
  display: inline-block;
  padding-left: 1em;
}



.price .print_inner .price_print {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
}
.price .print_inner .price_print th {
 padding: 10px;
 background: #e9faf9;
 border: solid 1px #778ca3;
}
.price .print_inner .price_print td {
 padding: 10px;
 border: solid 1px #778ca3;
}

/*---ここからアイコン吹き出しのCSS---*/

div.balloon{
  display: flex;
  margin:1em auto 1em;
	gap:5px;
}

div.balloonR{
  flex-direction: row-reverse;
}

div.balloon-img{
  width: 120px;
  height: auto;
  flex-shrink: 0;
}

.balloon-img img.balloon-img{
	margin:0 auto;
}

.balloon-text{
  padding: 1em;
  border-radius: 16px;
  position: relative;
  display: flex;
}

.balloon-text-inner{
  margin: 0 auto;
}

.balloon-text::before,.balloon-text::after{
  content: '';
  position: absolute;
  top: 19px;
  font-size: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.balloonL .balloon-text {
    margin: 0 0 0 1em;
    background: #fff;
    border: 1px solid #5c5c5c;
    max-width: fit-content;
    min-width: 50%;
    font-size: 1em;
    text-align: left;
	height:100%;
	line-height:1.6em;
}

.balloonR .balloon-text{
    margin: 0 0 0 1em;
    background: #fff;
    border: 1px solid #5c5c5c;
    max-width: fit-content;
    min-width: 50%;
    font-size: 1em;
    text-align: left;
	height:100%;
	line-height:1.6em;
}

.balloonL .balloon-text::before{
  left: -16px;
  top:32px;
  border-right: 16px solid #5c5c5c;
}
.balloonR .balloon-text::before{
  right: -16px;
	top:32px;
  border-left: 16px solid #5c5c5c;
}

.balloon span.icon_name{
	text-align: center;
    display: block;
    font-size: 11px;
	margin:0.25em auto 0;
	font-weight:600;
	color:#5c5c5c;
}

@media screen and (max-width: 768px) {
	.balloon-img{
		  width: 100px;
	}
.balloon span.icon_name{
    font-size: 12px;
}	
}

/*---ここまでアイコン吹き出しのCSS---*/



/* 予約エリア */
.cv-common.fix .c-cvArea__inner__cta {
	height: 55px;
	align-items: center;
	display: flex;
	justify-content: space-between;
	column-gap: normal;
}
.cv-common.fix .c-cvArea__inner__cta .c-cvArea__inner__list_cta {
	width: 25%;
	position: relative;
	text-align: center;
	justify-content: center;
	flex: 1;
	height: 100%;
}
.cv-common.fix .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu {
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(25 * var(--width-ratio));
	height: calc(20.2 * var(--width-ratio));
	transform: translate(-50%, -50%);
}
.cv-common.fix .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu .cta-menu--bar {
	position: absolute;
	left: 0;
	width: 100%;
	height: calc(1.4 * var(--width-ratio));
	background-color: #000;
}
.cv-common.fix .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu .cta-menu--bar-top {
	top: 0;
}
.cv-common.fix .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu .cta-menu--bar-middle {
	top: calc(9.4 * var(--width-ratio));
}
.cv-common.fix .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu .cta-menu--bar-bottom {
	top: calc(18.8 * var(--width-ratio));
}

.cv-common.fix .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu-link {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	line-height: 0;
}
.cv-common.fix .c-cvArea__inner__cta .cta-menu-link-border::after {
	content: "";
	position: absolute;
	display: inline-block;
	background: #000;
	width: 1px;
	height: 30px;
	right: 0;
	top: 14px;
}
.cv-common.fix .c-cvArea__inner__cta .c-cvArea__inner__list_cta:last-child .cta-menu-link-border::after {
	width: 0;
}
.cv-common.fix .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu-link img {
	width: 45px;
	display: block;
	margin: 0 auto;
}
.cv-common.fix .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu-link .cta-menu-link-text {
	font-size: 10px;
	display: inline-block;
	letter-spacing: .1em;
	font-weight: 600;
	color: #000;
}
.cv-common.fix .cta-text {
	font-size: 14px;
	text-align: center;
	padding: .75em 0 0em;
	letter-spacing: .1em;
	font-weight: 600;
	display: block;
}
.yoyaku {
	width: 80%;
	left: 50%;
	transform: translateX(-50%);
}
.yoyaku .yoyaku_inner_area {
	transform: scale(100%);
	margin-top: 20px;
	letter-spacing: .05em;
}
.yoyaku .yoyaku_inner_area .inner {
	justify-content: left;
	row-gap: 1.5em;
	column-gap: 1.5em;
	margin-bottom: 1em;
}
.yoyaku .inner > div {
	margin: 0 auto;
}
.yoyaku .close_btn {
	margin: 0 auto 1.5em;
}
.yoyaku .close_btn span {
	position: relative;
	left: 47%;
	padding-left: 1em;
	font-size: calc(24* var(--width-ratio));
	line-height: 1.6;
	letter-spacing: 0.1em;
	font-weight: 600;
}
.yoyaku .close_btn.close_top {
	margin-bottom: 0;
}
.yoyaku .close_btn.close_top span {
	left: 70px;
	top: 20px;
}
.yoyaku .inner .btn {
	width: 48% !important;
	margin: 0 !important;
}
.yoyaku .yoyaku_inner_area h3 {
	font-size: 24px;
	letter-spacing: .1em;
}
.yoyaku .yoyaku_inner_area .catchouter .catch {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: .1em;
	margin: 0 auto .5em;
}
.yoyaku .yoyaku_inner_area .tel-area-tab {
	display: flex;
	column-gap: 1em;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
}
.yoyaku .yoyaku_inner_area .tel-area-tab .tel-area {
	background-color: #FFF;
	border-radius: 30px;
	width: 16%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.yoyaku .yoyaku_inner_area .tel-area-tab .tel-area:hover {
	cursor: pointer;
}
.yoyaku .yoyaku_inner_area .tel-area-tab .tel-area.active {
	background-color: #4AC0C4;
}
.yoyaku .yoyaku_inner_area .tel-area-tab .tel-area .tel-area-text {
	display: inline-block;
	padding: .75rem 3rem;
	font-size: 18px;
	letter-spacing: .1em;
}
.yoyaku .yoyaku_inner_area .tel-area-tab .tel-area.active .tel-area-text {
	color: #FFF;
}
.yoyaku .yoyaku_inner_area .tel-area-content .catchouter {
	margin-bottom: 0;
}
.yoyaku .yoyaku_inner_area .tel-area-content .inner {
	width: 72%;
}
.yoyaku .yoyaku_inner_area .tel-area-content .inner .btn .sub_txt {
	font-size: calc(18 * var(--width-ratio));
	width: calc(70 * var(--width-ratio));
	height: calc(42 * var(--width-ratio));
}
.yoyaku .yoyaku_inner_area .tel-area-content .inner .btn .main_txt {
	font-size: 18px;
	line-height: 1.4em;
}
.yoyaku .yoyaku_inner_area .tel-area-content .inner .btn .main_txt .color {
	display: inline-block;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-tab {
	display: flex;
	column-gap: calc(24 * var(--width-ratio));
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-tab .yoyaku-area {
	background-color: #FFF;
	border-radius: 30px;
	letter-spacing: 0.1em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15%;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-tab .yoyaku-area:hover {
	cursor: pointer;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-tab .yoyaku-area.active {
	background-color: #4AC0C4;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-tab .yoyaku-area .yoyaku-area-text {
	display: flex;
	padding: .75rem 2rem;
	font-size: 18px;
	align-items: center;
	justify-content: center;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-tab .yoyaku-area.active .yoyaku-area-text {
	color: #FFF;
}
.yoyaku .yoyaku_inner_area .inner {
	justify-content: left;
	row-gap: 1.5em;
	column-gap: 1.5em;
}
.yoyaku .yoyaku_inner_area .inner .shop {
	aspect-ratio: 1.414 / 1;
	margin: 0 0 calc(18 * var(--width-ratio));
	flex: 0 0 calc((100% - 80px) / 4);
}
.yoyaku .yoyaku_inner_area .inner .shop a {
	position: relative;
	display: inline-block;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1.414 / 1;
}
.yoyaku .yoyaku_inner_area .inner .shop a img {
	height: 100%;
	width: 100%;
	vertical-align: top;
	border-radius: 12px;
}
.yoyaku .yoyaku_inner_area .inner .shop .yoyaku-area-shop {
	position: absolute;
	display: inline-block;
	right: 0;
	bottom: 0;
	background-color: #08131a;
	color: #fff;
	font-size: 18px;
	padding: .5rem;
	font-weight: 600;
	letter-spacing: .1em;
	width: 100%;
	text-align: center;
}

.yoyaku .yoyaku_inner_area .yoyaku-area-flow {
	margin: 3em auto 2em;
	padding: 1em;
	background-color: #FFF;
	width: 700px;
	border-radius: 16px;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow.pc {
	display: block;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow.sp {
	display: none;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap {
	position: relative;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-header {
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	padding: .5em 2em;
	background-color: #4AC0C4;
	color: #FFF;
	border-radius: 100vh;
	text-align: center;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-header p {
	font-size: 18px;
	letter-spacing: .1em;
	font-weight: 600;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content {
	padding: 15px 90px 5px;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner {
	display: flex;
	flex: 1;
	justify-content: space-between;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block {
	text-align: center;
	position: relative;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block.now .yoyaku-area-flow-before {
	content: "";
	position: absolute;
	width: 20px;
	height: 3px;
	border-top: 3px solid #4AC0C4;
	top: -13px;
	left: -5px;
	transform: rotate(50deg);
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block.now .yoyaku-area-flow-center {
	content: "";
	position: absolute;
	width: 55px;
	height: 20px;
	font-size: 16px;
	top: -20px;
	left: 15px;
	font-weight: 600;
	letter-spacing: .075em;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block.now .yoyaku-area-flow-after {
	content: "";
	position: absolute;
	width: 20px;
	height: 3px;
	border-top: 3px solid #4AC0C4;
	top: -13px;
	left: 70px;
	transform: rotate(310deg);
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block::after {
	content: ">";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 30px;
	right: -30px;
	font-size: 16px;
	color: #4AC0C4;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block:last-child::after {
	content: "";
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block img {
	display: block;
	width: 80px;
	border: 3px solid #4AC0C4;
	border-radius: 50%;
	padding: 15px;
	margin: 0 auto;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block p {
	font-size: 13px;
	font-weight: bold;
	margin-top: .5em;
	letter-spacing: .05em;
}
.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-text {
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	letter-spacing: .1em;
	padding-top: .75rem;
	margin-bottom: 1rem;
}
.cta-shop {
	padding: 10vmin 0;
	width: 80%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
	position: fixed;
	height: 100%;
	overflow-y: scroll;
	background-color: rgba(0, 0, 0, 0.8);
	top: 0;
}
.cta-shop .shop_inner_area {
	transform: scale(100%);
	margin-top: 30px;
	letter-spacing: .05em;
}
.cta-shop .inner {
	display: flex;
	flex-wrap: wrap;
	max-width: calc(1020 * var(--width-ratio));
	margin: auto;
}
.cta-shop .inner > div {
	margin: 0 auto 2rem;
}
.cta-shop .close_btn {
	margin-bottom: 50px;
	color: #FFF;
	margin-left: calc(-30 * var(--width-ratio));
	cursor: pointer;
}
.cta-shop .close_btn span::before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: calc(-3 * var(--width-ratio));
	padding: 0;
	width: calc(4 * var(--width-ratio));
	height: calc(30 * var(--width-ratio));
	background-color: #FFF;
	transform: translateY(-50%) rotate(45deg);
}
.cta-shop .close_btn span::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: calc(-16 * var(--width-ratio));
	padding: 0;
	width: calc(30 * var(--width-ratio));
	height: calc(4 * var(--width-ratio));
	background-color: #FFF;
	transform: translateY(-50%) rotate(45deg);
}
.cta-shop .close_btn span {
	position: relative;
	left: 50%;
	padding-left: calc(20* var(--width-ratio));
	font-size: calc(18* var(--width-ratio));
	line-height: 1.76;
	letter-spacing: 0.1em;
}
.cta-shop .close_btn.close_top {
	margin-bottom: 0;
}
.cta-shop .close_btn.close_top span {
	left: 70px;
	top: 20px;
}
.cta-shop .cta-shop-title {
	color: #fff;
	font-size: 32px;
	letter-spacing: .1em;
	margin: 0 auto 1em;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.cta-shop .cta-shop-title {
	font-size: calc(24 * var(--width-ratio));
	margin: 0 auto 0.5em;
}
}

.cta-shop .cta-shop-text {
	color: #fff;
	font-size: 14px;
	text-align: center;
	letter-spacing: .1em;
	margin: auto auto 5vmin;
}
.cta-shop .shop_inner_area h3 {
	font-size: 24px;
	letter-spacing: .1em;
}
.cta-shop .shop_inner_area .catchouter {
	margin: 0 auto;
}
.cta-shop .shop_inner_area .catchouter .catch {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: .1em;
	margin: 0 auto 1em;
}
.cta-shop .shop_inner_area .shop-area-tab {
	display: flex;
	column-gap: calc(24 * var(--width-ratio));
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
}
.cta-shop .shop_inner_area .shop-area-tab .shop-area {
	background-color: #FFF;
	border-radius: 30px;
	letter-spacing: 0.1em;
	width: 25%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cta-shop .shop_inner_area .shop-area-tab .shop-area:hover {
	cursor: pointer;
}
.cta-shop .shop_inner_area .shop-area-tab .shop-area.active {
	background-color: #4AC0C4;
}
.cta-shop .shop_inner_area .shop-area-tab .shop-area .shop-area-text {
	display: inline-block;
	padding: .75rem 3rem;
	font-size: 18px;
}
.cta-shop .shop_inner_area .shop-area-tab .shop-area.active .shop-area-text {
	color: #FFF;
}
.cta-shop .shop_inner_area .inner {
	justify-content: left;
	row-gap: 1.5em;
	column-gap: 1.5em;
}
.cta-shop .shop_inner_area .inner .shop {
	margin: 0 0 calc(20 * var(--width-ratio));
}
.cta-shop .shop_inner_area .inner .shop a {
	position: relative;
	display: inline-block;
	width: 100%;
	object-fit: cover;
}
.cta-shop .shop_inner_area .inner .shop .shop-area-shop {
	position: absolute;
	display: inline-block;
	right: 0;
	bottom: 0;
	background-color: #08131a;
	color: #fff;
	font-size: 12px;
	padding: .5rem;
	font-weight: 600;
	letter-spacing: .075em;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.yoyaku .inner .btn {
		width: 46.8%;
		margin-bottom: .5em !important;
	}
	.yoyaku .inner > div {
		margin: .5em auto .25em;
	}
	.yoyaku .yoyaku_inner_area .tel-area-tab {
		margin: 0 auto 1.5rem;
		column-gap: .75em;
	}
	.yoyaku .yoyaku_inner_area .tel-area-content .catchouter {
		margin: 1em auto 0.5em;
	}
	.yoyaku .yoyaku_inner_area .catchouter .catch {
		font-size: 34px;
		margin: 0 auto;
	}
	.yoyaku .yoyaku_inner_area .tel-area-content .inner {
		width: 100%;
		padding: 0;
		margin: 0 auto .5em;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-tab {
		display: flex;
		column-gap: .75em;
		margin-bottom: 1rem;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-tab .yoyaku-area {
		width: 23%;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 2.25em;
	}
	.cta-shop .shop_inner_area .inner {
		column-gap: 10px;
		row-gap: 15px;
		display: flex;
		justify-content: left;
		width: 90%;
		padding: 0;
		margin: 0 auto .5em;
	}
	.cta-shop .shop_inner_area .inner .shop .shop-area-shop {
		font-size: 10px;
	}
	.cta-shop .shop_inner_area .shop-area-content .shop {
		background-color: #fff;
		border-radius: 15px;
		margin: 0;
	}
	.cta-shop .shop_inner_area .shop-area-content .shop a {
		line-height: .25em;
		width: 100%;
		padding: 10px .1rem;
	}
	.cta-shop .shop_inner_area .shop-area-content .shop .shop-area-text {
		font-size: calc(12 * var(--width-ratio));
		display: inline-block;
		width: 100%;
		text-align: center;
		line-height: 1.4em;
		color: #4AC0C4;
		font-weight: 600;
		padding: 0 .5em;
	}
}

@media screen and (max-width: 750px) {
	.yoyaku {
		width: 100%;
		padding: 10vmin 0 2vmin;
	}
	.yoyaku_tel .inner > div {
		margin: 0 auto .25em;
	}
	.yoyaku_tel .inner > div .main_txt .color {
		margin: 0 0 1em;
		font-size: calc(24 * var(--width-ratio)) !important;
	}
	.yoyaku .inner {
		width: 100%;
		padding: 0 calc(40 * var(--width-ratio)) !important;
	}
	.yoyaku_tel .inner .btn {
		margin-bottom: .25em;
		flex: 0 0 calc((100% - 10px) / 2);
	}
	.yoyaku .inner .btn {
		width: 46.8%;
		margin-bottom: .25em;
	}
	.yoyaku .close_btn {
		margin: 0 auto .5em;
	}
	.yoyaku .close_btn.close_top span {
		left: 15%;
		top: 0;
	}
	.yoyaku .yoyaku_inner_area {
		margin-top: 0.25em;
	}
	.yoyaku .yoyaku_inner_area h3 {
		font-size: 16px;
	}
	.yoyaku .yoyaku_inner_area .tel-area-tab .tel-area {
		width: 24%;
	}
	.yoyaku .yoyaku_inner_area .tel-area-tab .tel-area .tel-area-text {
		padding: .5em 1.5em;
		font-size: 14px;
	}
	.yoyaku .yoyaku_inner_area .tel-area-content .inner {
		width: 90%;
		padding: 0;
		margin: 0 auto .25em;
	}
	.yoyaku .yoyaku_inner_area .cathouter {
		margin-bottom: .5em;
	}
	.yoyaku .yoyaku_inner_area .tel-area-content .inner .btn .sub_txt {
		width: calc(40 * var(--width-ratio));
		height: calc(40 * var(--width-ratio));
	}
	.yoyaku .yoyaku_inner_area .tel-area-content .inner .btn .sub_txt i {
		font-size: calc(14 * var(--width-ratio));
	}
	.yoyaku .yoyaku_inner_area .tel-area-content .inner .btn .main_txt {
		font-size: 10px;
		line-height: 1.6em;
		letter-spacing: .025em;
	}
	.yoyaku .yoyaku_inner_area .tel-area-content .inner .btn .main_txt .color {
		margin-bottom: .5em;
	}
	.yoyaku .yoyaku_inner_area .inner {
		gap: 10px;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-tab {
		display: flex;
		column-gap: .75em;
		margin-bottom: 1.5rem;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-tab .yoyaku-area .yoyaku-area-text {
		padding: .5rem .75rem;
		font-size: 16px;
	}
	.yoyaku .yoyaku_inner_area .catchouter .catch {
		font-size: 16px;
		margin: 0 auto .5em;
	}
	.yoyaku .yoyaku_inner_area .inner .shop {
		aspect-ratio: 1.414 / 1;
		flex: 0 0 calc((100% - 10px) / 2);
		margin: 0 0 .1em;
	}
	.yoyaku .yoyaku_inner_area .inner .shop .yoyaku-area-shop {
		font-size: 12px;
		width: auto;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow {
		width: 90%;
		padding: 0;
		margin: 1.5em auto 1em;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow.pc {
		display: none;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow.sp {
		display: block;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap {
		padding: .5em .75em 0;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-header {
		width: 67%;
		top: -17px;
		padding: .3em;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-header p {
		font-size: 14px;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content {
		padding: .5em 0;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block.now .yoyaku-area-flow-before {
		width: 17px;
		height: 2px;
		border-top: 2px solid #4AC0C4;
		top: -13px;
		left: -4px;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block.now .yoyaku-area-flow-center {
		width: 42px;
		height: 20px;
		font-size: 11px;
		top: -18px;
		left: 12px;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block.now .yoyaku-area-flow-after {
		width: 17px;
		height: 2px;
		border-top: 2px solid #4AC0C4;
		top: -13px;
		left: 52px;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block::after {
		right: -18px;
		top: 15px;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block {
		width: 68px;
		margin-bottom: 0;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block img {
		width: 55px;
		padding: 5px;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block p {
		font-size: 9px;
		margin-top: .75em;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-text {
		font-size: 11px;
		padding-top: 1rem;
		letter-spacing: .05em;
	}
	.cta-shop {
		width: 100%;
	}
	.cta-shop .close_btn span {
		padding-left: calc(10 * var(--width-ratio));
		font-size: calc(28 * var(--width-ratio));
	}
	.cta-shop .close_btn span::before {
		left: calc(-17 * var(--width-ratio));
		width: calc(4 * var(--width-ratio));
		height: calc(30 * var(--width-ratio));
	}
	.cta-shop .close_btn span::after {
		left: calc(-30 * var(--width-ratio));
		width: calc(30 * var(--width-ratio));
		height: calc(4 * var(--width-ratio));
	}
	.cta-shop .inner {
		width: 100%;
		padding: 0 calc(20 * var(--width-ratio));
	}
	.cta-shop .close_btn.close_top span {
		left: 15%;
		top: 0;
	}
	.cta-shop .shop_inner_area {
		margin-top: 0;
	}
	.cta-shop .shop_inner_area h3 {
		font-size: 18px;
	}
	.cta-shop .shop_inner_area .inner {
		gap: 10px;
		display: flex;
		justify-content: left;
		width: 90%;
		padding: 0;
	}
	.cta-shop .shop_inner_area .shop-area-tab {
		display: flex;
		column-gap: .75em;
		margin-bottom: 1.5rem;
	}
	.cta-shop .shop_inner_area .shop-area-tab .shop-area .shop-area-text {
		padding: .65rem 1.25rem;
		font-size: 16px;
	}
	.cta-shop .shop_inner_area .catchouter .catch {
		font-size: 16px;
		margin: 1rem auto 1rem;
	}
	.cta-shop .shop_inner_area .inner .shop {
		flex: 0 0 calc((100% - 10px) / 2);
	}
	.cta-shop .shop_inner_area .shop-area-content .shop {
		background-color: #FFF;
		border-radius: 15px;
	}
	.cta-shop .shop_inner_area .shop-area-content .shop a {
		line-height: .75em;
		width: 100%;
		padding: 10px .1rem;
	}
	.cta-shop .shop_inner_area .shop-area-content .shop .shop-area-text {
		font-size: calc(24 * var(--width-ratio));
		display: inline-block;
		width: 100%;
		text-align: center;
		color: #4AC0C4;
		font-weight: 600;
	}
	.cta-shop .shop_inner_area .shop-area-content .shop .shop-area-text-sm {
		font-size: 9px;
		display: inline-block;
		width: 100%;
		text-align: center;
		color: #4AC0C4;
		font-weight: 600;
	}
	.shop .shop_inner_area .inner .shop .shop-area-shop {
		font-size: 10px;
	}
}

/*AIO パンくずリストのためのCSS*/

.aioseo-breadcrumbs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1em;
    gap: 0.75em;
	max-width:calc(1060 * var(--width-ratio));
	margin:0 auto;
	font-size:calc(13 * var(--width-ratio));
}

@media screen and (max-width: 768px) {
	.aioseo-breadcrumbs {
    padding-left: 0.25em;
	font-size:calc(18 * var(--width-ratio));
}
}

/*クチコミページのためのCSS*/

#reviewspolicy .reviewspolicy{
	max-width:calc(700 * var(--width-ratio));
	margin:2em auto;
	color:#08131a;
}

#reviewspolicy .reviewspolicy-contents{
	max-width:92%;
	margin:0 auto;
}

#reviewspolicy .reviewspolicy h2{
	font-size:calc(20 * var(--width-ratio));
	margin:2em auto 1em;
	font-weight:700;
	letter-spacing:0.1em;
	line-height:1.4em;
	text-align:left;
	border-bottom:0.2em solid #4AC0C4;
		padding-bottom:0.25em;
}

#reviewspolicy .reviewspolicy h3{
	font-size:calc(24 * var(--width-ratio));
	margin:1em auto;
	font-weight:600;
	letter-spacing:0.75em;
	line-height:1.4em;
}

#reviewspolicy .reviewspolicy p{
	font-size:calc(16 * var(--width-ratio));
	margin:0em auto 1em;
	line-height:1.8em;
	font-weight:400;
	letter-spacing:0.05em;
}

#reviewspolicy .reviewspolicy p.center{
	text-align:left;
}

#reviewspolicy .reviewspolicy ul {
	margin:1em auto;
}

#reviewspolicy .reviewspolicy ul li{
	margin:0em auto 0.5em;
}

#reviewspolicy .reviewspolicy p a{
	color:#4285F4;
	font-weight:600;
}

#reviewspolicy .reviewspolicy blockquote{
	margin:1.5em auto;
}

#reviewspolicy .reviewspolicy .blockquote{
    max-width: 600px;
    position: relative;
    padding: 2.5em 2.5em 2em 3em;
	background:#f8f8f8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
	display:block;
	margin:0 auto;
}

#reviewspolicy .reviewspolicy .blockquote:before,
#reviewspolicy .reviewspolicy .blockquote:after {
    display: inline-block;
    position: absolute;
    width: 4em;
    height: 4em;
    content: '';
}

#reviewspolicy .reviewspolicy .blockquote::before {
    top: 0;
    left: 0;
    border-top: 3px solid #2589d0;
    border-left: 3px solid #2589d0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%232589d0'%3E%3C/path%3E%3C/svg%3E");
    background-position: top 35% left 35%;
    background-size: 2em;
    background-repeat: no-repeat;
}

#reviewspolicy .reviewspolicy .blockquote::after {
    bottom: 0;
    right: 0;
    border-bottom: 3px solid #2589d0;
    border-right: 3px solid #2589d0;
}

#reviewspolicy .reviewspolicy .blockquote strong{
	color:red;
	font-weight:600;
	letter-spacing:0.075em;
}

#reviewspolicy .reviewspolicy blockquote cite{
	text-align:right;
	margin:1em auto;
	display:block;
	line-height:1.4em;
	font-size:calc(12 * var(--width-ratio));
}

#reviewspolicy .reviewspolicy blockquote cite a{
	color:#4285F4;
	font-weight:600;
}

@media screen and (max-width: 768px) {
	#reviewspolicy .reviewspolicy{
	margin:1.5em auto 3em;
}

#reviewspolicy .reviewspolicy-contents{
	max-width:100%;
	padding:0 1em;
	margin:0 auto;
}

#reviewspolicy .reviewspolicy h2{
	font-size:calc(32 * var(--width-ratio));
	margin:2em auto 1em;
	line-height:1.4em;
	padding:0 0.5em 0.25em;
}

#reviewspolicy .reviewspolicy p{
	font-size:calc(28 * var(--width-ratio));
	margin:0em auto 0.5em;
}

#reviewspolicy .reviewspolicy blockquote{
	margin:1.5em auto;
}

#reviewspolicy .reviewspolicy .blockquote{
    max-width: 100%;
    padding: 2.5em 1.5em 2em 2em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
	margin:0 auto;
}

#reviewspolicy .reviewspolicy .blockquote:before,
#reviewspolicy .reviewspolicy .blockquote:after {
    display: inline-block;
    position: absolute;
    width: 4em;
    height: 4em;
    content: '';
}

#reviewspolicy .reviewspolicy .blockquote::before {
    border-top: 3px solid #2589d0;
    border-left: 3px solid #2589d0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%232589d0'%3E%3C/path%3E%3C/svg%3E");
    background-position: top 35% left 35%;
    background-size: 2em;
    background-repeat: no-repeat;
}

#reviewspolicy .reviewspolicy .blockquote::after {
    border-bottom: 3px solid #2589d0;
    border-right: 3px solid #2589d0;
}

#reviewspolicy .reviewspolicy blockquote cite{
	margin:0.5em auto;
	line-height:1.4em;
	font-size:calc(20 * var(--width-ratio));
}

}

/*NET予約促進のための電話ポップアップ*/

.yoyaku_telnet .tel_dlg_inner .tel_dlg_bg ul{
    padding: 1em 2em;
    margin: 1em auto;
    font-size: calc(32* var(--width-ratio));
    line-height: 1.4em;
	text-align:left;
}

.yoyaku_telnet .tel_dlg_inner .tel_dlg_bg ul li{
	margin:0 auto 0.5em;
}

.yoyaku_telnet .tel_dlg_inner .tel_dlg_bg ul li span{
	font-weight:600;
}


/*サービス紹介のYOUTUBE動画*/

	#service_youtube div.service_youtube{
		margin:1em auto;
		width:100%;
		text-align:center;
	}
	
	#service_youtube .service_youtube h2{
		font-size:calc(42* var(--width-ratio));
		letter-spacing:0.1em;
		line-height:1.6em;
		margin:0em auto;
	}
	
		#service_youtube .service_youtube p{
		font-size:calc(20* var(--width-ratio));
		letter-spacing:0.05em;
		line-height:1.6em;
		margin:1em auto;
	}
	
	#service_youtube .service_youtube figure{
		margin:1em auto;
		max-width:100%;
		text-align:center;
	}

#service_youtube .service_youtube iframe{
		width:480px;
		height:339px;	
}

@media screen and (max-width: 768px) {
	
		#service_youtube div.service_youtube{
		margin:1.5em auto;
	}
	
		#service_youtube .service_youtube h2{
		line-height:1.4em;
			font-size:calc(36* var(--width-ratio));
	}
	
			#service_youtube .service_youtube p{
		font-size:calc(28* var(--width-ratio));
		line-height:1.4em;
	}
	
		#service_youtube .service_youtube figure{
		margin:1em 1.5em;
		max-width:100%;
			display:flex;
			justify-content:center;
			height:300px;
	}
	
	#service_youtube .service_youtube iframe{
		width:100%;
		height:auto;	
}
	
}

	
	figure.youtube{
				margin:1em auto;
		text-align:center;
	}

@media screen and (max-width: 768px) {
.service_youtube figure {
    max-width: 100%;
    display: flex;
    justify-content: center;
    margin: 1em 1.5em;
}
}