@charset "utf-8";
/* common */
.el_headingType01 { margin-top: 30px; }
.bl_contentsBlock.cont_main_box { padding: 45px 0; border-top: 1px solid #E9E9E9; }

/* index
-----------------------------------------------*/
.contact_index_list ul.contact_index_box > li{border: 1px solid #EEEEEE; padding: 30px 30px; background-color: #fff; text-align: center;}
.contact_index_list ul.contact_index_box > li img{display: inline-block;}
.contact_index_list .contact_index_tit{letter-spacing: 3px;}
.contact_index_list .contact_index_tit span{display: table; color: #fff; letter-spacing: 1px; padding: 5px 10px; font-weight: bold; background-color: #696A68; min-width: 220px; line-height: 1.0; margin: 5px auto 0 auto;}

.contact_other .contact_other_box,
.contact_faq_list .contact_faq_box{border: 1px solid #EEEEEE; padding: 30px 30px; background-color: #fff; justify-content: flex-start; align-items: center;}
.contact_other .contact_other_box .contact_other_img,
.contact_faq_list .contact_faq_box .contact_faq_img{margin-right: 30px; flex-basis: 492px; flex-shrink: 0;}

.contact_introduction_box li{ background-color: #F8F9F9; padding: 0px 30px 25px 30px; margin-bottom: 40px;}
.contact_introduction_box li .contact_index_tit{}
.contact_introduction_box li .contact_index_tit::before{content: ""; display: table; width: 90px; height: 8px; background-color: #22AECA; margin: 0 auto 35px auto;}
.contact_introduction_box li .contact_index_img{display: block;background: #fff; text-align: center; padding: 35px 10px;}
.contact_introduction_box li .contact_index_img span{display: inline-block; text-align: left; line-height: 2.5;}

@media only screen and (max-width :768px) {
.bl_contentsBlock.cont_main_box {padding-left: 15px; padding-right: 15px;}
.contact_other .contact_other_box,
.contact_faq_list .contact_faq_box{text-align: center;}
.contact_other .contact_other_box .contact_other_img,
.contact_faq_list .contact_faq_box .contact_faq_img{margin-right: 0px; margin-bottom: 20px;}
.contact_other .contact_other_box .contact_other_img img,
.contact_faq_list .contact_faq_box .contact_faq_img img{display: inline-block;}
}
@media only screen and (max-width :415px) {
  .contact_introduction_box li .contact_index_tit br{display: none;}
  .contact_introduction_box li{width: 100% !important; margin-right: 0 !important; padding-left: 10px; padding-right: 10px;}
  .contact_introduction_box li .contact_index_img{padding: 15px 5%;}
}

/* contact_detail
-----------------------------------------------*/
.contact_detail .contact_detail_box{padding: 50px; background-color: #fff; width: 700px; margin: 0 auto 50px auto;}
@media only screen and (max-width :768px) {
.contact_detail .contact_detail_box{padding: 10px 0px; background-color: #fff; margin-bottom: 25px; width: auto;}
}