@charset "utf-8";
/* css Document */
.cont_calender iframe{
 width: 100%;
 height: 500px;
}
.cont_contact p{
 margin-bottom: 40px;
}
.cont_contact small{
 font-size: 0.9rem;
 display: inline;
}
.cont_contact input{
 background-color: #ECEAEA;
 border-radius: 5px;
 border: none;
}
.cont_contact th {
 padding: 10px;
 text-align: left;
 vertical-align: top;
 font-weight: 400;
 width: 26%;
}
.cont_contact td {
 padding: 10px;
}
.form_ss{
 width: 10%;
}
.form_s{
 width: 20%;
}
.form_m{
 width: 40%;
}
.form_l{
 width: 60%;
}
.form_100per{
 width: 100%;
}
.form_txt{
 width: 100%;
 height: 200px;
 border-radius: 5px;
}
.cont_contact li input{
 top: -2px;
 position: relative;
 margin-right: 5px
}
.cont_contact table ul{
 display: flex;
 display: -webkit-flex;
}
.cont_contact table li:first-child{
 margin-right: 40px;
}
.cont_contact table{
 margin-bottom: 40px;
}
input[type=radio]:checked + .radio_txt{
color: #D80306;
}
::placeholder{
 color: #B7B7B7;
}
.accented {
	accent-color: #D80306;
}
.bg_red {
	color: #fff;
 background-color: #D80306;
 padding: 5px;
 border-radius: 5px;
 font-size: 0.8rem;
}
p.bg_red {
 margin-bottom: 5px;
}

/* ボタン*/
.contact_form_btn{
 display: flex;
 display: -webkit-flex;
 margin-left: 10%;
}
.contact_form_btn li:first-child{
 margin-right: 50px;
}
.btn_box{
 text-align: center;
}
.btn_box a{
 font-size: 1.4rem;
 display: inline-block;
 transition:all 1s;
 background-color: #799755;
 color: #fff;
 padding: 20px 60px;
 border-radius: 50px;
 text-align: center;
}
.btn_box a::after{
	content: url(/common/img/icon_arrow_01.svg);
 filter: brightness(0) invert(1);
 width: 10px;
 margin: 0 0 0 15px;
 display: inline-block;
 transition:all 1s;
}
.btn_box .btn_box_gray a{
 background-color: #808080;
 color: #fff;
}
.btn_box .btn_box_gray a::before{
	content: url(/common/img/icon_arrow_01.svg);
 filter: brightness(0) invert(1);
 width: 10px;
 display: inline-block;
 transition:all 1s;
 transform: scale(-1, 1);
 margin: 0 15px 0 0;
}
.btn_box .btn_box_gray a::after{
 display: none;
}
.btn_box a:hover::after,
.btn_box .btn_box_gray a:hover::before{
 filter: brightness(1) invert(0);
 transition:all 1s;
}
.btn_box a:hover{
 transform:translateX(-20px) ;
 color: #000
}

/* 1080px以下*/
@media (max-width: 1079px) {
}

/* 600px以下（スマホ対応）*/
@media (max-width: 599px) {
.cont_contact table {
 font-size: 1.1rem;
}
.cont_contact table ul{
 display: block;
 display: -webkit-block;
}
.cont_contact table ul li:first-child{
 margin-bottom: 10px;
}
.cont_contact th {
 font-size: 0.9rem;
 padding: 10px 0 10px 0;
 width: 26%;
}
.form_ss{
 width: 10%;
}
.form_s{
 width: 50%;
}
.form_m{
 width: 100%;
}
.form_l{
 width: 100%;
}
}