/*====================================

RESET CSS

====================================*/

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


/* RECAPTCHA アイコン */
/*
.grecaptcha-badge {
    display: none !important;
}
*/

/*====================================

MAIN CSS

====================================*/
html{
    font-size: 62.5%;
}

.main {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 30rem;
}

body {
    font-family: 'Roboto', 'Inter', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Noto Sans JP", sans-serif;
    /*font-family: 'Noto Sans JP' , 'Roboto', sans-serif;*/
    min-width: 36rem;
    color: #222;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    border: 0;
}


a {
	text-decoration:none;
	color: #222;
	cursor: pointer;
}

a:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);	
	transition: all 0.3s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}

img {
	display: block;
	border: none;
	aspect-ratio: 3/2 auto;
}




/*====================================

COMMON CSS

====================================*/

/* DISPLAY */

.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.d-iblock {
    display: inline-block;
}

.d-block {
    display: block;
}

.dis-sp {
    display: block;
}

.dis-tb {
    display: none;
}

.dis-pc {
    display: none;
}

.max380 {
    max-width: 38rem;
    margin: 0 auto;
}

.max600 {
    max-width: 60rem;
    margin: 0 auto;
}

.max800 {
    max-width: 80rem;
    margin: 0 auto;
}

.max800.tb-unit {
    max-width: 82rem;
}




.br-sp {
    display: inline;
}

.br-tb {
    display: none;
}

.br-pc {
    display: none;
}


/* POSITION */

.position-r {
    position: relative;
}

.position-a {
    position: absolute;
}


/* FONT STYLE */

.font-family-en {
    font-family: 'Roboto';
}

.italic {
    font-style: italic;
}

.ccc {
    text-align: center;
}

.ccl {
    text-align: center;
}

.llc {
    text-align: left;
}

.rrr {
    text-align: right;
}



/* フォントスタイル weight */

.w1 {
    font-weight: 100;
}

.w2 {
    font-weight: 200;
}
  
.w3 {
    font-weight: 300;
}

.w4 {
    font-weight: 400;
}

.w5 {
    font-weight: 500;
}

.w6 {
    font-weight: 600;
}

.w7 {
    font-weight: 700;
}

.w8 {
    font-weight: 800;
}

.w9 {
    font-weight: 900;
}









/* PADDING & MARGIN */

.m-0 {
    margin: 0;
}

.p-0 {
    padding: 0;
}

.section-px {
    padding-left:1rem;
    padding-right: 1rem;
    max-width: 128rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}



/* COLOR */

.color-fff {
    color: #fff;
}

.color-blue {
    color: #4682b4;
}

.color-db {
    color: #284a66;
}

.color-green {
    color: #3cb371;
}

.color-222 {
    color: #222;
}

.color-tomato {
    color:tomato;
}

.color-red {
    color:red;
}

.color-logo {
    color:#8b0000;
}

.color-lg {
    color: #f8f9fa;
}

.color-glay {
    color: #f0f1f2;
}

.fill-fff {
    fill: #fff !important;
}

.fill-222 {
    fill: #222 !important;
}

.fill-green {
    fill: #3cb371 !important;
}

.fill-ddd {
    fill: #ddd !important;
}

.fill-blue {
    fill: #4682b4 !important;
}

.fill-red {
    fill: red !important;
}

.fill-logo {
    fill:#8b0000 !important;
}


/*
BACKGROUND
*/

.bg-fff {
    background-color: #fff;
}

.bg-lg {
    background-color: #f8f9fa;
}

.bg-glay {
    background-color: #f0f1f2;
}

.bg-green {
    background-color: #3cb371;
}

.bg-black {
    background-color: #222;
}




/* LIST */

.page-list ul {
    margin-left: 1.6rem;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

.page-list.abc ul {
    list-style: lower-alpha;
}

.page-list.decimal ul {
    list-style: decimal;
}

.page-list.disc ul {
    list-style: disc;
}





/* IMAGES */

.images img {
    display: block;
    width: 100%;
    height: auto;
}

/*
ATHER-BOX
*/

.text-box {
    box-sizing: border-box;
    width: 100%;
}

.text-box.custom-single {
    max-width: 64rem;
}

.con-box {
    box-sizing: border-box;
    padding: 1.6rem 0.8rem;
    border-radius: 1.2rem;
}

.con-box.border-lg {
    border: 1px solid #ddd;
}

.con-box.border-aaa {
    border: 1px solid #aaa;
}


/* COLUMN */

.col-122.entry-box {
    gap: 6rem 0.9rem;
}

.col-122.text-box {
    gap: 4rem 0;
}

.col-122.cannot {
    gap: 1.2rem 0;
}

.col-122-item {
    width: 100%;
}

.col-122-inner {
    width: 75%;
    margin: 0 auto;
    min-width: 28rem;
}

.col-122-text-box {
    width: 100%;
}



.col-133 {
    gap: 2.4rem 0.9rem;
}

.col-133-item {
    width: 100%;
}


.col-333 {
    gap: 0.9rem;
}

.col-333-item {
    width: calc(33.33% - 0.6rem);
}





/* PAGE LINK TAG */

.page-link-unit {
    text-align: center;
}

.page-link-unit a {
    color: #284a66;
    fill: #284a66;
}

.page-link-unit a {
    display: inline-block;
}  

.page-link-wrap {
    align-items: center;
    gap: 0.8rem;
}

.page-link-index p {
    margin-top: -0.1rem;
}

.page-link-icon {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
}

.page-link-icon svg {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
}

.link-text,
.link-text a{
    color: #284a66;
    text-decoration: underline;
}


/* LINK BTN */

.link-btn-unit {
    justify-content: center;
}

.link-btn-unit a {
    display: inline-block;
    border-radius: 2rem;
    overflow: hidden;
    background-color: #284a66;
}

.link-btn-wrap {
    gap: 0.8rem;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 24rem;
}

.link-btn-index p {
    margin-top: -0.1rem;
}

.link-btn-icon {
    width: 1.6rem;
    height: 100%;
    display: flex;
    align-items: center;
    fill: #fff;
}

.link-btn-icon svg {
    width: 1.6rem;
    height: 1.6rem;
}

.link-btn-wrap.article {
    height: 4rem;
    width: 24rem;
}


/* BREADCRUMNB */

.breadcrumb {
  gap: 0.8rem;
  align-items: center;
}

.breadcrumb-icon {
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.breadcrumb-icon svg {
  width: 1.2rem;
  height: 1.2rem;
}

.breadcrumb-icon.home {
  fill: #333;
}

.breadcrumb-icon.arrow {
  fill: #aaa;
}



/* CUSTOM CONTENT AREA */

.wp-block-separator {
    border-top: 0.1rem solid !important;
}





/*====================================

DRAWER CSS

====================================*/



/*　ドロワーメニュー　Close状態　*/

.drawer {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition:ease .5s;
	transition: ease .5s;
	z-index: 100;
}

/* ドロワーメニュー　開閉ボタン */


.drawerbtn {
	position: absolute;
	top: 0rem;
	right: -5rem;
	width: 5rem;
	height: 4rem;
	-webkit-transition: ease .5s;
	transition: ease .5s;
	cursor: pointer;
	align-items: flex-end;
	display: flex;
	justify-content: center;
	font-size: 1rem;
    z-index: 10;
}

/* hambarg */

.hambarg {
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	height: 0.1rem;
	width: 3rem;
	background-color: #111;
	-webkit-transition: ease .5s;
	transition: ease .5s;
}
.hambarg:nth-child(1) {
	top: 30%;
	left: 50%;
}
.hambarg:nth-child(2) {
	top: 50%;
	left: 50%;
}
.hambarg:nth-child(3) {
	top: 70%;
	left: 50%;
}


/* ドロワーメニューをOPENにする */

.drawer.action {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

/* ボタンをドロワーメニュー内に表示 */

.drawerbtn.action {
	right: 0;
}

/* ハンバーガーボタンを×に変える */
 
	
.drawerbtn.action span.hambarg:nth-child(1) {
	top: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
	background-color: #333;
}

.drawerbtn.action span.hambarg:nth-child(2) {
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 0;
    color: #333;
}

.drawerbtn.action span.hambarg:nth-child(3) {
	top: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
	background-color: #333;
}


/* DW HEADER */

.dw-header {
    width: 100%;
    height: 4rem;
    position: relative;
}

.dw-header-title {
    font-size: 2.4rem;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    margin-top: -0.3rem;
}


/* DW UTILITY */

.dw-utility-unit {
    justify-content: center;
    gap: 3.2rem;
}

.dw-utility-icon {
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
    position: relative;
}

.dw-utility-icon svg {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.dw-utility-index {
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.8rem;
}


/* DW MENU */

.dw-menu-unit {
    padding: 0 0.8rem;
}

.dw-menu-item {
    margin: 1.6rem 0;
}

.dw-menu-parent {
    padding: 0.3rem 0;
}

.dw-parent-item {
    cursor: pointer;
    align-items: center;
}

.dw-menu-parent::before {
    content: "";
    box-sizing: border-box;
    width: 2.1rem;
    height: 2.1rem;
    border-top: 0.1em solid #333;
    position: absolute;
    top: 50%;
    right: 0;
}

.dw-menu-parent::after {
    content: "";
    box-sizing: border-box;
    width: 2.1rem;
    height: 2.1rem;
    border-right: 0.1em solid #333;
    position: absolute;
    top: 0;
    right: 0.9rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    transition: .5s;
}

.dw-menu-parent.active::after {
    opacity: 0;
    transition: .5s;
}

.dw-parent-icon {
    width: 2rem;
    height: 2rem;
}

.dw-parent-icon svg {
    width: 2rem;
    height: 2rem;
}

.dw-parent-index {
    align-items: center;
    font-size: 1.6rem;
    padding-left: 0.8rem;
}



.dw-menu-child {
    display: none;
}

.dw-menu-child ul {
    margin: 0;
    list-style: none;
    padding-left: 2.8rem;
}

.dw-menu-child li a {
    font-size: 1.6rem;
    padding-left: 1.6rem;
    margin: 0.9rem 0;
    display: inline-block;
}

.dw-menu-item ul li ul {
    list-style:
  disclosure-closed;
    list-style-position: inside;
}

.dw-menu-item .sub-menu {
    padding-left: 2rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    border-left: 0 !important;
}

.dw-menu-item .sub-menu li a {
    padding-left: 0;
}


/*====================================

HEADER

====================================*/

/* SP LOGO */

.sp-logo {
    text-align: center;
}

.sp-logo-wrap {
    position: relative;
    display: inline-block;
}

.sp-logo-unit {
    position: absolute;
    top: 0.2rem;
    left: 2.4rem;
}

.sp-logo-meta {
    font-size: 3.2rem;
    line-height: 4rem;
    height: 4rem;
}
/*
.sp-logo-icon {
    width: 1.4rem;
    height: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sp-logo-icon svg {
    width: 1.4rem;
    height: 1.4rem;
}
*/


/* PC HEADER SECTION */

.pc-header-section {
    display: none;
}




/*====================================

TOP PAGE

====================================*/

/* FV SECTION */

.fv-read {
    margin-top: 1.2rem;
}

/* choice */

.choice-item {
    position: relative;
    display: flex;
    min-height: 4rem;
    align-items: center;
    margin-bottom: 0.8rem;
    text-align: left;
}

.choice-item:last-child {
    margin-bottom: 0;
}

.choice-icon {
    width: 4rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    fill: #284a66;
    display: flex;
    align-items: center;
}

.choice-icon svg {
    width: 4rem;
    height: 4rem;
}

.choice-index {
    width: 100%;
    box-sizing: border-box;
    padding-left: 4.8rem;
}




/* PLAN */

.plan-unit {
    gap: 3.2rem;
}

.plan-unit-item {
    width: 100%;
}

.con-box.plan {
    max-width: 42rem;
    margin: 0 auto;
}



.plan-price-unit {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
}

.plan-price-meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.plan-feature-unit {
    justify-content: space-between;
    gap: 0;
    max-width: 27rem;
    margin: 0 auto;
}

.plan-spec-unit {
    max-width: 42rem;
    margin: 0 auto;
    text-align: center;
}

.plan-spec-btn {
    display: inline-block;
}

.plan-spec-btn-wrap {
    align-items: center;
    gap: 0.8rem;
    justify-content: center;
}

.plan-spec-btn-index p {
    margin-top: -0.1rem;
}

.plan-spec-btn-icon {
    display: flex;
    width: 1.6rem;
    height: 100%;
    fill: #284a66;
    align-items: center;
}

.plan-spec-btn-icon svg {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    transition: .3s;
}

.plan-spec-btn.active svg {
    transform: rotate(180deg);
    transition: .3s;
}


.plan-spec-meta {
    display: none;
}



.plan-spec-meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.plan-spec-meta li {
    display: flex;
    align-items: center;
    height: 2.4rem;
    border-bottom: 1px solid #ddd;
    padding: 1.2rem;
}

.plan-spec-index {
    width: 75%;
    text-align: left;
}

.plan-spec-value {
    width: 25%;
    text-align: center;
    position: relative;
    fill: #3cb371;
    color: #3cb371;
}

.plan-spec-value svg {
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


/* FLOW */

.flow-unit ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flow-unit li {
    padding-bottom: 1.6rem;
}

.flow-unit li:last-child {
    margin-bottom: 0;
}

.flow-unit-wrap {
    position: relative;
}

.flow-unit-icon {
    width: 6rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}

.flow-unit-meta {
    box-sizing: border-box;
    margin-left: 6rem;
    padding-left: 1.6rem;
    min-height: 6rem;
    display: flex;
    align-items: center;
}


/* ENTRY-BOX */

.entry-box-icon {
    width: 4rem;
    height: 4rem;
    fill: #333;
}

.entry-box-icon.images svg {
    width: 4rem;
    height: 4rem;
}




/* COLUMN */

.sw-column {
    overflow: hidden;
    max-width: 42rem;
    margin: 0 auto;
}

.sw-pagenation {
    height: 4rem;
    padding-bottom: 0.8rem;
    position: relative;
    width: 9rem;
    margin-right: 0;
    margin-left: auto;
    fill: #333;
}

.swiper-button-prev {
    display: block;
    width: 4rem;
    height: 4rem;
    top: 0;
    margin-top: 0;
    left: 0;
    right: auto;
}

.swiper-button-prev svg {
    display: block;
    width: 4rem;
    height: 4rem;
}

.swiper-button-next {
    display: block;
    width: 4rem;
    height: 4rem;
    top: 0;
    margin-top: 0;
    right: 0;
    left: auto;
}

.swiper-button-next svg {
    display: block;
    width: 4rem;
    height: 4rem;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}



.sw-meta-wrap {
    box-sizing: border-box;
    padding: 0.8rem;
}

.sw-meta {
    gap: 0.8rem;
    margin-bottom: 0.4rem;
}

.sw-meta-item {
    align-items: center;
    gap: 0.4rem;
}

.sw-meta-icon {
    width: 1.2rem;
    height: 100%;
    display: flex;
    align-items: center;
    fill: #333;
}

.sw-meta-icon svg {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
}

.sw-meta-index p {
    margin-top: -0.1rem;
}


/* INFORMATION */

.info-item {
  border-bottom: 0.1px solid #ddd;
  padding-bottom: 0.8rem;
  margin-bottom: 1.6rem;
}

.info-item:last-child {
  margin-bottom: 0;
}

.info-title {
  margin-bottom: 0.4rem;
}

.info-meta-wrap {
  gap: 0.8rem;
}

.info-meta-item {
  align-items: center;
  gap: 0.4rem;
}

.info-meta-icon {
    width: 1.2rem;
    height: 100%;
    display: flex;
    align-items: center;
    fill: #333;
}

.info-meta-icon svg {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
}

.info-meta-index p {
  margin-top: -0.1rem;
}



/*====================================

PLANの案内

====================================*/

/* FV */

.title-h3.plans-fv {
    line-height: 2.4rem;
}

.page-p.plans-fv {
    line-height: 1.8rem;
}


/*====================================

PLAN

====================================*/

/* FV */

.plan-fv-item {
    width: 100%;
    max-width: 30rem;
}

.plan-fv-create-box span {
    margin: 0 0.4rem;
}

.plan-fv-create-box-inner {
    border-bottom: 0.1rem solid #333;
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
}

.plan-fv-feature-unit {
    justify-content: center;
    align-items: center;
}

.plan-fv-feature {
    gap: 0.9rem;
}

.plan-fv-feature-item {
    width: calc(33.33% - 0.6rem);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #333;
    border-radius: 0.8rem;
}


/* RECOMMEND */

.col-123.plan-recommend {
    gap: 3.2rem 0;
}

.plan-recommend-item {
    width: 100%;
}

.plan-recommend-icon {
    width: 4rem;
    height: 4rem;
    fill: #333;
  }

.plan-recommend-icon svg {
    width: 4rem;
    height: 4rem;
}


/* TAB MENU */

.plan-tab-index-item {
    width: 33.33%;
}


.plan-tab-index-item a {
    box-sizing: border-box;
    display: block;
    height: 4.8rem;
    position: relative;
    background-color: #fff;
    color: #222;
    border-top: 0.1rem solid #ddd;
    border-bottom: 0.1rem solid #ddd;
    border-left: 0.1rem solid #ddd;
    transition: .4s;
}

.plan-tab-index-item.last-child a {
    border-right: 0.1rem solid #ddd;
    transition: .4s;
}

.plan-tab-index-item.active a {
    background-color: #333;
    color: #fff;
    border-top: 0.1rem solid #333;
    border-bottom: 0.1rem solid #333;
    border-left: 0.1rem solid #333;
    transition: .4s;
}

.plan-tab-index-item.active.last-child a {
    border-right: 0.1rem solid #333;
    transition: .4s;
}

.plan-tab-index-item a:hover {
    opacity: 1;
}

.plan-tab-index-item p {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: -0.1rem;
}

.plan-tab-index-item.active p {
    font-weight: 400;
}


.tabContent1 {
    display: none;
}

.tabContent1.active {
    display: block;
}

.plan-tab-function {
    gap: 0.9rem;
    box-sizing: border-box;
    width: 30rem;
    margin: 0 auto;
}

.plan-tab-function-item {
    width: calc(33.33% - 0.6rem);
    position: relative;
    box-sizing: border-box;
    border-radius: 0.8rem;
}

.plan-tab-function-item-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.plan-tab-function-item-icon {
    width: 3rem;
    height: 3rem;
    margin: 0 auto;
    padding-top: 0.6rem;
  }

.plan-tab-function-item-icon svg {
    width: 3rem;
    height: 3rem;
}

/*
SPEC
*/

.plan-tab-spec ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.plan-tab-spec li {
    display: flex;
    min-height: 2.4rem;
    gap: 0.9rem;
}

.plan-tab-spec-index {
    width: calc(25% - 0.6rem);
}

.plan-tab-spec-index {
    display: flex;
    align-items: center;
    border-bottom: 0.1rem solid #ddd;
    padding: 1.2rem 0;
}

.plan-tab-spec-content-wrap {
    width: 100%;
}

.plan-tab-spec-value {
    width: calc(25% - 0.6rem);
    display: flex;
    align-items: center;
    border-bottom: 0.1rem solid #ddd;
    padding: 1.2rem 0;
    text-align: center;
    fill: #3cb371;
    color: #3cb371;
}

.plan-tab-spec-value.paid {
  fill: tomato;
  color: tomato;
}

.plan-tab-spec-value svg {
    display: block;
    margin: 0 auto;
    width: 1.6rem;
    height: 1.6rem;
}

.plan-tab-spec-meta {
    width: calc(50% - 0.6rem);
    display: flex;
    align-items: center;
    border-bottom: 0.1rem solid #ddd;
    padding: 1.2rem 0;
}



/*====================================

COMPARE PLANS

====================================*/




/* TAB MENU */

.tab-list-title {
    padding: 1.2rem 0;
}

.plan-tab-spec-index.compare-tab {
    width: 25%;
    border: 0;
}

.plan-tab-spec-value.compare-tab {
    width: calc(25% - 0.9rem);
    border: 0;
    flex-wrap: wrap;
}

.plan-tab-spec-index.compare-tab.text-item,
.plan-tab-spec-value.compare-tab.text-item {
    padding-top: 0;
}

.plan-tab-spec-index.compare-tab.detail {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.4rem;
}

.plan-tab-spec-index.compare-tab.detail.last-child {
    padding-bottom: 1.2rem;
}

.plan-tab-spec-value.compare-tab.detail {
    padding-top: 0;
    padding-bottom: 0;
}

.plan-tab-spec-value.compare-tab.detail.last-child {
    padding-bottom: 1.2rem;
}

.plan-tab-spec-value.compare-tab.detail p {
    margin: 0 auto;
}


/* PAYMENT ICON */

.tab-payment-status-unit {
    gap: 1.6rem;
}

.tab-payment-item {
    align-items: center;
    gap: 0.4rem;
}

.tab-payment-icon {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
}

.tab-payment-icon svg {
    width: 1.6rem;
    height: 1.6rem;
}

.tab-payment-index p {
    line-height: 1;
}

/*====================================

ABOUT

====================================*/

.page-list.about ul {
    margin: 0;
}

.page-list.about li {
    border-top: 0.1rem solid #ddd;
}

.page-list.about li:last-child {
    border-bottom: 0.1rem solid #ddd;
}


.about-list-index {
    width: 30%;
}

.about-list-meta {
    width: 70%;
}



/*====================================

GUIDE

====================================*/

/* ARCHIVE */

.sw-guide_001,
.sw-guide_002,
.sw-guide_003 {
  overflow: hidden;
  width: 100%;
}

.sw-pagenation-wrap.custom-archive {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.8rem;
}

.sw-pagenation.guide {
  margin: 0;
  padding: 0;
}


.custom-thumb-meta-unit {
    gap: 0.2rem 1.6rem;
    align-items: center;
}

.custom-thumb-meta-item {
    align-items: center;
    gap: 0.4rem;
}

.custom-thumb-meta-icon {
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #fff;
}

.custom-thumb-meta-icon svg {
    width: 1.2rem;
    height: 1.2rem;
}



.custom-thumb-meta-index p {
    margin-top: -0.1rem;
}


/*
PAGENATION
*/

.nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.8rem;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

.page-numbers.current {
    color: #aaa;
}




/* TAXONOMY */

.custom-article.tax {
    gap: 0.8rem 0;
}

.custom-article-item {
    width: 100%;
}

.custom-article-inner {
    align-items: center;
}

.custom-article-image {
    width: 50%;
    position: relative;
    overflow: hidden;
}

.custom-article-image img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
}

.custom-article-index {
    width: 50%;
    box-sizing: border-box;
    padding-left: 0.8rem;
}


.custom-thumb-meta-icon.custom-tax {
    fill: #333;
}


.tax-tag-unit.d-flex {
    gap: 0.8rem;
}

.tax-guide-tag.current {
    background-color: royalblue;
}



/* SINGLE */

/*
MAIN
*/

.custom-main-body {
    width: 100%;
}

.custom-thumb-category {
    z-index: 10;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 1.2rem;
    width: 100%;
    color: #fff;
    text-shadow: 0px 0px 10px #333;
}

.page-p.custom-thumb-p {
    line-height: 1.4rem;
}

.custom-thumb-title {
    width: 100%;
    z-index: 10;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 1.2rem;
    color: #fff;
    text-shadow: 0px 0px 10px #333;
}

.custom-thumb-image {
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 1;
}

.custom-thumb-image img {
    width: 100%;
    height: auto;
}

.custom-thumb-image.r-base img {
    top: 0;
    right: 0;
}

.custom-thumb-image.c-base img {
    top: 0;
    left: 50%;
    transform: translate(-50%);
}

.custom-thumb-image.l-base img {
    top: 0;
    left: 0;
}


.custom-fv-item {
  align-items: center;
}

.custom-fv-icon {
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  fill: #222;
}

.custom-fv-icon svg {
  width: 1.2rem;
  height: 1.2rem;
}

.custom-fv-index {
  display: flex;
  align-items: center;
  margin-left: 0.4rem;
}

.custom-fv-index p {
  margin-top: -0.1rem;
}


/*
MAIN TAG
*/

.main-tag {
    gap: 0.8rem;
    padding: 0.8rem 0;
}

.main-tag-item-inner {
    align-items: center;
    gap: 0 0.4rem;
    padding: 0.5rem 1.2rem;
    background-color: #333;
    color: #fff;
    fill: #fff;
}

.main-tag-icon {
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-tag-icon svg {
    width: 1.2rem;
    height: 1.2rem;
}

.main-tag-index p {
    margin-top: -0.1rem;
}


/*
SNS SHARE
*/

.sns-share {
  gap: 0.8rem;
}

.sns-share-item {
  height: 4rem;
  display: flex;
  align-items: center;
}

.fb_iframe_widget {
  margin-bottom: 0.2rem;
}

/*
SIDE
*/

.custom-side-body {
    width: 100%;
}

/*
SIDE CATEGORY
*/

.side-category {
    gap: 0.4rem 0;
    margin-left: 2.4rem;
}

.side-category-item {
    width: 100%;
}

.side-category-item.child-term {
    box-sizing: border-box;
    padding-left: 2rem;
}

.side-category-inner {
    align-items: center;
    gap: 0.4rem;
}

.side-category-icon {
    width: 1.4rem;
    height: 1.4rem;
    display: flex;
    align-items: center;
    fill: #222;
}

.side-category-icon svg {
    width: 1.4rem;
    height: 1.4rem;
}

.side-category-index {
    display: flex;
    align-items: center;
}

.side-category-index p {
    margin-top: -0.1rem;
}


.side-category-item ul {
    margin: 0.4rem 0;
    padding-left: 3.4rem;
    list-style: disc;
}



/*
SIDE ARTICLE
*/

.side-article-inner {
    margin-left: 2.4rem;
}

.side-article-item {
    margin-bottom: 0.8rem;
}

.side-article-image {
    position: relative;
    width: 10rem;
    height: 10rem;
    overflow: hidden;
}


.side-article-image img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}

.side-article-index {
    width: calc(100% - 10rem);
    box-sizing: border-box;
    padding-left: 0.8rem;
}



/*
SIDE TAG
*/

.side-tag {
    gap: 0.8rem;
    margin-left: 2.4rem;
}

.side-tag-item {
    display: inline-block;
}

.side-tag-item a {
    box-sizing: border-box;
    display: block;
    padding: 0.8rem 1.6rem;
    background-color: #333;
    color: #fff;
}




/*
SIDE SEARCH
*/


.side-search-form {
    width: calc(100% - 2.4rem);
    max-width: 32rem;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    border: 0.1rem solid #aaa;
    border-radius: 0.8rem;
    overflow: hidden;
    margin-left: 2.4rem;
}

.side-search-form.m-0 {
    margin: 0;
}

.side-search-input {
    padding: 0 0.8rem;
    font-size: 1.6rem;
    width: calc(100% - 4rem);
    box-sizing: border-box;
    border: 0;
}

.side-search-input:focus {
    outline: none;
}

.side-search-button {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border: 0;
    background-color: unset;
}

.side-search-button svg {
    width: 2.4rem;
    height: 2.4rem;
}

.side-search-button:hover {
    cursor: pointer;
}




/*====================================

COLUMN

====================================*/

/* ARCHIVE */

.sw-column_001,
.sw-column_002,
.sw-column_003 {
  overflow: hidden;
  width: 100%;
}

.sw-pagenation.column {
  margin: 0;
  padding: 0;
}





/*====================================

MYPAGE

====================================*/

/* == COMMON == */

.wpmem_msg {
    padding-bottom: 2.4rem;
    color: red;
}

.wpmem_msg a {
    color: #284a66;
    text-decoration: underline;
}

/* SIDE */

.mypage-side-body {
    width: 100%;
}

/* MAIN */

.mypage-main-body {
    width: 100%;
}


/*
MY ACCOUNT
*/

.max600.myaccount {
    margin: 0;
}

/*
DASHBORD ALERT
*/

.account-alert-unit {
    display: block;
    border: 0.1rem solid #ddd;
    border-radius: 0.4rem;
    overflow: hidden;
}

.account-alert-unit-inner {
    position: relative;
    box-sizing: border-box;
    border-left: 0.5rem solid #3cb371;
    padding: 0.8rem 0.4rem;
    width: 100%;
}





/*
SUPPORT FORM
*/

.max800.user-support-form {
    margin: 0;
}

/*
CALENDAR
*/



/*
プラグインの一般設定（CSSタブ）に記載

#booking-package_calendarPage .day_slot {
    border-color: #fff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
}

#booking-package_calendarPage .week_slot {
    border-color: #fff !important;
}

#booking-package_calendarPage .pastDay {
    background-color: #fff !important;
    color: #aaa !important;
}

#booking-package_calendarPage .holidayPanel {
    background-color: #fff !important;
    color: #aaa !important;
}

.selectable_day_slot.closed {
    color: #aaa !important;
}

.selectable_day_slot.closed:hover {
    background-color: #fff !important;
    cursor: default !important;
}

.selectable_time_slot.closed {
    color: #aaa !important;
}

.selectable_time_slot.closed:hover {
    background-color: #fff !important;
    cursor: default !important;
}


.calendarData {
    font-size: 1.6rem !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.return_button {
    font-size: 1.5rem !important;
    background-color: #ddd !important;
    border: none !important;
    padding: 0.8rem 1.6rem !important;
    border-radius: 0.6rem !important;
}

.return_button:hover {
    background-color: #eee !important;
    transition: .5s !important;
    cursor: pointer !important;
}

#selectedDate,
#reservationHeader {
  font-size: 1.8rem;
  text-align: left !important;
}

.bookingDate,
.bookingTime,
.serviceName {
  font-size: 1.8rem;
}

#booking-package_inputFormPanel .name {
  font-size: 1.5rem;
}

#booking_package_input_lastname,
#booking_package_input_firstname {
  width: 50% !important;
  box-sizing: border-box;
  border: 0.1rem solid #ddd !important;
  border-radius: 0.6rem;
  height: 4rem;
  font-size: 1.6rem;
  outline: none;
  padding: 0 0.8rem !important;
}

#booking_package_input_email,
#booking_package_input_phone {
  width: 100% !important;
  box-sizing: border-box;
  border: 0.1rem solid #ddd !important;
  border-radius: 0.6rem;
  height: 4rem;
  font-size: 1.6rem;
  outline: none;
  ppadding: 0 0.8rem !important;
}

.book_now_button {
  border: none;
  height: 5rem;
  width: 24rem !important;
  border-radius: 2.5rem;
  background-color: #284a66;
  color: #fff;
  font-size: 1.7rem !important;
  line-height: inherit;
  cursor: pointer;
  display: block;
  box-sizing: border-box !important;
  margin: 0 auto;
}

.book_now_button:hover {
  opacity: 0.7;
}

#returnToSchedules {
  font-size: 1.5rem !important;
  background-color: #ddd !important;
  border: none !important;
  padding: 0.8rem 1.6rem !important;
  width: auto !important;
  margin: 1rem;
  border-radius: 0.6rem !important;
}

#returnToSchedules:hover {
  background-color: #eee !important;
  transition: .5s !important;
  cursor: pointer !important;
}

/*





/*====================================

form

====================================*/

/* == COMMON == */


.healing-form {
    white-space: pre-wrap;
}

.wp-mem-title {
  display: none;
}

.input-unit label {
    display: block;
    margin-bottom: 0.4rem;
}

.radio-unit label:first-child {
    display: block !important;
    margin-bottom: 0 !important;
}


.input-unit input {
    width: 100%;
    box-sizing: border-box;
    border: 0.1rem solid #ddd;
    border-radius: 0.6rem;
    padding: 0 1.6rem;
    height: 4rem;
    font-size: 1.6rem;
    outline: none;
    max-width: 40rem;
}

.buttons {
    border: none;
    height: 4rem;
    width: 24rem;
    border-radius: 2rem;
    background-color: #284a66;
    color: #fff;
    font-size: 1.4rem;
    line-height: inherit;
    cursor: pointer;
    display: block;
}


/*
パラメータによるフォームの分岐
*/

.parm-logout-confirm div#wpmem_login {
    display: none !important;
}

.parm-logout-confirm div#wpmem_reg {
    display: none !important;
}

/* WP LOGIN */

/* 緊急対応
/?a=pwdreset　ページ
プラグイン更新によるメール認証リンクの非表示 */
.logout-msg-hidden span.link-text-reconfirm {
    display: none;
}

.form-unit {
    margin-bottom: 6.4rem;
}

.login-button-unit {
    padding-top: 1.6rem;
}

.login-button-unit .buttons {
    border: none;
    height: 4rem;
    width: 24rem;
    border-radius: 2rem;
    background-color: #284a66;
    color: #fff;
    font-size: 1.4rem;
    line-height: inherit;
    cursor: pointer;
    display: block;
}

.login-button-unit #rememberme {
  margin-bottom: 2.4rem;
}

.login-link-unit a {
    text-decoration: underline;
    color: #284a66;
    margin-left: 0.8rem;
}

/* SITEGUARD INPUT */
input#siteguard_captcha {
    width: 100%;
    box-sizing: border-box;
    border: 0.1rem solid #ddd;
    border-radius: 0.6rem;
    padding: 0 1.6rem;
    height: 4rem;
    font-size: 1.6rem;
    outline: none;
    max-width: 20rem;
    margin-top: 0.4rem;
}


/* wp regist */

.req-text {
    margin-bottom: 2.4rem;
}

.req {
  color: red;
}

.flex-unit {
    gap: 0 0.8rem;
    max-width: 40rem;
}

.input-flex-item {
    width: calc(50% - 0.4rem);
}

.input-flex-item .input-unit input {
    max-width: 100%;
}

.regist-button-unit .buttons {
    border: none;
    height: 4rem;
    width: 24rem;
    border-radius: 2rem;
    background-color: #284a66;
    color: #fff;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    display: block;
}

.radio {
  width: 100%;
  margin-bottom: 2.4rem !important;
}

#regist_plan_1,
#regist_plan_2,
#regist_plan_3 {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-left: 2rem;
  margin-top: 0;
  margin-right: 0;
}

#label_regist_plan_1,
#label_regist_plan_2,
#label_regist_plan_3 {
  display: inline-block;
  width: auto;
  margin-top: 0;
  margin-bottom: 1.2rem !important;
  transform: translate(0,-0.2rem);
  padding-left: 0.4rem;
}

input#check_box {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-top: 0;
    margin-right: 0;
}

.input-checkbox label {
    display: inline-block;
    width: auto;
    margin-top: 0;
    transform: translate(0, -0.2rem);
    padding-left: 0.4rem;
}

.input-lavel {
    display: block;
}



/*
HEALING
*/

.quest-title-unit {
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 0.8rem;
}

.quest-label {
    padding: 0.4rem 0.8rem;
    background-color: #333;
    display: inline-block;
    color: #fff;
}

.help-btn {
    border: 0;
    display: flex;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    background-color: #ddd;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

.help-btn:hover {
    cursor: pointer;
}

/* MODAL AREA */

.modal-unit {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    box-sizing: border-box;
    padding: 1.6rem;
    border-radius: 0.4rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
    width: 32rem;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}


/* INPUT AREA */

.input-area.radio.d-flex {
    gap: 0.4rem;
}

.radio-item {
    width: 100%;
    display: flex;
    align-items: center;
}

#payment_method1,
#payment_method2 {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-left: 2rem;
  margin-top: 0;
  margin-right: 0.8rem;
}




/*
CF7
*/

/*デフォルトのサンクスメッセージを非表示*/
    .wpcf7-response-output {
        display: none;
    }

.wpcf7-list-item {
    margin: 0 !important;
}

.cf7-btn-unit input {
    border: none;
    height: 4rem;
    width: 24rem;
    border-radius: 2rem;
    background-color: #284a66;
    color: #fff;
    font-size: 1.4rem;
    cursor: pointer;
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.page-icon {
    width: 4rem;
    height: auto;
    display: flex;
    align-items: center;
}

.page-icon svg {
    width: 4rem;
    height: 4rem;
}


/*
INPUT AREA WIDTH
*/

.iniput-width-11 {
    width: 100%;
}

.iniput-width-12 {
    width: 100%;
}

.iniput-width-22 {
    width: 50%;
}


/*
FORM TYPE
*/

.single-form {
    box-sizing: border-box;
    width: 100%;
}

.iniput-width-22 .input-item.single-form {
    width: calc(100% - 0.4rem);
}

.iniput-width-22 .input-item.w-form {
    width: calc(50% - 0.2rem);
}

.input-item.w-form {
    box-sizing: border-box;
    width: 50%;
}

.input-item.w-form:first-child {
    padding-right: 0.4rem;
}

.input-item.w-form:last-child {
    padding-left: 0.4rem;
}


/*
INPUT TYPE
*/

.input-area.text input {
    width: 100%;
    box-sizing: border-box;
    border: 0.1rem solid #ddd;
    border-radius: 0.6rem;
    padding: 0 1.6rem;
    height: 4rem;
    font-size: 1.6rem;
    color: inherit;
}

.input-area.text input:focus {
    outline: none;
}


.input-area.textarea textarea {
    width: 100%;
    box-sizing: border-box;
    border: 0.1rem solid #ddd;
    border-radius: 0.6rem;
    padding: 0.8rem 1.6rem;
    min-height: 12rem;
    font-family: inherit;
    font-size: 1.6rem;
    color: inherit;
}

.input-area.textarea textarea:focus {
    outline: none;
}


.input-area.radio {
    margin-left: 2.4rem;
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
}

.input-area.radio .wpcf7-list-item {
    display: block;
}





/*====================================

ACCOUNT

====================================*/

/* MENU */

.ac-menu-sp {
    display: block;
}

.ac-menu-pc {
    display: none;
}

.ac-menu-parent {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-right: 1.6rem;
}

.ac-menu-parent::before {
    content: "";
    box-sizing: border-box;
    width: 2rem;
    height: 2rem;
    border-top: 0.1em solid #333;
    position: absolute;
    top: 1rem;
    right: 0;
    transform: translate(50%,50%);
}

.ac-menu-parent::after {
    content: "";
    box-sizing: border-box;
    width: 2rem;
    height: 2rem;
    border-right: 0.1em solid #333;
    position: absolute;
    top: 0;
    right: 0;
    transition: .5s;
    transform: translate(0,50%);
}

.ac-menu-parent.active::after {
    opacity: 0;
    transition: .5s;
}



.ac-menu-child {
  display: none;
}


/*
ダッシュボード
*/

/* 予約 */

.booking-regist {
    gap: 1.2rem;
}

.booking-regist-item.con-box {
    border-radius: 0.4rem;
}

.booking-regist-item {
    width: 100%;
    max-width: 38rem;
}




/*====================================

FOOTER

====================================*/

/* LOGO */

.footer-logo-wrap {
    position: relative;
    display: inline-block;
}

.footer-logo-meta {
    font-size: 3.2rem;
    line-height: 4rem;
    height: 4rem;
}

.footer-logo-unit {
    position: absolute;
    top: 0.2rem;
    left: 2.4rem;
}

.footer-logo-icon {
    width: 1.4rem;
    height: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-logo-icon svg {
    width: 1.4rem;
    height: 1.4rem;
}


/*
.footer-logo {
  margin-bottom: 0.4rem;
}

.footer-logo a {
  display: inline-block;
}

.footer-logo-unit {
  align-items: center;
  gap: 0.4rem;
}

.footer-logo-icon {
  display: flex;
  align-items: center;
  width: 2rem;
  height: 100%;
}

.footer-logo-icon svg {
  display: block;
  width: 2rem;
  height: 2rem;
}

.footer-logo-p {
  font-size: 2rem;
  line-height: 0;
}

.footer-logo-meta p {
  margin-top: -0.1rem;
}
*/

.footer-phone-num {
  font-size: 1.5rem;
}



/* MENU UNIT */

.footer-menu {
  gap: 1.6rem 0.9rem;
}

.footer-menu-item {
  width: calc(50% - 0.45rem);
}

.footer-menu-title {
  font-size: 1.5rem;
  line-height: 2rem;
}

.footer-menu-item ul {
  margin: 0;
  padding-left: 1.6rem;
  list-style: none;
  font-size: 1.3rem;
  line-height: 1.7rem;
}

.footer-menu-item li {
  margin: 0.8rem 0;
}

.footer-menu-item ul li ul {
    list-style: disclosure-closed;
    list-style-position: inside;
}

.footer-menu-item .sub-menu {
    padding-left: 0rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    border-left: 0 !important;
}


/* TOPへ戻るボタン */

#page-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 30;
    width: 6rem;
    height: 6rem;
}

#page-top a {   
    margin: 0;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
    background-color: #efefef;
    display: block;
    width: 100%;
    height: 100%;
    border: 0.1rem solid #aaa;
}

#page-top svg {
    transform: rotate(-90deg) translate(50%,-50%);
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
}

#page-top a:hover {
    text-decoration: none;
	transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
}






/*====================================

MEDIA QUERY

====================================*/




@media screen and (max-width: 360px) {

/*====================================

COMMON CSS

====================================*/  

/* FONT-SIZE */

.title-h1 {
    font-size: 4.2rem;
    line-height: 5.2rem;
}

.title-h2 {
    font-size: 3rem;
    line-height: 4rem;
}

.title-h3 {
    font-size: 1.8rem;
    line-height: 2.6rem;
}

.title-h3.article {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.05rem;
}

.title-h3.mt {
    margin-top: 1.8rem;
    margin-bottom: 0;
}

.title-h3.mb {
    margin-bottom: 1.8rem;
    margin-top: 0;
}

.title-h3.space {
    margin-top: 0;
    margin-bottom: 0.4rem;
}

.title-h3.side {
    font-size: 2.4rem;
    line-height: 3.2rem;
}


.title-h4 {
    font-size: 1.6rem;
    line-height: 2rem;
}


/*
page-p
*/

.page-p,
.custom-content-area p {
    font-size: 1.4rem;
    line-height: 2rem;
}

.page-p.article {
    font-size: 1.4rem;
    line-height: 2rem;
}

.page-p.mb {
    margin-bottom: 1.4rem;
    margin-top: 0;
}

.page-p.mt {
    margin-bottom: 0;
    margin-top: 1.4rem;
}

.page-p.lg {
    font-size: 3.6rem;
    line-height: 4.2rem;
}

.page-p.mid {
    font-size: 2rem;
    line-height: 2.8rem;
}

.page-p.sm {
    font-size: 1.1rem;
    line-height: 1.6rem;
}



/*
article
*/

.page-p.lg.article {
    font-size: 3.6rem;
    line-height: 4.2rem;
}

.page-p.mid.article {
    font-size: 2.4rem;
    line-height: 3.2rem;
}

.page-p.sm.article {
    font-size: 1.1rem;
    line-height: 1.4rem;
}





/* PADDING & MARGIN */

.section-pt {
    padding-top: 2.4rem;
}
  
.section-pb {
    padding-bottom: 2.4rem;
}

.section-mt {
    margin-top: 2.4rem;
}
  
.section-mb {
    margin-bottom: 2.4rem;
}

.unit-pb {
    padding-bottom: 1.6rem;
}
  
.unit-pt {
    padding-top: 1.6rem;
}
	
.unit-mb {
    margin-bottom: 1.6rem;
}
  
.unit-mt {
    margin-top: 1.6rem;
}

.con-pb {
    padding-bottom: 1.6rem;
}

.con-pt {
    padding-top: 1.6rem;
}

.con-mb {
    margin-bottom: 1.6rem;
}

.con-mt {
    margin-top: 1.6rem;
}

.space {
    margin-top: 0;
    margin-bottom: 0.4rem;
}

.space-top {
    margin-top: 0.4rem;
}



		
	
}


@media screen and (min-width: 361px) {

/*====================================

COMMON CSS

====================================*/   


/* FONT-SIZE */

.title-h1 {
    font-size: calc(4.2rem + 4.2 *((100vw - 36rem) / 92));
    line-height: calc(5.2rem + 5.2 *((100vw - 36rem) / 92));
}

.title-h2 {
    font-size: calc(3rem + 3 *((100vw - 36rem) / 92));
    line-height: calc(4rem + 5.2 *((100vw - 36rem) / 92));
}

.title-h3 {
    font-size: calc(1.8rem + 1 *((100vw - 36rem) / 92));
    line-height: calc(2.6rem + 1.4 *((100vw - 36rem) / 92));
}

.title-h3.article {
    font-size: calc(1.5rem + 0.9 *((100vw - 36rem) / 92));
    line-height: calc(2rem + 1.2 *((100vw - 36rem) / 92));
    letter-spacing: -0.05rem;
}



.title-h3.mt {
    margin-top: calc(1.8rem + 1 *((100vw - 36rem) / 92));
    margin-bottom: 0;
}

.title-h3.mb {
    margin-bottom: calc(1.8rem + 1 *((100vw - 36rem) / 92));
    margin-top: 0;
}


.title-h3.space {
    margin-top: 0;
    margin-bottom: calc(0.4rem + 0.2 *((100vw - 36rem) / 92));
}

.title-h3.side {
    font-size: calc(2.4rem + 0.4 *((100vw - 36rem) / 92));
    line-height: calc(3.2rem + 0.8 *((100vw - 36rem) / 92));
}

.title-h4 {
    font-size: calc(1.6rem + 0.7 *((100vw - 36rem) / 92));
    line-height: calc(2rem + 1.2 *((100vw - 36rem) / 92));
}



/*
page-p
*/

.page-p,
.custom-content-area p,
.wp-block-list li {
    font-size: calc(1.4rem + 0.3 *((100vw - 36rem) / 92));
    line-height: calc(2rem + 0.6 *((100vw - 36rem) / 92));
}


.page-p.article {
    font-size: calc(1.4rem + 0.1 *((100vw - 36rem) / 92));
    line-height: calc(2rem + 0.2 *((100vw - 36rem) / 92));
}


.page-p.mb {
    margin-bottom: calc(1.4rem + 0.3 *((100vw - 36rem) / 92));
    margin-top: 0;
}

.page-p.mt {
    margin-bottom: 0;
    margin-top: calc(1.4rem + 0.3 *((100vw - 36rem) / 92));
}

.page-p.mid {
    font-size: calc(2rem + 2 *((100vw - 36rem) / 92));
    line-height: calc(2.8rem + 2.6 *((100vw - 36rem) / 92));
}

.page-p.sm {
    font-size: calc(1.1rem + 0.4 *((100vw - 36rem) / 92));
    line-height: calc(1.6rem + 0.5 *((100vw - 36rem) / 92));
}


/*
article
*/

.page-p.lg.article {
    font-size: calc(3.6rem + 1.2 *((100vw - 36rem) / 92));
    line-height: calc(4.2rem + 1.8 *((100vw - 36rem) / 92));
}

.page-p.mid.article {
    font-size: calc(2.4rem + 0.4 *((100vw - 36rem) / 92));
    line-height: calc(3.2rem + 0.8 *((100vw - 36rem) / 92));
}

.page-p.sm.article {
    font-size: calc(1.1rem + 0.2 *((100vw - 36rem) / 92));
    line-height: calc(1.4rem + 0.4 *((100vw - 36rem) / 92));
}


.section-pt {
    padding-top: calc(2.4rem + 4 *((100vw - 36rem) / 92));
}
  
.section-pb {
    padding-bottom: calc(2.4rem + 4 *((100vw - 36rem) / 92));
}

.section-mt {
    margin-top: calc(2.4rem + 4 *((100vw - 36rem) / 92));
}
  
.section-mb {
    margin-bottom: calc(2.4rem + 4 *((100vw - 36rem) / 92));
}

.unit-pb {
    padding-bottom: calc(1.6rem + 1.6 *((100vw - 36rem) / 92));
}

.unit-pt {
    padding-top: calc(1.6rem + 1.6 *((100vw - 36rem) / 92));
}
	
.unit-mb {
    margin-bottom: calc(1.6rem + 1.6 *((100vw - 36rem) / 92));
}

.unit-mt {
    margin-top: calc(1.6rem + 1.6 *((100vw - 36rem) / 92));
}

.con-pb {
    padding-bottom: calc(1.6rem + 0.8 *((100vw - 36rem) / 92));
}

.con-pt {
    padding-top: calc(1.6rem + 0.8 *((100vw - 36rem) / 92));
}

.con-mb {
    margin-bottom: calc(1.6rem + 0.8 *((100vw - 36rem) / 92));
}

.con-mt {
    margin-top: calc(1.6rem + 0.8 *((100vw - 36rem) / 92));
}

.space {
    margin-top: 0;
    margin-bottom: calc(0.4rem + 0.2 *((100vw - 36rem) / 92));
}

.space-top {
    margin-top: calc(0.4rem + 0.2 *((100vw - 36rem) / 92));
}


/* LIST */

.page-list ul {
    margin-left: calc(1.6rem + 0.4 *((100vw - 36rem) / 92));
}



/* COLUMN */

.col-122.text-box {
    gap: calc(4rem + 2 *((100vw - 36rem) / 92)) 0;
}


/* PAGE LINK TAG */

.page-link-index p {
    margin-top: calc(-0.1rem - 0.1 *((100vw - 36rem) / 92));
}


/* LINK BTN */

.link-btn-unit a {
    border-radius: calc(2rem + 1 *((100vw - 36rem) / 92));
}

.link-btn-wrap {
    height: calc(4rem + 2 *((100vw - 36rem) / 92));
    width: calc(24rem + 6 *((100vw - 36rem) / 92));
}

.link-btn-index p {
    margin-top: calc(-0.1rem - 0.1 *((100vw - 36rem) / 92));
}


.link-btn-wrap.article {
    height: calc(4rem + 1 *((100vw - 36rem) / 92));
    width: calc(24rem + 4 *((100vw - 36rem) / 92));
}


/* BREADCRUMNB */

.breadcrumb-icon {
  width: calc(1.2rem + 0.2 *((100vw - 36rem) / 92));
  height: calc(1.2rem + 0.2 *((100vw - 36rem) / 92));
}

.breadcrumb-icon svg {
  width: calc(1.2rem + 0.2 *((100vw - 36rem) / 92));
  height: calc(1.2rem + 0.2 *((100vw - 36rem) / 92));
}


/*====================================

TOP PAGE

====================================*/

/* PLAN */

.plan-feature-unit {
    max-width: calc(27rem + 5 *((100vw - 36rem) / 92));
}



/* choice */

.choice-item {
    margin-bottom: calc(0.8rem + 1.6 *((100vw - 36rem) / 92));
}

.choice-icon {
    width: calc(4rem + 2 *((100vw - 36rem) / 92));
}

.choice-icon svg {
    width: calc(4rem + 2 *((100vw - 36rem) / 92));
    height: calc(4rem + 2 *((100vw - 36rem) / 92));
}

.choice-index {
    padding-left: calc(4.8rem + 2.8 *((100vw - 36rem) / 92));
}


/* FLOW */

.flow-unit li {
    padding-bottom: calc(1.6rem + 2.4 *((100vw - 36rem) / 92));
}

.flow-unit-icon {
    width: calc(6rem + 8 *((100vw - 36rem) / 92));
}

.flow-unit-meta {
    margin-left: calc(6rem + 8 *((100vw - 36rem) / 92));
    padding-left: calc(1.6rem + 0.8 *((100vw - 36rem) / 92));
    min-height: calc(6rem + 8 *((100vw - 36rem) / 92));
}


/* ENTRY-BOX */

.entry-box-icon {
    width: calc(4rem + 2 *((100vw - 36rem) / 92));
    height: calc(4rem + 2 *((100vw - 36rem) / 92));
}

.entry-box-icon.images svg {
    width: calc(4rem + 2 *((100vw - 36rem) / 92));
    height: calc(4rem + 2 *((100vw - 36rem) / 92));
}



/* COLUMN */

.sw-pagenation {
    padding-bottom: calc(0.8rem + 0.8 *((100vw - 36rem) / 92));
    width: calc(9rem + 1 *((100vw - 36rem) / 92));
}

.sw-meta-wrap {
    padding: calc(0.8rem + 0.4 *((100vw - 36rem) / 92));
}

.sw-meta {
    gap: calc(0.8rem + 0.8 *((100vw - 36rem) / 92));
}

.sw-meta-icon {
    width: calc(1.2rem + 0.2 *((100vw - 36rem) / 92));
}

.sw-meta-icon svg {
    width: calc(1.2rem + 0.2 *((100vw - 36rem) / 92));
    height: calc(1.2rem + 0.2 *((100vw - 36rem) / 92));
}

.sw-meta-index p {
  margin-top: calc(-0.1rem - 0.1 *((100vw - 36rem) / 92));
}



/* INFORMATION */

.info-item {
  padding-bottom: calc(0.8rem + 0.4 *((100vw - 36rem) / 92));
  margin-bottom: calc(1.6rem + 0.8 *((100vw - 36rem) / 92));
}


.info-meta-wrap {
  gap: calc(0.8rem + 0.8 *((100vw - 36rem) / 92));
}

.info-meta-icon {
    width: calc(1.2rem + 0.2 *((100vw - 36rem) / 92));
}

.info-meta-icon svg {
    width: calc(1.2rem + 0.2 *((100vw - 36rem) / 92));
    height: calc(1.2rem + 0.2 *((100vw - 36rem) / 92));
}

.info-meta-index p {
  margin-top: calc(-0.1rem - 0.1 *((100vw - 36rem) / 92));
}



/*====================================

ABOUT

====================================*/


/*====================================

GUIDE

====================================*/

/* ARCHIVE */

.sw-pagenation-wrap.custom-archive {
  padding-bottom: calc(0.8rem + 0.6 *((100vw - 36rem) / 92));
}

.custom-thumb-meta-unit {
    gap: 0.2rem calc(1.6rem + 0.8 *((100vw - 36rem) / 92));
}

.side-category-item ul {
    padding-left: calc(3.4rem + 0.4 *((100vw - 36rem) / 92));
}


.nav-links {
    font-size: calc(1.4rem + 0.3 *((100vw - 36rem) / 92));
}



/* TAXONOMY */

.custom-article.tax {
    gap: calc(0.8rem + 1.6 *((100vw - 36rem) / 92)) 0;
}

.custom-article-index {
    padding-left: calc(0.8rem + 1.6 *((100vw - 36rem) / 92));
}



/* SINGLE */

/*
MAIN
*/

.custom-thumb-category {
    padding: calc(1.2rem + 1.2 *((100vw - 36rem) / 92));
}

.page-p.custom-thumb-p {
    line-height: calc(1.4rem + 0.3 *((100vw - 36rem) / 92));
}

.custom-thumb-title {
    padding: calc(1.2rem + 1.2 *((100vw - 36rem) / 92));
}


/*
MAIN TAG
*/

.main-tag-item-inner {
    gap: 0 calc(0.4rem + 0.2 *((100vw - 36rem) / 92));
    padding: calc(0.5rem + 0.1 *((100vw - 36rem) / 92)) 1.2rem;
}



/*
SIDE
*/


.side-category {
    gap: calc(0.4rem + 0.4 *((100vw - 36rem) / 92)) 0;
}

.side-category-inner {
    gap: calc(0.4rem + 0.1 *((100vw - 36rem) / 92));
}

.side-category-icon {
    width: calc(1.4rem + 0.1 *((100vw - 36rem) / 92));
    height: calc(1.4rem + 0.1 *((100vw - 36rem) / 92));
}

.side-category-icon svg {
    width: calc(1.4rem + 0.1 *((100vw - 36rem) / 92));
    height: calc(1.4rem + 0.1 *((100vw - 36rem) / 92));
}


/*====================================

MYPAGE

====================================*/

/* == COMMON == */

.input-unit input {
    font-size: calc(1.6rem + 0.2 *((100vw - 36rem) / 92));
}

.buttons {
    height: calc(4rem + 1 *((100vw - 36rem) / 92));
    width: calc(24rem + 4 *((100vw - 36rem) / 92));
    border-radius: calc(2rem + 0.5 *((100vw - 36rem) / 92));
    font-size: calc(1.4rem + 0.4 *((100vw - 36rem) / 92));
}

.regist-button-unit .buttons {
    height: calc(4rem + 1 *((100vw - 36rem) / 92));
    width: calc(24rem + 4 *((100vw - 36rem) / 92));
    border-radius: calc(2rem + 0.5 *((100vw - 36rem) / 92));
    font-size: calc(1.4rem + 0.4 *((100vw - 36rem) / 92));
}

.login-button-unit .buttons {
    height: calc(4rem + 1 *((100vw - 36rem) / 92));
    width: calc(24rem + 4 *((100vw - 36rem) / 92));
    border-radius: calc(2rem + 0.5 *((100vw - 36rem) / 92));
    font-size: calc(1.4rem + 0.4 *((100vw - 36rem) / 92));
}


/*
HEALING
*/

.help-btn {
    width: calc(2.4rem + 0.8 *((100vw - 36rem) / 92));
    height: calc(2.4rem + 0.8 *((100vw - 36rem) / 92));
    font-size: calc(1.4rem + 0.4 *((100vw - 36rem) / 92));
}

/* MODAL AREA */

.modal-content {
    width: calc(32rem + 28 *((100vw - 36rem) / 92));
}


/*
INPUT TYPE
*/

.input-area.text input {
    font-size: calc(1.6rem + 0.2 *((100vw - 36rem) / 92));
}

.input-area.textarea textarea {
    font-size: calc(1.6rem + 0.2 *((100vw - 36rem) / 92));
}


/*
CALENDAR
*/



#selectedDate, #reservationHeader {
    font-size: calc(1.8rem + 0.6 *((100vw - 36rem) / 92)) !important;
}

.bookingDate, .bookingTime, .serviceName {
    font-size: calc(1.8rem + 0.2 *((100vw - 36rem) / 92)) !important;
}

#booking-package_inputFormPanel .name {
    font-size: calc(1.5rem + 0.2 *((100vw - 36rem) / 92)) !important;
}


/*====================================

FOOTER

====================================*/

/* LOGO */

.footer-logo-meta {
    font-size: calc(3.2rem + 0.4 *((100vw - 36rem) / 92));
}

.footer-logo-unit {
    top: calc(0.2rem - 0.2 *((100vw - 36rem) / 92));
    left: calc(2.4rem + 0.3 *((100vw - 36rem) / 92));
}

.footer-logo-icon {
    width: calc(1.4rem + 0.2 *((100vw - 36rem) / 92));
    height: calc(1.4rem + 0.2 *((100vw - 36rem) / 92));
}

.footer-logo-icon svg {
    width: calc(1.4rem + 0.2 *((100vw - 36rem) / 92));
    height: calc(1.4rem + 0.2 *((100vw - 36rem) / 92));
}

/*
.footer-logo {
  margin-bottom: calc(0.4rem + 0.2 *((100vw - 36rem) / 92));
}

.footer-logo-icon {
  width: calc(2rem + 1.2 *((100vw - 36rem) / 92));
}

.footer-logo-icon svg {
  width: calc(2rem + 1.2 *((100vw - 36rem) / 92));
  height: calc(2rem + 1.2 *((100vw - 36rem) / 92));
}

.footer-logo-p {
  font-size: calc(2rem + 1.2 *((100vw - 36rem) / 92));
}

.footer-logo-meta p {
  margin-top: calc(-0.1rem - 0.1 *((100vw - 36rem) / 92));
}

.footer-phone-num {
  font-size: calc(1.5rem + 0.5 *((100vw - 36rem) / 92));
}

*/


/* MENU UNIT */

.footer-menu-title {
  font-size: calc(1.5rem + 0.3 *((100vw - 36rem) / 92));
  line-height: calc(2rem + 0.4 *((100vw - 36rem) / 92));
}

.footer-menu-item ul {
  padding-left: calc(1.6rem + 0.4 *((100vw - 36rem) / 92));
  font-size: calc(1.3rem + 0.2 *((100vw - 36rem) / 92));
  line-height: calc(1.7rem + 0.5 *((100vw - 36rem) / 92));
}

.footer-menu-item li {
  margin: calc(0.8rem + 0.4 *((100vw - 36rem) / 92)) 0;
}


/*====================================

PLANの案内

====================================*/

/* FV */

.title-h3.plans-fv {
    line-height: calc(2.4rem + 0.8 *((100vw - 36rem) / 92));
}

.page-p.plans-fv {
    line-height: calc(1.8rem + 1 *((100vw - 36rem) / 92));
}




/*====================================

PLAN

====================================*/

/* FV */

.plan-fv-create-box span {
    margin: 0 calc(0.4rem + 0.2 *((100vw - 36rem) / 92));
}

.plan-fv-create-box-inner {
  margin-bottom: calc(0.8rem + 0.4 *((100vw - 36rem) / 92));
}


/* RECOMMEND */

.col-123.plan-recommend {
    gap: calc(3.2rem + 2.8 *((100vw - 36rem) / 92)) 0;
}

.plan-recommend-icon {
    width: calc(4rem + 2 *((100vw - 36rem) / 92));
    height: calc(4rem + 2 *((100vw - 36rem) / 92));
}

.plan-recommend-icon svg {
    width: calc(4rem + 2 *((100vw - 36rem) / 92));
    height: calc(4rem + 2 *((100vw - 36rem) / 92));
}


/* TAB MENU */

.plan-tab-index-item a {
    height: calc(4.8rem + 1.6 *((100vw - 36rem) / 92));
}

.plan-tab-function {
    width: calc(30rem + 10 *((100vw - 36rem) / 92));
}

.plan-tab-function-item-icon {
    padding-top: calc(0.6rem + 0.4 *((100vw - 36rem) / 92));
}

.plan-tab-function-item-icon {
    width: calc(3rem + 1 *((100vw - 36rem) / 92));
    height: calc(3rem + 1 *((100vw - 36rem) / 92));
}

.plan-tab-function-item-icon svg {
    width: calc(3rem + 1 *((100vw - 36rem) / 92));
    height: calc(3rem + 1 *((100vw - 36rem) / 92));
}



/*====================================

COMPARE PLANS

====================================*/



/* TAB MENU */





/*====================================

FORM

====================================*/

/* == COMMON == */


/* WP LOGIN */

.login-button-unit {
    padding-top: calc(1.6rem + 1.6 *((100vw - 36rem) / 92));
}











.cf7-btn-unit input {
    height: calc(4rem + 1 *((100vw - 36rem) / 92));
    width: calc(24rem + 4 *((100vw - 36rem) / 92));
    border-radius: calc(2rem + 0.5 *((100vw - 36rem) / 92));
    font-size: calc(1.4rem + 0.3 *((100vw - 36rem) / 92));
}

.page-icon {
    width: calc(4rem + 2 *((100vw - 36rem) / 92));
}

.page-icon svg {
    width: calc(4rem + 2 *((100vw - 36rem) / 92));
    height: calc(4rem + 2 *((100vw - 36rem) / 92));
}




	
}


@media screen and (min-width: 596px) {

/*====================================

COMMON CSS

====================================*/

/* DISPLAY */

.br-sp {
    display: none;
}

.br-tb {
    display: inline;
}

.dis-sp {
    display: none;
}

.dis-tb {
    display: block;
}

.dis-pc {
    display: none;
}


/* COLUMN */

.col-122-item {
    width: calc(50% - 0.45rem);
}

.col-122-item.text-box {
    width: 50%;
}

.col-122-text-box {
    width: 90%;
}

.col-122-item.cannot-index {
    width: 40%;
}

.col-122-item.connot-meta {
    width: 60%;
}



.col-133-item {
    width: calc(33.33% - 0.6rem);
}



/*====================================

TOP PAGE

====================================*/

/* ENTRY-BOX */

.entry-box-meta {
    min-height: 12rem;
}



/*====================================

PLAN

====================================*/

/* FV */

.plan-fv-feature-unit {
    justify-content: space-between;
}

.plan-fv-item {
    width: 50%;
    max-width: 36rem;
}



/* RECOMMEND */

.plan-recommend-item {
    width: 50%;
}

.plan-recommend-meta {
    width: 90%;
}






/*====================================

CONTACT

====================================*/


/*
INPUT AREA WIDTH
*/

.iniput-width-12 {
    width: 50%;
}

/*
FORM TYPE
*/

.iniput-width-12 .input-item.single-form {
    width: calc(100% - 0.4rem);
}

.iniput-width-12 .input-item.w-form {
    width: calc(50% - 0.2rem);
}

/*
INPUT TYPE
*/






}

@media screen and (min-width: 768px) {

/*====================================

TOP PAGE

====================================*/

/* COLUMN */

.sw-column {
    max-width: 100%;
}


/*====================================

ACCOUNT

====================================*/

/*
ダッシュボード
*/

/* 予約 */

.booking-regist-item {
    width: calc(50% - 0.6rem);
    max-width: 100%;
}


/*====================================

FOOTER

====================================*/

/* MENU UNIT */

.footer-menu-item {
  width: calc(33.33% - 0.6rem);
}


}



@media screen and (min-width: 1000px) {

/*====================================

COMMON CSS

====================================*/

/* DISPLAY */

.br-tb {
    display: none;
}

.br-pc {
    display: inline;
}

.dis-sp {
    display: none;
}

.dis-tb {
    display: none;
}

.dis-pc {
    display: block;
}


/* FONT STYLE */

.ccl {
    text-align: left;
}

.llc {
    text-align: center;
}


/* PADDING */

.section-px {
    padding-left:2rem;
    padding-right: 2rem;
}


/*====================================

DRAWER CSS

====================================*/

/* ドロワーメニュー　開閉ボタン */

.drawerbtn {
    display: none;
}

/*====================================

HEADER

====================================*/

/* SP LOGO */

.sp-logo {
    display: none;
}

/* PC HEADER SECTION */

.pc-header-section {
    display: block;
    position: relative;
    z-index: 100;
}

.pc-header-wrap {
    height: 6.4rem;
    align-items: center;
}

/*
LOGO UNIT
*/

.pc-logo-wrap {
    position: relative;
    padding-bottom: 0.4rem;
}

.pc-logo-meta {
    font-size: calc(3.2rem + 0.4 *((100vw - 100rem) / 28));
    line-height: 4rem;
    height: 4rem;
}

.pc-logo-unit {
    position: absolute;
    top: calc(0.2rem - 0.2 *((100vw - 100rem) / 28));
    left: calc(2.4rem + 0.3 *((100vw - 100rem) / 28));
}
/*
.pc-logo-icon {
    width: calc(1.4rem + 0.2 *((100vw - 100rem) / 28));
    height: calc(1.4rem + 0.2 *((100vw - 100rem) / 28));
    display: flex;
    align-items: center;
    justify-content: center;
}

.pc-logo-icon svg {
    width: calc(1.4rem + 0.2 *((100vw - 100rem) / 28));
    height: calc(1.4rem + 0.2 *((100vw - 100rem) / 28));
}
*/


/*
G MENU UNIT
*/

.global-menu-unit {
    margin-left: calc(4rem + 0.8 *((100vw - 100rem) / 28));
}

.global-menu-ul {
    gap: 0 calc(4rem + 0.8 *((100vw - 100rem) / 28));
    margin: 0;
    padding: 0;
    list-style: none;
}

.parent-menu {
    position: relative;
}

.parent-link {
    font-size: calc(1.5rem + 0.2 *((100vw - 100rem) / 28));
    cursor: default;
}

.child-menu {
    display: none;
    position: absolute;
}



.child-menu ul {
    background-color: #333;
    box-sizing: border-box;
    padding: calc(1.4rem + 0.2 *((100vw - 100rem) / 28)) calc(2.4rem + 0.4 *((100vw - 100rem) / 28));
    margin-top: 1.6rem;
    position: relative;
    list-style: none;
}

.child-menu ul::before {
    content: "";
    position: absolute;
    top: -0.8rem;
    left: 0.8rem;
    border-bottom: 0.8rem solid #333;
    border-left: 1rem solid rgba(256,256,256,0);
    border-right: 1rem solid rgba(256,256,256,0);
}

.child-menu li {
    margin-bottom: calc(1.4rem + 0.2 *((100vw - 100rem) / 28));
}

.child-menu li:last-child {
    margin-bottom: 0;
}

.child-menu li a {
    color: #fff;
    font-size: calc(1.4rem + 0.1 *((100vw - 100rem) / 28));
    font-weight: 300;
    white-space: nowrap;
}


.child-menu ul li ul {
    list-style:
  disclosure-closed;
    color: #fff;
}

.child-menu .sub-menu {
    padding-left: 2rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    border-left: 0 !important;
}


/*
UTILITY UNIT
*/

.pc-utility-unit {
    position: absolute;
    top: 0;
    right: 0;
}

.pc-utility-wrap {
    height: 6.4rem;
    align-items: center;
    gap: calc(2rem + 0.3 *((100vw - 100rem) / 28));
}

.pc-utility-item a {
    display: block;
    width: calc(2rem + 0.3 *((100vw - 100rem) / 28));
    height: calc(2rem + 0.3 *((100vw - 100rem) / 28));
}

.pc-utility-item svg {
    width: calc(2rem + 0.3 *((100vw - 100rem) / 28));
    height: calc(2rem + 0.3 *((100vw - 100rem) / 28));
}


.plan-spec-btn {
    display: none;
}

.plan-spec-meta {
    display: block !important;
}


/*====================================

TOP PAGE

====================================*/

/* PLAN */

.plan-unit {
    gap: 1.2rem;
}

.plan-unit-item {
    width: calc(33.33% - 0.8rem);
}

.plan-fv.article.images {
    max-width: 38.7rem;
    margin: 0 auto;
}


/*====================================

PLAN

====================================*/

/*
PLANS PAGE
*/

.plans-fv.images {
    max-width: 38.7rem;
    margin: 0 auto;
}

/* RECOMMEND */

.plan-recommend-item {
    width: 33.33%;
}





/*====================================

GUIDE

====================================*/

/* SINGLE */

/*
MAIN
*/

.custom-main-body {
    width: 70%;
}

.custom-thumb-title {
    width: 90%;
}

/*
SIDE
*/

.custom-side-body {
    width: 30%;
    box-sizing: border-box;
    padding-left: calc(2rem + 2 *((100vw - 100rem) / 28));
}



/*====================================

ACCOUNT

====================================*/

.mypage-body {
    position: relative;
}

/*
SIDE
*/

.mypage-side-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 30rem;
    box-sizing: border-box;
}

/* MENU */

.ac-menu-sp {
    display: none;
}

.ac-menu-pc {
    display: block;
}


.side-category.ac-menu {
    gap: 0.6rem;
    margin-left: 0;
}

.side-category-item.ac-menu {
    width: 85%;
    border: 0.1rem solid #ddd;
    border-radius: 0.6rem;
}

.side-category-item.ac-menu a {
    display: block;
}

.side-category-inner.ac-menu {
    gap: 0.5rem;
    padding: 1.2rem;
}



/*
MAIN
*/

.mypage-main-body {
    box-sizing: border-box;
    padding-left: 30rem;
    min-height: 50rem;
}


/*
CALENDAR
*/

.max380.calendar {
    max-width: 46rem;
    margin: 0;
}


/*====================================

FOOTER

====================================*/

/* MENU UNIT */

.footer-menu-item {
  width: calc(25% - 0.7rem);
}



}

@media screen and (min-width: 1280px) {

/*====================================

COMMON CSS

====================================*/

/* FONT-SIZE */

.title-h1 {
    font-size: 8.4rem;
    line-height: 10.4rem;
}

.title-h2 {
    font-size: 6rem;
    line-height: 9.2rem;
}

.title-h3 {
    font-size: 2.8rem;
    line-height: 4rem;
}

.title-h3.article {
    font-size: 2.4rem;
    line-height: 3.2rem;
}

.title-h3.mt {
    margin-top: 2.8rem;
    margin-bottom: 0;
}

.title-h3.mb {
    margin-bottom: 2.8rem;
    margin-top: 0;
}

.title-h3.space {
    margin-top: 0;
    margin-bottom: 0.6rem;
}

.title-h3.side {
    font-size: 2.8rem;
    line-height: 4rem;
}

.title-h4 {
    font-size: 2.3rem;
    line-height: 3.2rem;
}




/*
page-p
*/

.page-p,
.custom-content-area p,
.wp-block-list li {
    font-size: 1.7rem;
    line-height: 2.6rem;
}

.page-p.article {
    font-size: 1.5rem;
    line-height: 2.2rem;
}

.page-p.mb {
    margin-bottom: 1.7rem;
    margin-top: 0;
}

.page-p.mt {
    margin-bottom: 0;
    margin-top: 1.7rem;
}


.page-p.mid {
    font-size: 4rem;
    line-height: 5.4rem;
}

.page-p.sm {
    font-size: 1.5rem;
    line-height: 2.1rem;
}


/*
article
*/

.page-p.lg.article {
    font-size: 4.8rem;
    line-height: 6rem;
}

.page-p.mid.article {
    font-size: 2.8rem;
    line-height: 4rem;
}

.page-p.sm.article {
    font-size: 1.3rem;
    line-height: 1.8rem;
}


.section-pt {
    padding-top: 6.4rem;
}
  
.section-pb {
    padding-bottom: 6.4rem;
}

.section-mt {
    margin-top: 6.4rem;
}
  
.section-mb {
    margin-bottom: 6.4rem;
}

.unit-pb {
    padding-bottom: 3.2rem;
}
  
.unit-pt {
    padding-top: 3.2rem;
}
	
.unit-mb {
    margin-bottom: 3.2rem;
}
  
.unit-mt {
    margin-top: 3.2rem;
}

.con-pb {
    padding-bottom: 2.4rem;
}

.con-pt {
    padding-top: 2.4rem;
}

.con-mb {
    margin-bottom: 1.2.4rem;
}

.con-mt {
    margin-top: 2.4rem;
}

.space {
    margin-top: 0;
    margin-bottom: 0.6rem;
}

.space-top {
    margin-top: 0.6rem;
}


/* LIST */

.page-list ul {
    margin-left: 2rem;
}



/* COLUMN */

.col-122.text-box {
    gap: 6rem 0;
}


/* PAGE LINK TAG */

.page-link-index p {
    margin-top: -0.2rem;
}


/* LINK BTN */

.link-btn-unit a {
    border-radius: 3rem;
}

.link-btn-wrap {
    height: 6rem;
    width: 30rem;
}

.link-btn-index p {
    margin-top: -0.2rem;
}


.link-btn-wrap.article {
    height: 5rem;
    width: 28rem;
}


/* BREADCRUMNB */

.breadcrumb-icon {
  width: 1.4rem;
  height: 1.4rem;
}

.breadcrumb-icon svg {
  width: 1.4rem;
  height: 1.4rem;
}





/*====================================

HEADER

====================================*/

/*
LOGO UNIT
*/

.pc-logo-meta {
    font-size: 3.6rem;
}

.pc-logo-unit {
    top: 0;
    left: 2.7rem;
}
/*
.pc-logo-icon {
    width: 1.6rem;
    height: 1.6rem;
}

.pc-logo-icon svg {
    width: 1.6rem;
    height: 1.6rem;
}
*/



/*
G MENU UNIT
*/

.global-menu-unit {
    margin-left: 4.8rem;
}

.global-menu-ul {
    gap: 0 4.8rem;
}

.parent-link {
    font-size: 1.7rem;
}

.child-menu ul {
    padding: 1.6rem 2.8rem;
}

.child-menu li {
    margin-bottom: 1.6rem;
}

.child-menu li a {
    font-size: 1.5rem;
}


/*
UTILITY UNIT
*/

.pc-utility-wrap {
    gap: 2.3rem;
}

.pc-utility-item a {
    width: 2.3rem;
    height: 2.3rem;
}

.pc-utility-item svg {
    width: 2.3rem;
    height: 2.3rem;
}



/*====================================

TOP PAGE

====================================*/

/* PLAN */

.plan-feature-unit {
    max-width: 32rem;
}


/* choice */

.choice-item {
    margin-bottom: 2.4rem;
}

.choice-icon {
    width: 6rem;
}

.choice-icon svg {
    width: 6rem;
    height: 6rem;
}

.choice-index {
    padding-left: 7.6rem;
}


/* FLOW */

.flow-unit li {
    padding-bottom: 4rem;
}

.flow-unit-icon {
    width: 14rem;
}

.flow-unit-meta {
    margin-left: 14rem;
    padding-left: 2.4rem;
    min-height: 14rem;
}


/* ENTRY-BOX */

.entry-box-icon {
    width: 6rem;
    height: 6rem;
}

.entry-box-icon.images svg {
    width: 6rem;
    height: 6rem;
}



/* COLUMN */

.sw-pagenation {
    padding-bottom: 1.6rem;
    width: 10rem;
}

.sw-meta-wrap {
    padding: 1.2rem;
}

.sw-meta {
    gap: 1.6rem;
}

.sw-meta-icon {
    width: 1.4rem;
}

.sw-meta-icon svg {
    width: 1.4rem;
    height: 1.4rem;
}

.sw-meta-index p {
  margin-top: -0.2rem;
}

/* INFORMATION */

.info-item {
  padding-bottom: 1.2rem;
  margin-bottom: 2.4rem;
}


.info-meta-wrap {
  gap: 1.6rem;
}

.info-meta-icon {
    width: 1.4rem;
}

.info-meta-icon svg {
    width: 1.4rem;
    height: 1.4rem;
}

.info-meta-index p {
  margin-top: -0.2rem;
}



/*====================================

PLANの案内

====================================*/

/* FV */

.title-h3.plans-fv {
    line-height: 3.2rem;
}

.page-p.plans-fv {
    line-height: 2.8rem;
}

/*====================================

PLAN

====================================*/

/* FV */

.plan-fv-create-box span {
    margin: 0 0.6rem;
}

.plan-fv-create-box-inner {
  margin-bottom: 1.2rem;
}


/* RECOMMEND */

.col-123.plan-recommend {
    gap: 6rem 0;
}

.plan-recommend-icon {
    width: 6rem;
    height: 6rem;
}

.plan-recommend-icon svg {
    width: 6rem;
    height: 6rem;
}


/* TAB MENU */

.plan-tab-index-item a {
    height: 6.4rem;
}

.plan-tab-function {
    width: 40rem;
}

.plan-tab-function-item-icon {
    padding-top: 1rem;
}

.plan-tab-function-item-icon {
    width: 4rem;
    height: 4rem;
}

.plan-tab-function-item-icon svg {
    width: 4rem;
    height: 4rem;
}





/*====================================

COMPARE PLANS

====================================*/




/* TAB MENU */



/*====================================

ABOUT

====================================*/


/*====================================

GUIDE

====================================*/

/* ARCHIVE */

.sw-pagenation-wrap.custom-archive {
  padding-bottom: 1.4rem;
}

.custom-thumb-meta-unit {
    gap: 0.2rem 2.4rem;
}

.custom-thumb-meta-item {
    gap: 0.6rem;
}

.custom-thumb-meta-icon {
    width: 1.4rem;
    height: 1.4rem;
}

.custom-thumb-meta-icon.svg {
    width: 1.4rem;
    height: 1.4rem;
}

.side-category-item ul {
    padding-left: 3.8rem;
}


/*
PAGENATION
*/

.nav-links {
    font-size: 1.7rem;
}


/* TAXONOMY */

.custom-article.tax {
    gap: 2.4rem 0;
}

.custom-article-index {
    padding-left: 2.4rem;
}

/* SINGLE */

/*
MAIN
*/

.custom-thumb-category {
    padding: 2.4rem;
}

.page-p.custom-thumb-p {
    line-height: 1.7rem;
}

.custom-thumb-title {
    padding: 2.4rem;
}



.custom-fv-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.custom-fv-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.custom-fv-index {
  margin-left: 0.6rem;
}

/*
MAIN TAG
*/

.main-tag-item-inner {
    gap: 0 0.6rem;
    padding: 0.6rem 1.2rem;
}


/*
SIDE
*/

.custom-side-body {
    padding-left: 4rem;
}

.side-category {
    gap: 0.8rem 0;
}

.side-category-inner {
    gap: 0.5rem;
}

.side-category-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.side-category-icon svg {
    width: 1.5rem;
    height: 1.5rem;
}





/*====================================

FORM

====================================*/

/* == COMMON == */




/* WP LOGIN */

.login-button-unit {
    padding-top: 3.2rem;
}








.cf7-btn-unit input {
    height: 5rem;
    width: 28rem;
    border-radius: 2.5rem;
    font-size: 1.7rem;
}

.page-icon {
    width: 6rem;
}

.page-icon svg {
    width: 6rem;
    height: 6rem;
}



/*====================================

MYPAGE

====================================*/

/* == COMMON == */

.input-unit input {
    font-size: 1.8rem;
}

.buttons {
    height: 5rem;
    width: 28rem;
    border-radius: 2.5rem;
    font-size: 1.8rem;
}

.regist-button-unit .buttons {
    height: 5rem;
    width: 28rem;
    border-radius: 2.5rem;
    font-size: 1.8rem;
}

.login-button-unit .buttons {
    height: 5rem;
    width: 28rem;
    border-radius: 2.5rem;
    font-size: 1.8rem;
}



/*
HEALING
*/

.help-btn {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.8rem;
}

/* MODAL AREA */

.modal-content {
    width: 60rem;
}



/*
INPUT TYPE
*/

.input-area.text input {
    font-size: 1.8rem;
}

.input-area.textarea textarea {
    font-size: 1.8rem;
}


/*
CALENDAR
*/



#selectedDate, #reservationHeader {
  font-size: 2.4rem !important;
}

.bookingDate, .bookingTime, .serviceName {
    font-size: 2rem !important;
}

#booking-package_inputFormPanel .name {
    font-size: 1.7rem !important;
}




/*====================================

FOOTER

====================================*/

/* LOGO */

.footer-logo-meta {
    font-size: 3.6rem;
}

.footer-logo-unit {
    top: 0;
    left: 2.7rem;
}

.footer-logo-icon {
    width: 1.6rem;
    height: 1.6rem;
}

.footer-logo-icon svg {
    width: 1.6rem;
    height: 1.6rem;
}

/*
.footer-logo {
  margin-bottom: 0.6rem;
}

.footer-logo-icon {
  width: 3.2rem;
}

.footer-logo-icon svg {
  width: 3.2rem;
  height: 3.2rem;
}

.footer-logo-p {
  font-size: 3.2rem;
}

.footer-logo-meta p {
  margin-top: -0.2rem;
}
*/

.footer-phone-num {
  font-size: 2rem;
}




/* MENU UNIT */



.footer-menu-title {
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.footer-menu-item ul {
  padding-left: 2rem;
  font-size: 1.5rem;
  line-height: 2.2rem;
}

.footer-menu-item li {
  margin: 1.2rem 0;
}













}