/* contact_info */
#contact_info { margin-bottom: 60px; }
#contact_info:before { position: absolute; width: 100vw; height: 88%; background: var(--bs-lightsecondary); display: block; right: 5vw; bottom: -60px; content: ""; }
#contact_info .img { height: 100%; background: url(/images/00/img-contact.jpg) no-repeat 50% / cover; top: 0; right: 0; z-index: 1; }
#contact_info .info >div { padding: 30px 50px 30px 0; }
#contact_info .info .tit { font-family: 'Frank Ruhl Libre', serif; font-weight: 500; font-size: 27px; color: var(--bs-darkgray); }
#contact_info .info .sub_tit { font-size: 17px; color: var(--bs-darkgray); }
#contact_info .info .cont_list { margin-top: 50px; }
#contact_info .info .cont_list li { margin-bottom: 15px; }
#contact_info .info .cont_list li * { font-weight: 300; font-size: 15px; }
#contact_info .info .cont_list li span svg { width: 50%; height: 50%; fill: var(--bs-white); }
#contact_info .info .cont_list li label { margin-right: 15px; width: 100px; color: var(--bs-black); }
#contact_info .info .photo_box { margin-top: 30px; }
#contact_info .info .photo_box p font { font-family: 'Frank Ruhl Libre', var(--bs-font), sans-serif; font-size: 17px; color: var(--bs-darkgray); }
#contact_info .info .photo_box p font:nth-child(2) { margin: 0 15px; width: 1px; height: 13px; background: var(--bs-gray); display: inline-block; content: ""; }
#contact_info .info .photo_box ul { margin-top: 15px; }
#contact_info .info .photo_box ul a { margin: 0 5px; }
#contact_info .info .photo_box ul a .img_cover{
    height: 130px;
}
#contact_info .info .photo_box ul font { text-align: center; }

/* page_title */
.page_title { padding-bottom: 70px; font-weight: 400; font-size: 22px; z-index: 3; }
.page_title:before { display: none; }
.page_title:after { position: absolute; margin: 0; width: 1px; height: 55px; bottom: -20px; left: calc((100% - 1px) / 2); }

/* form_box */
#form_box { margin: auto; background: var(--bs-white); border: 1px var(--bs-lightgray) solid; box-shadow: 0 0 10px rgb(0 0 0 / 10%); }
#form_box #form1 { margin: 5vw; }
#form_box #form1 p { margin-bottom: 25px; }
#form_box #form1 p label { color: var(--bs-darkgray); }
#form_box #form1 p label span { margin-left: 5px; font-weight: 300; font-size: 18px; color: var(--bs-keyword); }
#form_box #form1 p font { margin-right: 10px; border-bottom: 1px var(--bs-gray) solid; }
#form_box #form1 input , #form_box #form1 select , #form_box #form1 textarea { padding-right: 0; padding-left: 0; width: 100%; border: 0; }
#form_box #form1 select { color: var(--bs-keyword); }
#form_box #form1 select * { color: var(--bs-darkgray); }
#form_box #form1 #Checknum { margin-right: 10px; width: calc(100% - 70px); }
#form_box #form1 .send { height: 69px; }
#form_box #form1 .send a { margin: auto 0 auto auto; padding: 7px 40px; border: 1px var(--bs-info) solid; border-radius: 30px; color: var(--bs-darkgray); }

@media screen and (min-width: 1441px){
	#contact_info:before { width: 79vw; right: 4vw; }
}
@media screen and (min-width: 1281px){
	#form_box { width: 95%; }
	#form_box #form1 { margin: 45px 90px; }
}
@media screen and (max-width: 767px){
	#contact_info { margin-bottom: 0; padding-bottom: 20px; }
	#contact_info:before { height: 75%; right: -5vw; bottom: 20px; }
	#contact_info .img { display: none; }
	#contact_info .info >div { margin: 30px 0; }
	.page_title { padding: 5vw 0 calc(5vw + 30px); }
	#form_box #form1 p { display: block; }
	#form_box #form1 .send { height: auto; text-align: center; }
	#form_box #form1 .send a { margin: auto; }
}