/* ---------------------------------------	
共通（原則、不変）
---------------------------------------	
*/
body {
	color: #000;
	/* font-family: ; */
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-weight: 400;
	font-style: normal;
	/* background-color: #f5f5dc; */
	max-width: 600px !important;
	width: 100% !important;
	margin: 0 auto !important;
	/* background-color: #f5d547; */
	/* background: url(http://ryo-web-catalyst.com/sample-site17/wp-content/uploads/2026/01/top_trouble2-cta.webp); */
	/* background-attachment: fixed; */
	/* background-size: cover; */
}

/* 別ページからアンカーリンクを踏んでも、タイトルがちゃんとアニメーションで反応する */
.anchor-target {
	scroll-margin-top: 220px !important;
}

figure {
	margin-top: 0px !important;
}

figure img{
	width: 100%!important;
}


.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: 20px !important;
}

/* リストのポインターを消す */
/* li {
	list-style: none !important;
} */

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

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

.l-header--sticky-overlay-sm .c-hamburger-btn__bar {
	background-color: #000;
}

.c-hamburger-btn__label {
	color: #000 !important;
}

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

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

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


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

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

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

/* セクションタイトル */
.section-title {
	font-size: 36px !important;
	font-weight: bold;
	/* letter-spacing: 0.4rem; */
	margin-bottom: 0px !important;
}

/* セクションサブタイトル */
.section-sub-title {
	font-size: 26px !important;
	font-weight: 501;
	/* 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: bold;
	font-family: "Noto Sans JP";
	/* letter-spacing: 0.4rem; */
}

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

/* リード文（ゴシック） */
.lede-text-Gothic {
	font-size: 20px !important;
	font-weight: bold !important;
	font-family: "Noto Sans JP";
	/* letter-spacing: 0.4rem; */
}

/* リード文2 */
.lede-text2 {
	font-size: 16px !important;
	line-height: 1.5;
}

/* リード文2（ゴシック） */
.lede-text2-Gothic {
	font-size: 16px !important;
	font-weight: bold !important;
	line-height: 1.5;
	font-family: "Noto Sans JP";
}

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

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

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

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

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

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

/* ---------------------------------------	
投稿ページ
---------------------------------------	
*/

/* アーカイブページのページネーションの下に余白を作る */
.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;
}

.c-page-header__title {
	color: #333333;
	font-size: 30px;
}

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



/* ヘッダー */

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


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

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

/* ヘッダーメニューの補足説明のフォントサイズ調整 */
.l-header li small {
	font-size: 12px !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-img {
	/* width: 200px !important; */
	transition: 0.4s;
}

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


/* ---------------------------------------	
ヘッダー	
---------------------------------------	
*/
/* headerにあてると投稿ページのトップにも反映されてしまう */
.l-header {
	background-color: white !important;
	margin: 0;
	padding: 0px;
	box-shadow: none !important;
}

@media (max-width:1024px) {
	.l-header {
		padding: 16px 0px;
	}
}

@media (max-width:430px) {
	.l-header {
		padding: 14px 26px 8px 16px;
	}
}

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

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

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

.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-35 {
	background-color: #f5d547;
}

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

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

/* タブレット以下の幅で表示されるハンバーガーメニューを開いたときの背景色 */
#drawer-nav {
	backdrop-filter: blur(5px);
	/* background: linear-gradient(90deg, rgba(8, 85, 194, 0.85) 0%, rgba(17, 70, 145, 0.85) 67%, rgba(27, 54, 92, 0.85) 100%); */
	background: linear-gradient(90deg,
			rgba(229, 229, 255, 0.95) 0%,
			rgba(213, 213, 245, 0.85) 67%,
			rgba(195, 195, 235, 0.8) 100%);
}

/* ドロワーメニューの配置。ハンバーガーメニュー除く。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: 120px !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 #333333;
	color: #333333;
}

/* リストのトップに配置した画像 */
.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: 40px !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;
}




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

@media (max-width:430px) {
	.l-footer {
		height: 250px !important;
	}
}

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

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


/* コピーライト */
.c-copyright {
	padding: 160px 0px 4px !important;
	/* height: 30px!important; */
	text-align: center;
	background-color: #003366;
	font-size: 12px !important;
}

@media (max-width:430px) {
	.c-copyright {
		padding: 140px 0px 4px !important;
		/* height: 30px!important; */
		text-align: center;
		background-color: #003366;
		font-size: 12px !important;
	}
}

.footer-contents {
	margin: 0px !important;
	gap: 10px !important;
}

.left-column,
.right-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.footer-logo {
	width: 38.5vw;
}

.sns-icons {
	display: flex;
	margin: 0px !important;
	gap: 20px !important;
}

.icon {
	width: 30px;
	height: 30px;
}

@media (max-width:600px) {
	.icon {
		width: 8.3vw;
		height: 8.3vw;
	}
}

.l-footer .icon2 {
	margin-bottom: 10px !important;
}

.footer-link-text {
	margin-top: 0px !important;
	font-size: 11px !important;
}

.footer-link-text a {
	color: white !important;
}

.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: 100% !important;
	margin: 0px !important;
	/* background-color: white; */
	/* ロゴを中央に配置 */
	display: flex;
	align-items: center;
	flex-direction: column;
	/* padding: 0px 10px; */
}

.l-footer .footer-logo2 {
	width: 100% !important;
	margin-bottom: 20px !important;
	/* margin: 0px !important; */
	/* background-color: white; */
	/* ロゴを中央に配置 */
	display: flex;
	align-items: center;
	flex-direction: column;
	/* padding: 0px 10px; */
}

@media (max-width:600px) {
	.l-footer .footer-logo {
		width: 38.5vw !important;
		margin: 0px !important;
		/* background-color: white; */
		/* ロゴを中央に配置 */
		display: flex;
		align-items: center;
		flex-direction: column;
		/* padding: 0px 10px; */
	}

	.l-footer .footer-logo2 {
		width: 26.7vw !important;
		margin-bottom: 20px !important;
		/* margin: 0px !important; */
		/* background-color: white; */
		/* ロゴを中央に配置 */
		display: flex;
		align-items: center;
		flex-direction: column;
		/* 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;
}



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

.menu-item-564 {
	color: #cd162c !important;
}

.menu-item-565 {
	color: #003366 !important;
}

.menu-item-98 {
	color: #cd162c !important;
	font-weight: bold;
}

.menu-item-99 {
	color: #003366 !important;
	font-weight: bold;
}

/* ----------------------------------------------------------------------------	
TOPページ
-------------------------------------------------------------------------------	
*/
/* ---------------------------------------	
FV
---------------------------------------	
*/

.top_fv {
	/* height: 171.8vw; */
	height: calc(600px * 1.718);
	position: relative;
	padding: 0px !important;
}

.top_fv .fv-box {
	/* position: relative; */
	/* height: 171.8vw; */
	height: calc(600px * 1.718);
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (max-width:600px) {
	.top_fv {
		height: 171.8vw;
		position: relative;
		padding: 0px !important;
	}

	.top_fv .fv-box {
		/* position: relative; */
		height: 171.8vw;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

.top_fv-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	width: 100%;
}

.top_fv-bg img {
	width: 100% !important;
}

.top_fv-ms {
	position: absolute;
	top: 5%;
	/* left: 50%; */
	width: 88%;
	/* transform: translateX(-50%); */
}

.top_fv-icons {
	position: absolute;
	bottom: 33%;
	/* left: 50%; */
	width: 88%;
	/* transform: translateX(-50%); */
}

.top_fv-img {
	position: absolute;
	bottom: 5%;
	/* left: 50%; */
	z-index: 10;
	width: 88%;
	/* transform: translateX(-50%); */
}

.top_fv-btn {
	position: absolute;
	bottom: 2%;
	/* left: 50%; */
	z-index: 100;
	width: 88%;
	/* transform: translateX(-50%); */
}





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

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


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

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

/* ---------------------------------------	
お悩み
---------------------------------------	
*/
.top_trouble {
	/* height: 187.4vw; */
	/* height: 513.86vw; */
	height: calc(600px * 5.1386);
	position: relative;
	padding: 0px !important;
}

.top_trouble .box {
	/* position: relative; */
	/* height: 304.26vw; */
	height: calc(600px * 3.0426);
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (max-width:600px) {
	.top_trouble {
		/* height: 187.4vw; */
		height: 513.86vw;
		position: relative;
		padding: 0px !important;
	}

	.top_trouble .box {
		/* position: relative; */
		height: 304.26vw;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

.top_trouble-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	width: 100%;
}

.top_trouble-ms1 {
	position: absolute;
	top: 2.5%;
	/* left: 50%; */
	width: 88%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms2 {
	position: absolute;
	top: 8%;
	/* left: 32%; */
	left: 6%;
	width: 56.5%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms3 {
	position: absolute;
	top: 14%;
	left: 6%;
	width: 56.5%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms4 {
	position: absolute;
	top: 20%;
	left: 6%;
	width: 53.38%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms5 {
	position: absolute;
	top: 25.8%;
	left: 6%;
	width: 56.5%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms6 {
	position: absolute;
	top: 31%;
	/* left: 50%; */
	width: 100%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms7 {
	position: absolute;
	top: 42%;
	/* left: 50%; */
	width: 91.7%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms8 {
	position: absolute;
	top: 53%;
	/* left: 50%; */
	width: 75%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms9 {
	position: absolute;
	top: 63.5%;
	/* left: 50%; */
	width: 100%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms10 {
	position: absolute;
	top: 78.3%;
	/* left: 50%; */
	width: 65.3%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms11 {
	position: absolute;
	top: 81.5%;
	/* left: 50%; */
	width: 100%;
	/* transform: translateX(-50%); */
}


.top_trouble .box2 {
	/* position: relative; */
	/* height: 62.4vw; */
	/* height: 209.86vw; */
	height: calc(600px * 2.0986);
	margin-top: 0px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (max-width:600px) {
	.top_trouble .box2 {
		/* position: relative; */
		/* height: 62.4vw; */
		height: 209.86vw;
		margin-top: 0px !important;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

.top_trouble-bg2 {
	position: absolute;
	top: 0;
	/* left: 50%; */
	width: 100%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms12 {
	position: absolute;
	top: -2%;
	/* left: 50%; */
	width: 23.7%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms13 {
	position: absolute;
	top: 5%;
	/* left: 50%; */
	width: 89%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms14 {
	position: absolute;
	top: 44%;
	left: 0%;
	width: 96%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms15 {
	position: absolute;
	top: 47%;
	left: 30%;
	width: 63.73%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms16 {
	position: absolute;
	top: 70%;
	/* left: 50%; */
	width: 78.9%;
	/* transform: translateX(-50%); */
}

.top_trouble-ms17 {
	position: absolute;
	top: 85%;
	/* left: 50%; */
	width: 83.4%;
	/* transform: translateX(-50%); */
}

/* ---------------------------------------	
約束
---------------------------------------	
*/
.top_promise {
	/* height: 168.7vw; */
	/* height: 397.98vw; */
	height: calc(600px * 11.434);
	position: relative;
	padding: 0px !important;
}

.top_promise .box {
	/* position: relative; */
	/* height: 397.8vw; */
	height: calc(600px * 3.9798);
	/* margin-top: -111px!important; */
	/* z-index: -10; */
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (max-width:600px) {
	.top_promise {
		/* height: 168.7vw; */
		height: 1143.46vw;
		position: relative;
		padding: 0px !important;
	}

	.top_promise .box {
		/* position: relative; */
		height: 397.8vw;
		/* margin-top: -111px!important; */
		/* z-index: -10; */
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

.top_promise-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	width: 100%;
}

.top_promise-ms1 {
	position: absolute;
	top: 1%;
	/* left: 50%; */
	width: 69%;
	/* transform: translateX(-50%); */
}

.top_promise-ms1 img {
	width: 100%;
}

.top_promise-ms2 {
	position: absolute;
	top: 8%;
	/* left: 50%; */
	width: 100%;
	/* transform: translateX(-50%); */
}

.top_promise-ms3 {
	position: absolute;
	top: 22%;
	left: 3%;
	width: 69%;
	/* transform: translateX(-50%); */
}

.top_promise-ms4 {
	position: absolute;
	top: 38%;
	/* left: 50%; */
	width: 100%;
	/* transform: translateX(-50%); */
}

.top_promise-ms5 {
	position: absolute;
	top: 54%;
	left: 23%;
	width: 69%;
	/* transform: translateX(-50%); */
}

.top_promise-ms6 {
	position: absolute;
	top: 69%;
	/* left: 50%; */
	width: 100%;
	/* transform: translateX(-50%); */
}

.top_promise-ms7 {
	position: absolute;
	top: 84%;
	left: 3%;
	width: 69%;
	/* transform: translateX(-50%); */
}

.top_promise .box2 {
	position: relative;
	margin-top: 0px !important;
	height: calc(600px * 7.486);
	/* height: 748.6vw; */
	/* margin-top: -111px!important; */
	/* z-index: -10; */
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (max-width:600px) {
	.top_promise .box2 {
		position: relative;
		margin-top: 0px !important;
		height: 748.6vw;
		/* margin-top: -111px!important; */
		/* z-index: -10; */
	}
}

.top_promise-bg2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	width: 100%;
}

.top_promise-ms8 {
	position: absolute;
	top: 1.5%;
	/* left: 50%; */
	width: 87.2%;
	/* transform: translateX(-50%); */
}

.top_promise-ms9 {
	position: absolute;
	top: 4.5%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

.top_promise-ms10 {
	position: absolute;
	top: 19%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

.top_promise-ms11 {
	position: absolute;
	top: 33.3%;
	/* left: 50%; */
	width: 64%;
	/* transform: translateX(-50%); */
}

.top_promise-ms12 {
	position: absolute;
	top: 37%;
	/* left: 50%; */
	width: 83.7%;
	/* transform: translateX(-50%); */
}

.top_promise-ms13 {
	position: absolute;
	top: 43.6%;
	/* left: 50%; */
	width: 56.5%;
	/* transform: translateX(-50%); */
}

.top_promise-ms18 {
	position: absolute;
	top: 43%;
	left: 88%;
	width: 16.2%;
	/* transform: translateX(-50%); */
}

.top_promise-ms14 {
	position: absolute;
	top: 46.7%;
	/* left: 50%; */
	width: 84.2%;
	/* transform: translateX(-50%); */
}

.top_promise-ms15 {
	position: absolute;
	top: 50%;
	/* left: 50%; */
	width: 80.5%;
	/* transform: translateX(-50%); */
}

.top_promise-ms16 {
	position: absolute;
	top: 59.5%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

.top_promise-ms17 {
	position: absolute;
	top: 65.5%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

.top_promise-ms19 {
	position: absolute;
	top: 71%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

.top_promise-ms20 {
	position: absolute;
	top: 74.5%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

.top_promise-ms21 {
	position: absolute;
	top: 83%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

.top_promise-ms22 {
	position: absolute;
	top: 91%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

/* ---------------------------------------	
よくある質問
---------------------------------------	
*/
.top_faq {
	/* margin: -10px 0px 0px !important; */
	padding: 20px 14px 30px !important;
}

@media (max-width:430px){
	.top_faq h2{
		font-size: 20px;
	}
}

.top_faq h2 {
	font-size: 36px !important;
	font-weight: bold !important;
	letter-spacing: -0.06em !important;
	margin-bottom: 40px !important;
}

@media (max-width:430px){
	.top_faq h2{
		font-size: 28px!important;
	}
}

.top_faq .wp-block-snow-monkey-blocks-section {
	padding: 0px !important;
}

/* Qのタイトル */
.smb-accordion__item__title__label {
	color: #000;
	font-weight: bold;
	font-size: 20px !important;
	line-height: 1.1;
	letter-spacing: 0.04em;
}

/* Aのテキスト */
.top_faq p {
	font-size: 20px;
	line-height: 1.2 !important;
}

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

/* 探偵業FAQ */

.faq-btn {
	padding: 60px 40px;
}

.faq-btn .smb-panels__item {
	background: transparent !important;
}

.faq-btn .smb-panels__item__body {
	padding: 18px;
}

.faq-box {
	background-color: white !important;
	padding-top: 64px;
	padding-bottom: 26px;
}

.faq-section {
	padding: 80px 40px;
}

.faq-section p {
	line-height: 1.8 !important;
}

.faq-items-box {
	padding-top: 40px !important;
	padding-bottom: 0px !important;
}

.faq-items {
	border: none !important;
	padding-left: 80px;
	padding-right: 80px;
}

.faq-items .smb-accordion__item__title__label {
	color: #27875D;
	font-size: 20px !important;
}

.faq-cta .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: #B9B9F9 !important;
	top: -6px !important;
	font-size: 30px !important;
	left: -4px !important;
}

/* Aの装飾 */
.is-style-RJE_R002LP_faq_items>.smb-accordion__item>.smb-accordion__item__body:before {
	color: #B9B9F9 !important;
	top: 0;
	font-size: 30px !important;
	padding-top: 37px !important;
}

@media (max-width:430px){
	.is-style-RJE_R002LP_faq_items>.smb-accordion__item>.smb-accordion__item__body:before {
		padding-top: 26px !important;
	}
}

.faq-section .space {
	margin-top: 8px !important;
}

.faq-section .space2 {
	margin-top: 6px !important;
}

.wp-block-snow-monkey-blocks-accordion {
	background-color: white;
	border-radius: 16px;
}

.link-text {
	font-size: 20px;
	margin-top: 40px !important;
	margin-bottom: 20px !important;
}

.link-text2 {
	font-size: 20px;
	margin-top: 0px !important;
	margin-bottom: 20px !important;
}

/* ---------------------------------------	
料金について
---------------------------------------	
*/
.top_price {
	/* height: 168.7vw; */
	/* height: 190vw; */
	height: calc(600px * 1.9);
	position: relative;
	padding: 0px !important;
}

.top_price .box {
	position: relative;
	/* height: 190vw; */
	height: calc(600px * 1.9);
	/* margin-top: -111px!important; */
	/* z-index: -10; */
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (max-width:600px) {
	.top_price {
		/* height: 168.7vw; */
		height: 190vw;
		position: relative;
		padding: 0px !important;
	}

	.top_price .box {
		position: relative;
		height: 190vw;
		/* height: 397.8vw; */
		/* margin-top: -111px!important; */
		/* z-index: -10; */
	}
}

.top_price-ms1 {
	position: absolute;
	top: 6%;
	/* left: 50%; */
	width: 36.8%;
	/* transform: translateX(-50%); */
}

.top_price-ms2 {
	position: absolute;
	top: 13%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

.top_price-ms3 {
	position: absolute;
	top: 39%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

.top_price-ms4 {
	position: absolute;
	top: 75%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

.top_price-ms5 {
	position: absolute;
	top: 85%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}


.link-icon {
	position: relative;
}

.link-icon::before {
	position: absolute;
	content: "";
	background: url(https://tama-konkatsu.jp/wp-content/uploads/2026/02/btn-icon.webp);
	background-size: cover;
	background-repeat: no-repeat;
	bottom: -16px;
	left: 50%;
	height: 10px;
	width: 120px;
	transform: translate(-50%, -50%);
}


/* ---------------------------------------	
メッセージ
---------------------------------------	
*/
.top_message {
	/* height: 190vw; */
	height: calc(600px * 1.9);
	position: relative;
	padding: 0px !important;
	margin-top: 0px !important;
}

.top_message .box {
	position: relative;
	/* height: 190vw; */
	height: calc(600px * 1.9);
	/* margin-top: -111px!important; */
	/* z-index: -10; */
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (max-width:600px) {
	.top_message {
		/* height: 168.7vw; */
		height: 190vw;
		position: relative;
		padding: 0px !important;
		margin-top: 0px !important;
	}

	.top_message .box {
		position: relative;
		height: 190vw;
		/* height: 397.8vw; */
		/* margin-top: -111px!important; */
		/* z-index: -10; */
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

.top_message-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	width: 100%;
}

.drop-shadow {
	/* filter: drop-shadow(0px -5px 5px rgba(0, 0, 0, 0.1)); */
}

.top_message-ms1 {
	position: absolute;
	top: 6%;
	/* left: 50%; */
	width: 36.8%;
	/* transform: translateX(-50%); */
}

.top_message-ms2 {
	position: absolute;
	top: 13%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

.top_message-ms3 {
	position: absolute;
	top: 29%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}

.top_message-ms4 {
	position: absolute;
	top: 45%;
	/* left: 50%; */
	width: 84%;
	/* transform: translateX(-50%); */
}


.top_message-ms6 {
	position: absolute;
	top: 74%;
	/* left: 50%; */
	width: 73%;
	/* transform: translateX(-50%); */
}

.top_message-ms7 {
	position: absolute;
	top: 79%;
	left: 0%;
	width: 92.2%;
	/* transform: translateX(-50%); */
}

.top_message-ms8 {
	position: absolute;
	top: 94%;
	/* left: 50%; */
	width: 88%;
	/* transform: translateX(-50%); */
}



/* ---------------------------------------	
メッセージ2
---------------------------------------	
*/



/* ---------------------------------------	
privacy-policy
---------------------------------------	
*/
.sub_contact {
	padding: 40px 20px;
}

.smf-form--business .smf-item__col--label {
	border-bottom: none;
	border-right: 1px solid #ddd;
	flex: 0 0 15em;
	max-width: 15em;
}

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

@media (max-width:430px) {
	.smf-form--business .smf-item__col--label {
		max-width: 100%;
	}

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

.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;
}

.smf-form .smf-textarea-control__control {
	height: 400px;
}

.sub_page {
	padding: 20px 40px;
}

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

}