/* ---------------------------------------	
共通（原則、不変）
---------------------------------------	
*/
body {
	color: #333333;
}

.l-contents__inner {
	/* margin-top: 40px !important; */
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.smb-section__body {
	margin-top: 0px !important;
}

/* 下層ページアイキャッチ画像の高さ */
.c-page-header {
	height: 500px !important;
}

/* リストの・を消す */
li {
	/* list-style: none !important; */
}

/* パネルの影を消す */
.smb-panels__item {
	box-shadow: none;
}

/* パネルの影を消す */
.smb-panels__item:hover {
	box-shadow: none;
}

/* ハンバーガーメニュー押下後の×の色 */
.c-drawer .c-hamburger-btn__bar {
	background-color: #3333;
}

/* ハンバーガーメニュー押下後のMENUの色 */
.c-hamburger-btn__label {
	color: #3333;
}

/* 記事ページのヘッダーを非表示 */
.c-entry__header {
	display: none;
}

.mincho {
	font-family: "Zen Old Mincho", serif;
}

.gothic {
	font-family: "Zen Kaku Gothic New", sans-serif;
}


/* レスポンシブでアイキャッチ画像の位置を調整 */
@media (max-width:430px) {

	.c-page-header__bgimage>img,
	.c-page-header__bgimage>picture>img {
		object-position: 65% 50%;
	}
}




/* ---------------------------------------	
フォントサイズ（レスポンシブで変更）
---------------------------------------	
*/

/* セクションタイトル */
.section-title {
	font-size: 32px !important;
	font-weight: 600 !important;
	/* letter-spacing: 0.4rem; */
	margin-bottom: 0px !important;
	line-height: 40px;
	z-index: 10;
	font-family: "Zen Old Mincho", serif;
}

.section-title .has-sm-l-font-size {
	font-size: 20px !important;
	margin-bottom: 0px !important;
}

/* セクションサブタイトル */
.section-sub-title {
	font-size: 40px !important;
	font-weight: 501;
	line-height: 40px;
	margin-top: -20px !important;
	/* z-index: -10; */
	opacity: 0.3;
	/* letter-spacing: 0.4rem; */
}

/* コンテンツタイトル */
.contents-title {
	font-size: 24px !important;
	font-weight: 1000;
	/* letter-spacing: 0.4rem; */
}

/* コンテンツタイトル（ゴシック） */
.contents-title-Gothic {
	font-size: 24px !important;
	font-weight: 400;
	font-family: "Zen Kaku Gothic New", sans-serif;
	/* letter-spacing: 0.4rem; */
}

/* リード文 */
.lede-text {
	font-size: 20px !important;
	font-weight: semi-bold;
}

/* リード文（ゴシック） */
.lede-text-Gothic {
	font-size: 20px !important;
	font-weight: 400 !important;
	font-family: "Zen Kaku Gothic New", sans-serif;
	/* letter-spacing: 0.4rem; */
}

/* リード文2 */
.lede-text2 {
	font-size: 16px !important;
	line-height: 1.5 !important;
	font-family: "Zen Old Mincho", serif;
	font-weight: 600 !important;
}

/* リード文2（ゴシック） */
.lede-text2-Gothic {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 2.0 !important;
	font-family: "Zen Kaku Gothic New", sans-serif;
}

/* ヘッダーメニューのフォントサイズ */
.l-header li a {
	font-size: 14px !important;
}

/* 記事ページのヘッダータイトル */
.c-page-header__title {
	font-size: 40px;
	color: #F5F5F5;
	font-weight: 600;
}

@media (max-width: 430px) {
	.section-title {
		font-size: 30px !important;
		line-height: 130%;
	}

	.section-sub-title {
		font-size: 17px !important;
	}

	.contents-title {
		font-size: 20px !important;
	}

	.lede-text2 {
		font-size: 14px !important;
	}
}


/* ---------------------------------------	
投稿一覧ページ
---------------------------------------	
*/
.c-entries--text {
	border: none !important;
}

.c-entries__item {
	border: none !important;
}

/* ---------------------------------------	
投稿ページ
---------------------------------------	
*/
/* ヘッダーがオーバーレイの際、投稿ページだけヘッダー高さ分のpaddingを設定 */
.post-template-default .l-contents {
	padding-top: 80px;
}

.post-template-default .l-contents__inner {
	margin-top: 20px !important;
}

.post-template-default .p-breadcrumbs-wrapper {
	display: none;
}

/* アーカイブページのページネーションの下に余白を作る */
.c-pagination {
	margin-bottom: 40px !important;
}

/* アーカイブページでページネーションがない時にも下に余白を作る */
.c-entries {
	margin-bottom: 40px !important;
}

/* アーカイブページで右サイドバーの下に余白を作る */
.l-contents__sidebar {
	padding-bottom: 40px !important;
}

/* 記事ページのサイドバーのタイトル */
.l-contents__sidebar h2 {
	color: #1b365c;
}

.side_bar-title {
	margin-bottom: 16px !important;
}

.c-entries--text {
	margin-bottom: 16px !important;
}

.c-entries__item a {
	padding: 10px 0px !important;
}

.c-entry-summary__term {
	display: none;
}

.c-entry-summary__figure {
	margin-bottom: 10px !important;
}

/* サイドバーの中の日付 */
.l-contents__sidebar .c-entry-summary__meta {
	margin-top: 0px !important;
}

/* 投稿記事の中の日付。レイアウトに応じて前半のコードを変更 */
.c-entries--rich-media .c-entry-summary__meta {
	margin-top: 10px !important;
	justify-content: start;
}

@media (max-width:430px) {
	.c-page-header__title {
		font-size: 36px;
	}
}



/* ヘッダー */

/* メニュー間の間隔 */
.l-header li {
	margin-left: 70px !important;
}


.l-header__drop-nav .p-drop-nav li {
	padding: 0px !important;
	margin-left: 16px !important;
}

.l-header li a {
	font-size: 16px !important;
	padding: 0px !important;
}


/* ドロワーナビ */

/* ナビメニューの編集。英語で書かないとidが文字化けする */
#drawer-nav ul {
	padding-top: 50px !important;
	display: flex;
	flex-direction: column;
}

/* リストの装飾 */
#drawer-nav li {
	font-size: 20px;
	line-height: 20px;
	padding: 0px;
	margin-bottom: 30px;
	display: inline-block;
	border-bottom: 1px solid white;
}

@media (max-width:430px) {}


/* フッター */

.l-footer ul li {
	font-size: 12px;
}

.l-footer ul li::before {
	position: absolute;
	content: "";
	border: 1px solid white;
	height: 80%;
	width: 1px;
	right: -13px;
	top: 50%;
	transform: translateY(-50%);
}

.l-footer ul li:last-child::before {
	display: none;
}

@media (max-width:430px) {}

/* ---------------------------------------	
ボタン
---------------------------------------	
*/


/* ホバーで色が変わるパターン */
.btn {
	transition: 0.4s;
	border: none;
	position: relative;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.btn:hover {
	border-color: white !important;
	color: white !important;
	z-index: 10;
}

.btn:hover a {
	/* background-color: #333333 !important; */
	color: white !important;
	/* border: solid 3px #333333 !important; */
	z-index: 10;
}

.btn a {
	filter: unset !important;
	color: white !important;
	background-color: #336F26 !important;
	font-size: 16px;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.btn a:hover {
	color: white !important;
}

/* 矢印アイコン */
.btn::before {
	position: absolute;
	content: "";
	background: url(https://bremenleo.com/wp-content/uploads/2025/11/btn-arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 52%;
	/* 設定箇所➀ */
	right: 20px;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	z-index: 10;
	transition: 0.4s;
}

.btn:hover::before {
	/* position: absolute;
	content: "";
	background: url(https://loveletter.ne.jp/wp-content/uploads/2025/07/btn-arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 52%; */
	/* 設定箇所➀ */
	/* right: 10px; */
	transform: translate(-10%, -50%);
}


/* ホバーで動くパターン */
.btn-img {
	/* width: 200px !important; */
	transition: 0.4s;
}

.btn-img:hover {
	transform: translateY(10px);
}


/* ---------------------------------------	
ヘッダー	
---------------------------------------	
*/
/* headerにあてると投稿ページのトップにも反映されてしまう */
.l-header {
	background: linear-gradient(180deg, rgba(33, 14, 0, 0.5) 0%, rgba(33, 14, 0, 0) 92%);
	margin: 0;
	padding: 14px 0;
}

/* 文字にホバーしたときのみリンクに飛ぶ */
.l-header li a {
	padding: 0px !important;
}

/* ヘッダーの中身のコンテンツ幅の設定 */
.l-header__content {
	max-width: 1080px !important;
	/* コンテンツ幅1180px + 左右padding40px */
	margin: 0 auto;
	padding: 0 40px;
}

.l-header .c-fluid-container {
	padding: 0px;
}

.l-header .c-row {
	margin: 0px !important;
}

header .c-row__col {
	padding: 0px !important;
}

/* ロゴを入れてる箱。ロゴにホバーして始めてポインター切り替え*/
header .l-1row-header__branding {
	padding: 0px !important;
	display: flex;
}

/* ロゴのサイズ分だけ幅を調整 */
.c-site-branding__title {
	display: flex;
}

/* ヘッダーメニューに追加した画像の幅 */
.header_tel-img {
	width: 150px;
	margin-right: 40px;
}

.header_LINE-img {
	width: 95px;
}

/* ヘッダーメニューを色塗りしたい場合。実サイトから"item-num"を確認 */
.l-header .menu-item-31 {
	background-color: #336F26;
	padding: 6px 16px;
	border: 2px solid #336F26;
	transition: 0.6s;
}

.l-header .menu-item-31:hover {
	background-color: white;
}

[data-scrolled=true] .l-header--sticky-overlay-colored-lg {
	box-shadow: none !important;
}

@media(max-width:900px) {
	.l-header {
		/* background: #336F26; */
		margin: 0;
		padding: 14px 0;
	}
}

@media (max-width: 430px) {
	.l-header__content {
		padding: 0 20px;
	}

}

/* ---------------------------------------	
ドロワーナビ	
---------------------------------------	
*/

/* タブレット以下の幅で表示されるハンバーガーメニューを開いたときの背景色 */
#drawer-nav {
	backdrop-filter: blur(5px);
	background: linear-gradient(90deg, rgba(60, 140, 45, 0.85) 0%, rgba(51, 111, 38, 0.85) 67%, rgba(35, 75, 28, 0.85) 100%);
	/* background: rgba(229, 246, 225, 0.7); */
}

/* ドロワーメニューの配置。ハンバーガーメニュー除く。paddingを編集 */
.c-drawer__inner {
	padding-left: 60px !important;
	padding-right: 400px !important;
	margin-top: 0px !important;
}

/* ハンバーガーメニューをクリックした後の「×」の位置の調整 */
.c-drawer__controls {
	left: 0 !important;
	right: 0 !important;
	padding-right: 40px;
}

/* ナビメニューの編集。英語で書かないとidが文字化けする */
#drawer-nav ul {
	padding-top: 50px !important;
	display: flex;
	flex-direction: column;
}

/* リストの装飾 */
#drawer-nav li {
	font-size: 20px;
	line-height: 20px;
	padding: 0px;
	margin-bottom: 30px;
	display: inline-block;
	border-bottom: 1px solid white;
	color: white;
}

/* リストのトップに配置した画像 */
.drawer_nav-img {
	width: 80%;
	background-color: white;
}

@media (max-width: 430px) {
	.c-drawer__controls {
		padding-right: 20px;
	}

	.c-drawer__inner {
		padding-left: 30px !important;
		padding-right: 160px !important;
	}
}

/* ---------------------------------------	
ドロップナビ
---------------------------------------	
*/
/* スクロールで表示されるドロップナビ */
.l-header__drop-nav .p-drop-nav {
	background-color: white !important;
	margin: 0;
	/* padding-top: 10px;
	padding-bottom: 10px; */
}

.l-header__drop-nav .p-drop-nav .c-container {
	padding: 4px 40px !important;
	/* 個々の縦方向で高さを微調整する */
	max-width: 1180px !important;
	/* コンテンツ幅1180px + 左右padding40px */
	margin: 0 auto;
}

.l-header__drop-nav .p-drop-nav li {
	padding: 0px !important;
}

.l-header__drop-nav .p-drop-nav li {
	margin-left: 36px !important;
	/* ここと153行が同じ数値にならないとずれる */
	display: flex;
	/* padding-top: 14px !important; */
}

.p-drop-nav .c-site-branding {
	padding: 0px !important;
	margin: 0px !important;
}

/* 実サイトから"item-num"を確認 */
.p-drop-nav .menu-item-35 a {
	background-color: #f5d547;
	padding: 2px 16px 3px 16px !important;
	border-radius: 20px;
	transition: 0.4s;
}

/* 実サイトから"item-num"を確認 */
.p-drop-nav .menu-item-35 a:hover {
	background-color: white;
	color: #FF6810;
}



/* ---------------------------------------	
フッター	
---------------------------------------	
*/
/* ウィジェットのフッターのみ背景色を付けられる */
.l-footer {
	background-color: #8C6752;
	color: white;
	border: none !important;
	/* margin-top: 30px!important; */
}

.l-footer--default .l-footer-widget-area {
	max-width: 1260px !important;
	/* コンテンツ幅1180px + 左右padding40px */
	margin: 0 auto;
	padding: 30px 40px 0px !important;
	height: 70px !important;
}

/* ©を除いたフッターメニューの上部の間隔を広げたい場合は、padding-topとheightをそれぞれ均等にpxを加える。
ベースはpadding-topが10pxでheightが50px*/
/* フッターメニューの下部の間隔を広げたい場合は、c-copyrightのpadding-topを調整する。*/

/* コピーライト */
.c-copyright {
	padding: 16px 0px 16px !important;
	/* height: 30px!important; */
	text-align: center;
	background-color: #8C6752;

}

.footer-box {
	display: flex;
	justify-content: space-between;
	height: 100%;
	align-items: center;
}

.l-footer .l-footer-widget-area__item {
	margin-bottom: 0px !important;
	height: 100%;
	padding: 0px !important;
}

.l-footer .c-fluid-container {
	padding: 0;
	height: 100%;
}

.l-footer .c-widget {
	height: 100%;
}

.l-footer .c-row--lg-margin-l {
	height: 100%;
	width: 100%;
	margin: 0 auto !important;
}

.l-footer .widgettitle {
	font-size: 18px !important;
	color: ;
}

.l-footer .footer-logo {
	width: 140px !important;
	margin: 0px !important;
	/* background-color: white; */
	/* ロゴを中央に配置 */
	display: flex;
	align-items: center;
	padding: 0px 10px;
}

.l-footer .widget_nav_menu {
	margin: 0px !important;
}

.l-footer ul {
	display: flex;
	height: 40px !important;
	align-items: center;
}


.l-footer .svg-inline--fa {
	width: 26px;
	height: 26px;
}

.l-footer .copy-right {
	font-size: 12px;
	line-height: 14px;
	margin-top: 10px !important;
}


/* 特定のページのウィジェット削除 */
.page-id-20 .l-footer-widget-area {
	display: none;
}

.l-footer__body {
	padding: 10px !important;
	text-align: center;
}


/* フッターメニューテキストの幅調整 */
.l-footer .menu-global-nav-container li {
	margin-left: 12px !important;
	margin-right: 12px !important;
	margin-top: 0px !important;
}

@media (max-width: 430px) {
	.widget_nav_menu {
		display: none;
	}
}



/* ----------------------------------------------------------------------------	
TOPページ
-------------------------------------------------------------------------------	
*/
/* ---------------------------------------	
FV
---------------------------------------	
*/
.fv2 {
	/* height: 670px !important; */
	position: relative;
	min-height: auto !important;
}

.fv2 .slider img {
	object-fit: cover;
	min-height: 670px !important;
}

.fv2 .top-title-box {
	position: absolute;
	max-width: 1080px !important;
	padding: 0px 40px;
	width: 100%;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	color: white;
}

.fv2 .top-title {
	font-size: 42px;
	font-weight: 900;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
}

.fv2 .top-text {
	font-size: 24px;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
}

.fv2 .top-text2 {
	font-size: 28px;
	line-height: 36px;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
}

.fv2 .top-text3 {
	font-size: 40px;
	line-height: 50px;
	margin-top: 0px !important;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
}


@media (max-width: 430px) {
	.fv2 .top-title {
		font-size: 32px;
		line-height: 1.6;
	}

	.fv2 .top-text {
		font-size: 22px;
	}
}

/* ---------------------------------------	
最新のイベント
---------------------------------------	
*/
.top_event {
	padding: 40px 40px;
}

.top_event .box {
	background-color: white;
	padding: 20px;
}

.top_event .c-entries--text {
	margin-bottom: 0px !important;
}

.top_event .c-entries__item a {
	padding: 0;
	border-bottom: 1px solid #333333;
}

.top_event .c-entry-summary__meta {
	margin-top: 0px !important;
}

/* ---------------------------------------	
メッセージ
---------------------------------------	
*/
.top_message {
	padding: 80px 40px;
}

.top_message .box .text {
	padding: 10px 20px;
	background-color: white;
	margin-left: -50px !important;
}

.top_message .sp-img {
	display: none;
}

.top_message .smb-section-break-the-grid__content {
	margin-top: 300px !important;
	margin-left: 0px !important;
	padding: 40px 32px !important;
	background: white;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4) !important;
	width: 125%;
}

.top_message .smb-section__header {
	position: absolute;
	right: 70px;
	top: -50px;
}

.top_message h2 {
	writing-mode: vertical-rl;
	font-size: 32px !important;
	font-weight: 600 !important;
	z-index: 10;
	font-family: "Zen Old Mincho", serif;
}

.top_message .lede-text2 {
	line-height: 2.5 !important;
}

@media (max-width:900px) {
	.top_message .smb-section-break-the-grid__content {
		width: 590px !important;
		right: 28vw !important;
	}
}

@media (max-width:800px) {
	.top_message .smb-section-break-the-grid__content {
		right: 32vw !important;
	}
}

@media (max-width:430px) {
	.top_message {
		padding: 60px 20px;
	}

	.top_message .smb-section__contents-wrapper {
		position: relative;
	}

	.top_message .smb-section__header {
		position: static;
		right: 50%;
		top: 15%;
		transform: translateX(35%);
	}

	.top_message .smb-section-break-the-grid__figure {
		/* left: auto !important;
		margin-left: 0px!important;
		right: auto !important;
		width: 100% !important; */
		display: none;
	}

	.top_message .smb-section-break-the-grid__content {
		margin-top: 60px !important;
		width: 100% !important;
		right: auto !important;
	}

	.top_message .sp-img {
		display: block;
	}


}

/* ---------------------------------------	
8つの理由
---------------------------------------	
*/
.top_reason {
	padding: 80px 0px;
}

.top_reason .lede-text2 {
	margin-top: 50px !important;
}

.slider-box {
	margin-top: 120px !important;
	position: relative;
}

.slider-box::before {
	position: absolute;
	content: "";
	background-color: #DDECDD;
	width: 100%;
	height: 375px;
	top: -56px;
	left: 0;
}


.slider-contents {
	margin-right: 40px !important;
}

.top_reason .text-box {
	margin-top: -30px !important;
	width: 85%;
	background-color: #FFFEF7;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
	padding: 18px 20px;
	margin-bottom: 10px;
}

.top_reason .contents-title {
	font-size: 18px !important;
	font-family: "Zen Old Mincho";
	font-weight: 500 !important;
	margin-bottom: 10px !important;
}

.top_reason .text {
	font-size: 16px;
	line-height: 1.5 !important;
	font-family: "Zen Kaku Gothic New";
	font-weight: 400 !important;
}


/* ---------------------------------------	
代表挨拶
---------------------------------------	
*/

.top_profile {
	padding: 180px 40px 80px;
	position: relative;
}

.top_profile::before {
	position: absolute;
	content: "";
	background: url(https://bremenleo.com/wp-content/uploads/2025/11/bg-img1.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 220px;
	height: 365px;
	top: -150px;
	right: 0;
	z-index: 10;
}

.top_profile::after {
	position: absolute;
	content: "";
	background: url(https://bremenleo.com/wp-content/uploads/2025/11/bg-img2.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 304px;
	height: 357px;
	bottom: -100px;
	left: 0;
	z-index: 10;
}

.top_profile .smb-section__body {
	position: relative;
}

.top_profile .section-title {
	writing-mode: vertical-rl;
	text-shadow: 0px 0px 7px #ffffff, 0px 0px 4px #ffffff;
	position: absolute;
	top: -110px;
	left: 30px;
	z-index: 10;
}

.top_profile .mt-box1 {
	margin-top: 40px !important;
}

.top_profile .mt-box2 {
	margin-top: 80px !important;
}

/* コンテンツ幅の調整（テキスト） */
.top_profile .c-row__col--lg-1-3 {
	--_item-width: 50%;
}

/* コンテンツ幅の調整（画像） */
.top_profile .c-row__col--lg-2-3 {
	--_item-width: 50%;
}

.top_profile .lede-text2 {
	line-height: 200%;
}

.top_profile .lede-text {
	margin-top: 80px !important;
}

.top_profile .text {
	margin-top: 50px !important;
}

@media (max-width:900px) {

	/* コンテンツ幅の調整（テキスト） */
	.top_profile .c-row__col--lg-1-3 {
		--_item-width: 100%;
		/* margin-bottom: ; */
	}

	/* コンテンツ幅の調整（画像） */
	.top_profile .c-row__col--lg-2-3 {
		--_item-width: 100%;
	}

	.top_profile::before {
		width: 180px;
		height: 300px;
		top: -120px;
	}

	.top_profile::after {
		width: 235px;
		height: 258px;
		bottom: -122px;
	}
}

@media (max-width:430px) {
	.top_profile {
		padding: 60px 20px;
	}

	.top_profile::before {
		width: 120px;
		height: 200px;
		top: -60px;
	}

	.top_profile::before {
		width: 140px;
		height: 236px;
		top: -80px;
	}

	.top_profile::after {
		width: 168px;
		height: 200px;
		bottom: -128px;
	}
}


/* ---------------------------------------	
空室状況
---------------------------------------	
*/
.top_book {
	padding: 80px 40px;
}

.top_calendar {
	margin-top: 80px !important;
}

@media (max-width:430px) {
	.top_book {
		padding: 60px 20px;
	}

	.top_calendar {
		margin-top: 60px !important;
	}
}


/* ---------------------------------------	
アクセス
---------------------------------------	
*/
.top_access {
	padding: 80px 40px;
}

.top_access .access-box {
	margin-top: 80px !important;
}

.top_map {
	width: 100%;
	height: 100%;
}



@media (max-width:430px) {
	.top_access {
		padding: 60px 20px;
	}

	.top_access .access-box {
		margin-top: 60px !important;
	}

	.top_map {
		height: 300px;
	}
}


/* ---------------------------------------	
よくある質問
---------------------------------------	
*/
.faq-section {
	padding: 80px 40px;
	position: relative;
}

.faq-section::before {
	position: absolute;
	content: "";
	background: url(https://bremenleo.com/wp-content/uploads/2025/11/bg-img3.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 262px;
	height: 376px;
	top: -100px;
	left: 0;
	z-index: 10;
}

.faq-section::after {
	position: absolute;
	content: "";
	background: url(https://bremenleo.com/wp-content/uploads/2025/11/bg-img4.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 208px;
	height: 293px;
	bottom: -70px;
	right: 0;
	z-index: 10;
}


.faq-box {
	/* padding: 0px!important; */
	margin-top: 0px !important;
	padding-bottom: 0px !important;
}

.faq {
	/* border: none!important; */
}

/* Qのタイトル */
.smb-accordion__item__title__label {
	font-size: 20px !important;
	font-family: "Zen Kaku Gothic New", sans-serif;
}

.smb-accordion__item__body {
	padding-bottom: 20px !important;
}


/* Qの装飾 */
.is-style-RJE_R002LP_faq_items>.smb-accordion__item>.smb-accordion__item__title>.smb-accordion__item__title__label:before {
	color: #9DBC7C !important;
	top: 5px !important;
}

/* Aの装飾 */
.is-style-RJE_R002LP_faq_items>.smb-accordion__item>.smb-accordion__item__body:before {
	color: #9DBC7C !important;
	font-family: "Zen Kaku Gothic New", sans-serif;
	top: 4px !important;
}

.faq-section .smb-accordion__item__body {
	font-family: "Zen Kaku Gothic New", sans-serif;
}

@media(max-width:900px) {
	.faq-section::before {
		width: 200px;
		height: 280px;
		top: -45px;
	}
}

@media (max-width:430px) {
	.faq-section {
		padding: 60px 20px;
	}

	.faq-section::before {
		width: 100px;
		height: 147px;
		top: -78px;
	}

	.faq-section::after {
		width: 100px;
		height: 140px;
		bottom: -51px;
	}

	.smb-accordion__item__title__label {
		font-size: 18px !important;
	}
}


/* ---------------------------------------	
バナー
---------------------------------------	
*/
.top_banner {
	padding: 80px 40px 110px;
}

.is-style-RJE_R001CORP_items_with_bg .smb-items__banner__figure>img {
	object-fit: cover;
	min-height: auto !important;
	width: 100% !important;
	height: 236px !important;
}

.smb-items__banner__lede {
	margin-top: 4px !important;
}

.top_banner .wp-block-snow-monkey-blocks-items-banner {
	margin-bottom: 34px !important;
}

@media(max-width:1023px) {
	.is-style-RJE_R001CORP_items_with_bg .smb-items__banner__figure>img {
		height: auto !important;
	}
}

@media (max-width:430px) {
	.top_banner {
		padding: 60px 20px;
	}


}


/* ---------------------------------------	
CTA
---------------------------------------	
*/
.cta .lede-text2 {
	margin-top: 40px !important;
}

.RJE_R001CORP_cta__contact_btn:not(:root) .smb-btn {
	font-size: 1.125rem;
	line-height: 1.5;
	padding: 12px 80px 12px 70px !important;
}


/* ---------------------------------------	
施設紹介
---------------------------------------	
*/
/* ---------------------------------------	
ペンションについて
---------------------------------------	
*/
.sub_pension-about {
	padding: 80px 40px;
}

.sub_pension-about .box {
	margin-top: 80px !important;
}

.sub_map {
	margin-top: 60px !important;
	width: 100%;
	height: 320px;
}

.sub_pension-about .about-box {
	margin-top: 40px !important;
}

@media(max-width:430px) {
	.sub_pension-about {
		padding: 60px 20px;
	}
}

/* ---------------------------------------	
充実の施設
---------------------------------------	
*/
.sub_pension-facility {
	padding: 80px 40px;
}

.sub_pension-facility .box1 {
	margin-top: 80px !important;
}

.sub_pension-facility .box2 {
	margin-top: 80px !important;
}

.sub_pension-facility .box3 {
	margin-top: 80px !important;
}

.sub_pension-facility .c-row__col--lg-2-3 {
	--_item-width: 52%;
}

.sub_pension-facility .c-row__col--lg-1-3 {
	--_item-width: 48%;
}

.sub_pension-facility .contents-title-Gothic {
	position: relative;
	padding-left: 20px;
}

.sub_pension-facility .contents-title-Gothic::before {
	position: absolute;
	content: "";
	background-color: #333333;
	width: 3px;
	height: 22px;
	top: 52%;
	left: 3px;
	transform: translate(-50%, -50%);
}

@media(max-width:900px) {
	.sub_pension-facility .c-row__col--lg-2-3 {
		--_item-width: 100%;
	}

	.sub_pension-facility .c-row__col--lg-1-3 {
		--_item-width: 100%;
	}
}

@media(max-width:430px) {
	.sub_pension-facility {
		padding: 60px 20px;
	}

	.sub_pension-facility .contents-title-Gothic {
		position: relative;
		padding-left: 18px;
	}

	.sub_pension-facility .lede-text-Gothic {
		font-size: 16px !important;
	}
}

/* ---------------------------------------	
ギャラリー
---------------------------------------	
*/

.sub_pension-gallery {
	padding: 80px 40px;
	position: relative;
}

.sub_pension-gallery::before {
	position: absolute;
	content: "";
	background: url(https://bremenleo.com/wp-content/uploads/2025/11/bg-img3.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 230px;
	height: 324px;
	top: -100px;
	left: 0;
	z-index: 10;
}

.sub_pension-gallery::after {
	position: absolute;
	content: "";
	background: url(https://bremenleo.com/wp-content/uploads/2025/11/bg-img5.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 240px;
	height: 293px;
	bottom: -170px;
	right: 0;
	z-index: 10;
}

.sub_pension-gallery .lede-text {
	line-height: 2.0 !important;
}

.sub_pension-gallery .wp-block-snow-monkey-blocks-items-item-standard{
	margin-bottom: 20px!important;
}

@media(max-width:900px) {
	.sub_pension-gallery::before {
		width: 200px;
		height: 280px;
		top: -45px;
	}
}

@media(max-width:430px) {
	.sub_pension-gallery {
		padding: 60px 20px;
	}

	.sub_pension-gallery::before {
		width: 100px;
		height: 147px;
		top: -78px;
	}

	.sub_pension-gallery::after {
		width: 160px;
		height: 200px;
		bottom: -110px;
	}
}

/* ---------------------------------------	
周辺観光
---------------------------------------	
*/
.sub_pension-tourist {
	padding: 80px 40px;
	position: relative;
}

.sub_pension-tourist .box1 {
	margin-top: 80px !important;
	background-color: white;
}

.sub_pension-tourist .box2 {
	margin-top: 60px !important;
	background-color: white;
}

.sub_pension-tourist .c-row__col--lg-1-3 {
	--_item-width: 50%;
	padding-left: 100px;
}

.sub_pension-tourist .c-row__col--lg-2-3 {
	--_item-width: 50%;
}

.sub_pension-tourist .contents-title {
	padding-left: 20px;
	position: relative;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.sub_pension-tourist .contents-title::before {
	position: absolute;
	content: "";
	background-color: #333333;
	width: 3px;
	height: 22px;
	top: 52%;
	left: 3px;
	transform: translate(-50%, -50%);
}

.sub_pension-tourist .panels {
	margin-top: 60px !important;
}

/* パネルのデフォルト設定の影を消す */
.sub_pension-tourist .panel .smb-panels__item {
	box-shadow: none;
	/* border-radius: 16px; */
}

/* 1つのパネルの大きさを変える。0pxじゃないとsectionのpadding左右より内側にくる*/
.sub_pension-tourist .panel .smb-panels__item__body {
	padding: 0px !important;
}

.sub_pension-tourist .text-box {
	margin-top: 0px !important;
	padding: 20px;
}

.sub_pension-tourist .contents-title2 {
	margin-bottom: 10px !important;
}

@media(max-width:900px) {
	.sub_pension-tourist .c-row__col--lg-1-3 {
		--_item-width: 100%;
		padding: 30px !important;
	}

	.sub_pension-tourist .c-row__col--lg-2-3 {
		--_item-width: 100%;
	}
}

@media (max-width:430px) {
	.sub_pension-tourist {
		padding: 60px 20px;
	}

	.sub_pension-tourist .panel {
		margin-bottom: 60px !important;
	}

	.sub_pension-tourist .c-row__col--lg-1-3 {
		padding: 20px !important;
	}
}


/* ---------------------------------------	
料金プラン
---------------------------------------	
*/
.sub_pension-price {
	padding: 80px 40px;
	position: relative;
}

.sub_pension-price::before {
	position: absolute;
	content: "";
	background: url(https://bremenleo.com/wp-content/uploads/2025/11/bg-img3.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 230px;
	height: 324px;
	top: -100px;
	left: 0;
	z-index: 10;
}

.sub_pension-price::after {
	position: absolute;
	content: "";
	background: url(https://bremenleo.com/wp-content/uploads/2025/11/bg-img5.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 240px;
	height: 293px;
	bottom: -170px;
	right: 0;
	z-index: 10;
}

.plan-box {
	margin-top: 60px !important;
}

.sub_pension-price .c-row__col--1-3 {
	flex-basis: calc(40% - 14px) !important;
	margin-right: 0px !important;
	max-width: calc(40% - 14px) !important;
	margin-left: 14px;
}

.sub_pension-price .line1 .c-row__col--1-3 {
	border-top: 1px solid #E1C8B5;
	border-left: 1px solid #E1C8B5;
	border-bottom: 1px solid #FAFAFA !important;
	background-color: #DDECDD;
}

.sub_pension-price .line2 .c-row__col--1-3 {
	border-top: none;
	border-left: 1px solid #E1C8B5;
	border-bottom: 1px solid #FAFAFA !important;
	background-color: #DDECDD;
}

.sub_pension-price .line3 .c-row__col--1-3 {
	border-top: none;
	border-left: 1px solid #E1C8B5;
	border-bottom: 1px solid #E1C8B5 !important;
	background-color: #DDECDD;
}

.sub_pension-price .smb-information__item__label {
	padding-left: 16px;
}

.sub_pension-price .c-row__col--2-3 {
	flex-basis: calc(60% - 14px) !important;
	max-width: calc(60% - 14px) !important;
	margin-right: 14px;
}

.sub_pension-price .line1 .c-row__col--2-3 {
	border-top: 1px solid #E1C8B5;
	border-right: 1px solid #E1C8B5;
	border-bottom: 1px solid #FAFAFA !important;
}

.sub_pension-price .line2 .c-row__col--2-3 {
	border-top: none;
	border-right: 1px solid #E1C8B5;
	border-bottom: 1px solid #FAFAFA !important;
}

.sub_pension-price .line3 .c-row__col--2-3 {
	border-top: none;
	border-right: 1px solid #E1C8B5 !important;
	border-bottom: 1px solid #E1C8B5 !important;
}

.option-box {
	padding: 32px;
	border: 1px solid #E1C8B5;
}

.cancel-box {
	padding: 32px;
	border: 1px solid #E1C8B5;
}

.change-box {
	padding: 32px;
	border: 1px solid #E1C8B5;
}

@media(max-width:900px) {
	.sub_pension-price .c-row__col--1-3 {
		flex-basis: calc(50% - 14px) !important;
		margin-right: 0px !important;
		max-width: calc(50% - 14px) !important;
		margin-left: 14px;
	}

	.sub_pension-price .smb-information__item__label {
		padding-left: 16px;
	}

	.sub_pension-price .c-row__col--2-3 {
		flex-basis: calc(50% - 14px) !important;
		max-width: calc(50% - 14px) !important;
		margin-right: 14px;
	}
}

@media (max-width:430px) {
	.sub_pension-price {
		padding: 60px 20px;
	}

	.sub_pension-price .c-row__col--1-3 {
		flex-basis: 100% !important;
		margin-right: 0px !important;
		max-width: calc(100vW - 40px) !important;
		margin-left: 14px;
		margin-bottom: -1px !important;
	}

	.sub_pension-price .c-row__col--2-3 {
		flex-basis: 100% !important;
		max-width: 100% !important;
		margin-right: 14px;
	}

	.sub_pension-price::before {
		width: 144px;
		height: 210px;
		top: -100px;
	}

	.sub_pension-price::after {
		width: 130px;
		height: 159px;
		bottom: -85px;
	}

	.sub_pension-price .line1 .c-row__col--1-3 {
		border-top: 1px solid #E1C8B5;
		border-left: 1px solid #E1C8B5;
		border-right: 1px solid #E1C8B5;
		border-bottom: 1px solid #E1C8B5 !important;
	}

	.sub_pension-price .line2 .c-row__col--1-3 {
		border-top: 1px solid #E1C8B5;
		border-left: 1px solid #E1C8B5;
		border-right: 1px solid #E1C8B5;
		border-bottom: 1px solid #E1C8B5 !important;
	}

	.sub_pension-price .line3 .c-row__col--1-3 {
		border-top: 1px solid #E1C8B5;
		border-left: 1px solid #E1C8B5;
		border-right: 1px solid #E1C8B5;
		border-bottom: 1px solid #E1C8B5 !important;
	}

	.sub_pension-price .line3 .c-row__col--2-3 {
		border-bottom: none !important;
		padding-left: 32px !important;
	}

	.sub_pension-price .line2 .c-row__col--2-3 {
		padding-left: 32px !important;
	}

	.sub_pension-price .line1 .c-row__col--2-3 {
		padding-left: 32px !important;
	}

	.sub_pension-price h3 {
		margin-bottom: 16px !important;
	}

	.option-box {
		padding: 12px;
	}

	.cancel-box {
		padding: 12px;
	}

	.change-box {
		padding: 12px;
	}

}

/* ---------------------------------------	
ご予約の流れ
---------------------------------------	
*/
.sub_flow {
	padding: 80px 40px;
}

.sub_flow .flow-box {
	padding: 32px 42px;
	margin-bottom: 60px !important;
	position: relative;
}

.flow-box-arrow {
	position: relative;
}

.flow-box-arrow::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #27875d transparent transparent transparent;
	border-width: 18px 20px 0px 20px;
	left: 50%;
	bottom: -36px;
	transform: translate(-50%, -50%);
}


.sub_flow .step-box .img {
	width: 81px;
	height: 78px;
	display: flex;
	align-items: center;
}

.sub_flow .step-box .img {
	width: 100px;
	height: 78px;
	display: flex;
	align-items: center;
}

.sub_flow .step-box .text-box {
	padding-left: 30px;
	border-left: 1px solid #333333;
}

.sub_flow .text-box .lede-text {
	margin-bottom: 10px !important;
}

.sub_flow .comment-box img {
	width: 123px;
	height: 40px;

}

@media (max-width:800px) {
	.sub_flow .step-box .text-box {
		padding-left: 0px !important;
		border-left: none;
	}

	.sub_flow .img2 {
		display: flex;
		justify-content: center;
	}
}

@media (max-width:430px) {
	.sub_flow {
		padding: 60px 20px;
	}

	.sub_flow .flow-box {
		padding: 24px 20px;
		margin-bottom: 60px !important;
		position: relative;
	}

	.comment-box {
		margin-top: 20px !important;
		padding: 18px !important;
		gap: 10px !important;
	}
}

/* ---------------------------------------	
イベント
---------------------------------------	
*/
.sub_event {
	padding: 80px 40px;
}

@media (max-width:430px) {
	.sub_event {
		padding: 60px 20px;
	}
}

/* ---------------------------------------	
ブログ
---------------------------------------	
*/
.sub_blog {
	padding: 80px 40px;
}

@media (max-width:430px) {
	.sub_blog {
		padding: 60px 20px;
	}
}

/* ---------------------------------------	
お問い合わせ
---------------------------------------	
*/
.sub_contact {
	padding: 80px 40px;
}

.smf-form--business .smf-item__col--label {
	flex: 0 0 16em;
	max-width: 16em;
	display: flex;
	align-items: center;
}

.smf-form--business .smf-item__col--controls {
	flex: 1 1 calc(100% - 16em);
	max-width: calc(100% - 16em);
}

.sub_contact .date-box {
	display: flex;
}

.date-box .smf-placeholder {
	margin: 0px !important;
}

.date-box .text {
	margin: auto 20px !important;
}

@media(max-width:430px){
	.sub_contact {
		padding: 60px 20px;
	}

	.smf-form--business .smf-item__col--label {
		max-width: 100%;
	}
	
	.smf-form--business .smf-item__col--controls {
		max-width: 100%;
	}

	.sub_contact .date-box {
		flex-direction: column;
	}

	.smf-form .smf-text-control__control{
		width: 100%;
	}
}

/* ---------------------------------------	
panel
---------------------------------------	
*/
.panel-section {
	padding: 80px 40px;
}

.panel-section .panels {
	margin-top: 40px !important;
}

/* パネルのデフォルト設定の影を消す */
.panel-section .panel .smb-panels__item {
	box-shadow: none;
	/* border-radius: 16px; */
}

/* 1つのパネルの大きさを変える。0pxじゃないとsectionのpadding左右より内側にくる*/
.panel-section .panel .smb-panels__item__body {
	padding: 0px !important;
}

.panel-section .text-box {
	margin-top: 10px !important;
}

.panel-section .contents-title {
	margin-bottom: 10px !important;
}

@media (max-width:430px) {
	.panel-section {
		padding: 60px 20px;
	}

	.panel-section .panel {
		margin-bottom: 60px !important;
	}
}


/* ---------------------------------------	
panel
---------------------------------------	
*/

/* 2行カラムレイアウト */
.panel1 {
	padding: 80px 40px;
}

.panel1 .panels {
	margin-top: 40px;
}

/* パネルのデフォルト設定の影を消す */
.panel1 .panel .smb-panels__item {
	box-shadow: none;
	border-radius: 16px;
}


/* 1つのパネルの大きさを変える。0pxじゃないとsectionのpadding左右より内側にくる*/
.panel1 .panel .smb-panels__item__body {
	padding: 0px !important;
}

.panel1 .panel .numbering {
	margin: 0px !important;
	color: blue;
	font-weight: 1000;
	margin-top: -24px !important;
}

.panel1 .panel .numbering .sme-text-color {
	font-size: 2rem;
}

.panel1 .panel .title {
	margin: 0px;
	font-size: 1.4rem;
	line-height: 3rem;
}

.panel1 .panel .text {
	font-size: 1rem;
	line-height: 1.4rem;
	/* 	letter-spacing:; */
}



/* 3行カラムレイアウト */
.panel2 {
	padding: 80px 40px;
}

.panel2 .panels {
	margin-top: 40px;
}

/* パネルのデフォルト設定の影を消す */
.panel2 .panel .smb-panels__item {
	box-shadow: none;
}

/* 1つのパネルの大きさを変える。0pxじゃないとsectionのpadding左右より内側にくる*/
.panel2 .panel .smb-panels__item__body {
	padding: 0px !important;
}

.panel2 .panel .numbering {
	margin: 0px !important;
	color: blue;
	font-weight: 1000;
	margin-top: -24px !important;
}

.panel2 .panel .numbering .sme-text-color {
	font-size: 2rem;
}

.panel2 .panel .title {
	margin: 0px;
	font-size: 1.4rem;
	line-height: 3rem;
}

.panel2 .panel .text {
	font-size: 1rem;
	line-height: 1.4rem;
	/* 	letter-spacing:; */
}

/* panelをホバーした際に画像を拡大させるcss */
.panel2 .smb-panels__item__body:hover .img img {
	transform: scale(1.1) !important;
}

.panel2 .img {
	overflow: hidden !important;
}

.panel2 .img img {
	transition: 0.6s;
}



.panel3 {
	padding: 80px 40px;
}

.panel3 .panel {
	padding: 0 2% 30px 2%;
	position: relative;
	background-color: white;
	border-radius: 20px
}


.panel3 .panel .smb-panels__item {
	/* box-shadow: none; */
	border-radius: 20px;
}

.panel3 .card-num {
	font-size: 2rem;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: blue;
	color: white;
	border-radius: 50px;
	padding: 0 10px;
}

.panel3 .title {
	font-size: 2rem;
}

.panel3 .text {
	margin-top: 10px !important;
}

.panel3 .panel .text-box {
	margin-top: 0px !important;
}

@media (max-width: 430px) {
	.panel1 {
		padding: 80px 20px;
	}

	.panel2 {
		padding: 80px 20px;
	}

	.panel3 {
		padding: 80px 20px;
	}
}



/* ---------------------------------------	
media-text タイトルタグ「none」にすれば、自由に作れる
PCで画面切り替えver.
---------------------------------------	
*/
.mt-section {
	padding: 80px 40px;
}

.mt-section .mt-box {
	margin-top: 40px !important;
}

/* コンテンツ幅の調整（テキスト） */
.mt-section .c-row__col--lg-1-3 {
	--_item-width: 50%;
}

/* コンテンツ幅の調整（画像） */
.mt-section .c-row__col--lg-2-3 {
	--_item-width: 50%;
}

@media (max-width:900px) {

	/* コンテンツ幅の調整（テキスト） */
	.mt-section .c-row__col--lg-1-3 {
		--_item-width: 100%;
		/* margin-bottom: ; */
	}

	/* コンテンツ幅の調整（画像） */
	.mt-section .c-row__col--lg-2-3 {
		--_item-width: 100%;
	}
}

@media (max-width:430px) {
	.mt-section {
		padding: 60px 20px;
	}
}


/* ---------------------------------------	
media-text タイトルタグ「none」にすれば、自由に作れる
タブレットで画面切り替えver.
---------------------------------------	
*/
.mt-section {
	padding: 80px 40px;
}

.mt-section .mt-box {
	margin-top: 40px !important;
}

/* コンテンツ幅の調整（テキスト） */
.mt-section .c-row__col--md-1-3 {
	--_item-width: 50%;
}

/* コンテンツ幅の調整（画像） */
.mt-section .c-row__col--md-2-3 {
	--_item-width: 50%;
}

@media (max-width:430px) {
	.mt-section {
		padding: 60px 20px;
	}

	/* コンテンツ幅の調整（テキスト） */
	.mt-section .c-row__col--md-1-3 {
		--_item-width: 100%;
		/* margin-bottom: ; */
	}

	/* コンテンツ幅の調整（画像） */
	.mt-section .c-row__col--md-2-3 {
		--_item-width: 100%;
	}
}

/* ---------------------------------------	
media-text タイトルタグ「none」にすれば、自由に作れる
---------------------------------------	
*/

.media-text1 {
	padding: 80px 40px;
}

.media-text1-1 h3 {
	font-size: 1.6rem !important;
}

.media-text1 .text {
	font-size: 1rem !important;
}

.media-text1 .smb-section__body {
	margin-top: 40px;
}

/* コンテンツ幅の調整（テキスト） */
.media-text1-1 .c-row__col--lg-1-3 {
	/* --_item-width:50%; */
}

/* コンテンツ幅の調整（画像） */
.media-text1-1 .c-row__col--lg-2-3 {
	/* --_item-width:50%; */
}



.media-text2 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.media-text2 h2 {
	font-size: 5rem !important;
	line-height: 5rem !important;
	padding-left: 5%
}

.media-text2 .smb-section__subtitle {
	font-size: 1rem !important;
	padding-left: 5%;
}

.media-text2-1 {
	padding-left: 5%;
}

.media-text2-2 {
	margin-top: 40px !important;
	padding-right: 5%;
}

.media-text2 h3 {
	font-size: 1.6rem !important;
}

.media-text2 .sme-text-color {
	font-size: 2rem;
}

.media-text2 .text {
	font-size: 1rem !important;
}

.media-text2 .box {
	padding: 20px 30px;
}

.media-text2 .lists {
	margin-top: 0px;
	font-size: 1rem;
}

.media-text2 .smb-media-text__figure {
	width: 100% !important;
}

.media-text2 .smb-media-text__contents-wrapper {
	/* 	height:80vh; */
}

.media-text2 .c-row--top {
	align-items: stretch !important;
}

.media-text2 .smb-media-text__figure img {
	/*	display:flex;
	align-items:stretch; */
	height: 100% !important;
	object-fit: cover;
}

/* .media-text2 .c-row__col--lg-1-3 {
	--_item-width: 50%;
}

.media-text2 .c-row__col--lg-2-3 {
	--_item-width: 50%;
	display: flex;
	align-items: stretch;
} */


/* 分割のタイミングに応じてブレイクポイントを変更 */
@media (max-width: 1023px) {
	.media-text1-1 .c-row__col--lg-1-3 {
		/* --_item-width:100%; */
	}

	.media-text1-1 .c-row__col--lg-2-3 {
		/* --_item-width:100%; */
	}
}

/* ---------------------------------------	
バナー
---------------------------------------	
*/


/* ---------------------------------------	
privacy-policy
---------------------------------------	
*/
.privacy-sub_title {
	font-size: 20px;
}

.privacy-policy {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.privacy-policy-box .smf-item--divider .smf-item__col {
	max-width: 100% !important;
}

.privacy-policy-text {
	height: 250px;
	width: 100%;
	padding: 16px;
	border: 1px solid #CCC;
	overflow: auto;
	margin: 40px auto 20px;
	background: #ffffff;
}

.privacy-policy-text h3 {
	margin-bottom: 30px !important;
}

.smf-checkboxes-control__control {
	text-align: center !important;
	margin-bottom: 60px !important;
}

.smf-error-messages {
	text-align: center !important;
	margin-top: -60px !important;
	margin-bottom: 60px !important;
}

form[data-screen="confirm"] .privacy-policy-box {
	display: none;
}


/* ---------------------------------------	
レスポンシブ	
---------------------------------------	
*/