@charset "utf-8";
/*----------------title-------------------*/
.bg_ttl{
	background: url("../img/common/tit_bg.png") repeat top left;
	padding: 60px 0;
	color: #fff;text-align: center;
}
@media screen and (max-width: 767px) {
.bg_ttl{
	padding: 30px 0;
}
}
.bg_ttl_concept{
	background:url("../img/concept/bg_ttl.jpg") center top no-repeat;
}

.bg_ttl_case{
	background:url("../img/case/bg_ttl.jpg") center top no-repeat;
}

.bg_ttl_blog{
	background:url("../img/blog/bg_ttl.jpg") center top no-repeat;
}

.bg_ttl_contact,.bg_ttl_confirmation,.bg_ttl_thanks{
	background:url("../img/contact/bg_ttl.jpg") center top no-repeat;
}

.bg_ttl_privacy{
	background:url("../img/privacy/bg_ttl.jpg") center top no-repeat;
}

.bg_ttl_voice{
	background:url("../img/voice/bg_ttl.jpg") center top no-repeat;
}
.bg_ttl_company{
	background:url("../img/comapny/bg_ttl.jpg") center top no-repeat;
}
.bg_ttl_about{
	background:url("../img/about/bg_ttl.jpg") center top no-repeat;
}



.bg_ttl > .ja{
	font-size: 3.2rem;
	font-weight: bold;
	letter-spacing: 3px;
}

@media screen and (max-width: 767px) {
.bg_ttl > .ja{
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: 3px;
}
}


.top_point{color: #244c9f;font-size: 2.6rem;font-weight: bold;position: relative;z-index: 2;}
.top_point span{background-color: #fff;padding: 5px;display: inline-block;}
.top_point_txt{font-size: 1.6rem;font-weight: bold;color: #244c9f;z-index: 2;position: relative;}
.top_conna{margin-bottom: 80px;}
@media screen and (max-width: 767px) {
	.top_point{font-size: 1.8rem;}
	.top_point_txt{font-size: 1.4rem;}
.top_conna{margin-bottom: 0px;}

}
.top_col_3 {position: relative;top: -25px;padding: 0 20px;}
.top_col_3 .nb{text-align: center;margin-bottom: 30px;}
.top_col_3_copy{color: #244c9f;font-size: 2.0rem;font-weight: bold;margin-bottom: 30px;text-align: center;}
.top_col_3 figure{text-align: center;margin-bottom: 30px;}
.top_col_3_txt{font-size: 1.4rem;}

@media screen and (max-width: 767px) {
	.top_col_3 {top: 0;}
	.top_col_3_txt{margin-bottom: 40px;}
}

.top_obi_01{background: url("../img/top/top_ue.png")no-repeat center top;padding-top: 80px;}
.top_obi_02{background: url("../img/top/top_ue_02.png")no-repeat center top;padding-top: 80px;}
.top_obi{background: url("../img/top/top_bar_bg.png")no-repeat center center;
background-size: cover;color: #fff;font-size: 2.6rem;text-align: center;margin-bottom: 80px;font-weight: bold;padding: 20px;}
@media screen and (max-width: 767px) {
.top_obi{font-size: 2.0rem;padding: 15px;}
	.top_obi_02 > .top_obi{margin-bottom: 0;}
}

.top_recom_list li{position: relative;padding: 30px;text-align: center;background-color: #f0f5ff;font-size: 1.8rem;font-weight: bold;color: #244c9f;}
.top_recom_list li::before{content: "";display: block;position: absolute;left: 0;top: 0;width: 30px;height: 30px;border-top: 2px solid #244c9f;border-left: 2px solid #244c9f;}
.top_recom_list li::after{content: "";display: block;position: absolute;right: 0;bottom: 0;width: 30px;height: 30px;border-bottom: 2px solid #244c9f;border-right: 2px solid #244c9f;}

.f_ttl_l{background-color: #244c9f;color: #fff;font-size: 2.4rem;text-align: center;padding: 20px;margin-bottom: 30px;position: relative;border-radius: 10px;}
.f_ttl_l::after{content: "";position: absolute;left: 50%;bottom: -15px;margin-left: -15px;display: block;width: 0px;height: 0px;
	border-top: 15px solid #244c9f;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}

.f_ttl_r{background-color: #597dc8;color: #fff;font-size: 2.4rem;text-align: center;padding: 20px;margin-bottom: 30px;position: relative;border-radius: 10px;}
.f_ttl_r::after{content: "";position: absolute;left: 50%;bottom: -15px;margin-left: -15px;display: block;width: 0px;height: 0px;
	border-top: 15px solid #597dc8;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}

/*---------------flow----------------*/

.flow_num {
  position: relative;
  color: #000;
  font-size: 2.4rem;
  float: right;
  text-align: center;
  display: inline-block;
  padding: 20px;
  overflow: visible;
  font-family: 'Oswald', sans-serif;
  margin: 0px 0 50px 0;
  line-height: 1.1;
  z-index: 1;
  font-weight: 300;
  clear: both;
}
.flow_num::before {
  content: '';
  position: absolute;
  top: 42px;
  left: 50%;
  margin-left: -45px;
  width: 90px;
  height: 20px;
  overflow: hidden;
  background-color: #fff100;
  z-index: -1;
}
.flow_num span {
  font-size: 6.4rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .fl_bd {
    border: none;
  }
  .flow_num {
    margin: 0px auto;
    float: none;
  }
}


/* 検索ボックス */

#feas-searchform-0,#feas-searchform-1{border: 2px solid #244c9f;border-radius: 0 10px 10px 10px;padding:20px;font-weight: bold;position: relative;}
#feas-searchform-0 input[type="submit"],#feas-searchform-1 input[type="submit"]{background-color: #244c9f;color: #fff;border-radius: 5px;text-align: center;padding: 5px 15px;border: 0;}
#feas-submit-button-0,#feas-submit-button-1{margin-top: 25px;}

#feas-searchform-0 select, #feas-searchform-1 select {border-radius: 5px;width: 240px;padding: 5px 10px;border: 1px solid #244c9f;}

#feas-searchform-0 h4,#feas-searchform-1 h4{font-size: 1.4rem;font-weight: bold;color: #244c9f;margin-bottom: 5px;}
@media screen and (max-width: 767px) {
#feas-searchform-0 input[type="submit"],#feas-searchform-1 input[type="submit"]{padding: 5px 15px;width: 100%;}
#feas-submit-button-0,#feas-submit-button-1{margin-top: 0px;}
	#feas-searchform-0 select,#feas-searchform-1 select{margin-bottom: 20px;width: 100%;}
}

.job_type{position: absolute;left: -2px;top: -43px;
display: flex;}
.job_type input{display: none;}
.feas_clevel_01{margin-right: 10px;}
.feas_clevel_01 span{ /* label */
	
    display: inline-block;    
	width: 160px;
	text-align: center;
    border-width: 1px 1px 0px 1px; 
	border-style: solid;           
	border-color: #244c9f;        
	border-radius: 5px 5px 0px 0; 
	padding:12px 0px;          
	font-size: 1.6rem;
	line-height: 1.0;
	font-weight: bold;         
	color: #244c9f;                
	background-color: #fff;   

}
.feas_clevel_01 span:hover {
      color: #fff;                /* タブの文字色：緑色 */
      background-color: #244c9f;   /* タブの背景色：淡い緑色 */
      cursor: pointer;             /* マウスポインタの形状を「指(指し示す形)」にする */
   }

.job_type input:checked + span {
      color: #fff;                  /* タブの文字色：赤色 */
      background-color: #244c9f;   /* タブの背景色：淡い黄色 */
   }







.search-box{
display: flex;justify-content: space-between;}

@media screen and (max-width: 767px) {
	.search-box{display: block;}
}


.tt_box{padding-top: 180px;}
@media screen and (max-width: 767px) {
.tt_box{padding-top: 20px;}

}
.f_ttl_l_list,.f_ttl_r_list{position: relative;}
.f_ttl_l_list::after{content: "";position: absolute;left: 20px;top: 0;width: 2px;height: 620px;background-color: #244c9f;z-index: 0;}
.f_ttl_r_list::after{content: "";position: absolute;left: 20px;top: 0;width: 2px;height: 620px;background-color: #597dc8;z-index: 0;}
@media screen and (max-width: 767px) {
.f_ttl_l_list::after{height: 100%;}
.f_ttl_r_list::after{height: 100%;}
}
.f_ttl_l_list dl{background: url("../img/common/dot_01.png")no-repeat left top;margin: 0 0 15px 17px;z-index: 2;padding-left: 20px;}
.f_ttl_l_list p{z-index: 2;margin-bottom: 15px;position: relative;}
.f_ttl_l_list dl dt{font-size: 1.6rem;font-weight: bold;color: #244c9f;margin-bottom: 10px;}
@media screen and (max-width: 767px) {
	.f_ttl_l_list dl.dl_06{margin-bottom: 60px;}
}


.f_ttl_r_list dl{background: url("../img/common/dot_11.png")no-repeat left top;margin: 0 0 15px 17px;z-index: 2;padding-left: 20px;}
.f_ttl_r_list p{z-index: 2;margin-bottom: 15px;position: relative;}
.f_ttl_r_list dl dt{font-size: 1.6rem;font-weight: bold;color: #597dc8;margin-bottom: 10px;}

.f_ttl_l_list dl dt img,.f_ttl_r_list dl dt img{margin-right: 10px;vertical-align: middle;}

.top_ken_list{
/*display: flex;*/}
.top_ken_list > li{width: 160px;margin-right: 10px;}
.top_ken_list > li a{display: block;padding: 10px;text-align: center;font-size: 1.4rem;font-weight: bold;color: #244c9f;border-top: 2px solid #244c9f;border-left: 2px solid #244c9f;border-right: 2px solid #244c9f;border-radius: 10px 10px 0px 0px;}
.top_ken_list > li a:hover,.top_ken_list > li a.current{background-color: #244c9f;color: #fff;}


.top_ken_list input{display: none;}
.tab {margin-right: 10px;}
.tab { /* label */
	
    display: inline-block;    
	width: 160px;
	text-align: center;
    border-width: 1px 1px 0px 1px; 
	border-style: solid;           
	border-color: #244c9f;        
	border-radius: 5px 5px 0px 0; 
	padding:12px 0px;          
	font-size: 1.6rem;
	line-height: 1.0;
	font-weight: bold;         
	color: #244c9f;                
	background-color: #fff;   

}
@media screen and (max-width: 767px) {
	.tab { width: 26%;}
	
}

.tab:hover {
      color: #fff;                /* タブの文字色：緑色 */
      background-color: #244c9f;   /* タブの背景色：淡い緑色 */
      cursor: pointer;             /* マウスポインタの形状を「指(指し示す形)」にする */
   }

.top_ken_list input:checked + .tab{
      color: #fff;                  /* タブの文字色：赤色 */
      background-color: #244c9f;   /* タブの背景色：淡い黄色 */
   }



.top_rec_all{border: 2px solid #244c9f;border-radius: 0 10px 10px 10px;padding: 20px 20px 0px 20px;display: none;}
.top_rec_all .col_4 > li{position: relative;border: 1px solid #244c9f;border-radius: 10px;padding: 20px;}
.top_rec_all .col_4 > li::before{content: "";background: url("../img/common/star.png")no-repeat left top ;width: 30px;height: 30px;position: absolute;left: 20px;top: -5px;}
.list_title a{font-size: 1.4rem;font-weight: bold;color: #244c9f;margin-bottom: 15px;display: block;}
.top_con_pick_list{margin-bottom: 10px;
display: flex;clear: both;width: 100%;}

.top_con_pick_list dt{width: 80px;font-size: 1.2rem;color: #fff;background-color: #244c9f;padding: 5px;text-align: center;border-radius: 5px;}.top_con_pick_list dd{width: 200px;padding: 5px 10px;}

   /* ▼チェックが入っているラジオボタンに対応するタブの中身を表示する */
   #tabcheck1:checked ~ #tabcontent1 { display: block; }
   #tabcheck2:checked ~ #tabcontent2 { display: block; }
   #tabcheck3:checked ~ #tabcontent3 { display: block; }


/*search*/

.search_list > li{border: 1px solid #999;border-radius: 20px;padding: 0 20px 20px 20px;margin-bottom: 30px;}
.search_list_in{border-top: 3px solid #244c9f;padding: 30px 5px 0; }
.search_list_tit{font-size: 2.0rem;font-weight: bold;color: #244c9f;margin-bottom: 20px;}
.search_list_tit a{color: #244c9f;}

@media screen and (max-width: 767px) {
	.search_list_tit{font-size: 1.8rem;}
}
.search_table{display: flex;flex-wrap: wrap;border-right: 1px solid #999;border-bottom: 1px solid #999;margin-bottom: 30px;}
.search_table > dl{display: table;border-top: 1px solid #999;border-left: 1px solid #999;}
.search_table > dl.list_head{width: 100%;}
.search_table > dl.list_body{width: 50%;}

.search_table > dl >dt{width: 215px;display: table-cell;background-color: #f0f5ff;padding: 15px;font-weight: bold;}
.search_table > dl >dd{padding: 15px;}
@media screen and (max-width: 767px) {
.search_table{display: block;width: 100%;flex-wrap: wrap;margin-bottom: 30px;}
.search_table > dl{display: block;border-top: 1px solid #999;border-left: 1px solid #999;}
.search_table > dl.list_head{width: 100%;}
.search_table > dl.list_body{width: 100%;}

.search_table > dl >dt{width: 100%;display: block;background-color: #f0f5ff;padding: 15px;font-weight: bold;}
.search_table > dl >dd{padding: 15px;width: 100%;}
}


.serch_btn_list,.serch_btn_list2{display: flex;justify-content: space-between;}
ul.serch_btn_list::after,ul.serch_btn_list2::after{display: none;}
.serch_btn_list > li{width: 30%;}
.serch_btn_list2 > li{width: 48%;}
.serch_btn_01 a{display: block;border-top: 2px solid #244c9f;border-left: 2px solid #244c9f;border-right: 4px solid #244c9f;border-bottom: 4px solid #244c9f;border-radius: 10px;text-align: center;padding: 10px;font-weight: bold;color: #244c9f;}
.serch_btn_02 a{display: block;border-top: 2px solid #5e84d4;border-left: 2px solid #5e84d4;border-right: 4px solid #5e84d4;border-bottom: 4px solid #5e84d4;border-radius: 10px;text-align: center;padding: 10px;font-weight: bold;color: #5e84d4;}
.serch_btn_03 a{display: block;border-top: 2px solid #ffae00;border-left: 2px solid #ffae00;border-right: 4px solid #ffae00;border-bottom: 4px solid #ffae00;border-radius: 10px;text-align: center;padding: 10px;font-weight: bold;color: #ffae00;}

@media screen and (max-width: 767px) {
	.serch_btn_list,.serch_btn_list2{flex-wrap: wrap;}
	.serch_btn_list > li,.serch_btn_list2 > li{width: 100%;margin-bottom: 20px;}
}


.job_tit{font-size: 2.4rem;font-weight: bold;color: #244c9f;}

@media screen and (max-width: 767px) {
	.job_tit{padding: 0 15px;}
}


.fav_list_con{}

.fav_list_con > li{margin-bottom: 10px;}
.fav_list_con > li a{color: #244c9f;font-weight: bold;border-bottom: 1px solid #244c9f;}


/* オンライン予約 */
.monthly-calendar{max-width: 100%;width: 800px;margin: 0 auto 60px !important;}
.content-form legend, .day-calendar h3,.monthly-calendar caption {
    font-size: 2.4rem ;
    font-weight: bold ;
    color: #244c9f;
}
.monthly-calendar caption{margin-bottom: 30px;}

@media screen and (min-width: 768px) {
	.monthly-calendar th,.monthly-calendar td,.day-calendar th,.day-calendar td{font-size: 1.8rem;}
}