@charset "utf-8";

/* パソコンで出してスマホは出さない */
.pc {
	display: inline !important;
}

.sp {
	display: none !important;
}

/* スマホは出してパソコンは出さない */
@media screen and (max-width: 736px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: inline !important;
	}
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	/* フォント設定もここで */
	font-family: "Noto Sans JP", "游ゴシック", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 62.5%;
	font-weight: 500;
	font-style: normal;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	vertical-align: bottom;
	border: none;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

ul,
li,
dl,
dt,
dd,
ol,
p {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a {
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	color: #000;
}

h1,
h2,
h3,
h4,
h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

/* html {
    visibility: hidden;
}

html.wf-active,
html.loading-delay {
    visibility: visible;
} */


/*リセット
------------------------------*/
.clearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1;
}

.clearFix {
	min-height: 1px;
}

* html .clearFix {
	height: 1px;
}

/* ===========================================
 * 共通(トップ除く)-全体
 * ======================================== */
.wrapper {
	font-size: 1.6rem;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 	ヘッダー
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
#header {
	border-bottom: 1px solid #F4CA00;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*fixedで上部固定*/
	position: fixed;
	top: 0;
	height: 90px;
	width: 100%;
	z-index: 999;
	/*最前面へ*/
}

/*　上に上がる動き　*/

#header.UpMove2 {
	animation: UpAnime2 0.5s forwards;
}

@keyframes UpAnime2 {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 0;
		transform: translateY(-100px);
	}
}

/*　下に下がる動き　*/

#header.DownMove2 {
	animation: DownAnime2 0.5s forwards;
}

@keyframes DownAnime2 {
	from {
		opacity: 0;
		transform: translateY(-100px);
	}

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

.common_header_logo img {
	width: 150px;
	margin-left: 20px;
	vertical-align: middle;
}

header ul {
	display: flex;
	align-items: center;
	margin-right: 20px;
}

.mail img {
	width: 50px;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 20px;
}

.company img {
	width: 35px;
}

/* ------389px以下------ */

@media (max-width: 389px) {

	header {
		height: max(23.13624678663239vw, 70px);
		/* 90(px) /  389(px) * 100vw */
	}

	.common_header_logo img {
		width: max(38.56041131105398vw, 130px);
		/* 150(px) /  389(px) * 100vw */
		margin-left: 5.141388174807198vw;
		/* 20(px) /  389(px) * 100vw */
	}

	header ul {
		margin-right: 5.141388174807198vw;
		/* 20(px) /  389(px) * 100vw */
	}

	.mail img {
		margin-right: 5.141388174807198vw;
		/* 20(px) /  389(px) * 100vw */
	}

}

/* ------325px以上------ */

@media (min-width: 325px) {

	.mail img {
		width: 60px;
	}

	.company img {
		width: 41px;
	}

}

/* 	\\\\\\\\\\\\\\\\\\\\\\\
 	トップページ メイン
 \\\\\\\\\\\\\\\\\\\\\\\\ */
.main {
	margin: 20px 20px;
	padding-top: 80px;
}

.midasi ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 30px;
}

.midasi_item1 {
	order: 2;
}

.midasi_item2 {
	order: 1;
	margin-top: 20px;
}

h2 {
	letter-spacing: 3px;
	font-family: Noto Sans JP, sans-serif;
	font-size: 1.9rem;
	font-weight: 700;
	font-style: normal;
	text-align: center;
}

.orange {
	font-size: 3.7rem;
	color: #F96421;
}

.h2_ex {
	width: 100%;
	letter-spacing: 2px;
	line-height: 3rem;
	margin-top: 20px;
	font-size: 1.3rem;
	text-align: center;
}

.top_picture {
	width: 100%;
}

.top_picture img {
	width: 500px;
	margin-left: auto !important;
	display: block;
	margin-right: -20px;
}

/*ボタン 「買取査定・ご相談はこちら」*/
.btn1 a {
	display: block;
	width: 350px;
	/*幅*/
	height: 50px;
	/*高さ*/
	line-height: 47px;
	/*高さと同じ値*/
	color: #284B66;
	/*文字色*/
	border: 2px solid #284B66;
	/*線の色*/
	border-radius: 3em;
	/*角丸*/
	position: relative;
	font-size: 1.4rem;
	font-family: Noto Sans JP, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	/* テキストの左右の位置 */
	letter-spacing: 2px;
	margin: 20px auto 0;
}

/*ボタン-矢印*/
.btn1_arrow {
	display: inline-block;
	vertical-align: middle;
	color: #284B66;
	position: absolute;
	top: 19px;
	/* 矢印の上下の位置 */
	right: 35px;
	/* 矢印の左右の位置 */
	width: 0.6em;
	/* 矢印の長さ　上 */
	height: 0.6em;
	/* 矢印の長さ　下 */
	transform: translateX(-25%) rotate(45deg);
}

.btn1_arrow::before,
.btn1_arrow::after {
	content: '';
	position: absolute;
	background: currentColor;
	border-radius: 0.1em;
}

.btn1_arrow::before {
	top: 0;
	left: 0;
	right: 0;
	height: 0.1em;
	/* 太さ 上*/
}

.btn1_arrow::after {
	top: 0;
	right: 0;
	bottom: 0;
	width: 0.1em;
	/* 太さ 下*/
}

.br_383 {
	display: none;
}

/* ------525px以下------ */

@media (max-width: 525px) {
	.top_picture img {
		width: 100%;
		margin-right: -3.80952380952381vw;
		/* 20(px) /  525(px) * 100vw */
	}
}

/* ------389px以下------ */

@media (max-width: 389px) {

	.main {
		margin: 20px 5.141388174807198vw;
		/* (左右)20(px) /  389(px) * 100vw */
	}

	/*ボタン 「買取査定・ご相談はこちら」*/
	.btn1 a {
		width: max(77.12082262210797vw, 250px);
		/* 300(px) /  389(px) * 100vw */
	}

	/*ボタン-矢印*/
	.btn1_arrow {
		right: 5.141388174807198vw;
		/* 矢印の左右の位置 */
		/* 20(px) /  389(px) * 100vw */
	}

}

/* ------383px以下------ */

@media (max-width: 383px) {

	.br_383 {
		display: block;
	}

	.orange {
		line-height: 1;
	}

	h2 p {
		font-size: max(4.960835509138381vw, 13px);
	}
}

/* ------290px以下------ */

@media (max-width: 290px) {

	h2 p {
		letter-spacing: 1.5px;
	}
}





/* 	\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
	「富士グループとは」 ページ 
	\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.about_us {
	/* width: 322px; */
	margin: 150px 20px;
}

.house img {
	width: 100%;
}

.about_yellow {
	color: #FACC84;
	letter-spacing: 8px;
	font-family: din-2014, sans-serif;
	font-style: normal;
	font-size: 4rem;
}

.us {
	letter-spacing: 2px;
	margin-top: -5px;
	font-size: 1.1rem;
}

.h3_fuji h3 {
	letter-spacing: 3px;
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 20px;
}

.h3_ex {
	letter-spacing: 1px;
	font-size: 1.3rem;
	text-align: justify;
}



/* ------389px以下------ */

@media (max-width: 389px) {

	.about_us {

		margin: 150px 5.141388174807198vw;
		/* (左右)20(px) /  389(px) * 100vw */
	}

}

/* ------359px以下------ */

@media (max-width: 359px) {

	.about_us {
		width: auto;
	}

	.br_359 {
		display: none;
	}

}

/* 	\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
	「富士グループが選ばれる理由は？」　ページ
	\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.reason {
	position: relative;
	background-color: #F4F4F4;
	width: 100%;
	padding: 100px 0 50px 0;
}

.reason::before {
	/* 背景の三角(上) */
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 35px solid transparent;
	border-left: 35px solid transparent;
	border-top: 40px solid #FFF;
	border-bottom: 0;
	z-index: 2;
}

.reason::after {
	/* 背景の三角(下) */
	content: '';
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 35px solid transparent;
	border-left: 35px solid transparent;
	border-top: 40px solid #F4F4F4;
	border-bottom: 0;
	z-index: 2;
}

.reason h3 {
	letter-spacing: 3px;
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 700;
	line-height: 40px;
}



.reason3 ul {
	/* margin: 0 auto; */
	height: 540px;
	/* width: 320px; */
	background-color: white;
	text-align: center;
	padding: 60px 20px 80px;
	border-radius: 1em;
	/* 角 */
	position: relative;
	margin-bottom: 80px;
}

.reason3 ul::before {
	position: absolute;
	right: -10px;
	bottom: -50px;
	color: #F4F4F4;
	font-size: 14rem;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.reason3-1::before {
	content: '01';
}

.reason3-2::before {
	content: '02';
	right: 0px !important;
}

.reason3-3::before {
	content: '03';
	right: 0px !important;
}

.reason3 h4 {
	letter-spacing: 3px;
	font-size: 2.3rem;
	margin: 30px 0 10px;
	font-weight: 700;
}

.reason3 ul li {
	position: relative;
	width: 260px;
	margin: 0 auto;
}

.reason3 ul li img {
	width: 100%;
}

.reason3 ul li:nth-child(3) {
	text-align: justify;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 30px;
}

.reason_orange {
	color: #FF3000;
}

.br_848 {
	display: none;
}

/* ------389px以下------ */

@media (max-width: 389px) {

	.reason {
		padding: 25.70694087403599vw 0 12.85347043701799vw 0;
		/* (上)100(px) /  389(px) * 100vw */
		/* (下)50(px) /  389(px) * 100vw */
	}

	.reason::before {
		/* 背景の三角(上) */
		border-right: 8.997429305912596vw solid transparent;
		/* 35(px) /  389(px) * 100vw */
		border-left: 8.997429305912596vw solid transparent;
		/* 35(px) /  389(px) * 100vw */
		border-top: 10.2827763496144vw solid #FFF;
		/* 40(px) /  389(px) * 100vw */
	}

	.reason::after {
		/* 背景の三角(下) */
		bottom: -10vw;
		/* 40(px) /  389(px) * 100vw */
		border-right: 8.997429305912596vw solid transparent;
		/* 35(px) /  389(px) * 100vw */
		border-left: 8.997429305912596vw solid transparent;
		/* 35(px) /  389(px) * 100vw */
		border-top: 10.2827763496144vw solid #F4F4F4;
		/* 40(px) /  389(px) * 100vw */
	}

	.reason h3 {
		font-size: max(6.426735218508997vw, 24px);
		/* フォントサイズ25(px) /  389(px) * 100vw */
	}

	.reason3 ul {
		width: max(82.26221079691517vw, 250px);
		/* 320(px) /  389(px) * 100vw */
		padding: 60px 5.141388174807198vw 80px;
		/* (左右)20(px) /  389(px) * 100vw */
		margin-bottom: 80px;
	}

	.reason3 h4 {
		letter-spacing: max(0.7712082262210797vw, 2px);
		/* 3(px) /  389(px) * 100vw */
		font-size: max(5.912596401028278vw, 22px);
		/* フォントサイズ23(px) /  389(px) * 100vw */
	}

	.reason3 ul li {
		width: max(66.83804627249357vw, 220px);
		/* 260(px) /  389(px) * 100vw */
	}
}


/* 	\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
	「こんなお悩み、ありませんか？」 ページ 
	\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.worry {
	margin-top: 100px;
	text-align: center;
}

.worry h3 {
	letter-spacing: 3px;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 40px;
}

.problem_ex {
	margin-top: 20px;
	margin-bottom: 35px;
	font-size: 1.3rem;
}

.worry ul li img {
	width: 320px;
	margin: 0 auto;
}

.problem_btn a {
	margin: 40px auto 100px;
}

.worry ul li:nth-child(2) {
	margin-top: 25px;
	margin-bottom: 25px;
}


/* ------389px以下------ */

@media (max-width: 389px) {

	.worry h3 {
		font-size: max(6.426735218508997vw, 24px);
		/* フォントサイズ25(px) /  389(px) * 100vw */
	}

	.worry ul li img {
		width: max(82.26221079691517vw, 250px);
		/* 320(px) /  389(px) * 100vw */
	}

}

/* 	\\\\\\\\\\\\\\\\\\\\\\\\
	「お客様の声」 ページ 
	\\\\\\\\\\\\\\\\\\\\\\ */
.review {
	position: relative;
	text-align: center;
	width: 100%;
	background-color: #F4F4F4;
	padding: 100px 0 100px 0;
}

.review h3 {
	letter-spacing: 3px;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 40px;
}

.review h3 span {
	/* 文字上点 */
	display: inline-block;
	position: relative;
}

.review h3 span::before {
	/* 文字上点 */
	position: absolute;
	top: -0.9em;
	/* 文字上点-点の上下位置 */
	left: 50%;
	/* 文字上点-点の左右位置 */
	transform: translate(-50%, 0);
	/* 文字上点-点の左右位置 */
	color: #2A92B7;
	/* 文字上点-点の色 */
	font-size: 1.1em;
	/* 文字上点-点のサイズ */
	content: "・";
}

.review_ex {
	display: flex;
	align-items: center;
	margin: 30px auto;
	width: 340px;
	/*幅*/
	border: 2px solid #284B66;
	/*線の色*/
	border-radius: 0.8em;
	/*角丸*/
	background-color: white;
	padding: 30px 20px 30px 5px;
}

/* 反転 */
.review_re {
	flex-direction: row-reverse;
	padding-right: 5px;
}

.review_re ul {
	margin-right: 20px;
}



.review_ex img {
	width: 75px;
}

.review_ex ul {
	margin-left: 20px;
	text-align: justify;
}

.review_title {
	color: #0C2A3F;
	/*文字色*/
	letter-spacing: 2px;
	margin-bottom: 18px;
	font-size: 1.4rem;
	white-space: nowrap;
}

.review_title_ex {
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 22px;
}

.marker1 {
	background: linear-gradient(to right, #FBD7A1 0%, #FFFCDB 100%);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 50%;
	padding-bottom: 0.3em;
	color: #0C2A3F !important;
}

.marker2 {
	background: linear-gradient(to right, #ED848D 0%, #FADFDF 100%);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 50%;
	padding-bottom: 0.3em;
	color: #0C2A3F !important;
}

.marker3 {
	background: linear-gradient(to right, #42BDDB 0%, #C7E6EB 100%);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 50%;
	padding-bottom: 0.3em;
	color: #0C2A3F !important;
}


.review_ex span {
	color: #FF3000
}

.review::before {
	/* 背景の三角(上) */
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 35px solid transparent;
	border-left: 35px solid transparent;
	border-top: 40px solid #FFF;
	border-bottom: 0;
	z-index: 2;
}

.review::after {
	/* 背景の三角(下) */
	content: '';
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 35px solid transparent;
	border-left: 35px solid transparent;
	border-top: 40px solid #F4F4F4;
	border-bottom: 0;
	z-index: 2;
}

/*ボタン*/
.review_more a {
	margin: 50px auto 0;
}

.review_btn a {
	display: block;
	width: 300px;
	/*幅*/
	height: 50px;
	/*高さ*/
	line-height: 50px;
	/*高さと同じ値*/
	color: white;
	/*文字色*/
	/* border: 1px solid #284B66; */
	/*線の色*/
	border-radius: 3em;
	/*角丸*/
	position: relative;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 2px;
	text-align: center;
	/* テキストの左右の位置 */
	background-color: #284B66;
}

/*ボタン-矢印*/
.review_btn_arrow {
	display: inline-block;
	vertical-align: middle;
	color: white;
	position: absolute;
	top: 20px;
	/* 矢印の上下の位置 */
	right: 45px;
	/* 矢印の左右の位置 */
	width: 0.6em;
	height: 0.6em;
	transform: translateX(-25%) rotate(45deg);
}

.review_btn_arrow::before,
.review_btn_arrow::after {
	content: '';
	position: absolute;
	background: currentColor;
	border-radius: 0.1em;
}

.review_btn_arrow::before {
	top: 0;
	left: 0;
	right: 0;
	height: 0.1em;
	/* 太さ 上*/
}

.review_btn_arrow::after {
	top: 0;
	right: 0;
	bottom: 0;
	width: 0.1em;
	/* 太さ 下*/
}

/* ------389px以下------ */

@media (max-width: 389px) {

	.review h3 {
		font-size: max(6.426735218508997vw, 24px);
		/* フォントサイズ25(px) /  389(px) * 100vw */
	}

	.review::before {
		/* 背景の三角(上) */
		border-right: 8.997429305912596vw solid transparent;
		/* 35(px) /  389(px) * 100vw */
		border-left: 8.997429305912596vw solid transparent;
		/* 35(px) /  389(px) * 100vw */
		border-top: 10.2827763496144vw solid #FFF;
		/* 40(px) /  389(px) * 100vw */
	}

	.review::after {
		/* 背景の三角(下) */
		bottom: -10vw;
		/* 40(px) /  389(px) * 100vw */
		border-right: 8.997429305912596vw solid transparent;
		/* 35(px) /  389(px) * 100vw */
		border-left: 8.997429305912596vw solid transparent;
		/* 35(px) /  389(px) * 100vw */
		border-top: 10.2827763496144vw solid #F4F4F4;
		/* 40(px) /  389(px) * 100vw */
	}

	/*ボタン*/
	.review_btn a {
		width: max(77.12082262210797vw, 250px);
		/* 300(px) /  389(px) * 100vw */
	}


	/*ボタン-矢印*/
	.review_btn_arrow {
		right: 5.141388174807198vw;
		/* 矢印の左右の位置 */
		/* 20(px) /  389(px) * 100vw */
	}

}

/* ------370px以下------ */

@media (max-width: 370px) {

	.review_ex {
		display: block;
		width: max(91.89189189189189vw, 250px);
		/* 340(px) /  370(px) * 100vw */
		padding: 30px 20px 30px 5px;
	}

	.review_ex img {
		width: max(27.02702702702703vw, 75px);
		/* 100(px) /  370(px) * 100vw */
		margin-bottom: 2.702702702702703vw;
		/* 10(px) /  370(px) * 100vw */
	}

	.review_title {
		text-align: center;
		font-size: 1.4rem;
	}

}


/* ------321px以上736px未満------ */

@media (min-width: 321px) {
	.br_320 {
		display: none !important;
	}
}

/* ------320px以下------ */

@media (max-width: 320px) {
	.review_title {
		white-space: wrap;
	}

	.br_320 {
		display: block;
	}
}

/* \\\\\\\\\\\\\\\\\\\\\\\\
	「よくある質問」 ページ
	\\\\\\\\\\\\\\\\\\\\\\\\ */
.faq {
	margin-top: 120px;
}

.faq h3 {
	text-align: center;
	letter-spacing: 10px;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 40px;
}

/*
  アコーディオンそのものの横幅と余白を指定。
  開閉動作に影響なし。
*/
.accordion__list {
	width: 340px;
	padding: 10px;
	margin: 20px auto 30px;
	letter-spacing: 1px;
	font-size: 1.3rem;
	text-align: justify;
	font-weight: 700;
}

.accordion__list span {
	color: #284B66;
	font-size: 2rem;
	font-family: din-2014, sans-serif;
	font-weight: 800;
	font-style: normal;
	margin: 0 15px 0 10px;
}

.accordion-q {
	display: flex !important;
}

.accordion_a {
	color: #284B66;
	font-size: 2rem;
	font-family: din-2014, sans-serif;
	font-weight: 800;
	font-style: normal;
	margin: 0 15px 0 10px;
}

/*
	アコーディオンの開閉をつかさどる、
	type="checkbox" を指定しているinputタグ。
	inputタグそのものは非表示にする。
  */
.accordion__input {
	display: none;
}

/*
	アコーディオンの2つ目以降、上に余白を取る。
	開閉動作に影響なし。
  */
.accordion__item:nth-child(n+2) {
	margin-top: 40px;
}

/*
	アコーディオンの開閉ボタンの装飾。
	position: relative;が無いと、
	「+」「-」の位置がずれるので注意。
  */
.accordion__head {
	position: relative;
	display: block;
	width: 100%;
	padding: 10px 40px 10px 10px;
	background: white;
	cursor: pointer;
	border: 2px solid #284B66;
	/*線の色*/
	border-bottom: 0;
	align-items: center;
}



/*
	アコーディオンの開閉ボタンの右側に「+」を表示。
  */
.accordion__head::after {
	content: "+";
	position: absolute;
	top: 40%;
	transform: translateY(-40%);
	-webkit-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	right: 10px;
	font-size: 3rem;
	font-weight: 200;
}


/*
	アコーディオンの閉じている部分の装飾。
	height: 0; overflow: hidden;にすることで、
	通常時は表示されないようにする。
  */
.accordion__body {
	display: flex;
	overflow: hidden;
	width: 100%;
	height: 0;
	background: white;
	transition: all .25s ease;
	border: 2px solid #284B66;
	/*線の色*/
	border-top: 0;
	padding-right: 40px;
	padding-left: 10px;
}

/*
	アコーディオンの開閉ボタン（labelタグ、class="accordion__head"）をクリックすると、
	対となっているinputタグ（class="accordion__input"）がチェック状態（checked）になる。
  
	チェック状態のinputタグの隣の隣にある、
	アコーディオンの閉じている部分（class="accordion__body"）の
	heightとpaddingを変更し、アコーディオンを開いた状態にする。
  */
.accordion__input:checked+.accordion__head+.accordion__body {
	height: auto;
	padding: 10px 40px 10px 10px;
	border-top: 1px dashed #284B66 !important;
	transition: all .25s ease;
}

/*
	チェック状態のinputタグの隣にある、開閉ボタンの「+」を「-」に変更する。
  */
.accordion__input:checked+.accordion__head::after {
	content: "-";
	top: 20%;
	transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	right: 12px;
	font-size: 4rem;
	font-weight: 200;
}

.faq_btn {
	text-align: center;
}

.faq_btn_img img {
	width: 220px;
}

.faq_btn_img img::before {
	position: absolute;
}

.faq_btn_more a {
	position: relative;
	margin: 0 auto;
	width: 260px;
}

.review_btn_arrow_more {
	right: 20px;
	/* 矢印の左右の位置 */
}



/* ------389px以下------ */

@media (max-width: 389px) {

	.faq h3 {
		font-size: max(6.426735218508997vw, 24px);
		/* フォントサイズ25(px) /  389(px) * 100vw */
	}

}

/* ------350px以下------ */

@media (max-width: 350px) {

	.accordion__list {
		width: max(91.89189189189189vw, 250px);
		/* 340(px) /  370(px) * 100vw */
		padding: 10px;
	}

	.accordion__list span {
		margin-left: 0;
	}

	.accordion_a {
		margin-left: 0;
	}

}



/* \\\\\\\\\\\\\\\\\\\
	フッター
\\\\\\\\\\\\\\\\\\\\\ */
.city img {
	width: 100%;
	margin-top: 10px;
}

.footer_all {
	padding: 30px 35px 10px;
	text-align: center;
}

.footer_split {
	font-weight: 700;
}

.footer_left1 img {
	width: 280px;
}


.footer_left3 {
	letter-spacing: 5px;
	color: #284B66;
	font-size: 1.5rem;
	margin-bottom: -5px;
	margin-top: 25px;
}

.footer_left4 {
	align-items: center;
	font-size: 3.5rem;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.footer_dial a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #284B66;
}

.footer_left4 img {
	width: 40px;
	margin-right: 4px;
}

.footer_left5 {
	letter-spacing: 3px;
	color: #284B66;
	font-size: 1.4rem;
	margin: -3px 0 40px;
}

.footer_right1 {
	display: flex;
	justify-content: space-between;
	font-size: 1.3rem;
	font-weight: 500;
	margin-top: 60px;
}

.footer_fujiofujiko {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.footer_fujiofujiko img {
	width: 40px;
	max-width: unset;
}

.copyright {
	text-align: center;
	font-size: 1.1rem;
	margin-top: 20px;
	font-weight: 200;
}

/* フッター トップページ以外 */
.footer_els {
	border-top: 4px solid #F4CA00;
}

/*ボタン 「買取査定・ご相談」*/
.footer_btn a {
	width: 260px;
	/*幅*/
	height: 50px;
	/*高さ*/
	line-height: 50px;
	/*高さと同じ値*/
	font-size: 1.6rem;
	letter-spacing: 4px;
	border-radius: 3em;
	/*角丸*/
	font-family: Noto Sans JP, sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0 10px;
}

.footer_btn_arrow {
	top: 20px;
	/* 矢印の上下の位置 */
	right: 30px;
	/* 矢印の左右の位置 */
}

/* 「その他のお問い合わせ」 */
.footer_left6 {
	display: block;
	color: #284B66 !important;
	font-size: 1.3rem;
	text-decoration: underline;
	font-weight: 500;
	letter-spacing: 1px;
	margin-top: -10px;
}

/* 矢印「その他のお問い合わせ」 */
.other_btn_arrow {
	display: inline-block;
	vertical-align: middle;
	color: #284B66;
	line-height: 1;
	position: relative;
	width: 0.6em;
	height: 0.6em;
	left: 3px;
	transform: translateX(-25%) rotate(45deg);
	top: -1px;
}

.other_btn_arrow::before,
.other_btn_arrow::after {
	content: '';
	position: absolute;
	background: currentColor;
	border-radius: 0.05em;
}

.other_btn_arrow::before {
	top: 0;
	left: 0;
	right: 0;
	height: 0.05em;
}

.other_btn_arrow::after {
	top: 0;
	right: 0;
	bottom: 0;
	width: 0.05em;
}

/* ------400px以上------ */

@media (min-width: 400px) {

	.footer_left1 img {
		width: min(70vw, 450px);
		/* 280(px) /  400(px) * 100vw */
	}

	.footer_left4 {
		font-size: min(8.75vw, 50px);
		/* フォントサイズ35(px) /  400(px) * 100vw */
	}

	.footer_left4 img {
		width: min(10vw, 60px);
		/* 40(px) /  400(px) * 100vw */
	}

	.footer_left3 {
		letter-spacing: min(1.25vw, 10px);
		/* 5(px) /  400(px) * 100vw */
		font-size: min(3.75vw, 21px);
		/* フォントサイズ15(px) /  400(px) * 100vw */
		margin-top: min(6.25vw, 40px);
		/* 25(px) /  400(px) * 100vw */
	}

	.footer_left5 {
		letter-spacing: min(0.75vw, 6px);
		/* 3(px) /  400(px) * 100vw */
		font-size: min(3.5vw, 19px);
		/* フォントサイズ14(px) /  400(px) * 100vw */
		margin-bottom: min(10vw, 62px);
		/* 40(px) /  400(px) * 100vw */
	}

	.footer_right1 {
		width: 330px;
		margin: 40px auto 0;
	}

}

/* ------389px以下------ */

@media (max-width: 389px) {

	.footer_all {
		padding: 30px 8.997429305912596vw 10px;
		/* 35(px) /  389(px) * 100vw */
	}

	.footer_left1 img {
		width: max(51.41388174807198vw, 230px);
		/* 280(px) /  389(px) * 100vw */
	}

	.footer_left4 {
		font-size: max(8.997429305912596vw, 30px);
		/* フォントサイズ35(px) /  389(px) * 100vw */
	}

	.footer_right1 {
		column-gap: 10px;
	}

	.footer_fujiofujiko img {
		width: 40px;
	}

	.footer_fujiofujiko img {
		width: max(10.2827763496144vw, 20px);
		/* 40(px) /  389(px) * 100vw */
	}

	/*ボタン 「買取査定・ご相談」*/
	.footer_btn a {
		width: max(56.55526992287918vw, 170px);
		/* 220(px) /  389(px) * 100vw */
		font-size: max(4.113110539845758vw, 14px);
		/* フォントサイズ16(px) /  389(px) * 100vw */
		letter-spacing: 2px;
	}

	.footer_btn_arrow {
		right: max(5.141388174807198vw, 2px);
		/* 矢印の左右の位置 */
		/* 20(px) /  389(px) * 100vw */
	}

	/* 「その他のお問い合わせ」 */
	.footer_left6 {
		margin-top: 0;
	}

}



/* ------370px以下------ */

@media (max-width: 370px) {

	.footer_right1 {
		justify-content: center;
		column-gap: 20px;
		flex-wrap: wrap;
	}
}

/* ------320px以下------ */

@media (max-width: 320px) {
	.footer_btn a {
		padding-left: max(5.141388174807198vw, 2px);
		/* 20(px) /  389(px) * 100vw */
		/* テキストの左右の位置 */
		text-align: left;
		letter-spacing: 2px;
	}

	.footer_btn_arrow {
		right: max(5.141388174807198vw, 2px);
		/* 矢印の左右の位置 */
		/* 20(px) /  389(px) * 100vw */
	}
}



/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
		会社概要 ページ
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.companyoverview {
	text-align: center;
	position: relative;
}

.companyoverview_yellow {
	color: #FACC84;
	letter-spacing: 4px;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2.8rem;
	padding-top: 90px;
}

.companyoverview_title {
	letter-spacing: 6px;
	font-size: 2.5rem;
	margin-top: -5px;
}

.companyoverview table {
	margin: 0 auto 180px;
	border-spacing: 0 4rem;
	/* 表の上下左右の間隔 */
	padding: 0 30px;
}

.companyoverview {
	margin-top: 40px;
}

.companyoverview th {
	width: 90px;
	text-align-last: justify;
	/* 両端に揃える */
	border-right: 0.1rem solid #284B66;
	padding-right: 20px;
}

.companyoverview_line {
	vertical-align: top;
	/* 上に揃える */
	font-size: 1.3rem;
}

.companyoverview_line td {
	text-align: justify;
	padding-left: 20px;
}

.companyoverview_img {
	position: absolute;
	bottom: -100px;
	right: 30px;
}

.companyoverview_img img {
	width: 120px;
}

/* 右上向きの矢印アイコン */
.url_color_arrow {
	position: relative;
	display: inline-block;
	color: #FACC84;
	vertical-align: middle;
	text-decoration: none;
	font-size: 1.3rem;
	text-decoration: underline;
}

.url_color_arrow::before,
.url_color_arrow::after {
	position: absolute;
	top: -2px;
	bottom: 0;
	right: -16px;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.url_color_arrow::after {
	right: -15px;
	top: -4px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #FACC84;
	border-right: 1px solid #FACC84;
}

.url_color_arrow::before {
	width: 12px;
	height: 1px;
	background: #FACC84;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

/* ------447px以上------ */

@media (min-width: 447px) {
	.bank {
		width: 297px;
	}

}


/* ------350px以下------ */

@media (max-width: 350px) {

	.companyoverview table {
		padding: 0 8.571428571428571vw;
		/* 30(px) /  350(px) * 100vw */
	}

	.companyoverview_title {
		letter-spacing: max(1.714285714285714vw, 5px);
		/* 6(px) /  350(px) * 100vw */
		font-size: max(7.142857142857143vw, 20px);
		/* フォントサイズ25(px) /  350(px) * 100vw */
	}

	.companyoverview_img img {
		width: 31.42857142857143vw
			/* 110(px) /  350(px) * 100vw */
	}


}




/* \\\\\\\\\\\\\\\\\\\\\\\
  YouTube
\\\\\\\\\\\\\\\\\\\\\\\ */

.youtube_cm {
	width: 250px;
	margin: 0 auto;
	margin-bottom: 230px;
	position: relative;
}

.youtube-16-9 {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.youtube_cm h4 {
	letter-spacing: 4px;
	font-size: 1.6rem;
}

.youtube_cm p {
	position: absolute;
	left: -30px;
	bottom: -150px;
}

.youtube_cm p img {
	width: 90px;
}

/* ------350px以下------ */

@media (max-width: 350px) {

	.youtube_cm p img {
		width: 25.71428571428571vw
			/* 90(px) /  350(px) * 100vw */
	}

	.youtube_cm p {
		left: -2.857142857142857vw;
		/* -10(px) /  350(px) * 100vw */
		bottom: -42.85714285714286vw
			/* -150(px) /  350(px) * 100vw */
	}

}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
	富士ホームサービス支店一覧-ポップアップ
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.storelist {
	position: relative;
	width: 100%;
	background-color: #F4F4F4;
	padding: 100px 0;
}

.storelist::before {
	/* 背景の三角(上) */
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 35px solid transparent;
	border-left: 35px solid transparent;
	border-top: 40px solid #FFF;
	border-bottom: 0;
	z-index: 2;
}

.storelist::after {
	/* 背景の三角(下) */
	content: '';
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 35px solid transparent;
	border-left: 35px solid transparent;
	border-top: 40px solid #F4F4F4;
	border-bottom: 0;
	z-index: 2;
}

.storelist_all {
	width: 340px;
	padding: 40px 0;
	background-color: white;
	margin: 0 auto;
	border-radius: 0.6em;
	/*角丸*/

}

.storelist_all h4 {
	width: 300px;
	letter-spacing: 4px;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #F4CA00;
	margin: 0 auto 20px;
}

.storelist_main {
	text-align: center;
	margin-bottom: 40px;
}

.storelist_main img {
	width: 160px;
}

.storelist_main li {
	letter-spacing: 1px;
	font-size: 1.3rem;
	line-height: 19px;
	margin-top: 10px;
}

.storelist_main_title {
	font-size: 1.6rem !important;
	font-weight: 700;
	letter-spacing: 4px !important;
	margin: 15px 0;
}




/* ----ポップアップ前のやつ----- */

.group_list_text ul {
	margin-left: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 320px;
	gap: 25px 0;
}

.group_list_text ul li {
	width: 140px;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 2px;
}

.popup_btn-arrow-right a {
	position: relative;
	padding-left: 15px;
}

/* 矢印 */
.popup_btn-arrow-right a::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	border-top: 2px solid black;
	border-right: 2px solid black;
	transform: rotate(45deg);
	box-sizing: border-box;
}

.storelist_img {
	position: absolute;
	bottom: 60px;
	right: 30px;
}

.storelist_img img {
	width: 100px;
}

/* ----ポップアップのやつ---- */

.group_list_popup_box {
	position: relative;
	background: #FFF;
	padding: 20px 40px 70px;
	width: auto;
	max-width: 340px;
	margin: 20px auto;
	border-radius: 0.5em;
	font-size: 1.3rem;
	text-align: center;
	font-family: Noto Sans JP, sans-serif !important;
	font-weight: 500 !important;
	font-style: normal !important;
}

/*-- 閉じるボタン --*/
.mfp-close {
	width: 240px !important;
	height: 38px !important;
	line-height: 38px !important;
	top: initial !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	font-family: Noto Sans JP, sans-serif !important;
	font-weight: 700 !important;
	font-style: normal !important;
	font-size: 1.5rem !important;
	letter-spacing: 3px !important;
	color: #FFF !important;
	background-color: #284B66 !important;
	border-radius: 3em;
	/*角丸*/
	opacity: 1 !important;
	/* 不透明度 */
}

.group_list_popup_box li {
	text-align: left;
	align-items: center;
	margin-bottom: 20px;
	color: #284B66;
	letter-spacing: 1px;
}

.popup_title {
	font-size: 1.6rem;
	letter-spacing: 3px !important;
	text-align: center !important;
	border-bottom: 1px solid #284B66;
	padding-bottom: 5px;
	font-weight: 700;
}

.popup_access {
	display: flex;
}

.group_list_popup_box img {
	width: 30px;
	margin-right: 15px;
}

.popup_access_ex {
	line-height: 19px;
	text-align: left;
}

/* ------389px以下------ */

@media (max-width: 389px) {

	.storelist::before {
		/* 背景の三角(上) */
		border-right: 8.997429305912596vw solid transparent;
		/* 35(px) /  389(px) * 100vw */
		border-left: 8.997429305912596vw solid transparent;
		/* 35(px) /  389(px) * 100vw */
		border-top: 10.2827763496144vw solid #FFF;
		/* 40(px) /  389(px) * 100vw */
	}

	.storelist::after {
		/* 背景の三角(下) */
		bottom: -10vw;
		/* 40(px) /  389(px) * 100vw */
		border-right: 8.997429305912596vw solid transparent;
		/* 35(px) /  389(px) * 100vw */
		border-left: 8.997429305912596vw solid transparent;
		/* 35(px) /  389(px) * 100vw */
		border-top: 10.2827763496144vw solid #F4F4F4;
		/* 40(px) /  389(px) * 100vw */
	}
}


/* ------370px以下------ */

@media (max-width: 370px) {

	.storelist_all {
		width: 91.89189189189189vw
			/* 340(px) /  370(px) * 100vw */
	}

	.storelist_all h4 {
		width: 81.08108108108108vw;
		/* 300(px) /  370(px) * 100vw */
		letter-spacing: max(1.081081081081081vw, 1px);
		/* 4(px) /  370(px) * 100vw */
		font-size: 1.8rem;
	}

	/* ----ポップアップ前のやつ----- */

	.group_list_text ul {
		width: max(86.48648648648649vw, 250px);
		/* 320(px) /  370(px) * 100vw */

	}

	.group_list_text ul li {
		width: max(37.83783783783784vw, 125px);
		/* 140(px) /  370(px) * 100vw */
	}

}


.br_350 {
	display: none;
}

/* ------350px以下------ */

@media (max-width: 350px) {

	.br_350 {
		display: block;

	}

	.storelist_all h4 {
		line-height: 29px;
	}
}


/* \\\\\\\\\\\\\\\\\\\\\\\\\
  事業内容
\\\\\\\\\\\\\\\\\\\\\\ */
.ourservice {
	width: 344px;
	text-align: center;
	margin: 0 auto 100px;
	position: relative;
}

.ourservice_more {
	margin-top: 100px;
}

.ourservice_ex {
	font-size: 1.3rem;
	letter-spacing: 2px;
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 50px;
	white-space: nowrap !important;
}

.ourservice ul {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px 0;
}

.ourservice li {
	width: 100px;
	/* 円 */
	height: 100px;
	/* 円 */
	border-radius: 50%;
	/* 円 */
	text-align: center;
	color: white;
	line-height: 100px;
	letter-spacing: 2px;
	font-size: 1.3rem;
}

.cicle_text {
	margin-top: -60px;
}

.cicle_text2 {
	line-height: 85px !important;
}

#tintai_color1 {
	background-color: #009844;
}

#tintai_color2 {
	background-color: #00489D;
}

#tintai_color3 {
	background-color: #85C129;
}

#tintai_color4 {
	background-color: #006532;
}

#tintai_color5 {
	background-color: #E50012;
}

#tintai_color6 {
	background-color: #009FE8;
}

#tintai_color7 {
	background-color: #F29600;
}

#tintai_color8 {
	background-color: #E4004F;
}

.ourservice_img {
	position: absolute;
	bottom: 250px;
	left: 30px;
}

.ourservice_img img {
	width: 50px;
}

/* ------370px以下------ */

@media (max-width: 370px) {
	.ourservice {
		width: max(89.18918918918919vw, 250px);
		/* 330(px) /  370(px) * 100vw */
	}

	.br_389 {
		display: none;
	}

	.ourservice_br {
		display: none;
	}

	.ourservice_ex {
		text-align: justify;
		white-space: wrap !important;
	}

	.ourservice_img img {
		width: 45px;
	}
}

/* ------350px以下------ */

@media (max-width: 350px) {

	.cicle_text0 {
		display: none;
	}

	.ourservice ul {
		gap: 30px;
		justify-content: center;
	}

	.ourservice li {
		width: max(34.28571428571429vw, 100px);
		/* 円 */
		/* 120(px) /  350(px) * 100vw */
		height: max(34.28571428571429vw, 100px);
		/* 円 */
		/* 120(px) /  350(px) * 100vw */
		line-height: max(34.28571428571429vw, 100px);
		/* 120(px) /  350(px) * 100vw */
	}

	.cicle_text2 {
		line-height: max(27.14285714285714vw, 85px) !important;
		/* 95(px) /  350(px) * 100vw */
	}

	.cicle_text {
		margin-top: max(-21.42857142857143vw, -60px);
		/* -75(px) /  350(px) * 100vw */
	}

	.ourservice_img {
		top: -60px;
		left: 0px;
	}
}


/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\
	プライバシーポリシー
\\\\\\\\\\\\\\\\\\\\\\\\\ */

.privacypolicy {
	width: 340px;
	margin: 50px auto 0;
	padding-top: 80px;
}

/* .privacypolicy_title_all{
	text-align: left;
	display: inline-block;
} */

.privacypolicy_yellow {
	color: #FACC84;
	letter-spacing: 4px;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2.8rem;
}

.privacypolicy_title {
	letter-spacing: 6px;
	font-size: 2.5rem;
	margin-top: -5px;
}

.privacypolicy_main {
	font-size: 1.3rem;
}

.pp_main {
	margin-bottom: 100px;
}

.privacypolicy_main_ex {
	margin-top: 30px;
	margin-bottom: 70px;
}

.pp_main h4 {
	font-size: 2rem;
	font-weight: 700;
}

.pp_main h5 {
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: 1px;
	margin-top: 10px;
}

.pp_main ul {
	margin-left: 15px;
	text-indent: -1em;
	padding-left: 1em;
}

/* ------389px以下------ */

@media (max-width: 389px) {

	.privacypolicy {
		width: max(87.40359897172237vw, 250px);
		/* 340(px) /  389(px) * 100vw */
		margin: 50px auto 0;
	}

	.privacypolicy_title {
		letter-spacing: max(1.542416452442159vw, 3px);
		/* 6(px) /  389(px) * 100vw */
		font-size: max(6.426735218508997vw, 20px);
		/* フォントサイズ25(px) /  389(px) * 100vw */
	}

}

/* \\\\\\\\\\\\\\\\\\\\\\\\
        サイトマップ
\\\\\\\\\\\\\\\\\\\\\\\ */

.sitemap {
	width: 340px;
	position: relative;
	margin: 50px auto 130px;
	padding-top: 80px;
}

.sitemap_main {
	width: 220px;
	margin: 0 auto;
}

.sitemap_main ul li {
	margin-top: 40px;
	font-size: 1.5rem;
	letter-spacing: 3px;
}

.sitemap_arrow-right a {
	position: relative;
	padding-left: 15px;
}

/* 矢印 */
.sitemap_arrow-right a::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	border-top: 2px solid black;
	border-right: 2px solid black;
	transform: rotate(45deg);
	box-sizing: border-box;
}

.sitemap_img {
	position: absolute;
	right: 20px;
	bottom: -80px;
}

.sitemap_img img {
	width: 100px;
}

/* ------389px以下------ */

@media (max-width: 389px) {

	.sitemap {
		width: max(87.40359897172237vw, 250px);
		/* 340(px) /  389(px) * 100vw */

	}

	.sitemap_main {
		width: max(56.55526992287918vw, 200px);
		/* 220(px) /  389(px) * 100vw */
	}

	.sitemap_img img {
		width: max(25.70694087403599vw, 70px);
		/* 100(px) /  389(px) * 100vw */
	}

}

/* ===========================================
 * お問い合わせ
 * ======================================== */
.contact_content {
	position: relative;
	background-color: #F4F4F4;
	padding-top: 150px;
	padding-bottom: 100px;
}

.contact_bg {
	width: 85%;
	max-width: 600px;
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 2em;
	padding-top: 50px;
	padding-bottom: 30px;
}

.content_title h2 {
	text-align: center;
	font-size: calc(20px + 10 * (100vw - 280px)/456) !important;
	font-weight: 700;
}

.contact_cap span {
	color: #A40000;
}

.contact_wrap {
	max-width: 480px !important;
	width: 85% !important;
	margin: 0 auto !important;
	margin-bottom: 50px !important;
	font-size: 1.3rem !important;
	letter-spacing: 0.1em;
}

.contact_cap,
.contact_cap2 {
	text-align: center;
	line-height: 1.7;
	margin: 20px 0;
}

ul#mfp_phase_stat li.mfp_active_phase {
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	border-radius: 50em !important;
	box-shadow: inherit !important;
	background-image: none !important;
	background-color: #284B66 !important;
	border: inherit !important;
	font-weight: 500 !important;
	text-shadow: inherit !important;
	padding: 0 !important;
	font-size: 1.3rem !important;
}

ul#mfp_phase_stat li.mfp_inactive_phase {
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	border-radius: 50em !important;
	background-image: none !important;
	background-color: transparent !important;
	border: 1px solid #284B66 !important;
	color: #284B66 !important;
	box-shadow: inherit !important;
	padding: 0 !important;
	font-size: 1.3rem !important;
}

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

.mfp_phase_arrow::before {
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 2px #284B66;
	border-right: solid 2px #284B66;
	position: absolute;
	left: 10px;
	top: 8px;
}

.mfp_phase_arrow.mfp_phase_arrow::before {
	transform: rotate(45deg);
}

ul#mfp_phase_stat {
	text-align: center !important;
}

ul#mfp_phase_stat li {
	width: auto !important;
	margin: 0 calc(3px + 5 * (100vw - 280px)/456) !important;
}

ul#mfp_phase_stat li.mfp_phase_arrow {
	display: inline-block !important;
	padding: 8px 0 !important;
}

.mfp_phase_arrow::before {
	left: -8px !important;
}

form#mailformpro dl dt {
	font-size: 1.3rem !important;
	padding-top: 30px !important;
	padding-bottom: 0 !important;
}

#contact_form {
	/* 上部タイトル・説明文 */
	width: 90% !important;
	margin: 0 auto !important;
}

#contact_form h2 {
	/* 上部タイトル */
	margin-top: 20px !important;
	padding: 30px 0 !important;
	color: #6A3906 !important;
	font-size: calc(20px + 2 * (100vw - 280px)/456) !important;
	letter-spacing: 0.2em !important;
	text-align: center !important;
}

#contact_form p {
	/* 上部説明文 */
	padding: 30px 0 !important;
	padding-top: 0 !important;
	margin: 0 auto !important;
	text-align: center !important;
}

#container {
	width: 90% !important;
	margin: 0 auto !important;
	margin-bottom: 50px !important;
}

.contact_pp {
	text-align: center !important;
	padding: 20px 0 !important;
}

.must {
	display: inline !important;
	font-size: 1.3rem !important;
	background-color: inherit !important;
	border: none !important;
	background-image: none !important;
	padding: 0.1em 0.6em !important;
	padding-bottom: 0.2em !important;
	color: #EA9000 !important;
	margin: 0 10px !important;
	float: none !important;
}

.nini {
	display: inline !important;
	font-size: 1.3rem !important;
	background-color: inherit !important;
	border: none !important;
	background-image: none !important;
	padding: 0.1em 0.6em !important;
	padding-bottom: 0.2em !important;
	color: #808080 !important;
	margin: 0 10px !important;
	float: none !important;
}

.mfp_main_title {
	display: inline-block;
	border-bottom: 2px solid #284B66;
	margin-top: 20px;
}

.mfp_name,
.mfp_address2 {
	width: 100% !important;
	height: 50px !important;
}

.mfp_tel {
	width: 100% !important;
	height: 50px !important;
}

.mfp_mail {
	width: 100% !important;
	height: 50px !important;
}

.mfp_address {
	width: 89% !important;
	height: 50px !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	margin-left: 4px !important;
}

.mfp_address2 {
	margin-top: 10px !important;
}

.mfp_textarea {
	width: 100% !important;
	margin-top: 10px !important;
}

.mfp_syoyusya {
	width: 100% !important;
	height: 50px !important;
}

.mfp_toti {
	width: 89% !important;
	height: 50px !important;
	margin-right: 4px !important;
}

.mfp_kentiku {
	width: 25% !important;
	height: 50px !important;
	margin-right: 4px !important;
	margin-top: 5px !important;
}

.mfp_bikou {
	margin-top: 50px !important;
	padding: 0 15px !important;
}

.mfp_bikou p {
	line-height: 1.7;
	text-align: justify;
}

.mfp_select1 {
	margin-top: 5px !important;
}

.select_wrapper {
	display: block;
	position: relative;
}

.select_wrapper::after {
	content: "";
	position: absolute;
	top: 22px;
	right: 12px;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-top: 10px solid #284B66;
	border-bottom: 0;
}

.select_wrapper select {
	width: 100% !important;
	height: 50px !important;
	color: #4D4D4D !important;
	font-size: 1.3rem !important;
}

select {
	-webkit-appearance: none;
	appearance: none;
}

.mfp_buttons button {
	font-size: 1.4rem !important;
	font-family: "Noto Sans JP", "游ゴシック", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.2em !important;
	background: none !important;
	background-color: #284B66 !important;
	color: #FFF !important;
	padding: 10px 0 !important;
	width: 180px !important;
	border: none !important;
	border-radius: 50em !important;
	transition: .3s;
	margin: 0 auto !important;
	margin-top: 20px !important;
}

.haihun {
	display: block;
	font-size: 1.3rem;
	margin-left: 15px;
}

.mfp_main_satei {
	margin-top: 50px !important;
}

::placeholder {
	font-size: 1.3rem !important;
	font-weight: 400 !important;
	color: #cccccc !important;
	letter-spacing: 0.1em !important;
}

div#mfp_phase_confirm h4 {
	font-size: calc(16px + 4 * (100vw - 280px)/456) !important;
	margin-bottom: 20px !important;
}

table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td {
	width: 100% !important;
	display: block !important;
	white-space: wrap !important;
	border: none !important;
	font-size: 1.3rem !important;
}

table#mfp_confirm_table tr th {
	border-bottom: 1px solid #284B66 !important;
	color: #284B66 !important;
}

table#mfp_confirm_table tr.mfp_colored {
	background-color: transparent !important;
}

table#mfp_confirm_table tr td {
	margin-bottom: 20px !important;
}

.br_379 {
	display: none;
}

.br_474 {
	display: none;
}

/* ------474px以下------ */

@media (max-width: 474px) {
	.br_474 {
		display: block;
	}
}

/* ------379px以下------ */

@media (max-width: 379px) {
	.br_379 {
		display: block;
	}
}

/*thanks.html
  ------------------------------*/

#contactmail {
	max-width: 600px;
	margin: 0 auto;
	padding: 100px 25px 80px 25px;
	font-size: 1.3rem !important;
}

#mfp_thanks h4 {
	font-size: calc(18px + 2 * (100vw - 280px)/456) !important;
	font-weight: 700;
	padding-bottom: 30px !important;
	line-height: 1.5 !important;
	color: #284B66 !important;
	letter-spacing: 0.15em !important;
}

.mfp_thanks_p {
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.02rem;
	margin-top: 10px;
}

.contact_box {
	text-align: justify;
}

.contact_line {
	height: 1px;
	background-color: #DDCDC0;
	border: none;
	margin-bottom: 20px;
}

.thanks_address {
	max-width: 500px;
	border: 1px solid #DDCDC0;
	padding: 1em;
	margin: 0 auto;
}

.top_back {
	text-align: center;
	margin-top: 30px;
}

.top_back a {
	display: inline-block;
	text-align: center;
	outline: none;
	background-color: #6A3906;
	border: 1px solid #6A3906;
	color: #FFF;
	border-radius: 0.3em;
	padding: 1em 5em;
}

/* re-thanks.html,thanks.htmlの段階的入力 */
.mfp_phase_sousyoku li {
	display: inline-block;
	margin: 0 5px;
}

.mfp_phase_sousyoku li:first-child,
.mfp_phase_sousyoku li:nth-child(3),
.mfp_phase_sousyoku li:last-child {
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	border-radius: 50em !important;
	background-image: none !important;
	background-color: transparent;
	border: 1px solid #284B66 !important;
	color: #284B66;
	box-shadow: inherit !important;
	padding: 0 !important;
	font-size: 1.3rem !important;
}

.mfp_phase_sousyoku::before {
	top: -8px !important;
}

.mfp_phase_sousyoku2 {
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	border-radius: 50em !important;
	box-shadow: inherit !important;
	background-image: none !important;
	background-color: #284B66 !important;
	color: #FFF !important;
	border: inherit !important;
	font-weight: 500 !important;
	text-shadow: inherit !important;
	padding: 0 !important;
	font-size: 1.3rem !important;
}

.thanks_address {
	padding: 1em;
	margin: 0 auto;
	text-align: center;
}

.top_back {
	text-align: center;
	margin-top: 50px;
}

.top_back a {
	display: inline-block;
	width: 250px;
	text-align: center;
	outline: none;
	background-color: #284B66;
	color: #FFF;
	border-radius: 50em;
	padding: 1em 5em;
	font-size: 1.4rem;
}

@media screen and (min-width: 410px) {
	.br_410 {
		display: none !important;
	}
}


/*ページスクロール
------------------------------*/
/*リンクの形状*/
#page-top a {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F96421;
	border-radius: 5em;
	width: 52px;
	height: 52px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 2rem;
	transition: all 0.3s;
}

#page-top a:hover {
	opacity: .6;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	/*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/
#page-top.UpMove {
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime {
	from {
		opacity: 0;
		transform: translateY(100px);
	}

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

/*　下に下がる動き　*/
#page-top.DownMove {
	animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 1;
		transform: translateY(100px);
	}
}