@charset "UTF-8";



/* ----------コンタクト---------- */

/* 全体 */

#contact {
	margin-bottom: 80px;
}

/* 米印説明 */

.rice_text {
	margin-bottom: 10px;
}



/* -----投稿フォーム----- */

/* -----共通----- */

/* 米印 */

.rice {
	color: #c6000b;
}

/* 行の高さ */

tr {
	height: 60px;
}

/* 行の背景 */

tr:nth-child(odd) {
	background: #f7f8f3;
}

/* 1列目 */

th {
	width: 280px;
	text-align: left;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

th p {
	padding-left: 15px;
}

/* 2列目 */

td {
	width: 850px;
}



/* -----入力スペース----- */

/* 共通 */

input {
	width: 93%;
	height: 20px;
}

/* 名前、ふりがな */

.form_name input,
.form_name02 input {
	width: 295px;
}

.form_name input:first-child,
.form_name02 input:first-child {
	margin-right: 10px;
}

/* 選択欄 */

select {
	-webkit-appearance:none;
	width: 200px;
	height: 27px;
}



/* -----ラジオボタン----- */

/* 全体 */

label {
	margin: 0 40px 0 0;
	text-align: left;
}

/* デザイン */

.radio02-input{
	display: none;
}

.radio02-input + label {
	padding-left: 20px;
	position: relative;
	margin-right: 50px;
}

.radio02-input + label::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 50%;
	background: white;
}

.radio02-input:checked + label {
	color: #e5003b;
}

.radio02-input:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 9px;
	height: 9px;
	background: #e5003b;
	border-radius: 50%;
}

/* 問い合わせ内容 */

.form_detail p {
	margin-top: 10px;
}

.form_detail td {
	display: block;
	width: auto;
}

.form_detail td:nth-child(2) {
	padding-top: 16px;
}

.form_detail th,
.form_detail td {
	vertical-align: top;
}

.form_detail td:last-child {
	padding-bottom: 5px;
}

.form_detail textarea {
	width: 93%;
	height: 60px;
}



/* -----確認ボタン----- */

.contact_button {
	display: block;
	width: 325px;
	height: 55px;
	border: solid 1px white;
	outline: solid 2px #cfc191;
	outline-offset: 2px;
	margin: 20px auto 0;
	padding: 6px;
	color: white;
	text-align: center;
	background: #9e882d;
	transition: 0.3s;
	cursor : pointer;
}

.contact_button:hover {
	opacity: 0.7;
	transition: 0.3s;
}



/* ----------経営情報---------- */

#information p {
	margin-bottom: 15px;
}

#information ul {
	display: inline-block;
	vertical-align: top;
}

#information li:not(:last-child) {
	margin-bottom: 3px;
}

#information ul:first-of-type {
	margin-right: 80px;
}

#information a {
	color: black;
	text-decoration: underline;
}

#information span {
	color: #abcd03;
}

.fa-file-pdf {
	font-size: 16px;
}



/* ウィンドウ幅が0?479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{



/* ----------コンタクト---------- */

/* 全体 */

#contact {
	margin-bottom: 22vw;
}

/* 米印説明 */

.rice_text {
	margin-bottom: 5vw;
}



/* -----投稿フォーム----- */

table {
	width: 100%;
}

/* -----共通----- */

/* 行の高さ */

tr {
	height: auto;
	text-align: center;
}

/* 1列目 */

th {
	display: block;
	padding-top: 10px;
}

th p {
	padding-left: 20px;
}

/* 2列目 */

td {
	width: 99.2%;
	display: block;
	padding-bottom: 10px;
}



/* -----入力スペース----- */

/* 共通 */

input {
	width: 93%;
}

/* 名前、ふりがな */

.form_name input,
.form_name02 input {
	width: 93%;
}

.form_name input:first-child,
.form_name02 input:first-child {
	margin-bottom: 5px;
}

.form_name input:first-child,
.form_name02 input:first-child {
	margin-right: 0;
}

/* 選択欄 */

select {
	-webkit-appearance:none;
	width: 93%;
}



/* 問い合わせ内容 */

.form_detail p {
	margin-top: 0;
}

.form_detail td:nth-child(2) {
	padding-top: 0;
}

.form_detail td:last-child {
	padding-bottom: 5px;
}

.form_detail textarea {
	width: 93%;
}



/* -----確認ボタン----- */

.contact_button {
	width: 260px;
}



/* ----------経営情報---------- */

#information p {
	margin-bottom: 5vw;
}

#information ul:first-of-type,
#information li:not(:last-child) {
	margin-bottom: 6px;
}

#information ul {
	display: block;
}

#information ul:first-of-type {
	margin-right: 0;
}

#information br {
	display: none;
}



}