@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");


/************************************************************************
top
************************************************************************/
.side_info{
background:url(../../img/side_info02.gif) repeat-y left top;
width:200px;
margin-bottom:15px;
}
.side_info02{
background:url(../../img/side_info03.gif) no-repeat left bottom;
width: 180px;
padding:10px 10px 1px 10px;
}
.side_info02 dl{
width: 180px;
border-bottom:1px solid #e7b1af;
padding-bottom:5px;
margin-bottom:5px;
}
.side_info02 dt{
background:url(../../img/info_icon.gif) no-repeat left center;
font-size:10px;
letter-spacing:1px;
line-height:150%;
padding-left:11px;
}
.side_info02 dd{
padding-left:10px;
font-size:11px;
line-height:150%;
}


@media screen and (max-width:768px) {

}



.top_info{
background:url(../../img/top_info02.gif) repeat-y left top;
width:620px;
margin-bottom:15px;
}
.top_info02{
background:url(../../img/top_info03.gif) no-repeat left bottom;
width: 580px;
padding:10px 20px 1px 20px;
}
.top_info02 dl{
width: 580px;
border-bottom:1px solid #e7b1af;
padding-bottom:10px;
margin-bottom:10px;
}
.top_info02 dt{
background:url(../../img/info_icon.gif) no-repeat left center;
line-height:150%;
padding-left:11px;
}
.top_info02 dd{
padding-left:10px;
line-height:150%;
}


@media screen and (max-width:768px) {

  .top_info{
  background:none;
  background-color:#ffefef;
  width:auto;
  margin-bottom:15px;
  }
  .top_info02{
  background:none;
  width: auto;
  padding:10px 3% 1px 3%;
  }
  .top_info02 dl{
  width: auto;
  border-bottom:1px solid #e7b1af;
  padding-bottom:10px;
  margin-bottom:10px;
  }
  .top_info02 dt{
  background:url(../../img/info_icon.gif) no-repeat left center;
  line-height:150%;
  padding-left:11px;
  }
  .top_info02 dd{
  padding-left:10px;
  line-height:150%;
  }

  .top_info02 dl:nth-child(5),
  .top_info02 dl:nth-child(6),
  .top_info02 dl:nth-child(7),
  .top_info02 dl:nth-child(8),
  .top_info02 dl:nth-child(9),
  .top_info02 dl:nth-child(10),
  .top_info02 dl:nth-child(11),
  .top_info02 dl:nth-child(12),
  .top_info02 dl:nth-child(13),
  .top_info02 dl:nth-child(14),
  .top_info02 dl:nth-child(15),
  .top_info02 dl:nth-child(16),
  .top_info02 dl:nth-child(17),
  .top_info02 dl:nth-child(18),
  .top_info02 dl:nth-child(19),
  .top_info02 dl:nth-child(20){
  display:none;
  }

}


.top_kaitori{
width: 840px;
}
.top_kaitori li{
list-style:none;
float: left;
}

.top_huyo{
background: url(../../img/top_huyo02.gif) no-repeat left top;
padding:0px 0px 17px 12px;
margin-bottom:20px;
}
.top_huyo li{
list-style:none;
padding-right:5px;
float:left;
}



@media screen and (max-width:768px) {

  .accordion_btn{
  display:block;
  color:#fff;
  text-decoration:none;
  font-size:16px;
  text-align:center;
  padding:12px 0;
  font-weight:bold;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,b22c00+100 */
  background: rgb(204,0,0); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(204,0,0,1) 0%, rgba(178,44,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(178,44,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(204,0,0,1) 0%,rgba(178,44,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#b22c00',GradientType=0 ); /* IE6-9 */
  }

}




#top_box{
width: 840px;
padding-bottom:15px;
}
.top_left{
width: 620px;
float:left;
}
.top_right{
float:right;
width: 200px;
}


@media screen and (max-width:768px) {



  #top_box{
  width: auto;
  padding-bottom:15px;
  }
  .top_left{
  width: auto;
  float:none;
  }
  .top_right{
  width: auto;
  float:none;
  }

  .top_right_inner{
  float:left;
  width:49%;
  }
  .top_right .top_right_inner:nth-child(2n){
  float:right;
  text-align:center;
  }
  
  .top_right .top_right_inner:nth-child(3){
  clear:both;
  margin-top:-3px;
  }

}

.t_bana{
width: 620px;
margin-right:-8px;
overflow:hidden;
}
.t_bana ul{
width: 628px;
}
.t_bana li{
list-style:none;
float:left;
padding-right:8px;
padding-bottom:8px;
}

.t_result{
width:620px;
overflow:hidden;
margin-right:-10px;
padding-top:10px;
}
.t_result02{
width:630px;
}
.t_result02 .tr_box:nth-child(5n+1){
clear:both;
}
.tr_box{
width: 115px;
float:left;
line-height:150%;
padding-right:11px;
padding-bottom:15px;
}
.tr_box div{
margin-bottom:10px;
width: 115px;
height:86px;
position:relative;
}
.tr_box div img{
position:absolute;
top:0;
left:0;
z-index:500;
}
.tr_box div a.tr_link{
display:block;
text-decoration:none;
z-index:999;
}
.tr_box div a.tr_link a{
z-index:1;
}
.tr_box div p{
display:inline;
}

@media screen and (max-width:768px) {

  .t_bana{
  width: auto;
  margin-right:0;
  overflow:hidden;
  }
  .t_bana ul{
  width: auto;
  }
  .t_bana li{
  list-style:none;
  width:50%;
  box-sizing:border-box;
  float:left;
  padding-right:0;
  padding-bottom:4px;
  }
  .t_bana li:nth-child(2n){
  padding-left:2px;
  }
  .t_bana li:nth-child(2n+1){
  padding-right:2px;
  }
  
  .t_result{
  width:auto;
  overflow:hidden;
  margin-right:0%;
  margin-left:-2%;
  padding-top:10px;
  }
  .t_result02{
  width:auto;
  }
  .tr_box{
  float:left;
  width:31.3%;
  line-height:150%;
  padding-right:0;
  margin-left:2%;
  padding-bottom:7px;
  font-size:10px;
  }
  .t_result02 .tr_box:nth-child(5n+1){
  clear:none;
  }
  .t_result02 .tr_box:nth-child(3n+1){
  clear:both;
  }

  .tr_box div{
  margin-bottom:2px;
  width: auto;
  height:auto;
  overflow:hidden;
  position:relative;
  }
  .tr_box div img{
  position:static;
  z-index:500;
  width:100%;
  height:auto;
  }
  .tr_box div a.tr_link{
  display:block;
  text-decoration:none;
  z-index:999;
  }
  .tr_box div a.tr_link a{
  z-index:1;
  }
  .tr_box div p{
  display:inline;
  }
  
  
  .x15_img_base{
  width:100%;
  overflow:hidden;
  }
  .x15_img_base img{
  width:150% !important;
  max-width:150%;
  }
  
  .x2_img_base{
  width:100%;
  overflow:hidden;
  }
  .x2_img_base img{
  width:200% !important;
  max-width:200%;
  }

}




.t_report{
width:200px;
background:url(../../img/t_report_bg01.gif) repeat-y left top;
margin-bottom:10px;
}
.t_report02{
width:184px;
background:url(../../img/t_report_bg02.gif) no-repeat left bottom;
padding:12px 8px 0px 8px;
}
.t_report03{
padding:10px 0px;
line-height:150%;
text-align:right;
}
.t_report03 p{
display:inline;
font-size:18px;
font-weight:bold;
color:#f12d45;
}
.t_report03 p.repo_txt{
color: #753b37;
}

.t_huyo{
width: 620px;
padding-bottom:15px;
}
.t_huyo li{
float:left;
list-style:none;
}

@media screen and (max-width:768px) {

  .t_report{
  width:49%;
  background:#ede6bd;
  border:1px solid #c0bba0;
  margin-bottom:10px;
  }
  .t_report02{
  width:auto;
  background:url(../../img/t_report_bg02.gif) no-repeat left bottom;
  padding:12px 8px 0px 8px;
  }
  .t_report03{
  padding:7px 0px;
  line-height:150%;
  text-align:center;
  }
  .t_report03 p{
  display:inline;
  font-size:14px;
  font-weight:bold;
  color:#f12d45;
  }
  .t_report03 p.repo_txt{
  color: #753b37;
  }



}

.s_result{
width:200px;
background:url(../../img/r_list_bg.gif) repeat-y left top;
margin-bottom:15px;
}
.s_result02{
width:185px;
background:url(../../img/r_list_bg02.gif) no-repeat left bottom;
padding:15px 8px 0px 7px;
}
.s_result02 ul{
padding:10px 10px 15px 10px;
}
.s_result02 li{
list-style:none;
font-size:14px;
}
.s_result02 li a{
background:url(../../img/icon02.gif) no-repeat 0px center;
padding-left:10px;
text-decoration:none;
line-height:180%;
}
.s_result02 li a:hover,
.s_result02 li a:active{
background:url(../../img/icon02.gif) no-repeat 2px center;
padding-left:10px;
}


@media screen and (max-width:768px) {

  .s_result{
  width:auto;
  background:#f1eccc;
  border:1px solid #c0bba0;
  margin-bottom:15px;
  }
  .s_result02{
  width:auto;
  background:none;
  padding:15px 8px 0px 7px;
  }
  .s_result02 ul{
  padding:10px 10px 15px 10px;
  }
  .s_result02 ul::after{
  content:"";
  display:table;
  clear:both;
  }
  .s_result02 li{
  display:inline-block;
  width:49%;
  float:left;
  list-style:none;
  font-size:14px;
  }
  .s_result02 li a{
  background:url(../../img/icon02.gif) no-repeat 0px center;
  padding-left:10px;
  text-decoration:none;
  font-size:12px;
  }
  .s_result02 li a:hover,
  .s_result02 li a:active{
  background:url(../../img/icon02.gif) no-repeat 2px center;
  padding-left:10px;
  }

}


/************************************************************************
info
************************************************************************/
.info_box{
width:540px;
background:url(../../img/inner/info_back.gif) repeat-y left top;
margin:0px auto 20px auto;
border-top: 3px solid #D0D0D0;
border-bottom: 3px solid #D0D0D0;
padding:15px 20px;
}
.info_box h4{
background: url(../../img/inner/info_icon.gif) no-repeat left 3px;
line-height:150%;
font-size:14px;
padding:0px 20px 10px 20px;
border-bottom:1px dotted #8a8a8a;
}
.info_cate{
text-align:right;
padding:10px 0px 15px 0px;
color: #8a8a8a;
}
.info_entry{
line-height:180%;
}
.info_more{
background:url(../../img/inner/icon02.gif) no-repeat right center;
padding-right:10px;
line-height:150%;
margin-top:15px;
text-align:right;
}



.side_menu{
width: 200px;
background:url(../../img/inner/menu_back.gif) repeat-y left top;
margin-bottom:20px;
}
.side_menu ul{
background:url(../../img/inner/menu_btm.gif) no-repeat left bottom;
padding:0px 2px 4px 2px;
width: 196px;
}
.side_menu li{
background:url(../../img/inner/menu_back02.gif) repeat-x left bottom;
width: 196px;
list-style:none;
border-bottom:1px solid #DADADA;
}
.side_menu li a{
background:url(../../img/inner/menu_icon.gif) no-repeat 5px 11px;
line-height:150%;
padding:8px 10px 8px 20px;
display:block;
width:166px;
}
.side_month{
background:url(../../img/inner/menu_btm.gif) no-repeat left bottom;
padding:0px 2px 4px 2px;
width: 196px;
text-align:center;
}
.side_month02{
padding: 10px 0px;
background:url(../../img/inner/menu_back02.gif) repeat-x left bottom;
}



@media screen and (max-width:768px) {
  
  .info_box{
  width:auto;
  background:bottom;
  margin:0px auto 20px auto;
  border: 3px solid #D0D0D0;
  padding:15px 20px;
  }
  .info_box h4{
  background: url(../../img/inner/info_icon.gif) no-repeat left 3px;
  line-height:150%;
  font-size:14px;
  padding:0px 20px 10px 20px;
  border-bottom:1px dotted #8a8a8a;
  }
  .info_cate{
  text-align:right;
  padding:10px 0px 15px 0px;
  color: #8a8a8a;
  }
  .info_entry{
  line-height:180%;
  }
  .info_more{
  background:url(../../img/inner/icon02.gif) no-repeat right center;
  padding-right:10px;
  line-height:150%;
  margin-top:15px;
  text-align:right;
  }
  
  
  
  .mast-full img{
  width:100%;
  }
  
  .side_menu{
  width: auto;
  background:none;
  margin-bottom:20px;
  }
  .side_menu ul{
  background:none;
  padding:0px 2px 4px 2px;
  width: auto;
  }
  .side_menu li{
  background:url(../../img/inner/menu_back02.gif) repeat-x left bottom;
  width: auto;
  list-style:none;
  border-bottom:1px solid #DADADA;
  }
  .side_menu li a{
  background:url(../../img/inner/menu_icon.gif) no-repeat 5px 11px;
  line-height:150%;
  padding:8px 10px 8px 20px;
  display:block;
  width: auto;
  }
  .side_month{
  background:none;
  padding:0px 2px 4px 2px;
  width: auto;
  text-align:center;
  }
  .side_month02{
  padding: 10px 0px;
  background:url(../../img/inner/menu_back02.gif) repeat-x left bottom;
  }



}



/************************************************************************
result
************************************************************************/
.result_box{
width:600px;
margin:0px auto;
}
.result_box h4{
background:url(../../img/inner/info_icon.gif) no-repeat left 3px;
font-size:14px;
line-height:150%;
padding-bottom:5px;
padding-left:20px;
border-bottom:1px dotted #8a8a8a;
margin-bottom:15px;
}
.result_txt{
line-height:180%;
padding-bottom:20px;
}


.no_result{
border:3px solid #D0D0D0;
padding:20px;
font-size:14px;
line-height:180%;
width:550px;
margin:0px auto;
}



@media screen and (max-width:768px) {

  .result_box{
  width:auto;
  margin:0px auto;
  }
  .result_box h4{
  background:url(../../img/inner/info_icon.gif) no-repeat left 3px;
  font-size:14px;
  line-height:150%;
  padding-bottom:5px;
  padding-left:20px;
  border-bottom:1px dotted #8a8a8a;
  margin-bottom:15px;
  }
  .result_txt{
  line-height:180%;
  padding-bottom:20px;
  }
  
  
  .no_result{
  border:3px solid #D0D0D0;
  padding:20px;
  font-size:14px;
  line-height:180%;
  width:550px;
  margin:0px auto;
  }


}

/************************************************************************
privacy
************************************************************************/
.privacy h4{
background:url(../../img/inner/icon04.gif) no-repeat 10px center;
line-height:150%;
font-size:12px;
border: 2px solid #DADADA;
padding:8px 10px 8px 30px;
}
.privacy p{
padding: 15px 15px 30px 15px;
line-height:180%;
}
.privacy ol{
margin-top:-15px;
padding:0px 15px 30px 35px;
}
.privacy li{
line-height:180%;
}



.sitemap{
width: 580px;
}
.sitemap ul{
width: 580px;
}
.sitemap li{
list-style:none;
width: 270px;
margin: 15px 10px 0px 10px;
float:left;
border-bottom:1px dotted #F79910;
line-height:150%;
font-size:14px;
padding-bottom:15px;
}
.sitemap li a{
padding-left:30px;
background:url(../../img/inner/info_icon.gif) no-repeat 10px center;
}




@media screen and (max-width:768px) {


  .sitemap{
  width: auto;
  }
  .sitemap ul{
  width: auto;
  }
  .sitemap li{
  list-style:none;
  width: auto;
  margin: 3px 10px 0px 10px;
  float:none;
  border-bottom:none;
  line-height:150%;
  font-size:14px;
  padding-bottom:5px;
  }
  .sitemap li a{
  padding-left:30px;
  background:url(../../img/inner/info_icon.gif) no-repeat 10px center;
  }



}

/************************************************************************
 contact
************************************************************************/
/* contact
-------------------------------------------------- */
.contact {
background:#C7C7C7;
width: 580px;
margin: 20px auto 20px auto;
}
.contact th{
background:url(../../img/inner/menu_back02.gif) repeat-x  left bottom #FFFFFF;
border-left:2px solid #E91300;
width: 150px;
padding: 10px 10px;
text-align:left;
color: #2E2E2E;
}
.contact td{
background: #FFFFFF;
padding: 10px 15px;
vertical-align: bottom;
}


@media screen and (max-width:768px) {

  .contact,
  .contact tbody,
  .contact tr,
  .contact th,
  .contact td{
  display:block;
  width:100%;
  box-sizing:border-box;
  }
  
  .contact {
  background:none;
  width: auto;
  margin: 20px auto 20px auto;
  }
  .contact th{
  background:url(../../img/inner/menu_back02.gif) repeat-x  left bottom #FFFFFF;
  border-left:2px solid #E91300;
  width: 100%;
  padding: 10px 10px;
  text-align:left;
  color: #2E2E2E;
  }
  .contact td{
  background: #FFFFFF;
  padding: 10px 15px;
  vertical-align: bottom;
  }


}

/* estimate
-------------------------------------------------- */
.estimate {
background:#C7C7C7;
width: 580px;
margin: 20px auto 20px auto;
}
.estimate th{
background: #FFFDC9;
padding: 10px 10px;
text-align:left;
color: #2E2E2E;
}
.estimate td{
background: #FFFFFF;
padding: 10px 15px;
vertical-align: bottom;
}
.estimate th.est_list02{
text-align:center;
font-weight:bold;
background: #106005;
font-size:14px;
color: #FFFFFF;
padding: 5px 0px;
width: 560px;
}


.contact02 {
background:#C7C7C7;
width: 580px;
margin-bottom:20px;
margin-top: -21px;
}
.contact02 th{
text-align:center;
font-weight:bold;
background: #106005;
font-size:14px;
color: #FFFFFF;
padding: 5px 0px;
}
.contact02 td{
background: #FFFFFF;
padding: 5px;
vertical-align: bottom;
text-align:center;
}
.contact02 td.est_list{
background: #FFFDC9;
font-weight: bold;
text-align:center;
}
.contact02 td input{
border:1px solid #aaaaaa;
}

.est01{
width: 210px;
}
.est02{
width: 30px;
}
.est03{
width: 250px;
}


.absored{
font-size:10px;
letter-spacing:1px;
color: #ff0000;
font-weight: normal;
}


.from-50 {width: 50px;margin: 5px 0px 5px 0px;}
.from-70 {width: 70px;margin: 5px 0px 5px 0px;}
.from-100 {width: 100px;margin: 5px 0px 5px 0px;}
.from-150 { width: 150px;margin: 5px 0px 5px 0px;}
.from-200 { width: 200px; margin: 5px 0px 5px 0px;}
.from-250 {width: 250px;margin: 5px 0px 5px 0px;}
.from-300 {width: 300px;margin: 5px 0px 5px 0px;}
.from-350 {width: 350px;margin: 5px 0px 5px 0px;}
.from-400 {width: 400px;margin: 5px 0px 5px 0px;}
.comment_box{
width: 90%;margin: 5px 0px 5px 0px;
height:150px;
}


.contact input:focus,
.contact textarea:focus{
background-color:#FEEEEE;}



/* ragio-btn */
.item_c{ margin-top: -2px;}

.conttxt{
font-size:10px;
letter-spacing:1px;
padding-left: 10px;
}
.error_mail{
padding-bottom: 20px;
color: #CC0000;
}
.mess_button{
margin-top: 20px;
text-align:center;
}
.cont-txt02{
font-weight: normal;
}

.txt01{
line-height:180%;
}

.tnk_txt{
text-align:center;
line-height:180%;
font-size:14px;
}


@media screen and (max-width:768px) {


.from-50 {width: 50px;margin: 5px 0px 5px 0px;}
.from-70 {width: 70px;margin: 5px 0px 5px 0px;}
.from-100 {width: 100px;margin: 5px 0px 5px 0px;}
.from-150 { width: 150px;margin: 5px 0px 5px 0px;}
.from-200 { width: 200px; margin: 5px 0px 5px 0px;}
.from-250 {width: 250px;margin: 5px 0px 5px 0px;}
.from-300 {width: 90%;margin: 5px 0px 5px 0px;}
.from-350 {width: 90%;margin: 5px 0px 5px 0px;}
.from-400 {width: 90%;margin: 5px 0px 5px 0px;}

}


/*//////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////*/

.lower_contact{
border:1px solid #c6c6c6;
padding:10px 0;
clear:both;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f0ebca+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,235,202,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,235,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(240,235,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0ebca',GradientType=0 ); /* IE6-9 */
}

.lower_contact_box{
width:50%;
float:left;
padding:0 15px;
box-sizing:border-box;
}
.lower_contact_box:nth-child(1){
border-right:1px solid #fff;
}
.lower_contact_box:nth-child(2){
border-left:1px solid #bab9b5;
}

.lower_contact_title{
padding:10px 0px;
text-align:center;
font-size:18px;
color:#fff;
text-shadow:1px 1px 1px rgba(0,0,0,0.4);
border-radius:100px;
margin-bottom:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6120e+0,a60703+100 */
background: rgb(198,18,14); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(198,18,14,1) 0%, rgba(166,7,3,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(198,18,14,1) 0%,rgba(166,7,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(198,18,14,1) 0%,rgba(166,7,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6120e', endColorstr='#a60703',GradientType=0 ); /* IE6-9 */
}



.lower_contact_tel{
list-style:none;
display:table;
margin-left:auto;
margin-right:auto;
}
.lower_contact_tel li{
display:table-row;
}
.lower_contact_tel_title{
display:table-cell;
font-size:16px;
font-weight:bold;
padding-right:10px;
}
.lower_contact_tel_number{
display:table-cell;
color:#f61501;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:36px;
line-height:1;
padding-top:10px;
}


.lower_contact_tel_time{
text-align:center;
font-weight:bold;
font-size:14px;
}


.lower_contact_mail{
text-align:center;
padding-top:22px;
padding-bottom:30px;
}

.lower_contact_mail a:hover img{
opacity:0.8;
}



@media screen and (max-width:768px) {

  .lower_contact{
  border:1px solid #c6c6c6;
  padding:10px 0;
  clear:both;
  }
  
  .lower_contact_box{
  width:auto;
  float:none;
  padding:0 3%;
  box-sizing:border-box;
  }
  .lower_contact_box:nth-child(1){
  border:none;
  }
  .lower_contact_box:nth-child(2){
  border:none;
  }
  
  .lower_contact_title{
  padding:6px 0px;
  text-align:center;
  font-size:15px;
  color:#fff;
  text-shadow:1px 1px 1px rgba(0,0,0,0.4);
  margin-bottom:10px;
  }
  
  
  
  .lower_contact_tel{
  list-style:none;
	display:block;
  }
  .lower_contact_tel li{
  float:left;
  width:50%;
  padding-bottom:10px;
	display:block;
  }
  .lower_contact_tel_title{
  font-size:11px;
  font-weight:bold;
	display:block;
  }
  .lower_contact_tel_number{
  color:#f61501;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:20px;
  line-height:1;
  display:block;
  padding-top:0;
  }
  .lower_contact_tel_number a{
  color:#f61501;
  }
  
  
  .lower_contact_tel_time{
  text-align:center;
  font-weight:bold;
  font-size:14px;
  padding-bottom:20px;
  }
  
  
  .lower_contact_mail{
  text-align:center;
  padding-top:8px;
  padding-bottom:8px;
  }

}





.mobile_container{
width:260px;
background-color:#b01d18;
position:fixed;
top:0;
right:-260px;
color:#fff;
z-index:9998;
	transition:all 0.2s ease;
}

.is-accordion-open::after{
content:"";
display:block;
width:100%;
height:100vh;
background-color:rgba(0,0,0,0.8);
position:fixed;
left:0;
top:0;
z-index:999;
}

.is-accordion-open .mobile_container{
right:-0px;
z-index:9999;
}


.mobile_menu{
list-style:none;
}
.mobile_menu li{
}
.mobile_menu li a{
display:block;
padding:10px 5%;
color:#fff;
text-decoration:none;
border-bottom:1px solid rgba(255,255,255,0.4);
text-align:left;
}



.mobile_tel{
list-style:none;
text-align:left;
padding:10px 5% 0 5%;
}
.mobile_tel li{
float:left;
width:50%;
padding-bottom:10px;
}
.mobile_tel_title{
font-size:11px;
font-weight:bold;
color:rgba(255,255,255,0.7);
}
.mobile_tel_number{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
line-height:1;
}
.mobile_tel_number a{
color:#fff;
}

.mobile_tel_time{
padding-bottom:15px;
}

.accordion-trigger{
position:absolute;
left:-52px;
top:10px;
width:42px;
padding:8px 0;
z-index:99998;
cursor:pointer;
background:#b01d18;
display:inline-block;
}

.btn-accordion,
.btn-accordion span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.btn-accordion {
position: relative;
width: 30px;
height: 24px;
}
.btn-accordion span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #fff;
}

.btn-accordion span:nth-of-type(1) {
top: 0;
}
.btn-accordion span:nth-of-type(2) {
top: 10px;
}
.btn-accordion span:nth-of-type(3) {
bottom: 0;
}







@media screen and (max-width:768px) {

	.page-title{
  overflow:hidden;
  }
  .page-title img{
  max-width:800px; 
  width:600px;
  height:auto;
  padding-bottom:10px;
  }

}




.flow-table{
}

.flow-table th{
}

.flow-table td{
}
.flow-table td img{
float:left;
background:none;
padding-right:7px;
}


@media screen and (max-width:768px) {


  .flow-table,
  .flow-table tr,
  .flow-table tbody,
  .flow-table th,
  .flow-table td{
  display:block;
  width:100%;
  }
  
  .flow-table th{
  }
  .flow-table th img{
  display:block;
  margin:10px auto;
  width:70%;
  max-width:184px;
  }
  
  .flow-table td{
  }
  .flow-table td img{
  width:90px;
  padding:0 0 5px 10px;
  float:right;
  }



  .staff-table{
  }
  .staff-table th{
  width:23%;
  vertical-align:top;
  }

  .photo-table{
  }
  .photo-table td{
  width:50%;
  vertical-align:top;
  }


  .inbox iframe{
  width:100%;
  height:200px;
  }


}




/********************************************************************************************
ステータス
********************************************************************************************/

.is-hide{
display:none;
}

.is-pc-hide{
display:none;
}

.is-tablet-hide{
display:none;
}

.is-open{
display:block !important;
opacity:1 !important;
top:0px;
}

@media screen and (max-width:768px) {

  .is-pc-hide{
  display:block;
  }
  
  .is-sp-hide{
  display:none;
  }

}



