/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/*ページトップボタン*/
.page_top_btn {
	box-shadow: inset -5px -5px 10px 0px rgba(35, 10, 65, 1), inset 5px 5px 10px 0px rgba(150, 97, 215, 1), 0 0 0 1px rgb(235 229 241 / 65%), 0 0 0 2px rgba(0, 0, 0, .8);
	background-color: #5c4676;
	border-radius: 0.2em;
}

/*フォントの設定*/

.purple-title span,
.faq-list li span,
.number-border_en{
	font-family: "Marcellus", serif;
}

.purple-title span{
	font-size: 18px;
	margin-bottom: 7px;
	display: inline-block;
	color: #A083C4;
}

/*YuMincho*/
.reserve-contact-text-outer_box .reserve-contact-text_box,
.page-header-title, h1.page-header-title,
.appointment-text p:first-of-type,
.icon-box p,
.purple-title,
.booking,
.white-purple_btn,
.mainv-link,
.mainv-title_box {
  font-family: "yu-mincho-pr6n", sans-serif;
}

.purple-title_box{
	margin-top: 12px;
	margin-bottom: 50px;
}
.purple-title_box h2{
	display: flex;
	gap: 1em;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	margin-bottom: 1em;
}

.purple-title_box h2::before,
.purple-title_box h2::after{
	content: "";
	width: 3em;
	height: 1px;
	border: #7851A9 1px solid;
	display: block;
}

.purple-title{
	text-align: center;
	font-size: 24px;
	color: #7851A9;
}

.purple-title strong{
	font-weight: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1.5em;
	color: #A083C4;
}

.appointment-rink p,
.appointment-rink a,
.appointment-text p:nth-of-type(2),
.features-inner_box div p{
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
}

/*A-OTF リュウミン Pro H-KL*/

.footer-title p span,
.global-nav-list>li .global-nav-name,
.vk-mobile-nav .widget_nav_menu ul li a,
.vk-mobile-nav nav ul li a{
	font-family: "a-otf-ryumin-pr6n", serif;
}

/*Trajan Pro 3*/
.footer-title p{
	font-family: "trajan-pro-3", serif;
}

/*ヒラギノ角ゴ ProN*/
.policy-r-c_inner,
.system-price,
.system-price_box p,
.system-price p,
.salon-introduction article p,
.room-tour_box,
.faq-list li{
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'Yu Gothic', 'メイリオ', Meiryo, sans-serif;
}

.global-nav-list>li .global-nav-name,
.vk-mobile-nav .widget_nav_menu ul li a,
.vk-mobile-nav nav ul li a{
	font-weight: bold;
}

.global-nav-list>li .global-nav-name{
	font-size: 16px;
}

dl + h1, dl + h2, dl + h3, dl + h4, dl + h5, dl + h6,
ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6,
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,
table + h1, table + h2, table + h3, table + h4, table + h5, table + h6,
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 {
	margin-top: 0;
}

.global-nav-list>li:before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 0;
	border-bottom: none;
	transition: all .5s 
ease-out;
}

/*フォントの設定終わり*/

/* footerのコピーライト2行目を消す */
.site-footer-copyright p:nth-of-type(2){
	display:none;
}

/* footerのコピーライトのリセット */
.site-footer-copyright p {
	text-align: center;
	margin: 0;
	font-size: 1em;
	color: #fff;
}

.site-footer-copyright {
	padding: 1em 0;
}

.site-footer {
	border-top: none;
	background-color: #A083C4;
	font-size: 1em;
	color:#fff;
}

/* グローバルメニュー */

.site-header-logo a span{
	font-size: 20px;
	font-weight: bold;
}

.site-header-logo {
	text-align: left;
	padding-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin: 10px 0 10px 0!important;
}

.device-pc .global-nav-list>li>a {
	color: #4E454A;
	padding: 14px 1em;
}

.device-mobile .global-nav-list>li>a {
	color: #4E454A;
	font-size: 16px;
}

/* グローバルメニュー終わり */

/* 背景の横幅一杯にする始まり */

.bg-f {
	position: relative;
	z-index: 0;
}

.bg-f::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	transform: translateX(-50%);
	z-index: -1;
}
/*
.bg-f::after{
	background: url(/lp/wp-content/images/flowIcon.png);
}*/

/* 背景の横幅一杯にする終わり */

/* ボタン設定 */

.purple_btn{
	background-color: #A083C4;
	color: #fff;
	width: 233px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	font-size: 14px;
}

.white-purple_btn{
	font-size: 18px;
	width: 360px;
	height: 64px;
	border: #7851A9 1px solid;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 32px;
	color: #A083C4;
}

.white-purple_btn:hover{
	color: #b89dd9;
	border: #7f62a3 1px solid;
	background-color: #fbfbfb;
}

.white-purple_btn span{
	background: url(/wp_2025/wp-content/images/arrow_light.png)no-repeat;
	background-size: 100%;
	width: 30px;
	aspect-ratio: 64 / 28;
}

/* ボタン設定終わり */

/*  新着情報の情報始まり  */
/*  新着情報の情報終わり  */

/*  footerナビ始まり  */

.footer-nav {
	border-bottom: none;
}

.footer-nav li {
	padding: 0 0.5em;
}

.footer-nav-list li:first-child {
	border-left: none;
}

.footer-nav-list li {
	border-right: none;
}

.nav li a, nav li a {
	text-decoration: none;
	color: #fff;
}

@media (max-width: 767.98px) {
	.footer-nav-list li {
		border-right: none;
		border-bottom: none;
	}
}

/*  footerナビ終わり  */

/*  footer始まり  */

.footer-title p {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
}

.footer-title p span{
	font-size: 32px;
	letter-spacing: 4px;
}

.footer-title p span small{
	font-size: 0.8em;
}

.sns-icon_box {
	display: flex;
	justify-content: center;
	gap: 13px;
}

.sns-icon_box a{
	display: block;
	width: 40px;
}

/*  footer終わり  */

/*  marginの設定始まり  */
.margin-b-100{
	margin-bottom: 100px;
}
.margin-b-200{
	margin-bottom: 200px;
}
.margin-b-80{
	margin-bottom: 80px;
}
.margin-b-60{
	margin-bottom: 60px;
}
.margin-b-140{
	margin-bottom: 140px;
}
.margin-b-30{
	margin-bottom: 30px;
}
/*  marginの設定終わり  */

/* TOPロゴサイズ変更始まり */

.site-header-logo img {
    max-height: 60px;
    max-width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* TOPロゴサイズ変更終わり */

/*  メインビジュアル始まり  */
.mainv{
	display: flex;
	padding: 15vw 0;
}
.mainv::after{
	background: url(/wp_2025/wp-content/images/top/mainv_bg.png)no-repeat center;
	aspect-ratio: 1920 / 720;
	background-size: cover;
}
.mainv > *{
	flex: 1;
}
.mainv div span{
	display: block;
}
.mainv-text_box{
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 29px;
}
.mainv-link,
.mainv-title_box{
	display: flex;
	align-items: center;
}
.mainv-title_box{
	justify-content: center;
	margin-bottom: 10PX;
}
.mainv-link{
	justify-content: flex-end;
	gap: 32px;
}
.mainv-title_box p{
	font-size: 18px;
	margin-bottom: 15px;
	margin-top: 26px;
}
.mainv-title_box h2{
	font-size: 32px;
}
.mainv-title_box img{
	aspect-ratio: 1/1;
	width: 120px;
}
/*  メインビジュアル終わり  */

/*  固定ページヘッダー始まり  */

.page-header {
	background-color: #F1EDF7;
	background-image: url(/wp_2025/wp-content/images/top/logoback.png);
	background-repeat: no-repeat;
	background-size: 197px;
	background-position: right 71vw bottom -75px;
	min-height: 6.25rem;
}

.page-header-title, h1.page-header-title {
	font-size: 1.1em;
	font-weight: normal;
	color: #4E454A;
}

#post-84 {
	margin: 50px 0;
	font-size: 16px;
}

/*  固定ページヘッダー終わり  */

/*  TOPページ始まり  */
/*  背景紫のバナーゾーン  */
.booking{
	text-align: center;
	padding: 70px 0 90px;
}

.purple-logo_left::after{
	background: 
	url(/wp_2025/wp-content/images/top/logoback.png)no-repeat,
	#F1EDF7;
	background-position: left center;
	background-size: 550px;
}

.booking p{
	font-size: 18px;
	line-height: 40px;
	margin-bottom: 40px;
}

.booking a{
	margin: 0 auto;
}

/*  背景紫のバナーゾーン終わり  */

/*  レンタルサロン４つの特徴始まり  */
.rental-features{
	padding: 60px 0 98px;
}

.rental-features h2{
	margin-bottom: 90px;
}

.rental-features-text_box{
	gap: 40px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 60px;
}

.rental-features-text_box article{
	background-color: #F1EDF7;
}

.features-inner_box div{
	padding: 20px;
}

.features-inner_box img{
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 550 / 229;
}

.features-inner_box div h3{
	color: #7851A9;
	font-size: 18px;
	margin-bottom: 10px;
	text-align: start;
}

.features-inner_box div p {
	line-height: 24px;
}

.menu-icon{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.menu-icon article{
	aspect-ratio: 1;
}

.icon-box{
	background-color: #A083C4;
	padding: 20px 25px;
	display: block;
	height: 100%;
}

.icon-box > div{
	background-color: rgba(241, 237, 247, 0.4);
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: 26px;
}

.icon-box img{
	width: 200px;
	aspect-ratio: 1;
}

.icon-box p{
	font-size: 24px;
	color: #fff;
}

/*  レンタルサロン４つの特徴終わり  */

/*  投稿始まり  */
.post-news_outer_box{
	padding-bottom: 97px;
}

.post-inner_box{
	width: 80%;
	margin: 0 auto;
}

.post-news{
	padding: 50px 60px;
	background-color: #F1EDF7;
}

.post-news_box h2{
	margin-bottom: 54px;
}

.post-news article{
	border-bottom: #707070 1px solid;
	padding-bottom: 28px;
	margin-bottom: 20px;
	display: flex;
	gap: 36px;
}

.post-news article:last-of-type{
	margin-bottom: 0;
}

.post-news_title{
	text-decoration: none;
}

/*  投稿終わり  */

/*  アクセスマップ始まり  */

.access-map_box{
	margin-bottom: 150px;
}

.access-map_box h2{
	margin-bottom: 60px;
}

.access-map iframe{
	width: 100%;
	height: 380px;
	margin-bottom: 0;
}

/*  アクセスマップ終わり  */

/*  footerバナーゾーン始まり  */

.appointment{
	padding: 50px 0 85px;
}

.appointment h2{
	font-weight: bold;
}

.purple-logo_light::after {
	background: url(/wp_2025/wp-content/images/top/logoback.png) no-repeat, #F1EDF7;
	background-position: left 68vw center;
	background-size: 550px;
}

.appointment-box{
	display: flex;
	width: 700px;
	margin: 0 auto;
	background-color: #fff;
	padding: 26px 21px;
	gap: 30px;
}

.appointment-box > div{
	flex: 1; 
}

.appointment-text p:first-of-type{
	font-size: 20px;
	border-bottom: dotted 1px #707070;
	padding-bottom: 20px;
	margin-bottom: 20px;
	color: #7851A9;
	font-weight: bold;
}

.appointment-text p:nth-of-type(2){
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 1em;
}

.appointment-rink{
	display: flex;
	align-items: center;
	flex-direction: column;
	flex-shrink: 0;
	justify-content: center;
	gap: 18px;
}

.appointment-rink p::before,
.appointment-rink p::after,
.appointment-rink p{
	color: #7851A9;
}

.appointment-rink p{
	font-size: 20px;
	display: inline-flex;
	gap: 20px;
	align-items: center;
	font-weight: bold;
}

.appointment-rink p::before,
.appointment-rink p::after {
	display: inline-block;
	font-size: 2em;
	font-weight: normal;
	font-family: 'yu-mincho-pr6n';
}

.appointment-rink p::before {
	content: "\\";
}

.appointment-rink p::after {
	content: "/";
}

.link-btn,
.appointment-rink a {
	font-weight: bold;
	font-size: 16px;
	display: flex;
	width: 300px;
	height: 46px;
	border: 1px #7851A9 solid;
	border-radius: 15px;
	align-items: center;
	justify-content: space-between;
	padding: 0 23px 0 26px;
}

.link-btn span,
.appointment-rink a span{
	color: #fff;
}

.link-btn span,
.appointment-rink a span {
  position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
}
.link-btn span::after,
.appointment-rink a span::after {
  position: absolute;
  content: "";
  aspect-ratio: 1;
  width: 30px;
  border-radius: 50px;
  background-color: #A083C4;
	z-index: -1;
}

.purple-span_inblo span {
	display: inline-block;
	font-size: 1em;
}

/*  footerバナーゾーン終わり  */

@media screen and (max-width: 1200px){
	.mainv {
		padding: 10vw 0;
	}

	.mainv-title_box h2 {
    font-size: 26px;
	}

	.purple_btn {
		width: 200px;
		height: 40px;
		font-size: 14px;
	}

	.purple-logo_light::after {
		background-position: left 66vw center;
		background-size: 410px;
	}

	.icon-box img {
		width: 160px;
	}

	.white-purple_btn {
		background-color: rgba(255, 255, 255, 0.7);
	}

	.appointment-box {
		background-color: rgba(255, 255, 255, 0.7);
	}
}
@media screen and (max-width: 990px){
	/* TOPロゴサイズ変更始まり */

.site-header-logo img {
    max-height: 40px;
    max-width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* TOPロゴサイズ変更終わり */

	.mainv-title_box h2 {
		font-size: 20px;
	}
	.mainv-title_box p {
		font-size: 16px;
		margin-bottom: 15px;
		margin-top: 26px;
	}

	.mainv-title_box img {
		width: 90px;
	}

	.mainv-link {
		gap: 13px;
		flex-direction: column;
	}

	.purple_btn {
		width: 190px;
		height: 40px;
		font-size: 14px;
	}

	.features-inner_box img {
		aspect-ratio: 550 / 300;
	}

	.features-inner_box div h3 {
		line-height: 1.5em;
	}

	.icon-box img {
		width: 130px;
	}

	.icon-box {
		padding: 13px 16px;
	}
	
	.icon-box > div {
		gap: 5px;
	}

	.icon-box p {
		font-size: 18px;
	}

	.post-inner_box {
		width: 100%;
	}

	.purple-logo_light::after {
		background-position: left 53vw center;
		background-size: 410px;
	}
}
@media screen and (max-width: 766px){
	.mainv{
		justify-content: center;
	}
	
	.mainv::after {
		background: url(/wp_2025/wp-content/images/top/mainv_sp_bg.png) no-repeat center;
		aspect-ratio: auto;
		background-size: cover;
	}

	.mainv > div:first-of-type{
		display: none;
	}

	.mainv > div{
		background-color: rgba(255, 255, 255, 0.3);
		padding: 50px;
	}

	.mainv-link {
		gap: 13px;
		flex-direction: row;
		justify-content: center;
	}

	.mainv-title_box h2 {
		font-size: 27px;
	}

	.mainv-title_box p {
		font-size: 18px;
		margin-bottom: 15px;
		margin-top: 26px;
	}

	.mainv-title_box img {
		width: 100px;
	}
	
	.rental-features-text_box {
		gap: 40px;
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 60px;
	}

	.icon-box img {
		width: 100px;
	}

	.post-news {
		padding: 50px 30px;
	}

	.post-news article {
		gap: 10px;
		flex-direction: column;
	}

	.appointment-box {
		width: 100%;
		padding: 26px 21px;
		gap: 25px;
		flex-direction: column;
		background-color: rgba(255, 255, 255, 0.7);
	}

	.link-btn{
		margin: 0 auto;
	}

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

	.mainv > div {
		background-color: rgba(255, 255, 255, 0.3);
		padding: 50px 1em;
	}

	.mainv-title_box h2 {
		font-size: 20px;
	}

	.mainv-title_box p {
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.mainv-title_box img {
		width: 90px;
	}

	.mainv-link {
		gap: 13px;
		flex-direction: row;
		justify-content: center;
		flex-direction: column;
	}

	.booking a {
		width: 300px;
	}

	.booking span{
		display: inline-block;
	}

	.purple-logo_light::after{
		background-size: 100vw;
		background-position: left top;
	}

	.purple-logo_light::after{
		background-size: 100vw;
		background-position: left center;
	}

	.icon-box {
		padding: 0.7em 0.5em;
	}

	.icon-box img {
		width: 15vw;
	}

	.icon-box p {
		font-size: 14px;
	}

	.post-news article {
		padding-bottom: 15px;
		margin-bottom: 15px;
		gap: 10px;
	}

	.post-news {
		padding: 2em 1em;
	}

	.appointment {
		padding: 50px 0 2em;
	}

	.purple-title_box h2 {
		gap: 0em;
		justify-content: space-evenly;
	}

	.purple-title_box h2::before,
	.purple-title_box h2::after {
		width: 2em;
	}

	.access-map iframe {
		height: auto;
		aspect-ratio: 1;
	}

	.white-purple_btn {
		width: 270px;
		height: 52px;
	}
}
/*  TOPページ終わり  */

/*  サロン紹介始まり  */
.salon-introduction_box{
	margin-top: 64px;
	margin-bottom: 96px;
}

.salon-introduction_box h2{
	margin-bottom: 53px;
}

.salon-introduction{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 35px;
}

.salon-introduction article img{
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 360 / 260;
	margin-bottom: 16px;
}

.salon-introduction article p{
	font-size: 16px;
	text-align: center;
}

.room-tour_box{
	margin-bottom: 129px;
}

.room-tour_box h2{
	margin-bottom: 53px;
}

.room-tour article{
	margin-bottom: 50px;
	display: flex;
	gap: 70px;
	align-items: center;
}

.room-tour article:last-of-type{
	margin-bottom: 0px;
}

.room-tour article img{
	width: 540px;
	height: auto;
	object-fit: cover;
	aspect-ratio: 540/363;
	flex-shrink: 0;
}

.room-tour-text_box > div{
	border-bottom: 1px #E5E5E5 solid;
}

.room-tour-text_box > div:first-of-type{
	padding: 0 5px 22px 34px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.room-tour-text_box > div:first-of-type p:last-of-type{
	font-weight: bold;
	font-size: 1.2em;
}

.room-tour-text_box > div:nth-of-type(2){
	padding: 32px 5px 32px 34px;
	display: flex;gap: 100px;
}

.room-tour-text_box > div:nth-of-type(2) p:first-of-type{
	flex-shrink: 0;
}

.room-tour-text_box > div:nth-of-type(2) p:nth-of-type(2){
	line-height: 40px;
}
.room-number{
	display: inline-flex;
	align-items: flex-end;
	gap: 0.5em;
}
.room-number1::before{
	background: url(/wp_2025/wp-content/images/about-salon/room-number1.jpg);
}
.room-number2::before{
	background: url(/wp_2025/wp-content/images/about-salon/room-number2.jpg);
}
.room-number::before{
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 1.1em;
	aspect-ratio: 3 / 4;
	display: inline-block;
}
.equipment-outer_box{
	width: 95%;
	margin: 0 auto;
}

.equipment_box{
	margin-bottom: 50px;
}

.equipment_box h2{
	margin-bottom: 55px;
}

.equipment{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25px;
	margin-bottom: 35px;
}

.equipment article img{
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 240 / 180;
	margin-bottom: 1em;
}

.equipment article p{
	text-align: center;
	font-weight: bold;
}

.equipment-text{
	text-align: center;
	margin-bottom: 35px;
}

.equipment-text p:first-of-type{
	margin-bottom: 24px;
}

.equipment-text p:last-of-type{
	display: inline-flex;
	font-weight: bold;
}

.equipment-text p strong{
	font-size: 1em;
	color: #7f62a3;
	margin-right: 0.5em;
	margin-left: 1em;
}

.equipment-text p strong:first-of-type{
	margin-left: 0em;
}

.span-auto span{
	display: inline-block;
	margin-right: 1em;
}

.equipment-rocker-link_box{
	text-align: center;
}

@media screen and (max-width: 1200px){
	.room-tour article img {
		width: 360px;
	}

}
@media screen and (max-width: 990px){
	.room-tour article img {
		width: 300px;
	}

	.room-tour article {
		gap: 30px;
	}
	
	.room-tour-text_box > div:nth-of-type(2) {
		gap: 56px;
	}

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

	.salon-introduction {
		gap: 15px;
	}

	.room-tour article {
		flex-direction: column;
		margin-bottom: 80px;
	}

	.room-tour article img {
		width: 80%;
	}
	
	.room-tour-text_box > div:first-of-type {
		padding: 0 5px 1.5em 2em;
	}

	.room-tour-text_box > div:nth-of-type(2) {
		padding: 1.5em 5px 1.5em 2em;
	}

	.equipment {
		grid-template-columns: repeat(2, 1fr);
	}

}
@media screen and (max-width: 574px){
	
	.room-tour article img {
		width: 100%;
	}

	.room-tour-text_box > div:first-of-type {
		padding: 0 5px 1em 1.5em;
	}

	.room-tour-text_box > div:nth-of-type(2) {
		padding: 1em 5px 1em 1.5em;
	}

	.equipment-outer_box {
		width: 100%;
	}

	.equipment {
		gap: 30px 15px;
	}
	
	.equipment article img {
		margin-bottom: 15px;
	}

}
/*  サロン紹介終わり  */

/*  料金案内始まり  */

section .system-price_box:first-of-type{
	margin-top: 37px;

}

section .system-price_box{
	margin-bottom: 102px;
}

.system-price_box h2{
	margin-bottom: 40px;
}

.rocker-price-img_box,
.system-price{
	width: 48%;
	margin: 0 auto 32px;
}
.rocker-price-img_box{
	display: flex;
	justify-content: center;
	gap: 1em;
}
/* 横並びで入れるために作成したけど保留 */
/* .rocker-price_box{
	display: flex;
	gap: 1rem;
}
.rocker-price-img_box,
.rocker-price-text_box{
	margin: 0;
} */

.rocker-price-img-inner_box img,
.rocker-price-img-inner_box{
	aspect-ratio: 4/3;
}
.rocker-price-img-inner_box img{
	object-fit: cover;
	display: block;
}

.rocker-price-img-inner_box{
	display: flex;
	gap: 0.5em;
	flex-direction: column;
	align-items: center;
}

.time{
	font-size: 16px;
	color: #333333;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	padding: 0 35px 24px;
	border-bottom: 1px #E5E5E5 solid;
}

.time:last-of-type{
	margin-bottom: 0px;
}

.b-bg-purple-title{
	background-color: #F1EDF7;
	border-left: 18px #A083C4 solid;
	font-size: 16px;
	color: #A083C4;
	text-align: start;
	padding: 18px 0 18px 20px;
	font-weight: bold;
}

.system-price h3{
	margin-bottom: 32px;
}

.discount{
	font-weight: bold;
	color: #7851A9;
}

.policy-r-c_outer{
	background-color: #F1EDF7;
	padding: 24px 46px 50px;
	margin-bottom: 115px;
}

.policy-r-c_outer h2{
	margin-bottom: 66px;
}

.policy-r-c_inner{
	background-color: #fff;
	padding: 28px 33px;
		list-style-position: inside;
}

.policy-r-c_inner article{
	margin-bottom: 26px;
}

.policy-r-c_inner article:last-of-type{
	margin-bottom: 0;
}

.policy-r-c_inner article h3{
	margin-bottom: 14px;
}

.policy-list li{
	list-style: none;
	display: flex;
	line-height: 40px;
}

.policy-list li:last-of-type{
	margin-bottom: 0;
}

.policy-list li::before {
  content: "・"; 
  font-size: 1.2em;
}

.policy-r-c_inner article p:first-of-type{
	line-height: 40px;
}

.system-price_box > p{
	text-align: center;
	margin-bottom: 44px;
	line-height: 1.5em;
}

@media screen and (max-width: 1200px){
	.system-price {
		width: 58%;
	}
}
@media screen and (max-width: 990px){
	.system-price {
		width: 78%;
	}

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

	.page-header {
		background-size: 197px;
		background-position: right 62vw bottom -75px;
	}

	.system-price {
		width: 100%;
		margin: 0 auto 32px;
	}

	.policy-r-c_outer {
		background-color: #F1EDF7;
		padding: 24px 2em 50px;
		margin-bottom: 115px;
	}

	.policy-r-c_inner {
		background-color: #fff;
		padding: 28px 2em;
	}
}
@media screen and (max-width: 574px){
	.page-header {
		background-size: 162px;
		background-position: left -3vw bottom -62px;
	}

	.time {
		font-size: 16px;
		margin-bottom: 1em;
		padding: 0 1em 1em;
	}

	.system-price_box > p{
		text-align: start;
	}
	
	.policy-r-c_outer {
		background-color: #F1EDF7;
		padding: 1.5em 1em 2em;
		margin-bottom: 115px;
	}

	.policy-r-c_inner {
		background-color: #fff;
		padding: 1.5em 1em;
	}

	.policy-r-c_inner article p:first-of-type,
	.policy-list li {
		line-height: 2em;
	}

}
/*  料金案内終わり  */

/*  利用ガイド始まり  */
.guide_box {
	margin-top: 65px;
	margin-bottom: 100px;
}

.guide_box h2{
	margin-bottom: 57px;
}

.guide-text_box{
	display: flex;
	gap: 65px;
}

.guide-text-inner_box p{
	line-height: 40px;
	margin-bottom: 2em;
}

.guide-text-inner_box p:last-of-type{
	margin-bottom: 0;
}

.guide-text_box img{
	width: 420px;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 420 / 360;
	flex-shrink: 0;
}

.facility_box{
	margin-bottom: 100px;
}

.facility_box p{
	line-height: 40px;
}

.facility_box h2{
	margin-bottom: 30px;
}

.facility-text_box{
	margin-bottom: 73px;
}

.facility-text-list_box{
	display: flex;
	margin: 0 auto;
	justify-content: center;
}
.facility-text-list_box2{
	justify-content: flex-start;
}
.facility-text-list_box ul{
	padding-left: 2rem;
}

.facility-text-list_box ul li{
	line-height: 2.5em;
}

.facility-text_box p{
	text-align: center;
}

.facility-text_box-2{
	width: 78%;
	margin: 0 auto;
}

.facility-text_box-2 article{
	margin-bottom: 43px;
}

.facility-text_box-2 article:last-of-type{
	margin-bottom: 0px;
}

.facility-text_box-2 article h3{
	margin-bottom: 34px;
}

.faq_box{
	margin-bottom: 116px;
}

.faq_box h2{
	margin-bottom: 50px;
}

.faq-text_box article{
	margin-bottom: 30px;
	border-bottom: 1px #DEDEDE solid;
	padding: 0 31px 10px;
}

.faq-text_box article:last-of-type{
	margin-bottom: 0px;
}

.faq-list li{
	list-style: none;
	display: flex;
	gap: 0.5em;
	line-height: 40px;
}

.faq-list li:first-of-type{
	margin-bottom: 12px;
	color: #A083C4;
}

.faq-list li span{
	font-size: 18px;
}

.terms-about-reserve_box :not(span) {
  margin-bottom: 47px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.terms-about-reserve_box a{
	margin-bottom: 0!important;
}

.terms-about-reserve_box{
	margin-bottom: 94px;
}

.terms-about-reserve_box p{
	text-align: start;
	display: inline-block;
	line-height: 32px;
}
@media screen and (max-width: 1200px){

	.guide-text_box img {
		width: 460px;
	}

	.guide-text_box {
		gap: 45px;
	}

}
@media screen and (max-width: 990px){
	.guide-text_box img {
		width: 340px;
	}

	.facility-text_box-2 {
		width: 90%;
	}

}
@media screen and (max-width: 766px){
	.guide-text_box {
		flex-direction: column;
	}

	.guide-text_box img {
		width: 100%;
	}

	.faq-text_box article {
		padding: 0 1.5em 10px;
	}

}
@media screen and (max-width: 574px){
	
	.facility-text_box-2 {
		width: 90%;
	}

	.faq-text_box article {
		padding: 0 1em 10px;
	}
}
/*  利用ガイド終わり  */

/*  見学予約・お問い合わせ始まり  */

.reserve-contact-btn_box{
	display: flex;
	gap: 30px;
	margin: 64px auto;
	justify-content: center;
}

.reserve-contact-text-outer_box{
	display: flex;
	justify-content: center;
	padding: 28px 33px 50px;
}

.reserve-contact-text_box{
	display: inline-block;
}

.reserve-contact-text_box article{
	margin-bottom: 10px;
}

.reserve-contact-text_box article::after {
	content: "▼";
	display: inline-block;
	font-size: 21px;
	color: #c4b0e1;
	line-height: 1;
	margin-left: 4em;
	margin-top: 0.5em;
}

.reserve-contact-text_box article:nth-last-of-type(2)::after{
	content: "";
	display: inline-block;
	font-size: 21px;
	color: #c4b0e1;
	line-height: 1;
	margin-left: 4em;
	margin-top: 0.5em;
}
.reserve-contact-text_box article:last-of-type::after{
	display: none;
}

.reserve-contact-text_box article p{
	display: flex;
	align-items: center;
	line-height: 24px;
	gap: 12px;
	flex-direction: row;
	justify-content: flex-start;
}

.reserve-contact-text_box article p:first-of-type{
	color: #A083C4;
	font-size: 20px;
}

.number-border_color span,
.reserve-contact-text_box article p span,
.number-border_en {
	width: 40px;
	flex-shrink: 0;
}

.number-border_en {
	display: flex;
	text-align: center;
	border-radius: 70px;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1;
	line-height: 1;
	border: 1px #A083C4 solid;
}

.line-icon{
	margin-top: 0.5em;
}

.line-icon a{
	width: 150px;
	display: inline-block;
}

.contact-box h2{
	margin-bottom: 30px;
}

.contact{
	text-align: center;
	line-height: 24px;
}

.contact p{
	margin-bottom: 38px;
	line-height: 24px;
	word-break: auto-phrase;
}

.reserve-contact-text-outer_box .reserve-contact-text_box article .appointment-rink a span{
	display: flex;
}
.reserve-contact-text-outer_box .reserve-contact-text_box article .appointment-rink a {
	width: auto;
	margin-top: 1rem;
	gap: 1.5rem;
	text-decoration: none;
}

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

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

	.reserve-contact-btn_box {
		flex-direction: column;
		align-items: center;
	}

}
@media screen and (max-width: 766px){
	
	.contact,
	.reserve-contact-text-outer_box{
		padding: 28px 2em;
	}

}
@media screen and (max-width: 574px){
	.reserve-contact-text_box article p:first-of-type {
		margin-bottom: 0.5em;
	}

	.reserve-contact-text_box article p:nth-of-type(n+2) span{
		display: none;
	}

	/* .reserve-contact-text-outer_box .reserve-contact-text_box article .appointment-rink a span{
		display: flex;
	} */

	.contact,
	.reserve-contact-text-outer_box{
		padding: 1.5em 1em;
	}

}
/*  利用規約始まり  */
.privacy article h3{
	margin-bottom: 1rem;
}
/*  始まり  */
@media screen and (max-width: 1200px){}
@media screen and (max-width: 990px){}
@media screen and (max-width: 766px){}
@media screen and (max-width: 574px){}
/*  終わり  */
/*  利用規約終わり  */