@charset "utf-8";
/*
Theme Name: senzai-studioindi
Template: senzai-studioindi
*/


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

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

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

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



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

body > .wrapper {
	overflow: hidden;
}

h2,h3,h4,h5{
	font-weight:500;
}

a {
	cursor: pointer;
	line-height: 1;
	color: #333;
	transition: 0.5s;
}

a:hover {
	opacity: 0.7;
}

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

@media (min-width: 751px) {
	body {}
}

/* === btn === */
.btn01 {
	background-color: #4385f5;
	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: #4385f5;
	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: #4385f5;
}

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

.btn01 a:hover,
.btn02 a:hover {
	text-decoration: none;
	opacity: 0.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;
}

.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: #4385f5;
}

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

.btn02 .sub_txt {
	background: #4385f5;
	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;
}

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

.yoyaku .inner {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	width: calc(1020 * var(--width-ratio));
}

.yoyaku .inner .btn {
	width: calc(480 * var(--width-ratio));
	height: auto;
	margin: 0 calc(40 * var(--width-ratio)) calc(40 * var(--width-ratio)) 0;
}

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

.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: calc(20 * var(--width-ratio));
	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;
	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;
	transform: rotate(45deg);
}

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

@media (max-width: 750px) {
	#toppage .sec04 .heading h2 {
		margin: 0 auto calc(24 * var(--width-ratio));
		font-size: calc(32 * var(--width-ratio));
	}

	#toppage .sec04 .heading > span {
		font-size: calc(22 * var(--width-ratio));
		line-height: 1.4em;
	}

	.ba_tab_wrap {
		width: 100%;
		margin: calc(92 * var(--width-ratio)) auto 0;
	}

	.ba_tab_area .ba_tab_label {
		font-size: calc(26 * var(--width-ratio));
		font-weight: 400;
	}

	.ba_tab_panel .baImgWrap {
		width: 60%;
		height: auto;
		margin: 0 auto;
		position: relative;
	}

	.twentytwenty-container img {
		height: auto;
		width: 100%
	}

	.twentytwenty-before-label:before,
	.twentytwenty-after-label:before {
		position: absolute;
		background: rgba(255, 255, 255, 0.2);
		line-height: calc(55 * var(--width-ratio));
		padding: 0 calc(20 * var(--width-ratio));
		border-radius: calc(2 * var(--width-ratio));
	}

	.twentytwenty-before-label:before,
	.twentytwenty-after-label:before {
		color: #fff;
		font-size: calc(23 * var(--width-ratio));
		letter-spacing: 0.1em;
	}

	.twentytwenty-horizontal .twentytwenty-after-label:before {
		right: calc(15 * var(--width-ratio));
	}

	.twentytwenty-horizontal .twentytwenty-before-label:before {
		left: calc(15 * var(--width-ratio));
	}

	.twentytwenty-handle {
		height: calc(60 * var(--width-ratio));
		width: calc(60 * var(--width-ratio));
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: calc(-33 * var(--width-ratio));
		margin-top: calc(-33 * var(--width-ratio));
		border: calc(3 * var(--width-ratio)) solid #fff;
		border-radius: calc(1000 * var(--width-ratio));
		box-shadow: 0 0 calc(12 * var(--width-ratio)) rgba(51, 51, 51, 0.5);
		z-index: 40;
		cursor: pointer;
	}

	.twentytwenty-horizontal .twentytwenty-handle:before {
		bottom: 50%;
		margin-bottom: calc(35 * var(--width-ratio));
		box-shadow: 0 calc(3 * var(--width-ratio)) 0 #fff, 0 0 calc(12 * var(--width-ratio)) rgba(51, 51, 51, 0.5);
	}

	.twentytwenty-horizontal .twentytwenty-handle:after {
		top: 50%;
		margin-top: calc(35 * var(--width-ratio));
		box-shadow: 0 calc(-3 * var(--width-ratio)) 0 #fff, 0 0 calc(12 * var(--width-ratio)) rgba(51, 51, 51, 0.5);
	}

	.twentytwenty-left-arrow,
	.twentytwenty-right-arrow {
		top: 50%;
		margin-top: calc(-12 * var(--width-ratio));
	}

	.twentytwenty-left-arrow,
	.twentytwenty-right-arrow,
	.twentytwenty-up-arrow,
	.twentytwenty-down-arrow {
		width: 0;
		height: 0;
		border: calc(12 * var(--width-ratio)) inset transparent;
		position: absolute;
	}

	.twentytwenty-left-arrow {
		border-right: calc(12 * var(--width-ratio)) solid #fff;
		left: 50%;
		margin-left: calc(-30 * var(--width-ratio));
	}

	.twentytwenty-right-arrow {
		border-left: calc(12 * var(--width-ratio)) solid #fff;
		right: 50%;
		margin-right: calc(-30 * var(--width-ratio));
	}

	.ba_tab_panel .baPointArea {
		flex-direction: column;
		width: calc(630 * var(--width-ratio));
		padding: 0;
		margin: calc(130 * var(--width-ratio)) auto 0;
		background: transparent;
	}

	.ba_tab_wrap.male .baPointArea {
		background: transparent;
	}

	.ba_tab_panel .baPointArea > img {
		width: calc(164 * var(--width-ratio));
		top: calc(-120 * var(--width-ratio));
		left: calc(-40 * var(--width-ratio));
	}

	.ba_tab_panel .baPointArea .point {
		display: flex;
		padding: calc(20 * var(--width-ratio)) calc(30 * var(--width-ratio));
		margin: 0 0 calc(30 * var(--width-ratio));
		background: #fff5f8;
	}

	.ba_tab_wrap.male .baPointArea .point {
		background: #eff7f9;
	}

	.ba_tab_panel .baPointArea .point .left {
		display: flex;
		align-items: center;
		width: calc(230 * var(--width-ratio));
	}

	.ba_tab_panel .baPointArea .point .left img {
		width: calc(82 * var(--width-ratio));
		margin: 0 0 0 calc(20 * var(--width-ratio));
	}

	.ba_tab_panel .baPointArea .point .right {
		width: calc(340 * var(--width-ratio));
	}

	.ba_tab_panel .baPointArea .point .left > span {
		margin: 0;
		font-size: calc(37 * var(--width-ratio));
	}

	.ba_tab_panel .baPointArea .point span span {
		margin: 0 calc(4 * var(--width-ratio)) 0 0;
		font-size: calc(22 * var(--width-ratio));
		top: calc(-4 * var(--width-ratio));
	}


    #baBottom .bottom {
        flex-direction: column;
        width: 90%;
        padding: calc(20* var(--width-ratio));
        margin: 0 calc(40* var(--width-ratio)) 0 calc(40* var(--width-ratio));
		border-radius:8px;
	}

	#baBottom .bottom .imgArea {
		width: 100%;
		min-width: auto;
	}

	#baBottom .bottom .txtArea {
		margin: 0;
		padding:0 1em;
	}

	#baBottom .bottom .imgArea img {
		width: 100%;
	}

	#baBottom .bottom .txtArea h3 {
		margin: 1em 0 0.75em;
		font-size: calc(36 * var(--width-ratio));
		text-align:center;
	}

	#baBottom .bottom .txtArea span {
		display: block;
		margin: 0 0 calc(20 * var(--width-ratio));
		font-size: calc(27 * var(--width-ratio));
		line-height: calc(33 * var(--width-ratio));
	}

	#baBottom .bottom .txtArea p {
		font-size: calc(26 * var(--width-ratio))!important;
	}

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

	.btn01 {
		background-color: #4385f5;
		color: #fff;
		border-radius: calc(10 * var(--width-ratio));
		text-align: center;
		position: relative;
	}

	.btn02 a {
		color: #4385f5;
	}

	.btn01 a {
		color: #fff;
	}

	.btn01 a,
	.btn02 a {
		display: block;
		width: 100%;
		transition: 0.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: #4385f5;
		color: #fff;
		font-size: 4rem;
		line-height: 6rem;
	}

	.btn01 .sub_txt i {
		background: #fff;
		color: #4385f5;
		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;
	}

	.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 calc(40 * var(--width-ratio)) 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(31 * var(--width-ratio));
	}

	.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));
		min-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 #000;
}

header > .inner > .top {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: calc(1300* var(--width-ratio));
    padding: calc(8* var(--width-ratio)) 0;
    margin: 0 auto;
    letter-spacing: 0.05em;
}

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

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

header .top .center {
	display: flex;
	flex-direction: column;
}

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

#toppage header .top .center > h1 {
    margin: 0 0 1em;
    font-size: calc(11 * var(--width-ratio));
    letter-spacing: calc(1 * var(--width-ratio));
    color: #b9b9b9;
	font-size:400;
}

header .top .center > span {
    margin: 0 0 0.5em;
    font-size: calc(12 * var(--width-ratio));
    letter-spacing: calc(1 * var(--width-ratio));
    color: #b9b9b9;
    line-height: 1.3em;
}

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

.hShopList {
	display: flex;
	flex-wrap: wrap;
	width: 120%;
	max-width: calc(751 * var(--width-ratio));
}

.hShopList.sp {
	display: none;
}

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

.hShopList li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: calc(30 * var(--width-ratio));
	border-radius: 100vh;
	text-align: center;
	letter-spacing:0.1em;
}

.naraberu li {
    margin-right: calc(5* var(--width-ratio));
    font-size: calc(14 * var(--width-ratio));
    line-height: 1.4em;
    margin-bottom: 0.5em;
}

.naraberu li a {}

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

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

.other a {
	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));
	box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
	letter-spacing:0.05em;
}

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 #1db1b6;
	font-size: calc(12 * var(--width-ratio));
	font-weight: 600;
	line-height: 1;
	color: #1db1b6;
	background-color: #fff;
	transition:0.5s;
	box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
}

header .top .right .hCvArea .tel:hover {
	transform:translatey(-5px);
}

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% 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, rgb(155 149 227), #0ABAB5);
	font-size: calc(16 * var(--width-ratio));
	font-weight: 600;
	color: #fff;
	transition:0.5s;
	box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
}

header .top .right .hCvArea .net:hover {
	transform:translatey(-5px);
}

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

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

header #gNav > ul > li {
	width: 12.45%;
	padding: 0 0 calc(10 * var(--width-ratio));
	line-height: 1;
	position: relative;
}

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

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

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

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

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



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

.cvArea

-------------------------------------------------- */
.cvArea {
	border-top: calc(1 * var(--width-ratio)) solid #A8BABA;
	border-bottom: calc(1 * var(--width-ratio)) solid #A8BABA;
	background-color: #fff;
}

.cvArea > .inner {
    padding: calc(28* var(--width-ratio)) 0;
    text-align: center;
    background: aliceblue;
}

.cvArea > .inner > p {
    font-size: calc(20* var(--width-ratio));
    letter-spacing: 0.1em;
    font-weight: 600;
}

.cvArea .btnWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing:0.1em;
	font-weight:600;
	margin: calc(20 * var(--width-ratio)) 0 0;
}

.cvArea a {
    color: #fff;
    border-radius: 30px;
    height: calc(50* var(--width-ratio));
    line-height: calc(50 * var(--width-ratio));
	  border-radius:30px;
	transition:0.5s;
	box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
}

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

.cvArea .tel {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(288 * var(--width-ratio));
	margin: 0 calc(20 * var(--width-ratio)) 0 0;
	background: #A8BABA;
}

.cvArea .net {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(402 * var(--width-ratio));
	background-image: linear-gradient(90deg, rgb(155 149 227), #0ABAB5);
}

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

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

#toppage

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
/* --------------------------------------------------

.topMv

-------------------------------------------------- */
#toppage .topMv {
	line-height: 0;
	position: relative;
}

#toppage .topMv img {
	width: 100%;
}

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

#toppage .sec

-------------------------------------------------- */
#toppage .sec {
    padding: calc(36* var(--width-ratio)) 0 calc(48* var(--width-ratio));
    margin: 0 auto;
}

#toppage .sec .heading h2 {
    margin: 0 0 1em;
    font-size: calc(36* var(--width-ratio));
    text-align: center;
    line-height: 1.4em;
    font-weight: 600;
    letter-spacing: 0.1em;
}

#toppage .sec .heading span {
	font-size: calc(22 * var(--width-ratio));
	letter-spacing: 0.05em;
}

#toppage .sec .heading span label{
	font-size:1.1em;
	margin:0 0.1em;
	font-weight:600;
}

/*#toppage .sec p{
font-size: calc(17 * var(--width-ratio));
line-height: 2;
}*/


#toppage .price sec p {
	font-size: calc(14 * var(--width-ratio));
	line-height: 1.5;
}

a.more {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2em auto 0;
	border: solid 0.1em #1db1b6;
	background-color: #fff;
	font-size: calc(16 * var(--width-ratio));
	color: #1db1b6;
	padding:1em 1em;
	position: relative;
	border-radius:30px;
	letter-spacing:0.075em;
	box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
	transition:0.5s;
	width:25%;
	font-weight:600;
}

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

a.more:not(.keyword):before {
	content: '';
	display: none;
	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 #1db1b6;
	position: absolute;
	top: 50%;
	right: calc(18 * var(--width-ratio));
	transform: translate(0, -50%);
}

a.more2 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(330 * var(--width-ratio));
	height: calc(45 * var(--width-ratio));
	line-height: calc(45 * var(--width-ratio));
	margin: 0 auto 0;
	border: solid calc(2 * var(--width-ratio)) #1db1b6;
	background-color: #fff;
	font-size: calc(16 * var(--width-ratio));
	color: #1db1b6;
	font-weight:550;
	position: relative;
	border-radius:30px;
	transition:0.5s;
	box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);
}

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

a.more2:not(.keyword):before {
	content: '';
	display: none;
	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 #1db1b6;
	position: absolute;
	top: 50%;
	right: calc(20 * var(--width-ratio));
	transform: translate(0, -50%);
}

#toppage .sec a.more {
	margin: 3em auto 0;
}

#toppage .sec a.more:not(.keyword):before {
	content: '';
	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 #1db1b6;
	position: absolute;
	top: 50%;
	right: calc(20 * var(--width-ratio));
	transform: translate(0, -50%);
}


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

.topPolicy

-------------------------------------------------- */
#topPolicy  div.heading{
	width:50%;
}

#toppage .topPolicy p {
    margin: 0 auto 1em;
    line-height: 1.6em;
    text-align: left;
    width: 30%;
}

#toppage .topPolicy p.center{
	text-align:center;
	font-size:1.2em;
}


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

.topService

-------------------------------------------------- */
#toppage .topService {
	background: linear-gradient(90deg, rgb(249 243 249), rgb(218 251 255));
	width:100%;
	margin:0 auto;
}

#toppage .topService .txtArea{
	background-color:#fff;
	padding:0.75em 0.5em;
	height:160px;
	border-radius:0;
}

@media screen and (max-width: 768px) {
	#toppage .topService .txtArea{
	height:auto;
}
}

#toppage .topService ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 67%;
        margin: calc(36* var(--width-ratio)) auto calc(48* var(--width-ratio));
    }

#toppage .topService li {
	width: calc((100% - ((32 * 2) * var(--width-ratio))) / 3);
	margin: 0 calc(32 * var(--width-ratio)) calc(28 * var(--width-ratio)) 0;
	overflow: hidden;
	height:calc(320 * var(--width-ratio));
}

#toppage .topService li:nth-child(3) {
	margin: 0 0 calc(28 * var(--width-ratio));
}

#toppage .topService li:nth-child(5) {
	margin: 0 0 calc(28 * var(--width-ratio));
}

#toppage .topService li .imgArea {
	line-height: 0;
}

#toppage .topService li .imgArea img {
	width: 100%;
}

#toppage .topService li .txtArea h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.5em;
    font-size: calc(18 * var(--width-ratio));
    line-height: 1.3em;
	letter-spacing:0.075em;
	font-weight:600;
}

#toppage .topService li .txtArea p {
    padding: 0 0rem 1em;
    font-size: calc(15* var(--width-ratio));
    line-height: 1.4em;
    width: 78%;
    margin: 0 auto;
}


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

.sec03

-------------------------------------------------- */
#toppage .sec03 {
	background: url(../img/top/sec03-bg.jpg) 50%/cover;
}

#toppage .sec03 > .inner {
	display: flex;
	align-items: center;
	width: 96%;
	max-width: calc(1000 * var(--width-ratio));
	height: calc(377 * var(--width-ratio));
	margin: 0 auto;
	text-align: left;
}

#toppage .sec03 .heading h2 {
    font-size: calc(42 * var(--width-ratio));
    font-weight: 600;
    line-height: 1.6em;
    letter-spacing: 0.1em;
    color: #fff;
	text-align:left;
}

#toppage .sec03 .heading span {
    font-size: calc(28 * var(--width-ratio));
    font-weight: 200;
    line-height: 1.6em;
    letter-spacing:0.1em;
    color: #fff;
    margin: 0 auto;
}

@media (max-width: 750px) {
	#toppage .sec03 {
		padding: 0;
		background: url(../img/top/sec03-bg-sp.jpg) 50%/cover;
	}

	#toppage .sec03 > .inner {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		width: 100%;
		height: calc(439 * var(--width-ratio));
		text-align: center;
	}

	#toppage .sec03 .heading {
		margin: 0 0 calc(32 * var(--width-ratio));
	}

	#toppage .sec03 .heading h2 {
		margin: 0 0 calc(12 * var(--width-ratio));
		font-size: calc(40 * var(--width-ratio));
		font-weight: 200;
		line-height: calc(57 * var(--width-ratio));
		letter-spacing: calc(2 * var(--width-ratio));
		color: #fff;
	}

	#toppage .sec03 .heading span {
		font-size: calc(25 * var(--width-ratio));
		font-weight: 200;
		line-height: calc(30 * var(--width-ratio));
		letter-spacing: calc(2 * var(--width-ratio));
		color: #fff;
	}
}


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

.sec04

-------------------------------------------------- */
#toppage .sec04 {
	padding: calc(36 * var(--width-ratio)) 0 calc(48 * var(--width-ratio));
}

#toppage .sec04 .heading {
	text-align: center;
}

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

#toppage .sec04 .heading span {
    font-size: calc(22 * var(--width-ratio));
    font-weight: 400;
    line-height: 1.4em;
}
#toppage .sec04 .heading > span {
	display: block;
	margin: 0 0 calc(36 * var(--width-ratio));
	letter-spacing:0.05em
}

#toppage .sec04 .heading span .woman {
	color: #ff7fa1;
	cursor: pointer;
}

#toppage .sec04 .heading span .man {
	color: #408fff;
	cursor: pointer;
}

#beforeAfter > span {
	display: block;
	margin: 0 0 calc(80 * var(--width-ratio));
	font-size: calc(21 * var(--width-ratio));
	font-weight: 600;
	line-height: 1;
	text-align: center;
}

#beforeAfter > span .woman {
	color: #ff7fa1;
	cursor: pointer;
}

#beforeAfter > span .man {
	color: #408fff;
	cursor: pointer;
}

.ba_tab_wrap {
	width: 100%;
	margin: 1.5em auto 0;
}

.ba_tab_area {
	display: flex;
	justify-content: center;
	width: 100%;
	gap:4px;
	border-bottom: 0.1em solid #adadad;
	margin:0 auto;
	max-width:calc(1200 * var(--width-ratio));
}

.ba_tab_area .ba_tab_label {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(345 * var(--width-ratio));
	height: calc(65 * var(--width-ratio));
  padding:0.75em 1em;
	margin: 0 auto;
	background: #e2e2e2;
	border: .1em solid #adadad;
	border-bottom: none;
	text-align: center;
	font-size: calc(13 * var(--width-ratio));
	color: #727172;
	cursor: pointer;
	transition: ease 0.2s opacity;
}

.ba_tab_area label:hover {
	opacity: 0.8;
}

@media screen and (max-width: 768px) {
	.ba_tab_area .ba_tab_label {
		padding: .5em .25em;
	}
}

.ba_tab_area .ba_tab_label h3 {
	font-size: calc(22 * var(--width-ratio));
	font-weight: 400;
	line-height:1.2em;
  letter-spacing:0.1em;
}

.ba_tab_panel {
	width: 100%;
	height: 0;
	display: none;
	opacity: 0;
	visibility: hidden;
}

.ba_tab_panel .baWrap {
	margin: 0;
}

.ba_tab_panel .baWrap .baTtl {
	text-align: center;
	margin-bottom:1rem;
	 padding: 0 0 0.1em;
}
	

.ba_tab_panel .baWrap .baTtl h4 {
	display: inline-block;
    padding: 0 0 0.1em;
    margin: 0 0 calc(24* var(--width-ratio));
    font-size: calc(28 * var(--width-ratio));
    font-weight: 500;
    text-align: center;
    line-height: 1.4em;
    border-bottom: 3px solid #0ABAB5;
}

.ba_tab_panel .baWrap > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(500* var(--width-ratio));
    height: calc(50* var(--width-ratio));
    line-height: 1.5em;
    margin: 0 auto 1em;
    letter-spacing: 0.075em;
    background: #F098A2;
    font-size: calc(28 * var(--width-ratio));
    color: #fff;
    position: relative;
    border-radius: 8px;
}

.ba_tab_wrap.male .baWrap > span {
	background: #0ABAB5;
}

.ba_tab_panel .baWrap > span: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 calc(17.5 * var(--width-ratio));
	border-color: #F098A2 transparent transparent transparent;
	position: absolute;
	bottom: calc(-15 * var(--width-ratio));
	left: 50%;
	transform: translate(-50%, 0);
}

.ba_tab_wrap.male .baWrap > span:before {
	border-color: #0ABAB5 transparent transparent transparent;
}

.ba_tab_panel .baImgWrap {
    width: calc(330* var(--width-ratio));
    height: calc(465* var(--width-ratio));
    margin: 0 auto;
    position: relative;
}

.ba_tab_panel .baImgBottom {
  width: calc(550* var(--width-ratio));
  margin: calc(25* var(--width-ratio)) auto 0;
  position: relative;
}

.ba_tab_panel .baImgBottom .slideTxt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(230* var(--width-ratio));
    height: calc(40* 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(14 * var(--width-ratio));
    position: relative;
    box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
}

.ba_tab_panel .baImgBottom .slideTxt .hand {
    position: absolute;
    right: calc(-10* var(--width-ratio));
    top: calc(12* var(--width-ratio));
    width: calc(35* var(--width-ratio));
}

.ba_tab_panel .beforeTxt {
    cursor: pointer;
    position: absolute;
    top: calc(5* var(--width-ratio));
    left: calc(50* var(--width-ratio));
    width: calc(75* var(--width-ratio));
}

.ba_tab_panel .afterTxt {
    cursor: pointer;
    position: absolute;
    top: calc(5* var(--width-ratio));
    right: calc(50* var(--width-ratio));
    width: calc(75* var(--width-ratio));
}

.ba_tab_panel .beforeTxt:hover,
.ba_tab_panel .afterTxt:hover {
  opacity: .7;
}

.ba_tab_panel .baPointArea {
	display: flex;
	width: calc(870 * var(--width-ratio));
	padding: calc(15 * var(--width-ratio)) 0 calc(10 * var(--width-ratio)) calc(70 * var(--width-ratio));
	margin: calc(60 * var(--width-ratio)) auto 0;
	background: linear-gradient(90deg, rgb(249 243 249), rgb(218 251 255));
	position: relative;
	box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);
	border-radius:25px
}

/*.ba_tab_wrap.male .baPointArea {
	background: #F0F7FD;
}*/

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

.ba_tab_panel .baPointArea .point {
	display: flex;
	margin: 0 calc(20 * var(--width-ratio)) 0 0;
}

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

.ba_tab_panel .baPointArea .point .left {
	width: calc(80 * var(--width-ratio));
}

.ba_tab_panel .baPointArea .point .right {
	width: calc(155 * var(--width-ratio));
	margin: 0 0 calc(20 * var(--width-ratio)) calc(12 * var(--width-ratio));
}

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

.ba_tab_panel .baPointArea .point .left img {
	max-width: 100%;
}

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

.ba_tab_panel .baPointArea .point h5 {
  margin: 1em auto 0.5em;
  font-size: calc(15 * var(--width-ratio));
  letter-spacing:0.075em;
  font-weight:600;
  line-height: 1.4em;
  text-align: left;
}

.ba_tab_panel .baPointArea .point p {
	font-size: calc(14 * var(--width-ratio));
	line-height: 1.6em;
	letter-spacing:0.05em;
	text-align: left;
}

#ba_tab1:checked ~ .ba_tab_area .ba_tab1_label {
	background: #F098A2;
	border: none;
	color: #fff;
	opacity: 1;
}

#ba_tab7:checked ~ .ba_tab_area .ba_tab7_label {
	background: #1db1b6;
	border: none;
	color: #fff;
	opacity: 1;
}

#ba_tab1:checked ~ .ba_panel_area #ba_panel1,
#ba_tab7:checked ~ .ba_panel_area #ba_panel7 {
  display: block;
	height: auto;
	opacity: 1;
	visibility: visible;
}

#ba_tab2:checked ~ .ba_tab_area .ba_tab2_label,
#ba_tab3:checked ~ .ba_tab_area .ba_tab3_label,
#ba_tab4:checked ~ .ba_tab_area .ba_tab4_label,
#ba_tab5:checked ~ .ba_tab_area .ba_tab5_label,
#ba_tab6:checked ~ .ba_tab_area .ba_tab6_label {
	background: #F098A2;
	border: none;
	color: #fff;
	opacity: 1;
}

#ba_tab8:checked ~ .ba_tab_area .ba_tab8_label,
#ba_tab9:checked ~ .ba_tab_area .ba_tab9_label,
#ba_tab10:checked ~ .ba_tab_area .ba_tab10_label,
#ba_tab11:checked ~ .ba_tab_area .ba_tab11_label,
#ba_tab12:checked ~ .ba_tab_area .ba_tab12_label {
	background: #1db1b6;
	border: none;
	color: #fff;
	opacity: 1;
}

#ba_tab2:checked ~ .ba_panel_area #ba_panel2,
#ba_tab3:checked ~ .ba_panel_area #ba_panel3,
#ba_tab4:checked ~ .ba_panel_area #ba_panel4,
#ba_tab5:checked ~ .ba_panel_area #ba_panel5,
#ba_tab6:checked ~ .ba_panel_area #ba_panel6,
#ba_tab8:checked ~ .ba_panel_area #ba_panel8,
#ba_tab9:checked ~ .ba_panel_area #ba_panel9,
#ba_tab10:checked ~ .ba_panel_area #ba_panel10,
#ba_tab11:checked ~ .ba_panel_area #ba_panel11,
#ba_tab12:checked ~ .ba_panel_area #ba_panel12 {
	display: block;
	height: auto;
	opacity: 1;
	visibility: visible;
}

#ba_tab1:checked ~ .ba_panel_area #ba_panel1 .baWrap,
#ba_tab2:checked ~ .ba_panel_area #ba_panel2 .baWrap,
#ba_tab3:checked ~ .ba_panel_area #ba_panel3 .baWrap,
#ba_tab4:checked ~ .ba_panel_area #ba_panel4 .baWrap,
#ba_tab5:checked ~ .ba_panel_area #ba_panel5 .baWrap,
#ba_tab6:checked ~ .ba_panel_area #ba_panel6 .baWrap,
#ba_tab7:checked ~ .ba_panel_area #ba_panel7 .baWrap,
#ba_tab8:checked ~ .ba_panel_area #ba_panel8 .baWrap,
#ba_tab9:checked ~ .ba_panel_area #ba_panel9 .baWrap,
#ba_tab10:checked ~ .ba_panel_area #ba_panel10 .baWrap,
#ba_tab11:checked ~ .ba_panel_area #ba_panel11 .baWrap,
#ba_tab12:checked ~ .ba_panel_area #ba_panel12 .baWrap {
	margin: 1.5em 0 calc(60 * var(--width-ratio));
}

#baBottom .bottom {
    display: flex;
    width: calc(860* var(--width-ratio));
    margin: 0 auto;
    padding: calc(36* var(--width-ratio));
    background: linear-gradient(90deg, rgb(249 243 249), rgb(218 251 255));
    border-radius: 30px;
}

#baBottom .bottom .imgArea {
	width: calc(430 * var(--width-ratio));
	min-width: calc(430 * var(--width-ratio));
}

#baBottom .bottom .imgArea img {
	width: 100%;
}

#baBottom .bottom .txtArea {
    margin: 0 0 0 2rem;
    text-align: left;
    padding: 1rem 0;
}

#baBottom .bottom .txtArea h3 {
    margin: 0 0 0.5em;
    font-size: calc(24 * var(--width-ratio));
    line-height: 1.4em;
    font-weight: 600;
    padding: 0 1.5rem;
    letter-spacing: 0.1em;
    color: #0ABAB5;
}

#baBottom .bottom .txtArea span {
	display: block;
	margin: 0 0 calc(15 * var(--width-ratio));
	font-size: calc(23 * var(--width-ratio));
	line-height: calc(33 * var(--width-ratio));
}

#baBottom .bottom .txtArea p {
    line-height: 1.6em;
    padding: 0 1.5rem;
    font-size: calc(16 * var(--width-ratio));
	letter-spacing:0.075em;
}

@media (max-width: 750px) {
	#toppage .sec04 .heading h2 {

		margin: 0 auto calc(24 * var(--width-ratio));

		font-size: calc(34 * var(--width-ratio));

	}



	#toppage .sec04 .heading > span {

		font-size: calc(22 * var(--width-ratio));

		line-height: calc(40 * var(--width-ratio));

	}



	#beforeAfter > span {

		margin: calc(60 * var(--width-ratio)) 0 calc(80 * var(--width-ratio));

		font-size: calc(22 * var(--width-ratio));

		font-weight: 600;

		line-height: 1.5;

	}



	.ba_tab_wrap {

		width: 100%;

		margin: calc(92 * var(--width-ratio)) auto 0;

	}



	.ba_tab_area .ba_tab_label {

		font-size: calc(26 * var(--width-ratio));

		font-weight: 400;

	}



	.ba_tab_panel .baImgWrap {

		width: 60%;

		height: auto;

		margin: 0 auto;

		position: relative;

	}



	.twentytwenty-before-label:before,

	.twentytwenty-after-label:before {

		position: absolute;

		background: rgba(255, 255, 255, 0.2);

		line-height: calc(55 * var(--width-ratio));

		padding: 0 calc(20 * var(--width-ratio));

		border-radius: calc(2 * var(--width-ratio));

	}



	.twentytwenty-before-label:before,

	.twentytwenty-after-label:before {

		color: #fff;

		font-size: calc(23 * var(--width-ratio));

		letter-spacing: 0.1em;

	}



	.twentytwenty-horizontal .twentytwenty-after-label:before {

		right: calc(15 * var(--width-ratio));

	}



	.twentytwenty-horizontal .twentytwenty-before-label:before {

		left: calc(15 * var(--width-ratio));

	}



	.twentytwenty-handle {

		height: calc(60 * var(--width-ratio));

		width: calc(60 * var(--width-ratio));

		position: absolute;

		left: 50%;

		top: 50%;

		margin-left: calc(-33 * var(--width-ratio));

		margin-top: calc(-33 * var(--width-ratio));

		border: calc(3 * var(--width-ratio)) solid #fff;

		border-radius: calc(1000 * var(--width-ratio));

		box-shadow: 0 0 calc(12 * var(--width-ratio)) rgba(51, 51, 51, 0.5);

		z-index: 40;

		cursor: pointer;

	}



	.twentytwenty-horizontal .twentytwenty-handle:before {

		bottom: 50%;

		margin-bottom: calc(35 * var(--width-ratio));

		box-shadow: 0 calc(3 * var(--width-ratio)) 0 #fff, 0 0 calc(12 * var(--width-ratio)) rgba(51, 51, 51, 0.5);

	}



	.twentytwenty-horizontal .twentytwenty-handle:after {

		top: 50%;

		margin-top: calc(35 * var(--width-ratio));

		box-shadow: 0 calc(-3 * var(--width-ratio)) 0 #fff, 0 0 calc(12 * var(--width-ratio)) rgba(51, 51, 51, 0.5);

	}



	.twentytwenty-left-arrow,

	.twentytwenty-right-arrow {

		top: 50%;

		margin-top: calc(-12 * var(--width-ratio));

	}



	.twentytwenty-left-arrow,

	.twentytwenty-right-arrow,

	.twentytwenty-up-arrow,

	.twentytwenty-down-arrow {

		width: 0;

		height: 0;

		border: calc(12 * var(--width-ratio)) inset transparent;

		position: absolute;

	}



	.twentytwenty-left-arrow {

		border-right: calc(12 * var(--width-ratio)) solid #fff;

		left: 50%;

		margin-left: calc(-30 * var(--width-ratio));

	}



	.twentytwenty-right-arrow {

		border-left: calc(12 * var(--width-ratio)) solid #fff;

		right: 50%;

		margin-right: calc(-30 * var(--width-ratio));

	}



	.ba_tab_panel .baPointArea {

		flex-direction: column;

		width: calc(630 * var(--width-ratio));

		padding: 0;

		margin: calc(130 * var(--width-ratio)) auto 0;

		background: transparent;

	}



	.ba_tab_wrap.male .baPointArea {

		background: transparent;

	}



	.ba_tab_panel .baPointArea > img {

		width: calc(164 * var(--width-ratio));

		top: calc(-120 * var(--width-ratio));

		left: calc(-40 * var(--width-ratio));

	}



	.ba_tab_panel .baPointArea .point {

		display: flex;

		padding: calc(20 * var(--width-ratio)) calc(30 * var(--width-ratio));

		margin: 0 0 calc(30 * var(--width-ratio));

		background: #fff5f8;

	}



	.ba_tab_wrap.male .baPointArea .point {

		background: #eff7f9;

	}



	.ba_tab_panel .baPointArea .point .left {

		display: flex;

		align-items: center;

		width: calc(230 * var(--width-ratio));

	}



	.ba_tab_panel .baPointArea .point .left img {

		width: calc(82 * var(--width-ratio));

		margin: 0 0 0 calc(20 * var(--width-ratio));

	}



	.ba_tab_panel .baPointArea .point .right {

		width: calc(340 * var(--width-ratio));

	}



	.ba_tab_panel .baPointArea .point .left > span {

		margin: 0;

		font-size: calc(37 * var(--width-ratio));

	}



	.ba_tab_panel .baPointArea .point span span {

		margin: 0 calc(4 * var(--width-ratio)) 0 0;

		font-size: calc(22 * var(--width-ratio));

		top: calc(-4 * var(--width-ratio));

	}





    #baBottom .bottom {

        flex-direction: column;

        width: 90%;

        padding: calc(20* var(--width-ratio));

        margin: 0 calc(40* var(--width-ratio)) 0 calc(40* var(--width-ratio));

		border-radius:8px;

	}



	#baBottom .bottom .imgArea {

		width: 100%;

		min-width: auto;

	}




	#baBottom .bottom .txtArea {
        margin: 0 auto;
        padding: 0 1em;
        width: 100%;
    }



	#baBottom .bottom .imgArea img {

		width: 100%;

	}



    #baBottom .bottom .txtArea h3 {
        margin: 1em auto 0.5em;
        font-size: calc(36 * var(--width-ratio));
    }



	#baBottom .bottom .txtArea span {

		display: block;

		margin: 0 0 calc(20 * var(--width-ratio));

		font-size: calc(27 * var(--width-ratio));

		line-height: calc(33 * var(--width-ratio));

	}


}




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

.sec05

-------------------------------------------------- */
#toppage .sec05 {
	padding: calc(48 * var(--width-ratio)) 0 calc(60 * var(--width-ratio));
}

#toppage .sec05 .heading h2 {
	margin: 0 0 calc(48 * var(--width-ratio));
	font-size: calc(28 * var(--width-ratio));
	line-height: 1.4em;
}

#toppage .sec05 ul {
	width: calc(880 * var(--width-ratio));
	margin: 0 auto;
}

#toppage .sec05 li {
	display: flex;
	align-items: flex-start;
}

#toppage .sec05 li .left {
    width: calc(400* var(--width-ratio));
    padding: calc(60* var(--width-ratio)) calc(60* var(--width-ratio));
    text-align: left;
    position: relative;
    border: solid calc(1* var(--width-ratio)) #0ABAB5;
    background-color: #edffff;
    border-radius: 16px;
    box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
}

#toppage .sec05 li .left:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(20* var(--width-ratio)) 0 calc(20* var(--width-ratio)) calc(25* var(--width-ratio));
    border-color: transparent transparent transparent #0ABAB5;
    position: absolute;
    bottom: 60px;
    right: calc(-40* var(--width-ratio));
}

#toppage .sec05 li .left h3 {
	font-size: calc(20 * var(--width-ratio));
	line-height: 1.6em;
	font-weight: 600;
	letter-spacing:0.1em;
	position: relative;
}

#toppage .sec05 li .left h3:before {
	content: '';
	display: block;
	width: calc(27 * var(--width-ratio));
	height: calc(43 * var(--width-ratio));
	border-top: calc(1 * var(--width-ratio)) solid #000;
	border-left: calc(1 * var(--width-ratio)) solid #000;
	position: absolute;
	top: calc(-25 * var(--width-ratio));
	left: calc(-25 * var(--width-ratio));
}

#toppage .sec05 li .left h3:after {
	content: '';
	display: block;
	width: calc(27 * var(--width-ratio));
	height: calc(43 * var(--width-ratio));
	border-bottom: calc(1 * var(--width-ratio)) solid #000;
	border-right: calc(1 * var(--width-ratio)) solid #000;
	position: absolute;
	bottom: calc(-25 * var(--width-ratio));
	right: calc(-25 * var(--width-ratio));
}

#toppage .sec05 li .left img {
	position: absolute;
	z-index: 1;
	display:none;
}

#toppage .sec05 li:nth-child(1) .left img {
	top: calc(100 * var(--width-ratio));
	left: calc(-35 * var(--width-ratio));
}

#toppage .sec05 li:nth-child(2) .left img {
	top: calc(210 * var(--width-ratio));
	left: calc(275 * var(--width-ratio));
}

#toppage .sec05 li:nth-child(3) .left img {
	top: calc(160 * var(--width-ratio));
	left: calc(230 * var(--width-ratio));
}

#toppage .sec05 li:nth-child(4) .left img {
	top: calc(170 * var(--width-ratio));
	left: calc(30 * var(--width-ratio));
}

#toppage .sec05 li .right {
    width: calc(440* var(--width-ratio));
    padding: 2.5em 3em;
    margin: calc(72* var(--width-ratio)) 0 0 calc(52* var(--width-ratio));
    background: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
    text-align: left;
    border-radius: 25px;
    box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
}

#toppage .sec05 li .right h4 {
	font-size: calc(20 * var(--width-ratio));
	line-height: 1.4em;
	font-weight: 600;
	letter-spacing:0.075em;
	margin-bottom: 1em;
}

#toppage .sec05 li .right p {
    font-size: 1rem;
    line-height: 1.8em;
    margin-bottom: 0.5em;
	letter-spacing:0.05em;
}




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

.price

-------------------------------------------------- */
.price {
	padding: calc(52 * var(--width-ratio)) 0 calc(100 * var(--width-ratio));
	background: linear-gradient(90deg, rgb(249 243 249), rgb(218 251 255));
	text-align: center;
}

.price_btn_area{
margin:0 auto calc(48 * var(--width-ratio));	
}

.price .heading {
	text-align: center;
}

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

#toppage .price .heading h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 0.5em;
	font-size: calc(36 * var(--width-ratio));
	font-weight: 600;
	letter-spacing:0.1em;
	line-height: 1.4em;
}

.price .heading span {
	font-size: calc(17 * var(--width-ratio)) !important;
	font-weight: 600;
	line-height: calc(25 * var(--width-ratio));
}

.price .heading > span {
	display: block;
	margin: 0 0 calc(36 * var(--width-ratio));
}

.price .heading span span {
	color: #408fff;
}

.tab_wrap {
	width: calc(885 * var(--width-ratio));
	margin: calc(120 * var(--width-ratio)) auto 0;
}

input[type="radio"] {
	display: none;
}

.tab_area {
	display: flex;
	width: 100%;
}

.tab_area label {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(120 * var(--width-ratio));
	height: calc(170 * var(--width-ratio));
	margin: 0 calc(4 * var(--width-ratio)) 0 0;
	border-radius: calc(10 * var(--width-ratio)) calc(10 * var(--width-ratio)) 0 0;
	color: #fff;
	background: #777;
	text-align: center;
	font-size: calc(13 * var(--width-ratio));
	cursor: pointer;
	transition: ease 0.2s opacity;
	opacity: .5;
}

.tab_area label:hover {
	opacity: 0.8;
}

.tab_area label.tab1_label img {
	width: calc(73 * var(--width-ratio));
}

.tab_area label.tab2_label img {
	width: calc(95 * var(--width-ratio));
}

.tab_panel {
	width: 100%;
	display: none;
}

#tab1:checked ~ .tab_area .tab1_label {
	background: #1db1b6;
	opacity: 1;
}

#tab1:checked ~ .panel_area #panel1 {
	display: block;
}

#tab2:checked ~ .tab_area .tab2_label {
	background: #1db1b6;
	opacity: 1;
}

#tab2:checked ~ .panel_area #panel2 {
	display: block;
}

.price .tab_area {
	position: relative;
}

.price .tab_area > img {
	position: absolute;
	bottom: calc(5 * var(--width-ratio));
	left: 50%;
	width: calc(192 * var(--width-ratio));
	transform: translate(-50%, 0);
}

.price .tab_area .balloon01 {
	display: none;
	/*align-items: center;
	justify-content: center;
	width: calc(230 * var(--width-ratio));
	height: calc(223 * var(--width-ratio));
	background: url(../img/top/sec06-balloon.png) 50%/cover;
	font-size: calc(22 * var(--width-ratio));
	line-height: calc(39 * var(--width-ratio));
	color: #fff;
	position: absolute;
	bottom: calc(175 * var(--width-ratio));
	right: 0;*/
}

.price .tab_area .balloon02 {
	display: flex;
	align-items: center;
	height: calc(150 * var(--width-ratio));
	padding: 0 0 0 calc(4 * var(--width-ratio));
	background: url(../img/top/sec06-bg.png) no-repeat left center/auto 100%;
	font-size: calc(24 * var(--width-ratio));
	letter-spacing: calc(2 * var(--width-ratio));
	line-height: calc(37 * var(--width-ratio));
	color: #001A49;
	position: absolute;
	bottom: calc(30 * var(--width-ratio));
	right: calc(10 * var(--width-ratio));
}

.price .tab_area label span {
	display: block;
	margin: calc(12 * var(--width-ratio)) 0 0;
	font-size: calc(20 * var(--width-ratio));
}

.price table {
	display: block;
	width: 100%;
	border: calc(1 * var(--width-ratio)) solid #000;
	background: #fff;
	margin:0 auto 0.5em;
}

.price thead,
.price tbody {
	display: block;
	width: 100%;
}

.price tr {
    display: flex;
    width: 100%;
    /*border-bottom: 1px solid #858585;*/
}

.price th.coupon,
.price tr.coupon,
.price td.coupon {
	background: #1DB1B6;
}

.price tr.coupon {
	background: #1DB1B6;
}

.price th,
.price td {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% / 3);
	line-height:1.3em;
	height: calc(50 * var(--width-ratio));
	font-size: calc(16 * var(--width-ratio));
	font-weight: 400;
	position: relative;
}

.price th {
	font-size: 1rem;
}

.fs29 {
	font-size: calc(29 * var(--width-ratio));
}

.price th:nth-child(1),
.price td:nth-child(2) {
	border-right: calc(1 * var(--width-ratio)) solid #000;
}

.price td:nth-child(2) {
	/*color: #B17C0D;*/
}

.price thead th {
    height: calc(36* var(--width-ratio));
    border-bottom: calc(1* var(--width-ratio)) solid #858585;
    font-size: calc(16 * var(--width-ratio));
}

.price thead th:nth-child(1) {
	background: #fff;
	border-right: calc(1 * var(--width-ratio)) solid #000;
}

.price thead th:nth-child(2) {
	background: #D7AB1E;
	border-right: calc(1 * var(--width-ratio)) solid #000;
	color: #fff;
}

.price thead th:nth-child(3) {
	background: #bbb;
	color: #fff;
}

.price .option thead th {
	background: #0ABAB5;
	color: #fff;
}

.price tbody tr:nth-child(2n-1) {
	background: #FAF4E0;
}

.price .option tbody tr {
	background: #edffff;
}

.price .option tbody tr:nth-child(2n-1) {
	background: #fff;
}

.price 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%;
	transform: translate(-50%, -50%);
}

.price tr.coupon th,
.price tr.coupon td {
	height: calc(84 * var(--width-ratio));
}

.price tr.coupon th span {
	height: calc(45 * var(--width-ratio));
	padding: calc(10 * var(--width-ratio)) 0 calc(10 * var(--width-ratio)) calc(10 * var(--width-ratio));
	background: #fff;
	font-size: calc(23 * var(--width-ratio));
	font-weight: 400;
	color: #1DB1B6;
	position: relative;
}

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

.price tr.coupon td {
	font-size: calc(42 * var(--width-ratio));
	color: #fff;
	position: relative;
}

/*.price tr.coupon td:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(12 * var(--width-ratio)) calc(17 * var(--width-ratio)) 0 calc(17 * var(--width-ratio));
	border-color: #656565 transparent transparent transparent;
	position: absolute;
	top: calc(5 * var(--width-ratio));
	left: 50%;
	transform: translate(-50%, 0);
}*/

.price tr.coupon td .small {
	font-size: 0.7em;
	font-weight: 400;
	position: relative;
	top: calc(3 * var(--width-ratio));
}

.price .tab_panel p,
.price sec .tab_panel p,
.price .option p,
#font14 {
	margin: calc(4 * var(--width-ratio)) 0 0;
	font-size: calc(12 * var(--width-ratio));
	text-align: right;
}

.price .option {
	width: 35%;
	margin: calc(48 * var(--width-ratio)) auto 0;
}

.price .option h3 {
	margin: 0 0 0.75em;
	font-size: calc(28 * var(--width-ratio));
	font-weight:600;
	letter-spacing:0.1em;
}

.price ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 96%;
	max-width: calc(1024 * var(--width-ratio));
	margin: calc(52 * var(--width-ratio)) auto calc(52 * var(--width-ratio));
}

.priceAreaList-yellow {
	background: #F9F6E8;
	margin: calc(20 * var(--width-ratio)) auto calc(80 * var(--width-ratio)) auto;
	height: calc(400 * var(--width-ratio));
	width: calc(1100 * var(--width-ratio));
}

.price li {
	width: calc((100% - ((32 * 2) * var(--width-ratio))) / 3);
	margin: 0 calc(32 * var(--width-ratio)) calc(4 * var(--width-ratio)) 0;
	background: #fff;
	overflow: hidden;
}

.price li:nth-child(3) {
	margin: 0 0 calc(4 * var(--width-ratio));
}

.price li .imgArea {
	line-height: 0;
}

.price li .imgArea img {
	width: 100%;
}

.price li .txtArea h3 {
	margin: calc(12 * var(--width-ratio)) 0 calc(16 * var(--width-ratio));
	font-size: calc(21 * var(--width-ratio));
	line-height: calc(28 * var(--width-ratio));
	color: #595858;
}

.price li .txtAreaH3 {
	height: calc(64 * var(--width-ratio));
	padding-top: calc(4 * var(--width-ratio));
}

.price li .txtArea p {
	padding: 0 calc(30 * var(--width-ratio));
	font-size: calc(13 * var(--width-ratio)) !important;
	line-height: calc(24 * var(--width-ratio)) !important;
}

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

.price .bnrArea .bnr {
	width: calc(640 * var(--width-ratio));
	margin: 0 auto calc(60 * var(--width-ratio));
}

.price .bnrArea h3 {
	margin: calc(20 * var(--width-ratio)) 0 0;
	font-size: calc(12 * var(--width-ratio));
	line-height: calc(18 * var(--width-ratio));
	font-weight: 400;
	text-align: left;
}

#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));
}


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

.bnrArea .bnrWrap {
	display: flex;
	flex-wrap: wrap;
	width: calc(795 * var(--width-ratio));
	margin: 0 auto calc(8 * var(--width-ratio)) auto;
}

.bnrArea .bnrWrap li {
	width: calc(362 * var(--width-ratio));
	margin: 0 auto calc(28 * var(--width-ratio)) auto;
}

.bnr .bnrArea h3 {
	margin: 0 0 1em;
	font-size: calc(36 * var(--width-ratio));
	letter-spacing:0.1em;
	font-weight:600;
	text-align: center;
}

.bnr .bnrArea .bnrWrap li p {
    font-size: calc(12 * var(--width-ratio));
    line-height: 1.5em;
	letter-spacing:0.05em;
    text-align: right;
    width: 100%;
    margin: 0 0 0 auto;
    padding-right: 1em;
}

.bnrArea .bnrWrap li .imgArea {
	width: calc(360 * var(--width-ratio));
	height: calc(147 * var(--width-ratio));
	margin: 0 0 calc(8 * var(--width-ratio));
}

.bnrArea .bnrWrap li .imgArea img {
	width: 100%;
	height: auto;
}

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

.bnr .bnrArea .bnrWrap li h4 {
    margin: 0 0 0.25em;
    font-size: calc(22* var(--width-ratio));
    text-align: center;
    line-height: 1.4em;
    font-weight: 600;
    letter-spacing: 0.1em;
}

@media (max-width: 750px) {
	.price > .inner {
		padding: 0 calc(28 * var(--width-ratio));
	}

	.price .heading h2 {
		margin: 0 auto 1em;
		font-size: calc(36 * var(--width-ratio));
		font-weight: 600;
		line-height: 1.4em;
	}

	.price .heading span {
		font-size: calc(22 * var(--width-ratio)) !important;
		line-height: calc(40 * var(--width-ratio));
	}

	.tab_wrap {
		width: 100%;
		margin: calc(120 * var(--width-ratio)) auto 0;
	}

	.price .tab_area > img {
		left: 52%;
	}

	.price .tab_area .balloon01 {
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(211 * var(--width-ratio));
		height: calc(203 * var(--width-ratio));
		background: url(../img/top/sec06-balloon.png) 50%/cover;
		font-size: calc(21 * var(--width-ratio));
		line-height: calc(35 * var(--width-ratio));
		color: #fff;
		position: absolute;
		bottom: calc(150 * var(--width-ratio));
		right: 0;
	}

	.price .tab_area .balloon02 {
		display: flex;
		align-items: center;
		height: calc(115 * var(--width-ratio));
		padding: 0 0 0 calc(4 * var(--width-ratio));
		background: url(../img/top/sec06-bg.png) 50%/auto 100% no-repeat;
		font-size: calc(20 * var(--width-ratio)) !important;
		letter-spacing: calc(1 * var(--width-ratio));
		line-height: calc(37 * var(--width-ratio)) !important;
		color: #87cbce;
		position: absolute;
		bottom: calc(30 * var(--width-ratio));
		right: 0;
	}

	.price thead th {
		font-size: calc(17 * var(--width-ratio));
	}

	.price th:nth-child(1) {
		width: calc(270 * var(--width-ratio));
	}

	.price tr.coupon td {
		font-size: calc(46 * var(--width-ratio));
	}

	.price th,
	.price td {
		font-size: calc(22 * var(--width-ratio));
	}

	.price .tab_panel p,
	.price .option p {
		margin: calc(12 * var(--width-ratio)) 0 0;
		font-size: calc(16 * var(--width-ratio));
	}

	.price .option {
		width: 33%;
		margin: calc(48 * var(--width-ratio)) auto 0;
	}

	.price .option h3 {
		margin: 0 0 calc(32 * var(--width-ratio));
		font-size: calc(30 * var(--width-ratio));
	}

	.priceAreaList-yellow {
		background: #F9F6E8;
		height: calc(750 * var(--width-ratio));
		width: 100%;
	}

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

	.price ul {
		width: 100%;
		margin: calc(52 * var(--width-ratio)) auto calc(60 * var(--width-ratio));
	}

	.price li:nth-child(3) {
		margin: 0 calc(32 * var(--width-ratio)) calc(32 * var(--width-ratio)) 0;
	}

	.price li:nth-child(2n) {
		margin: 0 0 calc(32 * var(--width-ratio)) 0;
	}

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

	.price .bnrArea {
		width: calc(640 * var(--width-ratio));
		margin: 0 auto;
		padding: calc(100 * var(--width-ratio)) 0 calc(52 * var(--width-ratio));
	}

	.price .bnrArea .bnr img {
		width: 100%;
	}

	.price .bnrArea h3 {
		font-size: calc(15 * var(--width-ratio));
		line-height: 1.5;
		text-align: left;
	}

	.price li .txtArea h3 {
		margin: calc(12 * var(--width-ratio)) 0 calc(8 * var(--width-ratio));
		font-size: calc(23 * var(--width-ratio));
		line-height: calc(30 * var(--width-ratio));
	}

	.price li .txtArea p {
		font-size: calc(15 * var(--width-ratio)) !important;
		line-height: calc(23 * var(--width-ratio)) !important;
	}
}


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

#photostep

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

#photostep .heading h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1em;
	font-size: calc(28 * var(--width-ratio));
	font-weight: 600;
	line-height: 1.4em;
	letter-spacing:0.1em;
	position: relative;
}

#photostep ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: calc(772 * var(--width-ratio));
	margin: calc(60 * var(--width-ratio)) auto 0;
}

#photostep li {
	width: calc(236 * var(--width-ratio));
	padding: calc(18 * var(--width-ratio)) 0 0;
	margin: 0 calc(28 * var(--width-ratio)) calc(48 * var(--width-ratio)) 0;
	background: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
	border: solid calc(1 * var(--width-ratio)) #969696;
	position: relative;
	border-radius:0px 25px 0px 0px;
	text-align:center;
}


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

#photostep li:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: calc(-26 * var(--width-ratio));
	z-index: 1;
	transform: translate(0, -50%);
}

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

#photostep li > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(53 * var(--width-ratio));
	height: calc(53 * var(--width-ratio));
	border-radius: calc(30 * var(--width-ratio));
	background: #fff;
	border: solid calc(1 * var(--width-ratio)) #969696;
	font-size: calc(28 * var(--width-ratio));
	color: #5D4F4F;
	position: absolute;
	top: calc(-26 * var(--width-ratio));
	left: calc(-26 * var(--width-ratio));
}

#photostep li .illArea {
    height: calc(45* var(--width-ratio));
    margin-bottom: calc(10* var(--width-ratio));
}

#photostep li .illArea img {
	height: 100%;
}

#photostep li .txtArea {
	height: calc(80 * var(--width-ratio));
	padding:0 1em;
}

#photostep li h3 {
	margin: 0 0 0.5em;
	font-size: calc(16 * var(--width-ratio));
	font-weight:600;
	letter-spacing:0.05em;
}

#photostep li p {
	font-size: calc(14 * var(--width-ratio)) !important;
	line-height: calc(21 * var(--width-ratio)) !important;
}

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

#photostep li .imgArea {
	line-height: 0;
}

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




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

.sec08

-------------------------------------------------- */
#toppage .sec08 {
	padding: calc(60 * var(--width-ratio)) 0 calc(52 * var(--width-ratio));
	overflow: hidden;
}

#toppage .sec08 .heading {
	width: calc(780 * var(--width-ratio));
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#toppage .sec08 .heading h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1em;
    font-size: calc(36 * var(--width-ratio));
    font-weight: 600;
    line-height: 1.4em;
    position: relative;
	letter-spacing:0.1em;
    left: calc(-30* var(--width-ratio));
}

#toppage .sec08 .heading h2:before {
	content: '';
	display: block;
	width: calc(50 * var(--width-ratio));
	height: calc(88 * var(--width-ratio));
}

#toppage .sec08 .balloon01 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(139 * var(--width-ratio));
	height: calc(132 * var(--width-ratio));
	background: url(../img/top/sec08-balloon.png) 50%/cover;
	position: absolute;
	bottom: 0;
	right: calc(110 * var(--width-ratio));
}

#toppage .sec08 .balloon01 span {
	font-size: calc(23 * var(--width-ratio));
	line-height: calc(37 * var(--width-ratio));
	letter-spacing: calc(4 * var(--width-ratio));
	text-align: center;
	color: #fff;
	position: relative;
	left: calc(5 * var(--width-ratio));
}

#toppage .sec08 .area {
	width: calc(782 * var(--width-ratio));
	margin: calc(20 * var(--width-ratio)) auto 0;
}

#toppage .sec08 .area:first-child {
	margin: calc(50 * var(--width-ratio)) auto 0;
}

#toppage .sec08 .area h3 {
	font-size: calc(30 * var(--width-ratio));
	line-height:1.4em;
	font-weight: 600;
	letter-spacing:0.075em;
	text-align:center;
	margin:0 auto 0.5em;
}

#toppage .sec08 .area ul {
	display: flex;
	flex-wrap: wrap;
	width: calc(782 * var(--width-ratio));
	margin: calc(48 * var(--width-ratio)) 0 0;
}

#toppage .sec08 .area li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(365 * var(--width-ratio));
	padding: calc(32 * var(--width-ratio)) 0 calc(72 * var(--width-ratio));
	margin: 0 calc(52 * var(--width-ratio)) calc(52 * var(--width-ratio)) 0;
	position: relative;
}

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

#toppage .sec08 .area li {
	background: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
	border: solid calc(1 * var(--width-ratio)) #A8BABA;
	box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
	border-radius:25px;
	height:calc(280 * var(--width-ratio));
}

#toppage .sec08 .area li .comment {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: calc(140 * var(--width-ratio));
	min-height: calc(40 * var(--width-ratio));
	padding: calc(3 * var(--width-ratio)) calc(20 * var(--width-ratio));
	border-radius: calc(5 * var(--width-ratio));
	border: calc(1 * var(--width-ratio)) solid #A8BABA;
	background: #fff;
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(17 * var(--width-ratio));
	position: absolute;
	top: calc(-30 * var(--width-ratio));
	left: calc(-20 * var(--width-ratio));
	letter-spacing:0.05em;
}

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

#toppage .sec08 .area li h4 {
	margin: 0 0 1em;
	font-size: calc(22 * var(--width-ratio));
	font-weight:600;
	letter-spacing:0.1em;
}

#toppage .sec08 .area li .address {
    height: calc(36* var(--width-ratio));
    margin: 0 0 calc(24* var(--width-ratio));
    font-size: calc(15 * var(--width-ratio));
    line-height: 1.6em;
	text-align:center;
}

#toppage .sec08 .area li .address a {
	color: #048fff;
}

#toppage .sec08 .area li .access {
	display: flex;
	align-items: center;
	margin:1em auto;
}

    #toppage .sec08 .area li .access p {
        font-size: calc(15 * var(--width-ratio));
        margin: 1em auto -2em;
        /* padding: 0 3em; */
        text-align: center;
		letter-spacing:0.075em;
			color: #0ABAB5;
		line-height:1.3em;
    }

#toppage .sec08 .area li .access span {
	font-size: calc(14 * var(--width-ratio));
	color: #0ABAB5;
}

#toppage .sec08 .area li a.reserv {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(210 * var(--width-ratio));
	height: calc(35 * var(--width-ratio));
	margin: 0 auto;
	background:linear-gradient(90deg, rgb(155 149 227), #0ABAB5);
	font-size: calc(14 * var(--width-ratio));
	letter-spacing:0.1em;
	color: #fff;
	position: absolute;
	border-radius:30px;
	left: 50%;
	bottom: calc(20 * var(--width-ratio));
	transform: translate(calc(-100 * var(--width-ratio)), 0);
	box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
}

#toppage .sec08 .area li a.reserv:hover{
  background: #fff;
  color: #0ABAB5;
}

#toppage .sec08 .area 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));
	transform: translate(0, -50%);
}


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

.sec09

-------------------------------------------------- */
#toppage .sec09 {
	padding: calc(52 * var(--width-ratio)) 0 calc(52 * var(--width-ratio));
	background: url(../img/top/sec09-bg.jpg) 50%/cover;
}

#toppage .sec09 .heading {
	text-align: center;
	position: relative;
}

#toppage .sec09 .heading h2 {
	margin: 0 0 calc(52 * var(--width-ratio));
	font-size: calc(27 * var(--width-ratio));
	font-weight: 400;
}

#toppage .sec09 ul {
	display: flex;
	justify-content: center;
	width: calc(536 * var(--width-ratio));
	margin: 0 auto;
}

#toppage .sec09 li {
	width: calc((100% - (40 * var(--width-ratio))) / 2);
	margin: 0 calc(40 * var(--width-ratio)) 0 0;
	background: #fff;
}

#toppage .sec09 li:last-child {
	margin: 0;
}

#toppage .sec09 li .imgArea {}

#toppage .sec09 li .imgArea img {
	display: block;
	width: 100%;
}

#toppage .sec09 li .txtArea {
	padding: calc(24 * var(--width-ratio));
}

#toppage .sec09 li h3 {
    font-size: calc(15 * var(--width-ratio));
    line-height: 1.4em;
    font-weight: 400;
    color: #000;
    text-align: center;
}

#toppage .sec09 li span {
    display: block;
    margin: 1em 0;
    font-size: calc(13 * var(--width-ratio));
    line-height: 1.4em;
    font-weight: 400;
    color: #0ABAB5;
    text-align: center;
}

#toppage .sec09 li p {
	font-size: calc(13 * var(--width-ratio));
	line-height: 1.8em;
	text-align: left;
	font-feature-settings: 'palt';
	margin:0 auto 0.5em;
}

@media (max-width: 750px) {
	#toppage .sec09 .heading h2 {
		font-size: calc(28 * var(--width-ratio));
	}

	#toppage .sec09 ul {
		flex-direction: column;
		align-items: center;
	}

	#toppage .sec09 li {
		width: calc(614 * var(--width-ratio));
		max-height: calc(660 * var(--width-ratio));
		padding: 0 0 calc(60 * var(--width-ratio));
		margin: 0 0 calc(52 * var(--width-ratio)) 0;
		position: relative;
		overflow: hidden;
		transition: 0.5s ease-in;
	}

	#toppage .sec09 li.open {
		height: auto;
		max-height: calc(1200 * var(--width-ratio));
	}

	#toppage .sec09 li:last-child {
		margin: 0;
	}

	#toppage .sec09 li .imgArea {
		height: calc(307 * var(--width-ratio));
		overflow: hidden;
	}

	#toppage .sec09 li .imgArea img {
		width: 100%;
	}

	#toppage .sec09 li .txtArea {
		padding: calc(20 * var(--width-ratio));
	}

	#toppage .sec09 li h3 {
		font-size: calc(33 * var(--width-ratio));
		line-height: calc(54 * var(--width-ratio));
	}

	#toppage .sec09 li span {
		font-size: calc(24 * var(--width-ratio));
	}

	#toppage .sec09 li p {
		max-height: 0;
		font-size: calc(24 * var(--width-ratio));
		line-height: calc(46 * var(--width-ratio));
		overflow: hidden;
		transition: 0.5s ease-in;
	}

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

	#toppage .sec09 li {}

	#toppage .sec09 li:before {
		content: 'CLOSE';
		font-size: calc(24 * var(--width-ratio));
		line-height: 1;
		color: #7dc7ca;
		position: absolute;
		bottom: calc(10 * var(--width-ratio));
		left: 50%;
		z-index: 1;
		transform: translate(-50%, 0);
		transition: 0.5s ease-out;
	}

	#toppage .sec09 li.close:before {
		content: 'お客様の声を読む';
		font-size: calc(17 * var(--width-ratio));
		color: #000;
		bottom: calc(40 * var(--width-ratio));
		opacity: 1;
		visibility: visible;
	}

	#toppage .sec09 li:after {
		content: '';
		display: block;
		width: calc(39 * var(--width-ratio));
		height: calc(17 * var(--width-ratio));
		background: url(../img/top/sec05-arrow.png) 50%/cover;
		position: absolute;
		bottom: calc(10 * var(--width-ratio));
		left: 50%;
		transform: translate(-50%, 0);
		transition: 0.5s ease-in;
	}

	#toppage .sec09 li.open:after {
		bottom: calc(50 * var(--width-ratio));
		transform: translate(-50%, 0) rotate(180deg);
	}
}



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

.pointArea

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

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

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

.pointArea 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 li:last-child {
	margin: 0;
}

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

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

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

.pointArea li span {
    font-size: calc(14 * var(--width-ratio));
    line-height: 1.4em;
    text-align: center;
    padding: 1em;
}

@media (max-width: 750px) {
	.pointArea > p {
		margin: 0 auto;
		font-size: calc(28 * var(--width-ratio));
		line-height: calc(37 * var(--width-ratio));
		text-align: center;
	}

	.pointArea ul {
		flex-direction: column;
		align-items: center;
		margin: calc(52 * var(--width-ratio)) 0 0;
	}

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

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

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



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

.fixedCvBtn

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

.fixedCvBtn a img {
	position: fixed;
	right: 0;
	width: calc(57 * var(--width-ratio));
	z-index: 990;
	transition: 0.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

-------------------------------------------------- */
.pageTop {
	width: 100%;
	height: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 991;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
}

.pageTop.scrolled {
	opacity: 1;
	visibility: visible;
}

.pageTop > .inner {
	width: 100%;
	height: 0;
	margin: 0 auto;
	position: relative;
}

.pageTop a {
	display: block;
	width: calc(64 * var(--width-ratio));
	height: calc(64 * var(--width-ratio));
	background: url(../img/common/pagetop.jpg) 50%/cover;
	position: absolute;
	bottom: calc(30 * var(--width-ratio));
	right: calc(30 * var(--width-ratio));
	box-shadow: 2px 4px 4px rgb(0 0 0 / 15%);
}



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

footer

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

#toppage footer {
	margin: 2rem 0 0;
}

footer > .inner {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: calc(1200* var(--width-ratio));
    padding: 0 0;
    margin: 0 auto 2rem;
    color: #A8BABA;
}

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

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

footer .footerNav {
	display: flex;
}

footer .footerNav.sp {
	display: none;
}

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

footer .footerNav:nth-child(2) li {
	padding: calc(4 * var(--width-ratio)) calc(27.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 #A8BABA;
}

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

footer .footerNav li a img {
	margin: 0 calc(12 * var(--width-ratio)) 0 0;
}

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

footer .shopNav li {
	margin: 0 0.75em 0.5em;
}

footer .shopNav li a {
	font-size: calc(12 * var(--width-ratio));
	letter-spacing: calc(1 * var(--width-ratio));
	line-height:1.4em;
}

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

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

footer h3 {
    text-align: left;
	font-size: calc(15 * var(--width-ratio));
    margin: 1.5em auto 0.75em;
	line-height:1.4em;
    color: #0ABAB5;
	font-weight:500;
}

footer h3 a{
	    color: #0ABAB5;
}





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

.page common

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
/* --------------------------------------------------

.pageTtlArea

-------------------------------------------------- */
.page .pageTtlArea {
	padding: 0 0 calc(32 * var(--width-ratio));
	background: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
}

.page .pageTtlArea > .inner {
	width: calc(1000 * var(--width-ratio));
	margin: 0 auto;
}

.page .breadcrumb {
	display: flex;
	width: calc(1000 * var(--width-ratio));
	padding: calc(12 * var(--width-ratio)) 0 0;
	margin: 0 auto;
}

#merit .breadcrumb,
#coupon .breadcrumb {
	display: flex;
	width: calc(1000 * var(--width-ratio));
	height: 0;
	padding: 0;
	margin: 0 auto;
	position: relative;
	top: calc(12 * var(--width-ratio));
}

.page .breadcrumb li,
.page .breadcrumb a {
	font-size: calc(14 * var(--width-ratio));
	line-height: 1.3em;
	margin:0.3 auto 0;
}

.page .breadcrumb li:after {
	content: '＞';
	margin: 0 calc(12 * var(--width-ratio));
}

.page .breadcrumb li:last-child:after {
	content: none;
}

.page .pageTtlArea h1,
.page .pageTtlArea h2 {
	margin: 0.5em auto;
	font-size: calc(26 * var(--width-ratio));
	line-height: 1.4em;
	text-align: center;
	font-weight:600;
	letter-spacing:0.1em;
}



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

.mv

-------------------------------------------------- */
.page .mv {
	height: calc(368 * var(--width-ratio));
}




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

#commitment

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
/* --------------------------------------------------

#commitment .sec01

-------------------------------------------------- */
#commitment .sec01 > .inner {
	width: calc(1000 * var(--width-ratio));
	margin: 0 auto;
	padding: calc(36 * var(--width-ratio)) 0 calc(24 * var(--width-ratio));
	text-align: center;
	position: relative;
}

#commitment .sec01 .logo {
	width: calc(223 * var(--width-ratio));
}

#commitment .sec01 h2 {
	margin: 0 0 calc(24 * var(--width-ratio));
	font-size: calc(24 * var(--width-ratio));
	color: #0ABAB5;
}
#commitment .sec01 p {
    width: calc(340* var(--width-ratio));
    margin: 0 auto;
    font-size: calc(16 * var(--width-ratio));
    line-height: 1.8em;
	text-align:left;
}

#commitment .sec01 .ill01 {
	position: absolute;
	bottom: calc(90 * var(--width-ratio));
	left: calc(110 * var(--width-ratio));
}

#commitment .sec01 .ill02 {
	position: absolute;
	bottom: calc(130 * var(--width-ratio));
	right: calc(130 * var(--width-ratio));
}



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

#commitment .sec

-------------------------------------------------- */
#commitment .sec > .inner {
	width: calc(1000 * var(--width-ratio));
	margin: 0 auto;
	padding: calc(52 * var(--width-ratio)) 0 calc(52 * var(--width-ratio));
	text-align: center;
	position: relative;
}

#commitment .sec .heading h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(51 * var(--width-ratio));
	margin: 0 0 calc(24 * var(--width-ratio));
	background: url(../img/about/heading-bg.png) 50% no-repeat;
	font-size: calc(25 * var(--width-ratio));
}

#commitment .sec .wrap {
	position: relative;
}

#commitment .sec img {
	width: calc(386 * var(--width-ratio));
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translate(0, -50%);
}

#commitment .sec .txtArea {
    width: calc(740* var(--width-ratio));
    padding: calc(52* var(--width-ratio)) calc(32* var(--width-ratio)) calc(32* var(--width-ratio)) calc(160* var(--width-ratio));
    margin: 0 0 0 auto;
    background: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
    text-align: left;
    border-radius: 30px;
}

#commitment .sec .txtArea h3 {
    font-size: calc(18 * var(--width-ratio));
    line-height: 1.4em;
    margin: calc(24* var(--width-ratio)) auto calc(9* var(--width-ratio));
    color: #000;
    border-left: 6px solid #0ABAB5;
    padding-left: 0.5em;
}

#commitment .sec .txtArea p {
	margin: 0 0 calc(8 * var(--width-ratio));
	font-size: calc(15 * var(--width-ratio));
	line-height: 1.6em;
	color: #000;
}

.linkBtn01 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(360 * var(--width-ratio));
	height: calc(46 * var(--width-ratio));
	margin: calc(32 * var(--width-ratio)) auto 0;
	border-radius: calc(30 * var(--width-ratio));
	background: #e0f8ff;
	position: relative;
}

.linkBtn01:not(.keyword):before {
	content: '';
	display: block;
	width: calc(9 * var(--width-ratio));
	height: calc(9 * var(--width-ratio));
	border-right: calc(1 * var(--width-ratio)) solid #000;
	border-bottom: calc(1 * var(--width-ratio)) solid #000;
	position: absolute;
	top: 50%;
	right: calc(30 * var(--width-ratio));
	transform: translate(0, -50%) rotate(-45deg);
}

.pageBottomBtnArea {
	display: none;
}

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

.pageBottomBtnArea ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

.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:25px;
	box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
}

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

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

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

.pageBottomBtnArea li a.net {
	background: linear-gradient(90deg, rgb(155 149 227), #0ABAB5);
	color: #fff;
	font-weight: 600;
	box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
}

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




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

#merit

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
/* --------------------------------------------------

.mv

-------------------------------------------------- */
#merit .mv {
	background: url(../img/merit/mv.jpg) 50% 0%/cover;
}



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

#merit .sec01

-------------------------------------------------- */
#merit .sec01 > .inner {
	padding: calc(48 * var(--width-ratio)) 0;
}

#merit .sec01 h1 {
	font-size: calc(28 * var(--width-ratio));
	text-align: center;
	line-height:1.4em;
}

#merit .sec01 .wrap {}

#merit .sec01 .merit {
    width: calc(850* var(--width-ratio));
    padding: 0 0 calc(24* var(--width-ratio));
    margin: calc(48* var(--width-ratio)) auto calc(0* var(--width-ratio));
    position: relative;
}

/*#merit .sec01 .merit:last-child {
	margin: 0 auto;
}*/

#merit .sec01 .merit > .inner {
	width: calc(436 * var(--width-ratio));
}

#merit .sec01 .merit:nth-child(2n) > .inner {
	margin: 0 0 calc(60 * var(--width-ratio)) auto;
}

#merit .sec01 .merit .ttlArea {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(390 * var(--width-ratio));
	min-width: calc(390 * var(--width-ratio));
	height: calc(160 * var(--width-ratio));
}

#merit .sec01 .merit:nth-child(2n) .ttlArea {
	margin: 0 0 0 calc(32 * var(--width-ratio));
}
#merit .sec01 .merit .ttlArea h2 {
    margin: 1em 0 2em;
    font-size: calc(22 * var(--width-ratio));
    line-height: 1.4em;
    letter-spacing: calc(1 * var(--width-ratio));
    color: #0ABAB5;
}

#merit .sec01 .merit .imgArea {
	width: calc(460 * var(--width-ratio));
	min-width: calc(460 * var(--width-ratio));
	position: absolute;
	top: 0;
	right: 0;
}

#merit .sec01 .merit .imgArea img {
	width: 100%;
	border-radius:16px;
}

#merit .sec01 .merit:nth-child(2n) .imgArea {
	left: 0;
}

#merit .sec01 .merit .txtArea {
    padding: 1rem calc(40* var(--width-ratio)) 1rem calc(40* var(--width-ratio));
    background: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
    position: relative;
    z-index: 1;
    border-radius: 25px;
    margin: 1rem 0;
}

#merit .sec01 .merit:nth-child(2n) .txtArea {
	padding: calc(50 * var(--width-ratio)) calc(10 * var(--width-ratio)) calc(60 * var(--width-ratio));
}

#merit .sec01 .merit .txtArea h3 {
	margin: 0 1.5em calc(20 * var(--width-ratio));
	font-size: calc(20 * var(--width-ratio));
	line-height:1.4em;
}

#merit .sec01 .merit .txtArea p {
    font-size: calc(15 * var(--width-ratio));
    line-height: 1.6em;
    padding: 0 1em;
    margin: 0 1em 0.5em;
}

#merit .linkBtn01 {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

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

#merit .sec02

-------------------------------------------------- */
#merit .sec02 .heading {
	margin: 0 0 calc(80 * var(--width-ratio));
	position: relative;
}

#merit .sec02 .heading h2 {
	padding: calc(60 * var(--width-ratio)) 0 calc(30 * var(--width-ratio)) 0;
	background: #F9F6E8;
	font-size: calc(22 * var(--width-ratio));
	line-height: calc(38 * var(--width-ratio));
	text-align: center;
	position: relative;
	color: #595858;
}

#merit .sec02 .heading img {
	display: block;
	margin: 0 auto;
}

#merit .sec02 .headingUnder {
	margin: 0 0 calc(32 * var(--width-ratio));
	text-align: center;
}

#merit .sec02 .headingUnder > span {
	display: block;
	margin: 0 0 calc(16 * var(--width-ratio));
	font-size: calc(40 * var(--width-ratio));
}

#merit .sec02 .headingUnder > span span:nth-child(1) {
	color: #b0b0b0;
}

#merit .sec02 .headingUnder > span span:nth-child(2) {
	color: #AF8D48;
}

#merit .sec02 .headingUnder > p {
	font-size: calc(22 * var(--width-ratio));
	color: #727172;
}




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

#step

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
/* --------------------------------------------------

#step .sec01

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

#step .sec01 .step {
	display: flex;
	width: calc(820 * var(--width-ratio));
	margin: 0 auto calc(116 * var(--width-ratio));
	position: relative;
}

#step .sec01 .step:nth-child(2n) {
	flex-direction: row-reverse;
}

#step .sec01 .step:before {
	content: '';
	display: block;
	width: calc(65 * var(--width-ratio));
	height: calc(65 * var(--width-ratio));
	background: url(../img/step/dot.png) 50%/cover;
	position: absolute;
	bottom: calc(-85 * var(--width-ratio));
	left: 50%;
	transform: translate(-50%, 0);
}

#step .sec01 .step:nth-child(2n):before {
	background: url(../img/step/dot.png) 50%/cover;
	transform: translate(-50%, 0) scale(-1, 1);
}

#step .sec01 .step:last-child:before {
	content: none;
}

#step .sec01 .step .imgArea {
	width: 50%;
	min-width: 50%;
	height: calc(280 * var(--width-ratio));
	overflow: hidden;
}

#step .sec01 .step .imgArea img {
	max-width: none;
	height: 100%;
}

#step .sec01 .step .txtArea {
	width: 50%;
	min-width: 50%;
	padding: calc(44 * var(--width-ratio)) 3rem 2rem;
	background: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
	position: relative;
}

#step .sec01 .step .txtArea h3 {
    margin: 0 auto calc(15* var(--width-ratio));
    font-size: calc(20 * var(--width-ratio));
    position: relative;
    font-weight: 600;
}

#step .sec01 .step .txtArea h3 > img {
	position: absolute;
}

#step .sec01 .step:nth-child(1) .txtArea h3 > img {
	width: calc(46 * var(--width-ratio));
	bottom: calc(-5 * var(--width-ratio));
	right: calc(85 * var(--width-ratio));
}

#step .sec01 .step:nth-child(2) .txtArea h3 > img {
	width: calc(60 * var(--width-ratio));
	bottom: calc(-5 * var(--width-ratio));
	right: calc(-25 * var(--width-ratio));
}

#step .sec01 .step:nth-child(3) .txtArea h3 > img {
	width: calc(81 * var(--width-ratio));
	bottom: 0;
	right: calc(35 * var(--width-ratio));
}

#step .sec01 .step:nth-child(4) .txtArea h3 > img {
	width: calc(104 * var(--width-ratio));
	bottom: calc(-5 * var(--width-ratio));
	right: 0;
}

#step .sec01 .step:nth-child(5) .txtArea h3 > img {
	width: calc(47 * var(--width-ratio));
	bottom: 0;
	right: calc(65 * var(--width-ratio));
}

#step .sec01 .step:nth-child(6) .txtArea h3 > img {
	width: calc(49 * var(--width-ratio));
	bottom: calc(-2 * var(--width-ratio));
	right: calc(-25 * var(--width-ratio));
}

#step .sec01 .step .txtArea p {
    font-size: calc(15 * var(--width-ratio));
    line-height: 1.6em;
    font-feature-settings: 'palt';
    letter-spacing: 0;
    margin: 0 auto 0.5em;
}

#step .sec01 .step .txtArea p a {
	color: #4b7eb9;
}

#step .sec01 .step .txtArea > a {
	width: 100%;
	font-size: calc(14 * var(--width-ratio));
	color: #4b7eb9;
	text-align: center;
	position: absolute;
	bottom: calc(30 * var(--width-ratio));
	left: 0;
}




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

#price

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
/* --------------------------------------------------

#price COMMON

-------------------------------------------------- */
#price a.more {
	margin: calc(32 * var(--width-ratio)) auto 0;
	font-size: calc(17 * var(--width-ratio));
}



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

#price .price

-------------------------------------------------- */
#price .price {
	padding: calc(50 * var(--width-ratio)) 0 .1rem;
	margin: 0 auto;
	background: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
}

#price .price > .inner {
	padding: 0;
}

#price .priceArea {
	padding: 0 calc(30 * var(--width-ratio));
	margin: 0 0 calc(24 * var(--width-ratio));
}


#price .priceArea > h3 {
	margin: calc(70 * var(--width-ratio)) 0 0;
	font-size: calc(23 * var(--width-ratio));
}

#price .tab_wrap {
	margin: calc(120 * var(--width-ratio)) auto 0;
}

#price .priceAreayellow {
	background: #F9F6E8;
	margin: calc(-50 * var(--width-ratio)) auto 0 auto;
	padding: calc(50 * var(--width-ratio)) 0 calc(50 * var(--width-ratio)) 0;
}



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

#coupon

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
/* --------------------------------------------------

#coupon .mv

-------------------------------------------------- */
#coupon .mv {
	background: url(../img/coupon/mv.jpg) 50% 0%/cover;
}



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

#coupon .sec01

-------------------------------------------------- */
#coupon .sec01 {
	padding: calc(48 * var(--width-ratio)) 0 calc(0 * var(--width-ratio));
}

#coupon .sec01 .heading {
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

#coupon .sec01 .heading h1 {
	margin: 0 0 calc(28 * var(--width-ratio));
	font-size: calc(28 * var(--width-ratio));
	letter-spacing: calc(1 * var(--width-ratio));
}

#coupon .sec01 .heading span {
	display: block;
	margin: 0 0 calc(20 * var(--width-ratio));
	font-size: calc(20 * var(--width-ratio));
	letter-spacing: calc(2 * var(--width-ratio));
	font-weight: 600;
	color: #595858;
}

#coupon .sec01 .heading p {
    font-size: calc(16 * var(--width-ratio));
    line-height: 1.6em;
    text-align: left;
    width: 60%;
    margin: 0 auto 0.25em;
}

#coupon .sec01 .sg {
	margin: calc(80 * var(--width-ratio)) 0 calc(60 * var(--width-ratio));
	text-align: center;
}

#coupon .sec01 .sg h2 {
	padding: 0 0 calc(20 * var(--width-ratio));
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(24 * var(--width-ratio));
	letter-spacing: calc(4 * var(--width-ratio));
	position: relative;
}

#coupon .sec01 .sg h2:before {
	content: '';
	display: block;
	width: calc(500 * var(--width-ratio));
	height: calc(45 * var(--width-ratio));
	background: url(../img/coupon/ba-ttl-bg2.png) 50% 100% repeat-x;
	position: absolute;
	bottom: 0;
	margin-top: calc(10 * var(--width-ratio));
	left: 50%;
	transform: translate(-50%, 0);
}

#coupon .sec01 .sg .bnrArea {
	width: calc(756 * var(--width-ratio));
	padding: calc(4 * var(--width-ratio)) 0 calc(20 * var(--width-ratio));
	margin: 0 auto;
}

#coupon .sec01 .sg .bnrArea img {
	margin: 0 0 calc(4 * var(--width-ratio));
}

#coupon .sec01 .sg .bnrArea h3 {
	font-size: calc(16 * var(--width-ratio));
	line-height: 1.4em;
	font-weight: 400;
}

#coupon .sec01 .sg > p {
    margin: calc(4* var(--width-ratio)) auto 0;
    font-size: calc(14 * var(--width-ratio));
    line-height: 1.6em;
    text-align: left;
    width: 22%;
}




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

#faq

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
#faq .sec {
	margin: calc(52 * var(--width-ratio)) 0 calc(52 * var(--width-ratio));
}

#faq .faqWrap {
	margin: 0 0 calc(52 * var(--width-ratio))
}

#faq .faqWrap h2 {
	margin: 0 0 calc(20 * var(--width-ratio));
	font-size: calc(24 * var(--width-ratio));
	line-height: calc(42 * var(--width-ratio));
	text-align: center;
	font-weight:500;
}

#faq .faq {
	width: calc(720 * var(--width-ratio));
	margin: 0 auto 1.5em;
}

#faq .faq .q {
    padding: 0.75em 2em;
    background: #0ABAB5;
}

#faq .faq h3 {
    font-size: calc(16 * var(--width-ratio));
    line-height: 1.4em;
    font-weight: 600;
    color: #fff;
}

#faq .faq h4 {
	font-size: calc(16 * var(--width-ratio));
	line-height: 1.6em;
	font-weight: 600;
	margin: calc(4 * var(--width-ratio)) 0 0;
}

#faq .faq h4 a {
	font-size: calc(16 * var(--width-ratio));
	line-height: 1.6em;
	font-weight: 600;
	color: #0096E1;
}

#faq .faq .a {
    padding: 1em 2em;
    border: 1px solid #0ABAB5;
    border-top: none;
    background: #fff;
}



#faq .faq p {
    font-size: calc(15 * var(--width-ratio));
    line-height: 1.6em;
    padding-top: 0.5em;
}

#faq .faq ul li {
	font-size: calc(15 * var(--width-ratio));
	line-height: 1.6em;
	padding-top: calc(8 * var(--width-ratio));
	/*	padding-left: 1em;
	text-indent: -1em;
	list-style-position:inside;*/
}

#faq .faq p a,
#faq .faq li a {
	color: #4b7eb9;
}


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

#contact

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
#contact .formArea {
	margin: calc(60 * var(--width-ratio)) 0 calc(72 * var(--width-ratio));
}

#contact .formArea .heading {
	margin: 0 0 calc(52 * var(--width-ratio));
	text-align: center;
}

#contact .formArea .heading h2 {
	font-size: calc(29 * var(--width-ratio));
	line-height: calc(50 * var(--width-ratio));
}

#contact .formArea .heading p {
	font-size: calc(16 * var(--width-ratio));
	line-height: calc(35 * var(--width-ratio));
}

#contact .formArea form {
	width: calc(620 * var(--width-ratio));
	margin: 0 auto;
}

#contact .formArea dl {
	margin: 0 0 calc(20 * var(--width-ratio));
}

#contact .formArea dt,
#contact .formArea dd {
	font-size: calc(17 * var(--width-ratio));
	line-height: 1.5;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact textarea {
	width: 100%;
	padding: calc(8 * var(--width-ratio)) calc(5 * var(--width-ratio));
	border: calc(1 * var(--width-ratio)) solid #000;
	font-size: calc(17 * var(--width-ratio));
}

#contact textarea {
	min-height: calc(150 * var(--width-ratio));
}

#contact .required {
	color: #ff0000;
}

#contact input[type="submit"] {
	display: block;
	width: calc(150 * var(--width-ratio));
	height: calc(42 * var(--width-ratio));
	margin: calc(52 * var(--width-ratio)) auto 0;
	background: #565454;
	line-height: calc(42 * var(--width-ratio));
	color: #fff;
}



#contact .telArea > .inner {
	width: calc(820 * var(--width-ratio));
	padding: calc(72 * var(--width-ratio)) 0 0;
	margin: 0 auto calc(32 * var(--width-ratio));
	border-top: calc(1 * var(--width-ratio)) solid #000;
}

#contact .telArea .heading {
	margin: 0 0 calc(52 * var(--width-ratio));
	text-align: center;
}

#contact .telArea .heading h2 {
	font-size: calc(29 * var(--width-ratio));
	line-height: calc(50 * var(--width-ratio));
}

#contact .telArea .heading p {
	font-size: calc(16 * var(--width-ratio));
	line-height: calc(35 * var(--width-ratio));
}

#contact .telArea .area {
	width: calc(782 * var(--width-ratio));
	margin: calc(20 * var(--width-ratio)) auto 0;
}

#contact .telArea .area:first-child {
	margin: calc(52 * var(--width-ratio)) auto 0;
}

#contact .telArea .area h3 {
	font-size: calc(26 * var(--width-ratio));
	font-weight: 400;
	text-align: center;
}

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

#contact .telArea .area li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(365 * var(--width-ratio));
	height: calc(180 * var(--width-ratio));
	padding: calc(24 * var(--width-ratio)) 0 calc(16 * var(--width-ratio));
	margin: 0 calc(52 * var(--width-ratio)) calc(52 * var(--width-ratio)) 0;
	position: relative;
}

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

#contact .telArea .area li.shinjuku {
	background: #F9F6E8;
	border: solid calc(1 * var(--width-ratio)) #969696;
}

#contact .telArea .area li.shibuya {
	background: #F9F6E8;
	border: solid calc(1 * var(--width-ratio)) #969696;
}

#contact .telArea .area li.ikebukuro {
	background: #F9F6E8;
	border: solid calc(1 * var(--width-ratio)) #969696;
}

#contact .telArea .area li.yokohama {
	background: #F9F6E8;
	border: solid calc(1 * var(--width-ratio)) #969696;
}

#contact .telArea .area li.tokyo {
	background: #F9F6E8;
	border: solid calc(1 * var(--width-ratio)) #969696;
}

#contact .telArea .area li.hachioji {
	background: #F9F6E8;
	border: solid calc(1 * var(--width-ratio)) #969696;
}

#contact .telArea .area li .comment {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: calc(140 * var(--width-ratio));
	min-height: calc(40 * var(--width-ratio));
	padding: calc(3 * var(--width-ratio)) calc(20 * var(--width-ratio));
	border-radius: calc(5 * var(--width-ratio));
	border: calc(1 * var(--width-ratio)) solid #8c8c8c;
	background: #fff;
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(17 * var(--width-ratio));
	position: absolute;
	top: calc(-30 * var(--width-ratio));
	left: calc(-20 * var(--width-ratio));
}

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

#contact .telArea .area li h4 {
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(23 * var(--width-ratio));
	color: #595858;
}

#contact .telArea .area li .address {
	min-height: calc(25 * var(--width-ratio));
	padding: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(12 * var(--width-ratio));
	line-height: calc(16 * var(--width-ratio));
	text-align: center;
}

#contact .telArea .area li.yokohama .address {
	height: calc(45 * var(--width-ratio));
}

#contact .telArea .area li.tokyo .address {
	height: calc(24 * var(--width-ratio));
}

#contact .telArea .area li .address a {
	color: #048fff;
}

#contact .telArea .area li .access {
	margin: 0 0 calc(24 * var(--width-ratio));
	font-size: calc(16 * var(--width-ratio));
	line-height: calc(22 * var(--width-ratio));
	color: #626262;
	text-align: center;
}

#contact .telArea .area li.yokohama .access {
	margin: 0 0 calc(12 * var(--width-ratio));
}

#contact .telArea .area li.tokyo .access {
	margin: 0 0 calc(12 * var(--width-ratio));
}

#contact .telArea .area li a.telLink {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: calc(28 * var(--width-ratio));
	font-weight: 600;
	color: #2e78e0;
	position: absolute;
	bottom: calc(10 * var(--width-ratio));
	left: 50%;
	transform: translate(-50%, 0);
}

#contact .telArea .area li a.telLink span {
	font-size: calc(25 * var(--width-ratio));
	color: #595858;
}




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

#privacypolicy

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
#privacypolicy .sec > .inner {
	width: calc(820 * var(--width-ratio));
	padding: calc(32 * var(--width-ratio)) 0 0;
	margin: 0 auto calc(60 * var(--width-ratio));
}

#privacypolicy .sec p {
	margin: calc(12 * var(--width-ratio)) 0 0;
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(24 * var(--width-ratio));
}

#privacypolicy .sec .wrap {
	padding: 0 0 0 calc(20 * var(--width-ratio));
}

#privacypolicy .sec h2 {
	margin: calc(40 * var(--width-ratio)) 0 0;
	font-size: calc(19 * var(--width-ratio));
	color: #595858;
	position: relative;
}

#privacypolicy .sec h2:before {
	content: '';
	width: calc(19 * var(--width-ratio));
	height: calc(19 * var(--width-ratio));
	background: url(../img/common/arrow.png) 50%/cover;
	position: absolute;
	left: calc(-22 * var(--width-ratio));
}

#privacypolicy .sec li {
	margin: calc(12 * var(--width-ratio)) 0 0;
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(24 * var(--width-ratio));
}




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

#sitemap

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
#sitemap .sec > .inner {
	width: calc(820 * var(--width-ratio));
	padding: calc(32 * var(--width-ratio)) 0 0;
	margin: 0 auto calc(60 * var(--width-ratio));
}

#sitemap .sec .heading {
	margin: 0 0 calc(20 * var(--width-ratio));
}

#sitemap .sec a {
	font-size: calc(15 * var(--width-ratio));
	color: #1e79ff;
}

#sitemap .sec li {
	margin: 0 0 calc(20 * var(--width-ratio));
}

#sitemap .sec > .inner > ul {
	padding: 0 0 0 calc(28 * var(--width-ratio));
}

#sitemap .sec > .inner > ul ul {
	padding: 0 0 0 calc(16 * var(--width-ratio));
	margin: calc(20 * var(--width-ratio)) 0 0;
}




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

#access

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
/* --------------------------------------------------

#access .sec01

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

#access .sec01 .studioPageLinkArea {
	display: flex;
	justify-content: center;
	margin: 0 0 calc(52 * var(--width-ratio));
}

#access .sec01 .studioPageLinkArea ul {
	display: flex;
	justify-content: center;
}

#access .sec01 .studioPageLinkArea li {
	margin: 0 calc(4 * var(--width-ratio));
}

#access .sec01 .studioPageLinkArea li a {
	display: block;
	padding: 0 calc(28 * var(--width-ratio));
	border-radius: calc(20 * var(--width-ratio));
	background: #1db1b6;
	font-size: calc(18 * var(--width-ratio));
	line-height: calc(36 * var(--width-ratio));
	color: #fff;
}

#access .sec01 .studioTableArea h2 {
	margin: 0 0 calc(16 * var(--width-ratio));
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.4em;
	text-align: center;
}

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

.studioTableArea table {
	display: block;
	width: calc(936 * var(--width-ratio));
	margin: 0 auto;
	border-top: calc(1 * var(--width-ratio)) solid #000;
	border-left: calc(1 * var(--width-ratio)) solid #000;
}

.studioTableArea table tr {
	display: flex;
}

.studioTableArea table th,
.studioTableArea table td {
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: calc(1 * var(--width-ratio)) solid #000;
	border-bottom: calc(1 * var(--width-ratio)) solid #000;
}

.studioTableArea table th:nth-child(1),
.studioTableArea table td:nth-child(1) {
	width: calc(152 * var(--width-ratio));
}

.studioTableArea table th:nth-child(2),
.studioTableArea table td:nth-child(2) {
	width: calc(348 * var(--width-ratio));
}

.studioTableArea table th:nth-child(3),
.studioTableArea table td:nth-child(3) {
	width: calc(192 * var(--width-ratio));
}

.studioTableArea table th:nth-child(4),
.studioTableArea table td:nth-child(4) {
	width: calc(104 * var(--width-ratio));
}

.studioTableArea table th:nth-child(5),
.studioTableArea table td:nth-child(5) {
	width: calc(140 * var(--width-ratio));
}

.studioTableArea table th {
	min-height: calc(44 * var(--width-ratio));
	padding: calc(8 * var(--width-ratio)) calc(12 * var(--width-ratio));
	border-bottom: none;
	background: #0ABAB5;
	font-weight: 600;
	color: #fff;
}

.studioTableArea table td {
	min-height: calc(56 * var(--width-ratio));
	padding: calc(8 * var(--width-ratio)) calc(12 * var(--width-ratio));
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(18 * var(--width-ratio));
}

.studioTableArea table td a {
	font-size: calc(18 * var(--width-ratio));
	color: #1e79ff;
}

.studioTableArea table td:nth-child(1) a {
	font-weight: 400;
}



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

#access .sec02

-------------------------------------------------- */
#access .sec02 {
	margin: calc(52 * var(--width-ratio)) 0 calc(-72 * var(--width-ratio));
}

#access .sec02 h2 {
    margin: 0 0 calc(36* var(--width-ratio));
    font-size: calc(28 * var(--width-ratio));
    line-height: 1.4em;
    text-align: center;
}

#access .sec02 h3 {
	margin: 0 0 calc(32 * var(--width-ratio));
	text-align: center;
}

#access .sec02 .studioArea ul {
	display: flex;
	flex-wrap: wrap;
	width: calc(932 * var(--width-ratio));
	margin: 0 auto;
}

#access .sec02 .studioArea li {
	width: calc(420 * var(--width-ratio));
	padding: 0 0 calc(62 * var(--width-ratio));
	margin: 0 calc(92 * var(--width-ratio)) calc(120 * var(--width-ratio)) 0;
	position: relative;
}

#access .sec02 .studioArea li:nth-child(2n) {
	margin: 0 0 calc(120 * var(--width-ratio));
}

#access .sec02 .studioArea li h3 {
	margin: 0 0 0.25em;
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.4em;
	text-align: center;
	color: #1db1b6;
}

#access .sec02 .studioArea li .imgArea {
	margin: 0 0 calc(8 * var(--width-ratio));

}

#access .sec02 .studioArea li .imgArea iframe {
	width: calc(420 * var(--width-ratio));
	height: calc(250 * var(--width-ratio));
}

#access .sec02 .studioArea li p {
	margin: 0 0 calc(16 * var(--width-ratio));
	font-size: calc(18 * var(--width-ratio));
	line-height: 1.5;
}

#access .sec02 .studioArea li h4 {
    margin: 0.75em 0 0.75em;
    font-size: 1.3rem;
    line-height: 1.4em;
    text-align: center;
}

#access .sec02 .studioArea li table,
#access .sec02 .studioArea li tbody,
#access .sec02 .studioArea li thead {
	display: block;
	padding:0 1em;
}

#access .sec02 .studioArea li tr {
	display: flex;
	margin: 0 0 calc(8 * var(--width-ratio));
}

#access .sec02 .studioArea li th,
#access .sec02 .studioArea li td {
	font-size: 0.9rem;
	line-height: 1.4em;
}

#access .sec02 .studioArea li th {
	width: calc(132 * var(--width-ratio));
	min-width: calc(132 * var(--width-ratio));
}

#access .sec02 .studioArea li td {
	width: 100%;
}

#access .sec02 .studioArea li td a {
	color: #1e79ff;
}

#access .sec02 .studioArea li a.toDetail {
    display: block;
    width: 100%;
    height: calc(42* var(--width-ratio));
    margin: calc(20* var(--width-ratio)) auto 0;
    background: #0ABAB5;
    font-size: 1rem;
    /* width: 80%; */
    line-height: calc(42 * var(--width-ratio));
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 30px;
}

#access .sec02 .studioArea li a.toDetail: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 #ffffff;
	position: absolute;
	top: 50%;
	right: calc(20 * var(--width-ratio));
	margin: calc(-8 * var(--width-ratio)) 0 0;
}

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

.studio-single

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
/* --------------------------------------------------

.studio-single .sec01

-------------------------------------------------- */
.studio-single .sec01 {
	margin: calc(52 * var(--width-ratio)) 0 calc(52 * var(--width-ratio)) !important;
}

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

.studio-single .studioDetail

-------------------------------------------------- */
.studio-single .studioDetail {
	margin: 0 0 calc(52 * var(--width-ratio));
}

.studio-single .studioDetail h2 {
    margin: 0 0 0.5em;
    font-size: calc(28* var(--width-ratio));
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.studio-single .studioDetail .mapArea {
    max-width: calc(700* var(--width-ratio));
    margin: calc(24* var(--width-ratio)) auto calc(24* var(--width-ratio));
		aspect-ratio:1.414/1;
}

.studio-single .studioDetail .mapArea iframe {
	width: 100%;
	height:100%;

}

.studio-single .studioDetail .mapArea img {
	display: block; 
	margin: 0 auto;
}

.studio-single .studioDetail .detail {
    max-width: calc(700* var(--width-ratio));
	margin: 0 auto calc(24 * var(--width-ratio));
}

.studio-single .studioDetail .detail table {
	display: block;
	/*margin: 0 0 0 calc(100 * var(--width-ratio));*/
}

.studio-single .studioDetail .detail tbody {
	display: block;
}

.studio-single .studioDetail .detail tr {
	display: flex;
	margin: 0 0 calc(12 * var(--width-ratio));
}

.studio-single .studioDetail .detail th,
.studio-single .studioDetail .detail td {
	display: block;
	font-size: calc(14 * var(--width-ratio));
		line-height:1.3em;
}

.studio-single .studioDetail .detail th {
	width: 35%;
	min-width: 35%;
	padding-right: calc(8 * var(--width-ratio));
	line-height:1.3em;
	letter-spacing:0.075em;
}

.studio-single .studioDetail .detail td {
	width: 100%;
}

.studioDetail .detail td a {
	color: #4285F4;
}

.studioDetail a.more3 {
    text-align: center;
    display: block;
    margin: 1em auto;
    padding: 0.75em 2em;
    border: 0.15em solid #1db1b6;
    width: 30%;
	letter-spacing:0.1em;
    font-weight: 600;
    color: #1db1b6;
    border-radius: 100vh;
}

@media screen and (max-width: 768px) {
    .studioDetail a.more3 {
        margin: 1em auto;
        padding: 0.75em 2em;
        border: 0.15em solid #1db1b6;
        width: 82%;
        font-size: calc(24* var(--width-ratio));
		border-radius:100vh;
    }
}

.studioDetail .tran {
    width: calc(700* var(--width-ratio));
    margin: 0 auto;
    display: flex;
    justify-content: center;
	align-items:center;
	font-weight:550;
	letter-spacing:0.075em;
}

.studioDetail .tran ul {
	display: flex;
	text-align:center;
	gap:2em;
	align-items: center;
	flex-wrap: wrap;
	justify-content:space-evenly;
}

.studioDetail .tran li {
	display: flex;
	align-items: center;
	margin: 0 calc(32 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0;
}

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

.studioDetail .tran li img {
	margin: 0 calc(8 * var(--width-ratio)) 0 0;
}



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

.studio-single .accessStepArea

-------------------------------------------------- */
.studio-single .accessStepArea {
	margin: calc(36 * var(--width-ratio)) 0 calc(48 * var(--width-ratio));
}

.studio-single .accessStepArea .accessStep {
	margin: 0 0 calc(56 * var(--width-ratio));
}

.studio-single .accessStepArea .accessStep:last-child {
	margin: 0;
}

.studio-single .accessStepArea h2 {
    margin: 0 0 1em;
    font-size: calc(24* var(--width-ratio));
    color: #1db1b6;
    letter-spacing: 0.075em;
    font-weight: 600;
    text-align: center;
}

.studio-single .accessStepArea ul {
	display: flex;
	flex-wrap: wrap;
	width: calc(936 * var(--width-ratio));
	margin: 0 auto;
}

.studio-single .accessStepArea li {
	width: calc(216 * var(--width-ratio));
	margin: 0 calc(24 * var(--width-ratio)) calc(24 * var(--width-ratio)) 0;
}

.studio-single .accessStepArea li:nth-child(4n) {
	margin: 0 0 calc(24 * var(--width-ratio));
}

.studio-single .accessStepArea li .imgArea {
	margin: 0 0 calc(8 * var(--width-ratio));
	position: relative;
}

.studio-single .accessStepArea li .imgArea span {
	display: block;
	width: calc(32 * var(--width-ratio));
	height: calc(32 * var(--width-ratio));
	border-radius: calc(20 * var(--width-ratio));
	background: linear-gradient(90deg, rgb(196 168 228), rgb(78 182 225));
	font-size: calc(20 * var(--width-ratio));
	line-height: calc(32 * var(--width-ratio));
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: calc(8 * var(--width-ratio));
	left: calc(8 * var(--width-ratio));
	z-index: 1;
}

.studio-single .accessStepArea li p {
	font-size: calc(12 * var(--width-ratio));
	line-height: calc(16 * var(--width-ratio));
}



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

.studio-single #singleBeforeAfter

-------------------------------------------------- */
.studio-single #singleBeforeAfter {
	margin: calc(52 * var(--width-ratio)) 0 calc(52 * var(--width-ratio));
}

.studio-single #singleBeforeAfter .heading {
	text-align: center;
}

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

.studio-single #singleBeforeAfter .heading span {
	font-size: calc(21 * var(--width-ratio));
	font-weight: 600;
	line-height: 1;
}

.studio-single #singleBeforeAfter .heading > span {
	display: block;
	margin: 0 0 calc(52 * var(--width-ratio));
}

.studio-single #singleBeforeAfter .heading span .man {
	color: #ff7fa1;
	cursor: pointer;
}

.studio-single #singleBeforeAfter .heading span .woman {
	color: #408fff;
	cursor: pointer;
}

.studio-single .ba_tab_wrap {
	margin: calc(52 * var(--width-ratio)) auto 0;
}

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

.studio-single .price

-------------------------------------------------- */
.studio-single .price {
	padding: calc(52 * var(--width-ratio)) 0 calc(56 * var(--width-ratio));
}

.studio-single .price .bnrArea {
	padding: calc(100 * var(--width-ratio)) 0 0;
}

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

.studio-single #photostep

-------------------------------------------------- */
.studio-single #photostep {
	padding: calc(48 * var(--width-ratio)) 0 calc(48 * var(--width-ratio));
}

.studio-single #photostep li {
	text-align: center;
}

.studio-single #photostep a.more {
	margin: 0 auto;
}

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

.studio-single .studioChara

-------------------------------------------------- */
.studio-single .studioChara {
    width: 100%;
    margin: calc(36* var(--width-ratio)) auto 0;
    line-height: 1.4em;
    font-size: 14px;
}

.studio-single .studioChara .ttlArea {
	text-align: center;
}

.studio-single .studioChara .ttlArea h2 {
    display: inline-block;
    padding: 0 0 calc(16* var(--width-ratio));
    margin: 0 0 1em;
    background: url(../img/common/ba-ttl-bg.png) 50% 100% repeat-x;
    font-size: calc(28* var(--width-ratio));
    font-weight: 600;
    letter-spacing: 0.1em;
}

.studio-single .studioChara h3 {
	margin: 0 0 calc(24 * var(--width-ratio));
	font-size: calc(17 * var(--width-ratio));
	text-align: center;
}

.studio-single .studioChara p {
    margin: 0 auto 0.5em;
    font-size: calc(15* var(--width-ratio));
    line-height: 1.4em;
    max-width: calc(400* var(--width-ratio));
}

.studio-single div.txtArea {
    margin: 0 auto;
    font-size: calc(13 * var(--width-ratio));
    line-height: 1.3em;
}

.studio-single .txtArea p {
    margin: 0 auto;
    font-size: calc(13 * var(--width-ratio));
    line-height: 1.3em;
}

.page .pageBottomBtnArea2 {
	display: block;
	margin: calc(24 * var(--width-ratio)) 0 calc(52 * var(--width-ratio)) calc(32 * var(--width-ratio));
}

.catchouter {
	width: 90%;
	margin: 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;
}

.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;
	/* 文字の左隣 */
}

.yoyaku .inner {
	justify-content: space-between;
}

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

@media (min-width: 751px) {
	.studioPageLinkArea {
		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;
		margin:0 0 0.5em;
	}

	.tokyoArea2 ul li a {
		background-color: #fff1c0 !important;
		color: #323232 !important;
	}

	.osakaArea2 ul li a {
		background-color: #defed5 !important;
		color: #323232 !important;
	}

	.otherArea2 ul li a {
		background-color: #d1edfb !important;
		color: #323232 !important;
	}
}

@media (max-width: 750px) {
	.studioPageLinkArea .tokyoArea2 h3 {
		background: #fff1c0 !important;
		color: #000000 !important;
	}

	.studioPageLinkArea .osakaArea2 h3 {
		background: #defed5 !important;
		color: #000000 !important;
	}

	.studioPageLinkArea .otherArea2 h3 {
		background: #d1edfb !important;
		color: #000000 !important;
	}

	.studioPageLinkArea h3:before {
		border-color: #000000 transparent transparent !important;
	}

	#access .sec01 .studioPageLinkArea ul {
		background: #f4f4f4 !important;
	}
}

/* 2023/09/12　モーダルのcss定義追加*/
.ba-outer-area {
	margin: calc(80 * var(--width-ratio)) auto 0;
	max-width: calc(1100 * var(--width-ratio));
}

.ba-txt-compare {
    font-size: calc(36* var(--width-ratio));
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: center;
    display: block;
    margin: 0 0 1em;
    line-height: 1.4em;
}

.ba-inner {
	width:83%;
	margin:0 auto;
	display:flex;
	justify-content: space-evenly;
}

.ba-cmp-txt  {
	position: relative;
  font-size:calc(28 * var(--width-ratio));
  margin: 0 auto 0.25em;
  font-weight:600;
  letter-spacing:0.075em;
}

h4.ba-cmp-txt.txt-before {
	border-bottom: solid 0.1em #5d5d5d;
	padding-bottom: 0.25em;
	background: none;

}

h4.ba-cmp-txt.txt-after {
	border-bottom: solid 0.1em #FFA699;
	padding-bottom: 4px;
	background: none;
}

h4.ba-cmp-txt.txt-after.man {
	border-bottom: solid 0.1em #0ABAB5;
}

h4.ba-cmp-txt.txt-after.yt {
	border-bottom: solid 2px #F098A2;
}

.ba_tab_wrap.male h4.ba-cmp-txt.txt-after {
	border-bottom: solid 2px #0ABAB5;
}

.ba_tab_wrap.female h4.ba-cmp-txt.txt-after {
	border-bottom: solid 2px #F098A2;
}

.ba-photo-area {
	display:flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.ba-photo-area img {
	border: calc(1 * var(--width-ratio)) solid lightgray;
	height:auto;
}

.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;
    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;
    top: calc(259 * var(--width-ratio));
    right: calc(-56 * var(--width-ratio));
}

.ba-photo-area:first-child.man:after {
    border-color: transparent transparent transparent #0ABAB5;
}

.ba-photo-area:first-child.yt:after {
    border-color: transparent transparent transparent #FFC6BF;
}

.ba_tab_wrap.male .ba-photo-area:first-child:after {
    border-color: transparent transparent transparent #0ABAB5;
}

.ba_tab_wrap.female .ba-photo-area:first-child:after {
    border-color: transparent transparent transparent #FFC6BF;
}

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

.js-modal-open {
	cursor: pointer;
}

.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: 50vh;
	transform: translate(-50%, -50%);
}

.js-modal-inner.large-size {
	max-width: 80vh;
}

.js-modal-inner-image img {
	width: 100%;
	height: auto;
}



.js-modal .js-modal-inner .js-modal-inner-text {
	padding:0.75em;
	background-color: #fff;
	letter-spacing:0.05em;
}

.js-modal .js-modal-inner .js-modal-inner-text h4 {
    display: block;
    font-size: calc(18 * var(--width-ratio)) !important  ;
    line-height: 1.6em;
    letter-spacing:0.075em;
    text-align: center !important;
    margin: 0 auto 0.25em;
    background-image: none;
    padding: 0;
	font-weight:600;
}

.js-modal .js-modal-inner .js-modal-inner-text p {
  font-size: calc(15 * var(--width-ratio)) !important;
  line-height: 1.6em !important;
  text-align: left !important;
  padding:0 1em;
  letter-spacing:0.05em;
}

.js-modal-close {
  margin-top: 0.5em;
  font-size: calc(24* var(--width-ratio));
  letter-spacing: 0.075em;
  text-align: center;
  color: #fff;
  font-weight:500;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .js-modal .js-modal-inner .js-modal-inner-text p {
      font-size: calc(24 * var(--width-ratio)) !important;
  }
  .js-modal-close {
      font-size: calc(36* var(--width-ratio));
      letter-spacing: 0.075em;
  }
}

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

/* 230917 TOPページ　FAQ追加*/
.p-top-faq {
	padding: calc(48 * var(--width-ratio)) 0;
}

.p-top-faq > h2 {
    display: flex;
    justify-content: center;
    font-size: calc(36 * var(--width-ratio));
    line-height: 1.4em;
	font-weight:600;
	letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 1em;
}

.p-top-faq__list {
	display: flex;
	flex-wrap: wrap;
	row-gap: calc(36 * var(--width-ratio));
	width: 100%;
	max-width: calc(768 * var(--width-ratio));
	margin: calc(24 * var(--width-ratio)) auto 0;
}

.p-top-faq__list__item {
	width: 100%;
}

.p-top-faq__list__item__q {
    position: relative;
    width: 100%;
    font-weight: 600;
	letter-spacing:0.1em;
    padding: 1.25rem 1.25rem 1.25rem calc(60* var(--width-ratio));
    border-radius: 8px;
    font-size: calc(20 * var(--width-ratio));
    line-height: 1.4em;
    background: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
	 box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
}

.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(35 * var(--width-ratio));
	height: calc(35 * 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 calc(2 * var(--width-ratio)) #1db1b6;
	font-size: calc(16 * var(--width-ratio));
	line-height: 1.6em;
	border-radius:15px;
	box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
}

.p-top-faq__list__item__a::before {
	content: '';
	position: absolute;
	left: calc(25 * var(--width-ratio));
	top: calc(25 * var(--width-ratio));
	display: block;
	width: calc(25 * var(--width-ratio));
	height: calc(25 * var(--width-ratio));
	background: url(../img/common/qa-a.png) no-repeat 50%/contain;
}

.p-top-faq__list__item__a h4 {
	letter-spacing:0.1em;
	line-height: inherit;
	font-size: calc(18 * var(--width-ratio));
	margin-bottom: 0.75em;
	font-weight:600;
}

.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));
	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));
	letter-spacing:0.075em;
}

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

/* 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__table {
    width: 100%;
    border: solid 1px #303030;
    border-right: none;
    background-color: #fff;
    max-width: calc(860* var(--width-ratio));
    margin: 0 auto;
}


#secPrice3.c-price__table3 {
	/*width: 100%; 
	max-width: calc(800* var(--width-ratio)); */
	margin: calc(0* var(--width-ratio)) auto calc(48* var(--width-ratio));
	background: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
	padding: calc(24* var(--width-ratio));
}

#secPrice3.c-price__table3 > h3 {
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 0.75em;	
}
#secPrice3.c-price__table3 > h3 {
    font-size: calc(28* var(--width-ratio));
    line-height: 1.4em;
    letter-spacing: 0.1em;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0.5em;
}

#secPrice3 .c-price__table3__table thead tr {
	background-color: #0ABAB5;
}
#secPrice2 .c-price__table2__table thead th, #secPrice3 .c-price__table3__table thead th {
    padding: calc(10* var(--width-ratio)) calc(15* var(--width-ratio)) calc(10* var(--width-ratio));
    border-right: solid 1px #303030;
    font-size: calc(15 * var(--width-ratio));
    line-height: 1.4em;
    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(14 * var(--width-ratio));
	line-height: 1.4em;
	letter-spacing: 0.1em;
	text-align: center;
}

#secPrice2 .c-price__table2__table tbody td,
#secPrice3 .c-price__table3__table tbody td {
    font-size: calc(14 * var(--width-ratio));
    line-height: 1.5em;
    padding: calc(12* var(--width-ratio)) calc(28* var(--width-ratio));
}

#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: 50%;
    margin: calc(8* var(--width-ratio)) auto calc(15* var(--width-ratio)) auto;
    font-size: calc(12 * var(--width-ratio));
    line-height: 1.6em;
    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;
	font-size:calc(14 * var(--width-ratio));
}

.c-price__table3 .c-price__table3__table span.toomuch_retouch_modal {
    color: #4285F4;
	margin:0.5em auto 0;
	display:inline-block;
	font-size:calc(14 * var(--width-ratio));
}

a.blue_link {
	color: #0088F3;
}

@media screen and (max-width: 768px) {
	.c-price__table3 .c-price__table3__table .org_tag_modal01 span.print_price_modal {
	font-size:calc(20 * var(--width-ratio));
}
	
	.c-price__table3 .c-price__table3__table span.toomuch_retouch_modal {
		font-size:calc(20 * var(--width-ratio));
	}
	
}

/* 2023/09/18 価格ページ「追加料金が発生する条件は」追加*/
.p-price__other {
	padding: calc(48 * var(--width-ratio)) 0 calc(0 * 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(48 * 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: 100%;
}
.p-price__other__list__row__image img {
	width: 100%;
	height: auto;
}

.p-price__other__list__row__box {
    width: calc(100% - 40% -(36* var(--width-ratio)));
    background: #fff;
    padding: 1rem 2rem;
}

.p-price__other__list__row__box__title1 {
    position: relative;
    padding-bottom: calc(2* var(--width-ratio));
    font-size: calc(24 * var(--width-ratio));
    line-height: 1.4em;
    color: #303030;
    text-align: center;
    border-bottom: 3px solid #1db1b6;
    width: 70%;
    margin: 0 auto calc(18* var(--width-ratio));
}

.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));
    margin-bottom: 1em;
    font-size: calc(20 * var(--width-ratio));
    line-height: 1.4em;
    color: #4AC0C4;
    text-align: center;
}

.p-price__other__list__row__box > p {
    margin: 0em auto 0.5em;
    font-size: calc(16 * var(--width-ratio));
    line-height: 1.6em;
    padding: 0 calc(60* var(--width-ratio));
}

.p-price__other__list__row--2 {
	flex-direction: row-reverse;
}

.p-price__other__list__row__box__title1.sp-style {
    display: none;
}

.price_add{
	background: linear-gradient(90deg, rgb(249 243 249), rgb(218 251 255));
	padding-bottom: calc(48 * var(--width-ratio));
}

.btn-common01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(330 * var(--width-ratio));
    height: calc(44 * var(--width-ratio));
    margin: 0 auto calc(45 * var(--width-ratio));
    border: calc(1 * var(--width-ratio)) solid #1a73e8;
    background: #fff;
    font-size: calc(17 * var(--width-ratio));
    color: #1a73e8;
    position: relative;
}

.btn-common01: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;
}

/* クーポンページで他のcssが適用されてしまうので、それに被せる定義 */
#coupon .js-modal .js-modal-inner .js-modal-inner-image img {
	margin: 0;
}

/* タブ切り替えボタン追加 */
.ba_con_1_tab_inners, .ba_con_2_tab_inners {
    display: flex;
    width: 50%;
    margin: -10px auto 2.5rem;
    align-items: center;
    gap: calc(60* var(--width-ratio));
    justify-content: center;
}

.ba_con_1_tab_inners label, .ba_con_2_tab_inners label {
    display: flex;
    width: 18%;
    height: calc(40 * var(--width-ratio));
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    color: white;
    background: #c8d5db;
    box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
    cursor: pointer;
    font-size: calc(20 * var(--width-ratio));
}

.ba_con_1_tab_inners label.selected{
	background-color: #F098A2;
}

.ba_con_2_tab_inners label.selected{
	background-color: #0ABAB5;
}

.price .heading span span label:hover {
	cursor: pointer;
}
/*運営企業情報のためのCSS*/

figure.company_logo{
	text-align:center;
	margin:1em;
}

div.company_detail{
	text-align:center;
		margin:1em auto 3em;
	justify-content:center;
	display:flex;
}

#company_table table {
	margin:0 auto;
}

#company_table a{
	color:#1558d6;
}

#company_table tr {
  border-bottom: 1px solid #b5b1b1;
}

#company_table th,
#company_table td {
  padding: 24px 0;
  border: none;
}

#company_table th {
  width: 40%;
	text-align:left;
}

/* sp */
@media only screen and (max-width: 480px) {
  #company_table th,
  #company_table td {
  width: 100%;
  display: block;
  font-size:calc(28 * var(--width-ratio)) ;
  }

  #company_table th {
    width: 100%;
    text-align:center;
  }

  #company_table td {
    padding-top: 0;
  }
}

/*---ここまで運営企業情報のためのCSS---*/
/*tableのためのCSS*/
.table_01 {
 width: 100%;
	max-width:calc(860 * var(--width-ratio));
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
	margin:1em auto;
}
.table_01 th {
 padding: 10px;
 background: #e9faf9;
 border: solid 1px #778ca3;
		text-align:center;
}
.table_01 td {
 padding: 10px;
 border: solid 1px #778ca3;
		text-align:center;
}

.table_02 {
 width: 100%;
		max-width:calc(860 * var(--width-ratio));
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
		margin:1em auto;
		text-align:center;
}
.table_02 th {
 padding: 10px;
 background: #778ca3;
 border: solid 1px #666666;
 color: #ffffff;
		text-align:center;
}
.table_02 td {
 padding: 10px;
 border: solid 1px #666666;
		text-align:center;
}
.table_02 td:first-child {
 background: #e9faf9;
}

.table_03 {
 width: 100%;
	max-width:calc(860 * var(--width-ratio));
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
		margin:1em auto;
}
.table_03 th {
 padding: 10px;
 border-bottom: solid 4px #778ca3;
 color: #778ca3;
	 	text-align:center;
}
.table_03 td {
 padding: 10px;
 border-bottom: solid 1px #778ca3;
		text-align:center;
}

.table_04 {
 width: 100%;
	max-width:calc(860 * var(--width-ratio));
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
		margin:1em auto;
}
.table_04 th {
 padding: 10px;
 border: solid 1px #ffffff;
		text-align:center;
}
.table_04 th:nth-child(1) {
 background: #fd9644;
}
.table_04 th:nth-child(2) {
 background: #fed330;
}
.table_04 th:nth-child(3) {
 background: #26de81;
}
.table_04 td {
 padding: 10px;
 border: solid 1px #ffffff;
		text-align:center;
}
.table_04 td:nth-child(1) {
 background: #fec598;
}
.table_04 td:nth-child(2) {
 background: #fee585;
}
.table_04 td:nth-child(3) {
 background: #70e9ac;
}

.table_05 {
 width: 100%;
	max-width:calc(860 * var(--width-ratio));
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
		margin:1em auto;
}
.table_05 th {
 padding: 10px;
 border: solid 1px #ffffff;
		text-align:center;
}
.table_05 th:nth-child(1) {
 background: #fd9644;
}
.table_05 th:nth-child(2) {
 background: #fed330;
}
.table_05 th:nth-child(3) {
 background: #26de81;
}
.table_05 td {
 padding: 10px;
 border: solid 1px #ffffff;
		text-align:center;
}
.table_05 td:nth-child(1) {
 background: #fec598;
}
.table_05 td:nth-child(2) {
 background: #fee585;
}
.table_05 td:nth-child(3) {
 background: #70e9ac;
}

.table_06 {
 width: 100%;
		max-width:calc(860 * var(--width-ratio));
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
		margin:1em auto;
		text-align:center;
}
.table_06 th {
 padding: 10px;
 background: #778ca3;
 border: solid 1px #666666;
 color: #ffffff;
		text-align:center;
}
.table_06 td {
 padding: 10px;
 border: solid 1px #666666;
		text-align:center;
}
.table_06 td:first-child {
 background: #e9faf9;
}

/*---ここまでtableのためのCSS---*/
/*miya write*/
.c-float-menu {
	display: flex;
	flex-direction: column;
	position: fixed;
	gap: 10px;
	bottom: 2%;
	/* right: max(0.924vw,0.84rem); */
/*   left: calc(50vw + 186px - 70px); */
	right:calc(50vw - 550px);
	z-index: 9999;
	opacity: 1;
	/* transform: translateY(max(6.2vw,5.6rem)); */
	transform: translateY(max(4.4vw,4rem));
	transition: visibility 0s linear 0.5s, opacity 0.5s linear,transform 0.5s;
}
.c-float-menu button {
  max-width: 64px;
  max-height: 64px;
	width: max(4.4vw,4rem);
	height: max(4.4vw,4rem);
  background: none;
  border: none;
  padding: 0;
}
.c-float-menu button img {
  width: 100%;
}
.c-float-menu button#to-top {
	visibility: hidden;
	opacity: 0;
}
.c-float-menu.visible {
	transform: translateY(0);
}
.c-float-menu.visible button#to-top {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s linear;
}
@media screen and (max-width:1000px) {
  .c-float-menu {
    left: auto;
  	right: max(0.924vw,0.84rem);
  }
}

/*miya write*/
.c-toc {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
  top: 0;
  left: 0;
	z-index: 999999;
	width: 100vw;
	width: 100dvw;
	height: 100vh;
	height: 100dvh;
	font-size: 1.75rem;
	font-weight: 700;
	padding: 80px 16px;
  background-color: transparent;
	transition: .3s;
}
.c-toc.is_open {
	display: flex;
}
.c-toc__overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}
.c-toc__inner {
	height: 100%;
	width: 60%;
	position: relative;
	background: #fdfdfd;
	padding: 2em;
	opacity: 0;
	transform: translateY(1rem);
	transition: .3s;
}
.c-toc.is_open .c-toc__inner {
	opacity: 1;
	transform: translateY(0px);
}
.c-toc__cnt {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	font-weight: 500;
	color: #609faf;
}
.c-toc__ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2em;
}
.c-toc__ttl img {
	width: 1.1em;
	margin-right: 0.5em;
}
.c-toc__cnt ol {
	counter-reset: li;
	margin-top: 0.7em;
}
.c-toc__cnt li {
	position: relative;
	line-height: 1.6;
	margin: .25em 0 .25em 2em;
}
.c-toc__cnt li a {
  cursor: pointer;
	color:#109afc;
}
.c-toc__cnt li::before {
	content: counter(li);
	counter-increment: li;
	display: block;
	position: absolute;
	top: .25em;
	right: calc(100% + .5em);
	border-right: var(--color-gray) 1px solid;
	white-space: nowrap;
	width: auto;
	font-family: var(--font-inter);
	line-height: 1.1;
	padding-right: .5em;
	transform: scale(.95);
}
.c-toc__close {
	position: absolute;
	bottom: -1.5em;
	left: 50%;
	color: rgb(255, 255, 255);
	transform: translateX(-50%);
	font-weight: 500;
  background: none;
  border: none;
}
.c-toc__comment {
  font-size: 14px;
  color: #333;
  text-align: center;
  margin-top: 10px;
}

@media screen and (max-width:749px) {
  .c-toc__comment {
    font-size: 12px;
  }
}

.c-author {
	font-size: 16px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border: #ccc 1px solid;
    border-radius: 4px;
    padding: 20px 30px 20px 15px;
    margin: 1em auto;
    position: relative;
}
.c-author .c-author__img {
  width: 150px;
  flex-shrink: 0;
}
.c-author .c-author__img > img {
  width: 120px;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 auto 10px;
}
.c-author__img .c-author__comment {
	font-size: 11px;
	line-height:1.4em;
	text-align: center;
	margin: 0;
}
.c-author__img .c-author__comment .sp-only {
  display: none;
}
section.article-body .c-author__txt {
  flex-grow: 1;
  flex-shrink: 1;
	padding:0 1em 0 0;
}
section.article-body .c-author__sns {
  position: absolute;
  top: 20px;
  right: 45px;
  width: 60%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
}
section.article-body .c-author__sns .c-author__sns-item {
  width: 20px;
  height: 20px;
	line-height: 1;
  margin: 0;
}
section.article-body .c-author__sns .c-author__sns-item img {
  width: 100%;
  object-fit: contain;
  margin: 0;
}
section.article-body .c-author__sns .c-author__sns-item img.icon-twitter {
  width: 90%;
}
section.article-body p.c-author__lead {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4em;
  margin: 2em 0 0.5em 0;
}
section.article-body p.c-author__name {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3em;
    letter-spacing: 0.1em;
    margin: 0 0 0.5em 0;
}
section.article-body .c-author__dsc {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4em;
  margin: 0;
  transition: .3s ease-in-out;
}

@media screen and (max-width:749px) {

}

/*2024年9月5日の価格改定のためのCSS*/

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


.wrapper .price_change p {
    margin: 1em auto 1em;
    line-height: 1.6em;
	text-align:left;
	max-width:45%;
}

.wrapper .price_change .box-design16 p {
    margin: 1em auto 1em;
    line-height: 1.6em;
	text-align:left;
	max-width:100%;
}

h2.price_change{
		font-size:calc(34 * var(--width-ratio));
	line-height:1.4em;
	margin:1em auto;
	text-align:center;
}

.price_change h2{
		font-size:1.5rem;
	line-height:1.4em;
	margin:1em auto;
	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 .box-design16 .box-design16-txt ul {
    line-height: 1.8em;
    margin: 1em auto;
    display: block;
    width: 100%;
}

.price_change .box-design16 .box-design16-txt li {
    line-height: 1.6em;
    width: 100%;
    height: auto;
    background: none;
    text-align: left;
    overflow: auto;
	border:none;
	border-radius:0;
	margin:0 auto;
}

div.center{
	display:flex;
	justify-content:center;
}

.box-design16 {
  margin: 20px auto;
	max-width:45%;
}

.box-design16 p{
	padding:0 2em;
	margin:0 auto 1em;
	max-width:92%;
}

.box-design16-ttl {
  background-color: #4c9ac0;
  color: #fff;
  padding: 0.5em 2em;
  width: fit-content;
  border-radius: 10px 10px 0 0;
  margin: 0 auto;
  font-size: 18px;
  font-weight: bold;
}


.box-design16-txt {
  padding: 10px 20px;
  border: 2px solid #4c9ac0;
	background:#fff;
}

.price_change_table .price tr.coupon td {
	font-size:calc(24 * var(--width-ratio));
}


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

 .wrapper .price_change p {
		font-size:26px;
	padding:0 3em;
	 max-width:100%;
}
	
	.box-design16 p{
		font-size:14px;
}
	
	
	

.price_change .box-design16 .box-design16-txt ul {
		font-size:24px;
	}
	
	.price_change h2.price_change {
		font-size:calc(38 * var(--width-ratio));
}
	
	.box-design16 {
		max-width:100%;
		padding:0 2em;
		margin:2em auto;
	}
	
	.box-design16-ttl {
  font-size: 24px;
}
	
	.center p {
			font-size:22px;
		padding:0 2em;
	}
	
	
	
}

.background_btn02 {
  display: block;
	margin:0 auto;
		line-height:1.4em;
  color: #fff; /* 文字色 */
  font-weight: bold; /* 文字の太さ */
  width: 100%;
  max-width: 700px; /* ボタン幅 */
  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;
}

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

#online-order

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

#online-order div.online-order{
	width:800px;
	max-width:100%;
	margin:2em auto;
	padding:0 1em;
	font-size:calc(16* var(--width-ratio));
	line-height:1.6em;
}

#online-order .inner{
	width:100%;
}

#online-order .inner h2{
    font-size: calc(20* var(--width-ratio));
    margin: 1.5em auto 1em;
    border-bottom: 3px solid #4AC0C4;
    padding-bottom: 0.25em;
	line-height:1.3em;
	text-align:center;
	font-weight:600;
}

#online-order .inner h3{
    font-size: calc(20* var(--width-ratio));
    margin: 0.5em auto 0.5em;
    color: #4AC0C4;
    padding-bottom: 0.25em;
	text-align:center;
		line-height:1.3em;
}

#online-order .inner h3.box-design16-ttl{
	font-size: calc(16* var(--width-ratio));
    color: #fff;
    text-align: center;
	margin:0 auto;
	line-height:1.3em;
}

#online-order .inner p{
	margin:0 auto 0.5em;
}

#online-order .pageTtlAreaz .inner .breadcrumb li{
		margin:0;
}

#online-order .inner ul{
		margin:0.5em auto 0.5em;
	font-size:calc(16* var(--width-ratio))
		padding-left:1em;
}


#online-order .inner .imgArea{
	width:330px;
}

#online-order .inner img{
	width:92%;
	margin:1em auto;
	display:block;
}

#online-order .inner .org_tag_tab01_cnt .org_tag_tab01_item p{
	width:75%;
	font-size:0.9em;
	line-height:1.6em;
}

#online-order .inner dl.survey{
	margin:1em auto;
	line-height:1.3em;
	border:1.5px solid gray;
	padding:1em;
	font-size:0.9em;
	width:75%;
}
#online-order .inner dt{
	margin:0.5em auto 0.3em;
	font-weight:600;
}
#online-order .inner dd{
	margin:0em auto 1em;
	font-weight:400;
}

#online-order .box-design16{
	width:92%;
}

#online-order .inner p.online-order-top {
  margin:1em auto 1em;
	line-height:1.6em;
	font-size:calc(16* var(--width-ratio));
	text-align:center;
}

#online-order .inner cite{
	display:block;
	text-align:right;
	margin:0.5em auto;
}

#online-order .inner .flex {
  display: flex; /*横並び*/
	gap:30px;
	margin:0 auto 1em;
}

#online-order .inner .flex .image {
  width: 640px; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}

#online-order .inner .flex h3.title{
	font-weight:600;
	color:red;
}

#online-order .inner .flex p {
  margin:0 auto 0.5em;
  padding: 0;
	line-height:.1.8em;
}

#online-order .inner .flex a {
	color:#4285F4;
}

	#online-order .inner .org_tag_tab01_btns button{
		margin:1.5em auto 0em;
	}

@media screen and (max-width: 768px) {
	#online-order div.online-order{
	width:1000px;
	max-width:100%;
	margin:0 auto;
	padding:0.5em 1em 2em;
	font-size:calc(28* var(--width-ratio));
}

	#online-order .inner h2{
    font-size: calc(32* var(--width-ratio));
    margin: 1.5em auto 1em;
		text-align:left;
}

#online-order .inner h3{
    font-size: calc(32* var(--width-ratio));
    margin: 0.5em auto 0.5em;
}

#online-order .inner h3.box-design16-ttl{
	font-size: calc(30* var(--width-ratio));
    color: #fff;
    text-align: center;
	margin:0 auto;
}

#online-order .inner ul{
		margin:0.5em auto 0.5em;
	font-size:calc(30* var(--width-ratio))
		padding-left:1em;
}	
	
	#online-order .inner .imgArea{
	width:300px;
}

	#online-order .inner img{
	width:92%;
}
	
	#online-order .inner p.online-order-top {
	font-size:calc(24* var(--width-ratio));
		padding:0 1em;
		margin:1em auto 2em;
}
	
	#online-order .inner .org_tag_tab01_btns button{
		font-size:calc(24 * var(--width-ratio-org-tag));
		margin:1.5em auto 0em;
	}
	
	#online-order .inner .flex {
	gap:20px;
	margin:0 auto 2em;
}
	
	#online-order .inner .flex p{
		font-size:calc(22* var(--width-ratio))
	}
	
	#online-order .inner .org_tag_tab01_cnt .org_tag_tab01_item p{
	width:92%;
	font-size:0.9em;
	line-height:1.6em;
	margin:0 auto 0.5em;
}	
	
	#online-order .box-design16{
		width:100%;
		padding:0 1em;
	}
	
	#online-order .inner dl.survey{
	width:100%;
}
}
/*ここまでonline-order*/

/*■□■□■□■□■□■□■□■□■□■□■
 ---ここからプリント写真のためのCSS 20240904---
■□■□■□■□■□■□■□■□■□■□■*/

#secPrice_print .c-price__table_print {
	width:100%;
	max-width: calc(860 * var(--width-ratio));
	margin:1em auto;
}

#secPrice_print .org_tag_modal01__wrapper .org_tag_modal01__wrapper2{
	width:100%;
}



#secPrice_print .c-price__table_print > h3 {
	font-size: calc(14 * var(--width-ratio));
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 1em;	
}

#secPrice_print .org_tag_modal01__inner h3{
	border-bottom:none;
	font-size:calc(14 * var(--width-ratio));
}

#secPrice_print .c-price__table_print__table {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 margin:0 auto;
 font-size:calc(16 * var(--width-ratio));
 letter-spacing:0.1em;	
}

#secPrice_print .c-price__table_print__table th {
 padding: 0.75em;
 background: #1DB1B6;
 border: solid 1px #303030;
 text-align:center;
	color:#fff;
}

#secPrice_print .c-price__table_print__table td {
 padding: 0.75em;
 border: solid 1px #303030;
 text-align:center;
}

#secPrice_print .c-price__table_print__table tr td:nth-of-type(2){
	letter-spacing:0;
}

#secPrice_print .c-price__table_print__table tr:nth-child(even) td{
	background:#e5f4f4;
}

#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.3em auto 0;
	font-size: calc(11 * var(--width-ratio));
	line-height: 1.54;
	color: #303030;
	text-align: right;
}

#secPrice_print .org_tag_tab01_btns{
	margin:0 auto;
}

#secPrice_print .org_tag_tab01_cnt{
	background:linear-gradient(90deg, rgb(249 243 249), rgb(218 251 255));
}

#secPrice_print .price tbody tr:nth-child(2n-1){
	background:#fff;
}

#secPrice_print .c-price__table_print .org_tag_modal01__inner img{
	width:100%;
}

@media screen and (max-width: 768px) {
	#secPrice_print.c-price__table_print {
	width:84%;
	max-width: calc(860 * var(--width-ratio));
	margin:1em auto 3em;
}
	
	#secPrice_print.c-price__table_print > h3 {
	font-size: calc(28 * var(--width-ratio));
	}
	
	#secPrice_print .c-price__table_print__table {
		width: 100%;
		margin:0 auto;
		font-size:calc(24 * var(--width-ratio));
	}
	#secPrice_print .c-price__table_print__table td {
		padding: 0.75em;
		border: solid 1px #303030;
		text-align:center;
	}
	
	#secPrice_print .c-price__table_print__text {
	width: 100%;
	font-size: calc(17 * var(--width-ratio));
	}	
	
	#secPrice_print .c-price__table_print .org_tag_modal01__inner img{
	width:100%;
}
}
/*---ここまでプリント写真のためのCSS---*/
/*---バナーテキスト修正---*/

.bnrtxtArea p{
    text-align: center;
    font-size: 0.7em;
    line-height: 1.6em;
    width: 30%;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
.bnrtxtArea p{
    width: 80%;
	text-align:right;
	font-size: 0.7em;
}
}
/*---ここまでバナーテキスト修正---*/

/*---ここからアイコン吹き出しのCSS---*/
.balloon{
  display: flex;
  margin:1em auto 1em;
	gap:5px;
}
.balloonR{
  flex-direction: row-reverse;
}
.balloon-img{
  width: 120px;
  height: auto;
  flex-shrink: 0;
}

.balloon img.balloon-img{
	margin:0 auto;
}

.balloon-text{
  padding: 1em;
  border-radius: 16px;
  position: relative;
  display: flex;
}

.balloon-text-inner{
  margin: 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: 0.8em;
    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: 0.8em;
    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: 150px;
	}
.balloon span.icon_name{
    font-size: 20px;
}	
}

/*---ここまでアイコン吹き出しのCSS---*/

/* 2024.11 タブ切り替え実装に伴うcss追加・調整 */

.org_tag_tabbtn01_btns {
  justify-content: center;
  margin: 50px auto;
  max-width: 1396px;
  padding-left: 4px;
  display: none;
}

.org_tag_tabbtn01_btns button {
  font-family: inherit;
  font-size: 20px;
  height: auto;
  padding: 1em 0;
  width: 25%;
}

.ba_tab_wrap.female .org_tag_tabbtn01_btns button {
  border-bottom-color: #F098A2;
}

.ba_tab_wrap.female .org_tag_tabbtn01_btns button.js-current {
  background: #F098A2;
}

.org_tag_tabbtn01_top .baTtl h4 {
    display: inline-block;
    padding: 0 0 0.1em;
    margin: 1em auto 1em;
    font-size: calc(32* var(--width-ratio));
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 1.4em;
    border-bottom: 0.15em solid #0ABAB5;
}

.ba_tab_wrap.female .org_tag_tabbtn01_top .baTtl h4 {
	border-bottom-color: #F098A2;
}

.org_tag_tabbtn01_top .baTtl h4 .man {
  color: #1db1b6;
  font-size:1.1em;
}

.org_tag_tabbtn01_top .baTtl h4 .woman {
  color: #F098A2;
  font-size:1.2em;
	font-weight:600;
	margin:0 0.1em;
}

.choose_tab_inner {
  margin-bottom: 0.5em;
	font-size:calc(18* var(--width-ratio));
	letter-spacing:0.075em;
}

@media screen and (max-width: 768px) {
	.choose_tab_inner {
	font-size:calc(26* var(--width-ratio));
	}
	.beforeAfter .org_tag_tabbtn01_top{
	padding:10px;
	}
}

.ba_panel_area .org_tag_tabbtn01_btns_sub{
	margin:1em auto 3em;
}

.beforeAfter .org_tag_tabbtn01_btns_sub {
	gap: 2.5em;
}

.beforeAfter .org_tag_tabbtn01_top {
	padding: 10px;
}

.org_tag_tabbtn01_btns_sub button {
  border-radius: 100vh;
  font-family: inherit;
  font-size: 20px;
	letter-spacing:0.1em;
  height: auto;
  line-height: 1.5;
  min-width: 150px;
  padding: .25em 1.5em;
}

@media screen and (max-width: 768px) {
	.org_tag_tabbtn01_btns_sub button {
		min-width: 100px;
	}
}

.ba_tab_wrap.female .org_tag_tabbtn01_btns_sub button.js-current {
  background: #F098A2;
  border-color: #F098A2;;
}

.org_tag_tabbtn01_main {
  padding: 0;
}

@media screen and (max-width: 750px) {
  .ba_tab_area {
    margin: auto;
    width: 96%;
  }
  .ba_tab_area .ba_tab1_label {
    margin-left: 0;
  }
  .ba_tab_area .ba_tab5_label {
    margin-left: 0;
  }
  .org_tag_tabbtn01_btns {
    margin: 1.5em auto 1em;
    padding-left: 0;
  }
  .org_tag_tabbtn01_btns button {
    font-size: calc(26 * var(--width-ratio));
    padding: .75em 0;
    width: 50%;
  }
  .org_tag_tabbtn01_top .baTtl h4 {
    font-size: calc(36 * var(--width-ratio));
    line-height: 1.4;
    padding-bottom: .3em;
  }
  #toppage .sec .choose_tab_inner {
    font-size: calc(24 * var(--width-ratio));
	  margin: 0.5em auto;
    text-align: center;
  }
  .org_tag_tabbtn01_btns_sub button {
    font-size: calc(28 * var(--width-ratio));
  }
}


/* 予約エリア */
.cvArea.sp .c-cvArea__inner__cta {
	height: 100px;
	align-items: center;
	display: flex;
	justify-content: space-between;
	column-gap: normal;
}
.cvArea.sp .c-cvArea__inner__cta .c-cvArea__inner__list_cta {
	width: 25%;
	position: relative;
	text-align: center;
	justify-content: center;
	flex: 1;
	height: 100%;
}
.cvArea.sp .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%);
}
.cvArea.sp .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;
}
.cvArea.sp .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu .cta-menu--bar-top {
	top: 0;
}
.cvArea.sp .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu .cta-menu--bar-middle {
	top: calc(9.4 * var(--width-ratio));
}
.cvArea.sp .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu .cta-menu--bar-bottom {
	top: calc(18.8 * var(--width-ratio));
}

.cvArea.sp .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;
	box-shadow: none;
}
.cvArea.sp .c-cvArea__inner__cta .cta-menu-link-border::after {
	content: "";
	position: absolute;
	display: inline-block;
	background: #000;
	width: 1px;
	height: 60px;
	right: 0;
	top: 14px;
}
.cvArea.sp .c-cvArea__inner__cta .c-cvArea__inner__list_cta:last-child .cta-menu-link-border::after {
	width: 0;
}
.cvArea.sp .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu-link img {
	width: 80px;
	display: block;
	margin: 0 auto;
}
.cvArea.sp .c-cvArea__inner__cta .c-cvArea__inner__list_cta .cta-menu-link .cta-menu-link-text {
	font-size: 18px;
	display: inline-block;
	letter-spacing: .1em;
	font-weight: 600;
	color: #000;
}
.cvArea.sp .cta-text {
	font-size: 28px;
	text-align: center;
	padding: .75em 0 0em !important;
	letter-spacing: .1em;
	font-weight: 600;
	display: block !important;
}
.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: calc(20* var(--width-ratio));
	font-size: calc(18* var(--width-ratio));
	line-height: 1.76;
	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: #4385f5;
}
.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: #4385f5;
}
.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: #4385f5;
	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 #4385f5;
	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 #4385f5;
	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: #4385f5;
}
.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 #4385f5;
	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: auto auto 1em;
	text-align: center;
}
.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: #4385f5;
}
.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: 0 auto 2em;
	}
	.yoyaku .yoyaku_inner_area .catchouter .catch {
		font-size: 34px;
		margin: 0 auto;
	}
	.yoyaku .yoyaku_inner_area .tel-area-content .inner {
		width: 90%;
		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: 2em;
	}
	.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: #4385f5;
		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: 28px;
	}
	.yoyaku .yoyaku_inner_area .tel-area-tab .tel-area {
		width: 20%;
	}
	.yoyaku .yoyaku_inner_area .tel-area-tab .tel-area .tel-area-text {
		padding: .5em 1.5em;
		font-size: 22px;
	}
	.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: 18px;
		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: 20px;
	}
	.yoyaku .yoyaku_inner_area .catchouter .catch {
		font-size: 34px;
		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: 18px;
		width: auto;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow {
		width: 90%;
		padding: 0;
		margin: 3.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: .75em .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: 24px;
	}
	.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 #4385f5;
		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: 80px;
		height: 20px;
		font-size: 20px;
		top: -25px;
		left: 18px;
	}
	.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 #4385f5;
		top: -13px;
		left: 95px;
	}
	.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: -40px;
		top: 23px;
		font-size: 28px;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-content .yoyaku-area-flow-inner .yoyaku-area-flow-block {
		width: 120px;
		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: 100px;
		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: 11px !important;
		margin-top: .75em;
	}
	.yoyaku .yoyaku_inner_area .yoyaku-area-flow .yoyaku-area-flow-wrap .yoyaku-area-flow-text {
		font-size: 20px;
		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: 1rem;
		font-size: 24px;
	}
	.cta-shop .shop_inner_area .catchouter .catch {
		font-size: 34px;
		margin: 0 auto 2rem;
	}
	.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: #4385f5;
		font-weight: 600;
	}
	.cta-shop .shop_inner_area .shop-area-content .shop .shop-area-text-sm {
		font-size: 14px;
		display: inline-block;
		width: 100%;
		text-align: center;
		color: #4385f5;
		font-weight: 600;
	}
	.shop .shop_inner_area .inner .shop .shop-area-shop {
		font-size: 10px;
	}
}