@charset "UTF-8";
/*
Theme Name: プレミアムプラン 美容院
Theme URI: https://
Description: sooon株式会社サイトオリジナルテーマ
Author: Arase
Author URI:
Version: 1.0.0

*/
/*
ーカラーの指定方法ー

◎背景色（グラデーションスタート）、service03のよくある質問ボックス色
color: var(--background1-color);

◎背景色（グラデーションエンド）
color: var(--background2-color);

◎フォントカラー  
color: var(--font-color);

◎バックテキストカラー
color: var(--bg-text-color);

◎背景色２
color: var(--sub-color);

◎フッター帯カラー
color: var(--footer_color);

*/

@media screen and (max-width: 767px) {
  .u-pc { display: none; }
}
.u-sp { display: none; }
@media screen and (max-width: 767px) {
  .u-sp { display: block; }
}

/* ボタンカラー */
:root {
	--button-color: #0C044E;
}
.header_reservation a,
.more_btn {
	background-color:  var(--button-color);
}

/* トップページ */
.main_visual .main_swiper .swiper-slide picture::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,  rgba(0, 0, 0, 0) 50%, #000 100%);
	opacity: 0.6;
}

/* フッター */
.footer .fnav .menu-fnav_1-container::before,
.footer .fnav .menu-fnav_2-container::before {
	display: none;
}
.footer .footer_bottom,
.footer .footer_bottom a {
	color: #fff;
}

/* サービスページ */
.service1 .left .bg_text {
	font-size: 10rem;
	top: 0;
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
}
@media screen and (max-width: 767px) {
	.service1 .left .bg_text {
		font-size: 5rem;
		top: -50px;
	}
}

/* プライバシーポリシー */
.page-pp h3 {
	margin: 1.2em 0 0.4em;
}
.page-pp p + p {
	margin-top: 1em;
}