/* CSS Document */

.form_h2 { color: #b64922; font-weight: 500; font-size: 2.4rem;}

#form_hd { margin-bottom: 50px;font-size: 1.8rem;line-height: 1.6; display: flex; flex-direction: column; row-gap: 30px;}
#form_hd ul { background: #f8ece8;padding: 30px 30px 15px 50px; list-style: disc;line-height: 1.4;margin-bottom: 30px; }
#form_hd ol { padding: 30px 30px 30px 50px; list-style: decimal;line-height: 1.4;margin-bottom: 30px; }
#form_hd ol li { margin: 0 0 0 30px;}
#form_hd li {margin-bottom: 15px;}
#form_hd p { text-align: center;}
@media screen and (max-width: 767px) {
    .form_h2{ font-size: 1.8rem;}

    #form_hd { margin-bottom: 30px;font-size: 1.4rem;line-height: 1.2;padding-left: 24px;}
    #form_hd ul {padding: 20px 20px 5px 40px;margin-bottom: 20px; }
    #form_hd ol { padding: 20px; margin-bottom: 0;}
    #form_hd ol li { margin: 0 0 0 15px;}
    #form_hd li {margin-bottom: 10px;}
    #form_hd p { text-align: left;}
}

.form_group{margin-bottom: 40px;}
#form_table { width: 100%;}
#form_table dl { border-bottom: 1px solid #e9e9e9;}
#form_table dl:last-child { border-bottom: none;}
#form_table dt {font-weight: 500; width: 200px; font-size: 1.6rem; vertical-align: top;padding-top: 20px;}
#form_table dt.required::after {content: "※必須 ";color:#fff;font-size: 1.2rem;background: #e50012;border-radius: 2px;padding: 5px;margin-left: 5px; }
#form_table dd { padding: 15px; width: 970px; border-bottom:1px solid #d7d7d7;}
#form_table dd p { font-size: 1.8rem; margin-bottom: 10px;font-weight: 300;}
#form_table dd p:last-child { margin-bottom: 0;}
#form_table dd.flex { display: flex; flex-direction: column; gap: 8px;}
#form_table dd.flex > img { max-width: 180px;}
@media print, screen and (min-width: 768px){
    #form_table dt {text-align: right;border-bottom:1px solid #d7d7d7;}
}
@media screen and (max-width: 767px) {
    #form_table dt { font-size: 1.4rem; width: 100%;}
    #form_table dd { padding: 15px 0; width: 100%;}
    #form_table dd p { font-size: 1.6rem;}
    
    #form_table dd option{ width: 100%;}
    
    #form_table dd.flex > img { max-width: 100%;}
}

.acction_btn_area { text-align: center; padding-top: 30px;}
.acction_btn_area a { text-decoration: none;}
.acction_btn_area li { display: inline-block;}
.acction_btn { display: block;	color: #fff; background-color:#fa4f12; border:1px solid #fa4f12; font-size: 2rem;	line-height: 50px;width: 240px;text-align: center;	margin: 0 10px 15px; border-radius: 3px;}
.acction_btn:hover { opacity: 0.6;	cursor:pointer;}
.acction_btn_clear { display:block;	color: #000; margin: 0 10px 15px; border:1px solid #d7d7d7; background-color:#d7d7d7;	font-size: 2rem; line-height: 50px;width: 240px;text-align: center; text-decoration:none; border-radius: 3px;}
.acction_btn_clear:hover { opacity: 0.6;cursor:pointer;}

#error_box {border: 2px solid #FCABAC;background: #FFE8E8;padding: 20px; margin-bottom: 20px;font-size: 18px; color: #ff0000;}
#error_box p {margin-bottom: 10px;}
#error_box ul { padding-left: 30px;}
#error_box li {list-style: square;}

#thanks_msg { border: 2px solid #d7d7d7; padding: 40px;}
#thanks_msg h2 { text-align: center; font-size: 3rem; margin-bottom: 40px;}
#thanks_msg p { font-size: 1.8rem; line-height: 1.8;}

@media print, screen and (min-width: 768px) {
    #error_box{ width: 900px; margin:30px auto 50px;}
}
@media screen and (max-width: 767px) {
    .content-area-inner {margin: 40px 20px 0;}
    form input {-webkit-appearance: none; border-radius: 0; }
    #top_msg { font-size: 16px; padding: 0 15px;line-height: 1.4;}
    #error_box,
    #thanks_msg { padding: 20px;}
    #thanks_msg h2 { margin-bottom: 30px;font-size: 18px;}
    #thanks_msg p { margin-bottom: 20px;font-size: 14px;}
    
    .form_table {border-left: none;border-right: none;padding: 15px;}
    .form_table dl { margin-bottom: 10px;}
    .form_table dt {margin-bottom: 10px;font-weight: bold;font-size: 18px;}
    .form_table dd {margin-bottom: 10px; font-size: 16px;}
    
    .acction_btn,
    .acction_btn_clear{ font-size: 1.8rem;line-height: 40px;}
}



/*form*/
input[type="text"] ,
input[type="tel"] ,
input[type="email"] ,
input[type="date"] ,
select,
textarea,
.file_button { padding:8px; border:1px solid #d7d7d7; font-size: 1.6rem; box-sizing: border-box;border-radius: 3px; box-sizing: border-box;font-family:"Noto Sans JP", sans-serif;}
input[type="text"] { margin-right:5px;}

input[type="text"]:disabled,
textarea:disabled {background-color: #e5e5e5;}

input[type="radio"],
input[type="checkbox"]{ width: 1.6rem; height: 1.8rem; vertical-align: middle; }
::placeholder  { color:#d7d7d7; }

@media screen and (max-width: 767px) {
    input[type="text"] ,
    input[type="tel"] ,
    input[type="email"] ,
    input[type="date"] ,
    select,
    textarea {font-size: 1.6rem;}
}


.radio { vertical-align: middle;}
.radio input {display: none;}
.radio span {display: inline-block;position: relative;cursor: pointer; font-size: 1.6rem; border: 1px solid #d7d7d7;border-radius: 3px;width: 100%;padding: 10px 15px; line-height: 40px;color: #b6b6b6;box-sizing: border-box;line-height: 1.2;}
.radio input:checked + span {border: 1px solid #fa4f12;background: #fa4f12;color: #fff;}

.note{font-size: 1.3rem !important;position: relative;padding-left: 14px;}
.note::before {content: "※";position: absolute;top: 0;left: 0;}
.note13{font-size: 1.3rem;position: relative;padding-left: 14px;}
.note13::before {content: "※";position: absolute;top: 0;left: 0;}
.note14{font-size: 1.4rem;position: relative;padding-left: 16px;}
.note14::before {content: "※";position: absolute;top: 0;left: 0;}
.ex14{font-size: 1.4rem;position: relative;padding-left: 40px;}
.ex14::before {content: "（例）";position: absolute;top: 0;left: 0;}

form .width_m { width:180px;}
form .width_s { width:100px;}
form .width_ss { width:60px;}
form .width_l { width:500px;}
form .width_ll { width:100%;}

button .button-address {width:100px; background: #B64922; text-align: center; vertical-align: middle; font-size: 1.4rem; font-weight: 400; line-height: 1; color: #FFFFFF; cursor: pointer;}

@media screen and (max-width: 768px) {
    form .width_m { width:100%;}
    form .width_s { width:100px;}
    form .width_ss { width:60px;}
    form .width_l { width:100%;}
    form .width_ll { width:100%;}
}

#pet_type ul { display: flex;}
#pet_type ul li { width: 80px; margin-right: 20px; text-align: center;}

#pickup_type ul { display: flex; gap: 20px; flex-wrap: wrap;}
#pickup_type ul li {width: 120px; text-align: center;}

#post_number{ display: flex; gap: 20px;}
.button-address{padding: 8px; height: 42px; border: 1px solid #b64922; border-radius: 3px; background-color: #b64922; color: #FFFFFF; font: 400 1.6rem/1 "Noto Sans JP", sans-serif; cursor: pointer; transition: 0.3s;}

@media (any-hover: hover){
    .button-address:hover { opacity: 0.7;}
}

@media screen and (max-width: 768px) {
    #pickup_type ul { justify-content: space-between; gap: 8px;}
    #pickup_type ul li {width: 48%; text-align: center;}

    .button-address{padding: 8px; height: 42px; border: 1px solid #b64922; border-radius: 3px; background-color: #b64922; color: #FFFFFF; font: 400 1.6rem/1 "Noto Sans JP", sans-serif;}
}

.problem_is_product{
	display: none;
}