@charset "utf-8";
/*form_content*/
.form_content {
	width: 90%;
	margin: 15% auto 20%;
}
.form_tbl input, select, textarea {
    text-indent: 1em;
    padding: 10px 0;
	margin: 5px 0 10px;
}
input[name="family_name"],input[name="given_name"],input[name="family_kana"],input[name="given_kana"],input[name="prefecture"],input[name="city"],input[name="address"],input[name="address2"],input[name="user_email"],input[name="user_email2"],input[name="tel"],textarea[name="report"],textarea[name="background_detail"]{
	width: 100%;
}
input[name="postal1"] {
	width: 30%;
}
input[name="postal2"] {
	width: 40%;
}
input[name="inquiry_info"], input[name="background"] {
	margin-right: 10px;
}
table {
	width: 100%;
}
table tr{
    border-top: 1px solid #d0d0d0;
    display: flex;
    border-collapse: collapse;
    flex-wrap: wrap;
}
table th {
    width: 100%;
    padding: 12px;
    font-size: 16px;
	vertical-align: middle;
    background: #f1f2f3;
	text-align: left;
	font-weight: bold;
}
table td {
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
    padding: 25px 15px;
	line-height: 1;
}
.must {
    padding: 2px 4px;
    border-radius: 3px;
    background: #f4a316;
    color: #fff;
    font-size: 12px;
    float: right;
}
.error {
	color: #FF0000;
	font-weight: bold;
}
.success {
	color: #358137;
	font-weight: bold;
}
.postcode_flex {
    display: flex;
    align-items: center;
}
.postcode_txt, .background_txt, .checkbox_txt, .checkbox_txt a {
	color: #666;
	font-size: clamp(13px, 3vw, 15px);
}
.prefecture_mt, .checkbox_mt {
	margin-top: 20px;
}
.checkbox {
	display: flex;
    align-items: center;
	justify-content: center;
	cursor: pointer;
}
input[name="checkbox_input"] {
	margin: 0;
}
.checkbox_inputtext {
	margin-left: 12px;
    display: block;
    font-size: 18px;
    font-weight: bold;
}
.input_title {
	margin: 0 0 7%;
	line-height: 1.5;
	letter-spacing: 1px;
}

/*submit_btn*/
.submit_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:10% auto 0;
    padding: 1em 2em;
    border-radius: 100px;
    background: #952020;
	border: none;
    color: #fff;
	letter-spacing: 1px;
    font-size: 16px;
	font-weight: bold;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	cursor: pointer;
}
.submit_btn:hover {
	background: #AC4536;
	transition: 0.2s ease-in-out;
}
/*submit_btn02*/
.submit_btn02 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:3% auto 0;
    padding: 1em 2em;
    border-radius: 100px;
    background: #969696;
	border: none;
    color: #fff;
	letter-spacing: 1px;
    font-size: 16px;
	font-weight: bold;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	cursor: pointer;
}
.submit_btn02:hover {
	background: #9F9F9F;
	transition: 0.2s ease-in-out;
}
/*submit_btn_input*/
input[name="submit"] {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:10% auto 0;
    padding: 1em 2em;
	text-indent: 0;
    border-radius: 100px;
    background: #952020;
	border: none;
    color: #fff;
	letter-spacing: 1px;
    font-size: 16px;
	font-weight: bold;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	cursor: pointer;
}
input[name="submit"]:hover {
	background: #AC4536;
	transition: 0.2s ease-in-out;
}
/*back_btn*/
.back_btn {
	margin: 7% 0 0;
	text-align: center;
}
.back_btn a {
	color: #1a1a1a;
	font-weight: bold;
}

/*finish_txt*/
.finish_txt {
	font-family: "ten-mincho-text", serif;
	font-weight: 100;
	font-style: normal;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.6;
	color: #1a1a1a;
	font-size: clamp(18px, 3vw, 20px);
}
.finish_txt_s {
	color: #666;
	font-size: clamp(13px, 3vw, 15px);
	margin: 5% 0 0;
}

/*footer*/
footer{
	font-family: "ten-mincho-text", serif;
	font-weight: 100;
	font-style: normal;
    background: #1a1a1a;
	padding: 5% 3%;
}
.footer_logo {
	width: 50%;
	margin: 0 auto;
	padding: 5% 0 0;
}
.footer_txt {
	padding: 5% 0 0;
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
}
.footer_txt a {
	margin: 10px;
	color: #fff;
	text-decoration: none;
}
.footer_txt a:hover {
	opacity: 0.5;
	transition: 0.5s;
}
.footer_copyright {
	padding: 5% 0 0;
}
.footer_copyright p{
	color: #fff;
	text-align: center;
	font-size: clamp(13px, 3vw, 15px);
}

@media (max-width: 550px) {
    .sp {
    display: block;
}
    .pc {
    display: none;
}
}

@media (min-width: 551px) {
    .pc {
    display: block;
}
    .sp {
    display: none;
}
}