/*
Theme Name: asahi-syokai
Theme URI:
Author:
Description:
Version: 1.0
*/

:root {
	--color-red: #E50112;
	--color-black: #212121;
	--color-white: #FFFFFF;

	--font-sofia-pro: "sofia-pro", sans-serif;
	--font-hiragino: "Hiragino Sans", sans-serif;

}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html,
body {
	overflow-x: hidden;
}

body {
	font-family: var(--font-hiragino);
}

.sof {
	font-family: var(--font-sofia-pro);
}

.hrg {
	font-family: var(--font-hiragino);
}

/* 画面幅指定 */
.container_1200 {
	width: 88%;
	max-width: 1200px;
	margin: 0 auto;
}

.top_title {
	font-size: 123px;
	font-weight: 600;
}

.text_red {
	color: var(--color-red);
}

h3 {
	font-size: clamp(28px, 3vw, 32px);
}

@media screen and (max-width: 1200px) {
	.sp_only_1200 {
		display: block;
	}

	.pc_only_1200 {
		display: none;
	}


}

@media screen and (min-width: 1200px) {
	.pc_only_1200 {
		display: block;
	}

	.sp_only_1200 {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	.sp_only_1000 {
		display: block;
	}

	.pc_only_1000 {
		display: none;
	}


}

@media screen and (min-width: 1000px) {
	.pc_only_1000 {
		display: block;
	}

	.sp_only_1000 {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.sp_only_800 {
		display: block;
	}

	.pc_only_800 {
		display: none;
	}
}

@media screen and (min-width: 800px) {
	.pc_only_800 {
		display: block;
	}

	.sp_only_800 {
		display: none;
	}
}

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

	.pc_only_768 {
		display: none;
	}

}

@media screen and (min-width: 768px) {
	.container_1200 {
		width: 90%;
	}

	.pc_only_768 {
		display: block;
	}

	.sp_only_768 {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	.sp_only_600 {
		display: block;
	}

	.pc_only_600 {
		display: none;
	}

}

@media screen and (min-width: 600px) {
	.pc_only_600 {
		display: block;
	}

	.sp_only_600 {
		display: none;
	}
}

@media screen and (max-width: 430px) {
	.sp_only_430 {
		display: block;
	}

	.pc_only_430 {
		display: none;
	}

}

@media screen and (min-width: 430px) {
	.pc_only_430 {
		display: block;
	}

	.sp_only_430 {
		display: none;
	}
}

/* 共通クラス名 一覧 
red_wide_rink
red_small_rink_btn
red_side_link
ed_small_rink30_btn
red_small_rink-block_btn
red_side_link_text
↑とその付属クラスは、設定変更時注意！*/

/*===================================================
	header
================================================*/

.site-header {
	background-color: var(--color-white);
	height: 100%;
	max-height: 107px;
	position: relative;
}

.header_container {
	width: 88%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.site-logo {
	width: 100%;
	max-width: 321px;
	padding: 12px 0;
}

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

.header-nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	max-width: 660px;
	padding: 22px 0;
}

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

.header-nav ul li {
	list-style: none;
	position: relative;
}

.header-nav ul li a {
	display: block;
	text-decoration: none;
	color: #707070;
	font-size: 16px;
	font-weight: 600;
	padding: 22px 12px;
}

.header-nav ul li a:hover {
	color: var(--color-red);
}

/* サブメニュー */
.header-nav .submenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	width: 180px;
	z-index: 100;
	border: 2px solid var(--color-red);
}

.header-nav .submenu li {
	list-style: none;
	border-bottom: 1px solid var(--color-red);
}

.header-nav .submenu li:last-child {
	border-bottom: none;
}

.header-nav .submenu li a {
	display: block;
	text-decoration: none;
	color: #707070;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 15px;
}

.header-nav .has-submenu:hover .submenu {
	display: block;
}

/*お問い合わせ*/
.header-nav ul li .header_contact {
	background-color: var(--color-red);
	color: var(--color-white);
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 10px;
	margin-left: 10px;
}

.header-nav ul li .header_contact:hover {
	background-color: var(--color-white);
	color: var(--color-red);
	border: 2px solid var(--color-red);
}

@media screen and (max-width: 600px) {
	.site-logo {
		width: 60%;
	}
}

/*====================
ハンバーガーメニュー
======================*/

/* PCではハンバーガー非表示 */
.hamburger,
.mobile-nav {
	display: none;
}

/* スマホで表示 */
@media (max-width: 1035px) {

	.header-nav {
		display: none;
	}

	.hamburger {
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 34px;
		height: 34px;
		cursor: pointer;
		z-index: 1100;
		border: var(--color-white);
		background-color: var(--color-red);
	}

	.hamburger span {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 80%;
		margin: 0 auto;
		height: 3px;
		background: var(--color-white);
		margin: 6px 3px;
		transition: .3s;
	}

	/* 開いた時のアニメーション */
	.hamburger.active span:nth-child(1) {
		transform: translateY(9px) rotate(45deg);
	}

	.hamburger.active span:nth-child(2) {
		opacity: 0;
	}

	.hamburger.active span:nth-child(3) {
		transform: translateY(-9px) rotate(-45deg);
	}

	/* モバイルメニュー本体 */
	.mobile-nav {
		display: block;
		position: fixed;
		top: 0px;
		right: -100%;
		width: 70%;
		height: 100vh;
		background: #fff;
		box-shadow: -4px 0 10px rgba(0, 0, 0, 0.15);
		padding: 80px 20px;
		transition: .3s;
		z-index: 1000;
	}

	.mobile-nav.open {
		right: 0;
		z-index: 1099;
		position: absolute;
	}

	.mobile-nav ul {
		list-style: none;
		padding-top: 50px;
	}

	.mobile-nav li {
		margin-bottom: 18px;
		font-size: 18px;
	}

	.mobile-nav li a {
		display: block;
		text-decoration: none;
		color: #707070;
		font-size: 18px;
		font-weight: 600;
		padding: 12px 8px;
	}

	.mobile-nav ul li .header_contact {
		background-color: var(--color-red);
		color: var(--color-white);
		font-size: 18px;
		font-weight: 600;
		text-decoration: none;
		border-radius: 10px;
	}

	/* サブメニュー */
	.menu-parent button {
		position: relative;
		font-size: 0;
		background-color: transparent;
		border: 1px solid var(--color-red);
		cursor: pointer;
		margin: 12px 8px;
		padding: 0;
		width: 30px;
		height: 30px;
	}

	.menu-parent button::before,
	.menu-parent button::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		background-color: var(--color-red);
		transform: translate(-50%, -50%);
		transition: .3s;
	}

	.menu-parent button::before {
		width: 16px;
		height: 2px;
	}

	.menu-parent button::after {
		width: 2px;
		height: 16px;
	}

	.menu-parent.is-open button::after {
		opacity: 0;
	}



	.mobile-nav .submenu {
		display: none;
		padding-top: 0;
		padding-left: 15px;
		border-left: 2px solid var(--color-red);
		margin-top: 8px;
	}

	.mobile-nav .has-submenu.open>.submenu {
		display: block;
	}
}

/*===================================================
	footer
================================================*/

.site-footer {
	background-color: var(--color-black);
	color: var(--color-white);
	overflow: hidden;
}

.footer_top {
	padding: 71px 0 64px 0;
}

.footer_top h2 a {
	font-size: 40px;
	font-weight: 600;
	text-decoration: none;
	color: var(--color-white);
}

.footer_container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: flex-start;
	padding-bottom: 125px;
}

/* 左・中央カラム */
.footer_left,
.footer_center {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.footer_left_about,
.footer_left_SSservice,
.footer_center_LPservice,
.footer_center_post {
	width: 50%;
}

.footer_left_about h4 a,
.footer_left_SSservice h4 a,
.footer_center_LPservice h4 a,
.footer_center_post_title {
	display: inline-block;
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 9.5px;
	border-bottom: 1px solid var(--color-red);
	margin-bottom: 12.5px;
	text-decoration: none;
	color: var(--color-white);
}

.footer_left_about ul,
.footer_left_SSservice ul,
.footer_center_LPservice ul,
.footer_center_post ul {
	display: flex;
	flex-direction: column;
}

.footer_left_about ul li,
.footer_left_SSservice ul li,
.footer_center_LPservice ul li,
.footer_center_post ul li {
	list-style: none;
}

.footer_left_about ul li a,
.footer_left_SSservice ul li a,
.footer_center_LPservice ul li a,
.footer_center_post ul li a {
	text-decoration: none;
	color: var(--color-white);
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 14px;
}

.footer_center_post_title {
	color: var(--color-white);
	text-decoration: none;
}


/* 右カラム */
.footer_right {
	text-align: center;
}

.footer_right_contact {
	position: relative;
}

.footer_right_contact p.title {
	position: relative;
	font-size: 16px;
	font-weight: 600;
	padding-top: 24px;
	color: var(--color-black);
	z-index: 1000;
}

.footer_right_contact a {
	position: relative;
	font-size: 43px;
	color: var(--color-red);
	text-decoration: none;
	z-index: 1000;
}

.footer_right_contact p.time {
	position: relative;
	font-size: 14px;
	font-weight: 600;
	color: var(--color-black);
	padding-bottom: 16px;
	z-index: 1000;
}

.footer_right_contact_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	z-index: 0;
	background-color: var(--color-white);
}

.footer_copyright {
	padding-bottom: 23px;
	text-align: center;
}

@media screen and (max-width: 1000px) {
	.footer_container {
		grid-template-columns: 2fr;
		gap: 40px;
	}

	.footer_right_contact_bg {
		width: 100%;
	}
}

/*===================================================
	トップページ
================================================*/
/*--------------------------------
	トップビジュアル
--------------------------------*/
.top_visual {
	position: relative;
	width: 100%;
	aspect-ratio: 1366 / 660;
	overflow: hidden;
	min-height: 400px;
}


.top_visual_slider {
	position: relative;
	height: 100%;
}

.top_visual_slider img {
	width: 100%;
	height: 100%;
	min-height: 400px;
	object-fit: cover;
	object-position: center center;
}

.top_visual_dots {
	position: absolute;
	left: 50%;
	bottom: 12px;
	transform: translateX(-50%);
	z-index: 1000;
}

.top_visual_dots .slick-dots {
	position: static;
	/* slickのabsoluteを無効化 */
	display: flex;
	gap: 8px;
}

.top_visual_dots li {
	width: 10px;
	height: 10px;
}

.top_visual_dots li button:before {
	font-size: 10px;
	opacity: 1;
	color: var(--color-white);
}

.top_visual_dots li.slick-active button:before {
	font-size: 10px;
	opacity: 1;
	color: var(--color-red);
}

.top_copy {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 52%;
}

.top_copy_inner {
	/*英文コピーの位置*/
	position: absolute;
	bottom: 76px;
	right: 0;
	width: 68%;
	height: 100%;
	max-height: 288px;
}

.top_copy_red {
	/*Supplying*/
	display: inline-block;
	position: absolute;
	top: 10%;
	left: 19%;
	font-size: clamp(52.56px, 5.59vw - 1.07px, 73px);
	font-weight: 600;
	color: var(--color-red);
}

.top_copy_white {
	/*Energy*/
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: clamp(180px, 19.13vw - 11.26px, 250px);
	font-weight: 600;
	color: var(--color-white);
}

.top_copy_black {
	/*明日のエネルギーを見つめる*/
	position: absolute;
	bottom: 40px;
	left: 0;
	font-size: clamp(43.2px, 4.59vw - 0.39px, 60px);
	font-weight: 600;
	color: var(--color-black);
}

@media screen and (max-width: 800px) {
	.top_copy_red {
		top: 0;
		font-size: 50px;
	}

	.top_copy_white {
		font-size: 120px;
	}

	.top_copy_black {
		font-size: 30px;
	}
}

@media screen and (max-width: 400px) {
	.top_copy_red {
		font-size: 30px;
	}

	.top_copy_white {
		font-size: 80px;
	}

	.top_copy_black {
		font-size: 20px;
	}
}

/*--------------------------------
	セクション1　トップコピー
--------------------------------*/

.top_section1 {
	padding: 93px 0;
	text-align: left;
	margin-right: auto;
}

.top_section1_text {
	font-size: 26px;
	font-weight: 600;
	color: var(--color-black);
	line-height: 1.7;
}

@media screen and (max-width: 800px) {
	.top_section1 {
		padding: 50px 0;
	}

	.top_section1_text {
		font-size: 22px;
	}
}

/*--------------------------------
	セクション2　事業内容
--------------------------------*/

.top_section2 {
	padding-top: 69px;
}

.top_section2_title {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding-bottom: 85px;
}

.top_section_title {
	/*トップページのタイトル*/
	font-size: 123px;
	font-weight: 600;
}

.top_section2_title h3 {
	padding-left: 6px;
	padding-bottom: 20px;
	color: var(--color-black);
}

@media screen and (max-width: 800px) {
	.top_section_title {
		font-size: 80px;
	}
}

@media screen and (max-width: 768px) {
	.top_section2_title {
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 40px;
	}
}

@media screen and (max-width: 400px) {
	.top_section_title {
		font-size: 70px;
		line-height: 1;
	}

}

/*--------------------------------
	セクション2-1　LPサービス
--------------------------------*/
.top_section2_inner {
	padding-bottom: 141px;
}

.top_section2_inner_title_box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 26px;
	padding-bottom: 23px;
}

.top_section2_inner_title_icon {
	width: 36px;
	height: 62px;
	background-color: var(--color-red);
}

.top_section2_inner_title {
	color: var(--color-black);
}

.top_section2_inner_text {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-black);
	padding-bottom: 39px;
}

/*** 共通　横長リンク absolute版 ***/
.red_wide_rink a {
	display: block;
	position: relative;
	width: 100%;
}

.red_wide_rink img {
	display: block;
	width: 100%;
	height: auto;
	object-position: left;
}

.red_wide_rink_btn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 45%;
	text-align: center;
}

.red_wide_rink_btn_title {
	display: block;
	width: 100%;
	line-height: 1.2;
	padding: 0.8em 0;
	background-color: var(--color-red);
	color: var(--color-white);
	font-size: clamp(30px, calc(2.68px + 2.732vw), 40px);
	font-weight: 600;
}

.red_wide_rink_btn_text {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 80%;
	margin-left: 20%;
	font-size: clamp(24px, calc(2.144px + 2.186vw), 32px);
	font-weight: 600;
	color: var(--color-red);
	background-color: var(--color-white);
	padding: 0.9rem 1.4rem;
	border: 8px solid var(--color-red);
	gap: 1rem;
}

.red_wide_rink_btn_text:hover {
	color: var(--color-white);
	background-color: var(--color-red);
	border: 8px solid var(--color-white);
}

.red_wide_rink_btn_text i {
	font-size: 40px;
	line-height: 1;
}

@media screen and (max-width: 800px) {
	.red_wide_rink a {
		aspect-ratio: 16 / 9;
		overflow: hidden;
		min-height: 300px;
	}

	.red_wide_rink img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.red_wide_rink_btn {
		width: 60%;
	}

	.red_wide_rink_btn_title {
		font-size: 20px;
	}

	.red_wide_rink_btn_text {
		font-size: 20px;
		padding: 0.5em 0;
	}

	.red_wide_rink_btn_text i {
		font-size: 30px;
	}
}

@media screen and (max-width: 400px) {
	.red_wide_rink_btn {
		width: 70%;
	}
}

/*--------------------------------
	セクション2-2　住宅設備サービス
--------------------------------*/

.housing_3link {
	width: 100%;
	display: flex;
	gap: 30px;
	overflow-x: auto;
	padding-bottom: 10px;
	scroll-snap-type: x mandatory;
}


.housing_3link_item {
	position: relative;
	width: 380px;
	flex-shrink: 0;
	scroll-snap-align: start;
}

.housing_3link_item a {
	display: block;
	width: 100%;
	height: auto;
}

.housing_3link_item img {
	display: block;
	width: 100%;
	height: auto;
}

/*** 共通　3分割リンク absolute版(右下角ビタ付き) ***/
.red_small_rink_btn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 77%;
	text-align: center;
	z-index: 2;
}

.red_small_rink_btn_title {
	display: block;
	width: 100%;
	line-height: 1.2;
	padding: 0.8em 0;
	background-color: var(--color-red);
	color: var(--color-white);
	font-size: clamp(23px, calc(1.68px + 2.049vw), 30px);
	font-weight: 600;
}

.red_small_rink_btn_text {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 80%;
	margin-left: 20%;
	font-size: clamp(18px, calc(1.34px + 1.639vw), 24px);
	font-weight: 600;
	color: var(--color-red);
	background-color: var(--color-white);
	padding: 0.7rem 0;
	border: 8px solid var(--color-red);
	gap: 0.8rem;
}

.red_small_rink_btn_text:hover {
	color: var(--color-white);
	background-color: var(--color-red);
	border: 8px solid var(--color-white);
}

@media screen and (max-width: 430px) {
	.housing_3link_item {
		width: 300px;
	}
}

/*--------------------------------
	セクション2-3　SSサービス (template-parts/housing-3link.php)
--------------------------------*/

.top_section2_3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top_section2_3_img {
	width: 65%;
}

.top_section2_3_img img {
	width: 100%;
	height: auto;
}

.top_section2_3_text {
	align-self: flex-end;
	width: 35%;
	padding-left: 34px;
}

.top_section2_3_text_copy {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-black);
	line-height: 1.7;
	padding-bottom: 26px;
}

/*** 共通　画像横リンク リンク独立版 ***/
.red_side_link {
	text-align: center;
}

.red_side_link_text {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 86%;
	margin-left: 14%;
	text-decoration: none;
	font-size: clamp(18px, calc(1.34px + 1.639vw), 24px);
	font-weight: 600;
	color: var(--color-red);
	background-color: var(--color-white);
	line-height: 1.2;
	padding: 0.8em 1.2em;
	border: 8px solid var(--color-red);
}

.red_side_link_text:hover {
	color: var(--color-white);
	background-color: var(--color-red);
	border: 8px solid var(--color-white);
}

.red_side_link_text i {
	font-size: 40px;
}

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

	.top_section2_3_img {
		width: 100%;
		margin-bottom: 20px;
	}

	.top_section2_3_text {
		width: 100%;
	}

	.top_section2_3_text {
		padding-left: 0;
	}

	.red_side_link_text {
		width: 50%;
		margin-left: auto;
	}
}

@media screen and (max-width: 400px) {
	.red_side_link_text {
		width: 70%;
	}
}

/*--------------------------------
	セクション3　会社概要
--------------------------------*/
.top_section3_title {
	text-align: right;
}

.top_section3_inner {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.top_section3_inner_img {
	position: relative;
	width: 73%;
	max-width: 860px;
	padding: 5.5% 7.5% 5.5% 0;

	margin-right: 22px;
}

.top_section3_inner_img_bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 200%;
	height: 100%;
	background-color: var(--color-red);
	z-index: -1;
}

.top_section3_inner_img img {
	display: block;
	width: 100%;
	height: auto;
}

.top_section3_inner_text {
	width: 39%;
	padding-left: 7%;
}

.top_section3_inner_text_copy {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-black);
	line-height: 1.7;
	padding-bottom: 26px;
}

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

	.top_section3_inner_img {
		width: 100%;
		margin-bottom: 20px;
	}

	.top_section3_inner_text {
		width: 100%;
	}

	.top_section3_inner_text {
		padding-left: 0;
	}
}

/*--------------------------------
	セクション4　お知らせ
--------------------------------*/

.top_section4 {
	padding: 144px 0 165px 0;
}

.top_section4_title {
	padding-bottom: 29px;
}

/* 投稿一覧セクション */

.top_posts_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.top_posts_item {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	padding: 1.4rem 0;
	border-bottom: 1px solid #707070;
}

/* 日付 */
.top_posts_date {
	font-size: 14px;
	color: var(--color-black);
	font-weight: 600;
	white-space: nowrap;
}

/* カテゴリー（赤背景） */
.top_posts_cat {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background-color: var(--color-red);
	padding: 0.4em 1em;
	white-space: nowrap;
	text-decoration: none;
}

.top_posts_cat:hover {
	color: var(--color-red);
	background-color: var(--color-white);
	border: 1px solid var(--color-red);
	font-weight: 600;
}

/* タイトル */
.top_posts_link {
	flex: 1;
	font-size: 16px;
	color: var(--color-black);
	text-decoration: none;
}

.top_posts_link:hover {
	color: var(--color-red);
	font-weight: 600;
}

/*--------------------------------
	セクション5　お問い合わせ
--------------------------------*/

.tel_contact_box {
	width: 100%;
	background-color: var(--color-red);
	padding: 62px 0;
}

.tel_contact_box_inner {
	background-image: url("/wp-content/uploads/2025/12/tel_contact_box_bg.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 5.125em 0 4.9375em 0;
}

.tel_contact_box_inner h3 {
	color: var(--color-white);
	font-weight: 600;
	padding-bottom: 35px;
}

.tel_contact_box_inner_white {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 43%;
	background-color: rgba(255, 255, 255, 0.6);
}

.tel_contact_box_inner_white p.title {
	font-size: 16px;
	font-weight: 600;
	padding-top: 24px;
	color: var(--color-black);
}

.tel_contact_box_inner_white a {
	font-size: 43px;
	color: var(--color-red);
	text-decoration: none;
}

.tel_contact_box_inner_white p.time {
	font-size: 14px;
	font-weight: 600;
	color: var(--color-black);
	padding-bottom: 16px;
}

@media screen and (max-width: 1000px) {
	.tel_contact_box_inner_white {
		width: 80%;
	}
}

@media screen and (max-width: 800px) {
	.tel_contact_box_inner h3 {
		font-size: 25px;
	}
}

@media screen and (max-width: 400px) {
	.tel_contact_box_inner_white {
		width: 95%;
	}
}

/* --------------------------------
   スクロール表示アニメーション
-------------------------------- */

.js-fade-up {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.8s ease, transform 0.8s ease;
}

.js-fade-up.is-show {
	opacity: 1;
	transform: translateY(0);
}


/*===================================================
	SSサービス
================================================*/

/*** 共通 ページタイトル ***/
.page_title_box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 26px;
	padding-top: 60px;
}

.page_title_icon {
	width: 46px;
	height: 108px;
	background-color: var(--color-red);
}

.page_title {
	color: var(--color-black);
	font-size: 60px;
	font-weight: 600;
}

.page_sub_title {
	display: block;
	font-size: 24px;
	font-weight: 600;
	color: var(--color-red);
}

.page_copy {
	padding-top: 58px;
	font-size: 16px;
	color: var(--color-black);
	padding-bottom: 23px;
	width: 68%;
}

@media screen and (max-width: 800px) {
	.page_title {
		font-size: 40px;
	}

	.page_title_icon {
		height: 80px;
	}

	.page_copy {
		width: 100%;
	}
}

@media screen and (max-width: 400px) {
	.page_title {
		font-size: 30px;
	}
}

/*--------------------------------
	セクション1　SSサービス一覧
--------------------------------*/
.ss_service_section1 {
	padding-top: 23px;
	padding-bottom: 80px;
}

.ss_shop_card {
	display: flex;
	gap: 32px;
	align-items: stretch;
	padding-top: 120px;
}

.ss_shop_card_img {
	width: 60%;
}

.ss_shop_card_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ss_shop_card_body {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.ss_shop_card_tags {
	display: flex;
	gap: 8px;
	margin-top: 12px;
	list-style: none;
}

.ss_shop_card_tags img {
	width: 57px;
	height: auto;
}


.ss_shop_card_info {
	margin-bottom: 20px;
}

.ss_shop_card_info div {
	display: flex;
	font-size: 16px;
	border-bottom: 1px solid #8D8D8D;
	padding-top: 18.5px;
	padding-bottom: 15.5px;
}

.ss_shop_card_info dt {
	width: 70px;
	font-weight: 600;
}

.ss_shop_card_info dd {
	margin: 0;
}

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

	.ss_shop_card {
		flex-direction: column;
	}

	.ss_shop_card_img {
		width: 100%;
	}

	.ss_shop_card_body {
		width: 100%;
	}

	.ss_shop_card_tags img {
		width: 40px;
	}

}

/*--------------------------------
	灯油配達サービス
--------------------------------*/
.service_touyu_delivery {
	padding-top: 80px;
}

.service_touyu_delivery_img {
	padding-top: 20px;
}

.service_touyu_delivery_left,
.service_touyu_delivery_right {
	width: 50%;
}

.service_touyu_delivery_left img,
.service_touyu_delivery_right img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.service_touyu_delivery_ss_shop_section {
	background-color: #F7F7F7;
	padding: 40px 0;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

.service_touyu_delivery_ss_shop_section_title {
	padding-bottom: 30px;
}

.service_touyu_delivery_ss_shop {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px 80px;
	width: 80%;
	margin: 0 auto;
}

.service_touyu_delivery_ss_shop_card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	background-color: #fff;
	border: 3px solid var(--color-red);
	padding: 10px;
}

.service_touyu_delivery_ss_shop_title {
	color: var(--color-red);
	font-size: 16px;
	font-weight: 600;
}

.service_touyu_delivery_ss_shop_tel {
	color: var(--color-red);
	font-size: 43px;
	font-weight: 600;
}

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

	.service_touyu_delivery_left,
	.service_touyu_delivery_right {
		width: 100%;
	}

	.service_touyu_delivery_ss_shop {
		grid-template-columns: repeat(1, 1fr);
	}

	.service_touyu_delivery_ss_shop_card {
		max-width: fit-content;
		margin: 0 auto;
	}
}

@media screen and (max-width: 600px) {
	.service_touyu_delivery_ss_shop {
		width: 90%;
	}

	.service_touyu_delivery_ss_shop_tel {
		font-size: 35px;
	}
}

@media screen and (max-width: 430px) {
	.service_touyu_delivery_title {
		font-size: 24px;
	}
}

/*===================================================
	お知らせ一覧　archive.php
================================================*/
.archive_news_header {
	padding-bottom: 70px;
}

.top_posts_item {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	padding: 1.4rem 0;
	border-bottom: 1px solid #707070;
}

@media (max-width: 768px) {
	.top_posts_item {
		flex-wrap: wrap;
		gap: 0.6rem 1rem;
	}

	.top_posts_date {
		font-size: 13px;
	}

	.top_posts_cat {
		font-size: 12px;
		padding: 0.3em 0.8em;
	}

	.top_posts_link {
		flex-basis: 100%;
		font-size: 15px;
	}
}

/*--------------------------------
	ページネーション
--------------------------------*/
.archive_pagination {
	margin-top: 91px;
	margin-bottom: 133px;
	text-align: center;
}

.archive_pagination .page-numbers {
	display: inline-block;
	margin: 0 6px;
	padding: 8px 14px;
	color: var(--color-red);
	text-decoration: none;
	font-weight: 600;
}

.archive_pagination .page-numbers.current {
	background-color: var(--color-red);
	color: var(--color-white);
}

.archive_pagination .page-numbers:hover {
	background-color: var(--color-red);
	color: var(--color-white);
}

.archive_pagination .page-numbers.prev,
.archive_pagination .page-numbers.next {
	font-size: 18px;
}

.archive_pagination .page-numbers.dots:hover {
	pointer-events: none;
	background: none;
	color: var(--color-red);
}

/*===================================================
	お知らせ詳細　single.php
================================================*/
/* お知らせサムネイル*/
.single_news_section_inner_img {
	width: 100%;
	height: 350px;
	overflow: hidden;
	margin-bottom: 76px;
}

.single_news_section_inner_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

.single_news_section_inner_img img.single_news_section_inner_img_no_image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
	display: block;
}

/* お知らせ全体セクション*/
.single_news_section {
	display: flex;
	justify-content: space-between;
	gap: 7%;
}

.single_news_section_content {
	width: 67%;
	padding-bottom: 157px;
}


.single_news_section_sidebar {
	width: 27%;
}

/* お知らせ日付・カテゴリー*/
.single_news_section_inner_text {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;
	padding-bottom: 15px;
}

.single_news_section_inner_date {
	align-self: flex-end;
	font-weight: 600;
	font-size: 14px;
	color: var(--color-red);
}

.single_news_category {
	font-size: 14px;
	color: var(--color-red);
	border: 1px solid var(--color-red);
	text-decoration: none;
	font-weight: 600;
	padding: 0.5rem 1rem;
}

.single_news_category:hover {
	background-color: var(--color-red);
	color: var(--color-white);
}

/* お知らせタイトル*/
.single_news_section_title {
	font-size: 32px;
	padding-bottom: 46.5px;
	border-bottom: 1px solid #707070;
}

/* お知らせ本文・設定*/
.single_news_section_inner_content {
	padding-top: clamp(32px, 6vw, 50px);
	padding-bottom: clamp(40px, 7vw, 67px);
	overflow-wrap: break-word;
	word-break: break-word;
}

.single_news_section_inner_content h1,
.single_news_section_inner_content h2,
.single_news_section_inner_content h3,
.single_news_section_inner_content h4,
.single_news_section_inner_content h5,
.single_news_section_inner_content h6 {
	max-width: 100%;
	white-space: normal;
}

.single_news_section_inner_content h1 {
	font-size: clamp(26px, 4vw, 36px);
	padding-bottom: clamp(32px, 5vw, 48px);
}

.single_news_section_inner_content h2 {
	font-size: clamp(24px, 3.6vw, 32px);
	padding-bottom: clamp(28px, 4.5vw, 40px);
}

.single_news_section_inner_content h3 {
	font-size: clamp(22px, 3.2vw, 28px);
	padding-bottom: clamp(24px, 4vw, 36px);
}

.single_news_section_inner_content h4 {
	font-size: clamp(20px, 2.8vw, 24px);
	padding-bottom: clamp(20px, 3.5vw, 32px);
}

.single_news_section_inner_content h5 {
	font-size: clamp(18px, 2.4vw, 20px);
	padding-bottom: clamp(16px, 3vw, 24px);
}

.single_news_section_inner_content h6 {
	font-size: clamp(16px, 2.2vw, 18px);
	padding-bottom: clamp(12px, 2.5vw, 16px);
}

.single_news_section_inner_content p {
	font-size: clamp(15px, 2.4vw, 16px);
	padding-bottom: clamp(20px, 4vw, 32px);
}

.single_news_section_inner_content ul {
	padding-left: clamp(16px, 4vw, 20px);
	padding-bottom: clamp(20px, 4vw, 32px);

}


.single_news_section_inner_content ul li {
	list-style: disc;
}

.single_news_section_inner_content button,
.single_news_section_inner_content .wp-element-button {
	background-color: var(--color-red);
	color: #fff;
	font-weight: 600;
}

/* 前後のお知らせボタン*/
.single_news_next_prev {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}


.single_news_next_prev_item a {
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 1rem;
	color: var(--color-red);
	border: 8px solid var(--color-red);
	font-weight: 600;
	padding: 0.5rem 1rem;
	text-decoration: none;
	max-width: 200px;
}

.single_news_next_prev_item a:hover {
	color: var(--color-white);
	background-color: var(--color-red);
	border: 8px solid var(--color-white);
}

/* 一覧へ戻るボタン*/
.all_news_link {
	width: 70%;
	margin: 0 auto;
	padding-top: 50px;
}

.all_news_link a {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 0 auto;
	gap: 1rem;
	color: var(--color-red);
	border: 8px solid var(--color-red);
	font-weight: 600;
	padding: 0.5rem 1rem;
	text-decoration: none;
	max-width: 200px;
}

/* サイドバー*/
.single_news_section_sidebar {
	padding-top: 11px;
	border-top: 2px solid var(--color-red);
}

.sidebar_title {
	font-size: 24px;
	color: var(--color-red);
	font-weight: 600;
	padding-bottom: 14px;
	border-bottom: 1px solid #707070;
}

@media screen and (max-width: 800px) {
	.single_news_section {
		flex-direction: column;
		gap: 2rem;
	}

	.single_news_section_content {
		width: 100%;
		padding-bottom: 50px;
	}

	.single_news_section_sidebar {
		width: 100%;
		padding-bottom: 100px;
	}

	.single_news_section_inner_text {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
	}


}

/*===================================================
	サイドバー
================================================*/
.sidebar_news_item {
	padding: 16px 0;
	border-bottom: 1px solid #707070;
}

.sidebar_news_item {
	list-style: none;
}

.sidebar_news_date {
	display: block;
	font-size: 12px;
	color: var(--color-red);
	margin-bottom: 6px;
	font-weight: 600;
}

.sidebar_news_title {
	display: block;
	color: #222;
	text-decoration: none;
	line-height: 1.6;
	word-break: break-word;
}

.sidebar_news_title:hover {
	color: var(--color-red);
}

/*===================================================
	会社概要
================================================*/

.about_section1 {
	color: var(--color-black);
	padding-top: 183px;
	text-align: center;
	padding-bottom: 109px;
}

.about_section1_title {
	padding-bottom: 53px;
}

.about_section1_copy {
	font-size: 16px;
	line-height: 1.7;
}

.about_section2 {
	background-color: var(--color-red);
	padding-top: 84px;
	padding-bottom: 250px;
}

.about_section2_title {
	text-align: center;
	color: var(--color-white);
	padding-bottom: 109px;
}

@media screen and (max-width: 800px) {
	.about_section1 {
		padding-top: 100px;
		padding-bottom: 50px;
	}

	.about_section1_title {
		padding-bottom: 20px;
	}

	.about_section2 {
		padding-top: 50px;
		padding-bottom: 100px;
	}

	.about_section2_title {
		padding-bottom: 50px;
	}
}

/*--------------------------------
	会社概要　表
--------------------------------*/
.company_table {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	padding: 0 20px;
	border-collapse: collapse;
	font-size: 14px;
}

.company_table th,
.company_table td {
	border: 1px solid #707070;
	padding: 16px 18px;
	vertical-align: top;
}

.company_table th {
	width: 25%;
	background-color: #F7F7F7;
	font-weight: 600;
	text-align: left;
	white-space: nowrap;
}

.company_table td {
	width: 75%;
	line-height: 1.7;
	background-color: var(--color-white);
}

.company_table a {
	color: #b30000;
	text-decoration: underline;
}

@media (max-width: 800px) {
	.company_table {
		width: 80%;
	}

	.company_table th,
	.company_table td {
		display: block;
		width: 100%;
	}

	.company_table th {
		padding-bottom: 6px;
	}

	.company_table td {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
}

/*--------------------------------
	沿革　表
--------------------------------*/
.about_section3 {
	padding-top: 170px;
	padding-bottom: 80px;
}

.about_section3_title {
	text-align: center;
}

.history_section {
	width: 83%;
	margin: 0 auto;
}

.history_heading {
	font-size: 22px;
	font-weight: 700;
	padding-bottom: 10px;
	margin-top: 80px;
	border-bottom: 2px solid #ccc;
	position: relative;
}

.history_heading::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 160px;
	height: 2px;
	background-color: var(--color-red);
}

/* 年表本体 */
.history_list {
	display: grid;
	grid-template-columns: 160px 1fr;
	column-gap: 40px;
	/* ← 水色ガイド部分 */
	row-gap: 16px;
	margin-top: 24px;
}

/* 各行 */
.history_item {
	display: contents;
}

.history_date {
	font-size: 16px;
	white-space: nowrap;
	font-weight: 600;
}

.history_date span {
	font-size: 14px;
	padding-left: 4px;
}

.history_text {
	font-size: 16px;
	line-height: 1.8;
}

/* 赤文字の行 */
.history_item.is_emphasis .history_date,
.history_item.is_emphasis .history_text {
	color: var(--color-red);
	font-weight: 600;
}

@media screen and (max-width: 800px) {
	.about_section3 {
		padding-top: 100px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 768px) {
	.history_list {
		grid-template-columns: 1fr;
		row-gap: 4px;
	}

	.history_date {
		font-weight: 600;
		margin-bottom: 4px;
	}

	.history_item {
		margin-bottom: 16px;
	}

	.history_text {
		margin-bottom: 16px;
	}
}

/*--------------------------------
	保有資格　表
--------------------------------*/
.about_section4 {
	padding-top: 80px;
	padding-bottom: 158px;
}

.about_section4_title {
	text-align: center;
}

.about_section4_inner {
	width: 83%;
	margin: 0 auto;
	padding-top: 60px;
}

.about_section4_table {
	width: 100%;
	border-collapse: collapse;
}

.about_section4_table th,
.about_section4_table td {
	border: 1px solid #707070;
	padding: 16px 0;
	text-align: center;
}

.about_section4_table th {
	width: 45%;
	background-color: #F7F7F7;
	font-weight: 600;
	white-space: nowrap;
}

.about_section4_table td {
	width: 55%;
	line-height: 1.7;
	background-color: var(--color-white);
}

/*===================================================
	お問合せ
================================================*/
/* セクション1 電話案内 */
.contact_section1 {
	padding-top: 135px;
}

.contact_section1_inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 5.125em 0 4.9375em 0;
}

.contact_section1_title {
	color: var(--color-black);
	font-weight: 600;
	padding-bottom: 35px;
}

.contact_section1_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 43%;
	border: 6px solid var(--color-red);
	text-decoration: none;
}

.contact_section1_box:hover {
	background-color: var(--color-red);
	color: var(--color-white);
}

.contact_section1_box:hover p.title {
	color: var(--color-white);
}

.contact_section1_box:hover p.tel {
	color: var(--color-white);
}


.contact_section1_box:hover p.time {
	color: var(--color-white);
}


.contact_section1_box p.title {
	font-size: 16px;
	font-weight: 600;
	padding-top: 24px;
	color: var(--color-black);
}

.contact_section1_box p.tel {
	font-size: 43px;
	color: var(--color-red);
	text-decoration: none;
}

.contact_section1_box p.time {
	font-size: 14px;
	font-weight: 600;
	color: var(--color-black);
	padding-bottom: 16px;
}

@media screen and (max-width: 1000px) {
	.contact_section1_box {
		width: 80%;
	}
}

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

	.contact_section1 {
		padding-top: 0;
	}
}

@media screen and (max-width: 400px) {
	.contact_section1_box {
		width: 95%;
	}
}

/* セクション2 お問合せメールフォーム */
.contact_section2 {
	padding-top: 85px;
	padding-bottom: 289px;
}

.contact_section2_text_box {
	padding: 85px 0;
	text-align: center;
}

.contact_section2_title {
	padding-bottom: 10px;
}

.contact_section2_text1 {
	padding-bottom: 10px;
	font-weight: 600;
}

.contact_section2_text2 {
	padding-bottom: 10px;
}


.contact_section {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #F7F7F7;
	padding: 83px 20px;
}

.contact_section .wpcf7-form {
	width: 100%;
	max-width: 713px;
	margin: 0 auto;
}

.contact_section .wpcf7-form table {
	border-collapse: separate;
	border-spacing: 0 18px;
	width: 100%;
	margin-bottom: 84px;
}

.contact_section .wpcf7-form td p {
	width: 100%;
	max-width: 713px;
	margin: 0 auto;
}

.contact_section .wpcf7-form td p input {
	width: 100%;
	padding: 10px 16px;
	font-size: 16px;
}

.contact_section .wpcf7-form td {
	width: 74%;
}

.contact_section .wpcf7-form th {
	text-align: left;
}

.haveto {
	font-size: 10px;
	color: var(--color-white);
	background-color: var(--color-red);
	padding: 5px 9px;
	margin-right: 10px;
}

.any {
	font-size: 10px;
	background-color: #8D8D8D;
	color: var(--color-white);
	padding: 5px 9px;
	margin-right: 10px;
}

/* チェックボックス項目の配置 */
.contact-type {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}

.contact_section .wpcf7-form .q-type {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	justify-content: flex-start;
}

.contact_section .wpcf7-form .q-type .wpcf7-list-item label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}

.contact_section .wpcf7-form td p .q-type .wpcf7-list-item label input,
.contact_section .wpcf7-form td p span.radio-btn .wpcf7-list-item label input[type="radio"] {
	width: fit-content;
}

.wpcf7-list-item-label {
	width: auto;
}

/*ラジオボタンの配置*/
/* radio-btn が付いたラジオだけ対象 */
.radio-btn .wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* ラジオ同士の間隔 */
.radio-btn .wpcf7-list-item {
	margin-right: 20px;
}


/* テキストエリア */
.contact_section .wpcf7-form td textarea {
	width: 100%;
	padding: 10px 16px;
	font-size: 16px;
}

.contact_section .wpcf7-form td p input.wpcf7-file {
	padding-bottom: 2px;
}

.contact-note {
	font-size: 14px;
	color: #797979;
	text-align: left;
	padding: 0 16px;
}

/* 送信ボタン */
.contact_section .wpcf7-form p input[type="submit"] {
	display: block;
	width: 287px;
	margin: 0 auto;
	background-color: var(--color-red);
	padding: 26px 0;
	color: var(--color-white);
	font-weight: 600;
	margin-top: 52px;
	font-size: 16px;
}

@media screen and (max-width: 800px) {
	.contact_section2 {
		padding: 0 0 20px 0;
	}

	.contact_section2_text_box {
		padding: 50px 0;
	}

	.contact_section .wpcf7-form table tbody {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.contact_section .wpcf7-form .q-type {
		grid-template-columns: repeat(1, 1fr);
	}

	/* テーブルの配置 */
	.contact_section .wpcf7-form table,
	.contact_section .wpcf7-form tr {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	/* テーブル要素をブロックにする */
	.contact_section .wpcf7-form th,
	.contact_section .wpcf7-form td {
		display: block;
		width: 100%;
		text-align: left;
	}

	/* th の余白を調整 */
	.contact_section .wpcf7-form th {
		width: 100%;
		margin-bottom: 5px;
		font-weight: bold;
	}

	/* td の下余白 */

	.contact_section .wpcf7-form td {
		width: 100%;
		margin-bottom: 15px;
	}

}

@media screen and (max-width: 400px) {
	.contact_section .wpcf7-form p input[type="submit"] {
		width: 100%;
	}
}


/*===================================================
	住宅設備 page-housing-facilities.php
================================================*/
.housing_facilities_copy {
	padding-bottom: 94px;
}

.housing_facilities_item {
	padding-bottom: 60px;
}

/*===================================================
	ガス・灯油設備 page-gass.php
================================================*/
/*--------------------------------
	セクション1　ガスの特徴
--------------------------------*/
.gass_section1 {
	padding-top: 70px;
}

.gass_section1_item_title {
	font-weight: 600;
	color: var(--color-black);
}

.gass_section1_item {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 40px;
}

.gass_section1_item_img {
	width: 50%;
}

.gass_section1_item_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

	.gass_section1_item_img {
		width: 100%;
	}

}

/*--------------------------------
	セクション2　主要取扱設備
--------------------------------*/
.gass_section2 {
	padding-top: 70px;
}

.gass_section2_item_title {
	border-bottom: 3px solid var(--color-red);
	padding-bottom: 30px;
	font-weight: 600;
	color: var(--color-black);
}

.gass_section2_item_box {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 40px;
	padding-top: 80px;
}

.gass_section2_item {
	width: 50%;
	max-width: 580px;
}


.gass_section2_item-1_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/*乾太くんの文章*/
.gass_section2_item-1_copy_title {
	font-size: 60px;
	font-weight: 600;
	padding-bottom: 40px;
}

.gass_section2_item-1_copy_title span {
	font-size: 32px;
	font-weight: 600;
	color: var(--color-black);
}

.gass_section2_item-1_copy_text {
	font-size: 16px;
	line-height: 1.8;
}

/*その他主要取扱設備*/
.gass_section2_item_copy_title {
	padding-top: 29px;
	padding-bottom: 20px;
	color: var(--color-black);
}

.gass_section2_item_copy_title span {
	font-size: 24px;
	font-weight: 600;
}

.gass_section2_item img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

@media screen and (max-width: 1000px) {
	.gass_section2_item_box {
		flex-direction: column;
		align-items: center;
	}

	.gass_section2_item {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	.gass_section2_item-1_copy_title {
		font-size: 40px;
	}

	.gass_section2_item-1_copy_title span {
		font-size: 24px;
	}
}

@media screen and (max-width: 400px) {
	.gass_section2_item_copy_title {
		font-size: 28px;
	}

	.gass_section2_item_copy_title span {
		font-size: 18px;
	}
}

/*--------------------------------
	セクション3　ガスも電気も強い旭商会だからできる提案があります
--------------------------------*/
.gass_section3 {
	padding-bottom: 60px;
}


/*** 共通 3分割リンクの導入タイトル (intro-text_housing-3link.php) ***/
.intro_text_housing-3link_title {
	font-size: clamp(22px, 3.7vw, 36px);
	padding-top: 80px;
	padding-bottom: 30px;
	border-bottom: 3px solid var(--color-red);
	text-align: center;
	color: var(--color-black);
}

.intro_text_housing-3link_sub_title {
	text-align: center;
	font-size: clamp(15px, 3vw, 24px);
	font-weight: 400;
	padding-top: 44px;
	padding-bottom: 50px;
}

/*--------------------------------
	セクション4　ガス給湯器の臨時貸し出し
--------------------------------*/
.gass_section4 {
	padding-top: 70px;
}

.gass_section4_bold_text {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-red);
	padding-top: 20px;
	padding-bottom: 10px;
}

.gass_section4-2_right {
	padding: 0 20px 20px 20px;
	border: 3px solid var(--color-red);
}

@media screen and (max-width: 600px) {
.gass_section4-1_left_title {
	font-size: 24px;
}
}

@media screen and (max-width: 500px) {
	.gass_section4-1_left_title,
	.gass_section4_bold_text {
		font-size: 20px;
	}
}



/*===================================================
	電気・省エネ設備 page-electric-equipment.php
================================================*/
/*--------------------------------
	セクション1　電気の特徴
--------------------------------*/
.electric_section1 {
	padding-top: 70px;
}

.electric_section1_item_title {
	font-weight: 600;
	color: var(--color-black);
}

.electric_section1_item {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 40px;
}

.electric_section1_item_img {
	width: 50%;
}

.electric_section1_item_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

	.electric_section1_item_img {
		width: 100%;
	}

}

/*--------------------------------
	セクション2　主要取扱設備
--------------------------------*/
.electric_section2 {
	padding-top: 70px;
}

.electric_section2_item_title {
	border-bottom: 3px solid var(--color-red);
	padding-bottom: 30px;
	font-weight: 600;
	color: var(--color-black);
}

.electric_section2_item_title span {
	font-weight: 400;
	font-size: 16px;
	padding-left: 3%;
}

.electric_section2_item_box {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 40px;
	padding-top: 80px;
	padding-bottom: 23px;
}

.electric_section2_bg_area .electric_section2_item_box {
	padding-top: 0;
	padding-bottom: 0;
}

.electric_section2_item {
	width: 50%;
	max-width: 580px;
}


.electric_section2_item-1_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/*太陽光発電システムの文章*/
.electric_section2_item-1_copy_title {
	padding-bottom: 40px;
	color: var(--color-black);
}

.electric_section2_item-1_copy_text {
	font-size: 16px;
	line-height: 1.8;
}

/*その他主要取扱設備*/
.electric_section2_item_copy_title {
	padding-top: 29px;
	padding-bottom: 20px;
	color: var(--color-black);
}


.electric_section2_item img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

/*セクション2の一部背景*/
.electric_section2_bg_area {
	padding-top: 57px;
	padding-bottom: 45px;
	position: relative;
}

.electric_section2_bg {
	position: absolute;
	top: 0;
	left: -3.5%;
	width: 107%;
	height: 100%;
	background-color: #FAFAFA;
	z-index: -1;
}


@media screen and (max-width: 1000px) {
	.electric_section2_item_box {
		flex-direction: column;
		align-items: center;
	}

	.electric_section2_item {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	.electric_section2_item-1_copy_title {
		font-size: 40px;
	}

	.electric_section2_item_title span {
		display: block;
		padding-left: 0;
		padding-top: 10px;
	}

}

@media screen and (max-width: 600px) {
	.electric_title {
		font-size: 34px;
	}
}

@media screen and (max-width: 400px) {
	.electric_title {
		font-size: 30px;
	}
	
	.electric_section2_item-1_copy_title {
		font-size: 34px;
	}

	.electric_section2_item_copy_title {
		font-size: 28px;
	}

}

.electric_section2_comment_box {
	width: 80%;
	max-width: 930px;
	margin: 40px auto 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 5%;
	border: 3px solid var(--color-red);
	padding: 31px 34px;
	background-color: var(--color-white);
}

.electric_section2_comment_text {
	width: 60%;
	text-align: left;
}

.electric_section2_comment_text h3 {
	padding-bottom: 24px;
}

.electric_section2_comment_btn {
	width: 40%;
}

/*** 共通　小リンク block版(右下角 独立したボタン) ***/
.red_small_rink-block_btn {
	width: 100%;
	text-align: center;
}

.red_small_rink-block_btn_title {
	display: block;
	width: 100%;
	line-height: 1.2;
	padding: 0.8em 0;
	background-color: var(--color-red);
	color: var(--color-white);
	font-size: clamp(23px, calc(1.68px + 2.049vw), 30px);
	font-weight: 600;
}

.red_small_rink-block_btn_text a {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 80%;
	margin-left: 20%;
	font-size: clamp(18px, calc(1.34px + 1.639vw), 24px);
	font-weight: 600;
	color: var(--color-red);
	background-color: var(--color-white);
	padding: 0.7rem 0;
	border: 8px solid var(--color-red);
	gap: 0.8rem;
	text-decoration: none;
}

.red_small_rink-block_btn_text a:hover {
	color: var(--color-white);
	background-color: var(--color-red);
	border: 8px solid var(--color-white);
}


@media screen and (max-width: 1000px) {
	.red_small_rink-block_btn_text a {
		width: 100%;
	}

	.red_small_rink-block_btn_title {
		font-size: 18px;
	}

	.red_small_rink-block_btn_text a {
		font-size: 14px;
		margin-left: 0;
	}
}

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

	.red_small_rink-block_btn_title {
		font-size: 20px;
	}

	.red_small_rink-block_btn_text a {
		font-size: 20px;
		padding: 0.5em 0;
	}

	.red_small_rink-block_btn_text a i {
		font-size: 30px;
	}

	.electric_section2_comment_box {
		flex-direction: column;
	}

	.electric_section2_comment_text {
		width: 100%;
		padding-bottom: 20px;
	}

	.electric_section2_comment_btn {
		width: 70%;
	}
}

@media screen and (max-width: 600px) {
	.electric_section2_comment_btn {
		width: 100%;
	}
}

@media screen and (max-width: 400px) {
	.electric_section2_comment_box {
		width: 100%;
	}
}

/*--------------------------------
	セクション3　ガスも電気も強い旭商会だからできる提案があります
--------------------------------*/
.electric_section3 {
	padding-bottom: 60px;
}


/*===================================================
	水回り設備 page-water-equipment.php
================================================*/
/*--------------------------------
	セクション1　水回り設備の特徴
--------------------------------*/
.water_section1 {
	padding-top: 70px;
}

.water_section1_item_title {
	border-bottom: 3px solid var(--color-red);
	padding-bottom: 30px;
	font-weight: 600;
	margin-bottom: 50px;
	color: var(--color-black);
}

.water_section1_item_title span {
	font-weight: 400;
	font-size: 16px;
	padding-left: 3%;
}

.water_section1_item_box {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding-bottom: 70px;
	gap: 7%;
}

.water_section1_item_img {
	width: 50%;
}

.water_section1_item_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.water_section1_copy {
	width: 50%;
	display: flex;
	flex-direction: column;
}

.water_section1_copy_title {
	padding-bottom: 44px;
	color: var(--color-black);
}

.water_section1_copy_text {
	font-size: 16px;
	line-height: 1.8;
}

.water_section1_copy_sub-text {
	font-size: 16px;
	align-self: flex-end;
	margin-top: auto;
}

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

	.water_section1_item_img {
		width: 100%;
	}

	.water_section1_copy {
		width: 100%;
	}

	.water_section1_copy_title {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.water_section1_copy_sub-text {
		margin-top: 10px;
	}

}

@media screen and (max-width: 800px) {
	.water_section1_item_title span {
		display: block;
		padding-left: 0;
		padding-top: 10px;
	}
}

/*--------------------------------
	セクション2　旭商会の強み
--------------------------------*/
.water_section2 {
	padding-top: 70px;
}

.water_section2_item_title {
	border-bottom: 3px solid var(--color-red);
	padding-bottom: 30px;
	font-weight: 600;
	color: var(--color-black);
}

.water_section2_item-1 {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 7%;
	padding-top: 76px;
}

.water_section2_item-1_img {
	width: 50%;
}

.water_section2_item-1_img img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.water_section2_item-2 {
	width: 100%;
	padding: 82px 0 48px 0;
}

@media screen and (max-width: 600px) {
	.water_section2_item-1 {
		flex-direction: column;
		gap: 20px;
	}

	.water_section2_item-1_img {
		width: 80%;
		margin: 0 auto;
	}

	.water_section2_item-2 {
		padding-top: 40px;
	}
}

.water_section2_item-2_inner {
	background-image: url("/wp-content/uploads/2025/12/water_section2_item2_bg.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 5.125em 0 4.9375em 0;
}

.water_section2_item-2_inner h3 {
	font-weight: 600;
	padding-top: 35px;
}

.water_section2_item-2_inner_white {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 43%;
	background-color: rgba(255, 255, 255, 0.6);
}

.water_section2_item-2_inner_white p.title {
	font-size: 16px;
	font-weight: 600;
	padding-top: 24px;
	color: var(--color-black);
}

.water_section2_item-2_inner_white a {
	font-size: 43px;
	color: var(--color-red);
	text-decoration: none;
}

.water_section2_item-2_inner_white p.time {
	font-size: 14px;
	font-weight: 600;
	color: var(--color-black);
	padding-bottom: 16px;
}

@media screen and (max-width: 1000px) {
	.water_section2_item-2_inner_white {
		width: 80%;
	}
}

@media screen and (max-width: 800px) {
	.water_section2_item-2_inner h3 {
		font-size: 25px;
	}
}

@media screen and (max-width: 400px) {
	.water_section2_item-2_inner_white {
		width: 95%;
	}
}

/*===================================================
	LP プロパンガス
================================================*/
.lp_gass_section1 {
	padding-top: 118px;
	padding-bottom: 62px;
}

@media screen and (max-width: 800px) {
	.lp_gass_section1 {
		padding-top: 60px;
		padding-bottom: 40px;
	}
}

/*--------------------------------
	セクション1　LPガス・プロパンガスなら旭商会(template-parts/gass-contact-section.php)
--------------------------------*/
.gass-contact-section {
	width: 100%;
	margin: 0 auto;
	background-image: url("/wp-content/uploads/2025/12/lp-gass_section1_inner_btn_bg.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 3.5em 0 10em 0;
	position: relative;
}

.gass-contact-section_inner_white {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: fit-content;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 1.5625rem 9%;
}

.gass-contact-section_inner_text_title {
	font-weight: 600;
	color: var(--color-black);
	font-size: clamp(25px, 4vw, 32px);
}

.gass-contact-section_inner_text_copy {
	font-size: 21px;
	padding-top: 20px;
	color: var(--color-black);
	font-weight: 600;
}

/***セクション1　共通　セクション内ボタン absolute版(右下角 30pxずつ離す) ***/
.ed_small_rink30_btn {
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: 40%;
	text-align: center;
}

.ed_small_rink30_btn_text {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 80%;
	margin-left: 20%;
	font-size: clamp(18px, calc(1.34px + 1.639vw), 32px);
	font-weight: 600;
	color: var(--color-red);
	background-color: var(--color-white);
	padding: 0.7rem 0;
	border: 8px solid var(--color-red);
	gap: 0.8rem;
	text-decoration: none;
}

.ed_small_rink30_btn_text:hover {
	color: var(--color-white);
	background-color: var(--color-red);
	border: 8px solid var(--color-white);
}

@media screen and (max-width: 1000px) {
	.gass-contact-section_inner_white {
		width: 80%;
	}
}

@media screen and (max-width: 800px) {
	.gass-contact-section_inner_white {
		padding: 1.5625rem 2%;
	}

	.ed_small_rink30_btn {
		width: 50%;
	}
}

@media screen and (max-width: 600px) {
	.ed_small_rink30_btn {
		width: 60%;
	}
}

@media screen and (max-width: 400px) {
	.gass-contact-section_inner_white {
		width: 95%;
	}

	.ed_small_rink30_btn {
		width: 80%;
	}
}

/*--------------------------------
	セクション2　プロパンガスなら旭商会にお任せください
--------------------------------*/
.lp_gass_section2 {
	padding: 80px 0;
	background-color: var(--color-red);
	text-align: center;
}

.lp_gass_section2_title {
	padding-bottom: 30px;
	color: var(--color-white);
}

.lp_gass_section2_copy {
	font-size: 16px;
	color: var(--color-white);
}

.lp_gass_section2_item {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 40px;
	padding-top: 60px;
}

.lp_gass_section2_item_left {
	width: 50%;
}

.lp_gass_section2_item_left img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lp_gass_section2_item_right {
	width: 50%;
	text-align: left;
}

.lp_gass_section2_item_right_title {
	color: var(--color-white);
	padding-bottom: 30px;
}

.lp_gass_section2_item_right_copy {
	background-color: var(--color-white);
	width: 92%;
	padding: 30px 0 30px 9%;
	color: var(--color-black);
	font-size: 18px;
	line-height: 1.8;
	border: 5px solid #707070;
}

@media screen and (max-width: 800px) {
	.lp_gass_section2_item {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 40px;
	}

	.lp_gass_section2_item_left {
		width: 100%;
	}

	.lp_gass_section2_item_right {
		width: 90%;
		margin: 0 auto;
	}

	.lp_gass_section2_item_right_title {
		padding-bottom: 20px;
	}

	.lp_gass_section2_item_right_copy {
		width: 100%;
	}
}

/*--------------------------------
	セクション3 プロパンガスの利用を検討されている方へ(中身共通クラス名 red_split_block)
--------------------------------*/
.lp_gass_section3 {
	padding-top: 80px;
}

.red_split_block_title {
	color: var(--color-white);
	background-color: var(--color-red);
	padding: 30px 10px;
	text-align: center;
	margin-bottom: 90px;
}

.red_split_block_item {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 40px;
	padding-bottom: 33px;
}

.red_split_block_item_left {
	width: 50%;
}

.red_split_block_item_left_title {
	padding-bottom: 32px;
}

.red_split_block_item_left_copy {
	font-size: 16px;
	line-height: 1.8;
}

.red_split_block_item_right {
	width: 50%;
}

.red_split_block_item_right img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 800px) {
	.red_split_block_item {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 40px;
	}

	.red_split_block_item_left {
		width: 100%;
	}

	.red_split_block_item_right {
		width: 100%;
	}
}

/*セクション３ ボタン*/
.red_split_block_btns {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 40px;
	padding-bottom: 60px;
}

.red_split_block_btn {
	width: 50%;
	text-align: center;
	margin: 0 auto;
}


.red_split_block_btn-left {
	display: block;
	text-decoration: none;
	height: 130px;
	width: 80%;
	margin: 0 auto;
	background-color: var(--color-white);
	padding: 18px 10px;
	line-height: 1.2;
	color: var(--color-red);
	border: 4.5px solid var(--color-red);
}

.red_split_block_btn-left:hover {
	background-color: var(--color-red);
	color: var(--color-white);
	border: 4.5px solid var(--color-white);
}

.red_split_block_btn-right {
	display: block;
	text-decoration: none;
	height: 130px;
	width: 80%;
	margin: 0 auto;
	background-color: var(--color-red);
	padding: 18px 10px;
	color: var(--color-white);
	border: 3px solid var(--color-red);
}

.red_split_block_btn-right:hover {
	background-color: var(--color-white);
	color: var(--color-red);
	border: 4.5px solid var(--color-red);
}

.red_split_block_btn span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.red_split_block_btn-title {
	font-size: 16px;
	font-weight: 600;
}

.red_split_block_btn-left .red_split_block_btn-main {
	font-size: 43px;
	font-weight: 600;
}

.red_split_block_btn-right .red_split_block_btn-main {
	font-size: 30px;
	font-weight: 600;
}

.red_split_block_btn-time {
	font-size: 14px;
	font-weight: 600;
}

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

	.red_split_block_btn-left,
	.red_split_block_btn-right {
		width: 90%;
	}
}

@media screen and (max-width: 1000px) {
	.red_split_block_btns {
		flex-direction: column;
		gap: 20px;
	}

	.red_split_block_btn-left,
	.red_split_block_btn-right {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	.red_split_block_btn {
		width: 90%;
	}
}

@media screen and (max-width: 500px) {
	.red_split_block_btn-left .red_split_block_btn-main {
		font-size: 40px;
		white-space: nowrap;
	}

	.red_split_block_btn-right .red_split_block_btn-main {
		font-size: 25px;
		white-space: nowrap;
	}
}

/*--------------------------------
	セクション4 ガスの強みはなんといっても「すごい火力」と「パワフルな熱」
--------------------------------*/

.lp_gass_section4_title {
	color: var(--color-black);
	padding-top: 60px;
}


.lp_gass_section4_item {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 46px;
	padding-top: 33px;
	padding-bottom: 70px;
}

.lp_gass_section4_item_left {
	width: 43%;
}

.lp_gass_section4_item_left h4 {
	font-size: 24px;
	color: var(--color-red);
	padding-bottom: 10px;
}

.lp_gass_section4_item_left p {
	padding-bottom: 26px;
	font-size: 16px;
	line-height: 1.8;
}

.lp_gass_section4_item_right {
	width: 50%;
}

.lp_gass_section4_item_right img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	padding-bottom: 12px;
}

.lp_gass_section4_item_right_btn {
	width: 50%;
	margin-left: auto;
}

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

	.lp_gass_section4_item {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 40px;
	}

	.lp_gass_section4_item_left,
	.lp_gass_section4_item_right {
		width: 100%;
	}

}

@media screen and (max-width: 600px) {
	.lp_gass_section4_item_right_btn {
		width: 100%;
	}
}

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

	.lp_gass_section4_title {
		font-size: 30px;
		white-space: nowrap;
	}

	.lp_gass_section4_title span.sp_only_span {
		display: block;
		text-align: right;
	}
}

/*--------------------------------
	セクション5 LPガス販売店を選ぶポイント
--------------------------------*/
.lp_gass_section5 {
	padding-top: 30px;
}

.lp_gass_section5_title_box {
	color: var(--color-white);
	background-color: var(--color-red);
	padding: 30px 10px;
	text-align: center;
	margin-bottom: 60px;
}

.lp_gass_section5_title_copy {
	width: 50%;
	margin: 0 auto;
	padding-top: 24px;
	text-align: left;
}

.lp_gass_section5_item-1,
.lp_gass_section5_item-2 {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 46px;
	padding-top: 33px;
	padding-bottom: 33px;
}

.lp_gass_section5_item_left-1,
.lp_gass_section5_item_right-2 {
	width: 43%;
}

.lp_gass_section5_item_left-1 h3 {
	padding-bottom: 32px;
}

.lp_gass_section5_item_left-1 h4,
.lp_gass_section5_item_right-2 h4 {
	font-size: 24px;
	color: var(--color-red);
	padding-bottom: 10px;
}

.lp_gass_section5_item_left-1 p,
.lp_gass_section5_item_right-2 p {
	padding-bottom: 26px;
	font-size: 16px;
	line-height: 1.8;
}

.lp_gass_section5_item_right-1,
.lp_gass_section5_item_left-2 {
	width: 50%;
}

.lp_gass_section5_item_right-1 img,
.lp_gass_section5_item_left-2 img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	padding-bottom: 12px;
}

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

	.lp_gass_section5_item-1 {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 40px;
	}

	.lp_gass_section5_item-2 {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
		gap: 40px;
	}

	.lp_gass_section5_item_left-1,
	.lp_gass_section5_item_right-2,
	.lp_gass_section5_item_right-1,
	.lp_gass_section5_item_left-2 {
		width: 100%;
	}

}

@media screen and (max-width: 800px) {
	.lp_gass_section5_title_copy {
		width: 80%;
	}
}

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

	.lp_gass_section5_title {
		font-size: 30px;
		white-space: nowrap;
	}

	.lp_gass_section5 span.sp_only_span {
		display: block;
		text-align: right;
	}
}

/*--------------------------------
	セクション6 LPガス・プロパンガスなら旭商会
--------------------------------*/
.lp_gass_section6 {
	padding-top: 70px;
	padding-bottom: 50px;
}

/*--------------------------------
	セクション6-2 プロパンガスレンタル
--------------------------------*/
.lp_gass_section6-2 {
	padding-top: 70px;
	padding-bottom: 50px;
}
.lp_gass_section6-2_bold_text {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-red);
	padding-top: 20px;
	padding-bottom: 10px;
}


/*--------------------------------
	セクション7 ガスにも電気にも強い旭商会だからできる提案
--------------------------------*/
.lp_gass_section7 {
	background-color: var(--color-red);
}

.lp_gass_section7_inner {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding-top: 54px;
}

.lp_gass_section7_left {
	width: 38%;
}

.lp_gass_section7_left_title {
	color: var(--color-white);
	padding-bottom: 36px;
}

.lp_gass_section7_left_copy {
	position: relative;
	padding: 80px 16% 80px 16%;
	font-size: 16px;
	line-height: 1.8;
	color: var(--color-black);
	z-index: 1;
}

.lp_gass_section7_left_copy_bg {
	/*左側文章の白色背景*/
	position: absolute;
	top: 0;
	right: -13%;
	width: 113%;
	height: 100%;
	background-color: var(--color-white);
	z-index: -1;
}

.lp_gass_section7_right {
	width: 62%;
	padding-bottom: 100px;
}

.lp_gass_section7_right_link {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	overflow: hidden;
}

.lp_gass_section7_right img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lp_gass_section7_right_btn {
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: 50%;
	max-width: 320px;
	text-align: center;
	z-index: 2;
}


.lp_gass_section7_right_btn_title {
	display: block;
	width: 100%;
	line-height: 1.2;
	padding: 0.8em 0;
	background-color: var(--color-red);
	color: var(--color-white);
	font-size: clamp(23px, calc(1.68px + 2.049vw), 30px);
	font-weight: 600;
}

.lp_gass_section7_right_btn_text {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 80%;
	margin-left: 20%;
	font-size: clamp(18px, calc(1.34px + 1.639vw), 24px);
	font-weight: 600;
	color: var(--color-red);
	background-color: var(--color-white);
	padding: 0.7rem 0;
	border: 8px solid var(--color-red);
	gap: 0.8rem;
}

.lp_gass_section7_right_btn_text:hover {
	color: var(--color-white);
	background-color: var(--color-red);
	border: 8px solid var(--color-white);
}

@media screen and (max-width: 1000px) {
	.lp_gass_section7_inner {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 40px;
	}

	.lp_gass_section7_left {
		width: 100%;
	}

	.lp_gass_section7_left_copy_bg {
		right: 0;
		width: 100%;
	}

	.lp_gass_section7_right {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.lp_gass_section7_right_btn {
		position: relative;
		bottom: 0;
		right: 0;
		width: 100%;
		max-width: 100%;
		margin-left: auto;
	}

	.lp_gass_section7_right_btn_title {
		background-color: var(--color-white);
		color: var(--color-red);
		border: 8px solid var(--color-white);
	}

	.lp_gass_section7_right_btn_text {
		background-color: var(--color-red);
		color: var(--color-white);
		border: 8px solid var(--color-white);
		width: 100%;
		margin-left: 0;
	}

	.lp_gass_section7_right_btn_text:hover {
		background-color: var(--color-white);
		color: var(--color-red);
		border: 8px solid var(--color-red);
	}

}

/*--------------------------------
	セクション8 まずは無料相談
--------------------------------*/
.lp_gass_section8 {
	padding: 60px 0;
}

.free-consultation {
	width: 100%;
	margin: 0 auto;
	background-image: url("/wp-content/uploads/2025/12/lp-gass_section8_bg.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 3.5em 0 10em 0;
	position: relative;
}

.free-consultation_inner_white {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 1.5625rem 9%;
}

.free-consultation_inner_text_title {
	font-weight: 600;
	color: var(--color-white);
	font-size: clamp(25px, 4vw, 32px);
}

.free-consultation_inner_text_copy {
	font-size: 21px;
	padding-top: 20px;
	color: var(--color-white);
	font-weight: 600;
}


/*========================================
	プライバシーポリシー
========================================*/
.privacy-policy {
	color: var(--color-black);
	padding-top: 70px;
	padding-bottom: 70px;
}


.privacy_policy_section_title {
	padding-bottom: 10px;
	border-bottom: 1px solid #707070;
	margin-bottom: 30px;
}

.privacy_policy_section_inner {
	padding-bottom: 30px;
}

.privacy_policy_section_item_title {
	padding-bottom: 10px;
}

.privacy_policy_section_item_copy {
	padding-bottom: 10px;
}

.privacy_policy_section_item_ul {
	padding: 8px 0 8px 20px;
}

.privacy_policy_contact {
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

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




/* 共通クラス名 一覧 
red_wide_rink
red_small_rink_btn
red_side_link
ed_small_rink30_btn
red_small_rink-block_btn
red_side_link_text
red_split_block
↑とその付属クラスは、設定変更時注意！*/