@charset "UTF-8";
/* スマホ（仮） */

/* 文章の改行 */
@media (max-width:705px){
	.br_media{
		display: block;
	}
}

@media (max-width:786px){
/* 縦向き */
#wrap{
	width: auto;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}
/* 全部に対して */
*{
	margin: 0;
	padding: 0;
}

.none_media{
	display: none;
}
/******************** ↑まとめたもの↑ ********************/


/******************** ↓ファーストビュー↓ ********************/
.fv_contact{
	height:min(48.3vw, 380px);
	margin-top:100px;
}

.logo{
	display: none;
}

.fv_contact h1{
	font-size:clamp(24px, 4.6vw, 36px);
	margin-top:min(19.6vw, 154px);
}
/******************** ↑ファーストビュー↑ ********************/


/******************** ↓お問い合わせ↓ ********************/
/* セクション全体 */
.contact{
	padding-bottom: 25px;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif!important;
}

/* 文字関係 */
.contact h2{
	font-size:clamp(22px, 3.6vw, 28px);
	color: #280000;
	padding: min(4.6vw, 36px) 0 min(4.2vw, 33px);
	margin: 10px auto 0;
	text-align: center;
}

.contact p{
	font-size:clamp(16px, 2.3vw, 18px);
	margin: 0 min(5.0vw, 40px);
	padding-bottom: 30px;
	text-align: left;
	line-height:1.7em;
}

/* スマホは改行しない */
.tb_br{
	display: none;
}

/* 必須赤文字 */
.required-red{
	color: red;
	font-size: clamp(15px, 2vw, 20px);
}
.required-red_tb{
	color: red;
	font-size: clamp(15px, 2vw, 20px);
}

/* フォーム */
form{
	margin: 0 auto;
	padding-top: 8px;
}
/* 確認ボタン */
input[type="submit"]{
	display: flex;
	color: #fff;
	font-size: clamp(18px, 2vw, 20px);
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif!important;
	background-color: #280000;
	border-style: none;
	padding: min(1.5vw, 12px) min(15.2vw, 119.5px);
	margin: min(7vw, 55px) auto min(2.5vw, 20px);
	transition: none;
	-webkit-appearance: none;
	border-radius: 0;
}

/* テーブル */
.tb_contact{   /* 他のぺージのものも幅は705px */
	width: clamp(350px, 89.1vw, 700px);
	display :block;
	margin: 0 auto;
	padding: 0;
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 1px;
	border-spacing: 0;
}

dl{
	flex-wrap: wrap;
}

/* １列目 */
.tb_contact_row1{
	width: clamp(350px, 89.1vw, 700px);
	height: 35px;
	background-color: #fafadc;

}

/* 項目 */
.tb_item{
	font-size: clamp(15px, 2vw, 20px);
	margin-left: 13px;
}

/* １列目(お問い合わせ)末の体裁 */
.tb_row1_btm{
	font-size: clamp(15px, 2vw, 20px);
	width: clamp(350px, 89.1vw, 700px);
	height: 35px;
}

/* お問い合わせの下線消し */
.tb_row2_btm{
	border-style: none;
	border-bottom: none;
}

/* ２列目 */
.tb_row2{
	width: clamp(350px, 89.1vw, 700px);
	height: 80px;
}


/* 入力エリア */
input[type="text"], input[type="email"]{
	width: 94%;	
	line-height: 40px;
	margin-top: 10px;
	margin-left: 13px;
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 18px;
}

/* 例のすき間 */
.tb_example{
	font-size: clamp(15px, 2vw, 20px);
	margin-left: 12px;
}

/* テキストエリア */
textarea{
	width: clamp(325px, 84vw, 700px);
	height: 148px;
	margin-left: 12px;
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 18px;
}

/* プライバシーポリシーなどの文のところ */
.yobi{
	margin-top: 30px;
}

.yobi p{
	text-align: left;
	font-size:clamp(16px, 2.3vw, 18px);
	padding-bottom: min(4.8vw, 38px);
	margin: 0 min(5.0vw, 40px);
}
.yobi a{
	color: #0000ff;
	font-weight: bold;
	text-decoration: none;
}
.yobi .number{
	font-size: clamp(17px, 2.5vw, 24px);
	color: #280000;
	font-weight: bold;
	display: inherit;
	margin-top: 5px;
	text-align: center;
	margin: 0 min(5vw, 40px);
}
input[type="submit"]:hover{
	background-color: #280000;
	transition: none;
}
/******************** ↑お問い合わせ↑ ********************/


/******************** ↓アクセス↓ ********************/
/* セクション全体 */
.access{
	padding-bottom: min(11.5vw, 90px);
}

/* 文字関係 */
.access h2{
	font-size:clamp(22px, 3.6vw, 28px);
	padding: min(4.2vw, 33px) 0 15px;
	margin: 10px auto 0;
}
.access p{
	margin-top: 45px;
	margin-left: 5px;
	font-size:clamp(16px, 2.3vw, 18px);
}

/* アクセス外箱 */
.contact_flex_container{
	width: min(82.7vw, 650px);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: min(8.9vw, 70px);
}
/* アクセス内箱 */
.contact_flex_item1, .contact_flex_item2{
	margin: 0 auto;
	width: min(82.7vw, 650px);
}
.contact_flex_item1{
	margin-bottom: min(6.4vw, 50px);
}
.contact_flex_item1 p{
	font-size:clamp(16px, 2.3vw, 18px);
	margin-top: min(1.3vw, 10px);
}
.contact_flex_item2{
	text-align: left;
}
.contact_flex_item2 img{
	width: min(82.7vw, 650px);
	height: auto;
}

/* 地図 */
iframe{
	display: flex;
	margin: 0 auto;
	width: min(82.7vw, 650px);
	height: min(44.5vw, 350px);
}

/* テーブル */
.tb_access{
	width: min(82.7vw, 650px);
	font-size: clamp(15px, 2vw, 20px);
}
/* ２列目(項目)の均等割り付け */
.tb_access_row2{
	font-size:clamp(16px, 2.3vw, 18px);
	text-align: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
	vertical-align: top;
	padding-left: 5px;
}



/* 住所項目　*/
.tb_access_row2_js{
	font-size:clamp(16px, 2.3vw, 18px);
	text-align: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
	vertical-align: top;
	padding-left: 5px;
}


/* ３列目(情報)のタブ */
.tb_info, .tb_info_access{
	font-size:clamp(16px, 2.3vw, 18px);
	margin-left: min(2.5vw, 20px);
}

/* 住所を改行なしに */
.tb_info_br{
	display: none;
}

/* アクセス住所改行　*/
@media (max-width:416px){
	.tb_info_br{
		display: block;
	}
}

/* 行の空間(縦幅) */
.tb_access tr{
	display: flex;
    align-items: flex-start;
	line-height: 30px;
}

/******************** ↑アクセス↑ ********************/

}