@charset "UTF-8";

body {
	font-size: calc(30 * var(--width-ratio));
}

body>.wrapper {
	padding: calc(85 * var(--width-ratio)) 0 calc(52 * var(--width-ratio));
}

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

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

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

header

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hShopList.pc {
	display: none;
}

#toppage .hShopList.sp {
	display: flex;
	width: 100%;
	max-width: none;
	background: #fff;

}

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

.hShopList li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: calc(46 * var(--width-ratio));
	color: #000;
}

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

.naraberu li {
	height: calc(44 * var(--width-ratio));
	margin-left: calc(7 * var(--width-ratio));
	border-radius: calc(22 * var(--width-ratio));
	font-size: calc(17 * var(--width-ratio));
	line-height: calc(45 * var(--width-ratio));
	text-align: center;
}

.naraberusp {
	width: 100%;
	max-width: calc(750 * var(--width-ratio));
	margin-top: calc(8 * var(--width-ratio));
	margin-bottom:calc(8 * var(--width-ratio));
}

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

.naraberusp a {
	width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

header #gNav.open {
	left: 0;
}

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

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

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

header #gNav .gNavCvBtn a.net {
	width: calc(286 * var(--width-ratio));
	height: calc(145 * var(--width-ratio));
	padding: calc(20 * var(--width-ratio)) 0 0;
	border-radius: calc(10 * var(--width-ratio));
	background: linear-gradient(90deg, rgb(155 149 227), #0ABAB5);
	box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
}

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

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

header #gNav .gNavCvBtn a span {
	display: flex;
	align-items: center;
	font-size: calc(26 * var(--width-ratio));
	line-height: 1;
	text-align: center;
	color: #fff;
}

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

header #gNav>ul {
	flex-direction: column;
	width: 100%;
	margin: calc(50 * var(--width-ratio)) 0 0;
}

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

header #gNav>ul>li>a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: auto;
	padding: calc(32 * var(--width-ratio)) 0;
	border-left: none;
	font-size: calc(30 * var(--width-ratio));
	color: #000;
	text-align: left;
}

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

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

header #gNav li ul {
	margin: calc(30 * var(--width-ratio)) 0 0 calc(55 * var(--width-ratio));
}

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

header #gNav li li:last-child {
	margin: 0 0 calc(20 * var(--width-ratio));
}

header #gNav li li a {
	font-size: calc(30 * var(--width-ratio));
}

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

header #gNav .gNavCoupon a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(616 * var(--width-ratio));
	height: calc(96 * var(--width-ratio));
	border: calc(10 * var(--width-ratio)) solid #E1CDA3;
	font-size: calc(30 * var(--width-ratio));
}

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

header #gNav .gNavCvBtnBtm a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 0 0 0 calc(160 * var(--width-ratio));
	position: relative;
	margin: 0 0 calc(30 * var(--width-ratio));
	border-radius: calc(10 * var(--width-ratio));
	background: #1db1b6;
}

header #gNav .gNavCvBtnBtm a.net {
	height: calc(125 * var(--width-ratio));
	margin: 0 0 calc(30 * var(--width-ratio));
	border-radius: calc(10 * var(--width-ratio));
	background: linear-gradient(90deg, rgb(155 149 227), #0ABAB5);
	box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
}

header #gNav .gNavCvBtnBtm a.tel {
	height: calc(88 * var(--width-ratio));
	margin: 0 0 calc(30 * var(--width-ratio));
	border-radius: calc(10 * var(--width-ratio));
	background: #A8BABA;
	box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
}

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

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

header #gNav .gNavCvBtnBtm a span {
	font-size: calc(34 * var(--width-ratio));
	line-height: 1;
	text-align: center;
	color: #fff;
}

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

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

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

body.open {
	overflow: hidden;
}



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

.cvArea

-------------------------------------------------- */
.cvArea > .inner{
	padding:calc(24* var(--width-ratio)) 0;
}


.cvArea.sp {
	width: 100%;
	border-bottom: none;
	background: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 991;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
}

.cvArea.sp.scrolled {
	opacity: 1;
	visibility: visible;
}

.cvArea>.inner>p {
	margin: 0 0 0.75em;
	font-size: calc(30 * var(--width-ratio))!important;
	line-height:1.4em;
	letter-spacing: 0.1em;
}

.cvArea.sp .btnWrap {
	margin: 0;
}

.cvArea a{
	border-radius: 30px;
        font-size: calc(24 * var(--width-ratio));
	        height: calc(60* var(--width-ratio));
        line-height: calc(60 * var(--width-ratio));   
}


.cvArea .tel {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(221 * var(--width-ratio));
	height: calc(60 * var(--width-ratio));
	line-height: calc(60 * var(--width-ratio));
	margin: 0 calc(20 * var(--width-ratio)) 0 0;
}

.cvArea .tel:not(.keyword):before {
	content: '';
	display: block;
	width: calc(22 * var(--width-ratio));
	height: calc(36 * var(--width-ratio));
	background: url(../img/common/icon-tel-sp.png) 50%/cover no-repeat;
}

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

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

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

#toppage

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

.topMv

-------------------------------------------------- */
#toppage .topMv {
	height: calc(875 * var(--width-ratio));
	margin: 0;
}

#toppage .topMv img.plan01 {
	display: none;
}

#toppage .topMv img.maincatch {
	display: none;
}

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

#toppage .sec

-------------------------------------------------- */
#toppage .sec
{
width:100%;
	margin:0 auto;
	padding:calc(8* var(--width-ratio)) 0 calc(60* var(--width-ratio))
}

div.topPolicy {
padding: calc(12* var(--width-ratio)) 3.5rem calc(48* var(--width-ratio)) !important;
    }

    #toppage .sec .heading h2 {
        font-size: calc(38 * var(--width-ratio));
        line-height: 1.4em;
        margin: 0.5em auto 0.5em;
    }

#toppage .sec .heading span {
	font-size: calc(28 * var(--width-ratio));
}

#toppage .sec p {
        font-size: calc(18 * var(--width-ratio));
        margin: 0 auto 0.25em;
        text-align: center;
        width: 100%;
    }

#toppage .sec a.more {
        margin: 2em auto 1em;
        box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
    }

a.more:not(.keyword):before {
	border-width: calc(8.5 * var(--width-ratio)) 0 calc(8.5 * var(--width-ratio)) calc(10 * var(--width-ratio));
	top: 50%;
	right: calc(20 * var(--width-ratio));
	transform: translate(0, -50%);
}

#toppage .sec a.more:not(.keyword):before {
	border-width: calc(8.5 * var(--width-ratio)) 0 calc(8.5 * var(--width-ratio)) calc(10 * var(--width-ratio));
	top: 50%;
	right: calc(20 * var(--width-ratio));
	transform: translate(0, -50%);
}


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

.topPolicy

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

#toppage .topPolicy h2{
	    margin: calc(28 * var(--width-ratio)) 0;
    font-size: calc(28 * var(--width-ratio));
    text-align: center;
    line-height: 1.6em;
}

#toppage .topPolicy p{
        font-size: calc(26 * var(--width-ratio));
        margin: 0 auto 0.5em;
        text-align: left;
	line-height:1.6em;
	letter-spacing:0.05em;
        width: 82%;	
}

#toppage .topPolicy p.center{
	font-size: calc(32 * var(--width-ratio));
}



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

.topService

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

#toppage .topService{
	padding:calc(24* var(--width-ratio)) 0 calc(36* var(--width-ratio));
}

#toppage .topService .inner .heading h2{
    margin:1em auto;
    font-size: calc(38 * var(--width-ratio));
    text-align: center;
    line-height: 1.4em;
}


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

#toppage .topService .txtArea{
	
}

.topService .txtAreaH3{
	padding:0.5em 0.5em 0;
}

    #toppage .topService li {
        width: calc(331* var(--width-ratio));
        margin: 0 calc(30* var(--width-ratio)) calc(30* var(--width-ratio)) 0;
        background: transparent;
        overflow: hidden;
		height:auto;
        /* border-radius: 4px; */
    }

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

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

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

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

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

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

    #toppage .topService li .txtArea h3 {
        margin:0 auto 0.5em;
        font-size: calc(24 * var(--width-ratio));
        line-height: 1.4em;
        padding: 0 1em;
    }

#toppage .topService li .txtArea p {
        font-size: calc(22 * var(--width-ratio));
        line-height: 1.4em;
        text-align: left;
        padding: 0.25em 1em 1em;
        margin: -3px 0px 0px 5px;
        width: 100%;
    }

a.more {
    width:67%;
    margin: 2em auto 0;
	padding:0.75em 1em;
    border: solid 0.15em #0ABAB5;
    font-size: calc(26 * var(--width-ratio));
    color: #0ABAB5;
	border-radius:100vh;
}
    a.more2 {
        margin: 0 auto calc(18* var(--width-ratio));
        width: calc(400* var(--width-ratio));
        height: calc(65* var(--width-ratio));
        line-height: calc(65 * var(--width-ratio));
        font-size: calc(24 * var(--width-ratio));
    }

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

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

.sec03

-------------------------------------------------- */
#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(30 * var(--width-ratio));
}

#toppage .sec03 .heading h2 {
	margin: 0 0 calc(10 * 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 {
		width: 100%;
        margin: 0 auto;
        padding: calc(36* var(--width-ratio)) 0 calc(60* var(--width-ratio));
}

    #toppage .sec04 .heading h2 {
        margin: 0.5em auto 0.5em;
        font-size: calc(36 * var(--width-ratio));
		line-height:1.4em;
    }




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

.ba_tab_panel .baWrap .baTtl h4{
    margin: 0 0 calc(12* var(--width-ratio));
    font-size: calc(36 * var(--width-ratio));
}

.ba_tab_panel .baWrap > span {
        width: calc(530* var(--width-ratio));
        height: calc(65* var(--width-ratio));
        line-height: calc(65* var(--width-ratio));
        margin: 0 auto calc(36* var(--width-ratio));
        font-size: calc(32* var(--width-ratio));
    }

.ba_tab_area .ba_tab_label h3{
	font-size: calc(18 * var(--width-ratio));
}

.ba_tab_panel .baWrap .baTtl{
	    margin: 0 0 calc(18* var(--width-ratio));
}

.ba_tab_panel .beforeTxt {
    position: absolute;
    top: calc(5* var(--width-ratio));
    left: calc(30* var(--width-ratio));
    width: calc(95* var(--width-ratio));
}

.ba_tab_panel .afterTxt {
    position: absolute;
    top: calc(5* var(--width-ratio));
    right: calc(30* var(--width-ratio));
    width: calc(95* var(--width-ratio));
}

.ba_tab_panel .baWrap > span:before {
    border-width: calc(17* var(--width-ratio)) calc(19.5* var(--width-ratio)) 0 calc(19.5* var(--width-ratio));
    bottom: calc(-15* var(--width-ratio));
}

#ba_tab1:checked ~ .ba_panel_area #ba_panel1 .baWrap {
	margin: calc(48 * var(--width-ratio)) 0 calc(60 * var(--width-ratio));
}

#ba_tab2:checked ~ .ba_panel_area #ba_panel2 .baWrap {
	margin: calc(60 * var(--width-ratio)) 0 calc(60 * var(--width-ratio));
}

ba_tab_panel .baWrap .baTtl {
    margin-bottom: calc(30* 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_panel_area .org_tag_tabbtn01_btns_sub{
	margin:0 auto 0.5em;
	gap:0.75em;
}
	

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

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

.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-txt-compare {
    font-size: calc(42 * var(--width-ratio));
    text-align: center;
    margin: 0 0 1em;
}

#ba_panel2 .baPointArea {
	background: transparent;
}

.ba_tab_panel .baPointArea{
	box-shadow: none;
}

.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: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
	box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
	border-radius:25px;
}

#ba_panel2 .baPointArea .point {
	background: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
}

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

.ba_tab_panel .baPointArea .point .left img {
	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(5 * var(--width-ratio)) 0 0;
	font-size: calc(22 * var(--width-ratio));
	top: calc(-4 * var(--width-ratio));
}

.ba_tab_panel .baImgBottom .slideTxt {
    height: calc(45* var(--width-ratio));
	line-height: calc(45* var(--width-ratio));
    margin: 0 auto;
    font-size: calc(16 * var(--width-ratio));
}

.ba-outer-area{
	margin:calc(70 * var(--width-ratio)) auto 0;
}

.ba_tab_panel .baImgBottom{
	    margin: calc(60* var(--width-ratio)) auto 0;
}


.ba_con_1_tab_inners, .ba_con_2_tab_inners{
	margin:-10px auto 1.5rem;
}

.ba_tab_panel .baWrap h4{
    margin: 0 auto 0.5em;
    font-size: calc(32 * var(--width-ratio));
	padding:0 0 0.25em;
}


.ba_tab_panel .ba-inner .baTtl h4{
	   margin: 0 0 0.5em;
    font-size: calc(32 * var(--width-ratio));
	padding:0;
	font-weight:400;
}

.ba_tab_panel .baPointArea .point h5 {
	margin: 0.5em 0 0.5em;
	font-size: calc(26 * var(--width-ratio));
	line-height: 1.4em;
}

.ba_tab_panel .baPointArea .point p {
	font-size: calc(24 * var(--width-ratio))!important;
	line-height:1.6em;
}

#beforeAfter .bottom {
	flex-direction: column;
	width: 100%;
	padding: 0 calc(60 * var(--width-ratio));
	margin: 0 auto;
}

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

#beforeAfter .bottom .txtArea {
	margin: 0;
}

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

#beforeAfter .bottom .txtArea h3 {
	margin: calc(30 * var(--width-ratio)) 0 calc(20 * var(--width-ratio));
	font-size: calc(33 * var(--width-ratio));
}

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

#beforeAfter .bottom .txtArea p {
	font-size: calc(26 * var(--width-ratio));
	line-height:1.8em;
	padding:0 0.5em;
}





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

.sec05

-------------------------------------------------- */
    #toppage .sec05 {
        padding: calc(36* var(--width-ratio)) 0.5em calc(60* var(--width-ratio));
    }

    #toppage .sec05 .heading h2{
		margin:1em auto 1.5em;
    font-size: calc(36 * var(--width-ratio));
    text-align: center;
    line-height: 1.4em;
}

#toppage .sec05 ul {
	width: 100%;
	padding: 0 2rem 0 calc(80 * var(--width-ratio));
}

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

#toppage .sec05 li .left {
	width: calc(540 * var(--width-ratio));
	padding: calc(100 * var(--width-ratio)) calc(80 * var(--width-ratio));
	text-align: left;
	position: relative;
}

#toppage .sec05 li .left:before {
	content: none;
}

    #toppage .sec05 li .left h3 {
        font-size: calc(32 * var(--width-ratio));
        line-height: 1.6em;
    }

#toppage .sec05 li:nth-child(1) .left img {
	width: calc(133 * var(--width-ratio));
	top: auto;
	bottom: calc(-170 * var(--width-ratio));
	left: calc(-50 * var(--width-ratio));
}

#toppage .sec05 li:nth-child(2) .left img {
	width: calc(141 * var(--width-ratio));
	top: auto;
	bottom: calc(-30 * var(--width-ratio));
	left: calc(-30 * var(--width-ratio));
}

#toppage .sec05 li:nth-child(3) .left img {
	width: calc(170 * var(--width-ratio));
	top: auto;
	bottom: calc(-90 * var(--width-ratio));
	left: calc(-40 * var(--width-ratio));
	display:none;
}

#toppage .sec05 li:nth-child(4) .left img {
	width: calc(225 * var(--width-ratio));
	top: auto;
	bottom: calc(-200 * var(--width-ratio));
	left: calc(-40 * var(--width-ratio));
}

#toppage .sec05 li .left h3:before {
	width: calc(39 * var(--width-ratio));
	height: calc(76 * var(--width-ratio));
	top: calc(-60 * var(--width-ratio));
	left: calc(-50 * var(--width-ratio));
}

#toppage .sec05 li .left h3:after {
	width: calc(39 * var(--width-ratio));
	height: calc(76 * var(--width-ratio));
	bottom: calc(-60 * var(--width-ratio));
	right: calc(-50 * var(--width-ratio));
}

    #toppage .sec05 li .right {
        width: calc(567* var(--width-ratio));
        padding: 2em 2em 2em;
        margin: -1.2rem 0 1rem auto;
        text-align: left;
        position: relative;
        overflow: hidden;
        transition: 0.5s ease-in;
    }

#toppage .sec05 li .right:before {
	content: '…続きを読む';
	padding: 0 0 0 calc(30 * var(--width-ratio));
	background:transparent;
	font-size: calc(20 * var(--width-ratio));
	line-height: calc(45 * var(--width-ratio));
	position: absolute;
	bottom: calc(10 * var(--width-ratio));
	right: calc(30 * var(--width-ratio));
	z-index: 1;
	transition: 0.5s ease-out;
	opacity: 0;
	visibility: hidden;
}

#toppage .sec05 li .right.close:before {
	opacity: 1;
	visibility: visible;
}

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

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

    #toppage .sec05 li .right h4 {
        margin: 0 0 0.5em;
        font-size: calc(32 * var(--width-ratio));
        font-weight: 600;
        line-height: 1.6em;
    }

#toppage .sec05 li .right p {
	max-height: calc(70 * var(--width-ratio));
	padding: 0 0.5em calc(40 * var(--width-ratio));
	font-size: calc(26 * var(--width-ratio));
	line-height: 1.8em;
	overflow: hidden;
	transition: 0.5s ease-in;
	position: relative;
}

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

#toppage .sec05 li .right span {
	font-size: calc(24 * var(--width-ratio));
	color: #929090;
	margin:0 0 0.25em;
	position: absolute;
	bottom: calc(10 * var(--width-ratio));
	left: 50%;
	transform: translate(-50%, 0);
	opacity: 0;
	visibility: hidden;
	transition: 0.5s ease-in;
}

#toppage .sec05 li .right.open span {
	opacity: 1;
	visibility: visible;
}

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


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

.price

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

#toppage .price .heading h2{
    margin: 0 auto 0.5em;
    font-size: calc(40 * var(--width-ratio));
    font-weight: 600;
}

.price>.inner {
	padding: 0 calc(28 * var(--width-ratio));
}

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

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

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

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

.price .tab_area .balloon01 {
	display: none;
	align-items: center;
	justify-content: center;
	width: calc(189 * var(--width-ratio));
	height: calc(182 * 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(28 * var(--width-ratio)) !important;
	color: #001A49;
	position: absolute;
	bottom: calc(30 * var(--width-ratio));
	right: 0;
	width:34%!important;
}

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

.price thead th {
	font-size: calc(17 * var(--width-ratio));
	height:calc(50 * var(--width-ratio));
	padding:0.5em 0;
	letter-spacing:0.025em;
}

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

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

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

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

.price .option {
	width: 100%;
	margin: 2em auto;
	text-align:right;
}

.price .option h3 {
	margin: 0 0 0.5em;
	font-size: calc(38 * var(--width-ratio));
	text-align:center;
}

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

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

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

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

.price li:nth-child(3) {
	margin: 0 calc(28 * 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));
}

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

.bnr .bnrArea h3{
        margin: 0 auto 0.5em;
        font-size: calc(40 * var(--width-ratio));
}

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

.price .bnrArea h3 {
	font-size: calc(24 * 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(24 * var(--width-ratio));
	line-height:1.4em;
}

.bnr .bnrArea .bnrWrap li h4 {
    margin: 0 0 0.25em;
    font-size: calc(32* var(--width-ratio));
}

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

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

    .bnrArea .bnrWrap {
        flex-direction: column;
        padding: 0 calc(28* var(--width-ratio));
        margin: calc(16* var(--width-ratio)) auto calc(-24* var(--width-ratio));
        width: 67%;
    }

.bnrArea .bnrWrap li {
	width: 100%;
	margin: calc(16 * var(--width-ratio)) auto calc(20 * var(--width-ratio)) auto;
}

.bnr .bnrArea .bnrWrap li p {
	font-size: calc(20 * var(--width-ratio)) !important;
	line-height:1.4em !important;
	margin:0 auto 0.5em;
}

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

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

.bnrArea .bnrWrap img {
	width: 100%;
	display: block;
	margin: 0 auto calc(4 * var(--width-ratio));
}

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

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

#photostep

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

#photostep {
	padding:calc(24* var(--width-ratio)) 0 calc(36* var(--width-ratio)) !important;
}

#photostep .inner .heading h2 {
	font-size: calc(40 * var(--width-ratio));
	margin:0.5em auto 0.5em;
}

#photostep ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding: 0 calc(95 * var(--width-ratio));
	margin: calc(48 * var(--width-ratio)) auto 0;
}

    #photostep li {
        display: flex;
        align-items: flex-start;
        width: 100%;
        padding: 0;
        margin: 0 0 calc(60* var(--width-ratio)) 0;
        border: calc(1* var(--width-ratio)) solid #A8BABA;
        position: relative;
        border-radius: 8px;
    }

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

#photostep li:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(23 * var(--width-ratio)) calc(23 * var(--width-ratio)) 0 calc(23 * var(--width-ratio));
	border-color: #0ABAB5 transparent transparent transparent;
	right: 50%;
	top: auto;
	bottom: calc(-42 * var(--width-ratio));
	transform: translate(50%, 0);
}

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

#photostep li .illArea {
	display: none;
	align-items: center;
	height: calc(49 * var(--width-ratio));
	position: absolute;
	top: calc(5 * var(--width-ratio));
	left: calc(40 * var(--width-ratio));
}

#photostep li .txtArea {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	height: auto;
	padding:0.25em 1em 0;
}

#photostep li h3 {
	display: flex;
	align-items: center;
	height: calc(70 * var(--width-ratio));
	padding: 0;
	margin: 0 auto;
	font-size: calc(26 * var(--width-ratio));
	text-align: left;
	line-height:1.3em;
	letter-spacing:0.075em;
}

#photostep li p {
	font-size: calc(20 * var(--width-ratio)) !important;
	line-height: 1.4em !important;
	letter-spacing: 0;
	text-align: left;
}

#photostep li .imgArea {
	width: calc(253 * var(--width-ratio));
	min-width: calc(253 * var(--width-ratio));
	margin: 0 0 0 auto;
}

#photostep li .imgArea img {
	width: 100%;
	border-radius:0 8px 8px 0;
}



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

.sec08

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

#toppage .sec08{
	padding:calc(48* var(--width-ratio)) 0 calc(36* var(--width-ratio)) !important;
}

#toppage .sec08 .heading h2 {
	margin: 0 0 0.5em;
	font-size: calc(40 * 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: calc(-15 * var(--width-ratio));
	right: calc(110 * var(--width-ratio));
}

#toppage .sec08 .area {
	width: 100%;
	padding: 0 calc(24 * var(--width-ratio));
	margin: calc(24 * var(--width-ratio)) auto calc(24 * var(--width-ratio));
}

#toppage .sec08 .area h3{
	font-size:calc(32 * var(--width-ratio));
	margin:0 auto 1.5em;
}

#toppage .sec08 .area li a.reserv {
    width: calc(250* var(--width-ratio));
    height: calc(40* var(--width-ratio));
    line-height: calc(40 * var(--width-ratio));
    font-size: calc(19 * var(--width-ratio));
    left: 42%;
}

#toppage .sec08 .area li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(340 * var(--width-ratio));
	padding: calc(32 * var(--width-ratio)) 0 calc(60 * var(--width-ratio));
	margin: 0 calc(12 * var(--width-ratio)) calc(40 * var(--width-ratio)) 0;
	border: calc(1 * var(--width-ratio)) solid #969696;
	position: relative;
	height:calc(320 * var(--width-ratio));
}

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

#toppage .sec08 .area li .comment {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: calc(152 * var(--width-ratio));
	min-height: calc(40 * var(--width-ratio));
	padding: calc(5 * var(--width-ratio)) calc(20 * var(--width-ratio));
	border-radius: calc(16 * var(--width-ratio));
	font-size: calc(20 * var(--width-ratio));
	line-height: 1.3em;
}

#toppage .sec08 .area li h4 {
	margin: 0 0 0.75em;
	font-size: calc(28 * var(--width-ratio));;
}

#toppage .sec08 .area li .address {
	font-size: calc(20 * var(--width-ratio));
	line-height: 1.3em;
	letter-spacing: 0;
	padding:0 1em;
}

#toppage .sec08 .area li .access {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(52 * var(--width-ratio));
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(16 * var(--width-ratio));
	line-height: calc(22 * var(--width-ratio));
}

#toppage .sec08 .area li .access p{
    font-size: calc(20 * var(--width-ratio));
}

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

.sec09

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


#toppage .sec09 .heading h2 {
	font-size: calc(32 * var(--width-ratio));
	margin: 0.5em auto 1.5em;
}

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

#toppage .sec09 li {
	width: 75%;
	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(28 * var(--width-ratio));
}

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

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

#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: #929090;
	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(20 * 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>p {
        margin: 0 auto;
        font-size: calc(32 * var(--width-ratio));
        line-height: 1.6em;
        text-align: center;
    }

.pointArea ul {
	flex-direction: column;
	align-items: center;
	margin: calc(36 * 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(26 * var(--width-ratio));
        line-height: 1.4em;
    }




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

.fixedCvBtn

-------------------------------------------------- */
.fixedCvBtn {
	display: none;
}




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

.pageTop

-------------------------------------------------- */
.pageTop a {
	width: calc(106 * var(--width-ratio));
	height: calc(106 * var(--width-ratio));
	background: url(../img/common/pagetop-sp.png) 50%/cover;
	bottom: calc(270 * var(--width-ratio));
	right: calc(30 * var(--width-ratio));
	box-shadow: 2px 4px 4px rgb(0 0 0 / 15%);
}




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

footer

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


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

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

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

footer .footerNav.pc {
	display: none;
}

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

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

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

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

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

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

footer .shopNav {
	display: flex;
	flex-wrap: wrap;
	margin: calc(12 * var(--width-ratio)) 0 0;
}
    footer .shopNav li {
        width: calc(100% / 4);
        margin: 0 0.5em 0.75em;
        text-align: left;
    }

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

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

footer h3 {
        font-size: calc(28 * var(--width-ratio));
        margin: 1em 0 0.5em;
    }





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

.page common

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

.pageTtlArea

-------------------------------------------------- */
.page .pageTtlArea{
	padding:calc(15 * var(--width-ratio)) 0.75em!important;
}

.page .pageTtlArea {
	height: calc(168 * var(--width-ratio));
	/*padding: 0 0 calc(32 * var(--width-ratio));*/
}

.page .pageTtlArea>.inner {
	width: 100%;
}

.page .breadcrumb {
	padding: calc(20 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0!important;
}

#merit .breadcrumb,
#coupon .breadcrumb {
	height: auto;
	padding: calc(22 * var(--width-ratio)) 1em calc(16 * var(--width-ratio));
	background: linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
	top: 0;
}

.page .breadcrumb li,
.page .breadcrumb a {
	font-size: calc(19 * var(--width-ratio));
	padding:0 0.2em;
}

.page .pageTtlArea h1,
.page .pageTtlArea h2 {
	margin: calc(50 * var(--width-ratio)) 0 0;
	font-size: calc(32 * var(--width-ratio));
	margin: 0 !important;
   padding: 0 1em !important;
   line-height: 1.5em;
}




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

.mv

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





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

#commitment

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

#commitment .sec01

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

#commitment .sec01 .logo {
	width: auto;
}

    #commitment .sec01 h2 {
        margin: 1em 0 1em;
        font-size: calc(32 * var(--width-ratio));
        line-height: 1.6em;
    }

    #commitment .sec01 p {
        width: auto;
        margin: 0 0 0.5em;
        font-size: calc(26 * var(--width-ratio));
        line-height: 1.6em;
        text-align: left;
        padding: 0 2em;
    }

#commitment .sec01 .ill01 {
	display: none;
}

#commitment .sec01 .ill02 {
	display: none;
}




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

#commitment .sec

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

 #commitment .sec .heading h2 {
        height: calc(60* var(--width-ratio));
        margin: 0 0 calc(235* var(--width-ratio));
        background: url(../img/about/heading-bg.png) 50% / auto 100% no-repeat;
        font-size: calc(34 * var(--width-ratio));
        color: #0ABAB5;
    }

#commitment .sec img {
	width: 70%;
	position: absolute;
	top: -15%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, 0);
	padding:1em 0;
}

#commitment .sec .txtArea {
        width: 100%;
        padding: calc(150* var(--width-ratio)) 0 calc(36* var(--width-ratio));
        margin: 0 0 0 auto;
        text-align: left;
    }

#commitment .sec .txtArea2 {
	width: 90%;
	padding: 1rem 1.5rem calc(4 * var(--width-ratio));
	margin: calc(40 * var(--width-ratio)) auto 0 auto;
	text-align: left;
}

    #commitment .sec .txtArea h3 {
        font-size: calc(30 * var(--width-ratio));
        line-height: 1.4em;
        margin: 1em 0 0.5em;
    }

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

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

.linkBtn01:not(.keyword):before {
	content: '';
	display: block;
	width: calc(15 * var(--width-ratio));
	height: calc(15 * 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 li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(213 * var(--width-ratio));
	height: calc(60 * var(--width-ratio));
	font-size: calc(22 * var(--width-ratio));
}

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





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

#merit

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

.mv

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




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

#merit .sec01

-------------------------------------------------- */
#merit .sec01 h1 {
	font-size: calc(36 * var(--width-ratio));
	letter-spacing: calc(1 * var(--width-ratio));
	margin:0 auto;
}

#merit .sec01 .wrap {
	width: 100%;
}

#merit .sec01 .merit {
	width: 100%;
	padding: 0 calc(32 * var(--width-ratio));
	margin: calc(48 * var(--width-ratio)) 0 calc(48 * var(--width-ratio));
}

#merit .sec01 .merit>.inner {
	width: 100%;
}

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

#merit .sec01 .merit .ttlArea {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	margin: 0 0 calc(24 * var(--width-ratio)) calc(20 * var(--width-ratio));
	min-width: auto;
	height: auto;
}

#merit .sec01 .merit:nth-child(2n) .ttlArea {
	margin: 0 0 calc(25 * var(--width-ratio)) calc(72 * var(--width-ratio));
}

    #merit .sec01 .merit .ttlArea h2 {
        margin: 0 0 0 0.75em;
        font-size: calc(32 * var(--width-ratio));
        line-height: 1.4;
    }

#merit .sec01 .merit .imgArea {
	width: 100%;
	min-width: auto;
	position: relative;
	text-align:center;
}

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

    #merit .sec01 .merit .txtArea {
        padding: 2rem 2rem 1.5rem;
        position: relative;
        z-index: 1;
    }

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

#merit .sec01 .merit .txtArea h3 {
	margin: 0 0 0.75em;
	font-size: calc(28 * var(--width-ratio));
	line-height: 1.4em;
	text-align:center;
	padding:0 1em;
}

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

#merit .linkBtn01 {}




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

#merit .sec02

-------------------------------------------------- */
#merit .sec02 .heading h2 {
	padding: calc(40 * var(--width-ratio)) 0 calc(20 * var(--width-ratio)) 0;
	font-size: calc(30 * var(--width-ratio));
	line-height: calc(52 * var(--width-ratio));
}

#merit .sec02 .heading img {
	width: 100%;
}

#merit .sec02 .headingUnder>span {
	margin: 0 0 calc(32 * var(--width-ratio));
	font-size: calc(60 * var(--width-ratio));
}

#merit .sec02 .headingUnder>p {
	margin: 0 0 calc(32 * var(--width-ratio));
	font-size: calc(32 * var(--width-ratio));
}





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

#step

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

#step .sec01

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

#step .sec01{
	margin:calc(48 * var(--width-ratio)) 0 calc(-48 * var(--width-ratio));
	
	
}
#step .sec01 .step {
	flex-direction: column;
	width: calc(570 * var(--width-ratio));
	margin: 0 auto calc(100 * var(--width-ratio));
}

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

#step .sec01 .step .imgArea {
	width: 100%;
	min-width: auto;
	height: calc(387 * var(--width-ratio));
}

#step .sec01 .step .txtArea {
        width: 100%;
        min-width: auto;
        padding: calc(36* var(--width-ratio)) calc(48* var(--width-ratio)) calc(36* var(--width-ratio));
        position: relative;
    }

#step .sec01 .step .txtArea h3 {
        margin: 0 0 0.5em;
        font-size: calc(30 * var(--width-ratio));
        line-height: 1.4em;
	text-align:center;
    }

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

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

#step .sec01 .step:nth-child(3) .txtArea h3>img {
	width: auto;
	bottom: 0;
	right: 0;
}

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

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

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

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

#step .sec01 .step .txtArea>a {
	width: auto;
	font-size: calc(22 * var(--width-ratio));
	text-align: center;
	position: relative;
	bottom: 0;
}




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

#price

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

#price COMMON

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

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

#price .price

-------------------------------------------------- */
#price .price{
	padding:calc(8 * var(--width-ratio)) 0 ;
	margin:0 auto;
}

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

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




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

#coupon

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

#coupon .mv

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




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

#coupon .sec01

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

#coupon .sec01 .heading {
	padding: 0 1em;
	width:84%;
	margin:0 auto;
}

#coupon .sec01 .heading h1 {
        margin: 0 0 1em;
        font-size: calc(36 * 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(32 * var(--width-ratio));
	line-height: calc(55 * var(--width-ratio));
}

#coupon .sec01 .heading p {
	font-size: calc(24 * var(--width-ratio));
	width:100%;
}

    #coupon .sec01 .sg {
        margin: calc(48* var(--width-ratio)) auto calc(48* var(--width-ratio));
        text-align: center;
        width: 82.5%;
    }

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

#coupon .sec01 .sg h2:before {
	width: calc(462 * var(--width-ratio));
	height: calc(7 * var(--width-ratio));
}

#coupon .sec01 .sg .bnrArea {
	width: 100%;
	padding: calc(12 * var(--width-ratio)) calc(60 * var(--width-ratio)) calc(20 * var(--width-ratio));
	margin:0 auto;
}

#coupon .sec01 .sg .bnrArea img {
	width: 100%;
}

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

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





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

#faq

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

    #faq .faqWrap h2 {
        margin: 1.5em auto 0.75em;
        font-size: calc(36 * var(--width-ratio));
        line-height: 1.4em;
        text-align: center;
        width: fit-content;
    }

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

    #faq .faq .q {
        padding: 0.75em calc(60* var(--width-ratio)) 0.75em 1.5rem;
        position: relative;
    }

#faq .faq .q:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(20 * var(--width-ratio)) calc(18 * var(--width-ratio)) 0 calc(18 * var(--width-ratio));
	border-color: #B4B4B4 transparent transparent transparent;
	position: absolute;
	top: 50%;
	right: calc(16 * var(--width-ratio));
	z-index: 1;
	transform: translate(0, -50%);
	transition: 0.5s;
}

#faq .faq.open .q:before {
	transform: translate(0, -50%) rotate(180deg);
}

#faq .faq h3 {
	font-size: calc(26 * var(--width-ratio));
	line-height:1.5em;
	font-weight:600;
}

#faq .faq .a {
	max-height: 0;
	padding: 0 calc(20 * var(--width-ratio));
	transition: 0.5s;
	overflow: hidden;
}

#faq .faq.open .a {
	max-height: calc(1400 * var(--width-ratio));
	padding:1em 2em 1.5em;
}

#faq .faq h4,
#faq .faq p {
	font-size: calc(26 * var(--width-ratio));
	line-height:1.5em;
	margin:0.5em 0 0 0;
}

#faq .faq ul li {
	font-size: calc(22 * var(--width-ratio));
	line-height: calc(38 * var(--width-ratio));
	padding-top: calc(8 * var(--width-ratio));
	padding-left: 1em;
	text-indent: -1em;
}

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

#contact

■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
#contact .formArea .heading h2 {
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(32 * var(--width-ratio));
	line-height: calc(56 * var(--width-ratio));
}

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

#contact .formArea form {
	width: calc(680 * 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(29 * var(--width-ratio));
	line-height: 1.5;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact textarea {
	font-size: calc(29 * var(--width-ratio));
	line-height: 1.5;
}

#contact textarea {
	font-size: calc(29 * var(--width-ratio));
	line-height: 1.5;
	min-height: calc(260 * var(--width-ratio));
}

#contact input[type="submit"] {
	display: block;
	width: calc(250 * var(--width-ratio));
	height: calc(71 * var(--width-ratio));
	margin: calc(52 * var(--width-ratio)) auto 0;
	background: #565454;
	font-size: calc(28 * var(--width-ratio));
	line-height: 2;
}




#contact .telArea>.inner {
	width: 100%;
	padding: calc(72 * var(--width-ratio)) 0 0;
	margin: 0 auto calc(32 * var(--width-ratio));
}

#contact .telArea .heading h2 {
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(32 * var(--width-ratio));
	line-height: calc(56 * var(--width-ratio));
}

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

#contact .telArea .area {
	width: 100%;
	padding: 0 calc(28 * var(--width-ratio));
	margin: calc(52 * var(--width-ratio)) auto 0;
}

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

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

#contact .telArea .area li .comment {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: calc(152 * var(--width-ratio));
	min-height: calc(40 * var(--width-ratio));
	padding: calc(4 * var(--width-ratio)) calc(20 * var(--width-ratio));
	border-radius: calc(10 * var(--width-ratio));
	font-size: calc(19 * var(--width-ratio));
	line-height: calc(21 * var(--width-ratio));
}

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

#contact .telArea .area li .address {
	height: calc(55 * var(--width-ratio));
	font-size: calc(18 * var(--width-ratio));
	line-height: calc(24 * var(--width-ratio));
}

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

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

#contact .telArea .area li .access {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(44 * var(--width-ratio));
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(16 * var(--width-ratio));
	line-height: calc(22 * var(--width-ratio));
}

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

#contact .telArea .area li a.telLink {
	bottom: calc(20 * var(--width-ratio));
}





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

#privacypolicy

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

#privacypolicy .sec p {
	margin: 0 0 calc(40 * var(--width-ratio));
	font-size: calc(22 * var(--width-ratio));
	line-height: calc(38 * var(--width-ratio));
}

#privacypolicy .sec h2 {
	font-size: calc(28 * var(--width-ratio));
}

#privacypolicy .sec h2:before {
	top: calc(6 * var(--width-ratio));
	left: calc(-25 * var(--width-ratio));
}





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

#sitemap

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

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

#sitemap .sec a {
	font-size: calc(26 * var(--width-ratio));
}

#sitemap .sec li {
	margin: 0 0 calc(44 * 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(44 * var(--width-ratio)) 0 0;
}





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

#access

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

#access .sec01

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

#access .sec01>.inner>h2 {
	margin: 0 0 calc(20 * var(--width-ratio));
	font-size: calc(36 * var(--width-ratio));
	text-align: center;
}

#access .sec01>.inner>p {
	font-size: calc(20 * var(--width-ratio));
	text-align: center;
}

#access .sec01 .studioPageLinkArea {
	flex-direction: column;
	padding: 0 calc(32 * var(--width-ratio));
	margin: calc(28 * var(--width-ratio)) 0 calc(52 * var(--width-ratio));
}

#access .sec01 .studioPageLinkArea>h2 {
	margin: 0 0 calc(20 * var(--width-ratio));
	font-size: calc(36 * var(--width-ratio));
	text-align: center;
}

#access .sec01 .studioPageLinkArea>p {
	margin: 0 0 calc(28 * var(--width-ratio));
	font-size: calc(20 * var(--width-ratio));
	text-align: center;
}

#access .sec01 .studioPageLinkArea h3 {
	height: calc(72 * var(--width-ratio));
	padding: 0 0 0 calc(20 * var(--width-ratio));
	background: #1db1b6;
	font-size: calc(32 * var(--width-ratio));
	line-height: calc(72 * var(--width-ratio));
	color: #fff;
	position: relative;
}

#access .sec01 .studioPageLinkArea h3:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(20 * var(--width-ratio)) calc(18 * var(--width-ratio)) 0 calc(18 * var(--width-ratio));
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	top: 50%;
	right: calc(20 * var(--width-ratio));
	margin: calc(-10 * var(--width-ratio)) 0 0;
	transition: 0.5s;
}

#access .sec01 .studioPageLinkArea h3.open:before {
	transform: rotate(180deg);
}

#access .sec01 .studioPageLinkArea ul {
	flex-direction: column;
	padding: 0;
	margin: 0 0 calc(20 * var(--width-ratio));
	background: #F9F6E8;
	max-height: 0;
	overflow: hidden;
	transition: 0.5s;
}

#access .sec01 .studioPageLinkArea h3.open~ul {
	max-height: calc(600 * var(--width-ratio));
	padding: calc(24 * var(--width-ratio)) 0;
}

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

#access .sec01 .studioPageLinkArea li a {
	display: block;
	padding: 0;
	border-radius: 0;
	background: transparent;
	font-size: calc(28 * var(--width-ratio));
	line-height: 1.5;
	font-weight: 600;
	color: #595858;
}

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

#access .sec01 .studioTableArea .tableWrap {
	width: 100%;
	overflow-x: scroll;
}

.studioTableArea {
	padding: 0 calc(32 * var(--width-ratio));
}

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

.studioTableArea table {
	display: block;
	width: calc(1068 * 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;
	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(216 * var(--width-ratio));
}

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

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

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

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

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

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

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




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

#access .sec02

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

#access .sec02 h2 {
	font-size: calc(32 * var(--width-ratio));
	line-height: 1.4em;
	margin:0 auto 0.5em;
}

#access .sec02 .studioArea ul {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0 auto;
}

#access .sec02 .studioArea li {
	width: 100%;
	padding: 0;
	margin: 0 0 calc(36 * var(--width-ratio));
	position: relative;
}

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

#access .sec02 .studioArea li h3 {
        padding: 0 calc(32* var(--width-ratio));
        margin: 0 0 calc(36* var(--width-ratio));
        font-size: calc(32 * var(--width-ratio));
    }

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

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

#access .sec02 .studioArea li .txtArea {
	padding: 0 calc(32 * var(--width-ratio));
	margin: 0 0 calc(32 * var(--width-ratio));
}

#access .sec02 .studioArea li .txtArea p {
	font-size: calc(22 * var(--width-ratio));
	line-height: calc(38 * var(--width-ratio));
}

    #access .sec02 .studioArea li .stadioDetail {
        width: 78%;
        margin: 0 auto calc(46* var(--width-ratio));
    }

#access .sec02 .studioArea li h4 {
	margin: 0 0 0.75em;
	font-size: calc(32 * var(--width-ratio));
	text-align: center;
}

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

#access .sec02 .studioArea li th,
#access .sec02 .studioArea li td {
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.5;
}

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

#access .sec02 .studioArea li td a {
}

#access .sec02 .studioArea li a.toDetail {
	display: none;
}

#access .sec02 .studioArea li .cvArea.sp {
	width: 100%;
	border-bottom: calc(1 * var(--width-ratio)) solid #000;
	background: #fff;
	position: relative;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	visibility: visible;
}





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

.studio-single

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

.studio-single .sec01

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


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

.studio-single .studioDetail

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

.studio-single #singleBeforeAfter .heading h2 {
	margin: 0 auto 0.5em;
	font-size: calc(38 * var(--width-ratio));
	font-weight: 600;
	line-height: 1.4em;
}

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

.studio-single .studioDetail h2 {
	margin: 1em auto 0.5em;
	font-size: calc(36 * var(--width-ratio));
}

.studio-single .studioDetail .mapArea {
	width: 100%;
	height: calc(694 * var(--width-ratio));
	margin: 0 auto calc(40 * var(--width-ratio));
}

    .studio-single .studioDetail .detail {
        width: 100%;
        margin: 0 auto calc(24* var(--width-ratio));
        padding: 0 1em;
    }

.studio-single .studioDetail .detail table {
	width: 100%;
	margin: 0;
}

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

.studio-single .studioDetail .detail th,
.studio-single .studioDetail .detail td {
	display: block;
	width: 100%;
	font-size: calc(20 * var(--width-ratio));
}

.studio-single .studioDetail .detail th {
	display: block;
	width: 100%;
	background:linear-gradient(90deg, rgb(249 243 249), rgb(224 244 247));
	padding:0.5em;
}

.studio-single .studioDetail .detail td {
	display: block;
	width: 100%;
	padding:0.5em;
}

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

.studio-single .studioDetail .tran ul {
	margin: 0;
	justify-content:center;
	gap:1em;
}

.studio-single .studioDetail .tran li {
	margin: 0 calc(32 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0;
	font-size: calc(20 * var(--width-ratio));
}

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

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

.studio-single .studioDetail .detail th{
	font-weight:550;
}

.studio-single .studioDetail .detail th,
.studio-single .studioDetail .detail td {
	display: block;
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.4;
	width: 100%;
}

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

.studio-single .accessStepArea

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

.studio-single .accessStepArea .accessStep {
	padding: 0 1em;
	margin: calc(88 * var(--width-ratio)) 0 0;
}

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

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

    .studio-single .accessStepArea h2 {
        margin: 0 0 1em;
        font-size: calc(32 * var(--width-ratio));
        line-height: 1.4em;
    }

.studio-single .accessStepArea ul {
	flex-direction: column;
	width: 100%;
	margin: 0 auto;
}

.studio-single .accessStepArea li {
	width: 100%;
	margin: 0 0 calc(52 * var(--width-ratio)) 0;
}

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

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

.studio-single .accessStepArea li .imgArea img {
	width: 80%;
	height: auto;
}

    .studio-single .accessStepArea li .imgArea span {
        width: calc(70* var(--width-ratio));
        height: calc(70* var(--width-ratio));
        border-radius: calc(50* var(--width-ratio));
        font-size: calc(45 * var(--width-ratio));
        line-height: calc(70 * var(--width-ratio));
        bottom: calc(16* var(--width-ratio));
        left: calc(70* var(--width-ratio));
        z-index: 1;
    }

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

.studio-single .accessStepArea .cvArea.sp {
	border-bottom: calc(1 * var(--width-ratio)) solid #000;
	position: relative;
	z-index: 1;
	opacity: 1;
	visibility: visible;
}

    .studio-single div.txtArea {
        font-size: calc(22 * var(--width-ratio)) margin: 0.5em auto;
        width: 80%;
        margin: 0.25em auto 0;
    }

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

.studio-single #beforeAfter

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

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

.studio-single .studioChara

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

    .studio-single .studioChara {
        width: 100%;
        padding: 0 1em;
        margin: calc(36* var(--width-ratio)) auto 0;
    }

    .studio-single .studioChara .ttlArea h2 {
        display: inline-block;
        padding: 0 0 calc(24* var(--width-ratio));
        margin: 0 0 calc(32* var(--width-ratio));
        background: url(../img/common/ba-ttl-bg.png) 50% 100% repeat-x;
        font-size: calc(36* var(--width-ratio));
        font-weight: 550;
    }

.studio-single .studioChara h3 {
	margin: 0 0 calc(24 * var(--width-ratio));
	font-size: calc(28 * var(--width-ratio));
	line-height: calc(49 * var(--width-ratio));
}

.studio-single .studioChara p {
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.4em;
	max-width:66%;
	margin:0 auto 2.5em;
}

#example {
	overflow: hidden;
}

.catch {
	font-size: 4vw;
}

.yoyaku .inner .btn {
	width: calc(314 * var(--width-ratio));
	min-width: unset;
	max-width: unset;
}

.yoyaku .inner {
	width: calc(750 * var(--width-ratio));
	justify-content: space-between;
}

/* 2023-10-17 モーダル等追加のスマホ対応分 */
.ba-photo-area:first-child {
	margin-right: 20px;
}

.ba-photo-area:nth-child(2) {
	margin-left: 20px;
}

.ba-modal-button {
	width: 60px;
}

.ba-tap-to-zoom {
	width: 40%;
}

.ba-photo-area:first-child:after {
    top: 50%;
    left: calc(100% + 12.5px);
    right: auto;
    transform: translateY(-50%);
}

.ba-inner {
    width: 100%;
}

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

.p-top-faq {
	padding: calc(48 * var(--width-ratio)) 1.5em calc(48 * var(--width-ratio));
}

.p-top-faq > h2 {
	align-items: center;
	font-size: calc(36 * var(--width-ratio));
	margin:0 auto 1em;
}

.p-top-faq > h2::before {
	margin-right: calc(10.6 * var(--width-ratio));
}

.p-top-faq__list {
	display: flex;
	flex-wrap: wrap;
	row-gap: calc(72 * var(--width-ratio));
	width: 100%;
	max-width: calc(768 * var(--width-ratio));
	margin: calc(12 * var(--width-ratio)) auto calc(12 * var(--width-ratio));
	padding: 0 calc(24 * var(--width-ratio));
}

.p-top-faq__list__item__q {
        padding: 0.75em 1em 0.75em 2.5em;
        font-size: calc(30 * var(--width-ratio));
}

    .p-top-faq__list__item__q::before {
        left: 7px;
        top: 10px;
        width: calc(40* var(--width-ratio));
        height: calc(40* var(--width-ratio));
    }

.p-top-faq__list__item__a {
	width: calc(100% - calc(60 * var(--width-ratio)));
	margin: calc(-8 * var(--width-ratio)) 0 0 auto;
	padding: 1em 1.5em;
	font-size: calc(28 * var(--width-ratio));
	line-height: 1.6em;
}

.p-top-faq__list__item__a::before {
        left: calc((-55 + 3.6)* var(--width-ratio));
        top: 8px;
        width: calc(40* var(--width-ratio));
        height: calc(40* var(--width-ratio));
    }

.p-top-faq__list__item__a h4 {
	font-weight: 600;
	line-height: 1.4em;
	font-size: calc(30 * var(--width-ratio));
	margin-bottom: 0.75em;
}

.p-top-faq a.more {
	margin-top: calc(0 * var(--width-ratio));
}

#secPrice2.c-price__table2 {
	width: calc(100% - calc((38 * 2) * var(--width-ratio)));
}

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

#secPrice2.c-price__table2 > h3 {
	font-size: calc(32 * var(--width-ratio));
	line-height: 1.4em;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0 calc(50 * var(--width-ratio)) calc(32 * var(--width-ratio));
}


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

#secPrice2 .c-price__table2__table,
#secPrice3 .c-price__table3__table {
	border-width: 0.05em;
}

#secPrice2 .c-price__table2__table thead th,
#secPrice3 .c-price__table3__table thead th {
	font-size: calc(19 * var(--width-ratio));
}

#secPrice2 .c-price__table2__table thead th:nth-child(1) {
	width: 24%;
}

#secPrice2 .c-price__table2__table thead th:nth-child(2) {
	width: calc(100% - 38.9%);
}

#secPrice2 .c-price__table2__table tbody th, #secPrice3 .c-price__table3__table tbody th {
	font-size: calc(20 * var(--width-ratio));
	line-height: 1.4em;
}

#secPrice2 .c-price__table2__table tbody td, #secPrice3 .c-price__table3__table tbody td {
	font-size: calc(20 * var(--width-ratio));
	line-height: 1.4em;
}

#secPrice3.c-price__table3 {
	/*width: calc(100% - calc((30 * 2) * var(--width-ratio)));*/
	width:100%;
}

#secPrice3.c-price__table3 > h3 {
	font-size: calc(36 * var(--width-ratio));
	line-height: 1.4em;
	margin: -2.5em auto 0.5em;
}

#secPrice3 .c-price__table3__text {
	width: 100%;
	font-size:calc(16 * var(--width-ratio));
	margin:0.5em 0 0 0;
}

.p-price__other {
	padding: calc(48 * var(--width-ratio)) 0 calc(0 * var(--width-ratio));
}
.p-price__other__title {
	font-size: calc(36 * var(--width-ratio));
	padding: 0 calc(48 * var(--width-ratio));
	line-height: 1.4em;
	letter-spacing: 0.1em;
}
.p-price__other__list__row {
	display: block;
	width: 90%;
	margin: 0 auto;
}
.p-price__other__list__row__image {
	width: 100%;
	text-align:center;
}
.p-price__other__list__row__box {
	width: 100%;
		padding: 0;
}
.p-price__other__list__row__box__title1 {
		font-size: calc(46 * var(--width-ratio));
		margin-bottom: 10px;
}
.p-price__other__list__row__box__title2 {
	font-size: calc(32 * var(--width-ratio));
}
.p-price__other__list__row__box > p {
	font-size: calc(28 * var(--width-ratio));
	line-height:1.6em;
	padding:0 2.5em;
}
.p-price__other__list__row__box > .c-linkbutton1 {
		width: 100%;
		width: calc(262 * var(--width-ratio));
letter-spacing: 0;
}
.p-price__other__list__row__box__title1.ps-style {
	display: none;
}
    .p-price__other__list__row__box__title1.sp-style {
        display: block;
        width: 75%;
        margin: 0 auto;
        margin-bottom: 8px;
        font-size: calc(36 * var(--width-ratio));
    }

.p-price__other__list__row__image img {
    width: 80%;
    height: auto;
    margin: 1em auto;
}

.p-price__other__list{
	row-gap:calc(48 * var(--width-ratio));
}

/* タブ切り替えボタンの追加 */
.ba_con_1_tab_inners,
.ba_con_2_tab_inners{
	width: 80%;
}

.ba_con_1_tab_inners label, .ba_con_2_tab_inners label {
        width: 30%;
        height: calc(50* var(--width-ratio));
        border-radius: 30px;
        font-size: calc(22 * var(--width-ratio));
        line-height: calc(50 * var(--width-ratio));
        margin: 1.5em 0 0;
    }

.js-modal .js-modal-inner .js-modal-inner-text{
	padding:0.75em 0.75em;
}

.js-modal .js-modal-inner .js-modal-inner-text h4{
	font-size: calc(30 * var(--width-ratio)) !important;
	margin:0 auto 0.5em !important;
}

.js-modal .js-modal-inner .js-modal-inner-text p{
	font-size: calc(28 * var(--width-ratio));
	line-height:1.6em;
	}
/*運営企業情報のための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---*/

.c-author {
  gap: 25px;
  padding: 20px 10px 80px;
}
.c-author .c-author__img {
  width: 160px;
}
.c-author .c-author__img img {
  width: 100%;
}

section.article-body .c-author__txt{
	padding:0 2em 0 0;
}

section.article-body p.c-author__lead {
  font-size: calc(18 * var(--width-ratio-org-tag));
  margin-top: 1em;
}
section.article-body p.c-author__name {
  font-size: calc(24 * var(--width-ratio-org-tag));
  margin-bottom: 0.5em;
}
section.article-body .c-author__dsc {
  font-size: calc(18 * var(--width-ratio-org-tag));
	line-height:1.4em;
}
section.article-body .c-author__sns {
  width: 100%;
  gap: 18px;
	right:48px;
	top: auto;
	bottom: 28px;
}
section.article-body .c-author__sns .c-author__sns-item {
  width: 40px;
  height: 40px;
  margin: 0;
}
.c-author__img .c-author__comment {
	font-size: calc(16 * var(--width-ratio-org-tag));	
}
.c-author__img .c-author__comment .sp-only {
	display: block;
}
.c-author__dsc-wrapper {
  overflow: hidden;
  transition: max-height 0.3s ease;
  max-height: fit-content;
}
.c-author__more {
  display: inline-block;
  width: 100%;
  font-size: calc(18 * var(--width-ratio-org-tag));
  font-weight: 500;
  line-height: 1.3em;
  color: #999;
  text-align: center;
  padding: 0;
}
.c-float-menu {
	gap: 18px;
	bottom: 40px;
}
.c-float-menu button {
	max-width:120px;
	max-height:120px;
	width: 120px;
	height: 120px;
}
.c-toc {
	font-size: 28px;
}
.c-toc__inner {
	height: 100%;
	width: 100%;
	position: relative;
	background: #fdfdfd;
	padding: 2em;
	opacity: 0;
	transform: translateY(1rem);
	transition: .3s;
}

.scroll-hint-icon {
	width: 240px;
	height: 160px;
	padding: 40px 20px 20px;
}
.scroll-hint-icon:before {
	width:80px;
	height:80px;
}
.scroll-hint-text {
	font-size: 18px;
	line-height: 1.4;
}
.scroll-hint-icon:after {
	width:68px;
	height:28px;
	top: 15px;
	margin-left: -40px;
	background-size:contain;
}

.c-toc__comment{
	font-size:calc(22 * var(--width-ratio-org-tag));
}

.c-toc__cnt li{
	font-size:calc(24 * var(--width-ratio-org-tag));
	margin:.5em 0 .25em 2em;
}