@charset "UTF-8";
/*
Theme Name: MY THEME 
Author: Zenshin
Description: オリジナルテーマ
Version: 1.0
*/

/* ブラウザがそれぞれ持っているCSSをリセットするための記述 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #230B3F;
}

img {
	max-width: 100%;
	height: auto;
}

.img-height {
	max-height: 100%;
	width: auto;
}

.img-full img {
	width: 100%;
	height: auto;
	text-align: center;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	line-height: 0;

	@media screen and (max-width: 782px) {
		html {
			--wp-admin--admin-bar--height: 46px;
		}
	}
}

.flex {
	display: flex;
	justify-content: center;
	/* 横方向に中央揃え */
	align-items: center;
	/* 縦方向に中央揃え */
	flex-wrap: wrap;
}

.flex_hanyo {
	display: flex;
}

.flex-between {
	justify-content: space-between !important;
}

.flex-start {
	justify-content: start;
}

.flex-center {
	justify-content: center;
}

.flex-item25 {
	width: 25%;
}

.flex-item70 {
	width: 70%;
}

/*MOREボタン*/
.more {
	position: relative;
	margin-left: -60px;
}

.more:after {
	content: url(./image/arrow.png);
	position: absolute;
	top: 50%;
	margin-left: 5px;
	margin-top: -12px;
}

.more_black {
	position: relative;
	margin-left: -12px;
}

.more_black:after {
	content: url(./image/arrow_black.png);
	position: absolute;
	top: 30%;
	margin-left: 5px;
	margin-top: -12px;
}

.alignleft {
	float: left;
	margin-left: 0;
	margin-right: 1em;
}

.alignright {
	float: right;
	margin-left: 1em;
	margin-right: 0;
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter,
.wp-block-archives.aligncenter,
.wp-block-tag-cloud.aligncenter,
.wp-block-latest-comments.aligncenter,
.wp-block-rss.aligncenter {
	text-align: center;
}

figure {
	margin-left: 0;
	margin-right: 0;
}

body {
	box-sizing: border-box;
}

body *,
body *::before,
body *::after {
	box-sizing: inherit;
}


/* 変数 */
:root {
	--f1: 3.75em;
	--f2: 1.95em;
	/* 31.2px */
	--f3: 1.56em;
	/* 24.96px */
	--f4: 1.125em;
	/* 18px */
	--f5: 1em;
	/* 16px */
	--f6: 0.8em;
	/* 12.8px */

	--basecolor: #63a211;
	/* 基本色 */
	--gradient: linear-gradient(81.7deg, rgba(34, 126, 34, 1) 8.1%, rgba(99, 162, 17, 1) 86.5%);

	--myfont: 'fot-tsukuardgothic-std', sans-serif;
	--myw: 720px;
	/*標準幅*/
}


/* フォント */
body {
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
}

ul {
	list-style: none;
}

/* p {
	line-height: 1.8;
	font-size: var(--f5);
}


h1 {
	font-size: var(--f1);
}
h2 {
	font-size: var(--f2);
	margin-block-start:0;
}
h3 {
	font-size: var(--f3);
}
h4 {
	font-size: var(--f4);
}
h5 {
	font-size: var(--f5);
}
h6 {
	font-size: var(--f6);
} */

@media screen and (max-width: 1250px) {
	html {
		font-size: 10px;
	}
}


/* 横幅 */
body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
}

.alignfull {
	width: 99vw;
	height: auto;
}

.alignwide {
	padding-left: 5%;
	padding-right: 5%;
}

.alignwide_large {
	padding-left: 10%;
	padding-right: 10%;
}

/*スマホ*/
@media screen and (max-width: 600px) {
	.alignwide {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (min-width: 1320px) {}


/*配置*/
.center {
	text-align: center;
}

.margin_hanyo {
	margin-top: 5%;
}

.margin_four_directions {
	margin: 3%;
}

.padding_hanyo {
	padding-top: 5%;
}

.text-align-left {
	text-align: left;
}

.text-align-rigth {
	text-align: right;
}

.align_bottom {
	display: grid;
	place-content: end;
	/* または start など */
}

.centered-table {
	margin: 0 auto;
}

.center_img {
	display: flex;
	align-items: center;
	justify-content: center;
}

.width90 {
	width: 90%;
}

/* その他汎用 */
.element_cream {
	background-color: #EAE5DE;
	background-size: cover;
	width: 100%;
	/* 横幅の1.5の高さを最低とする */
	padding: 5% 0;
	font-family: "fot-tsukuardgothic-std", sans-serif;
}

.element_cream_noP {
	background-color: #EAE5DE;
	background-size: cover;
	width: 100%;
	/* 横幅の1.5の高さを最低とする */
	font-family: "fot-tsukuardgothic-std", sans-serif;
}

.element_white {
	background-color: #ffffff;
	background-size: cover;
	width: 100%;
	/* 横幅の1.5の高さを最低とする */
	padding: 5% 0;
	font-family: "fot-tsukuardgothic-std", sans-serif;
}

.element_white_radius {
	background-color: #ffffff;
	background-size: cover;
	width: 100%;
	border-radius: 33px;
	font-family: "fot-tsukuardgothic-std", sans-serif;
}

.content_hanyo {
	display: flex;
	justify-content: center;
	/* 横方向に中央寄せ */
}

.container p {
	text-align: left;
	font-size: 1.5rem;
}

/*リンク*/
a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
}

/*スマホ限定/PC限定*/
.sp {
	display: none;
}

.pc {
	display: block;
}

@media only screen and (max-width:768px) {
	.sp {
		display: block;
	}

	.pc {
		display: none;
	}
}


/*-----Topページ------*/

.img-diagnosis-ad {
	width: 77%;
	height: auto;
	display: block;
	margin: 0 auto;
	/* 左右の余白を自動で調整して中央に配置 */
}

.item-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.text_explanation {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.theme_titles {
	text-align: center;
	margin: 0 10%;
}

.theme_titles h4,
.theme_titles h1 {
	margin: 0;
	/* デフォルトのマージンをリセット */
	line-height: 1.2;
	/* 行の高さを調整 */
	font-size: 12px;
}

.line {
	width: 20%;
	/* 線の長さを指定 */
	height: 1px;
	/* 線の太さ */
	background-color: #000;
	/* 線の色 */
	margin-left: 1em;
	/* テキストと線の間隔を調整 */
}

.text_explanation h4,
.reason_rh1 h4,
.reason_rh2 h4,
.reason_rh3 h4 {
	font-size: 1.2rem;
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.text_explanation h1 {
	font-size: 4.0vw;
	font-weight: bold;
}

.wrapper .item {
	/* padding: 0 10px; */
	flex: 0 0 calc(33.33% - 20px);
	/* 3つのアイテムを等幅で横に配置 */
	text-align: center;
	/* margin-top: 20px; */
	/* 上部からの余白を設定 */
}

.wrapper .item p {
	font-size: large;
}

/* 下の1つのアイテムを上の1つのアイテムと同じ位置に配置 */
.wrapper .item:last-child {
	padding: 0 10px;
	flex: 0 0 calc(33.33% - 20px);
	/* 幅を50%にして横に配置 */
	margin-top: 0;
	/* 上部からの余白を削除 */
}

.image_three_horizontal {
	display: flex;
	justify-content: center;
	gap: 1%;
}

.image_three_horizontal img {
	max-width: 100%;
	/* 画像が親要素を超えないようにする */
	max-height: 100%;
	/* 画像が親要素を超えないようにする */
	width: 33.33%;
	/* 画像を横に均等に配置 */
}


.page-content {
	display: flex;
	flex-wrap: wrap;
	line-height: 0;
	padding: 0 44px;
}

.container {
	display: flex;
	flex-wrap: wrap;
}

.container_inverse {
	display: flex;
	flex-wrap: wrap;
}

.cell,
.cell_product {
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	/* 横方向の中央揃え */
	align-items: center;
	/* 縦方向の中央揃え */
	/* margin-top: 3.7%; */
}

.vertical-line {
	border-left: 1px solid #000;
	/* 縦線のスタイルと色を指定 */
	height: 50px;
	/* 線の高さを指定 */
	margin-top: 2%;
}

.left {
	flex: 1;
	text-align: center;
}

.right {
	flex: 1;
	text-align: center;
}

/* スマートフォン向けスタイル */
@media screen and (max-width: 510px) {

	.cell p,
	.cell_product p {
		font-size: 1.313rem;
	}
}

@media screen and (max-width: 767px) {
	.wrapper .item {
		padding: 0;
		flex: 0 0 calc(45% - 10px);
		/* 3つのアイテムを等幅で横に配置 */
		margin-top: initial;
	}
}

@media screen and (max-width: 1000px) {
	.container {
		display: flex;
		flex-direction: column-reverse;
	}

	.container_inverse {
		display: flex;
		flex-direction: column;
		/* 縦方向に配置 */
	}

	.cell,
	.cell_product {
		width: 100%;
		margin-top: 0;
		padding: 0 3%;
	}

	.left,
	.right {
		flex: none;
	}

	.image_three_horizontal {
		display: flex;
		flex-direction: column;
		/* 縦方向に配置 */
	}

	.image_three_horizontal img {
		width: 100%;
		/* 画像を横に均等に配置 */
		height: auto;
	}
}


/* 表 */
.container_table {
	display: flex;
	padding: 2%;
	border: 2px solid #2E3192;
}

.row_table {
	display: flex;
	flex-direction: column;
	width: 50%;
	/* 2つのcontainerを横に並べるために50%の幅を指定 */
}

.cell_table {
	padding: 8px;
	box-sizing: border-box;
	border-bottom: 1px solid #2E3192;
}

@media screen and (max-width: 1000px) {
	.container_table {
		width: 100%;
		display: flex;
		flex-direction: column;
		/* 垂直方向に配置 */
		justify-content: center;
		/* 垂直方向の中央揃え */
		align-items: center;
		/* 水平方向の中央揃え */
	}

	.row_table {
		width: 100%;
		text-align: left;
	}
}

/*--投稿　一部お知らせ一覧でも適用---*/

.wp-show-posts {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
	/* 幅が狭い場合に縦に並ぶ */
	/* height: 100vh; */
}

.wp-show-posts-inner header {
	display: flex;
	flex-direction: column-reverse;
}

.wp-show-posts-entry-header {
	text-align: left;
	/* padding: 5%; */
	margin: 5%;
	border-bottom: 1px solid #000000;
}

.wp-show-posts-entry-summary {
	margin: 5%;
}

.wp-show-posts-single {
	width: 30%;
	padding-bottom: 4.375rem;
	background-color: #fff;
	border: 2px solid #000000;
	overflow: hidden;
}

.wp-show-posts-image {
	width: 100%;
}

.wp-show-posts-image img {
	width: 100%;
	/* 画像の幅を親ボックスに合わせる */
	height: auto;
	/* アスペクト比を維持するために */
	display: block;
	/* インライン要素の余白を除去するために */
}

.wp-show-posts-inner p {
	text-align: left;
	font-size: large;
}

.wpsp-read-more {
	width: 80%;
	height: 6.25em;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	background-color: #000;
}

.wpsp-read-more a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: x-large;
	color: #ccc !important;
}

.detailed_button_hanyo {
	width: 33%;
	/* 画面の20%に設定 */
	height: 80px;
	margin: 2% auto;
	/* 上下のマージンを2%、左右を自動にして中央寄せ */
	color: #fff;
	background-color: #72B5A8;
	display: flex;
	/* display: flexを追加 */
	justify-content: center;
	align-items: center;
	border-radius: 47px;
}

.detailed_button_hanyo img {
	width: 8%;
	/* ボタンのサイズに合わせて画像の幅を調整 */
}

.detailed_button_hanyo a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: x-large;
	color: #fff;
	text-align: center;
	/* テキストを中央寄せ */
	font-size: 1.6vw;
}

.view_more_info {
	display: flex;
	justify-content: center;
	/* ボタンを親要素の中央に寄せる */
	align-items: center;
	/* ボタンを親要素の垂直方向の中央に寄せる */
	height: auto;
	/* 必要に応じて高さを設定 */
	width: 50%;
	/* 必要に応じて幅を設定 */
	margin: 5% auto;
}

.view_info_btn {
	display: inline-block;
	/* 画像ボタンをインラインブロックとして表示 */
	border: none;
	/* ボタンのデフォルトの境界線を消す */
	padding: 0;
	/* ボタンの内側の余白を消す */
	margin: 0;
	/* ボタンの外側の余白を消す */
}

.view_info_btn img {
	display: block;
	/* 画像の下の余白を消す */
	max-width: 100%;
	/* 画像がボタンの幅を超えないようにする */
	max-height: 100%;
	/* 画像がボタンの高さを超えないようにする */
	border-radius: 24px;
	/* 画像の角を丸める */
}

.viewMoreInfo {
	width: 100%;
	height: 25%;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 5%;
	text-align: center;
}

.viewMoreInfo img {
	height: 50%;
}

/*全体のレイアウト*/
.wpsp-load-more {
	display: flex;
	justify-content: center;
	padding: 20px 0;
	font-size: 14px;
	line-height: 1em;
}

/*各部品のレイアウト*/
.wpsp-load-more span,
.wpsp-load-more a {
	display: block;
	font-size: 1.625rem;
	margin: 2px 2px 2px 0;
	padding: 15px 14px 15px 14px;
	text-decoration: none;
	width: auto;
	color: #000000;
	/* 通常の文字色 */
	background: #ffffff;
	/* 通常の背景色 */
	border: solid 2px black;
}

/*マウスホーバー時*/
.wpsp-load-more a:hover {
	color: #000000;
	/* マウスホバー時の文字色 */
	opacity: 0.5;
}

/*選択時*/
.wpsp-load-more .current {
	padding: 15px 14px 15px 14px;
	color: #ffffff;
	/* 現在のページの文字色 */
	background: #000000;
	/* 現在のページの背景色 */
}


/*以下は幅413px以下のスマホの時*/
@media only screen and (max-width: 413px) {
	.wpsp-load-more {
		font-size: 12px;
		line-height: 12px;
	}

	.wpsp-load-more span,
	.wpsp-load-more a {
		padding: 7px 10px 7px 10px;
	}

	.wpsp-load-more .current {
		padding: 7px 10px 7px 10px;
	}
}

@media screen and (max-width: 1000px) {
	.wp-show-posts {
		display: flex;
		flex-direction: column;
	}

	.wp-show-posts-single {
		width: 100%;
	}
}


/* コンタクトボタン */
.contact_ad {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2em;
}

.phone_number {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2em;
}

.myhead {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #D9ECFA;
}

.header_title {
	height: 150px;
}

.head_logo {
	line-height: 1.2;
}

.first-mess {
	background-color: #72B5A8;
	display: block;
	height: 25px;
	width: 100%;
	overflow: hidden;
}

.first-mess-inner {
	display: inline-block;
	line-height: 20px;
	padding-left: 100%;
	white-space: nowrap;
	animation: flow-text 20s linear infinite;
}

.first-mess p {
	display: inline-block;
	margin: 0;
	font-size: 22px;
	color: #FFFFFF;

}

@media only screen and (max-width: 768px) {
	.first-mess {
		display: none;
		background-color: #D9ECFA;
	}

	.header_title {
		margin-top: 0 !important;
	}

	.head_logo {
		margin-top: 2%;
	}

	.products_exp_container {
		margin: 5% 2% !important;
	}
}

@keyframes flow-text {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

.header_title {
	display: flex;
	width: 100%;
	align-items: flex-start;
	margin-top: 10px;
	padding: 0;
}

.head_logo {
	width: 40%;
}

.head_logo p {
	font-size: 2.4vw;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.head_logo_main {
	font-size: 60px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.head_item {
	display: flex;
	flex-direction: column;
	width: 60%;
	margin-top: 1%;
	margin-bottom: 0;
	padding: 0;
}

.head_item_upper,
.head_item_lower {
	font-size: 1.5vw;
	display: flex;
	margin: 0;
	padding: 0;
}

.products_wrapper,
.reasons_wrapper,
.cemetery_wrapper {
	background-color: #EDF4F1;
	background-size: cover;
	padding: 4% 0;
	font-family: "fot-tsukuardgothic-std", sans-serif;
}

.example_wrapper,
.review_wrapper,
.news_wrapper {
	background-color: #fff;
	background-size: cover;
	padding: 2% 0;
	font-family: "fot-tsukuardgothic-std", sans-serif;
}

.products_wrapper,
.area_wrapper {
	background-image: url("./image/background_green.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

.area_wrapper {
	padding-top: 3%;
}

.quick_contact {
	display: flex;
	width: 100%;
	padding: 5% 15%;
	gap: 10%;
	background-color: #EDF4F1;
}

.products_ad {
	display: flex;
	padding: 1% 5%;
	margin-bottom: 2%;
}

.products_container {
	display: flex;
	gap: 3%;
	margin: 3% 8% 5% 8%;
	max-width: 100%;
}

.left_product_container,
.right_product_container {
	flex-direction: column;
}

.title_wrapper {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: start;
}

.left_title,
.right_title {
	font-size: 2.4vw;
	background-color: #72B5A8;
	color: white;
	width: 40%;
	height: auto;
	padding-bottom: 0;
	margin-bottom: 0;
	justify-content: start;
	font-weight: bold;
}

.left_product_wrapper,
.right_product_wrapper {
	display: flex;
	background-color: #fff;
	padding-top: 0;
	margin-top: 0;
}

.left_product_image_container,
.right_product_image_container {
	width: 60%;
	margin: 4% 3%;
}

.left_product_image_container img,
.right_product_image_container img {
	max-width: 100%;
	height: auto;
}

.products_container p {
	font-size: 1.6vw;
}

.left_product_rb,
.right_product_rb {
	flex-direction: column;
	display: flex;
	width: 100%;
	height: auto;
	align-items: center;
	justify-content: center;
	margin-bottom: 5%;
}

.left_product_rb p,
.right_product_rb p {
	font-size: 1.4vw;
}

.left_product_button_wrapper,
.right_product_button_wrapper {
	font-size: 28px;
	background-color: #72B5A8;
	color: white;
	width: 70%;
	height: 30%;
}

.left_product_button_wrapper a,
.right_product_button_wrapper a {
	padding: 5px 10px;
}

@media only screen and (max-width: 1000px) {
	.products_container {
		display: flex;
		flex-direction: column;
	}

	.left_product_container,
	.right_product_container {
		flex-direction: column;
		margin: 10% 5%;
		max-width: 100%;
	}
}

.products_exp_container {
	margin: 5% 0 3% 0;
	display: flex;
	justify-content: center;
}

.products_exp {
	align-items: center;
}

.products_exp p {
	text-align: left;
	font-size: 2.4vw;
}

.news_item_flex_container,
.review_item_flex_container,
.example_item_flex_container {
	width: 31%;
	margin: 1%;
	margin-bottom: 5%;
	padding: 1%;
}

.news_title {
	text-align: left;
}

.news_item-wrapper {
	margin-top: 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

/* 各ニュース項目のスタイリング */
.news_news-item {
	/* 要素間にスペースを追加 */
	border: 1px solid #72B5A8;
	border-radius: 24px;
	/* 枠線のスタイル */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	/* 影をつける */
	margin-bottom: 20px;
	/* 下マージンを追加、行間調整用 */
}

/* コンテンツ領域のスタイリング */
.news_content {
	font-size: 1.4vw;
	/* フォントサイズ */
	text-align: left;
}

/* タイトルのスタイリング */
.news_news-item h2 {
	font-size: 1.6vw;
	/* フォントサイズ大 */
	margin: 0 auto;
	/* 下マージン */
	width: 90%;
	border-bottom: 1px solid #000000;
	text-align: center;
}

.news_text {
	text-align: center;
}

/* リンクのスタイリング */
.news_news-item a {
	text-decoration: none;
	/* リンクの下線を消す */
	color: #333;
	/* 文字色 */
	overflow-wrap: break-word;
}

.news_news-item a:hover {
	color: #0056b3;
	/* ホバー時の文字色 */
}

.news_news_image {
	width: 100%;
	padding-top: 100%;
	/* 正方形の比率を維持 */
	position: relative;
	/* 内部の絶対位置を使うため */
	overflow: hidden;
	/* 画像が枠を超えないようにする */
	margin-bottom: 10px;
	border-radius: 24px;
	/* 親要素の角を丸める */
}

.news_image_inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.news_image_inner img {
	height: 100%;
	/* 親要素の高さに合わせる */
	width: auto;
	/* アスペクト比を保持 */
	object-fit: cover;
	/* 画像が親要素を覆うように調整 */
	max-width: none;
	/* 最大幅の制限を解除 */
}

/* レスポンシブ対応: 画面サイズが小さい場合 */
@media (max-width: 768px) {
	.news_item-wrapper {
		display: block;
		/* flex-wrap: wrap; */
		justify-content: space-between;
	}

	.news_item-wrapper {
		justify-content: space-around;
		/* 要素を均等に分散 */
	}

	.news_item-wrapper {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		/* 要素が多すぎる場合に折り返し */
		justify-content: flex-start;
		/* 要素を左寄せで配置 */
		gap: 20px;
		/* 要素間のギャップ */
	}

	/* 各ニュース項目のスタイリング */
	.news_news-item {

		/* 100%の幅を取るように調整して、1列に1つ表示 */
		margin: 0;
		padding: 0;

		/* flex-wrap: wrap; */
		/* フレックスアイテムのサイズ設定（全体の約25%の幅を取るように調整） */
		border: 1px solid #72B5A8;
		/* 枠線のスタイル */
		/* padding: 10px; */
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		/* 影をつける */
		/* 下マージンを追加、行間調整用 */
		width: 100%;
	}

	.news_image_inner {
		display: block;
		width: 120px;
	}

	/* サムネイルのスタイル */
	.news_image_inner img {
		flex-shrink: 0;
		/* 画像が自動的に縮小されないようにする */
		width: 120px;
		/* 画像の幅を調整 */
		aspect-ratio: 1 / 1;
		/* 正方形の比率を維持 */
		height: auto;
		margin-right: 10px;
		/* 画像とテキストの間隔を設定 */
	}

	/* コンテンツ領域のスタイリング */
	.news_content {
		width: 100%;
		font-size: 18px;
		/* フォントサイズ */
		flex: 1;
	}

	/* タイトルのスタイリング */
	.news_news-item h2 {
		font-size: 24px;
		/* フォントサイズ大 */
		margin-top: 0;
		margin-bottom: 5px;
		/* 下マージン */
	}

	/* リンクのスタイリング */
	.news_news-item a {
		text-decoration: none;
		/* リンクの下線を消す */
		color: #333;
		/* 文字色 */
	}

	.news_news-item a:hover {
		color: #0056b3;
		/* ホバー時の文字色 */
	}
}

.reason_container {
	display: flex;
	flex-wrap: wrap;
}

/* .reason_container {
	padding-left: 10%;
} */

.reason_container_inverse {
	display: flex;
	flex-wrap: wrap;
}

.reason_number {
	font-size: 109px;
	font-style: italic;
	font-family: ;
	color: #72B5A8;
}

.reason_rb {
	font-size: 1.8vw;
	background-color: #72B5A8;
	color: white;
	max-width: 100%;
	height: auto;
	padding-bottom: 0;
	margin-bottom: 0;
	justify-content: start;
}

.reason_title_pc img {
	/* display: flex; */
	width: 100%;
}


.reason_title_sp {
	display: none;
}

.reason_rh1 {
	flex-direction: column;
	padding-top: 10%;
}

.reason_rh2 {
	flex-direction: column;
	padding-top: 10%;
}

.reason_rh3 {
	flex-direction: column;
	padding-top: 15%;
}

.reason_container p,
.reason_container_inverse p {
	text-align: center;
	font-size: 1.4vw;
}

.reasons_wrapper img {
	margin-top: 10%;
	max-width: 70%;
	height: auto;
}

.reason_container h4,
.reason_container_inverse h4 {
	margin-bottom: 10px;
	text-align: left;
}

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

	.reason_container,
	.reason_container_inverse {
		display: flex;
	}

	.reason_container {
		flex-direction: column;
	}

	.reason_container_inverse {
		flex-direction: column-reverse;
		margin-right: 0;
		margin-left: 10%;
	}
}

.review_wrapper {
	justify-content: center;
	align-items: center;
	width: 100%;
}

.review_container {
	display: flex;
}

.customer_top {
	margin-top: 10%;
}

@media only screen and (max-width: 768px) {
	.alignfull {
		width: 100vw;
	}
}


@media only screen and (max-width:2000px) {
	.wp-show-posts-entry-header {
		height: 100px;
		vertical-align: center;
	}

	.wp-show-posts-entry-title {
		font-size: 23px;
	}
}

.white_box_container {
	display: flex;
	flex-direction: column;
	margin-top: 8%;
}

.white_box_content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 20px;
	/* 各ボックスの間にスペースを追加 */
	background-color: #FFFFFF;
}

.white_box_left,
.white_box_right {
	display: flex;
	flex-direction: column;
}

.white_box_image_wrapper {
	text-align: center;
	/* 画像を中央に揃える */
	margin: 0 5% 10% 5%;
}

.white_box_right {
	width: 48%;
	margin-top: 5%;
}

.white_box_left {
	width: 40%;
}

.white_box_content_title {
	font-size: 2.4vw;
	margin: 2% 4%;
}

.white_box_right p {
	font-size: 1.2vw;
}

.white_box_explain_la {
	font-size: 1.6vw;
}

.white_box_content_explanation {
	margin-bottom: 2%;
	margin-right: 4%;
}

.white_box_content_explanation span {
	display: block;
	position: relative;
	margin-bottom: 4px;
}

.white_box_content_explanation span::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 1px solid #000;
}

.white_box_image_wrapper img {
	padding-left: 1%;
	padding-right: 2%;
}

.review_item-wrapper {
	margin-top: 5%;
	margin-bottom: 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

/* 各ニュース項目のスタイリング */
.review_news-item {
	/* 要素間にスペースを追加 */
	border: 1px solid #72B5A8;
	border-radius: 24px;
	/* 枠線のスタイル */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	/* 影をつける */
	margin-bottom: 20px;
	/* 下マージンを追加、行間調整用 */
}

/* コンテンツ領域のスタイリング */
.review_content {
	font-size: 1.4vw;
	/* フォントサイズ */
	flex: 1;
	text-align: left;
}

/* タイトルのスタイリング */
.review_news-item h2 {
	font-size: 1.6vw;
	/* フォントサイズ大 */
	margin: 0 auto;
	/* 下マージン */
	width: 90%;
	border-bottom: 1px solid #000000;
	text-align: center;
}

.review_text {
	text-align: center;
}

/* リンクのスタイリング */
.review_news-item a {
	text-decoration: none;
	/* リンクの下線を消す */
	color: #333;
	/* 文字色 */
}

.review_news-item a:hover {
	color: #0056b3;
	/* ホバー時の文字色 */
}

.review_news_image {
	width: 100%;
	padding-top: 100%;
	/* 正方形の比率を維持 */
	position: relative;
	/* 内部の絶対位置を使うため */
	overflow: hidden;
	/* 画像が枠を超えないようにする */
	margin-bottom: 10px;
	border-radius: 24px;
	/* 親要素の角を丸める */
}

.review_image_inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.review_image_inner img {
	height: 100%;
	/* 親要素の高さに合わせる */
	width: auto;
	/* アスペクト比を保持 */
	object-fit: cover;
	/* 画像が親要素を覆うように調整 */
	max-width: none;
	/* 最大幅の制限を解除 */
}

/* レスポンシブ対応: 画面サイズが小さい場合 */
@media (max-width: 768px) {
	.review_item-wrapper {
		display: block;
		/* flex-wrap: wrap; */
		justify-content: space-between;
	}

	.review_item-wrapper {
		justify-content: space-around;
		/* 要素を均等に分散 */
	}

	.review_item-wrapper {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		/* 要素が多すぎる場合に折り返し */
		justify-content: flex-start;
		/* 要素を左寄せで配置 */
		gap: 20px;
		/* 要素間のギャップ */
	}

	/* 各ニュース項目のスタイリング */
	.review_news-item {

		/* 100%の幅を取るように調整して、1列に1つ表示 */
		margin: 0;
		padding: 0;

		/* flex-wrap: wrap; */
		/* フレックスアイテムのサイズ設定（全体の約25%の幅を取るように調整） */
		border: 1px solid #72B5A8;
		/* 枠線のスタイル */
		/* padding: 10px; */
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		/* 影をつける */
		/* 下マージンを追加、行間調整用 */
		width: 100%;
	}

	.review_image_inner {
		display: block;
		width: 120px;
	}

	/* サムネイルのスタイル */
	.review_image_inner img {
		flex-shrink: 0;
		/* 画像が自動的に縮小されないようにする */
		width: 120px;
		/* 画像の幅を調整 */
		aspect-ratio: 1 / 1;
		/* 正方形の比率を維持 */
		height: auto;
		margin-right: 10px;
		/* 画像とテキストの間隔を設定 */
	}

	/* コンテンツ領域のスタイリング */
	.review_content {
		width: 100%;
		font-size: 0.9em;
		/* フォントサイズ */
		flex: 1;
	}

	/* タイトルのスタイリング */
	.review_news-item h2 {
		font-size: 24px;
		/* フォントサイズ大 */
		margin-top: 0;
		margin-bottom: 5px;
		/* 下マージン */
	}

	/* リンクのスタイリング */
	.review_news-item a {
		text-decoration: none;
		/* リンクの下線を消す */
		color: #333;
		/* 文字色 */
	}

	.review_news-item a:hover {
		color: #0056b3;
		/* ホバー時の文字色 */
	}
}

.example_item-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 5%;
	margin-top: 5%;
}

.align-left {
	text-align: left !important;
}

/* 各ニュース項目のスタイリング */
.example_news-item {
	/* 要素間にスペースを追加 */
	border: 1px solid #72B5A8;
	/* 枠線のスタイル */
	border-radius: 24px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	/* 影をつける */
	margin-bottom: 20px;
	/* 下マージンを追加、行間調整用 */
}

/* コンテンツ領域のスタイリング */
.example_content {
	font-size: 1.4vw;
	/* フォントサイズ */
	text-align: left;
}

/* タイトルのスタイリング */
.example_news-item h2 {
	font-size: 1.6vw;
	/* フォントサイズ大 */
	margin: 0 auto;
	/* 下マージン */
	width: 90%;
	border-bottom: 1px solid #000000;
	text-align: center;
}

/* リンクのスタイリング */
.example_news-item a {
	text-decoration: none;
	/* リンクの下線を消す */
	color: #333;
	/* 文字色 */
}

.example_text {
	text-align: center;
}

.example_news-item a:hover {
	color: #0056b3;
	/* ホバー時の文字色 */
}

.example_news_image {
	width: 100%;
	padding-top: 100%;
	/* 正方形の比率を維持 */
	position: relative;
	/* 内部の絶対位置を使うため */
	overflow: hidden;
	/* 画像が枠を超えないようにする */
	margin-bottom: 10px;
	border-radius: 24px;
}

.example_image_inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.example_image_inner img {
	height: 100%;
	/* 親要素の高さに合わせる */
	width: auto;
	/* アスペクト比を保持 */
	object-fit: cover;
	/* 画像が親要素を覆うように調整 */
	max-width: none;
	/* 最大幅の制限を解除 */
}

/* レスポンシブ対応: 画面サイズが小さい場合 */
@media (max-width: 768px) {
	.example_item-wrapper {
		display: block;
		/* flex-wrap: wrap; */
		justify-content: space-between;
	}

	.example_item-wrapper {
		justify-content: space-around;
		/* 要素を均等に分散 */
	}

	.example_item-wrapper {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		/* 要素が多すぎる場合に折り返し */
		justify-content: flex-start;
		/* 要素を左寄せで配置 */
		gap: 20px;
		/* 要素間のギャップ */
	}

	/* 各ニュース項目のスタイリング */
	.example_news-item {

		/* 100%の幅を取るように調整して、1列に1つ表示 */
		margin: 0;
		padding: 0;

		/* flex-wrap: wrap; */
		/* フレックスアイテムのサイズ設定（全体の約25%の幅を取るように調整） */
		border: 1px solid #72B5A8;
		/* 枠線のスタイル */
		/* padding: 10px; */
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		/* 影をつける */
		/* 下マージンを追加、行間調整用 */
		width: 100%;
	}

	.example_image_inner {
		display: block;
		width: 120px;
	}

	/* サムネイルのスタイル */
	.example_image_inner img {
		flex-shrink: 0;
		/* 画像が自動的に縮小されないようにする */
		width: 120px;
		/* 画像の幅を調整 */
		aspect-ratio: 1 / 1;
		/* 正方形の比率を維持 */
		height: auto;
		margin-right: 10px;
		/* 画像とテキストの間隔を設定 */
	}

	/* コンテンツ領域のスタイリング */
	.example_content {
		width: 100%;
		font-size: 0.9em;
		/* フォントサイズ */
		flex: 1;
	}

	/* タイトルのスタイリング */
	.example_news-item h2 {
		font-size: 24px;
		/* フォントサイズ大 */
		margin-top: 0;
		margin-bottom: 5px;
		/* 下マージン */
	}

	/* リンクのスタイリング */
	.example_news-item a {
		text-decoration: none;
		/* リンクの下線を消す */
		color: #333;
		/* 文字色 */
	}

	.example_news-item a:hover {
		color: #0056b3;
		/* ホバー時の文字色 */
	}

	.example_news-item h2,
	.news_news-item h2,
	.review_news-item h2 {
		border-bottom: none;
	}
}

@media only screen and (min-width: 561px) and (max-width: 600px) {
	.under_line {
		display: none;
	}
}

.area_container {
	display: flex;
	justify-content: space-between;
	/* 左右の要素を均等に配置 */
	flex-wrap: wrap;
	/* 必要に応じて折り返し */
	margin: 0 10%;
	padding: 5% 0;
}

.area_text,
.area_text_prefecture {
	width: 45%;
	/* 横幅を調整 */
	text-align: justify;
	margin-bottom: 20px;
	/* 段落間の余白を追加 */
}

.area_text {
	font-size: 1.2vw;
}

.area_text_prefecture {
	font-size: 1.6vw;
}

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

	/* スマートフォンサイズの場合 */
	.area_text,
	.area_text_prefecture {
		width: 100%;
		/* 幅を100%に設定して縦に並べる */
	}
}

.myfoot {
	background-color: #F5F5F5;
	display: flex;
	justify-content: space-between;
	/* 左右の要素を均等に配置 */
	align-items: center;
	/* 垂直方向に中央揃え */
	width: 100%;
	padding: 20px 0;
	/* フッター内の上下の余白を追加 */
}

.foot_left {
	width: 50%;
	display: flex;
	flex-direction: column;
	/* 縦方向に要素を並べる */
	align-items: flex-start;
	/* 左揃え */
	padding-left: 5%;
	color: #000;
	/* テキストカラーを黒に変更 */
}

.sns_icon {
	background-color: #F5F5F5;
	padding: 5% 15% 2%;
}

.sns_icon img {
	width: 30px;

}

.foot_right {
	width: 50%;
	display: flex;
	flex-direction: column;
	/* 縦方向に要素を並べる */
	align-items: flex-end;
	/* 右揃え */
	padding-right: 7.5vw;
	color: #000;
	/* テキストカラーを黒に変更 */
}

.footer_title {
	font-size: 2.4vw;
	font-weight: bold;
}

.foot_item {
	margin-bottom: 10px;
	/* 下部の余白を追加 */
	font-size: 16px;
}

.foot_item_sub {
	display: flex;
	gap: 5%;
	width: 100%;
	padding: 10px;
	/* 内部の余白を追加 */
	justify-content: center;
	color: #000;
	/* テキストカラーを黒に変更 */
	font-size: 20px;
	margin-top: 15%;
}

.foot_item_left,
.foot_item_right {
	list-style: none;
	/* リストのドットを消す */
	padding: 0;
	margin: 0;
}

/* リンクのスタイルを調整 */
.foot_item_left a,
.foot_item_right a {
	text-decoration: none;
	/* 下線を消す */
}

.foot_item_left a:hover,
.foot_item_right a:hover {
	text-decoration: underline;
	/* ホバー時に下線を追加 */
}

.foot_info {
	background-color: #F5F5F5;
	text-align: center;
}

.reason_container {
	margin-left: 10%;
	margin-right: 3%;
}

.reason_container_inverse {
	margin-right: 10%;
}

/*スタイル崩れ対応*/
@media only screen and (min-width: 1221px) and (max-width: 1400px) {
	.head_item li {
		font-size: 24px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1220px) {
	.head_item li {
		font-size: 1.8vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1259px) {
	.head_item {
		margin-left: 1%;
	}

	.head_logo_main {
		font-size: 4.45vw;
	}

	.header_title {
		height: 11vw;
	}

	.head_logo p {
		font-size: 28px;
	}

	.first-mess p {
		font-size: 18px;
	}

	.products_container {
		display: flex;
		gap: 5%;
		margin: 1% 8%;
		max-width: 100%;
	}

	.products_container p,
	.reasons_wrapper p,
	.news_wrapper p,
	.review_wrapper p,
	.white_box_explain_la {
		font-size: 20px;
	}

	.left_product_button_wrapper,
	.right_product_button_wrapper,
	.products_exp p {
		font-size: 24px;
	}

	.right_title,
	.left_title,
	.reason_rb,
	.white_box_content_title {
		font-size: 28px;
	}

	.reason_number {
		font-size: 80px;
	}

	.detailed_button_hanyo a {
		font-size: 20px;
	}
}

@media screen and (min-width: 561px) and (max-width: 768px) {
	.head_item {
		margin-left: 1%;
	}

	.head_item li {
		font-size: 12px;
	}

	.head_logo {
		width: 100%;
		text-align: left;
	}

	.head_logo_main {
		font-size: 50px;
	}

	.head_logo p {
		font-size: 36px;
	}

	.first-mess p {
		font-size: 12px;
	}

	.products_container {
		display: flex;
		gap: 5%;
		margin: 1% 8%;
		max-width: 100%;
	}

	.left_product_container,
	.right_product_container {
		margin: 3% 2%;
	}

	.products_container p,
	.reasons_wrapper p,
	.news_wrapper p,
	.review_wrapper p,
	.white_box_explain_la {
		font-size: 14px;
	}

	.left_product_button_wrapper,
	.right_product_button_wrapper,
	.products_exp p {
		font-size: 16px;
	}

	.white_box_content p {
		font-size: 14px;
	}

	.right_title,
	.left_title,
	.reason_rb {
		font-size: 20px;
	}

	.white_box_content_title {
		font-size: 28px;
	}

	.right_product_rb,
	.left_product_rb {
		margin-bottom: 1%;
	}

	.products_exp p {
		margin: 2% 0;
	}

	.cell,
	.cell_product {
		height: 250px;
	}

	.reason_title_pc {
		display: none;
	}

	.reason_title_sp {
		display: block;
		margin-top: 1%;
	}

	.reasons_wrapper img {
		margin-top: 0;
		margin-bottom: 2%;
	}

	.text_explanation h1 {
		font-size: 24px;
	}

	/*.white_box_rh4 {
		width: 120%;
	}

	.white_box_rh3 {
		width: 160%;
	}

	.white_box_rh3 img,
	.white_box_rh4 img {
		width: 100%;
	}*/

	.detailed_button_hanyo {
		width: 250px;
		/* 画面の20%に設定 */
		height: 65px;
		margin: 2% auto;
		/* 上下のマージンを2%、左右を自動にして中央寄せ */
		color: #fff;
		background-color: #72B5A8;
		display: flex;
		/* display: flexを追加 */
		justify-content: center;
		align-items: center;
		border-radius: 47px;
	}

	.detailed_button_hanyo a {
		font-size: 18px;
	}

	.footer_title {
		font-size: 30px;
	}

	.foot_item {
		margin-bottom: 10px;
		/* 下部の余白を追加 */
		font-size: 14px;
	}

	.foot_item th,
	.foot_item td {
		font-size: 14px;
	}

	.sns_icon img {
		width: 25px;
	}

	.foot_info {
		font-size: 12px;
	}

	.area_text {
		font-size: 14px;
	}

	.area_text_prefecture {
		font-size: 20px;
	}

	.white_box_content_explanation {
		font-size: 16px;
	}

	.example_news_image {
		width: 100%;
		padding-top: 100%;
		/* 正方形にするためのアスペクト比 */
		position: relative;
		overflow: hidden;
		border-radius: 24px;
		/* 角を丸くする */
	}

	.example_image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.example_image_inner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 24px;
		/* 角を丸くする */
	}

	.news_news_image {
		width: 100%;
		padding-top: 100%;
		/* 正方形にするためのアスペクト比 */
		position: relative;
		overflow: hidden;
		border-radius: 24px;
		/* 角を丸くする */
	}

	.news_image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.news_image_inner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 24px;
		/* 角を丸くする */
	}

	.review_news_image {
		width: 100%;
		padding-top: 100%;
		/* 正方形にするためのアスペクト比 */
		position: relative;
		overflow: hidden;
		border-radius: 24px;
		/* 角を丸くする */
	}

	.review_image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.review_image_inner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 24px;
		/* 角を丸くする */
	}

	.viewMoreInfo {
		width: 100%;
		height: 40%;
	}

	.viewMoreInfo img {
		width: 30%;
	}

	.news_content,
	.review_content,
	.example_content {
		margin: 4% 2%;
	}

	.line {
		display: none;
	}
}

@media only screen and (max-width: 560px) {
	.products_container p {
		font-size: 12px;
	}

	.first-mess p {
		font-size: 10px;
	}

	.head_item {
		margin-left: 0;
	}

	.head_item li {
		font-size: 12px;
	}

	.header_title {
		height: 120px;
	}

	.head_logo {
		width: 100%;
		margin-left: 0;
	}

	.head_logo_main {
		font-size: 44px;
	}

	.head_logo p {
		font-size: 32px;
	}

	.quick_contact {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.products_container {
		display: flex;
		gap: 5%;
		margin: 1% 8%;
		max-width: 100%;
	}

	.products_container p,
	.reasons_wrapper p,
	.news_wrapper p,
	.review_wrapper p,
	.white_box_explain_la {
		font-size: 12px;
	}

	.left_product_button_wrapper,
	.right_product_button_wrapper,
	.products_exp p {
		font-size: 14px;
	}

	.right_title,
	.left_title,
	.reason_rb {
		font-size: 14px;
	}

	.white_box_content_title {
		font-size: 20px;
	}

	.text_explanation h1 {
		font-size: 20px;
	}

	.text_explanation h4 {
		font-size: 12px;
	}

	/*.white_box_rh4 {
		width: 180%;
	}

	.white_box_rh3 {
		width: 200%;
	}

	.white_box_rh3 img,
	.white_box_rh4 img {
		width: 100%;
	}*/

	.white_box_content p {
		font-size: 12px;
	}

	.detailed_button_hanyo {
		width: 200px;
		/* 画面の20%に設定 */
		height: 3.25em;
		margin: 2% auto;
		/* 上下のマージンを2%、左右を自動にして中央寄せ */
		color: #fff;
		background-color: #72B5A8;
		display: flex;
		/* display: flexを追加 */
		justify-content: center;
		align-items: center;
		border-radius: 47px;
	}

	.detailed_button_hanyo a {
		font-size: 14px;
	}

	.reason_title_pc {
		display: none;
	}

	.reason_title_sp {
		display: block;
		margin-top: 1%;
	}

	.reasons_wrapper img {
		margin-top: 0;
	}

	.under_line {
		display: none;
	}

	.area_text {
		font-size: 12px;
	}

	.area_text_prefecture {
		font-size: 18px;
	}

	.myfoot {
		flex-direction: column;
	}

	.footer_title {
		font-size: 22px;
	}

	.foot_item {
		margin-bottom: 10px;
		/* 下部の余白を追加 */
		font-size: 12px;
	}

	.foot_item th,
	.foot_item td {
		font-size: 12px;
	}

	.sns_icon img {
		width: 20px;
	}

	.foot_info {
		font-size: 10px;
	}

	.left_product_wrapper,
	.right_product_wrapper {
		flex-direction: column;
	}

	.left_product_image_container,
	.right_product_image_container {
		width: 100%;
		margin: 0;
		padding-bottom: 1%;
	}

	.cell {
		height: 200px;
	}

	.white_box_content_explanation {
		font-size: 14px;
	}

	.example_news_image {
		width: 100%;
		padding-top: 100%;
		/* 正方形にするためのアスペクト比 */
		position: relative;
		overflow: hidden;
		border-radius: 24px;
		/* 角を丸くする */
	}

	.example_image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.example_image_inner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 24px;
		/* 角を丸くする */
	}

	.news_news_image {
		width: 100%;
		padding-top: 100%;
		/* 正方形にするためのアスペクト比 */
		position: relative;
		overflow: hidden;
		border-radius: 24px;
		/* 角を丸くする */
	}

	.news_image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.news_image_inner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 24px;
		/* 角を丸くする */
	}

	.review_news_image {
		width: 100%;
		padding-top: 100%;
		/* 正方形にするためのアスペクト比 */
		position: relative;
		overflow: hidden;
		border-radius: 24px;
		/* 角を丸くする */
	}

	.review_image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.review_image_inner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 24px;
		/* 角を丸くする */
	}

	.viewMoreInfo {
		width: 100%;
		height: 40%;
		padding-top: 5%;
	}

	.viewMoreInfo img {
		width: 50%;
	}

	.news_title img {
		width: 120px;
	}

	.news_content,
	.review_content,
	.example_content {
		padding: 2%;
		font-size: 16px;
	}

	.news_content h2,
	.review_content h2,
	.example_content h2 {
		font-size: 24px;
	}

	.line {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.head_item {
		display: none;
	}

	.myfoot {
		flex-direction: column;
		align-items: center;
	}

	.white_box_content {
		flex-direction: column;
	}

	.white_box_left,
	.white_box_right {
		width: 100%;
	}

	.white_box_right {
		margin: 0 !important;
	}

	.white_box_content_explanation {
		margin: 4% 5%;
	}

	.foot_left,
	.foot_right {
		width: 100%;
		margin-bottom: 2%;
	}

	.foot_item_sub {
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		padding: 0;
		margin-top: 5%;
	}

	.foot_item_left,
	.foot_item_right {
		display: flex;
		flex-direction: column;
		text-align: center;
		width: 48%;
	}

	.foot_item_left li,
	.foot_item_right li {
		margin-bottom: 10px;
	}

	.foot_right {
		padding: 0;
	}

	.foot_left {
		padding: 0 2%;
		display: block;
	}

	.foot_table,
	.foot_table th,
	.foot_table td,
	.foot_table tr,
	.foot_table tbody {
		display: block;
		width: 100%;
	}

	.foot_table th {
		background-color: #72B5A8;
		color: #ffffff;
		text-align: center;
	}

	.foot_table td {
		margin: 10px 0;
		text-align: center;
	}

	.sns_icon {
		text-align: center;
		gap: 5%;
	}

	.example_item_flex_container,
	.review_item_flex_container,
	.news_item_flex_container {
		width: 100%;
	}
}

/*ここからお問い合わせ*/
.contact_form_wrapper {
	background-image: url("./image/background_green.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 5% 0;
}

.contact_exp_container {
	margin: 5% auto 3% auto;
	display: flex;
	justify-content: center;
}

.contact_exp {
	align-items: center;
}

.contact_exp p {
	text-align: center;
	font-size: 2.4vw;
}

.theme_titles h2 {
	font-size: 3.2vw;
	font-weight: bold;
}

.contact_form_container {
	padding: 0 15%;
	/* 左右のパディング */
	/* margin-top: 3%; */
	margin: 5% 0;
}

.contact_form {
	width: 100%;
}

#contact {
	justify-content: flex-start;
}

#contact .topRight {
	margin-left: auto;
}

#contact h2 {
	align-content: end;
	margin-left: 5%;
	color: initial;
}

.contact_cel {
	padding: 2% 10% 6% 10%;
	/* background-color: white; */
	border-radius: 20px;
}


.confirm {
	text-align: center;
}

.cform th {
	font-size: 18px;
	width: 80%;
	/*変なところで改行される場合はここの数字を変更します。*/
	/* padding: 0 0 10px 15px; */
	/* background-color: white; */
	color: black;
	font-weight: normal;
	text-align: left;
}

.cform td {
	width: 100%;
	font-size: 18px;
	/* line-height: 150%; */
}

.cform {
	width: 90%;
	margin: auto;
	margin-top: 50px;
	border-spacing: 0px;
	background-color: #FFFFFF;
}

.cform tr,
.cform th,
.cform td {
	display: block;
	width: 100%;
	padding: 0 5%;
}

.cform tbody {
	padding: 5% 5% 3% 5%;
	display: block;
	width: 100%;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 100%;
	min-height: 40px;
	padding: 0.5%;
	border: solid 1px #72B5A8;
	border-radius: 7px;
}

.cform input[type=text].jusyo,
.cform input[type=text].p-region,
.cform input[type=text].p-locality {
	padding: 5px;
}

.cform th p {
	margin: 0;
}

.cform td p {
	margin-top: 5px;
	margin-bottom: 25px;
}

.required-srt {
	color: red;
	font-size: 12px;
}

.sending_button {
	text-align: center;
	margin-top: 5%;
}

.wpcf7-spinner {
	display: none;
}

.btn-flat-border {
	background-color: #72B5A8;
	color: white;
	border: none;
	padding: 0 25px;
	cursor: pointer;
	font-size: 48px;
	border-radius: 14px;
	font-weight: bold;
}

.policy {
	height: 250px;
	overflow-y: scroll;
	border: solid 1px black;
}

.contact_guide {
	padding: 0 10%;
	font-size: 18px;
	margin-bottom: 3%;
}

.contact_guide p {
	margin-top: 50px;
	text-align: left;
	font-size: 26px;
}

@media screen and (max-width: 768px) {
	.contact_guide {
		font-size: 14px;
		width: 90%;
		padding: 0 5%;
	}

	.contact_guide p {
		margin-top: 50px;
		text-align: center;
		font-size: 18px;
	}
}

.contact_question_wrapper {
	background-color: #EDF4F1;
	background-size: cover;
	padding: 5% 0;
}

.tab-container {
	display: flex;
	flex-direction: column;
	width: 80%;
	margin: 5% auto 0 auto;
}

.tab {
	margin-bottom: 6%;
}

.tabs {
	display: flex;
	cursor: pointer;
	background: #72B5A8;
	border-radius: 20px;
}

.tab-button {
	position: relative;
	/* 相対位置指定 */
	flex: 1;
	padding: 10px;
	text-align: left;
	background: #72B5A8;
	border: none;
	outline: none;
	color: white;
	font-size: 2.4vw;
	border-radius: 20px;
}

.tab-button img {
	position: absolute;
	/* 絶対位置指定 */
	top: 50%;
	/* 上端の中央に配置 */
	right: 10px;
	/* 右端からの距離 */
	transform: translateY(-50%);
	transition: transform 0.3s ease;
	/* アニメーションの設定 */
	width: 3%;
}

.tab-button.active img {
	transform: translateY(-50%) rotate(180deg);
	/* 下向きに回転 */
}

.tab-button.active {
	background: #72B5A8;
}

.tab-contents {
	display: none;
	padding: 20px;
	border-top: none;
	background-color: #FFFFFF;
	border-radius: 0 0 20px 20px;
	animation: slideDown 0.4s forwards;
}

.tab-contents.active {
	display: block;
	background-color: #FFFFFF;
	border-radius: 0 0 20px 20px;
}

.tab-content {
	margin: 0;
	font-size: 18px;
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media only screen and (min-width: 561px) and (max-width: 768px) {
	.theme_titles h2 {
		font-size: 24px;
	}

	.contact_form_container {
		padding: 0 10%;
	}

	.contact_guide {
		width: 100%;
	}

	.tab-container {
		width: 100%;
	}

	.btn-flat-border {
		background-color: #72B5A8;
		color: white;
		border: none;
		padding: 0 25px;
		cursor: pointer;
		font-size: 30px;
		border-radius: 14px;
		font-weight: bold;
	}

	.tab-button {
		position: relative;
		/* 相対位置指定 */
		flex: 1;
		padding: 10px;
		text-align: left;
		background: #72B5A8;
		border: none;
		outline: none;
		color: white;
		font-size: 21px;
		border-radius: 20px;
	}
}

@media only screen and (max-width: 560px) {
	.theme_titles h2 {
		font-size: 20px;
	}

	.contact_form_container {
		padding: 0 2%;
	}

	.contact_checkbox {
		font-size: 14px;
	}

	.contact_guide {
		width: 100%;
	}

	.tab-container {
		width: 100%;
	}

	.tab-content {
		font-size: 14px;
	}

	.btn-flat-border {
		background-color: #72B5A8;
		color: white;
		border: none;
		padding: 0 25px;
		cursor: pointer;
		font-size: 24px;
		border-radius: 14px;
		font-weight: bold;
	}

	.tab-button {
		position: relative;
		/* 相対位置指定 */
		flex: 1;
		padding: 10px;
		text-align: left;
		background: #72B5A8;
		border: none;
		outline: none;
		color: white;
		font-size: 14px;
		border-radius: 20px;
	}
}

/*ここまでお問い合わせ*/

/* 小川追加分 会社概要*/
.info_quick_contact {
	font-size: 20px;
	width: 100%;
	padding: 5% 3%;
	/* gap: 10%; */
	background-color: #EDF4F1;
}

@media only screen and (max-width: 560px) {
	.info_quick_contact {
		font-size: 14px;
		width: 100%;
		padding: 5% 3%;
		/* gap: 10%; */
		background-color: #EDF4F1;
	}
}

.jinjitu {
	width: 250px;
	height: 7.0em;
	margin: 2% auto 5%;
	color: #fff;
	background-color: #72B5A8;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 47px;
}

@media only screen and (max-width: 560px) {
	.jinjitu {
		width: 200px;
		height: 3.25em;
		color: #fff;
		background-color: #72B5A8;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 47px;
	}
}

@media screen and (min-width: 561px) and (max-width: 768px) {
	.jinjitu {
		width: 250px;
		height: 5.25em;
		margin: 2% auto;
		color: #fff;
		background-color: #72B5A8;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 47px;
	}
}

@media screen and (min-width: 769px) and (max-width: 1110px) {
	.jinjitu {
		width: 250px;
		height: 5.25em;
		margin: 2% auto;
		color: #fff;
		background-color: #72B5A8;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 47px;
	}
}

.products_ad {
	display: flex;
	padding: 3% 3%;
	margin-bottom: 2%;
}

.text_jinjitu {
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.greeting_wrapper {
	background-image: url(./image/background.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

@media only screen and (max-width: 560px) {
	.greeting_wrapper {
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		margin: 0;
	}
}


.text_greeting {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 3% 3%;
}

.text_greeting h1 {
	font-size: 16px;
	font-weight: bold;
}

.theme_titles h1 {
	margin: 0;
	line-height: 1.2;
	font-size: 4.0vw;
}

@media only screen and (max-width: 800px) {
	.theme_titles h1 {
		font-size: 25px;
	}
}

.nigaoe {
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: x-large;
	color: #fff;
	text-align: center;
}

@media only screen and (max-width: 800px) {
	.nigaoe {
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;


	}
}

@media only screen and (max-width: 560px) {
	.nigaoe {
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;


	}
}

.right_greeting_rb {
	width: 70%;
	display: flex;
	font-size: 16px;
	padding: 1.2% 3%;
	margin: 0 0 0 1%;
	flex-direction: column;
	background-color: #FFFFFF;
}

@media only screen and (max-width: 560px) {
	.right_greeting_rb {
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		margin: 0;
	}
}

@media only screen and (max-width: 800px) {
	.right_greeting_rb {
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		margin: 0;
		font-size: 14px;
	}
}

.okuda {
	text-align: right;
}

.greeting_container {

	display: flex;
	/* gap: 3%; */
	margin: 3% 8% 0% 8%;
	max-width: 100%;
	justify-content: flex-start;
	/* 上に揃える */
	align-items: flex-start;
	/* 左に揃える */
}

@media only screen and (max-width: 800px) {
	.greeting_container {
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		margin: 0;
	}

	/* .right_product_container {
    flex-direction: column;
} */
}

@media only screen and (max-width: 560px) {
	.greeting_container {
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		margin: 0;
		font-size: 14px;
	}

	/* .right_product_container {
    flex-direction: column;
} */
}

.text-right-bottom {
	bottom: 0;
	right: 0
}

.yousu {
	display: flex;
	width: 45%;
	padding: 3% 3%;
	margin: 0% 8% 0% 8%;
	gap: 3%;
}

@media only screen and (max-width: 560px) {
	.yousu {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		margin: 0;
	}
}

	{

	width: 100%;
	padding: 5% 15%;
	/* gap: 10%; */
	background-color: #EDF4F1;
}

.company_wrapper {
	width: 100%;
	padding: 5% 5%;
	/* gap: 10%; */
	background-color: #EDF4F1;
	background-size: cover;
}

.alignwide_center {
	background-size: cover;
}

.company_white {
	width: 100%;
	/* background-color: #fff; */
	background-size: cover;
	margin: 5% 0% 0% 0%;
	border-radius: 47px;
}

@media screen and (max-width: 768px) {
	.company_white {
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
}

.company_item_sub {

	gap: 5%;
	width: 100%;
	padding: 50px 10px;
	text-align: center;
	/* 内部の余白を追加 */
	/* justify-content: flex-end; */
	color: #000;
	/* テキストカラーを黒に変更 */
	font-size: 15px;
}

.company_table {
	width: 100%;
	text-align: justify;
	margin-bottom: 10px;
	border-collapse: separate;
	/* セルの間にスペースを作る */
	border-spacing: 50px 30px;
}


.company_table tr {
	padding-bottom: 10px !important;
}

.company_table th {
	/* border-bottom:1px solid #000; */
}

@media screen and (max-width: 768px) {
	.company_table th {
		background-color: #72B5A8;
		color: #ffffff;
		text-align: center;
		display: block;
		width: 100%;
	}
}

.company_table td {
	/* border-bottom:1px solid #000; */
	padding: 0px 0px 20px 0px;
}

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

	.company_table,
	.company_table th,
	.company_table td,
	.company_table tr,
	.company_table tbody {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 12px;

	}
}

/*ここから取り扱い商品*/
.product_exp_container {
	padding: 5% 0;
	display: flex;
	justify-content: center;
}

.product_exp {
	align-items: center;
}

.product_exp p {
	text-align: center;
	font-size: 2.4vw;
}

.product_price_wrapper {
	background-image: url("./image/background_green.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 5% 0;
}

.product_intro_wrapper,
.product_advertisment_wrapper {
	background-color: #EDF4F1;
	background-size: cover;
	padding: 4% 0;
	font-family: "fot-tsukuardgothic-std", sans-serif;
}

.product_container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 3.7%;
}

.product_item_container {
	display: flex;
	background-color: #fff;
	padding-top: 0;
	margin-top: 0;
}

.product_advertisement {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.product_container {
	max-width: 1200px;
	margin: 0 auto;
}

.ads_title_wrapper {
	text-align: left;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: start;
}

.ads_title {
	font-size: 2.4vw;
	font-weight: bold;
	background-color: #72B5A8;
	color: #FFFFFF;
	padding: 1.5% 3%;
}

.product_item_container {
	display: flex;
	align-items: flex-start;
}

.product_image_container {
	margin: 2% 2%;
	width: 100%;
}

.product_text_container {
	margin-left: 20px;
	margin-right: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.weight_bold {
	font-weight: bold;
}

.product_text_container span {
	vertical-align: bottom;
	color: #D8687B;
	font-weight: bold;
}

.large-text {
	font-size: 12vw;
	line-height: 1.2;
}

.small-text {
	font-size: 4vw;
}

.price_title_container {
	display: flex;
	margin: 5% 14% 0 14%;
	background-color: #72B5A8;
	border-radius: 36px;
}

.price_title {
	padding-left: 20%;
	padding-right: 20%;
}

.price_title_price {
	padding-left: 8%;
	padding-right: 0;
}

.vertical_line {
	width: 1px;
	/* 線の太さ */
	background-color: #FFFFFF;
	/* 線の色 */
	margin: 1% 0 1% 10%;
}

.price_list_container {
	width: 100%;
	padding: 0 15%;
}

.price_title_container p {
	color: #FFFFFF;
	font-size: 2vw;
}

.price_table {
	width: 100%;
	text-align: center;
}

.price_image_container {
	padding: 1% 0;
	font-size: 1.6vw;
}

.price_price {
	padding: 1% 0 1% 3%;
	font-size: 1.6vw;
}

.service {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* margin-right: 20%; */
	/* この行は不要です */
}

.unit {
	margin-left: auto;
	white-space: nowrap;
	margin-right: 5%;
}

.price_image_container img {
	max-width: 100%;
	/* 画像のサイズを調整 */
}

.price_exp {
	margin: 5% 14%;
}

.exp_list {
	margin-bottom: 3%;
}

/*ここまで取り扱い商品*/

/* 小川追加分 墓石について*/
.about_grave {
	text-align: center;
	font-size: 1.85vw;
	width: 100%;
	padding: 5% 3%;
	/* gap: 10%; */

}

.achievement_exp {
	font-size: 1.8vw;
	text-align: center;
}

@media only screen and (max-width: 1000px) {
	.about_grave {
		font-size: 2.3vw;
		width: 100%;
		padding: 5% 3%;

	}
}

@media only screen and (max-width: 800px) {
	.about_grave {
		font-size: 2.7vw;
		width: 100%;
		padding: 5% 3%;

	}

	.ads_title {
		font-size: 18px;
		font-weight: bold;
		background-color: #72B5A8;
		color: #FFFFFF;
		padding: 1.5% 3%;
	}

	.product_exp p {
		font-size: 18px;
	}

	.achievement_exp {
		font-size: 18px;
	}
}

@media only screen and (max-width: 550px) {
	.about_grave {
		font-size: 3.3vw;
		width: 100%;
		padding: 5% 3%;

	}

	.product_exp p {
		font-size: 14px;
	}

	.achievement_exp {
		font-size: 14px;
	}
}

.text_stonetype {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.text_stonetype h1 {
	font-weight: bold;
}

.text_stonetype h4 {
	font-size: 1.2rem;
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.stonetype-wrapper {

	margin: 0% 10% 3%;
	display: flex;
	/* flex-wrap: wrap; */
	justify-content: flex-start;
	justify-content: center;
	justify-content: space-between;
	/* align-items: center;  */
	height: auto;
}

@media only screen and (max-width: 800px) {
	.stonetype-wrapper {
		/* text-align: center; */
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		margin: 0;
	}
}

.stonetype_set-wrapper {
	display: flex;
	width: 50%;
	height: auto;
}

@media only screen and (max-width: 800px) {
	.stonetype_set-wrapper {
		width: 100%;
	}
}

.stonetype_flex_container {
	margin: 5%;
	/* padding: 3%; */
	width: 50%;
}

.stonetype_table {
	width: 100%;
}

.stonetype_table tr {
	display: block;
	width: 100%;
}

.stonetype_table th {
	background-color: #72B5A8;
	color: #ffffff;
	text-align: center;
	display: block;
	width: 100%;
}

@media only screen and (max-width: 400px) {
	.stonetype_table th {
		font-size: 12px;
	}
}

.stonetype_table td {
	margin: 10px 0;
	text-align: center;
	display: block;
	font-size: 15px;
}

@media only screen and (max-width: 400px) {
	.stonetype_table td {
		font-size: 12px;
	}
}

.stonetype_text {
	font-size: 14px;
	justify-content: flex-start;
	display: flex;
	width: 100%;
}

@media only screen and (max-width: 400px) {
	.stonetype_text {
		font-size: 11px;
		justify-content: flex-start;
		display: flex;
		width: 100%;
	}
}

.making_wrapper {
	width: 100%;
	padding: 5% 3%;
	/* gap: 10%; */
	background-color: #EDF4F1;
	background-size: cover;
}

.making_text {
	text-align: center;
	padding: 3% 5%;
	font-size: 1.79vw;
}

@media only screen and (max-width: 1000px) {
	.making_text {
		font-size: 1.8vw;
	}
}

@media only screen and (max-width: 850px) {
	.making_text {
		font-size: 2.15vw;
	}
}

@media only screen and (max-width: 800px) {
	.making_text {
		font-size: 2.2vw;
	}
}

@media only screen and (max-width: 700px) {
	.making_text {
		font-size: 2.6vw;
	}
}

@media only screen and (max-width: 600px) {
	.making_text {
		font-size: 2.7vw;
	}
}

@media only screen and (max-width: 550px) {
	.making_text {
		font-size: 16px;
	}
}

.making_explain_pc {

	text-align: center;
	font-size: 1.3vw;
}

@media only screen and (max-width: 1200px) {
	.making_explain_pc {
		font-size: 1.48vw;
	}
}

@media only screen and (max-width: 1000px) {
	.making_explain_pc {
		font-size: 1.55vw;
	}
}

@media only screen and (max-width: 800px) {
	.making_explain_pc {
		display: none;
	}
}

.making_explain_sp {

	/* text-align: center;	
		font-size: 1.15vw; */
	display: none;
}

@media only screen and (max-width: 800px) {
	.making_explain_sp {
		font-size: 16px;
		display: block;
		justify-content: flex-start;
	}
}

@media only screen and (max-width: 500px) {
	.making_explain_sp {
		font-size: 14px;
		display: block;
		justify-content: flex-start;
	}
}

.making_explain p {

	justify-content: flex-start;

}

.saikutu_kenma {
	display: flex;
	text-align: center;
}

@media only screen and (max-width: 800px) {
	.saikutu_kenma {
		flex-direction: column;

		text-align: center;
	}
}

.saikutu_kenma_item {
	padding: 5% 3%;
	width: 33%;
}

@media only screen and (max-width: 800px) {
	.saikutu_kenma_item {
		width: 100%;
		text-align: center;
	}
}

.saikutu_kenma_text h3 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

@media only screen and (max-width: 450px) {
	.saikutu_kenma_text {
		font-size: 18px;
	}
}

.saikutu_kenma_explain {
	text-align: center;
	text-align: left;
}

@media only screen and (max-width: 450px) {
	.saikutu_kenma_explain P {
		font-size: 14px;
	}
}

.kensa_cyoukoku {
	display: flex;
	text-align: center;
}

@media only screen and (max-width: 800px) {
	.kensa_cyoukoku {
		flex-direction: column;

		text-align: center;
	}
}

.kensa_cyoukoku_item {
	padding: 3% 3%;
	width: 33%;
}

@media only screen and (max-width: 800px) {
	.kensa_cyoukoku_item {
		width: 100%;
		text-align: center;
	}
}

.kensa_cyoukoku_text h3 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

@media only screen and (max-width: 450px) {
	.kensa_cyoukoku_text {
		font-size: 18px;
	}
}

.kensa_cyoukoku_explain {
	text-align: center;
	text-align: left;
}

@media only screen and (max-width: 450px) {
	.kensa_cyoukoku_explain P {
		font-size: 14px;
	}
}

/* ここまで小川追加分 墓石について*/
/* ここから小川追加分 新着情報について*/
.nav-links {
	padding: 0.5em 0;
}

.nav-links {
	margin: 6% 0;
	width: 100%;
	display: flex;
	justify-content: center;
}

@media only screen and (max-width: 560px) {
	.nav-links {}
}

.nav-links ul {
	list-style: none;
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0;
}

ul {
	padding-inline-start: 1rem;
}

.nav-links li {
	margin: 0 5px;
}

.nav-links li>.current,
.nav-links li>a:hover {
	color: #ffffff;
	background: #72B5A8;
}

.nav-links li>*:not(.dots) {
	width: 45px;
	border-radius: 50%;
	color: #72B5A8;
	background-color: #efefef;
	transition: color 0.3s ease, background 0.3s ease;
}

.nav-links li>* {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	height: 45px;
}

.nav-links li>.current,
.nav-links li>a:hover {
	color: #ffffff;
	background: #72B5A8;
}

a {
	color: inherit;
	text-decoration: none;
}

/* ここまで小川追加分 新着情報について*/
/* ここから小川追加分 お客様の声について*/

/* 私が来た */

.product_introduction {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 5% 3%;
}

.title_top_left {
	font-size: 1.8vw;
	background-color: #72B5A8;
	color: #FFFFFF;
	width: 15%;
	padding: 1%;
	text-align: center;
}

.white_bg {
	background-color: #FFFFFF;
	border: 1px solid #72B5A8;
	padding: 3% 2%;
}

.flex_box {
	display: flex;
	align-items: flex-start;
}

.margin_bm {
	margin-bottom: 3%;
}

.margin2 {
	margin: 2%;
	text-align: right;
}

.flex_end {
	display: flex;
	justify-content: flex-end;
}

.quick_contact_container {
	border: 1px solid #F15A24;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #FFFFFF;
}

.title_orange {
	background-color: #F15A24;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	padding: 2% 0;
	font-size: 1.6vw;
}

.column {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 2% 0;
}

.orange_text {
	color: #F15A24;
	font-size: 1.6vw;
	font-weight: bold;
}

.mini {
	margin-bottom: 5%;
}

.mail {
	margin: 0 15%;
}

.tel {
	margin: 0 2% 0 4%;
}

/* 投稿詳細 */

.sumbnail {
	text-align: center;
	margin: 5% 0;
}

.sumbnail img {
	height: 100%;
	border-radius: none;
}

.post_content {
	margin: 5% 15%;
	font-size: 1.8vw;
}

.post_single_content {
	margin: 0 15% 5% 15%;
}

.post_single_content p {
	font-size: 1.7vw;
}


.image_con {
	width: 40%;
}

.exp {
	width: 60%;
}

.exp p {
	font-size: 1.4vw;
}

.price_exp {
	font-size: 1.4vw;
}

.kani,
.miyoshi {
	margin-bottom: 3%;
	border-bottom: 1px solid #000;
	padding-bottom: 20px;
}

@media only screen and (max-width: 768px) and (min-width: 561px) {
	.achieve_item-wrapper {
		flex-direction: column;
		margin: 8% 20%;
	}

	.achieve_content {
		font-size: 18px;
		width: 100%;
	}

	.post_content {
		margin: 5% 10% !important;
		font-size: 20px !important;
		overflow-wrap: break-word;
	}

	.post_single_content {
		margin: 0 10% 5% 10% !important;
	}

	.post_single_content p {
		font-size: 18px !important;
	}

	.achieve_news-item {
		width: 100%;
		margin: 5% 0;
	}

	.product_introduction {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		margin: 5% 3%;
	}

	.title_top_left {
		font-size: 24px;
		background-color: #72B5A8;
		color: #FFFFFF;
		width: 30%;
		padding: 1%;
		text-align: center;
	}

	.white_bg {
		background-color: #FFFFFF;
		border: 1px solid #72B5A8;
		padding: 3% 2%;
	}

	.flex_box {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.margin_bm {
		margin-bottom: 3%;
	}

	.margin2 {
		margin: 2%;
		text-align: right;
	}

	.flex_end {
		display: flex;
		justify-content: center;
	}

	.quick_contact_container {
		border: 1px solid #F15A24;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #FFFFFF;
	}

	.title_orange {
		background-color: #F15A24;
		color: #FFFFFF;
		text-align: center;
		width: 100%;
		padding: 2% 0;
		font-size: 18px;
	}

	.column {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 2% 0;
	}

	.orange_text {
		color: #F15A24;
		font-size: 18px;
		font-weight: bold;
	}

	.mini {
		margin-bottom: 5%;
		font-size: 16px;
	}

	.mail {
		margin: 0 15%;
	}

	.tel {
		margin: 0 2% 0 4%;
	}

	.exp p {
		font-size: 18px;
	}

	.image_con {
		width: 100%;
	}

	.exp {
		width: 100%;
	}

	.price_exp {
		font-size: 18px;
	}

	.kani,
	.miyoshi {
		border-bottom: none;
	}
}

@media only screen and (max-width: 560px) {
	.achieve_item-wrapper {
		flex-direction: column;
		margin: 8%;
	}

	.achieve_content {
		font-size: 18px;
		width: 100%;
	}

	.post_content {
		margin: 5% 8% !important;
		font-size: 18px !important;
		overflow-wrap: break-word;
	}

	.post_single_content {
		margin: 0 8% 5% 8% !important;
	}

	.post_single_content p {
		font-size: 14px !important;
	}

	.achieve_news-item {
		width: 100%;
		margin: 5% 0;
	}

	.product_item_container {
		flex-direction: column;
	}

	.product_image_container {
		margin: 0;
	}

	.product_introduction {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		margin: 5% 3%;
	}

	.title_top_left {
		font-size: 20px;
		background-color: #72B5A8;
		color: #FFFFFF;
		width: 40%;
		padding: 1%;
		text-align: center;
	}

	.exp p {
		font-size: 14px;
	}

	.white_bg {
		background-color: #FFFFFF;
		border: 1px solid #72B5A8;
		padding: 3% 2%;
	}

	.flex_box {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.margin_bm {
		margin-bottom: 3%;
	}

	.margin2 {
		margin: 2%;
		text-align: right;
	}

	.flex_end {
		display: flex;
		justify-content: center;
	}

	.quick_contact_container {
		border: 1px solid #F15A24;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #FFFFFF;
	}

	.title_orange {
		background-color: #F15A24;
		color: #FFFFFF;
		text-align: center;
		width: 100%;
		padding: 2% 0;
		font-size: 16px;
	}

	.column {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 2% 0;
	}

	.orange_text {
		color: #F15A24;
		font-size: 16px;
		font-weight: bold;
	}

	.mini {
		margin: 0 5% 5% 5%;
		font-size: 14px;
	}

	.mail {
		margin: 0 0 0 4%;
	}

	.tel {
		margin: 0 2% 0 4%;
	}

	.trigger_point {
		display: block !important;
	}

	.price_exp {
		margin: 5% 2%;
		font-size: 14px;
	}

	.cform tr,
	.cform th,
	.cform td {
		padding: 0;
	}

	.kani iframe,
	.miyoshi iframe,
	.nakatsugawa iframe,
	.kawabe iframe {
		width: 95%;
	}

	.contact_exp p {
		text-align: center;
		font-size: 16px;
	}

	.contact_exp span {
		font-size: 14px;
	}

	.reason_container,
	.reason_container_inverse {
		margin: 0 3%;
	}

	.image_con {
		width: 95%;
	}
}

.nakatsugawa iframe,
.kani iframe,
.miyoshi iframe,
.kawabe iframe {
	width: 70%;
}

.trigger_point {
	display: none;
}

.reason_title_pc img,
.reason_title_sp img {
	width: 100%;
	max-width: 100%;
}

.soon {
	font-size: 5.8vw;
	text-align: center;
}

.company_table th,
.company_table td {
	border-bottom: 1px solid #000000;
	font-size: 1.4vw;
}

.top_exp {
	margin: 0 15vw;
}

.margin10 {
	padding-bottom: 5% !important;
}

.news_title {
	width: 50%;
}

@media only screen and (max-width: 768px) and (min-width: 561px) {

	.company_table th,
	.company_table td {
		font-size: 18px;
		border-bottom: none;
	}

	.top_exp {
		margin: 0 10vw;
	}
}

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

	.company_table th,
	.company_table td {
		font-size: 14px;
		border-bottom: none;
	}

	.top_exp {
		margin: 0 4%;
	}

	.caution {
		font-size: 14px !important;
		margin: 0 15px !important;
	}
}

.caution {
	color: red;
	font-size: 1.6vw;
	margin: 0 5%;
}

@media only screen and (max-width: 1000px) and (min-width: 561px) {
	.caution {
		font-size: 16px;
		margin: 0 2%;
	}
}

.column_checkbox .wpcf7-list-item {
	width: 100%;
}

.tel_image,
.mail_image {
	width: 48%;
}

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

	.tel_image,
	.mail_image {
		width: 80%;
		text-align: center;
	}

	.quick_contact {
		align-items: center;
	}
}

.product-container {
	width: 90%;
	display: flex;
	gap: 2%;
	justify-content: center;
	margin: 5% auto;
}

.product-left {
	width: 49%;
}

.left-al {
	width: fit-content;
}

.margin0 {
	margin: 0;
}

.white {
	color: #ffffff;
}

.font30 {
	font-size: 30px;
}

.bg-lime {
	background-color: #72B5A8;
	padding: 0 5%;
}

.flex {
	display: flex;
	justify-content: space-between;
}

.align-start {
	align-items: flex-start;
}

.w-95 {
	width: 95%;
	padding: 1% 2.5%;
}

.bg-white {
	background-color: white;
}

.w-40 {
	width: 40%;
}

.font20 {
	font-size: 20px;
}

.w-60 {
	width: 60%;
}

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

.button-info {
	display: flex;
	justify-content: center;
	margin: 3% 0;
}

.button-info a {
	background-color: #72B5A8;
	color: #ffffff;
	padding: 1% 10%;
	border-radius: 30px;
}

.fixed {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 999;
}

.page-top {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: #72B5A8;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	padding: 0;
	/* 念のためパディング無しに */
}


.page-top:hover {
	background-color: #e67e22;
	transform: scale(1.1);
}

.category {
	color: #72B5A8;
	background-color: #fff;
	width: fit-content;
	padding: 1% 10%;
	font-size: 24px !important;
	border-radius: 15px;
	border: 1px solid #72B5A8;
}

@media only screen and (max-width: 1230px) and (min-width: 1000px) {
	.font20 {
		font-size: 1.62vw;
	}
}

@media only screen and (max-width: 1000px) {
	.product-container {
		flex-direction: column;
		gap: 100px;
	}

	.product-left {
		width: 100%;
	}

	.trigger-1000 {
		display: none;
	}
}

@media only screen and (max-width: 768px) and (min-width: 561px) {
	.font30 {
		font-size: 24px;
	}

	.font20 {
		font-size: 18px;
	}

	.w-95 {
		width: 100%;
	}

	.category {
		font-size: 20px !important;
		border-radius: 10px;
	}
}

@media only screen and (max-width: 560px) {
	.font30 {
		font-size: 20px;
	}

	.font20 {
		font-size: 16px;
	}

	.w-95 {
		width: 100%;
		padding: 3% 2.5%;
	}

	.sm-column {
		flex-direction: column;
	}

	.w-40 {
		width: 90%;
		margin: auto;
	}

	.w-60 {
		width: 95%;
		margin: auto;
	}

	.category {
		font-size: 18px !important;
		border-radius: 4px;
	}

	.button-info {
		height: 38.96px;
	}
}