@charset "utf-8";

.ttl_h2 {
	font-weight: 900;
	font-size: 2.667rem;
	letter-spacing: 0.05em;
}

.grad_marker > span {
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem;
	letter-spacing: 0.05em;
	line-height: 1.667;
	background: linear-gradient(to right, #faf078 20%, #f5ac3c 80%);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 50%;
}

.grad_marker2 > span {
	background: linear-gradient(to right, #dcf082, #64c864);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 50%;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1439px) {
	.ttl_h2 {
		font-size: min(
			max(20px, calc(1.25rem + ((1vw - 3.75px) * 1.8797))),
			40px
		);
	}
}

@media screen and (max-width: 1024px) {
	.grad_marker > span {
		padding-bottom: 0.4rem;
	}
}

/* ===========================================
	privacy-policy
============================================== */
.article_area {
	padding-top: 16.4rem;
	padding-bottom: 9.1334rem;
	background-image: url(../images/common/bg_texture.png);
	background-position: left top;
	background-size: 96rem;
	background-repeat: repeat;
}

.page_ttl {
	margin-bottom: 2.8rem;
	font-size: 2.667rem;
	text-align: center;
}

.page_txt {
	margin-bottom: 5.1334rem;
	font-weight: 500;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.667;
}

.pp_ttl_h2 {
	margin-bottom: 1.2667rem;
	padding-bottom: 1.1334rem;
	font-weight: 500;
	font-size: 1.2rem;
	border-bottom: solid 1px var(--black_color);
}

* + .pp_ttl_h2 {
	margin-top: 2.5334rem;
}

.post_article p,
.post_article ol > li {
	font-weight: 500;
	line-height: 1.667;
}

.post_article ol > li {
	font-size: 1rem;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1024px) {
	.article_area {
		padding-top: 8.8rem;
		padding-bottom: 4.667rem;
	}

	.page_ttl {
		margin-bottom: 2.667rem;
		font-size: 1.334rem;
	}

	.page_txt {
		margin-bottom: 3.7334rem;
	}

	.page_txt,
	.pp_ttl_h2,
	.post_article p,
	.post_article ol > li {
		font-size: 0.9334rem;
	}

	* + .pp_ttl_h2 {
		margin-top: 2.4667rem;
	}
}

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

@media screen and (max-width: 640px) {
	.page_txt {
		text-align: left;
	}
}

/* ===========================================
	company
============================================== */
.company .under_ttl_area {
	position: relative;
	background-color: var(--white_color);
}

.company_float_img01 {
	top: 11rem;
	left: 37.9vw;
	width: 20.5334rem;
	height: 16.667rem;
}

/*.company_float_img01 > img {
	-webkit-mask-image: url(../images/common/shape-03-8s.svg);
	mask-image: url(../images/common/shape-03-8s.svg);
}*/

.company_float_img02 {
	top: 13.334rem;
	right: 5.56vw;
	width: 25.2rem;
	height: 20.4667rem;
	z-index: 2;
}

/*.company_float_img02 > img {
	-webkit-mask-image: url(../images/common/shape-04-8s.svg);
	mask-image: url(../images/common/shape-04-8s.svg);
}*/

.company_float_item {
	top: 24.667rem;
	right: 20vw;
	width: 16.9334rem;
	height: 13.667rem;
	/*background: linear-gradient(#faf078 20%, #f5ac3c 100%);*/
	-webkit-mask-image: url(../images/common/shape-01-8s.svg);
	mask-image: url(../images/common/shape-01-8s.svg);
	-webkit-mask-size: 100%;
	mask-size: 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.company .article_area {
	padding-top: 0;
	padding-bottom: 0;
}

.philosophy_area {
	position: relative;
	padding-top: 9.334rem;
	padding-bottom: 5.5334rem;
}

.philosophy_area .ttl_h2 {
	margin-bottom: 2.667rem;
	text-align: center;
}

.philosophy_catch {
	margin-bottom: 3.2rem;
	font-weight: 900;
	font-size: 3.334rem;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.05em;
	white-space: nowrap;
}

.message_wrap {
	align-items: center;
}

.message_float_img01 {
	position: static;
	width: 32.8667rem;
	height: 26.667rem;
}

/*.message_float_img01 > img {
	-webkit-mask-image: url(../images/common/shape-01-8s.svg);
	mask-image: url(../images/common/shape-01-8s.svg);
}*/

.message_cont_wrap {
	margin-left: -1rem;
	width: 37.6rem;
}

.message_ttl_h3 {
	margin-bottom: 2.7334rem;
	font-weight: 900;
	font-size: 2.667rem;
}

.message_txt_wrap > p {
	font-weight: 500;
	line-height: 1.667;
}

.message_txt_wrap > p + p {
	margin-top: 1.8667rem;
}

.company_overview_area {
	padding-top: 9.334rem;
	padding-bottom: 9.334rem;
}

.company_overview_area .ttl_h2 {
	margin-bottom: 0.667rem;
	text-align: center;
}

.overview_table {
	position: relative;
	margin-left: -0.667rem;
	width: calc(100% + 1.334rem);
	border-collapse: separate;
	border-spacing: 0.667rem 0;
}

.overview_table th,
.overview_table td {
	font-weight: 500;
}

.overview_table th {
	padding: 1.8667rem 1.334rem;
	width: 8.667rem;
	text-align: left;
	vertical-align: top;
	line-height: 1.667;
	border-bottom: solid 2px var(--black_color);
}

.overview_table td {
	padding: 1.8667rem;
	border-bottom: solid 1px var(--black_color);
}

.overview_table td > p {
	line-height: 2.334;
}

.table_date {
	text-align: right;
}

.overview_table td > ol > li,
.overview_table td > ol > li > ul > li {
	font-size: 1rem;
	line-height: 2.334;
}

.overview_table td > ol > li > ul > li::before {
	content: '・';
}

.table_inner_wrap {
	column-gap: 5.334rem;
	align-items: flex-start;
}

.table_inner th,
.table_inner td {
	line-height: 1.667;
	border-bottom: none;
}

.table_inner tr:first-child th,
.table_inner tr:first-child td {
	padding-top: 0;
}

.table_inner tr:last-child th,
.table_inner tr:last-child td {
	padding-bottom: 0;
}

.table_inner th {
	padding: 0.667rem 0;
	min-width: 9.8rem;
	border-bottom: 0;
	white-space: nowrap;
}

.table_inner td {
	padding: 0.667rem 0 0.667rem 2rem;
}

.table_date + ol {
	margin-top: 2rem;
}

.logo_70th_wrap,
.table_img_wrap {
	position: absolute;
}

.logo_70th_wrap {
	right: 12.4667rem;
	bottom: 74.5334rem;
}

.table_img01 {
	top: 2rem;
	right: 2rem;
	width: 20.0667rem;
	height: 13.8667rem;
}

.table_img02 {
	top: 12.5667rem;
	right: 24rem;
	width: 16.667rem;
	height: 11.7334rem;
}

.table_img03 {
	right: 2rem;
	width: 20rem;
	height: 14.1334rem;
}

.movie_area {
	position: relative;
	padding-top: 9.2rem;
	padding-bottom: 9rem;
}

.movie_area .ttl_h2 {
	margin-bottom: 2.7334rem;
	text-align: center;
}

.movie_wrap,
.pr_movie {
	width: 53.34rem;
}

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

.pr_movie {
	margin-bottom: 1.334rem;
}

.movie_caption {
	font-weight: 500;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1439px) {
	.company_float_img01,
	.company_float_img02,
	.company_float_item {
		height: auto;
		aspect-ratio: 154 / 125;
	}

	.company_float_img01 {
		top: 11.5vw;
		width: 21.4vw;
	}

	.company_float_img02 {
		top: 13.9vw;
		width: 26.3vw;
	}

	.company_float_item {
		top: 25.7vw;
		right: 24.5vw;
		width: 17.6vw;
	}

	.philosophy_catch {
		font-size: min(
			max(30px, calc(1.875rem + ((1vw - 3.75px) * 1.8797))),
			50px
		);
	}

	.message_ttl_h3 {
		font-size: min(
			max(20px, calc(1.25rem + ((1vw - 3.75px) * 1.8797))),
			40px
		);
	}

	.table_img01,
	.table_img02,
	.table_img03,
	.logo_70th_wrap > img {
		height: auto;
	}

	.logo_70th_wrap > img {
		width: 9.9vw;
	}

	.table_img01 {
		width: 20.92vw;
	}

	.table_img02 {
		width: 17.37vw;
	}

	.table_img03 {
		width: 20.8vw;
	}
}

@media screen and (max-width: 1024px) {
	.company .ttl_h2 {
		margin-bottom: 1.8667rem;
	}

	.philosophy_area,
	.company_overview_area,
	.movie_area {
		padding-top: 4.667rem;
		padding-bottom: 4.667rem;
	}

	.message_txt_wrap > p,
	.overview_table th,
	.overview_table td,
	.overview_table td > p,
	.overview_table td > ol > li,
	.overview_table td > ol > li > ul > li {
		font-size: 0.9334rem;
		line-height: 1.7;
	}

	.philosophy_catch {
		margin-bottom: 2.4667rem;
	}

	.philosophy_catch .mb_br {
		display: block;
	}

	.message_ttl_h3 {
		margin-bottom: 1.8rem;
	}

	.overview_table th,
	.overview_table td {
		padding-right: 5px;
		padding-left: 5px;
	}

	.overview_table th {
		width: 5.4667rem;
	}

	.table_img_wrap,
	.logo_70th_wrap {
		position: static;
	}

	.logo_70th_wrap {
		margin-top: 2rem;
	}

	.logo_70th_wrap > img {
		margin-left: 4.667rem;
		width: 4.7334rem;
		height: auto;
	}

	.table_img_wrap,
	.table_img_wrap > img {
		width: 100%;
	}

	.table_img_wrap {
		margin-top: 2rem;
	}

	.table_date + ol {
		margin-top: 1.8667rem;
	}

	.movie_wrap,
	.pr_movie {
		width: 100%;
	}

	.pr_movie {
		margin-bottom: 0.8rem;
	}

	.movie_caption {
		line-height: 1.7;
	}

	.movie_caption .mb_br {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.company .under_ttl_inner {
		height: 80vw;
	}

	.company .under_ttl_wrap {
		margin-bottom: 70vw;
	}

	.company_float_img01 {
		top: auto;
		left: -3rem;
		bottom: 29.8667vw;
		width: 39.5vw;
		height: 32vw;
	}

	.company_float_img02 {
		top: auto;
		right: -2rem;
		left: auto;
		bottom: 21.8667vw;
		width: 49.334vw;
		height: 40vw;
	}

	.company_float_item {
		top: auto;
		right: 0;
		left: 0;
		bottom: 13.334vw;
		margin: auto;
		width: 32.8vw;
		height: 26.4vw;
	}

	.message_wrap {
		flex-direction: column;
		align-items: center;
		row-gap: 2rem;
	}

	.message_float_img01 {
		width: 16.4rem;
		height: 13.334rem;
	}

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

	.message_ttl_h3 {
		text-align: center;
	}

	.table_inner_wrap {
		flex-direction: column;
		row-gap: 0.9rem;
	}

	.overview_table td > .table_inner th,
	.overview_table td > .table_inner td {
		display: block;
	}

	.table_inner th {
		padding-top: 1rem;
		padding-bottom: 5px;
	}

	.table_inner_wrap .table_inner th {
		padding-top: 5px;
		padding-right: 1rem;
		min-width: auto;
		width: 11.5rem;
	}

	.table_inner td {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.enkaku_table td {
		padding-left: 1.9334rem;
		text-indent: -1em;
	}

	.enkaku_table td::before {
		content: '・';
	}
}

@media screen and (max-width: 480px) {
	.company .under_ttl_inner {
		height: 90vw;
	}

	.company_float_img01 {
		left: -1rem;
	}

	.company_float_img02 {
		right: -1rem;
	}

	.logo_70th_wrap > img {
		margin-right: auto;
		margin-left: auto;
	}

	.table_img_wrap {
		margin-left: -8.334rem;
		width: calc(100% + 9rem);
	}
}

/* ===========================================
	lp-individuals
============================================== */
.lp-individuals .under_ttl_area {
	background-image: url(../images/page/lp-individuals_ttl_bg.png);
}

.lp-individuals .article_area {
	padding-top: 0;
}

.intro_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 9.334rem;
}

.intro_txt {
	margin-bottom: 7rem;
	font-weight: 900;
	font-size: 1.334rem;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.6;
}

.intro_area .ttl_h2 {
	margin-bottom: 2.4667rem;
	text-align: center;
}

.price_wrap {
	margin-bottom: 2.667rem;
	justify-content: center;
}

.price01,
.price02,
.price03,
.result {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22.8%;
	height: 5.334rem;
	font-weight: 900;
	font-size: 2rem;
	letter-spacing: 0.05em;
	border-radius: 1.334rem;
}

.price01 {
	background-color: #fff064;
}

.price02 {
	background-color: #ffd23c;
}

.price03 {
	background-color: #ffb43c;
}

.result {
	color: var(--white_color);
	background-color: var(--orange_color);
}

.plus,
.equal {
	position: relative;
	margin: auto -0.667rem;
	width: 3.334rem;
	height: 3.334rem;
	background-color: var(--black_color);
	border-radius: 9999px;
}

.plus::before,
.plus::after,
.equal::before,
.equal::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 1.6rem;
	height: 4px;
	background-color: var(--white_color);
	border-radius: 9999px;
}

.plus::before {
	transform: rotate(90deg);
}

.equal::before,
.equal::after {
	width: 1.2667rem;
}

.equal::before {
	top: 0.8rem;
}

.equal::after {
	bottom: 0.8rem;
}

.intro_cont_txt {
	margin-bottom: 2.667rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.6;
}

.intro_area .more_btn {
	margin-right: auto;
	margin-left: auto;
}

.more_btn_wrap {
	text-align: center;
}

.system_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 9rem;
}

.system_area .ttl_h2 {
	margin-bottom: 2.4667rem;
	text-align: center;
	line-height: 1.45;
}

.system_cont_wrap,
.about_carbon_cont_wrap {
	padding: 0 2.667rem 2.4667rem;
	background-color: var(--white_color);
	border-radius: 2.667rem;
}

.system_ttl_wrap {
	margin-right: -2.667rem;
	margin-left: -2.667rem;
	margin-bottom: 2.667rem;
	padding: 2.667rem;
	text-align: center;
	background: linear-gradient(
		to right,
		rgba(250, 240, 120, 0.3) 20%,
		rgba(245, 172, 60, 0.3) 80%
	);
	border-radius: 1.334rem 1.334rem 0 0;
}

.system_ttl_wrap .ttl_h3,
.system_ttl_h3,
.system_ttl_h4,
.sales_area .ttl_h3,
.about_carbon_cont_wrap .ttl_h3,
.order_ttl_h3 {
	margin-bottom: 1.2rem;
	font-weight: 900;
	font-size: 2rem;
	letter-spacing: 0.05em;
	line-height: 1.667;
	text-align: center;
}

.system_txt {
	font-weight: 500;
	line-height: 1.667;
}

.system_ttl_h3 {
	margin-bottom: 3.8rem;
}

.flow_wrap {
	column-gap: 2.9%;
	counter-reset: number 0;
	margin-bottom: 2.667rem;
}

.flow_item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 1.334rem;
	padding: 3.2667rem 0.6rem 2.8667rem;
	width: 31.4%;
	border: solid 2px var(--orange_color);
	border-radius: 1.334rem;
}

.flow_item::before {
	counter-increment: number 1;
	content: counter(number, decimal-leading-zero);
	position: absolute;
	top: -2rem;
	left: 2rem;
	padding: 0 8px;
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-weight: 500;
	font-size: 4rem;
	color: var(--orange_color);
	letter-spacing: 0.05em;
	background-color: var(--white_color);
}

.flow_icon {
	height: 6.6rem;
}

.flow_ttl {
	flex-grow: 1;
	font-weight: 900;
	font-size: 1.334rem;
	letter-spacing: 0.05em;
	line-height: 1.6;
}

.flow_txt {
	flex-grow: 2;
	font-weight: 500;
	text-align: center;
	line-height: 1.667;
}

.system_ttl_h5,
.system_ttl,
.sales_ttl_h4 {
	margin-bottom: 2.2667rem;
	font-weight: 900;
	font-size: 1.334rem;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.6;
}

.system_ttl_h5::before {
	content: '《';
}

.system_ttl_h5::after {
	content: '》';
}

.point_list {
	justify-content: center;
	column-gap: 2.9%;
}

.point_list > li {
	padding-top: 1.2667rem;
	padding-bottom: 1.2667rem;
	width: 31.4%;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.667;
	color: var(--white_color);
	text-align: center;
	background-color: var(--orange_color);
	border-radius: 1.334rem;
}

.point_list + .system_ttl,
.system_ttl + .point_list {
	margin-top: 2.2667rem;
}

.point_list + .system_txt {
	margin-top: 1.334rem;
}

.system_txt {
	font-weight: 500;
	text-align: center;
}

.sales_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 2rem;
	background-color: var(--white_color);
}

.sales_area .ttl_h2 {
	margin-bottom: 1.8rem;
	text-align: center;
}

.sales_gallery_wrap {
	column-gap: 2.667rem;
	margin-right: -8rem;
	margin-bottom: 5.4rem;
	margin-left: -8rem;
}

.sales_gallery_wrap .photo_wrap:nth-child(even) {
	margin-top: 3.334rem;
}

.brand_logo_list {
	justify-content: center;
	align-items: center;
	gap: 3.334rem;
	margin-bottom: 5.2667rem;
	flex-wrap: wrap;
}

.brand_logo_list > li > a:hover {
	opacity: 0.6;
}

.emergency_area {
	padding-top: 9.334rem;
}

.more_btn_wrap .more_btn.orange {
	padding: 1.0334rem 1.5rem 1.0334rem 3.5rem;
}

.more_btn_wrap .more_btn.orange .more_btn_txt {
	flex-direction: column;
	align-items: center;
	row-gap: 0;
	font-size: 2.0667rem;
	line-height: 1.33;
}

.more_btn_wrap .more_btn.orange .small_txt {
	font-size: 1.667rem;
	line-height: 1.43;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1439px) {
	.system_ttl_wrap .ttl_h3,
	.system_ttl_h3,
	.system_ttl_h4,
	.sales_area .ttl_h3,
	.about_carbon_cont_wrap .ttl_h3,
	.order_ttl_h3 {
		font-size: min(
			max(18px, calc(1.125rem + ((1vw - 3.75px) * 1.1278))),
			30px
		);
	}

	.flow_ttl {
		font-size: min(
			max(18px, calc(1.125rem + ((1vw - 10.24px) * 0.4819))),
			20px
		);
	}

	.flow_item::before {
		font-size: min(
			max(55px, calc(3.4375rem + ((1vw - 3.75px) * 0.4699))),
			60px
		);
	}

	.system_ttl_h5,
	.system_ttl,
	.sales_ttl_h4 {
		font-size: min(
			max(14px, calc(0.875rem + ((1vw - 3.75px) * 0.5639))),
			20px
		);
	}

	.sales_gallery_wrap {
		margin-right: 0;
		margin-left: 0;
	}
}

@media screen and (max-width: 1024px) {
	.intro_area {
		padding-top: 3.8667rem;
		padding-bottom: 4.667rem;
	}

	.intro_txt,
	.system_txt {
		font-size: 0.9334rem;
	}

	.intro_txt {
		margin-bottom: 3.8rem;
	}

	.intro_area .ttl_h2 {
		margin-bottom: 2.5667rem;
	}

	.price01,
	.price02,
	.price03,
	.result {
		height: 4rem;
		font-size: 1.2rem;
		border-radius: 1.334rem;
	}

	.plus,
	.equal {
		width: 2rem;
		height: 2rem;
	}

	.plus::before,
	.plus::after,
	.equal::before,
	.equal::after {
		height: 1px;
	}

	.plus::before,
	.plus::after {
		width: 0.8667rem;
	}

	.equal::before,
	.equal::after {
		width: 0.667rem;
	}

	.equal::before {
		top: 8px;
	}

	.equal::after {
		bottom: 8px;
	}

	.intro_cont_txt {
		font-size: 0.9334rem;
	}

	.system_area {
		padding-top: 3.334rem;
		padding-bottom: 5rem;
	}

	.system_cont_wrap,
	.about_carbon_cont_wrap {
		border-radius: 1.334rem;
		padding-right: 1.2rem;
		padding-left: 1.2rem;
	}

	.system_ttl_wrap {
		margin-right: -1.2rem;
		margin-left: -1.2rem;
		padding-right: 1.2rem;
		padding-left: 1.2rem;
		border-radius: 1.334rem 1.334rem 0 0;
	}

	.flow_wrap {
		justify-content: center;
		flex-wrap: wrap;
		row-gap: 3.334rem;
	}

	.flow_item {
		width: 18.334rem;
		height: 18.334rem;
	}

	.flow_ttl {
		flex-grow: 2;
	}

	.flow_icon {
		width: auto;
		height: 8.8vw;
	}

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

	.point_list {
		flex-wrap: wrap;
		row-gap: 1.334rem;
	}

	.point_list > li {
		padding-top: 1.1334rem;
		padding-bottom: 1.1334rem;
		width: 18.334rem;
	}

	.point_list + .system_txt {
		margin-top: 2rem;
	}

	.sales_area {
		padding-top: 4rem;
		padding-bottom: 1rem;
	}

	.sales_area .ttl_h3 {
		margin-bottom: 2rem;
	}

	.sales_area .intro_cont_txt {
		margin-bottom: 4rem;
	}

	.sales_gallery_wrap {
		gap: 2rem;
		margin-bottom: 2.667rem;
	}

	.brand_logo_list {
		margin-bottom: 4.667rem;
	}

	.emergency_area {
		padding-top: 4.667rem;
	}

	.emergency_wrap {
		margin-bottom: 2.233rem;
	}

	/*.emergency_area .more_btn.orange,
	.district_area .more_btn.orange {
		padding-top: 1.334rem;
		padding-bottom: 1.334rem;
	}*/

	.emergency_area .more_btn.orange .more_btn_inner,
	.district_area .more_btn.orange .more_btn_inner {
		column-gap: 1rem;
	}

	.emergency_area .more_btn.orange .more_btn_txt,
	.district_area .more_btn.orange .more_btn_txt,
	.emergency_area .more_btn.orange .small_txt,
	.district_area .more_btn.orange .small_txt {
		text-align: left;
	}

	.emergency_area .more_btn.orange .more_btn_txt,
	.district_area .more_btn.orange .more_btn_txt {
		font-size: 1.2rem;
	}

	.emergency_area .more_btn.orange .small_txt,
	.district_area .more_btn.orange .small_txt {
		font-size: 0.9334rem;
	}
}

@media screen and (max-width: 840px) {
	.emergency_wrap {
		margin-bottom: 4rem;
	}
}

@media screen and (max-width: 768px) {
	.lp-individuals .under_ttl_area {
		background-image: url(../images/page/lp-individuals_ttl_bg_sp.png);
	}

	.intro_cont_txt,
	.system_txt {
		text-align: left;
	}

	.system_area .ttl_h2 .mb_br,
	.system_ttl_wrap .ttl_h3 .mb_br,
	.system_ttl_h3 .mb_br,
	.system_ttl_h4 .mb_br,
	.system_ttl_h5 .mb_br,
	.about_carbon_cont_wrap .ttl_h3 .mb_br {
		display: block;
	}

	.flow_wrap {
		margin-bottom: 2.5334rem;
	}

	.flow_icon {
		height: 6rem;
	}

	.system_ttl_h5 {
		position: relative;
	}

	.system_ttl_h5::before,
	.system_ttl_h5::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 0.9334rem;
		height: 3rem;
		background-position: center;
		background-size: contain;
	}

	.system_ttl_h5::before {
		margin-left: -2.334rem;
		background-image: url(../images/page/system_ttl_h5_left.svg);
	}

	.system_ttl_h5::after {
		margin-left: 1.4rem;
		background-image: url(../images/page/system_ttl_h5_right.svg);
	}

	.point_list > li {
		font-size: 0.9334rem;
	}

	.system_txt.center {
		text-align: center;
	}

	.system_txt.center .mb_br {
		display: block;
	}

	.sales_gallery_wrap {
		flex-direction: column;
	}

	.sales_gallery_wrap .photo_wrap {
		width: 100%;
	}

	.sales_gallery_wrap .photo_wrap:nth-child(even) {
		margin-top: 0;
	}

	.sales_gallery_wrap .photo_wrap > img {
		width: 100%;
		height: auto;
	}

	.brand_logo_list {
		justify-content: center;
		gap: 2rem;
	}

	.brand_logo_list > li {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 9.4667rem;
		height: 2.5rem;
	}

	.emergency_area {
		padding-top: 4.667rem;
	}
}

@media screen and (max-width: 640px) {
	.intro_txt .mb_br {
		display: block;
	}

	.price_wrap {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.price01,
	.price02,
	.price03,
	.result {
		width: 12rem;
	}

	.plus,
	.equal {
		margin-top: -5px;
		margin-bottom: -5px;
	}

	.intro_area .more_btn {
		padding-left: 1.8rem;
	}

	.intro_area .more_btn_inner {
		column-gap: 0.8rem;
		line-height: 1.334;
		text-align: left;
	}

	.intro_area .more_btn_inner .mb_br {
		display: block;
	}
}

/* ===========================================
	lp-corporations
============================================== */
.lp-corporations .article_area {
	padding-top: 0;
	padding-bottom: 0;
}

.lp-corporations .under_ttl_area {
	background-image: url(../images/page/lp-corporation_ttl_bg.png);
	background-color: #f0faff;
}

.lp-corporations .intro_cont_txt,
.lp-corporations .intro_txt {
	margin-bottom: 2.5334rem;
}

.construction_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 2rem;
}

.construction_wrap {
	justify-content: space-between;
}

.construction_cont_wrap {
	position: relative;
	width: 44%;
	z-index: 2;
}

.construction_cont_wrap .ttl_h2 {
	margin-bottom: 2.4rem;
}

.construction_txt_inner_ttl,
.construction_txt_inner_txt,
.construction_txt {
	font-weight: 700;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	line-height: 1.667;
}

.construction_txt {
	margin-bottom: 2.4rem;
}

.construction_cont_wrap .more_btn.white {
	padding-right: 3.5334rem;
	padding-left: 3.7334rem;
	color: var(--orange_color);
	text-align: center;
}

.construction_cont_wrap .more_btn.white:hover {
	color: var(--white_color);
}

.construction_cont_wrap .more_btn.white .more_btn_inner {
	line-height: 1.2667;
}

.construction_photo_wrap {
	width: 50.7%;
}

.construction_float_img01,
.construction_float_img02 {
	position: static;
}

.construction_float_img01 {
	margin-left: auto;
	width: 24.667rem;
	height: 20rem;
}

/*.construction_float_img01 > img {
	-webkit-mask-image: url(../images/common/shape-02-8s.svg);
	mask-image: url(../images/common/shape-02-8s.svg);
}*/

.construction_float_img02 {
	margin-top: -6.1334rem;
	width: 20.5334rem;
	height: 16.667rem;
}

/*.construction_float_img02 > img {
	-webkit-mask-image: url(../images/common/shape-03-8s.svg);
	mask-image: url(../images/common/shape-03-8s.svg);
}*/

.carbon-offset_area {
	padding-top: 9.2rem;
	padding-bottom: 9.2rem;
}

.carbon-offset_area .ttl_h2 {
	margin-bottom: 2.334rem;
	line-height: 1.45;
	text-align: center;
}

.about_carbon_cont_wrap .ttl_h3 {
	margin-bottom: 2rem;
}

.about_carbon_cont_wrap {
	text-align: center;
}

.about_carbon_cont_wrap .system_ttl_wrap {
	background: linear-gradient(135deg, #dcf082, #64c864);
	border-radius: 1.334rem 1.334rem 0 0;
}

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

.carbon_photo_wrap {
	column-gap: 2rem;
	margin-bottom: 2.667rem;
}

.carbon_photo {
	align-items: flex-end;
	column-gap: 1.334rem;
}

.carbon_photo > img:nth-child(2) {
	margin-bottom: auto;
}

.carbon_txt {
	margin-bottom: 3.7337rem;
	font-weight: 900;
	font-size: 1.334rem;
	line-height: 1.7;
	text-align: center;
}

.carbon_strong_txt {
	display: inline-block;
	padding: 1.0667rem 3rem;
	font-weight: 900;
	font-size: 2rem;
	color: var(--white_color);
	text-align: center;
	letter-spacing: 0.05em;
	background-color: #64c864;
	border-radius: 9999px;
}

.case_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 9rem;
}

.case_area .ttl_h2 {
	margin-bottom: 2.667rem;
	text-align: center;
}

.case_area .ttl_wrap::before {
	color: #64c864;
}

.owners_post_ttl > span {
	font-size: 1.334rem;
}

.owners_txt_wrap > a {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.667;
	word-wrap: break-word;
}

.owners_post_item .owners_txt_wrap {
	margin-bottom: 0;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1439px) {
	.carbon_strong_txt > span {
		font-size: min(
			max(18px, calc(1.125rem + ((1vw - 3.75px) * 1.1278))),
			30px
		);
	}
}

@media screen and (max-width: 1180px) {
	.carbon_photo_wrap {
		justify-content: center;
	}

	.carbon_photo_wrap .photo_wrap {
		width: 28.4vw;
	}

	.carbon_photo > img {
		width: 11.1vw;
	}
}

@media screen and (max-width: 1024px) {
	.lp-corporations .intro_txt {
		font-size: 1.2rem;
	}

	.construction_area {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.construction_txt_inner_ttl,
	.construction_txt_inner_txt,
	.construction_txt {
		font-size: 0.9334rem;
	}

	.construction_cont_wrap .more_btn.white {
		padding-right: 1.4rem;
	}

	.construction_float_img01,
	.construction_float_img02 {
		width: 32.8vw;
		height: auto;
		aspect-ratio: 37 / 30;
		aspect-ratio: 123 / 100;
	}

	.carbon-offset_area {
		padding-top: 4.667rem;
		padding-bottom: 4.667rem;
	}

	.case_area {
		padding-top: 4rem;
		padding-bottom: 4.667rem;
	}

	.case_area .owners_post_item {
		column-gap: 1.8667rem;
	}

	.owners_post_ttl > span {
		font-size: 1rem;
	}
}

@media screen and (max-width: 840px) {
	.construction_area {
		position: relative;
	}

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

	.construction_cont_wrap {
		max-width: 21rem;
		width: 100%;
	}

	.construction_cont_wrap .ttl_h2 {
		text-align: center;
	}

	.construction_float_img01,
	.construction_float_img02 {
		position: absolute;
	}

	.construction_float_img01 {
		top: -2rem;
		left: -0.667rem;
	}

	.construction_float_img02 {
		right: -1.334rem;
		bottom: -2rem;
		z-index: 1;
	}
}

@media screen and (max-width: 768px) {
	.lp-corporations .under_ttl_area {
		background-image: url(../images/page/lp-corporation_ttl_bg_sp.png);
	}

	.carbon_photo_wrap {
		flex-direction: column;
		align-items: center;
		row-gap: 2rem;
	}

	.carbon_photo_wrap .photo_wrap {
		max-width: 16.667rem;
		width: 100%;
	}

	.carbon_photo {
		height: 20.4667rem;
		column-gap: 0;
	}

	.carbon_photo > img {
		max-width: 8rem;
		width: 100%;
	}

	.carbon_photo > img:nth-child(1) {
		margin-right: -2.8rem;
	}

	.carbon_photo > img:nth-child(3) {
		margin-left: -2.8rem;
	}

	.carbon_txt {
		margin-bottom: 2.5334rem;
		font-size: 1.2rem;
	}

	.carbon_txt .mb_br,
	.carbon_strong_txt .mb_br {
		display: block;
	}

	.carbon_strong_txt {
		padding: 0.7rem 1.5rem 1.334rem;
	}

	.case_area .owners_post_item {
		flex-direction: column;
	}
}

@media screen and (max-width: 640px) {
	.lp-corporations .more_btn_wrap .more_btn.orange,
	.construction_cont_wrap .more_btn.white {
		padding: 1.0334rem 1rem 1.0334rem 2rem;
	}

	.construction_cont_wrap .more_btn.white {
		padding-left: 4rem;
	}
}

@media screen and (max-width: 480px) {
	.owners_post_ttl {
		font-size: 1.2667rem;
	}

	.lp-corporations .more_btn_wrap .more_btn.orange,
	.construction_cont_wrap .more_btn.white {
		width: 100%;
	}

	.construction_cont_wrap {
		max-width: none;
	}
}

/* ===========================================
	kerosene
============================================== */
.kerosene .under_ttl_area {
	background-image: url(../images/page/kerosene_ttl_bg.png);
}

.kerosene .article_area {
	padding-top: 0;
}

.strong_txt_wrap {
	justify-content: center;
	align-items: center;
	column-gap: 1.334rem;
	margin-bottom: 2.667rem;
}

.strong_txt {
	padding: 0.8667rem 1.8rem;
	font-weight: 900;
	font-size: 1.334rem;
	color: var(--white_color);
	letter-spacing: 0.05em;
	background-color: var(--orange_color);
	border-radius: 9999px;
}

.point_strong_list {
	justify-content: center;
	flex-wrap: wrap;
	margin-right: auto;
	margin-bottom: 2.667rem;
	margin-left: auto;
	max-width: 45.334rem;
	width: 100%;
}

.point_strong_list > li {
	width: 50%;
	font-weight: 900;
	font-size: 1.334rem;
	line-height: 2;
}

.point_strong_list > li::before {
	content: '●';
	color: var(--orange_color);
}

.kerosene .intro_cont_txt_wrap {
	justify-content: center;
}

.kerosene .intro_cont_txt_wrap .intro_cont_txt {
	text-align: left;
}

.red_txt {
	color: #ed1c24;
}

.order_wrap {
	justify-content: center;
	flex-wrap: wrap;
	gap: 2.667rem;
}

.order_item {
	padding: 2rem 3rem;
	width: calc(50% - 1.334rem);
	text-align: center;
	border-radius: 1.334rem;
}

.order_phone {
	background-color: #fff064;
}

.order_web {
	background-color: var(--orange_color);
}

.order_line {
	max-width: 37.334rem;
	width: 100%;
	background-color: #00c300;
}

.delivery_item {
	justify-content: space-between;
}

.delivery_item + .delivery_item {
	margin-top: 1rem;
}

.delivery_item + .order_phone_number {
	margin-top: 1.4rem;
}

.order_item:not(:first-child) {
	color: var(--white_color);
}

.delivery_time,
.delivery_day,
.order_txt {
	display: flex;
	align-items: center;
	font-weight: 900;
	font-size: 1.667rem;
	letter-spacing: 0.05em;
}

.delivery_time {
	position: relative;
	width: 14rem;
}

.delivery_time::after {
	content: '';
	position: absolute;
	right: -1.5rem;
	width: 0.9334rem;
	height: 1.2rem;
	background-image: url(../images/page/order_right_icon.svg);
	background-position: center;
	background-size: contain;
}

.delivery_day {
	width: 11rem;
	color: var(--orange_color);
}

.order_txt {
	justify-content: center;
	margin-bottom: 1.8rem;
	color: #fff064;
}

.delivery_time > span,
.delivery_day > span,
.order_txt > span {
	font-size: 1.2rem;
}

.delivery_day > span {
	color: var(--black_color);
}

.order_txt > span {
	color: var(--white_color);
}

.order_phone_number {
	font-weight: 600;
	font-size: 2.334rem;
	text-align: center;
}

.order_phone_number > span {
	font-size: 1.667rem;
}

.order_web .more_btn.white:hover {
	color: var(--orange_color);
	background-color: var(--white_color);
}

.order_web .more_btn.white:hover .arrow_right > svg > g > circle {
	fill: var(--orange_color) !important;
}

.order_web .more_btn.white:hover .arrow_right > svg .e {
	stroke: var(--white_color) !important;
}

.line_img_wrap {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto auto;
	margin-right: auto;
	margin-bottom: 2rem;
	margin-left: auto;
	width: 25.8rem;
}

.line_qr {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	justify-items: center;
}

.line_menu {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}

.line_img_txt {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	font-weight: 900;
	font-size: 1.2rem;
	color: #fff064;
	letter-spacing: 0.05em;
	text-align: center;
}

.line_img_txt::after {
	content: '▶︎';
}

.more_btn[target='_blank'].line_btn {
	padding-right: 5.4rem;
	padding-left: 2.3rem;
}

.more_btn[target='_blank'].line_btn:hover {
	color: #00c300;
	background-color: var(--white_color);
}

.more_btn[target='_blank'].line_btn::after {
	right: 2.8rem;
	background-image: url(../images/common/external_link_icon_green.svg);
}

.delivery_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 2rem;
}

.delivery_area .ttl_h2 {
	margin-bottom: 2.2667rem;
	text-align: center;
}

.area_table {
	margin-bottom: 2rem;
	width: 100%;
	background-color: var(--white_color);
	border-radius: 1.334rem;
}

.area_table th,
.area_table td {
	padding: 1.0667rem 2rem;
	letter-spacing: 0.05em;
	border-bottom: solid 1px #c8c8c8;
}

.area_table tr:last-child th,
.area_table tr:last-child td {
	border-bottom: none;
}

.area_table th {
	font-weight: 500;
	white-space: nowrap;
}

.area_table th:first-child {
	border-right: solid 1px #c8c8c8;
}

.area_txt,
.district_txt {
	line-height: 1.667;
}

.area_txt {
	display: inline;
	font-weight: 900;
	white-space: nowrap;
}

.district_txt {
	font-weight: 500;
}

.delivery_area .intro_cont_txt {
	margin-bottom: 0;
	text-align: left;
}

.district_area {
	padding-top: 9.334rem;
}

.district_area .ttl_h2 {
	margin-bottom: 2.334rem;
	text-align: center;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1439px) {
	.delivery_time,
	.delivery_day,
	.order_txt {
		font-size: min(
			max(18px, calc(1.125rem + ((1vw - 3.75px) * 1.1278))),
			30px
		);
	}

	.delivery_time > span,
	.delivery_day > span,
	.order_txt > span {
		font-size: min(
			max(14px, calc(0.875rem + ((1vw - 3.75px) * 0.3759))),
			18px
		);
	}
}

@media screen and (max-width: 1180px) {
	.order_wrap {
		gap: 2rem;
	}

	.delivery_time {
		flex-direction: column;
		justify-content: center;
		row-gap: 0.667rem;
	}

	.delivery_time {
		align-items: flex-start;
		width: 36%;
	}

	.delivery_time::after {
		right: -25%;
	}

	.delivery_day {
		width: 46%;
	}
}

@media screen and (max-width: 1024px) {
	.strong_txt {
		padding: 0.8rem 1.5rem;
		font-size: 1.0667rem;
	}

	.point_strong_list {
		margin-bottom: 2.5334rem;
	}

	.point_strong_list > li {
		font-size: 0.9334rem;
		line-height: 1.7;
	}

	.order_item {
		padding: 2rem;
	}

	.order_ttl_h3 {
		margin-bottom: 0.6rem;
	}

	.delivery_time,
	.delivery_day,
	.order_txt {
		font-size: 1.2rem;
	}

	.delivery_time > span,
	.delivery_day > span,
	.order_txt > span {
		font-size: 0.9334rem;
	}

	.order_phone_number {
		font-size: 2rem;
	}

	.order_phone_number > span {
		font-size: 1.2rem;
	}

	.order_txt {
		margin-bottom: 1.1334rem;
		line-height: 1.56;
	}

	.order_txt,
	.order_txt .mb_br {
		display: block;
	}

	.line_img_txt {
		font-size: 0.9334rem;
	}

	.delivery_area {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.district_area {
		padding-top: 4.667rem;
	}
}

@media screen and (max-width: 840px) {
	.order_item {
		max-width: 22rem;
		width: 100%;
	}

	.line_img_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		row-gap: 1.334rem;
		margin-bottom: 1.2667rem;
		width: 100%;
	}

	.line_img_txt::before {
		content: '▲';
	}

	.line_img_txt::after {
		content: none;
	}

	.order_web .more_btn {
		padding-left: 1.8667rem;
	}

	.more_btn[target='_blank'].line_btn {
		padding-right: 4rem;
	}

	.more_btn[target='_blank'].line_btn .more_btn_inner {
		line-height: 1.334;
		text-align: left;
	}

	.more_btn[target='_blank'].line_btn .more_btn_inner .mb_br {
		display: block;
	}

	.district_area {
		padding-top: 4.667rem;
	}
}

@media screen and (max-width: 768px) {
	.kerosene .under_ttl_area {
		background-image: url(../images/page/kerosene_ttl_bg_sp.png);
	}

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

	.point_strong_list > li {
		width: 15.8667rem;
	}

	.delivery_time {
		width: 38%;
	}

	.delivery_time::after {
		width: 0.6rem;
		height: 0.8rem;
	}

	.delivery_day {
		width: 48%;
	}

	.more_btn[target='_blank'].line_btn::after {
		right: 2.2rem;
	}

	.area_table {
		margin-bottom: 1.334rem;
	}

	.area_table th,
	.area_table td {
		padding: 1.334rem;
	}

	.area_table th:first-child {
		min-width: 3.6rem;
	}

	.area_table th:first-child > span {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}

	.area_wrap {
		display: block;
	}

	.district_txt {
		display: inline;
	}

	.delivery_area .intro_cont_txt {
		padding-left: 1em;
		text-indent: -1em;
	}

	.delivery_area .intro_cont_txt .mb_br {
		display: block;
	}
}

/* ===========================================
	equipment_sales
============================================== */
.equipment_sales .article_area {
	padding-top: 0;
}

.equipment_sales .under_ttl_area {
	background-image: url(../images/page/equipment_sales_ttl_bg.png);
}

.equipment_sales .intro_area .intro_txt {
	margin-bottom: 0;
}

.products_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 4rem;
}

.products_area .ttl_h2 {
	margin-bottom: 2.667rem;
	text-align: center;
}

.service_item {
	justify-content: center;
	flex-wrap: wrap;
	gap: 1.334rem;
	margin-right: auto;
	margin-bottom: 5.334rem;
	margin-left: auto;
	max-width: 38.4rem;
	width: 100%;
}

.service_item > li {
	padding: 1rem 1.6rem;
	min-width: 10.8rem;
	height: 3.0667rem;
	font-weight: 900;
	font-size: 1.33rem;
	line-height: 1;
	text-align: center;
	background-color: var(--white_color);
	border-radius: 9999px;
}

.equipment_sales .brand_logo_list {
	margin-bottom: 0;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1024px) {
	.service_item {
		margin-bottom: 4rem;
	}

	.service_item > li {
		padding-top: 0.9334rem;
		padding-bottom: 0.9334rem;
		font-size: 1rem;
	}
}

@media screen and (max-width: 768px) {
	.equipment_sales .under_ttl_area {
		background-image: url(../images/page/equipment_sales_ttl_bg_sp.png);
	}
}

@media screen and (max-width: 640px) {
	.service_item > li {
		padding-right: 8px;
		padding-left: 8px;
		min-width: auto;
		width: calc(50% - 1.334rem);
	}
}

/* ===========================================
	appliances
============================================== */
.appliances .article_area {
	padding-top: 0;
}

.appliances .under_ttl_area {
	background-image: url(../images/page/appliances_ttl_bg.png);
	background-size: cover;
}

.appliances .under_ttl {
	color: var(--white_color);
}

.appliances .intro_txt {
	margin-bottom: 0;
}

.iimono_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 4rem;
}

.iimono_area .ttl_h2 {
	margin-bottom: 2.667rem;
	text-align: center;
}

.pdf_wrap {
	margin-bottom: 2.667rem;
}

.iimono_download_btn {
	justify-content: center;
	align-items: center;
	margin-right: auto;
	margin-left: auto;
	width: 20.667rem;
	height: 4.1334rem;
	font-weight: 900;
	font-size: 2rem;
	color: var(--orange_color);
	letter-spacing: 0.05em;
	background-color: var(--white_color);
	border-radius: 9999px;
}

.iimono_download_btn:hover {
	color: var(--white_color);
	background-color: var(--orange_color);
}
/* ============
	responsive
================ */
@media screen and (max-width: 1024px) {
	.iimono_area {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.iimono_download_btn {
		width: 16.2667rem;
		height: 2.8rem;
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 768px) {
	.appliances .under_ttl_area {
		background-image: url(../images/page/appliances_ttl_bg_sp.png);
		background-size: contain;
	}

	.appliances .under_ttl {
		color: var(--black_color);
	}
}

/* ===========================================
	products
============================================== */
.products .article_area {
	padding-top: 0;
}

.products .under_ttl_area {
	background-image: url(../images/page/products_ttl_bg.png);
}

.products .intro_area .intro_txt {
	margin-bottom: 0.5rem;
}

.products .intro_area .intro_cont_txt {
	margin-bottom: 0;
	font-weight: 900;
	text-align: center;
}

.mine_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 4rem;
	text-align: center;
}

.mine_area .ttl_h2,
.delivery_box_area .ttl_h2,
.generator_area .ttl_h2 {
	margin-bottom: 2.4rem;
	line-height: 1.45;
	text-align: center;
}

.mine_area .ttl_h2 .en {
	font-weight: 600;
}

.mine_area .ttl_h2 .small_txt {
	font-size: 2rem;
}

.mine_area .intro_cont_txt {
	margin-bottom: 0;
}

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

.mine_area .cont_photo {
	margin-bottom: 2.2rem;
}

.mine_photo,
.mine_photo > img {
	width: 54rem;
	height: 44.2667rem;
}

.float_img {
	position: absolute;
	top: -2rem;
	right: -3.6rem;
	width: 16.667rem;
	height: 16.667rem;
}

.mine_number_txt {
	display: inline-block;
	margin-top: 1.8667rem;
	margin-bottom: 2.633rem;
	padding: 0.667rem 2.6rem;
	font-weight: 500;
	line-height: 1.667;
	border: solid 1px var(--white_color);
	border-radius: 9999px;
}

.external_link_btn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: auto;
	margin-left: auto;
	padding-right: 2.4rem;
	width: 23.334rem;
	height: 4.1334rem;
	font-weight: 900;
	font-size: 2rem;
	letter-spacing: 0.05em;
	border-radius: 9999px;
}

.external_link_btn::after {
	content: '';
	position: absolute;
	right: 2.9334rem;
	width: 1.4667rem;
	height: 1.1334rem;
	background-image: url(../images/common/external_link_icon_white.svg);
	background-position: center;
	background-size: contain;
}

.external_link_btn.white::after {
	background-image: url(../images/common/external_link_icon_orange.svg);
}

.mine_area .external_link_btn::after {
	background-image: url(../images/common/external_link_icon_blue.svg);
}

.external_link_btn.white {
	color: var(--orange_color);
	background-color: var(--white_color);
}

.external_link_btn.orange {
	color: var(--white_color);
	background-color: var(--orange_color);
}

.mine_area .external_link_btn.white {
	color: #32b4f5;
}

.delivery_box_area {
	padding-top: 9.334rem;
	padding-bottom: 9.334rem;
}

.delivery_photo,
.delivery_photo > img {
	width: 26.4rem;
	height: 40.334rem;
}

.delivery_box_area .cont_photo {
	margin-bottom: 5.1334rem;
}

.generator_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 4rem;
}

.generator_photo01,
.generator_photo02 {
	margin-bottom: 3.7334rem;
}

.generator_photo01 {
	width: 36.667rem;
	height: 36.667rem;
}

.generator_photo02 {
	width: 35.2rem;
	height: 38rem;
}

.generator_area .ttl_h3 {
	margin-bottom: 2.667rem;
	font-weight: 900;
	font-size: 1.334rem;
	text-align: center;
}

.external_link_btn + .cont_photo {
	margin-top: 2.2rem;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1439px) {
	.mine_area .ttl_h2 .small_txt {
		font-size: min(
			max(14px, calc(0.875rem + ((1vw - 3.75px) * 1.5038))),
			30px
		);
	}
}

@media screen and (max-width: 1280px) {
	.float_img {
		right: 0;
	}
}

@media screen and (max-width: 1024px) {
	.products .intro_area .intro_txt .mb_br,
	.products .intro_area .intro_cont_txt .mb_br,
	.mine_area .ttl_h2 .mb_br,
	.mine_area .intro_cont_txt .mb_br {
		display: block;
	}

	.mine_area {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.products .intro_cont_txt {
		margin-bottom: 2.667rem;
		text-align: left;
	}

	.products .intro_cont_txt.cont_photo_txt {
		text-align: center;
	}

	.float_img {
		position: static;
	}

	.cont_photo {
		flex-direction: column;
	}

	.mine_float_img {
		margin-bottom: -3.2667rem;
	}

	.mine_photo,
	.mine_photo > img {
		max-width: 28.2rem;
		width: 100%;
		height: auto;
	}

	.cont_photo_txt,
	.about_carbon_cont_wrap {
		font-size: 0.9334rem;
	}

	.mine_number_txt {
		margin-top: 0;
		padding: 0.667rem 2rem;
	}

	.external_link_btn {
		padding-right: 1.8rem;
		width: 14.334rem;
		height: 2.8rem;
		font-size: 1.2rem;
	}

	.external_link_btn::after {
		right: 2rem;
		width: 1.1334rem;
		height: 0.8667rem;
	}

	.delivery_box_area {
		padding-top: 4.667rem;
		padding-bottom: 4.667rem;
	}

	.delivery_box_area .cont_photo {
		margin-bottom: 2.4rem;
	}

	.delivery_float_img {
		margin-bottom: -1.7334rem;
	}

	.delivery_photo,
	.delivery_photo > img {
		width: 21.667rem;
		height: 33.2rem;
	}

	.generator_area {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.generator_photo01,
	.generator_photo02 {
		margin-bottom: 1.8rem;
	}

	.generator_photo01,
	.generator_photo01 > img {
		width: 22.4rem;
		height: 22.4rem;
	}

	.generator_area .ttl_h3 {
		margin-bottom: 1.2rem;
		line-height: 1.6;
	}

	.generator_area .ttl_h3 .mb_br {
		display: block;
	}

	.generator_photo02,
	.generator_photo02 > img {
		width: 22rem;
		height: 23.7334rem;
	}

	.generator_float_img {
		margin-bottom: -2.4rem;
	}

	.external_link_btn + .cont_photo {
		margin-top: 1.334rem;
	}
}

@media screen and (max-width: 768px) {
	.products .under_ttl_area {
		background-image: url(../images/page/products_ttl_bg_sp.png);
	}

	.mine_number_txt .mb_br {
		display: block;
	}
}

/* ===========================================
	point
============================================== */
.point .article_area {
	padding-top: 0;
}

.point_area {
	position: relative;
	padding-top: 16.8667rem;
	padding-bottom: 6.667rem;
	z-index: 1;
}

.point_area::before,
.point_area::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.point_area::before {
	background-image: url(../images/page/point_bg.png);
	background-position: center;
	background-size: auto 100%;
	background-repeat: repeat;
	mix-blend-mode: multiply;
	z-index: -1;
}

.point_area::after {
	background: linear-gradient(165deg, #f7ea89 20%, #f5ac3c 80%);
	z-index: -2;
}

.point_float_img01 {
	top: 28.334rem;
	left: 5.334rem;
	width: 24.667rem;
	height: auto;
}

/*.point_float_img01 > img {
	-webkit-mask-image: url(../images/common/shape-01-8s.svg);
	mask-image: url(../images/common/shape-01-8s.svg);
}*/

.point_float_img02 {
	top: 21.667rem;
	right: 5.334rem;
	width: 20.5334rem;
	height: auto;
}

/*.point_float_img02 > img {
	-webkit-mask-image: url(../images/common/shape-02-8s.svg);
	mask-image: url(../images/common/shape-02-8s.svg);
}*/

.point_float_img03 {
	top: 41.667rem;
	right: 12.1334rem;
	width: 16.4rem;
	height: auto;
}

/*.point_float_img03 > img {
	-webkit-mask-image: url(../images/common/shape-03-8s.svg);
	mask-image: url(../images/common/shape-03-8s.svg);
}*/

.point_ttl_h2 {
	position: relative;
	margin-bottom: 2.667rem;
	font-weight: 900;
	font-size: 2rem;
	text-align: center;
}

.point_ttl_h2::before,
.point_ttl_h2::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 3px;
	height: 3.4rem;
	background-color: var(--black_color);
}

.point_ttl_h2::before {
	margin-left: -1.5rem;
	transform: rotate(-30deg);
}

.point_ttl_h2::after {
	margin-left: 1.5rem;
	transform: rotate(30deg);
}

.point_ttl_h3,
.point_intro_txt {
	position: relative;
}

.point_ttl_h3 {
	margin-bottom: 4.8rem;
	font-weight: 900;
	font-size: 4rem;
	line-height: 1.5;
	text-align: center;
}

.point_ttl_h3 > span {
	font-size: 6.667rem;
	color: #e63228;
	line-height: 1.2;
}

.point_intro_txt {
	margin-bottom: 0.5rem;
}

.point_area .intro_cont_txt {
	margin-bottom: 5.334rem;
}

.point_cont_wrap {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, auto);
	gap: 1.334rem;
}

.point01 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
	padding: 2.6rem 3.5334rem;
	background-color: #e63228;
	border-radius: 2.667rem 2.667rem 0 0;
}

.point01_ttl_wrap {
	position: relative;
	align-items: flex-end;
	column-gap: 1.7334rem;
	margin-bottom: 1.5rem;
}

.point_number_wrap {
	align-items: center;
	column-gap: 0.5334rem;
	color: var(--white_color);
}

.point_txt {
	font-weight: 600;
	font-size: 1.667rem;
}

.point_number {
	font-weight: 600;
	font-size: 3.334rem;
}

.point01_ttl {
	font-weight: 900;
	font-size: 3.3rem;
	color: #fff000;
}

.point01_ttl_img {
	position: absolute;
	top: -3.667rem;
	right: 0;
}

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

.terms_wrap + .terms_wrap {
	margin-top: 7px;
}

.terms {
	padding-bottom: 0.667rem;
	width: 30.4667rem;
	font-weight: 900;
	font-size: 2rem;
	color: var(--white_color);
	background-image: url(../images/page/wave_line_white.svg);
	background-position: bottom left;
	background-size: auto;
}

.point_txt {
	font-weight: 900;
	font-size: 2rem;
	color: #fff;
}

.terms_point {
	margin-right: 6px;
	font-weight: 600;
	font-size: 4.6rem;
	color: #fff000;
}

.point_txt.en,
.point_txt .en {
	font-weight: 600;
}

.point02 {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.point_item {
	padding-right: 2rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	background-color: var(--white_color);
}

.point_item_ttl_wrap {
	align-items: center;
	column-gap: 1.3rem;
	margin-bottom: 2rem;
	padding-right: 2rem;
	padding-left: 2rem;
	margin-right: -2rem;
	margin-left: -2rem;
	height: 6.2rem;
	background-color: var(--orange_color);
}

.point_item_ttl {
	display: flex;
	align-items: center;
	font-weight: 900;
	font-size: 2rem;
	color: var(--white_color);
}

.point_item_ttl .en {
	font-weight: 600;
}

.yellow_txt {
	display: flex;
	align-items: center;
	color: #fff000;
}

.yellow_txt > .en {
	font-size: 4rem;
}

.point_item .intro_txt {
	margin-bottom: 1.8rem;
	text-align: left;
}

.point_item_cont {
	column-gap: 1rem;
}

.point_item_cont + .point_item_cont {
	margin-top: 1.3rem;
	padding-top: 1.3rem;
	border-top: solid 2px var(--black_color);
}

.point_item_cont_txt {
	margin-bottom: 0.8rem;
	font-weight: 900;
	font-size: 2rem;
}

.point_item_point_txt {
	font-weight: 900;
	font-size: 2rem;
}

.point_item_point_txt .en {
	font-weight: 600;
	font-size: 3.667rem;
}

.point_item_point_txt .small_txt {
	font-size: 1.334rem;
}

.point03 {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.point_item_wrap {
	justify-content: space-between;
}

.point03_img_wrap {
	flex-direction: column;
	width: 45.5%;
	row-gap: 1.334rem;
}

.point_item_cont_wrap {
	width: 50%;
}

.point_item_txt {
	padding-bottom: 1.25rem;
	font-weight: 900;
	font-size: 1.334rem;
	line-height: 1.6;
	border-bottom: solid 2px var(--black_color);
}

.point_item_list {
	flex-direction: column;
	padding-top: 1.5rem;
}

.point_item_list > li {
	font-weight: 900;
	font-size: 1.334rem;
	line-height: 1.6;
}

.point_item_list > li::before {
	content: '●';
}

.users_voice {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
	padding: 2rem;
	background-color: #00a096;
	border-radius: 0 0 2.667rem 2.667rem;
}

.users_voice_inner {
	justify-content: space-between;
}

.users_voice_wrap {
	width: calc(50% - 1.9334rem);
}

.users_voice_wrap + .users_voice_wrap {
	position: relative;
}

.users_voice_wrap + .users_voice_wrap::before {
	content: '';
	position: absolute;
	left: -1.9334rem;
	width: 2px;
	height: 100%;
	background-color: var(--white_color);
}

.users_voice_ttl_wrap {
	column-gap: 1.3rem;
	margin-bottom: 1rem;
}

.users_voice_ttl.en {
	font-weight: 400;
	font-size: 3rem;
	color: var(--white_color);
	letter-spacing: 0.05em;
}

.users_voice_ttl > span {
	display: block;
	margin-top: 1rem;
	font-weight: 600;
	font-size: 1.334rem;
}

.users_voice_strong {
	margin-bottom: 1.667rem;
	font-weight: 900;
	font-size: 2rem;
	color: #fff000;
	line-height: 1.4;
}

.voice_item > p {
	color: var(--white_color);
	line-height: 1.667;
}

.voice_item + .voice_item {
	margin-top: 1.8667rem;
	padding-top: 1.8667rem;
	border-top: solid 2px var(--white_color);
}

.service_area {
	padding-top: 9.334rem;
}

.service_area .ttl_h2 {
	margin-bottom: 2.334rem;
	text-align: center;
}

.page_btn_wrap {
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem;
}

.page_btn_wrap + .page_btn_wrap {
	margin-top: 1rem;
}

.page_btn_wrap .more_btn.orange .more_btn_inner {
	column-gap: 1.8rem;
}

.page_btn_wrap + .ttl_h2 {
	margin-top: 5.334rem;
}

.service_area .intro_txt {
	margin-bottom: 2.4667rem;
}

.service_area .more_btn_wrap .more_btn.orange {
	padding-top: 1.0667rem;
	padding-bottom: 1.0667rem;
}

.more_btn_center_box {
	text-align: center;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1439px) {
	.point_float_img01 {
		left: 2.5vw;
		width: 25.7vw;
		height: auto;
		aspect-ratio: 37 / 30;
	}

	.point_float_img02 {
		right: 2.5vw;
		width: 21.4vw;
		height: auto;
		aspect-ratio: 154 / 125;
	}

	.point_float_img03 {
		right: 7vw;
		width: 17.2vw;
		height: auto;
		aspect-ratio: 247 / 200;
	}

	.point_ttl_h2 {
		font-size: min(
			max(18px, calc(1.125rem + ((1vw - 3.75px) * 1.1278))),
			30px
		);
	}

	.point_ttl_h3 {
		font-size: min(max(32px, calc(2rem + ((1vw - 3.75px) * 2.6316))), 60px);
	}

	.point_ttl_h3 > span {
		font-size: min(
			max(52px, calc(3.25rem + ((1vw - 3.75px) * 4.5113))),
			100px
		);
	}

	.point01_ttl_wrap {
		align-items: center;
	}

	.point_number_wrap {
		flex-direction: column;
	}

	.point_txt {
		font-size: min(
			max(14px, calc(0.875rem + ((1vw - 3.75px) * 1.0338))),
			25px
		);
	}

	.point_number {
		font-size: min(
			max(35px, calc(2.1875rem + ((1vw - 3.75px) * 1.4098))),
			50px
		);
	}

	.point01_ttl {
		font-size: min(
			max(20px, calc(1.25rem + ((1vw - 3.75px) * 2.7256))),
			49px
		);
	}

	.terms {
		font-size: min(
			max(17px, calc(1.0625rem + ((1vw - 7.68px) * 1.9374))),
			30px
		);
	}

	.point_txt {
		font-size: min(
			max(17px, calc(1.0625rem + ((1vw - 7.68px) * 1.9374))),
			30px
		);
	}

	.terms_point {
		font-size: min(
			max(40px, calc(2.5rem + ((1vw - 3.75px) * 2.7256))),
			69px
		);
	}

	.point_item_ttl {
		font-size: min(
			max(20px, calc(1.25rem + ((1vw - 3.75px) * 0.9398))),
			30px
		);
	}

	.yellow_txt > .en {
		font-size: min(
			max(35px, calc(2.1875rem + ((1vw - 3.75px) * 2.3496))),
			60px
		);
	}

	.point_item_cont_txt {
		font-size: min(
			max(18px, calc(1.125rem + ((1vw - 3.75px) * 1.1278))),
			30px
		);
	}

	.point_item_point_txt {
		font-size: min(
			max(17px, calc(1.0625rem + ((1vw - 7.68px) * 1.9374))),
			30px
		);
	}

	.point_item_point_txt .en {
		font-size: min(
			max(35px, calc(2.1875rem + ((1vw - 3.75px) * 1.8797))),
			55px
		);
	}

	.point_item_txt {
		font-size: min(
			max(14px, calc(0.875rem + ((1vw - 3.75px) * 0.5639))),
			20px
		);
	}

	.point_item_list > li {
		font-size: min(
			max(18px, calc(1.125rem + ((1vw - 3.75px) * 0.188))),
			20px
		);
	}

	.users_voice_ttl_icon {
		width: 7.5vw;
		height: auto;
	}

	.users_voice_ttl.en {
		font-size: min(
			max(25px, calc(1.5625rem + ((1vw - 3.75px) * 1.8797))),
			45px
		);
	}

	.users_voice_ttl > span {
		font-size: min(
			max(14px, calc(0.875rem + ((1vw - 3.75px) * 0.5639))),
			20px
		);
	}

	.users_voice_strong {
		font-size: min(
			max(18px, calc(1.125rem + ((1vw - 3.75px) * 1.1278))),
			30px
		);
	}

	.voice_item > p {
		font-size: 0.9334rem;
	}
}

@media screen and (max-width: 1040px) {
	.terms {
		width: 25rem;
	}
}

@media screen and (max-width: 1024px) {
	.point_area {
		padding-top: 8rem;
	}

	.point_float_img01 {
		top: 18.667rem;
	}

	.point_float_img02 {
		top: 12rem;
	}

	.point_float_img03 {
		top: 32rem;
	}

	.point01 {
		padding: 2rem 1.4rem;
		border-radius: 1.334rem 1.334rem 0 0;
	}

	.point_item {
		padding-right: 1.334rem;
		padding-left: 1.334rem;
	}

	.point_item_ttl_wrap {
		margin-right: -1.334rem;
		margin-left: -1.334rem;
		padding-right: 1.334rem;
		padding-left: 1.334rem;
	}

	.point_item_icon {
		width: 3.667rem;
	}

	.point_item_point_txt .small_txt,
	.point_item_point_txt .small_point_txt {
		font-size: 0.9334rem;
	}

	.point_item_wrap {
		flex-direction: column;
		row-gap: 2rem;
	}

	.point03_img_wrap {
		flex-direction: row;
		column-gap: 1.334rem;
	}

	.point03_img_wrap,
	.point_item_cont_wrap {
		width: 100%;
	}

	.point_item_txt {
		padding-bottom: 1.2rem;
	}

	.point_item_txt .pc_br {
		display: none;
	}

	.point_item_list {
		padding-top: 1.2rem;
	}

	.users_voice {
		padding-right: 1.334rem;
		padding-left: 1.334rem;
		border-radius: 0 0 1.334rem 1.334rem;
	}

	.service_area {
		padding-top: 4.667rem;
	}
}

@media screen and (max-width: 880px) {
	.point_cont_wrap {
		display: flex;
		flex-direction: column;
	}

	.point_item_ttl_wrap {
		height: 7.0667rem;
	}
}

@media screen and (max-width: 860px) {
	.point01_ttl_img {
		top: -1.4rem;
		width: 8.4rem;
		height: 5.667rem;
	}

	.terms_wrap {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 1.1334rem;
	}

	.terms_wrap + .terms_wrap {
		margin-top: 1.5rem;
	}

	.users_voice_inner {
		flex-direction: column;
	}

	.users_voice_wrap {
		width: 100%;
	}

	.users_voice_wrap + .users_voice_wrap {
		margin-top: 1.8667rem;
		padding-top: 1.8667rem;
		border-top: solid 2px var(--white_color);
	}

	.users_voice_wrap + .users_voice_wrap::before {
		content: none;
	}
}

@media screen and (max-width: 768px) {
	.point_area::before {
		background-image: url(../images/page/point_bg_sp.png);
		background-size: cover;
		background-position: top center;
	}

	.intro_cont_txt {
		text-align: center;
	}

	.point_ttl_h2 {
		margin-bottom: 1.334rem;
		line-height: 1.667;
	}

	.point_ttl_h2::before,
	.point_ttl_h2::after {
		height: 4rem;
	}

	.point_ttl_h2::before {
		margin-left: -3rem;
	}

	.point_ttl_h2::after {
		margin-left: 2rem;
	}

	.point_ttl_h2 .mb_br {
		display: block;
	}

	.point_ttl_h3 {
		margin-bottom: 2.4rem;
	}

	.point_area .intro_cont_txt {
		margin-bottom: 2.667rem;
	}

	.service_area .intro_txt .mb_br {
		display: block;
	}

	.users_voice_ttl_icon {
		width: 5.4rem;
		height: 4.2rem;
	}
}

@media screen and (max-width: 640px) {
	.point_area {
		padding-top: 24.2rem;
	}

	.point_float_img01 {
		top: 7.4667rem;
		left: -1rem;
		width: 49vw;
	}

	.point_float_img02 {
		top: 6.1334rem;
		right: -0.667rem;
		width: 40vw;
	}

	.point_float_img03 {
		top: 14.8667rem;
		right: 5.334rem;
		width: 32.8vw;
	}

	.point01_ttl {
		line-height: 1.6;
	}

	.point01_ttl .mb_br {
		display: block;
	}

	.point01_ttl_img {
		right: -3rem;
	}

	.terms,
	.point_txt {
		width: 100%;
	}

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

	.page_btn_wrap .more_btn.orange {
		position: relative;
		width: 16.2667rem;
		padding-right: 1.5rem;
		padding-left: 0.667rem;
	}

	.page_btn_wrap .more_btn.orange .arrow_right {
		position: absolute;
		right: 0.667rem;
	}
}

/* ===========================================
	emergency
============================================== */
.emergency .under_ttl_area {
	padding-bottom: 4rem;
	background: linear-gradient(135deg, #c30d23 20%, #f5ac3c 80%);
}

.emergency .under_ttl_inner {
	column-gap: 6.2rem;
}

.emergency .under_ttl,
.emergency .under_ttl_sub {
	color: var(--white_color);
}

.emergency .under_ttl {
	white-space: nowrap;
}

.under_ttl_area .emergency_btn_wrap .more_btn.red {
	border: none;
}

.emergency .more_btn.red .arrow_right {
	transform: rotate(90deg);
}

.emergency .article_area {
	padding-top: 0;
	padding-bottom: 0;
}

.emergency_cont_wrap {
	justify-content: space-between;
	column-gap: 2rem;
	padding: 2.5334rem 2.1334rem;
	background-color: var(--white_color);
	border-radius: 2.667rem;
}

.emergency_cont_wrap + .emergency_cont_wrap {
	margin-top: 2.667rem;
}

.emergency_cont_item {
	width: 33.6rem;
}

.emergency_ttl_h2 {
	position: relative;
	margin-bottom: 1.667rem;
	padding-left: 4.667rem;
	font-weight: 900;
	font-size: 2.667rem;
	color: var(--red_color);
	letter-spacing: 0.05em;
	line-height: 1.4;
}

.emergency_ttl_h2 + .emergency_ttl_h2 {
	margin-top: -1.6rem;
}

.emergency_ttl_h2::before {
	content: '';
	position: absolute;
	bottom: 0.5rem;
	left: 0;
	width: 3.4667rem;
	height: 3.1334rem;
	background-image: url(../images/common/emergency_icon_red.svg);
	background-position: center;
	background-size: contain;
}

.emergency .red_txt {
	color: var(--red_color);
}

.emergency_cont_wrap .intro_txt {
	margin-bottom: 1.7334rem;
	text-align: left;
}

.emergency_cont_list > li {
	padding-left: 1em;
	font-weight: 700;
	font-size: 1.334rem;
	line-height: 1.667;
	text-indent: -1em;
}

.emergency_cont_list > li::before {
	content: '●';
}

.emergency_cont_list.small_list > li {
	font-size: 1rem;
}

.emergency_cont_list + .emergency_phone_btn {
	margin-top: 1.667rem;
}

.emergency_phone_btn {
	font-weight: 600;
	font-size: 3.334rem;
	letter-spacing: 0.05em;
}

.emergency_phone_btn > span {
	font-size: 2rem;
}

.emergency_cont_img_item {
	width: 26.667rem;
}

.emergency_icon_wrap {
	justify-content: space-between;
	column-gap: 1.334rem;
	margin-bottom: 2rem;
}

.emergency_icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(50% - 0.667rem);
}

.emergency_icon > p {
	margin-bottom: 1.0667rem;
	font-weight: 900;
	font-size: 1.334rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

.emergency_ttl_h3 {
	margin-bottom: 1.334rem;
	font-weight: 900;
	font-size: 1.334rem;
	text-align: center;
	letter-spacing: 0.05em;
}

.emergency_ttl_h3 > span {
	display: block;
}

.mini_list {
	margin-top: 0.5rem;
}

.mini_list > li {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.6;
	list-style: none;
}

.emergency_cont_list + .more_btn_center_box {
	margin-top: 1.667rem;
	text-align: left;
}

.emergency_cont_wrap .more_btn.red {
	padding: 0.667rem 0.667rem 0.667rem 1.667rem;
	font-size: 1.334rem;
}

.emergency_cont_wrap .more_btn.red .more_btn_inner {
	column-gap: 1.0667rem;
}

.emergency_cont_wrap .more_btn.red .arrow_right > svg {
	width: 1.6rem;
	height: 1.6rem;
}

.accident_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 4rem;
	background-color: var(--white_color);
}

.accident_area .ttl_h2,
.faq_area .ttl_h2,
.gas_area .ttl_h2 {
	margin-bottom: 2.334rem;
	text-align: center;
}

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

.faq_area {
	padding-top: 9.334rem;
	padding-bottom: 9.334rem;
}

.faq_list_item + .faq_list_item {
	margin-top: 3.2rem;
}

.faq_list_item {
	position: relative;
}

.faq_list_item::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0.6rem;
	width: 2.334rem;
	height: 2.334rem;
	border: solid 1px var(--black_color);
	border-radius: 9999px;
}

.question_wrap {
	position: relative;
	padding-bottom: 1.2667rem;
	border-bottom: solid 2px var(--black_color);
	transition: all 0.4s;
}

.question_wrap:hover {
	opacity: 0.7;
	cursor: pointer;
	transition: all 0.4s;
}

.question_wrap::before,
.question_wrap::after {
	content: '';
	position: absolute;
	top: 1.15rem;
	right: 1.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1rem;
	height: 2px;
	background-color: var(--black_color);
}

.question_wrap::after {
	transform: rotate(90deg);
	transition: all 0.4s;
}

.question_wrap.open::after {
	transform: rotate(0);
	transition: all 0.4s;
}

.answer_wrap {
	display: none;
}

.question_wrap.open::before {
	content: '-';
}

.question_inner,
.answer_inner {
	column-gap: 1.6rem;
}

.question_mark,
.answer_mark {
	font-size: 2rem;
	font-style: italic;
	color: var(--red_color);
	line-height: 1;
}

.question_ttl,
.answer_txt {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.6;
}

.answer_wrap {
	padding-top: 1.2667rem;
}

.gas_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 9.334rem;
}

.gas_cont_wrap {
	padding: 2.667rem 6.4rem;
	background-color: var(--white_color);
	border-radius: 2.667rem;
}

.gas_flow_img {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.667rem;
}

.gas_cont_wrap .intro_txt {
	margin-bottom: 0;
	text-align: left;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1439px) {
	.emergency_ttl_h2 {
		padding-left: 4.8vw;
		font-size: min(
			max(20px, calc(1.25rem + ((1vw - 3.75px) * 1.8797))),
			40px
		);
	}

	.emergency_ttl_h2::before {
		width: 3.7vw;
		height: 3.3vw;
	}

	.emergency_phone_btn {
		font-size: min(
			max(30px, calc(1.875rem + ((1vw - 3.75px) * 1.8797))),
			50px
		);
	}

	.emergency_phone_btn > span {
		font-size: min(
			max(18px, calc(1.125rem + ((1vw - 3.75px) * 1.1278))),
			30px
		);
	}

	.emergency_icon > p {
		font-size: min(
			max(14px, calc(0.875rem + ((1vw - 10.24px) * 1.4458))),
			20px
		);
	}
}

@media screen and (max-width: 1024px) {
	.emergency_cont_wrap {
		padding: 2rem 1.334rem;
		border-radius: 1.334rem;
	}

	.emergency_cont_wrap + .emergency_cont_wrap {
		margin-top: 2rem;
	}

	.emergency_cont_wrap .intro_txt,
	.emergency_cont_list > li,
	.mini_list > li {
		font-size: 1.0667rem;
	}

	.emergency_cont_list.small_list > li {
		font-size: 0.9334rem;
	}

	.emergency_ttl_h3 {
		font-size: 1.2rem;
	}

	.emergency_cont_wrap .more_btn.red .more_btn_inner {
		font-size: 1.2rem;
	}

	.accident_area {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.faq_area {
		padding-top: 4.667rem;
		padding-bottom: 4.667rem;
	}

	.faq_list_item + .faq_list_item {
		margin-top: 2.4667rem;
	}

	.faq_list_item::before {
		right: 0;
		width: 1.334rem;
		height: 1.334rem;
	}

	.question_wrap::before,
	.question_wrap::after {
		top: 0.6rem;
		right: 0.365rem;
		width: 0.6rem;
	}

	.question_inner,
	.answer_inner {
		column-gap: 1.1334rem;
	}

	.question_mark,
	.answer_mark {
		font-size: 1.334rem;
	}

	.question_ttl,
	.answer_txt {
		font-size: 0.9334rem;
	}

	.gas_area {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.gas_cont_wrap {
		padding: 2rem 1.334rem;
		border-radius: 1.334rem;
	}
}

@media screen and (max-width: 840px) {
	.emergency_cont_wrap {
		flex-direction: column;
		row-gap: 2.5334rem;
	}

	.emergency_cont_item,
	.emergency_cont_img_item,
	.emergency_icon > img,
	.emergency_attention_icon > img {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.emergency .under_ttl_area {
		padding-bottom: 0;
	}

	.emergency .under_ttl_inner {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		row-gap: 2.1334rem;
	}
}

@media screen and (max-width: 480px) {
	.emergency_cont_list + .more_btn_center_box {
		text-align: center;
	}

	.question_ttl .mb_br {
		display: block;
	}
}

/* ===========================================
	recruit
============================================== */
.recruit .under_ttl_area {
	background-image: url(../images/page/recruit_ttl_bg.png);
}

.recruit .article_area {
	padding-top: 0;
}

.recruit .intro_area .intro_txt {
	margin-bottom: 4rem;
}

.recruit .more_btn.orange svg {
	transform: rotate(90deg);
}

.about_ugogas_area {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 4rem;
}

.about_ugogas_area .ttl_h2,
.interview_area .ttl_h2,
.about_ugogas_area .ttl_h2,
.entry_area .ttl_h2 {
	margin-bottom: 2.4rem;
	text-align: center;
}

.about_gas_list {
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(4, 1fr);
	gap: 2.667rem;
	margin-bottom: 6.667rem;
}

.about_gas_item {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 1.667rem;
	padding-bottom: 1.667rem;
	background-color: var(--white_color);
	border-radius: 2.667rem;
}

.about_gas_item_ttl {
	margin-bottom: 1rem;
	font-weight: 900;
	font-size: 2rem;
	letter-spacing: 0.05em;
	line-height: 1.334;
	text-align: center;
}

.about_gas_strong_txt {
	color: var(--orange_color);
	letter-spacing: 0.05em;
}

.about_gas_strong_txt.en {
	display: flex;
	align-items: flex-end;
	font-weight: 600;
	font-size: 5.334rem;
}

.about_gas_strong_txt .overtime {
	letter-spacing: -0.1em;
}

.about_gas_strong_txt.en > span {
	margin-bottom: 0.7rem;
	font-weight: 900;
	font-size: 2.667rem;
}

.about_gas_strong_txt + .about_gas_txt {
	margin-top: 1rem;
	font-weight: 900;
	letter-spacing: 0.05em;
	line-height: 1.6;
	text-align: center;
}

.sex_wrap {
	column-gap: 2.4rem;
	margin-bottom: 1rem;
}

.sex_item {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 0.667rem;
}

.sex_number {
	font-weight: 900;
	font-size: 2rem;
	letter-spacing: 0.05em;
}

.sex_number > span {
	font-size: 1rem;
}

.graph_img {
	margin-right: -2rem;
}

.about_gas_strong_txt_ja,
.about_gas_strong_txt_yasai {
	font-weight: 900;
	font-size: 3.334rem;
	color: var(--orange_color);
	letter-spacing: 0.05em;
	line-height: 1.2;
	text-align: center;
}

.about_gas_strong_txt_yasai {
	font-size: 2.667rem;
	line-height: 1.25;
}

.works_item {
	padding: 2rem 5.2rem;
	background-color: var(--white_color);
	border-radius: 2.667rem;
}

.works_item + .works_item {
	margin-top: 2.667rem;
}

.works_item + .recruit_gallery {
	margin-top: 6.667rem;
}

.works_ttl_h3,
.works_ttl_h4 {
	font-weight: 900;
	color: var(--orange_color);
	letter-spacing: 0.05em;
}

.works_ttl_h3 {
	margin-bottom: 1.8667rem;
	font-size: 2rem;
	text-align: center;
}

.works_item_inner {
	justify-content: space-between;
	margin-bottom: 2.667rem;
}

.works_item .more_btn.orange {
	padding: 0.6rem 1.1334rem 0.6rem 2.8667rem;
	font-size: 1.334rem;
}

.works_item .more_btn.orange .more_btn_inner {
	column-gap: 1.9rem;
}

.works_ttl_h4 {
	margin-bottom: 0.8rem;
	font-size: 1.334rem;
}

.works_item_wrap {
	width: 45%;
}

.works_item_wrap + .works_item_wrap {
	position: relative;
}

.works_item_wrap + .works_item_wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: -11%;
	width: 1px;
	height: 100%;
	background-color: var(--black_color);
}

.works_item_list > li {
	padding-left: 1em;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.667;
	letter-spacing: 0.05em;
	text-indent: -1em;
}

.works_item_list > li::before {
	content: '●';
}

.recruit_gallery {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	overflow-x: hidden;
}

.recruit_gallery .swiper-wrapper {
	column-gap: 2rem;
	transition-timing-function: linear;
}

.recruit_gallery_item {
	width: 33.334rem;
	height: auto;
	aspect-ratio: 25 / 18;
}

.recruit_gallery_item.even_item {
	margin-top: 6.667rem;
}

.interview_area {
	padding-top: 9.334rem;
	padding-bottom: 9.334rem;
}

.interview_btn_wrap {
	justify-content: space-between;
	margin-bottom: 9.0667rem;
	counter-reset: number 0;
}

.staff_item {
	position: relative;
	width: 19.334rem;
	height: 40rem;
}

.staff_item::before {
	counter-increment: number 1;
	content: counter(number, decimal-leading-zero);
	position: absolute;
	top: -2rem;
	left: 0.5rem;
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	font-size: 7rem;
	font-style: italic;
	color: var(--orange_color);
	letter-spacing: 0.05em;
}

.staff_item::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -3.8rem;
	left: 0;
	margin: auto;
	width: 2.2667rem;
	height: 1.2667rem;
	background-image: url(../images/common/under_icon.svg);
}

.staff_item:nth-child(even) {
	margin-top: 6.667rem;
}

.staff_item > img {
	border-radius: 9999px;
}

.staff_interview_area {
	counter-reset: number2 0;
}

.staff_interview_wrap + .staff_interview_wrap {
	margin-top: 6.667rem;
}

.staff_name {
	position: absolute;
	right: 1.2rem;
	bottom: 0;
	font-weight: 900;
	font-size: 2rem;
	letter-spacing: 0.05em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.staff_name > span {
	font-size: 1.334rem;
}

.staff_profile {
	grid-template-columns: auto 27.6rem;
	grid-template-rows: 24.1334rem auto;
	gap: 5.1334rem 8.4667rem;
	margin-bottom: 2rem;
}

.staff_interview_wrap:nth-child(even) .staff_profile {
	grid-template-columns: 27.6rem auto;
}

.staff_profile .photo_wrap {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	position: relative;
}

.staff_interview_wrap:nth-child(even) .staff_profile .photo_wrap {
	grid-column: 1 / 2;
}

.staff_profile .photo_wrap::before {
	counter-increment: number2 1;
	content: counter(number2, decimal-leading-zero);
	position: absolute;
	top: 3rem;
	left: -6rem;
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	font-size: 10rem;
	font-style: italic;
	color: var(--orange_color);
	letter-spacing: 0.05em;
}

.staff_interview_wrap:nth-child(even) .staff_profile .photo_wrap::before {
	right: -6rem;
	left: auto;
}

.staff_profile .photo_wrap > img {
	border-radius: 9999px;
}

.catch_wrap {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	align-content: end;
}

.staff_interview_wrap:nth-child(even) .catch_wrap,
.staff_interview_wrap:nth-child(even) .interview01_wrap {
	grid-column: 2 / 3;
}

.profile_date {
	margin-bottom: 1.2rem;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: 0.05em;
}

.profile_name {
	margin-bottom: 5.1334rem;
	font-weight: 900;
	font-size: 2rem;
	letter-spacing: 0.05em;
}

.profile_name > span {
	font-size: 1.334rem;
}

.profile_catch {
	margin-right: -2rem;
	font-weight: 900;
	font-size: 2rem;
	color: var(--orange_color);
	letter-spacing: 0.05em;
	line-height: 1.6;
}

.staff_interview_wrap:nth-child(even) .profile_catch {
	margin-right: auto;
	margin-left: -5rem;
}

.interview01_wrap {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.interview_question {
	margin-bottom: 1.8rem;
	padding-left: 3.334rem;
	font-weight: 900;
	font-size: 1.334rem;
	line-height: 1.75;
}

.interview_question > span {
	position: relative;
}

.interview_question > span::before {
	content: '';
	position: absolute;
	top: 0;
	left: -3.334rem;
	bottom: 0;
	margin: auto;
	width: 2.667rem;
	height: 2px;
	background-color: var(--black_color);
}

.interview_answer + .interview_question {
	margin-top: 3.3rem;
}

.interview_answer {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.667;
}

.staff_interview_wrap:nth-child(even) .profile_date,
.staff_interview_wrap:nth-child(even) .profile_name,
.staff_interview_wrap:nth-child(even) .profile_catch,
.staff_interview_wrap:nth-child(even) .interview01_wrap .interview_question {
	text-align: right;
}

.interview02_wrap {
	margin-bottom: 3.4667rem;
}

.interview02_wrap,
.schedule_wrap {
	justify-content: space-between;
}

.staff_interview_wrap:nth-child(even) .interview02_wrap,
.staff_interview_wrap:nth-child(even) .schedule_wrap {
	flex-direction: row-reverse;
}

.interview02_wrap .photo_wrap,
.interview_cont,
.schedule_cont,
.schedule_wrap .photo_wrap {
	width: 48%;
}

.staff02 .interview02_wrap .photo_wrap {
	margin-top: -2.8rem;
}

.interview_cont {
	padding-top: 4.667rem;
}

.staff01 .schedule_cont {
	margin-top: -6.2rem;
}

.staff02 .schedule_cont {
	margin-top: -5.667rem;
}

.staff03 .schedule_cont {
	margin-top: -9.6rem;
}

.staff01 .schedule_cont {
	margin-top: -6.2rem;
}

.schedule_ttl {
	margin-bottom: 2.4667rem;
	font-weight: 900;
	font-size: 2rem;
	letter-spacing: 0.05em;
}

.schedule_item {
	position: relative;
	padding-left: 2.2rem;
	column-gap: 2.667rem;
}

.schedule_item + .schedule_item {
	margin-top: 1rem;
}

.schedule_item::before {
	content: '';
	position: absolute;
	top: 0.8rem;
	left: 0;
	width: 0.667rem;
	height: 0.667rem;
	background-color: var(--black_color);
	border-radius: 9999px;
}

.schedule_item:not(:last-child):after {
	content: '';
	position: absolute;
	top: 1.8rem;
	left: 4px;
	width: 2px;
	height: calc(100% - 4px);
	background-color: var(--black_color);
}

.schedule_item .time,
.schedule_txt {
	font-weight: 700;
	font-size: 1.334rem;
	line-height: 1.55;
}

.schedule_item .time {
	width: 2.8rem;
}

.about_ugogas_area .tab_btn_list > li {
	width: 22.4rem;
}

.about_ugogas_area .tab_contents_area {
	padding-right: 4rem;
	padding-left: 4rem;
}

.about_ugogas_area .tab_contents {
	max-width: none;
}

.about_ugogas_area .overview_table {
	margin-left: auto;
	width: 100%;
}

.about_ugogas_area .overview_table th {
	font-weight: 700;
	vertical-align: middle;
}

.about_ugogas_area .overview_table td {
	line-height: 1.6;
}

.entry_area {
	padding-top: 9.334rem;
}

.entry_area .intro_txt {
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.entry_area .intro_cont_txt {
	font-weight: 500;
	margin-bottom: 4.7334rem;
}

.entry_photo_wrap {
	position: relative;
	justify-content: center;
	align-items: center;
	margin-right: auto;
	margin-bottom: 2.667rem;
	margin-left: auto;
}

.entry_img {
	position: absolute;
	top: -2rem;
	left: -6.667rem;
	z-index: 1;
}

.entry_photo_wrap,
.entry_float_img {
	width: 20.5334rem;
	height: 16.667rem;
}

.entry_float_img {
	position: static;
}

/*.entry_float_img > img {
	-webkit-mask-image: url(../images/common/shape-04-8s.svg);
	mask-image: url(../images/common/shape-04-8s.svg);
}*/

.entry_area .more_btn.orange svg {
	transform: rotate(0);
}

/* ============
	responsive
================ */
@media screen and (max-width: 1439px) {
	.about_gas_item_ttl {
		font-size: min(
			max(14px, calc(0.875rem + ((1vw - 3.75px) * 1.5038))),
			30px
		);
	}

	.about_gas_strong_txt.en {
		font-size: min(
			max(40px, calc(2.5rem + ((1vw - 3.75px) * 3.7594))),
			80px
		);
	}

	.about_gas_strong_txt.en > span {
		font-size: min(
			max(20px, calc(1.25rem + ((1vw - 3.75px) * 1.8797))),
			40px
		);
	}

	.about_gas_txt,
	.sex_number > span {
		font-size: min(
			max(10px, calc(0.625rem + ((1vw - 3.75px) * 0.4699))),
			15px
		);
	}

	.sex_number {
		font-size: min(
			max(18px, calc(1.125rem + ((1vw - 3.75px) * 1.1278))),
			30px
		);
	}

	.about_gas_strong_txt_ja {
		font-size: min(
			max(30px, calc(1.875rem + ((1vw - 3.75px) * 1.8797))),
			50px
		);
	}

	.about_gas_strong_txt_yasai {
		font-size: min(
			max(20px, calc(1.25rem + ((1vw - 3.75px) * 1.8797))),
			40px
		);
	}

	.works_item {
		padding: 2rem 1.7667rem;
		border-radius: 1.334rem;
	}

	.works_item + .works_item {
		margin-top: 2rem;
	}

	.works_ttl_h3 {
		font-size: min(
			max(20px, calc(1.25rem + ((1vw - 3.75px) * 0.9398))),
			30px
		);
	}

	.works_item_inner {
		margin-bottom: 1.8rem;
	}

	.works_ttl_h4 {
		font-size: min(
			max(14px, calc(0.875rem + ((1vw - 3.75px) * 0.5639))),
			20px
		);
	}

	.interview_btn_wrap {
		column-gap: 1.334rem;
	}

	.staff_item {
		width: 28.3vw;
		height: 58.6vw;
		aspect-ratio: 147 / 305;
	}

	.staff_item::before {
		top: -1rem;
		font-size: min(
			max(70px, calc(4.375rem + ((1vw - 3.75px) * 3.2895))),
			105px
		);
	}

	.staff_item::after {
		bottom: -5.5vw;
	}

	.staff_name {
		right: 0.667rem;
		font-size: min(
			max(18px, calc(1.125rem + ((1vw - 3.75px) * 1.1278))),
			30px
		);
	}

	.staff_name > span {
		font-size: 0.9334rem;
	}

	.staff_profile .photo_wrap::before {
		font-size: min(
			max(100px, calc(6.25rem + ((1vw - 3.75px) * 4.6992))),
			150px
		);
	}

	.profile_name,
	.profile_catch {
		font-size: min(
			max(20px, calc(1.25rem + ((1vw - 3.75px) * 0.9398))),
			30px
		);
	}

	.profile_name > span {
		font-size: min(
			max(15px, calc(0.9375rem + ((1vw - 3.75px) * 0.4699))),
			20px
		);
	}

	.interview_question {
		font-size: min(
			max(14px, calc(0.875rem + ((1vw - 3.75px) * 0.5639))),
			20px
		);
	}

	.schedule_ttl {
		font-size: min(
			max(18px, calc(1.125rem + ((1vw - 3.75px) * 1.1278))),
			30px
		);
	}
}

@media screen and (max-width: 1024px) {
	.recruit .intro_area .intro_txt {
		margin-bottom: 2.5334rem;
	}

	.about_ugogas_area {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.about_gas_list {
		gap: 1.334rem;
	}

	.about_gas_item {
		border-radius: 1.334rem;
	}

	.sex_wrap {
		column-gap: 0.8rem;
	}

	.sex_item {
		column-gap: 5px;
	}

	.sex_item > img {
		width: auto;
		height: 3.3vw;
	}

	.graph_img {
		width: 17.8vw;
		height: auto;
	}

	.about_gas_list {
		margin-bottom: 4rem;
	}

	.works_item_list > li {
		font-size: 0.9334rem;
	}

	.works_item + .recruit_gallery {
		margin-top: 4rem;
	}

	.recruit_gallery_item.even_item {
		margin-top: 4rem;
	}

	.interview_area {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.staff_profile {
		grid-template-columns: 43.75vw 40.4vw;
		gap: 3rem 7vw;
	}

	.staff_interview_wrap:nth-child(even) .staff_profile {
		grid-template-columns: 40.4vw 43.75vw;
	}

	.profile_name {
		margin-bottom: 3.8667rem;
	}

	.interview_question {
		margin-bottom: 1.8667rem;
		padding-left: 2.667rem;
	}

	.interview_question > span::before {
		left: -2.667rem;
		width: 2rem;
	}

	.interview_answer + .interview_question {
		margin-top: 2.4rem;
	}

	.schedule_item {
		padding-left: 1.8rem;
		column-gap: 1.9334rem;
	}

	.schedule_item::before {
		top: 7px;
		width: 7px;
		height: 7px;
	}

	.schedule_item:not(:last-child):after {
		top: 1.3rem;
		left: 2.5px;
		height: calc(100% - 3px);
	}

	.schedule_item .time,
	.schedule_txt,
	.interview_answer {
		font-size: 0.9334rem;
	}

	.schedule_item .time {
		width: 2.1rem;
	}

	.entry_area {
		padding-top: 4.667rem;
	}

	.entry_area .intro_txt {
		font-size: 1.2rem;
	}

	.entry_area .intro_cont_txt {
		margin-bottom: 2.5334rem;
	}

	.entry_photo_wrap {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		width: 21rem;
		height: 16.2667rem;
	}

	.entry_float_img {
		width: 16.4667rem;
		height: 13.334rem;
	}

	.entry_img {
		top: 0;
		left: -0.8rem;
		width: 11.2rem;
		height: 8.3667rem;
	}
}

@media screen and (max-width: 940px) {
	.staff_profile {
		grid-template-columns: calc(100% - 13.334rem - 7vw) 13.334rem;
		grid-template-rows: 27.6rem auto;
		gap: 3rem 7vw;
	}

	.staff_interview_wrap:nth-child(even) .staff_profile {
		grid-template-columns: 13.334rem calc(100% - 13.334rem - 7vw);
	}

	.staff_profile .photo_wrap {
		grid-row: 1 / 2;
	}

	.staff_profile .photo_wrap > img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.staff_profile .photo_wrap::before {
		top: 2rem;
		left: -3.9334rem;
	}

	.profile_catch {
		position: relative;
		z-index: 2;
	}

	.profile_name {
		white-space: nowrap;
	}

	.interview01_wrap,
	.staff_interview_wrap:nth-child(even) .interview01_wrap {
		grid-column: 1 / 3;
	}
}

@media screen and (max-width: 768px) {
	.recruit .under_ttl_area {
		background-image: url(../images/page/recruit_ttl_bg_sp.png);
	}

	.about_gas_item {
		padding-top: 0.667rem;
		padding-bottom: 0.667rem;
	}

	.about_gas_item_ttl {
		margin-bottom: 0.667rem;
	}

	.about_gas_item_ttl .pc_br {
		display: none;
	}

	.about_gas_strong_txt.en > span {
		margin-bottom: 0.4rem;
	}

	.about_gas_strong_txt + .about_gas_txt {
		margin-top: 0.5rem;
	}

	.about_gas_txt .mb_br {
		display: block;
	}

	.recruit_gallery .swiper-wrapper {
		column-gap: 0.8rem;
		width: 57rem;
	}

	.recruit_gallery_item {
		width: 13.667rem;
	}

	.interview_btn_wrap {
		margin-bottom: 8.667rem;
	}

	.staff_item::after {
		width: 1.1334rem;
		height: 0.6334rem;
	}

	.staff_profile,
	.interview02_wrap {
		margin-bottom: 2.667rem;
	}

	.interview02_wrap,
	.staff_interview_wrap:nth-child(even) .interview02_wrap {
		flex-direction: column;
	}

	.catch_wrap {
		position: relative;
		width: 19.5334rem;
		z-index: 2;
	}

	.staff_interview_wrap:nth-child(even) .catch_wrap {
		justify-self: end;
	}

	.interview_cont {
		padding-top: 2.667rem;
	}

	.schedule_wrap,
	.staff_interview_wrap:nth-child(even) .schedule_wrap {
		flex-direction: column-reverse;
	}

	.interview02_wrap .photo_wrap,
	.interview_cont,
	.schedule_cont,
	.schedule_wrap .photo_wrap {
		width: 100%;
	}

	.staff01 .schedule_cont,
	.staff02 .schedule_cont,
	.staff03 .schedule_cont {
		margin-top: 2.667rem;
	}

	.staff_interview_wrap:nth-child(even) .staff_profile .photo_wrap::before {
		right: -3.9334rem;
	}

	.staff_interview_wrap:nth-child(even)
		.interview01_wrap
		.interview_question {
		text-align: left;
	}

	.staff02 .interview02_wrap .photo_wrap {
		margin-top: 0;
	}

	.recruit_info_wrap {
		padding: 1.5334rem 1.334rem 2rem;
		background-color: var(--white_color);
		border-radius: 1.334rem;
	}

	.about_ugogas_area .tab_btn_list > li {
		align-items: center;
	}

	.about_ugogas_area .tab_contents_area {
		padding: 0.7334rem 0 0;
	}

	.about_ugogas_area .overview_table {
		margin-left: -0.667rem;
		width: calc(100% + 1.334rem);
	}

	.about_ugogas_area .overview_table th {
		width: 4.5334rem;
	}
}

@media screen and (max-width: 640px) {
	.about_gas_list {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(6, 9.8334rem);
	}

	.graph_img {
		margin-right: -1rem;
		width: 6.4667rem;
		height: 5.5334rem;
	}

	.works_item_inner {
		flex-direction: column;
	}

	.works_item_wrap {
		width: 100%;
	}

	.works_item_wrap + .works_item_wrap {
		margin-top: 1.4rem;
		padding-top: 1.9334rem;
	}

	.works_item_wrap + .works_item_wrap::before {
		left: 0;
		width: 100%;
		height: 1px;
	}

	.profile_catch .mb_br {
		display: block;
	}
}

@media screen and (max-width: 540px) {
	.interview_btn_wrap {
		flex-wrap: wrap;
	}

	.staff_item {
		width: calc(50% - 0.667rem);
		height: 100%;
	}

	.staff_item:nth-child(even) {
		margin-top: 60vw;
	}

	.staff_item:last-child {
		margin-top: -20.5334vw;
	}
}

/* ===========================================
	contact
============================================== */

/* ============
	form
================ */
.tab_btn_list {
	column-gap: 1rem;
}

.tab_btn_list > li {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: -2.6rem;
	padding-bottom: 2.6rem;
	width: 16.6rem;
	height: 7.9334rem;
	font-weight: 900;
	font-size: 1.2rem;
	color: #646464;
	letter-spacing: 0.05em;
	line-height: 1.4;
	text-align: center;
	background-color: #e6e6e6;
	border-radius: 1.334rem 1.334rem 0 0;
	transition: all 0.4s;
}

.tab_btn_list > li:hover {
	color: var(--orange_color);
	cursor: pointer;
	transition: all 0.4s;
}

.tab_btn_list > li.active {
	color: var(--black_color);
	background-color: var(--white_color);
}

.tab_contents_area {
	position: relative;
	padding: 2.8rem 2.8rem 5.334rem;
	background-color: var(--white_color);
	border-radius: 0 1.334rem 1.334rem 1.334rem;
}

.tab_contents {
	display: none;
	margin-right: auto;
	margin-left: auto;
	max-width: 50.5334rem;
	width: 100%;
}

.tab_contents.show {
	display: block;
}

.tab_contents h2 {
	font-weight: 900;
	font-size: 1.334rem;
	line-height: 1.7;
	margin-bottom: 0.8rem;
}

.tab_contents ul > li {
	padding-left: 0.5rem;
	text-indent: -0.5rem;
}

.tab_contents ul > li > p {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.667;
}

.tab_contents ul > li > p::before {
	content: '・';
}

.tab_contents ul + .inquiry {
	margin-top: 2.4667rem;
}

.tab_contents ul + .inquery_samll_txt {
	font-weight: 500;
	margin-top: 0.5rem;
}

.tab_contents h3 {
	margin-top: 2.8rem;
	margin-bottom: 1.2rem;
	font-size: 1.334rem;
}

.tab_contents h3::before {
	content: '●';
}

.contact_table .smf-item {
	padding-top: 0;
	padding-bottom: 0;
}

.inquiry {
	width: 100%;
}

.inquiry tr + tr th {
	padding-top: 2.2rem;
}

.inquiry th,
.inquiry td {
	display: block;
}

.inquiry th {
	margin-bottom: 1rem;
}

.inquiry th > p {
	display: flex;
	align-items: center;
	column-gap: 0.667rem;
}

.inquiry th > p,
.wpcf7-list-item-label {
	font-weight: 700;
	font-size: 1.2rem;
}

.haveto,
.any {
	padding: 5px 7px;
	font-weight: 900;
	font-size: 0.7334rem;
	white-space: nowrap;
}

.inquiry th .small_txt {
	padding-left: 1rem;
	font-weight: 500;
	font-size: 1rem;
}

.haveto {
	color: var(--white_color);
	background-color: var(--red_color);
}

.any {
	background-color: #b4b4b4;
	color: #fff;
}

.inquiry td > p {
	font-weight: 700;
	font-size: 1.2rem;
}

.inquiry td > p.inquery_samll_txt {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.6;
}

.inquiry td > p + p {
	margin-top: 0.8667rem;
}

.inquiry input[type='text'],
.inquiry input[type='tel'],
.inquiry input[type='email'],
.inquiry input[type='date'],
.inquiry select,
.inquiry textarea {
	width: 100% !important;
	height: 2rem;
	padding: 1.0334rem 1.4rem;
	background-color: var(--white_color);
	border-radius: 2px;
	border: solid 1px #c8c8c8;
}

.inquiry select {
	padding: 0 1.4rem;
}

.inquiry textarea {
	height: 6.7334rem;
	line-height: 1.6;
}

div[data-id='tank'],
div[data-id='kingaku'],
div[data-id='ryou'],
div[data-id='pori'] {
	margin-top: 1rem;
}

div[data-id='kingaku'] > p,
div[data-id='ryou'] > p,
div[data-id='pori'] > p {
	font-weight: 500;
	line-height: 2;
}

div[data-id='tank'] {
	padding: 6px 1.2rem;
	background-color: #e6e6e6;
}

.wpcf7-radio {
	line-height: 1.6;
}

.wpcf7-form-control-wrap:has(.select) {
	position: relative;
}

.wpcf7-form-control-wrap:has(.select)::before {
	position: absolute;
	top: 0;
	right: 1.75rem;
	bottom: 0;
	z-index: 1;
	transform: none;
	width: 0.757334rem;
	height: 1rem;
	margin: auto;
	border: none;
	background-image: url(../images/common/under_icon.svg);
	background-position: center;
	background-size: contain;
	content: '';
}

::placeholder,
input.hasDatepicker {
	font-weight: 500;
	color: #b3b3b3;
	letter-spacing: 0.1em;
}

.inquiry1 {
	margin-top: 1.8rem;
}

.inquiry1 > p {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 0.667rem;
	font-weight: 500;
	font-size: 1rem;
}

.inquiry1 > p > a {
	text-decoration: underline;
}

.pp_checkbox .smf-item__col {
	padding-top: 0 !important;
}

.smf-form .smf-item .smf-checkbox-control {
	display: flex;
	align-items: center;
}

.smf-form .smf-item .smf-checkbox-control__control {
	margin-top: 0;
	margin-right: 1.4rem;
	width: 1.334rem;
	height: 1.334rem;
	box-shadow: none;
	border: solid 1px var(--brown_color);
	border-radius: 2px;
}

.smf-placeholder[data-name='プライバシーポリシー'] {
	text-align: center;
}

.smf-checkbox-control__label {
	font-weight: 500;
}

.smf-action {
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
}

.smf-form--simple-table + .smf-action {
	margin-top: 3.334rem;
	margin-bottom: 0;
}

input[type='submit'] {
	position: relative;
	display: block;
	margin-top: 3.8667rem;
	margin-right: auto;
	margin-left: auto;
	width: 17.8rem;
	height: 4rem;
	font-weight: 900;
	font-size: 1.334rem;
	color: #fff !important;
	letter-spacing: 0.075em;
	text-align: center;
	background-color: var(--orange_color) !important;
	border-radius: 9999px !important;
	border: solid 1px var(--orange_color) !important;
	background-image: none !important;
	transition: all 0.4s;
}

input[type='submit']:hover {
	color: var(--orange_color) !important;
	background-color: #fff !important;
	transition: all 0.4s;
}

button[data-action='back'] {
	margin-top: 1.5rem;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-top: solid 1px transparent !important;
	border-right: solid 1px transparent !important;
	border-bottom: solid 2px var(--orange_color) !important;
	border-left: solid 1px transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	color: var(--orange_color) !important;
	font-size: 1.0667rem;
	text-align: center;
	transition: 0.4s;
}

button[data-action='back']:hover {
	opacity: 0.7;
	transition: 0.4s;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1024px) {
	.tab_btn_list > li {
		font-size: min(
			max(12px, calc(0.75rem + ((1vw - 3.75px) * 0.9245))),
			18px
		);
	}

	.tab_contents h2 {
		font-size: 1.0667rem;
	}

	.tab_contents ul > li > p,
	.tab_contents h3,
	.inquiry th > p,
	.inquiry td > p,
	.wpcf7-list-item-label,
	div[data-id='kingaku'] > p,
	div[data-id='ryou'] > p,
	div[data-id='pori'] > p {
		font-size: 0.9334rem;
	}

	.haveto,
	.any {
		font-size: 0.667rem;
	}

	.inquiry td > p.inquery_samll_txt,
	.inquiry th .small_txt {
		font-size: 0.8rem;
	}

	input[type='submit'] {
		width: 16.2667rem;
		height: 2.8rem;
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 768px) {
	.tab_btn_list {
		column-gap: 0.7rem;
		height: auto;
	}

	.tab_btn_list > li {
		align-items: flex-start;
		margin-bottom: 0;
		padding-right: 4px;
		padding-bottom: 8px;
		padding-left: 4px;
		min-width: 3.2667rem;
		width: auto;
		height: auto;
		background-color: rgba(255, 255, 255, 0);
		border-bottom: solid 2px #c8c8c8;
	}

	.tab_btn_list > li.active {
		background-color: rgba(255, 255, 255, 0);
		border-bottom: solid 2px var(--orange_color);
	}

	.tab_btn_list > li > .mb_br {
		display: block;
	}

	.tab_contents_area {
		padding: 2.6rem 0 0;
		background-color: rgba(255, 255, 255, 0);
	}

	.tab_contents > h2 {
		font-size: 1.0667rem;
	}

	.tab_contents > ul > li,
	.tab_contents > p,
	.tab_contents > h3,
	.contact_table .smf-item__label,
	.smf-checkbox-control__label {
		font-size: 0.9334rem;
	}

	.tab_contents > h3 {
		margin-bottom: 1.2rem;
	}

	.inquiry th > p {
		align-items: flex-start;
	}

	.inquiry th > p > span:nth-child(2) {
		padding-top: 3px;
	}

	.inquiry th span {
		text-align: left;
	}

	.inquiry th .small_txt {
		display: block;
		padding-top: 0.6rem;
		padding-left: 0;
	}
}

@media screen and (max-width: 640px) {
	.contact_table .smf-item {
		flex-direction: column;
		align-items: flex-start;
	}

	.contact_table .smf-item__label {
		display: inline-block;
	}

	.contact_table .smf-item__label .required,
	.contact_table .smf-item__label .optional {
		right: -2.8rem;
	}

	.contact_table .smf-item__col--label,
	.contact_table .smf-item__col--controls {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.smf-form .smf-item .smf-checkbox-control__control {
		margin-right: 0.7334rem;
	}

	.pp_checkbox .smf-checkbox-control__label {
		font-size: 0.9334rem;
	}

	.smf-button-control {
		width: 100%;
	}

	button[data-action='confirm'],
	button[data-action='complete'] {
		display: block;
		width: 100%;
	}

	button[data-action='confirm']::before,
	button[data-action='complete']::before {
		right: 1.5rem;
	}

	button[data-action='confirm']:hover::before,
	button[data-action='complete']:hover::before {
		right: 0.75rem;
	}
}

/* ===========================================
	thanks
============================================== */
.thanks_ttl {
	display: flex;
	justify-content: center;
	margin-bottom: 1.667rem;
	font-weight: 600;
	font-size: 1.46rem;
	letter-spacing: 0.025em;
}

.thanks_txt {
	margin-right: auto;
	margin-bottom: 3rem;
	margin-left: auto;
	max-width: 51rem;
	width: 100%;
}

.thanks_txt .cont_txt {
	margin-bottom: 0;
}

.thanks_txt .cont_txt + .cont_txt {
	margin-top: 1.5rem;
}

.submit_btn > a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	max-width: 21.667rem;
	width: 100%;
	height: 4.334rem;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--brown_color);
	border: solid 1px var(--brown_color);
	border-radius: 9999px;
	color: #fff;
	font-weight: 500;
	font-size: 1.2rem;
}

.submit_btn > a:hover {
	color: var(--brown_color);
	background-color: #fff;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1024px) {
	.thanks_ttl {
		margin-bottom: 2rem;
		font-size: 1.2667rem;
		line-height: 1.43;
	}

	.thanks_txt {
		margin-bottom: 3rem;
	}

	.submit_btn > a {
		font-size: 1rem;
	}
}

@media screen and (max-width: 480px) {
	.submit_btn > a {
		width: 100%;
	}
}

@media screen and (max-width: 374px) {
	.submit_btn > a::after {
		right: 1rem;
	}
}