@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/** =================== 
	文字など基本体裁
======================= **/

/** Gooogle fonts（Zen Kaku Gothic New / L, R, M）の読み込み **/
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500&display=swap');

/** サイト全体の文字は基本Zen Kaku Gothic New の Light **/
body{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 300;
	font-style: normal;
}

/* 本文 */
:root {
	--swl-fz--content: 13px;
}

p{
	line-height: 2.5;
}
	/* 本文の行間狭いものも用意 */
	p.p_lh_n {
		line-height: 2;	
	}


/* 見出し2 */
.post_content h2{
	font-weight: 400;
	font-size: 28px;
	line-height: 1;
}
/* 見出し3 */
.post_content h3{
	font-weight: 400;
	font-size: 23px;
	line-height: 1.5;
	margin: 0em 0 1em;
}
/* 見出し4 */
.post_content h4{
	font-weight: 400;
	font-size: 17px;
	line-height: 1.5;
	margin: 0em 0 3em;
}
	/* margin-bottom狭いものも用意 */
	.post_content h4.h4_lh_n{
		margin: 0em 0 1em;	
	}
/* 見出し5 */
.post_content h5{
	font-weight: 400;
	font-size: 13px;
	line-height: 1;
	margin: 0em 0 0.5em;
}

/* 太字 */
.post_content b, strong {
	font-weight: 500 !important;
}

/* swellボタン（ノーマル）の体裁 */
.is-style-btn_normal a{
	font-weight:400;
	line-height:0.8;
	color:#666;
	box-shadow:none;
}
.is-style-btn_normal a:hover{
	background-color:#4d8489;
	color:#FFF !important;
}

/* swellボタン（アウトライン）の体裁 */
.is-style-btn_line a{
	font-weight:400;
	line-height:0.8;
	width: 150px;
}
.is-style-btn_line a:hover{
	background-color:#a0d2d2;
	color:#666 !important;
}

/* 囲み内側のpadding */
:root{
	--swl-box_padding:2rem;
}

/* 囲みの文字色 */
.swell-block-column {
	color: #666 !important;
} 


/* フッター前の余白 */
.l-content {
	margin-bottom: 0;
}

/* タブレット・スマホの左右余白 */
@media screen and (max-width:960px) {
	:root {
	--swl-pad_container: 7vw;
}}

@media (max-width: 599px)  {
/* リッチカラム、スマホでカラム逆順（swell-col-reverse追加） */
	.swell-col-reverse .swell-block-columns__inner{
		flex-direction: column-reverse; 
	}
/* リッチカラム、スマホでカラム順初期化（swell-col-initial追加） */
	.swell-col-initial .swell-block-columns__inner{
		flex-direction: initial; 
	}
}


/* デバイスごとの表示・非表示 */

	/* PC・タブレットのみ表示 */
	@media not all and (min-width: 599px){
		.pc-tb_only{
			display: none !important;
	}}

	/* スマホのみ表示 */
	@media not all and (max-width: 599px){
		.mb_only{
			display: none !important;
	}}



/** =================== 
	グロナビ
======================= **/

/* 文字サイズ・ウェイト・間隔 */
.c-gnav {
    font-weight: 400;
    font-size: 14px;
}
.c-gnav>.menu-item>a {
    padding: 0 20px;
}

/* ホバー時 （メインビジュアルのヘッダーは、HomeページのCSSに）*/
.c-gnav > li:hover > a {
	color: #00a09b;	
	background-color: inherit;
}
/* カレント表示はなし */
.c-gnav > .-current > a {
	color: #666;
	background-color: inherit;
}


/* 追従ヘッダーの影なし */
.-body-solid .l-fixHeader {
    box-shadow: none;
}
/* 追従ヘッダーのロゴ上下余白 */
.l-fixHeader__logo{
	padding: 8px 0;
}

/* スマホ・タブレットのヘッダーも透過 */
.l-header{
	opacity: 0.9;
}

/** =================== 
	グロナビ・サブ
======================= **/

/* グロナビの左端に揃える */
.c-gnav>.menu-item>.sub-menu{
	top: 100%;
	left: 0%;
	transform: translateX(0%);
}
.c-gnav .sub-menu a{
	padding:0.5em 20px;
}
/* 背景色・文字色など変更 */
#header .c-gnav .sub-menu{
	color: #fff;
	background-color: transparent;
}
#fix_header .c-gnav .sub-menu{
	color: #666;
	background-color: rgba(253,253,253,0.8);
}
.c-gnav .sub-menu{
	box-shadow: none;
	width: 10em;
}

/* ホバー時、背景ママで文字色変える （メインビジュアルのヘッダーは、HomeページのCSSに） */
#header .c-gnav .sub-menu a:hover{
	background-color: transparent;
	color: #a0d2d2; 
}
#fix_header .c-gnav .sub-menu a:hover{
/* 	background-color: rgb(247,247,247); */
	background-color: inherit;
	color: #00a09b;
}

/** =================== 
	スマホ開閉メニュー
======================= **/

/* デフォルト体裁のメニューを消す */
.p-spMenu__nav{
	display:none;
}
/* デフォルト体裁のメニュータイトルを消す */
.c-widget__title.-spmenu{
  display:none;
}
/* メニューエリアの横幅など */
.p-spMenu__inner{
	width: 50vw;
	font-weight: 400;
	padding-top: 45px;
}

.p-spMenu__body{
	padding-left: 10vw;
}

/* ブログパーツエリアのマージン */
.p-spMenu__bottom{
	margin-top: 1em;	
	margin-bottom: 1em;	
}

/* 閉じるボタンの大きさ */
.p-spMenu__closeBtn{
	width: 45px;
	height: 45px;
}



/** ====================================================== 
	メインビジュアル　ロゴとキャッチ（ブログパーツで作成）
========================================================== **/

/* Topメインビジュアル上のブログパーツ　下付きに */
.p-mainVisual__textLayer{
	/* justify-content: flex-end; */
	justify-content: center;
	height:87%
}

/* ロゴサイズ（アニメーションはTopページのCSSとJavaで制御） */
	/* PC */
	@media screen and (min-width: 961px) {
	.mainv_logo_anime img {
		width: 380px;
	}}
	/* タブレット */
	@media screen and (min-width:600px) and (max-width:960px) {
	.mainv_logo_anime img {
		width: 360px;
	}}
	/* スマホ */
	@media screen and (max-width:599px) {
	.mainv_logo_anime img {
		width: 240px;
	}}


/* キャッチの文字サイズ */
	/* PC */
	@media screen and (min-width: 961px) {
	.mainv_catch {
		font-size: 26px !important;
		padding-left: 4vw;
	}}
	/* タブレット */
	@media screen and (min-width:600px) and (max-width:960px) {
	.mainv_catch{
		font-size: 26px !important;
		padding-left: 7vw;
	}}
	/* スマホ */
	@media screen and (max-width:599px) {
	.mainv_catch{
		font-size: 22px !important;
		padding-left: 2vw;
	}}

/* テキストの影なし */
.mainv_catch {
	text-shadow:none;
}


/** =================== 
	Topページ
======================= **/

/* イラストマップの背景グラデ */
.ill_back{
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(234, 234, 234, 1));
}

/* Option の Imege hover effects 書体 */
.oxi-image-hover-heading {
	font-family: "Zen Kaku Gothic New", sans-serif !important;
}


/** =================== 
	下層ページ
======================= **/

/* ページタイトル */
.c-pageTitle{
	font-weight: 400;
	text-align: center;
	text-shadow: none;
}
	/* PC */
	@media screen and (min-width: 961px)  {
	.c-pageTitle{
		font-size:34px;
	}}
	/* タブレット */
	@media screen and (min-width:600px) and (max-width:960px) {
	.c-pageTitle{
		font-size:32px;
	}}
	/* スマホ */
	@media screen and (max-width:599px) {
	.c-pageTitle{
		font-size:30px;
	}}

.c-filterLayer.-texture-dot:after{
	background:none;
}

/* ページタイトルエリア　アニメーション */
.l-topTitleArea{
	animation: top_title_fadein 3.5s forwards; 
}

@keyframes top_title_fadein {
    0% {
		opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* パンくずリスト非表示 */
#breadcrumb{
	display: none;
}




/** =================== 
	下層Roomページ
======================= **/

/** Meta Slider **/

	/* 矢印のずれ修正 */
	.post_content .metaslider .flex-direction-nav li{
		position:static;
	}
	/* 矢印の囲み（Meta Sliderの設定が効かないので…） */
	.metaslider.ms-theme-outline .flexslider ul.flex-direction-nav li a {
		border: none !important;
		width: 40px !important; /* 端からの距離調整 */
	}
	/* ナビゲーションの位置調整 */
	.metaslider.ms-theme-outline .flexslider ol.flex-control-nav:not(.flex-control-thumbs){
		bottom:20px !important;
	}
	/* ナビゲーションの大きさ調整 */
	.metaslider.ms-theme-outline .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a {
		height: 10px !important;
		width: 10px !important;
	}

/* Basic Info 表組padding */
.table_pad{
	padding: 0.5em !important;
}


/* HOUSE RULESリストの体裁 */
.post_content .wp-block-list li {
	line-height: 2;
	margin: 0.75em 0;	
    list-style: none; /* デフォルトの点を消す */
}

.post_content .wp-block-list li:before {
    content: ''; /* 点の内容を空に */
	background-color: #666;
	position: absolute; /* 点の位置 */
    top: 13px; /* 垂直位置の調整 */
    left: -1em; /* 水平位置の調整 */
    width: 2px; /* 点の幅 */
    height: 2px; /* 点の高さ */
    border-radius: 50%; /* 点を丸くする */
}


/** =================== 
	下層FAQページ
======================= **/

/* アコーディオンをカスタマイズ */
/* Qの体裁 */
	.swell-block-accordion__title {
		position: relative;
		padding: 1.5em 0em 1.5em 2.5em;
		background-color: inherit;
		border-top: 1px solid rgba(0, 0, 0, .1);  
	}
	.swell-block-accordion__title .swell-block-accordion__label{
		font-weight: 400;
		line-height: 2;
	}
	/* Qのアイコン */
	.swell-block-accordion__title:before {
		content: "Q";
		position: absolute;
		top: 2.5em;
		left: 0%;
		bottom: unset;
		transform: translateY(-50%);
		display: block;
		border-radius: 50%;
		width: 1.75em;
		text-align: center;
		line-height: 1.75;
		font-weight: 400;
		background-color: #4d8489;
		color: #fff;
	}
	/* Qの上下margin */
	.swell-block-accordion__item{
		margin-bottom: 0em !important;
	}
	.swell-block-accordion__item+.swell-block-accordion__item{
		margin-top: 0em;
		margin-bottom: 0em;
	}


/* Aの体裁 */
	.swell-block-accordion__body {
		position: relative;
		padding: 1.5em 1.5em 1.5em 4em;
	/*	border-top: 1px dashed rgba(0,0,0,.1); */
		background-color: #fbfbf7;
	}
	.swell-block-accordion__body p {
		font-weight: 400;
	}

	/* Aのアイコン */
	.swell-block-accordion__body:before {
		content: "A";
		position: absolute;
		top: 2.5em;
		left: 1.5em;
		bottom: unset;
		transform: translateY(-50%);
		display: block;
		border-radius: 50%;
		width: 1.75em;
		text-align: center;
		line-height: 1.75;
		font-weight: 400;
		background-color: #a0d2d2;
		color: #666;
	}


/** =================== 
	フッター
======================= **/

/* フッターの上下余白 */
.l-footer__widgetArea {
	padding-top: 2em;
	padding-bottom:  2em;
}

/* コピーライト部分（ブログパーツで入れる）*/
.l-footer__foot{
	display:none; 
}