@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
address,
em,
img,
small,
strong,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
caption,
article,
canvas,
footer,
header,
menu,
nav,
section,
time,
audio,
video,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
	-webkit-text-size-adjust: 100%;
}

article,
footer,
header,
menu,
nav,
section {
	display: block;
}

ul {
	list-style: none;
}

a {
	margin: 0;
	color: inherit;
	padding: 0;
	display: inline-block;
	font-size: 100%;
	text-decoration: none;
	vertical-align: baseline;
	background: transparent;
}

a:link {
	display: block;
	-webkit-transition: .3s;
	transition: .3s;
}

a:link:hover {
	opacity: 0.6;
}

@media screen and (min-width:768px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

em {
	font-style: italic;
}

b,
strong {
	font-weight: 700;
}

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

hr {
	display: block;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

input,
select {
	vertical-align: middle;
	appearance: none;
	-webkit-appearance: none;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

.clearfix::after {
	content: "";
	clear: both;
	display: block;
}

.ta-c {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.sec-inner {
	height: 100%;
	max-width: 1080px;
	padding: 0 10px;
	margin: 0 auto;
}

.FooterScroll {
	background: #4B4B4B;
	position: fixed;
	bottom: 0;
	width: 100%;
	display: none;
	z-index: 100;
	font-size: 12px;
	line-height: 1.2;
	padding: 10px 0;
}

.sec-ttl {
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.sec-ttl>span {
	font-size: 40px;
	font-weight: bold;
}

.sec-txt {
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	padding: 20px 0;
	line-height: 140%;
}

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

	.sp {
		display: block;
	}

	.sec-ttl>span {
		font-size: 24px;
		line-height: 130%;
	}

	.sec-txt {
		font-size: 17px;
		text-align: justify;
		padding: 30px 10px 10px;
	}
}

.c-btn {
	width: 532px;
	height: 80px;
	margin: auto;
	max-width: 100%;
}

.c-btn .c-btn-inn {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #E9622D;
	color: #fff;
	font-size: 32px;
	font-weight: 500;
	border-radius: 8px;
	position: relative;
	box-shadow: 0 6px 0 #882700;
}

.c-btn .c-btn-inn .arw {
	position: relative;
	padding-right: 25px;
	font-weight: 800;
}

.c-btn .c-btn-inn .arw::after {
	content: "";
	width: 32px;
	height: 32px;
	background-image: url("../img/Btn-arrow.png");
	position: absolute;
	top: 0;
	right: -18px;
}

.mv_btn .c-btn {
	height: 66px;
	position: relative;
}

.mv_btn .c-btn::before {
	content: "";
	width: 400px;
	height: 50px;
	background-image: url("../img/Btn-fukidasi.png");
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	top: -54%;
	left: 50%;
	translate: -50% 0;
}

.c-btn .c-btn-inn span.pc {
	display: inline;
	font-weight: 800;
}

@media screen and (max-width: 767px) {
	.c-btn {
		width: 260px;
		height: 60px;
	}

	.c-btn .c-btn-inn .arw {
		padding-right: 26px;
	}

	.c-btn .c-btn-inn {
		font-size: 20px;
		width: 260px;
		height: 56px;
		box-shadow: 0 3px 0 #882700;
	}

	.c-btn .c-btn-inn::after {
		width: 11px;
		height: 11px;
		right: 10%;
	}

	.c-btn .c-btn-inn span.pc {
		display: none;
	}

	.mv_btn .c-btn::before {
		content: "";
		width: 256px;
		height: 36px;
		background-image: url("../img/Btn-fukidasi-Sp.png");
		position: absolute;
		z-index: 1;
		top: -26%;
	}

	.c-btn .c-btn-inn .arw::after {
		width: 20px;
		height: 20px;
		background-size: cover;
		right: 0;
	}
}

/* ---------------------------------------------------------------
ヘッダー
--------------------------------------------------------------- */

header {
	padding: 16px 0;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	width: 100%;
	z-index: 9999;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.95);
}

header.fixed {
	position: fixed;
	top: 0;
	left: 0;
}

.headerNavi {
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	/* flex-wrap: wrap; */
	align-items: center;
	justify-content: space-between;
}

.header_name a {
	display: flex;
	align-items: center;
	gap: 10px;
}

#CompanyName {
	font-size: 18px;
	font-weight: 700;
}

.HeaderFront__inner {
	display: flex;
	align-items: center;
	gap: 2px;
}

.logo_img {
	width: 180px;
	height: auto;
}

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

#StoreName {
	font-size: 32px;
	font-weight: bold;
	color: #EB6120;
	position: relative;
}

.header_tel {
	width: 50%;
}


.header_tel div {
	text-align: right;
}

.header_tel .pc {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.header_tel .pc .num-tel {
	font-size: 40px;
	font-weight: 800;
	color: #EB6120;
	margin-right: 8px;
	position: relative;
}

.header_tel .pc .num-tel::before {
	content: "";
	background-image: url("../img/ico_freedial.png");
	background-size: cover;
	width: 40px;
	height: 40px;
	position: absolute;
	left: -48px;
	top: 2px;
}

.header_tel .pc .sub-tel {
	font-size: 16px;
	text-align: left;
	line-height: 20px;
	color: #4B4B4B;
}

@media screen and (max-width: 767px) {
	header {
		padding: 6px 0;
	}

	.header_name a {
		display: block;
	}

	.logo_img {
		width: 120px;
		margin-left: 4px;
	}

	#CompanyName {
		margin-top: 3px;
	}

	#CompanyName img {
		width: 142px;
	}

	#StoreName {
		font-size: 18px;
	}

	.headerNavi {
		width: auto;
		padding: 0 10px;
	}

	.header_tel {
		width: 50px;
	}

	.header_tel .pc {
		display: none;
	}

	main {
		padding: 0;
	}
}


/* ---------------------------------------------------------------
メインビジュアル
--------------------------------------------------------------- */

#mainvisual {
	background: #FFFDF0;
	position: relative;
}

#mainvisual .mv_img {
	height: auto;
	text-align: center;
}

#mainvisual .mv_img img {
	width: 100%;
	height: auto;
}

#mainvisual .mv_btn {
	position: absolute;
	/* top: calc( 600/1280 * 100vw ); */
	bottom: 2.5%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

/* @media screen and (max-width: 767px) {
	#mainvisual .mv_btn{
	top: calc( 450/375 * 100vw);
	}
} */


/* ---------------------------------------------------------------
こだわり
--------------------------------------------------------------- */
#kodawari {
	padding-top: 20px;
	background: #FFFDF0;
}

#kodawari .sec-ttl {
	display: flex;
	align-items: flex-end;
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	position: relative;
	max-width: 657px;
	white-space: nowrap;
	z-index: 1;
}

#kodawari .sec-ttl img {
	width: 364px;
}

#kodawari .sec-ttl .yellow_line {
	font-size: inherit;
}

#kodawari .sec-ttl .big {
	font-size: 1.2em;
	font-weight: 900;
}

#kodawari .sec-ttl .color {
	font-weight: 900;
	color: #FC5B1F;
}

#kodawari .sec-ttl .yellow_line {
	position: relative;
}

@media screen and (min-width: 768px) {
	#kodawari .sec-ttl .yellow_line {
		margin-left: 10px;
	}

}

#kodawari .sec-ttl .yellow_line::after {
	content: '';
	background: #FFE137;
	display: inline-block;
	width: 100%;
	height: 10px;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

.kodawari_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 18px 0 60px;
}

.kodawari_box li {
	width: 31.6%;
	margin: 10px 0;
	border: 1px solid #FC5B1F;
	border-radius: 6px;
	background: #FC5B1F;
}

@media screen and (min-width: 768px) {
	.kodawari_box li .sp {
		display: none;
	}
}

.kodawari_box li .image {
	height: 180px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center top;
	border-radius: 6px 6px 0 0;
}

#kodawari .kodawari_box li .kodawari_04__txt {
	line-height: 1.4;
}

@media screen and (min-width: 768px) {
	.kodawari_box li:nth-child(-n+2) .image {
		height: 180px;
	}
}

.kodawari_01 {
	background: url("../img/kodawari_img_01.png");
}

.kodawari_02 {
	background: url("../img/kodawari_img_02.png");
}

.kodawari_03 {
	background: url("../img/kodawari_img_03.png");
}

.kodawari_04 {
	background: url("../img/kodawari_img_04.png");
}

.kodawari_05 {
	background: url("../img/kodawari_img_05.png");
}

.kodawari_06 {
	background: url("../img/kodawari_img_06.png");
}

@media screen and (max-width: 767px) {
	.kodawari_01 {
		background: url("../img/kodawari_img_01_sp.png");
	}

	.kodawari_02 {
		background: url("../img/kodawari_img_02_sp.png");
	}

	.kodawari_03 {
		background: url("../img/kodawari_img_03_sp.png");
	}

	.kodawari_04 {
		background: url("../img/kodawari_img_04_sp.png");
	}

	.kodawari_05 {
		background: url("../img/kodawari_img_05_sp.png");
	}

	.kodawari_06 {
		background: url("../img/kodawari_img_06_sp.png");
	}
}


.kodawari_box li>p:nth-of-type(2) {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	background: #FC5B1F;
	color: #FFF;
	text-align: center;
	border-radius: 0 0 6px 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
}

.kodawari_box li>p:nth-of-type(2) span {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

@media screen and (min-width: 768px) {
	.kodawari_box li:nth-child(-n+2)>p:nth-of-type(2) {
		font-size: 20px;
	}
}

@media screen and (max-width: 767px) {
	#kodawari {
		padding-top: 15px;
	}

	#kodawari .sec-ttl {
		display: block;
		font-size: 24px;
	}

	#kodawari .sec-ttl img {
		width: initial;
		margin-bottom: 5px;
	}

	#kodawari .sec-ttl .yellow_line::after {
		bottom: 4px;
	}

	#kodawari .sec-ttl .big {
		font-size: 32px;
	}

	.kodawari_box {
		margin-top: 5px;
		padding: 3px 0 15px;
	}

	.kodawari_box li {
		width: 48.5%;
		margin: 3px 0;
	}

	.kodawari_box li .image {
		height: 118px;
	}

	.kodawari_box li>p:nth-of-type(2) {
		font-size: 16px;
		font-weight: 600;
		padding: 0;
		line-height: 140%;
	}

}

/*---------------------------------------------------------
ショールーム
----------------------------------------------------------------*/
#showroom {
	overflow: hidden;
	padding-bottom: 15px;
	position: relative;
}

#showroom .showroom-head {
	background-color: #FFB846;
	height: 400px;
	padding-bottom: 130px;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	#showroom .showroom-head {
		height: auto;
		padding-bottom: 0;
		padding-top: 15px;
	}
}

#showroom .showroom-head .inn {
	height: 100%;
	max-width: 100%;
	width: 1073px;
	margin: auto auto auto;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 767px) {
	#showroom .showroom-head .inn {
		display: block;
		width: 100%;
		height: auto;
	}

}

#showroom .showroom-head-cnt {
	width: 615px;
	max-width: 100%;
	padding-right: 50px;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	#showroom .showroom-head-cnt {
		width: 100%;
		padding: 0;
	}
}

#showroom .showroom-head-img {
	width: 43%;
	height: 400px;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(../img/img_showroom_bg.png);
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
	#showroom .showroom-head-img {
		width: 100vw;
		height: 240px;
		max-width: 100vw;
		position: relative;
		left: -10px;
		top: auto;
		right: auto;
		margin-top: 20px;
		background-image: url(../img/img_showroom_bg_sp.png);
	}
}

#showroom .showroom-ttl {
	margin-top: 20px;
	color: #000;
	font-size: 40px;
	font-weight: bold;
	line-height: calc(48/40);
}

@media screen and (max-width: 767px) {
	#showroom .showroom-ttl {
		margin-top: 0;
		font-size: 24px;
		text-align: center;
	}
}

#showroom .showroom-txt {
	color: #000;
	font-size: 18px;
	line-height: calc(32/18);
	margin-top: 1em;
}

@media screen and (max-width: 767px) {
	#showroom .showroom-txt {
		font-size: 14px;
		line-height: calc(20/14);
		font-weight: 500;
	}
}

#showroom .showroom-list {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 1073px;
	margin: -130px auto auto;
	max-width: 100%;
}

@media screen and (max-width: 767px) {
	#showroom .showroom-list {
		display: block;
		margin-top: -117px;
		width: 100%;
	}
}

#showroom .showroom-list .item {
	width: 352px;
}

@media screen and (max-width: 767px) {
	#showroom .showroom-list .item {
		width: 100%;
	}

	#showroom .showroom-list .item+.item {
		margin-top: 15px;
	}

}

#showroom .showroom-list .item-img {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#showroom .showroom-list .item-cnt {
	display: flex;
	margin-top: 15px;
}

@media screen and (max-width: 767px) {
	#showroom .showroom-list .item-cnt {
		margin-top: 7px;
	}

}

#showroom .showroom-list .item-cnt .point {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 1px solid #FC5B1F;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	color: #FC5B1F;
}

#showroom .showroom-list .item-cnt .point .num {
	display: block;
	font-size: 20px;
}

#showroom .showroom-list .item-cnt .item-ttl {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	padding-left: 15px;
	box-sizing: border-box;
	max-width: calc(100% - 54px);

}

#showroom .showroom-list .item-cnt .item-ttl .blue {
	color: #FC5B1F;
	font-weight: bold;
}

#showroom .showroom-list .item-cnt .item-ttl .marker {
	font-weight: 500;
	background: linear-gradient(transparent 70%, #FFE137 70%);
}

#showroom .c-btn {
	width: 435px;
	height: 76px;
	margin-top: 35px;
}

#showroom .c-btn .c-btn-inn {
	font-size: 22px;
}

#showroom .c-btn .c-btn-inn .arw {
	padding-right: 30px;
	font-weight: 500;
	background: url(../img/icon_arrow_white.svg) no-repeat right 60%;
}

#showroom .c-btn .c-btn-inn .arw span {
	font-weight: 500;
}

#showroom .c-btn .c-btn-inn .arw::after {
	content: none;
}

@media screen and (max-width: 767px) {
	#showroom {
		padding-bottom: 20px;
	}

	#showroom .c-btn {
		width: 94%;
		height: 68px;
		margin-top: 19px;
	}

	#showroom .c-btn .c-btn-inn {
		width: 100%;
		height: 100%;
		font-size: 24px;
		margin: 0 auto;
	}

	#showroom .c-btn .pc {
		display: none;
	}

	#showroom .c-btn .c-btn-inn::after {
		width: 15px;
		height: 15px;
	}

	/* #showroom .c-btn .c-btn-inn .arw::after{
		content: "";
		width: 10px;
		height: 16px;
		top: 50%;
		right: 0;
		translate: 0 -50%;
		background-image: url(../img/showroom_arw.svg);
	} */

}

/*---------------------------------------------------------
有資格者
----------------------------------------------------------------*/
#qualified {
	padding: 30px 0 42px;
	background-color: #FFFDF4;
	margin-top: 20px;
}

#qualified .sec-ttl>span {
	font-size: 40px;
	color: #000;
}

#qualified .sec-txt {
	padding: 15px 0 30px;
	color: #000;
}

#qualified .qualified_list {
	display: flex;
	justify-content: space-between;
	width: 1077px;
	margin: 10px auto 0;
}

#qualified .qualified_list .item {
	box-sizing: border-box;
	width: 520px;
	background-color: #fff;
	padding: 20px 15px 18px;
	border-radius: 10px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#qualified .qualified_list .item .ttl {
	font-weight: 500;
	text-align: center;
	font-size: 18px;
	line-height: 1.77;
}

#qualified .qualified_list .item .ttl span {
	display: block;
	color: #FD8432;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.33;
}

#qualified .qualified_list .item .ttl2 {
	font-weight: 500;
	text-align: center;
	font-size: 18px;
	line-height: 1.66;
}

#qualified .qualified_list .item .ttl2 span {
	display: block;
	color: #C9171E;
	font-weight: bold;
	font-size: 20;
	line-height: 1.5;
}

#qualified .qualified_list .item .txt {
	margin-top: 15px;
	padding: 0 5px;
	font-size: 16px;
	line-height: 1.625;
}

#qualified .qualified_list .item .txt span {
	font-weight: bold;
}

#qualified .qualified_list .item .txt2 {
	font-size: 16;
	text-align: center;
	line-height: 1.625;
}

#qualified .qualified_list .item .space {
	margin-top: 10px;
}

#qualified .qualified_list .item .imgwrap {
	display: flex;
	justify-content: center;
	margin-top: 18px;
}

@media screen and (min-width: 768px) {
	#qualified .qualified_list .item .imgwrap.space {
		margin-top: 44px;
	}

}

#qualified .qualified_list .item .imgwrap.assu .img {
	width: 147px;
}

#qualified .qualified_list .item .imgwrap .img {
	width: 100px;
}

#qualified .qualified_list .item .imgwrap .img+.img {
	margin-left: 12px;
}

#qualified .qualified_list .item .subtxt {
	margin-top: 10px;
	font-size: 10px;
	line-height: 1.4;
	font-weight: 500;
}

@media screen and (max-width: 767px) {
	#qualified {
		padding: 15px 0 36px;
	}

	#qualified .sec-ttl>span {
		font-size: 24px;
	}

	#qualified .sec-txt {
		text-align: center;
		font-size: 15px;
		padding: 15px 0 20px;
	}

	#qualified .qualified_list {
		display: block;
		width: 100%;
		margin: 0 auto 0;
	}

	#qualified .qualified_list .item {
		width: 100%;
		padding: 15px 20px 13px;
	}

	#qualified .qualified_list .item+.item {
		margin-top: 16px;
	}

	#qualified .qualified_list .item .txt {
		margin-top: 7px;
		padding: 0;
		font-size: 14px;
	}

	#qualified .qualified_list .item .imgwrap {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 15px 24px;
		margin-top: 18px;
	}

	#qualified .qualified_list .item .imgwrap.assu .img {
		max-width: initial;
	}



	#qualified .qualified_list .item .imgwrap .img {
		max-width: 100px;
	}

	#qualified .qualified_list .item .imgwrap .img+.img {
		margin-left: 0px;
	}

	#qualified .qualified_list .item .subtxt {
		margin-top: 6px;
		font-size: 12px;
	}

}

/* ---------------------------------------------------------------
塗装費用・プラン
--------------------------------------------------------------- */
/*  */
#plan {
	padding: 30px 0 0;
	background-color: #F8F8F8;
}

@media screen and (max-width: 767px) {
	#plan {
		padding: 20px 0 0;
	}

	#plan .sec-txt {
		padding-top: 7px;
		font-size: 16px;
	}

	#plan .sec-txt .sp {
		display: inline;
		font-weight: inherit;
	}

}

.shindan_box {
	background: #FF8541;
	position: relative;
	padding: 30px 0 0;
}

.shindan_box::after {
	content: '';
	background: url("../img/shindan_back_arw.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 116px;
	height: 40px;
	display: inline-block;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}

.shindan_ttl {
	text-align: center;
	font-size: 40px;
	font-weight: bold;
}

.shindan_ttl>span {
	color: #FFF;
	font-size: 48px;
	font-weight: 600;
}

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

.shindan_wrap>div {
	box-sizing: border-box;
}

.shindan_txt {
	width: 72%;
	padding: 0 0 10px;
	margin-right: -5%;
}

.shindan_txt>p {
	line-height: 140%;
}

.shindan_txt>p:nth-of-type(1) {
	font-size: 32px;
	font-weight: 500;
	color: #FFF;
}

.shindan_txt>p:nth-of-type(2) {
	font-size: 20px;
	padding: 15px 0 30px;
}

.houkoku {
	max-width: 460px;
	background: #FFF;
	font-size: 24px;
	padding: 10px 30px;
	box-sizing: content-box;
	border-radius: 4px;
	white-space: nowrap;
}

.houkoku>span:nth-of-type(1) {
	font-weight: bold;
	color: #FF8541;
	padding-right: 1em;
}

.houkoku .plus {
	margin: 0 0.2em;
}

.shindan_img {
	width: 33%;
	margin-top: -50px;
	margin-right: -14px;
}

.soudan_box {
	background: #3C3C3C;
	padding: 66px 0 40px;
}

.soudan_copy {
	color: #FFF;
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	line-height: 140%;
}

.contact_button {
	max-width: 532px;
	margin: 18px auto 18px;
	position: relative;
	font-size: 24px;
	font-weight: 500;
	color: #FFF;
	text-align: center;
}

.contact_button a {
	display: block;
	border-radius: 8px;
	padding: 25px 0;
	background: #E9622D;
	box-shadow: 0 4px 0 #be5024;
}

.contact_button a span {
	font-weight: 500;
}

.contact_button span::after {
	content: '';
	background: url("../img/icon_arrow_white.svg");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 16px;
	top: 50%;
	right: -10px;
	position: relative;
}

.tel_box {
	width: auto;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: center;
}

.tel_box>div {
	vertical-align: middle;
}

.tel_box>div a {
	height: 36px;
	display: flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
}

.tel_box>div a p {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
}

.tel_box>div a img {
	width: auto;
	height: 100%;
}

.soudan_txt {
	color: #FFF;
	font-weight: 400;
	font-feature-settings: 'palt';
	line-height: 130%;
	padding-left: 20px;
}

.soudan_txt .pc {
	display: inline-block;
}


/* 口コミ */
.anchor {
	padding-top: 90px;
	margin-top: -90px;
}

.kuchikomi {
	padding: 31px 0 39px;
	background: #FFFDF4;
}

.kuchikomi_ttl {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}

.kuchikomi_ttl span {
	font-weight: inherit;
}

.kuchikomi_ttl .color {
	color: #FD8432;
}

.kuchikomi_ttl .img img {
	vertical-align: bottom;
}

.kuchikomi_ttl .small {
	font-size: 24px;
}

.kuchikomi_ttl .big {
	font-size: 40px;
}

@media screen and (max-width: 767px) {
	.kuchikomi {
		padding: 28px 10px;
	}

	.kuchikomi_ttl {
		font-size: 16px;
		line-height: 1.4;
	}

	.kuchikomi_ttl .img {
		width: 229px;
		margin-top: 5px;
		display: inline-block;
	}

	.kuchikomi_ttl .spbig {
		font-size: 24px;
	}

	.kuchikomi_ttl .small {
		font-size: 14px;
	}

	.kuchikomi_ttl .big {
		font-size: 24px;
		font-weight: 500;
	}
}



#greeting {
	padding: 50px 0 0;
}

.greeting_box {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 32px 0 70px;
}

.greeting_box>div {
	box-sizing: border-box;
}

.greeting_box>div:nth-of-type(1) {
	width: 79%;
}

.greeting_box>div:nth-of-type(1)>p {
	padding-left: 6%;
	line-height: 1.75;
}

.greeting_box>div:nth-of-type(1)>p:nth-of-type(n+2) {
	padding: 30px 0 0;
}

.greeting_box>div:nth-of-type(2) {
	width: 19%;
}

.greeting_box>div:nth-of-type(2)>p {
	text-align: center;
}

.greeting_box>div:nth-of-type(2)>p:nth-of-type(2) {
	line-height: 140%;
}


@media screen and (max-width: 767px) {
	.hoken_img img {
		height: 100%;
	}

	.tel_box {
		flex-wrap: wrap;
	}

	.tel_box>div a {
		justify-content: center;
	}

	.tel_box>div a p {
		font-size: 8.75vw;
	}

	.tel_box>div a img {
		width: 12.5vw;
		height: auto;
	}

	.soudan_txt {
		width: 100%;
		margin-left: 26.5%;
		margin-top: 5px;
		padding-left: 0;
		font-size: 14px;
	}

	.soudan_txt .pc {
		display: none;
	}



	.shindan_box {
		padding: 23px 0 5px;
		margin-top: 16px;
		background: #FD8432;
	}

	.shindan_box::after {
		width: 72px;
		height: 24px;
		bottom: -24px;
		background-image: url(../img/shindan_back_arw_sp.svg);
	}

	.soudan_box {
		padding: 32px 15px 20px;
	}

	.shindan_wrap>div {
		width: 100%;
	}

	.shindan_txt {
		padding: 20px 0 0;
	}

	.shindan_txt>p:nth-of-type(1) {
		font-size: 20px;
		text-align: center;
	}

	.shindan_txt>p:nth-of-type(2) {
		padding: 6px 9px 19px;
		font-size: 16px;
		text-align: justify;
	}

	.shindan_img {
		margin-top: 0;
	}

	.houkoku {
		width: 92%;
		margin: 0 auto;
		font-size: 16px;
		border-radius: 0;
		padding: 10px 0;
		text-align: center;
	}

	.soudan_copy {
		font-size: 16px;
		font-feature-settings: "palt";
		margin: 0 -10px;
	}

	.contact_button {
		margin-top: 10px;
	}

	.contact_button a {
		padding: 24px 0;
	}

	.tel_box {
		width: 100%;
	}

	.tel_box>div {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		display: block;
	}

	.tel_box>div:nth-of-type(2) {
		font-size: 14px;
		padding-left: 0;
		margin-top: 5px;
	}

	.tel_box>div a {
		height: auto;
	}

	.shindan_ttl {
		font-size: 23px;
	}

	.shindan_ttl>span {
		font-size: 31px;
	}

	#kuchikomi {
		padding: 45px 0 15px;
	}

	.kuchikomi_box {
		padding: 0 15px;
	}

	.kuchikomi_box_text {
		margin-bottom: 15px;
	}

	#greeting {
		padding: 20px 0 30px;
	}

	.greeting_box {
		flex-direction: column-reverse;
		padding: 15px 15px 0;
	}

	.greeting_box>div:nth-of-type(1) {
		width: 100%;
	}

	.greeting_box>div:nth-of-type(2) {
		width: 100%;
	}

	.greeting_box>div:nth-of-type(2)>p {
		width: 185px;
		margin: 0 auto;
	}

	.greeting_box>div:nth-of-type(2)>p:nth-of-type(2) {
		font-size: 14px;
		padding: 0 0 4px;
		width: 100%;
	}

	.greeting_box>div:nth-of-type(1)>p {
		margin-top: 8px;
		padding-left: 0;
		font-size: 14px;
		line-height: 2;
	}

	.greeting_box>div:nth-of-type(1)>p:nth-of-type(n+2) {
		padding-top: 0;
	}

}


/* add google coment start */
#kuchikomi_wrap {
	margin: 0;
	padding: 0;
	font-family: Lato, Noto Sans JP, 游ゴシック Medium, 游ゴシック体, Yu Gothic Medium, YuGothic, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;
}

#kuchikomi_wrap.kuchikomi_wrap {
	position: relative;
}

#kuchikomi_wrap .head {
	width: 100%;
	box-sizing: border-box;
	max-width: 900px;
	padding: 20px 20px 20px 160px;
	margin: 40px auto 0;
	z-index: 0;
	background: #eb6120;
	position: relative;
}

#kuchikomi_wrap .footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 900px;
	padding: 20px 0;
	background: #eb6120;
	z-index: 2;
}

#kuchikomi_wrap .resultcontent {
	margin: 0 auto;
}

#kuchikomi_wrap.kuchikomi_wrap {
	margin: 20px auto 0;
	box-sizing: border-box;
}

#kuchikomi_wrap.kuchikomi_wrap h2 {
	border-top: 0;
	color: #fff;
	background: transparent;
	padding: 0;
	margin: 0;
	line-height: 1em;
	max-width: 100%;
	text-align: left;
}

#kuchikomi_wrap .read_more {
	text-align: right;
}

#kuchikomi_wrap .read_more a {
	text-decoration: none;
	display: inline-block;
	margin: 15px 0;
	font-size: 13px;
	line-height: 1.42;
	padding: .35em .8em;
	font-weight: 400;
	border: 1px solid #c7d0db;
	background: transparent;
	background-color: transparent;
	background-image: none;
	border-radius: .2em;
	vertical-align: bottom;
	background-color: #e6eaef;
	background-image: linear-gradient(0, #c7d0db, #fff);
	color: #444;
	text-shadow: 0 1px 1px #a8b6c7;
}

#kuchikomi_wrap .result_info {
	overflow: hidden;
	margin: 10px 0 5px;
	font-weight: 700;
}

#kuchikomi_wrap .result_info .star-rating {
	margin: 0 10px;
	font-size: 22px;
	line-height: 22px;
	float: left;
	font-weight: 700;
}

#kuchikomi_wrap .result_info .result_review,
#kuchikomi_wrap .result_info .star-num {
	font-size: 22px;
	line-height: 22px;
	color: #fff;
	float: left;
}

#kuchikomi_wrap.kuchikomi_wrap>ul {
	background-color: #fff;
	height: 250px;
	max-width: 900px;
	overflow-y: scroll;
	list-style: none;
	padding: 10px 20px;
	margin: 0 auto;
	clear: left;
	resize: vertical;
	box-shadow: 0 0 7px 0 #efefef inset;
	border: solid 1px #eee;
	box-sizing: border-box;
}

#kuchikomi_wrap.kuchikomi_wrap>ul li {
	border-bottom: 1px dashed #ccc;
	padding-top: 5px;
	padding-bottom: 20px
}

#kuchikomi_wrap .result_title {
	font-size: 18px;
	font-weight: 400;
}

#kuchikomi_wrap .star-rating {
	position: relative;
	width: 5em;
	height: 1em;
	font-size: 22px;
	margin-top: 2px;
	margin-bottom: 9pt;
	float: left;
	overflow: hidden;
}

@media screen and (max-width: 640px) {
	#kuchikomi_wrap .star-rating {
		font-size: 22px;
		margin-top: -5px;
	}
}

#kuchikomi_wrap .star-rating-front {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #fc3;
}

#kuchikomi_wrap .star-rating-back {
	color: #ccc;
}

#kuchikomi_wrap .result_time {
	line-height: 24px;
	height: 14px;
	margin: 0 10px 9pt;
	float: left;
	font-size: 15px;
}

#kuchikomi_wrap .result_author {
	line-height: 24px;
	height: 14px;
	margin-bottom: 9pt;
	font-size: 15px;
}

#kuchikomi_wrap .result_txt {
	clear: left;
	font-size: 15px;
}

#kuchikomi_wrap .result_txt_box {
	position: relative;
	margin-top: 5px;
}

#kuchikomi_wrap .result_txt_box label {
	height: 1.5em;
	cursor: pointer;
	text-align: center;
	font-size: 42px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .95) 90%);
	background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .95) 90%);
	background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .95) 90%);
	background: -ms-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .95) 90%);
	background: linear-gradient(to bottom, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .95) 90%);
}

#kuchikomi_wrap .result_txt_box input:checked+label {
	background: inherit;
}

#kuchikomi_wrap .result_txt_box label:after {
	content: "続きをよむ";
	font-size: 9pt;
	line-height: 28px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	box-shadow: 0 0 5px 0 #d8d8d8;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	color: #fff;
	background-color: #ff5f01;
	opacity: .9;
	width: 12rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#kuchikomi_wrap .result_txt_box input {
	display: none;
}

#kuchikomi_wrap .result_txt_box .result_txt {
	overflow: hidden;
	height: auto;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
	color: #333;
}

#kuchikomi_wrap .result_txt_box label+.result_txt {
	height: 4.5em;
}

#kuchikomi_wrap .result_txt_box input:checked+label:after {
	content: "閉じる";
}

#kuchikomi_wrap .result_txt_box input:checked~.result_txt {
	height: auto;
	padding-bottom: 30px;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
}

#kuchikomi_wrap .g_logo {
	top: 21px;
	left: 26px;
	box-sizing: border-box;
	width: 120px;
	background: #fff;
	padding: 10px 10px 5px;
	margin-right: 3px;
	position: absolute;
	border-radius: 32px;
}

#kuchikomi_wrap .g_logo:before {
	content: '';
	border: 14px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	top: 17px;
	left: -6px;
	transform: rotate(-23deg);
	z-index: -1;
}

#kuchikomi_wrap .g_logo img {
	display: block;
	width: 100%;
	z-index: 1;
}

@media screen and (max-width:900px) {
	#kuchikomi_wrap.kuchikomi_wrap {
		margin-top: 12px;
		padding: 5% 0 0;
		height: 100%;
	}

	#kuchikomi_wrap.kuchikomi_wrap>ul {
		padding: 2%;
	}

	#kuchikomi_wrap .read_more a {
		margin-top: 2%;
	}

	#kuchikomi_wrap .resultcontent {
		margin: 0 0 5%;
	}
}

@media screen and (max-width:640px) {
	#kuchikomi_wrap .result_info {
		margin: 2% 0;
	}

	#kuchikomi_wrap .result_info>div {
		display: block;
		margin-left: 0;
	}

	#kuchikomi_wrap .result_title {
		font-size: 13px;
	}

	#kuchikomi_wrap .result_info .star-rating {
		margin: 0 10px;
		font-size: 13px;
		line-height: 13px;
		float: left;
	}

	#kuchikomi_wrap .result_info .result_review,
	#kuchikomi_wrap .result_info .star-num {
		font-size: 13px;
		line-height: 13px;
		color: #fff;
		float: left;
	}

	#kuchikomi_wrap .result_txt {
		font-size: 13px;
	}

	#kuchikomi_wrap .head {
		padding: 20px 10px 10px;
		margin-top: 23px;
	}

	#kuchikomi_wrap .resultcontent {
		margin: 0 0 5%;
		height: 300px;
	}

	#kuchikomi_wrap .g_logo {
		border: solid 2px #dc0000;
		top: -36px;
		left: 20px;
		width: 150px;
		padding: 6px 20px 3px;
		border-radius: 25px;
	}

	#kuchikomi_wrap .g_logo:before {
		border: 13px solid transparent;
		border-bottom-color: #fff;
		top: 14px;
		left: -8px;
		z-index: 0;
	}

	#kuchikomi_wrap .result_author,
	#kuchikomi_wrap .result_time {
		height: 9pt;
		font-size: 9pt;
	}
}

@media screen and (max-width:300px) {
	#kuchi_widget01.kuchikomi_wrap h2 {
		line-height: 1.3em;
		margin-bottom: 10px;
	}

	#kuchi_widget01 .result_info .result_review {
		line-height: 1.8em;
		font-weight: 400;
	}

	#kuchi_widget01 .result_author {
		clear: both
	}

	#kuchi_widget01 .head {
		padding: 20px 8px 4px;
		height: auto;
	}

	#kuchi_widget01 #kuchikomi_wrap ::-webkit-scrollbar {
		width: 10px;
	}

	#kuchi_widget01 #kuchikomi_wrap ::-webkit-scrollbar-track {
		background: #fff;
		border-left: solid 1px #ececec;
	}

	#kuchi_widget01 #kuchikomi_wrap ::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 10px;
		box-shadow: inset 0 0 0 2px #fff;
	}

	#kuchi_widget01.kuchikomi_wrap>ul {
		padding: 3%;
	}

	#kuchi_widget01 .g_logo {
		left: 18px;
	}
}

#kuchikomi_fv01 {
	background: #dc0000;
}

#kuchikomi_fv01 .star-rating-front {
	color: #ffe833;
}

#kuchikomi_fv01 .result_info .result_review,
#kuchikomi_fv01 .result_info .star-num {
	color: #fff;
}

#kuchikomi_fv01 .g_logo img {
	border-style: none;
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
}

#kuchikomi_wrap .result_txt_box label:after {
	background-color: #ff5f01;
}

#kuchikomi_wrap .star-rating-front {
	color: #fc3;
}

#kuchikomi_wrap .result_info .result_review,
#kuchikomi_wrap .result_info .star-num,
#kuchikomi_wrap.kuchikomi_wrap h2 {
	color: #fff;
}

@media screen and (max-width:1024px) {
	#kuchikomi_wrap {
		padding: 0 2%;
	}
}

@media screen and (max-width:640px) {
	#kuchikomi_wrap .g_logo {
		border: solid 2px #dc0000;
	}
}

/* add google coment end */




/* ---------------------------------------------------------------
外壁・屋根塗装リフォームの流れ
--------------------------------------------------------------- */

#flow {
	background: #FDF0EA;
	padding: 45px 0 60px;
}

#flow .sec-ttl span {
	font-size: 32px;
}

.flow_box {
	max-width: 1073px;
	margin: 0 auto;
	padding: 40px 0 0;
}

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

.flow_list li {
	box-sizing: border-box;
	width: 19.5%;
	padding: 16px;
	position: relative;
}

.flow_list li::after {
	content: '';
	position: absolute;
	display: inline-block;
	border: 20px solid transparent;
	border-width: 20px;
	border-style: solid;
	z-index: 1;
}

.step1 {
	background: #FFFFCC;
	border-radius: 10px 0 0 10px;
}

.step1 .step {
	color: #FD8432;
}

.step2 {
	background: #FAE5AC;
}

.step2 .step {
	color: #FD8432;
}

.step3 {
	background: #FAC97B;
}

.step3 .step {
	color: #FD8432;
}

.step4 {
	background: #F79468;
}

.step4 .step {
	color: #FD8432;
}

.step5 {
	background: #FFA05F;
	border-radius: 0 10px 10px 0;
}

.step5 .step {
	color: #FD8432;
}

.step {
	text-align: center;
	font-size: 19px;
	position: relative;
}

.step>span {
	z-index: 1;
	position: relative;
	display: block;
	margin: 0 auto;
}

.step>span::before {
	content: 'STEP';
	font-size: 10px;
	display: block;
	left: 0;
	position: relative;
}

.step>span::after {
	content: '';
	background: #FFF;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	z-index: -1;
}

.flow_ttl {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	white-space: nowrap;
	padding: 20px 0;
}

.flow_txt {
	padding: 0 5px;
	font-size: 14px;
	line-height: 1.71
}

@media screen and (min-width: 738px) {
	.flow_list li::after {
		top: 50%;
		right: -35px;
		transform: translateY(-50%);
		border-left-width: 20px;
		border-left-style: solid;
	}

	.flow_list .step1::after {
		border-left-color: #FFFFCC;
	}

	.flow_list .step2::after {
		border-left-color: #FAE5AC;
	}

	.flow_list .step3::after {
		border-left-color: #FAC97B;
	}

	.flow_list .step4:after {
		border-left-color: #F79468;
	}
}

@media screen and (max-width: 737px) {
	#flow {
		padding: 23px 0;
	}

	#flow .sec-ttl span {
		font-size: 24px;
	}

	.flow_box {
		text-align: center;
		padding: 26px 20px 0;
	}

	.flow_list li {
		width: 100%;
		margin: 2px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.flow_list li>div {
		box-sizing: border-box;
	}

	.step {
		width: 50px;
		top: 10px;
	}

	.step>span::after {
		width: 50px;
		height: 50px;
	}

	.flow_list li>div:nth-of-type(2) {
		width: 80%;
	}

	.flow_list li::after {
		top: 100%;
		left: 27px;
		border: 15px solid transparent;
		border-top-width: 15px;
		border-top-style: solid;
	}

	.step1 {
		border-radius: 10px 10px 0 0;
	}

	.flow_list .step1::after {
		border-top-color: #FFFFCC;
	}

	.flow_list .step2::after {
		border-top-color: #FAE5AC;
	}

	.flow_list .step3::after {
		border-top-color: #FAC97B;
	}

	.flow_list .step4:after {
		border-top-color: #F79468;
	}

	.step5 {
		border-radius: 0 0 10px 10px;
	}

	.flow_ttl {
		text-align: left;
		padding: 0 0 7px;
		font-size: 16px;
	}

	.flow_txt {
		text-align: left;
		font-size: 14px;
		padding: 0;
	}

}


/* ---------------------------------------------------------------
スライダー
--------------------------------------------------------------- */
.slider-wrapper {
	max-width: 1089px;
	margin: 0 auto;
	overflow: hidden;
}

.plan-slider {
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.plan-slider li {
	height: auto;
	box-sizing: border-box;
	margin: 0 5.5px;
}

.plan-slider li img {
	width: auto;
	height: auto;
}

.plan-slider .slick-list {
	padding-bottom: 30px;
}

.plan-slider .slick-dots {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	bottom: 0;
	text-align: center;
}

.plan-slider .slick-dots li {
	cursor: pointer;
	width: 12px;
	height: 12px;
	margin: 0 4px;
	padding: 0;
	display: inline-block;
	position: relative;
}

.plan-slider .slick-dots li button {
	cursor: pointer;
	width: inherit;
	height: inherit;
	border: none;
	border-radius: 50%;
	padding: 0;
	display: block;
	color: transparent;
	font-size: 0;
	line-height: 0;
	outline: none;
	background: #C8C8C8;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.plan-slider .slick-dots .slick-active button {
	background: #4B4B4B;
}

.slick-dots li button::before {
	display: none;
}

@media screen and (max-width: 737px) {
	.slider-wrapper {
		margin-top: 8px;
		width: 100% !important;
	}

	.plan-slider {
		margin-bottom: 30px;
	}

	.plan-slider .slick-list {
		padding-bottom: 18px !important;
	}

	.plan-slider .slick-dots li {
		width: 8px;
		height: 8px;
	}

	.plan-slider li {
		margin: 0 calc(5 / 375 * 100vw);
	}
}

/* 
---------------------------------------------------------------
お問い合わせ
--------------------------------------------------------------- */
#contact {
	padding: 35px 0 40px;
}

#contact .sec-ttl {
	text-align: center;
	margin-bottom: 22px;
}

#contact .contact-txt {
	margin: 0 0 30px;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	line-height: 1.47;
}

#contact .contact-txt .item {
	margin-right: 8px;
	border-radius: 5px;
	padding: 5px 10px;
	display: inline-block;
	color: #fff;
	font-size: 24px;
	vertical-align: text-bottom;
	font-weight: 500;
	background: #fd792c;
}

#contact .contact-txt .big {
	color: #fd792c;
	font-size: 40px;
	font-weight: 500;
}

#contact_form {
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.8em;
}

#contact_form form {
	text-align: left;
}

#contact_form table {
	margin: 0 auto;
	border-collapse: collapse;
}

#contact_form th {
	width: 200px;
	height: 100%;
	border: 1px solid #b2b2b2;
	padding: 10px 15px;
	position: relative;
	font-size: 15px;
	font-weight: 700;
	vertical-align: middle;
	background: #fdf2ed;
	background-clip: padding-box;
}

#contact_form th span {
	border-radius: 3px;
	padding: 2px 8px;
	position: absolute;
	top: 50%;
	right: 15px;
	translate: 0 -50%;
	color: #fff;
}

#contact_form th .required {
	background: #ec163e;
}

#contact_form th .any {
	background: #b0b0b0;
}

#contact_form td {
	width: 400px;
	border: 1px solid #b2b2b2;
	padding: 10px 15px;
}

#contact_form input[type="text"],
#contact_form input[type="tel"],
#contact_form input[type="email"],
#contact_form select {
	width: 100%;
	height: 34px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 13px;
	font-family: inherit;
}

.error {
	color: #dc3232;
	font-size: 1em;
	font-weight: normal;
	display: block;
}

#contact_form #address01 {
	width: 190px;
}

#contact_form #jusyo {
	cursor: pointer;
	margin-left: 5px;
	border: none;
	border-radius: 0;
	padding: 6px 20px;
	color: #fff;
	font-size: 14px;
	font-weight: 900;
	background: #eb6120;
}

#contact_form select {
	margin-top: 5px;
	position: relative;
	background: #fff;
}

#contact_form .wrap {
	position: relative;
}

#contact_form .wrap::after {
	pointer-events: none;
	content: "";
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	display: block;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%) rotate(45deg);

}

#contact_form #address02 {
	margin-top: 5px;
}

#response_tel,
#response_mail {
	margin-bottom: 5px;
}

label,
.con-btn {
	cursor: pointer;
}

.con-item {
	display: none;
}

.con-item.active {
	display: block;
}

#contact_form #text {
	width: 100%;
	height: 100px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 13px;
}

.contact_submit_wrap {
	height: 64px;
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact_submit {
	display: inline-block;
	position: relative;
}

.contact_submit:hover .con-arrow {
	top: calc(50% - 10px);
}

.con-arrow {
	pointer-events: none;
	position: absolute;
	top: calc(50% - 12px);
	right: 30px;
	transition: 0.2s all ease 0s;
	width: 24px;
	height: 24px;
	background: url(../img/top-arrow04.png) center/contain no-repeat;
}

.contact_submit input {
	cursor: pointer;
	width: 210px;
	margin-top: 0;
	margin-bottom: 2px;
	border: none;
	border-radius: 5px;
	padding: 14px 15px 16px 40px;
	position: relative;
	transition: 0.2s all ease 0s;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	font-family: inherit;
	line-height: 30px;
	text-align: left;
	box-shadow: 0 4px 0 #b03318;
	background: url(../img/btn-ptn01.png) repeat #ed6120;
	box-sizing: border-box;
}

.contact_submit input:hover {
	margin-top: 2px;
	margin-bottom: 0;
	box-shadow: 0 2px 0 #b03318;
}

input[type="radio"] {
	accent-color: #006AFF;
	appearance: radio;
	-webkit-appearance: radio;
}

@media screen and (max-width: 767px) {
	#contact {
		padding-top: 28px;
		padding-bottom: 37px;
	}

	#contact .sec-ttl {
		margin-bottom: 0;
	}

	#contact .contact-txt {
		margin-top: 10px;
		margin-bottom: 19px;
		padding: 0;
		font-size: 16px;
		box-sizing: border-box;
	}

	#contact .contact-txt .item {
		padding: 4px 7px;
		font-size: 16px;
	}

	#contact .contact-txt .big {
		font-size: 24px;
	}

	#contact .contact-txt .sp {
		display: inline;
	}

	#contact_form {
		margin: 0 10px;
	}

	#contact_form table {
		width: 100%;
	}

	#contact_form th,
	#contact_form td {
		width: 100%;
		display: block;
		box-sizing: border-box;
	}

	#contact_form #address01 {
		width: 50%;
	}
}

/* ---------------------------------------------------------------
フッター
--------------------------------------------------------------- */

footer {
	padding: 0 0 117px;
}

#store {
	background: #DBDBDB;
	border-top: 4px solid #707070;
}

.store_info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 17px 0;
}

.store_info>div {
	box-sizing: border-box;
	line-height: 120%;
}

.store_info>div:nth-of-type(1) {
	font-size: 16px;
	text-align: center;
	font-weight: 500;
	line-height: 1.2;
}

.store_info>div:nth-of-type(1) small {
	font-size: 14px;
}

.store_info>div:nth-of-type(2) {
	font-size: 12px;
	line-height: 1.6;
}

.store_name {
	padding-right: 1em;
}

.store_add span:nth-of-type(1) {
	padding: 0 1em;
}

.FooterScroll {
	padding: 21px 0;
	filter: drop-shadow(0 -3px 6px rgba(0, 0, 0, 0.16));
}

.FooterScroll .inner {
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.FooterScroll .inner>div {
	box-sizing: border-box;
	width: 33%;
}

.FooterScroll .inner>div:nth-of-type(2) {
	width: 32%;
}

.FooterScroll .inner>.flot-sp {
	display: none;
}

.flot-sp div {
	height: 14.2vw;
	border: 1px solid #a4a0bb;
	border-radius: 13px;
	padding: 10px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	box-shadow: 0 1.65vw 0 #0f154e;
	background: linear-gradient(to top, #2e3bae 0%, #1f2586 50%, #8b94d8 85%, #5566ca 100%);
}

.flot-sp img {
	width: 30%;
}

.flot-sp p {
	color: #fff;
	font-size: 4.5vw;
	font-weight: bold;
	white-space: nowrap;
}

.FooterScroll .inner>.flot-pc {
	display: block;
}

.flot-pc p {
	display: flex;
	flex-wrap: wrap;
}

.flot-pc img {
	width: 50px;
}

.flot-pc-tel {
	margin-left: 10px;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
}

.flot-pc-time {
	width: 93%;
	margin-top: 10px;
	color: #fff;
	font-size: 15px;
	text-align: right;
}

@media screen and (max-width: 767px) {
	footer {
		padding: 0 0 19%;
	}

	.store_info {
		justify-content: center;
		padding: 6px 15px;
	}

	.store_info>div:nth-of-type(1) small {
		padding-left: 5px;
	}

	.store_info>div:nth-of-type(2) {
		margin-top: 4px;
		font-size: 14px;
		text-align: center;
		line-height: 1.28;
	}

	.store_info>div .copy {
		font-size: 11px;
	}

	.FooterScroll {
		padding: 0;
	}

	.FooterScroll .inner {
		width: auto;
		padding: 10px 10px 5px;
		align-items: flex-start;
	}

	.FooterScroll .inner>div {
		width: 35%;
	}

	.FooterScroll .inner>.flot-sp {
		display: block;
	}

	.FooterScroll .inner>.flot-pc {
		display: none;
	}

	.FooterScroll .inner>div:nth-of-type(2) {
		width: 21%;
	}
}


/* lp01 kuchikomi style fixed */
.kuchikomi_box_text {
	text-align: center;
	margin-bottom: 25px;
}

.kuchikomi_box_text p,
.kuchikomi_box_text p span {
	font-weight: bold;
	font-size: 40px;
	line-height: 1.3;
}

.kuchikomi_box_text .kuchikomi_box_md,
.kuchikomi_box_text .kuchikomi_box_md .orange_number {
	font-size: 32px;
}

.kuchikomi_box_text .over_number {
	font-size: 36px;
	margin-top: 16px;
	display: block;
	position: relative;
}

.kuchikomi_box_text .kuchikomi_box_xl {
	font-size: 48px;
	font-weight: bold;
}

.kuchikomi_box_text .orange_number {
	color: #fd8432;
}

.kuchikomi_box_text .under_yellow {
	background: linear-gradient(transparent 80%, #f3e938 70%);
}

.kuchikomi_box_text .kuchikomi_box_sm {
	font-size: 24px;
}

.kuchikomi_box_text .over_number::before {
	content: "";
	width: 2px;
	height: 46px;
	background-color: #000;
	display: inline-block;
	top: 7px;
	transform: rotate(310deg);
	position: relative;
	left: -24px;
}

.kuchikomi_box_text .over_number::after {
	content: "";
	width: 2px;
	height: 46px;
	background-color: #000;
	display: inline-block;
	top: 7px;
	left: 24px;
	position: relative;
	transform: rotate(50deg);
}


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

	.kuchikomi_box_text p,
	.kuchikomi_box_text p span {
		font-size: 24px;
	}

	.kuchikomi_box_text .kuchikomi_box_md,
	.kuchikomi_box_text .kuchikomi_box_md .orange_number {
		font-size: 16px;
	}

	.kuchikomi_box_text .kuchikomi_box_sm {
		font-size: 14px;
	}

	.kuchikomi_box_text .over_number {
		font-size: 20px;
	}

	.kuchikomi_box_text .kuchikomi_box_xl {
		font-size: 32px;
	}

	.kuchikomi_box_text .over_number {
		margin: 8px 0 16px;
	}

	.kuchikomi_box_text .over_number::before {
		width: 1px;
		height: 32px;
		left: -14px;
	}

	.kuchikomi_box_text .over_number::after {
		width: 1px;
		height: 32px;
		left: 14px;
	}
}

.sent .wpcf7-response-output {
	display: none;
}

@media screen and (min-width: 768px) {
	.grecaptcha-badge {
		z-index: 9999;
	}
}

/* バナー */
.platinum {
	max-width: 1080px;
	margin: 0 auto 40px;
}

@media screen and (max-width: 767px) {
	.platinum {
		padding: 0 10px;
	}
}

.youtube {
	max-width: 1080px;
	margin: 0 auto 40px;
}

@media screen and (max-width: 767px) {
	.youtube {
		padding: 0 10px;
	}
}

/* googlereview */

/* gbp start */
:root {
	--main-color: #eb6120;
}

.wpac {
	position: relative;
	/* background-color: #FBEFBA!important; */
	padding-top: 50px !important;
	/* padding-bottom: 40px!important; */
}

/* .wpac::after{
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 13vw;
	content: "";
	background-color: #FBEFBA;
	display: block;
	width: 100%;
	height: 100%;
  } */
.wp-google-wr {
	display: none !important;
}

.wp-gr.wpac .wp-google-left img {
	border-radius: 0 !important;
}

.wp-gr .wp-google-powered.wp-google-powered-custom {
	position: absolute !important;
	bottom: 45px !important;
	left: 220px !important;
	font-weight: 500 !important;
	color: #fb8e28 !important;
	font-size: 16px !important;
}

.wp-gr.wpac .wp-google-name span {
	font-size: 16px !important;
	color: #382712 !important;
}

.wp-gr.wpac .grw-slider-review-inner .wp-google-left img {
	border-radius: 50% !important;
}

.wp-gr.wpac .wp-google-rating {
	font-weight: 500 !important;
	font-size: 16px !important;
}

.wp-gr.wpac .grw-slider:not(.wp-dark) .grw-slider-review-inner.grw-slider-review-border {
	border-radius: 24px !important;
}

.grw-slider-review-inner svg {
	display: none;
}

.grw-slider-dots {
	display: none !important;
}

.wp-gr.wpac .wp-google-time {
	display: none !important;
}

.wp-gr.wpac .wp-google-time.view-wp-google-time {
	display: block !important;
}

.wp-gr.wpac .wp-google-time.dateView {
	display: block !important;
}

.wp-gr.wpac .grw-slider:not(.wp-dark) .grw-slider-review-inner.grw-slider-review-border {
	max-width: 256px !important;
	height: 256px;
}

.wp-gr .grw-slider .wp-google-feedback {
	height: 120px !important;
}

.wp-gr.wpac .grw-slider:not(.wp-dark) .grw-slider-review-inner.grw-slider-review-border {
	padding-top: 28px !important;
}

.wp-gr .grw-slider .wp-google-stars {
	margin-top: 8px !important;
}

.wp-gr.wpac .wp-google-time.dateView {
	margin-top: 4px !important;
}

.wp-gr.wpac a.wp-google-name {
	font-size: 16px !important;
}

.wp-gr.wpac .wp-google-time.dateView {
	font-size: 14px !important;
}

.wp-gr.wpac .grw-slider .grw-row {
	max-width: 880px !important;
}

.wp-gr.wpac .grw-slider .grw-row {
	margin: 0 auto !important;
}

.wp-gr .grw-slider-content {
	background-image: linear-gradient(-45deg, transparent 35%, var(--main-color) 35%, var(--main-color) 45%, transparent 55%) !important;
	background-size: 5.6px 4px;
	border: none;
	background-repeat: repeat-x !important;
	background-position: top 0px right 0px !important;
	padding-top: 20px !important;
}

@media screen and (min-width: 767px) {
	.wp-gr.wpac .grw-slider .grw-row {
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.wp-gr.wpac .wp-google-name span {
		font-size: 20px !important;
	}

	.wp-gr .wp-google-powered.wp-google-powered-custom {
		font-size: 24px !important;
		left: 240px !important;
	}

	.wp-gr.wpac .wp-google-rating {
		font-size: 24px !important;

	}

	.wp-gr.wpac .wp-google-place {
		display: flex !important;
	}

	.wp-gr.wpac .wp-google-right {
		display: flex !important;
		width: auto !important;
	}

	.wp-gr .wp-google-powered.wp-google-powered-custom {
		left: initial !important;
		right: 0 !important;
	}

	.wp-gr.wpac .wp-google-powered.wp-google-powered-custom {
		font-size: 20px !important;
		right: 14px !important;
	}

	.wp-gr .grw-row-x .grw-slider-header,
	.wp-gr .grw-row-x .grw-slider-header+.grw-slider-content,
	.wp-gr .grw-row-x .grw-slider-review,
	.wp-gr .grw-row-s .grw-slider-header+.grw-slider-content .grw-slider-review {
		flex: 0 0 33.3%;
	}

	.wp-gr .wp-google-powered {
		position: absolute !important;
		bottom: 11px !important;
	}

	.wp-gr .grw-slider .grw-slider-header-inner,
	.wp-gr .grw-slider .grw-slider-review-inner {
		margin-left: 22px !important;
	}

	.wp-gr.wpac .wp-google-left img {
		margin-right: 22px !important;
	}

	.wp-gr .wp-google-powered.wp-google-powered-custom {
		right: 22px !important;
	}

	.wp-gr .grw-slider .grw-slider-btns.grw-slider-prev {
		top: -14px !important;
	}

	.wp-gr .grw-slider .grw-slider-btns.grw-slider-next {
		right: -13px !important;
		top: -15px !important;
	}

	.wp-gr .grw-row-s .grw-slider-header+.grw-slider-content {
		width: 100% !important;
	}
}

@media screen and (max-width: 767px) {
	.wpac {
		margin-top: 20px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.wp-gr.wpac .grw-slider:not(.wp-dark) .grw-slider-review-inner.grw-slider-review-border {
		max-width: 100% !important;
		margin: 0 !important;
		height: 224px !important;
	}

	.wp-gr.wpac .grw-slider:not(.wp-dark) .grw-slider-review-inner.grw-slider-review-border {
		padding-top: 18px !important;
	}

	.wp-gr .grw-slider .wp-google-feedback {
		height: 100px !important;
	}

	.wp-gr .wp-google-text {
		font-size: 14px !important;
	}

	.p-blogdetail__links {
		gap: 12px;
	}

	.p-blogdetail__previousBtn a,
	.p-blogdetail__nextBtn a,
	.p-blogdetail__backBtn a {
		max-width: 104px;
		padding: 0;
	}

	.p-blogdetail__previousBtn span,
	.p-blogdetail__nextBtn span,
	.p-blogdetail__backBtn span {
		display: none;
	}

	.p-blogdetail__previousBtn a::before,
	.p-blogdetail__nextBtn a::before,
	.p-blogdetail__previousBtn a::after,
	.p-blogdetail__nextBtn a::after {
		display: none;
	}

	.wp-gr .grw-slider .grw-slider-content {
		padding: 10px 20px !important;
	}

	.wp-gr .grw-slider {
		padding: 0 20px !important;
	}

	.wp-gr .grw-slider .grw-slider-reviews {
		margin: 0 !important;
	}

	.wp-gr .grw-slider .grw-slider-btns.grw-slider-next {
		right: -26px !important;
		top: -20px !important;
	}

	.wp-gr .grw-slider .grw-slider-btns.grw-slider-prev {
		left: -26px !important;
		top: -20px !important
	}

	.wp-gr .grw-slider .grw-slider-header-inner {
		padding-left: 0 !important;
		padding-bottom: 10px !important;
	}

	.wp-gr .wp-google-powered {
		margin: 0 !important;
	}

	.wp-gr .wp-google-powered.wp-google-powered-custom {
		bottom: 34px !important;
		left: 196px !important;
	}

	.wp-gr .wp-google-place .wp-star svg {
		width: 17px !important;
		height: 17px !important;
	}
}

/* gbp end */