@charset "utf-8";

/*---------------↓レスポンシブ↓------------------*/
body { margin: 0; padding: 0; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
.header_boxR {
  width: 1000px;
  /*margin-top: -60px;*/
  text-align: right;
  vertical-align: bottom;
  margin: 0 auto;
}
h1 {
    color: #594300;
    font-size: 18px;
    font-weight: 100;
    margin: 5px 10px;
}
h3{font-size:2em;margin-top: 2em;}
p,ul {margin: 0; list-style-type: none;}
a {text-decoration: none;}
.flt{float: left;}
/*クリアフィックス start*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*クリアフィックス end*/
/*汎用class*/


/**** style ****/
.mgn_all_0{ margin:0px;}
.mgn_b_10{ margin-bottom:10px;}
.mgn_b_15{ margin-bottom:15px;}
.mgn_b_20{ margin-bottom:20px;}
.mgn_b_30{ margin-bottom:30px;}
.mgn_b_50{ margin-bottom:50px;}
.mgn_b_70{ margin-bottom:70px;}
.mgn_b_100{ margin-bottom:100px;}
.mgn_t_5{ margin-top:5px;}
.mgn_t_10{ margin-top:10px;}
.mgn_t_20{ margin-top:20px;}
.mgn_t_30{ margin-top:30px;}
.mgn_t_50{ margin-top:50px;}
.mgn_t_70{ margin-top:70px;}
.pdg_b_30{ padding-bottom:30px;}
.pdg_b_50{ padding-bottom:50px;}

.textC {
  text-align: center;
}

.container {
    width: 1024px;
    margin: 0 auto;
}


.img_cent{ margin:0 auto; text-align: center;}
.pcimg_cet{ margin:0 auto; text-align: center; width: 100%; max-width:800px;}
.pcimg_cet2{ margin:0 auto; text-align: center; width: 100%; max-width:1000px;}
.pcimg_cet3{ margin:0 auto; text-align: center; width: 100%; max-width:700px;}
.sp-only {display:none;}
.pc-only {display:block;}
.top-pcimg{
  background-size:cover;
  background-image:url(images/bk_top_pc.webp);
  background-repeat: no-repeat;
  text-align: center;
}

.top-pcimg img{
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.acua_back{
/*    background-color: #ecf0f7;*/
    background-color: #dbf0fc;
    padding: 20px 0px 20px 0px;
}
.yellow_back{
  /*    background-color: #ecf0f7;*/
      background-color: #E4E0D0;
      padding: 20px 0px 20px 0px;
  }

.blueback1{
    background-color: #004275;*/
    background-color: #003379;
/*    padding: 20px 0px 20px 0px;*/
}
.blueback2{
/*    background-color: #004275;*/
    background-color: #003379;
    padding: 20px 0px 20px 0px;
}

.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin-top: 42px;color: #c37501;font-size: 5em;}
/*各店舗のCSS*/
#wrap{text-align: center;margin: 0 auto;}
/*スマホ*/
p {
  margin: 0;
  padding: 0;
  line-height: 1.4;
  color: #333;
  font-size:100%;
}
h2{font-size: 40px;color: #343434;text-align: center;}

table {
  border-collapse: collapse;
  position: relative;
  margin-top: 20px;
  text-align: center;
}

table.formTable tr th {
  background-color: #f6ddcf;
  width: 10%;
  border: 1px solid #666;
  padding-right: 20px;
  text-indent: 11px;
  font-size: 28px;
  line-height: 2;
}
table.formTable tr th:nth-child(7) {
    padding-right:0;
    padding-left:0;
    font-size: 26px;
    text-indent: 2px;
}
table.formTable th:nth-child(1){
    width: 25%;
    font-size: 28px;
    background: #f6ddcf;
}

table.formTable th:last-child{
    vertical-align: inherit;
    width: 10%;
}

table.formTable td {
  border: 1px solid #666;
  line-height: 1.5;
}
ul#difference{
text-align: left;
    font-size: 18px;
    line-height: 2;
    background: #fff;
    border: 1px solid #ccc;
    margin: 10px 3%;
    padding: 20px;
}
ul#difference li{
border-bottom: 4px dotted #ccc;
}

/*contet*/
.content{width: 1000px;margin: 0 auto;}
.content img{text-align: center!important;}
.content,.content2,.content3,.content4,.content5{line-height: 0;text-align: center;}
.center{display: block;margin: 0 auto;}
/*バナー*/
.bn{background: url(images/btn01_bg.png) repeat-x;height: 238px;position: relative;width: 100%;}
.bn img{
   /* display: inline-block;
    margin: 48px 22%;*/
}
.bn a{
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-top: 50px;
}

.content3 p{
    font-size: 20px;
    margin-left: 50px;
}
.content3 .com_tbl{
    background: #fff;
    width: 60%;
    border-top: 1px solid #b9b8b2;
    border-left: 1px solid #b9b8b2;
    border-right: 1px solid #b9b8b2;
    margin: 0 auto;
}
.content3 tr{
    line-height: 1.5;
      font-size: 24px;
    text-align: left;
}
.content3 .com_tbl th{
    font-weight: bold;
    background: #d7e4ef;
    border-bottom: 1px solid #b9b8b2;
    border-right: 1px solid #b9b8b2;
    padding: 10px 20px;
    font-size: 24px;
    width: 20%;
}
.content3 .com_tbl td{ border-bottom:1px solid #b9b8b2; padding:10px 20px;}

/*content*/
.content2{
    background: #fefbd7;
    text-align: center;
}
.content4{text-align: center;background: #d7e4ef;padding-top: 30px;padding-bottom: 30px;}
.content5{text-align: center;background:#0052a8;margin-bottom: 35px;}

/*フッター*/
footer p {
  font-weight: bold;
    background-color: rgb(0, 66, 117);
    color: #ffffff;
    text-align: center;
    width: 100%;
    font-size: 12px;
}
/***お問合せ***********/

#fom{
    line-height: 2.6;
    text-align: left;
   font-size: 24px;
    width: 58%;
    margin: 0 auto;
    border: 3px solid #0f4a90;
    padding: 20px;
    margin-bottom: 250px;
    margin-top: 45px;
    /*box-shadow: 8px 8px 10px rgba(0,0,0,0.2);*/
    /*background:url('images/form_bg.png');*/
}
#fom p　{
    margin-top: 10px;
    text-align: left;
    padding-left: 20px;
}
#fom dl{background: #fff;}
#fom dt{font-weight: bold;font-size: 21px;}
#fom p:first-child{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    background:#0f4a90;
    color: #fff;
}

#fom span{
    background: #f00;
    color: #fff;
    padding: 4px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
    vertical-align: middle;
}
#fom span.any{background: #666;}

input{
  width: 80%;
    padding: 10px 0;
     height: 14px;
    font-size: 24px;
    text-indent: 28px;}
input[type="radio"]{
      width: 40px;
    height: 40px;
    vertical-align: middle;
    display: inline;
}
input#comment{height: 160px;}
.trans{
  height: 3em;
  color: #FFF;
  font-weight: bold;
  display: block;
  width: 85%;
  margin:0 auto;
  cursor: pointer;
  background-color: #0f4a90;
  /* background-image: -webkit-gradient(linear, left top, left bottom, from(#62B6DA), to(#4F7EB3)); */
  /* background-image: -webkit-linear-gradient(top, #62B6DA, #4F7EB3); */
/*   background-image: -moz-linear-gradient(top, #62B6DA, #4F7EB3);
  background-image: -ms-linear-gradient(top, #62B6DA, #4F7EB3);
  background-image: -o-linear-gradient(top, #62B6DA, #4F7EB3); */
  /* background-image: linear-gradient(to bottom, #62B6DA, #4F7EB3);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#62B6DA, endColorstr=#4F7EB3);*/
  border: 1px solid;
  display:block;
}
.trans:hover{
   background-color: #39a3d0;/* background-image: -webkit-gradient(linear, left top, left bottom, from(#39a3d0), to(#3e6591));
 background-image: -webkit-linear-gradient(top, #39a3d0, #3e6591);
 background-image: -moz-linear-gradient(top, #39a3d0, #3e6591); */
}
th:nth-last-of-type(1){vertical-align: top;}
tr:nth-last-of-type(1) th{line-height: 1.5;}
#reply{font-size: 40px;padding: 23px 0;}
#inquiry{
    margin-top: 20px;
    font-size: 28px;
    padding: 20px;
    width: 80%;
    margin-left: 63px;
    margin-bottom: 20px;
}
#renraku{
    font-size: 24px;
    text-align: center;
    line-height: 2;
    /* margin-top: 35px; */
    margin-bottom: 20px;
}
#renraku+p{
    font-size: 23px;
    width: 100%;
    color: #000;
    padding: 0;
    border-radius: initial;
    margin: 0;
    text-align: left!important;
}
select{
    width: 90%;
    font-size: 24px;
    margin: 0 auto;
    height: 35px;
    padding-left: 10px;
}
option{font-size: 16px;}

/***フッターTELボタン資料請求***********/
.fixed_finger{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  border-top: 1px solid #0f4a90;
}
.fixed_finger .left{
  float: left;
  width: 50%;
  box-sizing:border-box;
  position: relative;
  margin-left: -10px;
}
.fixed_finger .right{
  box-sizing:border-box;
  float: right;
  width: 50%;
}

.fixed_finger .left a {
    padding-left:0.6em;
    font-size:1.1em;
    padding-top:0.6em;
}
.fixed_finger .left a span{
    margin-left:-3.8em!important;
    margin-top:1em;
    font-size:0.54em;
}
.fixed_finger .sp .tel_area:before {
    top: 0.5em!important;
}


/*フォームのエラーのデザイン*/
.error{
    color: red;
    margin-top: 3px;
    display: block;
    text-align: left;
    /* margin-left: 63px; */
    line-height: 1.5;
    margin-left: 0;
}

.post_number{position: relative;padding-top: 20px;top: 0;height: 70px;}
.ht0 {height: 0!important;}
#zip{position: absolute;
    top: 24px;
    left: 50px;
}
#zip-error{
    position: absolute;
    top: 23px;
   left: 280px;
}
#add{
    position: absolute;
    top: -30px;
    left: 50px;
}
/*#add-error{
    position: absolute;
    top: 120px;
    left: 150px;
}*/

.serchArea {
  background: url(images/3.png) no-repeat;
  -webkit-background-size: 100%;
       -o-background-size: 100%;
          background-size: 100%;
  height: 343px;
}

.beforeAfter img:first-child{
  margin-bottom: 30px;
}


.traffic  {
  background: url(images/24.jpg) no-repeat;
  width: 860px;
  height: 363px;
  -webkit-background-size: 100%;
       -o-background-size: 100%;
          background-size: 100%;
}

.trafficeBtn a {
  background: url(images/detail_off.png) no-repeat;
  display: block;
  position: relative;
  top: 228px;
  left: 11px;
  width: 562px;
  height: 80px;
}


dd{
    background: #fff;
    padding: 10px;
    /*color: #613000;*/
    font-size: 25px;
    width: 93%;
    margin: 0 auto;
}

#time_table td img {
  vertical-align: middle;
 margin-left: 26px;
}


.fontBold{
    font-weight: bold;
}


footer h2 {
  overflow: hidden;
  margin-bottom: 0;
}

h2 > img {
  position: relative;
  left: 28px;
  top: 2px;
  width: 40%;
}

footer h3 {
  background-color: #590000;
  color: #fff;
  padding-left: 10px;
  font-size: 30px;
  margin: 0;
}



/*2013/12/07  */
.mapBtn {
 padding: 5px;
    width: 90%;
    height:100px;
   font-size: 35px;
    background-color: #0060FF;
    border-radius: 7px;
    color: #fff;
}
.detailBtn {
  padding: 5px;
  width: 90%;
  height: 100px;
 font-size: 35px;
  background-color: #FF8135;
  border-radius: 7px;
  color: #fff;
}

/*2013/12/07  */

/*アコーディオンメニュー　end*/
/*各詳細ページのスタイルシート*/
.inname {
  float: left;
  width: 340px;
  display: block;
  border-bottom: none;
}

.inname ul li img {
  vertical-align: middle;

}

.inname ul li a {
  padding-left: 5px;
}

.iconList {
  float: left;
  width: 250px;
  display: block;
  border-bottom: none;
}

ul {
  margin: 0;
  padding: 5px 10px;
    line-height: 3;
    font-size: 35px;
    text-indent: 35px;
}
ul li {
  border-bottom: none;
}

.infoArea {
  border:4px solid #dcdcdc;
}
.infoArea img{display: block;}
.eigyoTime {
  font-weight: nomal;
  font-size: 14px;
  background-color: #32CD32;
}
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}
#page-top a {
  background: #EA5514;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  width: 100px;
  padding: 30px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}
#page-top a:hover {
  text-decoration: none;
  background: #999;
}
/*thanksページ*/
#thanks_box{
    font-size: 30px;
    padding: 100px;
}
#thanks_box a{
    display: block;
    text-align: center;
    border: 3px solid #1727ef;
    width: 50%;
    margin: 50px auto 0 auto;
}
  .waku01{width: 100%;margin: 0 auto;}
  .content3 .com_tbl{
    background: #fff;
    width: 100%;
    border-top: 1px solid #b9b8b2;
    border-left: 1px solid #b9b8b2;
    border-right: 1px solid #b9b8b2;
    margin: 0 auto;
}
.content3 tr{
    line-height: 1.5;
      font-size: 24px;
    text-align: left;
}
.content3 .com_tbl th{
    font-weight: bold;
    background: #d7e4ef;
    border-bottom: 1px solid #b9b8b2;
    border-right: 1px solid #b9b8b2;
    padding: 10px 20px;
    font-size: 24px;
    width: 20%;
}
.content3 .com_tbl td{ border-bottom:1px solid #b9b8b2; padding:10px 20px;}
#fom{
    line-height: 2.4;
    text-align: left;
   font-size: 24px;
    width: 960px;
    margin: 0 auto;
    border: 3px solid #0f4a90;
    padding: 20px;
    margin-bottom: 25px;
    margin-top: 45px;
    /*box-shadow: 8px 8px 10px rgba(0,0,0,0.2);*/
    /*background:url('images/form_bg.png');*/
}
#fom p{
  margin-top: 10px;
  text-align: center;
  padding-left: 20px;
}
#fom dl{background: #fff;}
#fom dt{font-weight: bold;font-size: 21px;}
#fom p:first-child{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    background: #fff;
    color: #0f4a90;
    padding-left: 20px;
    padding-bottom: 15px;
    border-bottom: #0f4a90 solid;
    margin-bottom: 30px;
}

#fom span{
    background: #f00;
    color: #fff;
    padding: 4px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    vertical-align: middle;
}
#fom span.any{background: #666;}

input{
  width: 90%;
    padding: 10px 0;
     height: 14px;
    font-size: 24px;
    text-indent: 28px;}
input[type="radio"]{
      width: 40px;
    height: 40px;
    vertical-align: middle;
    display: inline;
}
input#comment{height: 160px;}
.sp{display:none;}
.red{color:red!important;}
/*フォームデザイン変更20180202*/
/* ▼IE10・IE11用 */
:-ms-input-placeholder {
   color: #cccccc;
}

/* ▼Chrome・Safari・Opera用(※Edgeにも使える) */
::-webkit-input-placeholder {
   color: #cccccc;
}

/* ▼Firefox18以前用 */
:-moz-placeholder {
   color: #cccccc;
}
/* ▼Firefox19以上用 */
::-moz-placeholder {
   color: #cccccc; opacity: 1;
}

/* ▼CSS標準(予定)の記述 */
:placeholder-shown {
   color: #cccccc;
}
/*フォームデザイン変更20180202_end*/

/* ▼電話番号テキスト修正 */
.tel_area {
  display: inline-block;
  width: 210px;
  background-color: #1EB648;
  text-align: center;
  font-size: 20px;
  border-radius: 2px;
  height: 44px;
  vertical-align: top;
  border: 1px solid #fff;
  color: #fff;
  font-weight: bold;
}
.tel_area:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(images/icon_free.png) no-repeat left 4px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 3px;
}
.fixed_finger .sp .tel_area:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(images/icon_free.png) no-repeat left 4px;
  background-size: contain;
  position: absolute;
  left: 10px;
  top: 1em;
}
.tel_area span {
  text-align: center;
  font-size: 0.6em;
  line-height: 0;
  display: block;
  font-weight: normal;
}
.inrTel > .tel_area {
  width: 415px;
  height: 85px;
  border-radius: 6px;
  font-size: 35px;
  padding-top: 5px;
}
.inrTel > .tel_area span {
  line-height: 1.2;
}
.inrTel > .tel_area:hover { opacity: 0.8; }
.inrTel > .tel_area:before {
  width: 35px;
  height: 35px;
}
.tel_area.spVer {
  width: auto;
  height: auto;
  font-size: 18px;
  padding: 0.5em 0 0;
  border: none;
  line-height: 1.2;
  text-align: left;
  margin-left: 25px;
}
.fixed_finger {
  background-color: #1eb648;
}
#main_sp .inrTel {
  float: none;
  width: 94%;
}
#main_sp .inrTel > .tel_area {
  width: 100%;
  height: auto;
  font-size: 25px;
  padding: 2px 0;
}
#main_sp .inrTel > .tel_area span {
  line-height: 1;
}
.fixed_finger img {
    width: 100%;
    height: 58px;
    overflow: hidden;
}

.d_request_container {
    display: flex;
    flex-wrap: nowrap;
    width: 800px;
    background-color: #003379;
    margin: 0 auto;
}
.d_request_item1 {
    width: calc(100% / 2);
    padding: 20px 10px;
    text-align: center;
}
.d_request_item2 {
    width: calc(100% / 2);
    padding: 20px 10px;
    text-align: center;
}

.money{
  display: blodk;
  background-color: #f9f2d6;
  padding: 30px 10px 30px 10px;
}
.money_title,.money_title_2 {
  font-size: 30px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 20px;
  color: #605241;
}
.money_contents,.money_contents_2 {
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 20px;
  color: #605241;
}

.info_container800 {
    width: 800px;
    margin: 0 auto;
}

.info_container700 {
    width: 700px;
    margin: 0 auto;
}

@media screen and (min-width:320px) and ( max-width:768px) {
.d_request_container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #003379;
    padding: 20px 0px 20px 0px;
}
.d_request_item {
    width: 100%;
    padding: 5px 20px;
    text-align: center;
}

.money{
  display: blodk;
  background-color: #f9f2d6;
  padding: 30px 10px 30px 10px;
}
.money_title,.money_title_2 {
  font-size: 20px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 20px;
  color: #605241;
}
.money_contents,.money_contents_2 {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.info_container800 {
    width: 100%;
    margin: 0 auto;
}

.info_container700 {
    width: 100%;
    margin: 0 auto;
}

@media screen and (min-width:320px) and ( max-width:768px) {
body { margin: 0; padding: 0; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
h1 {
    color: #594300;
    font-size: 18px;
    font-weight: 100;
    margin: 5px 10px;
}
input[type="number"] {
height: 30px!important;
}
.post_number{position: relative;padding-top: 20px;top: 0;height: 50px!important;}
.ht0 {height: 50px!important;}
p,ul {margin: 0; list-style-type: none;}
a {text-decoration: none;}
/*クリアフィックス start*/
body {
  -webkit-text-size-adjust: 100%;
  text-align: center;
}
.clearfix:after {
  display:blockF;
  clear:both;
  height:0px;
  visibility:hidden;
  content:".";
}

img {
  /*width: 100%;*/
  height:auto;
  vertical-align: bottom;
}
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*クリアフィックス end*/
/*汎用class*/

h3{margin-top: 1em;font-size: 1em;}
.textC {
  text-align: center;
}
.textI20{text-indent: 20px;}
.beige{color: #8d1e23;}
.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin-top: 42px;color: #c37501;font-size: 5em;}
/*各店舗のCSS*/
#wrap{text-align: center;}
/*スマホ*/
p {
  margin: 0;
  padding: 0;
  line-height: 1.4;
  color: #333;
  font-size:14px;
}
h2{font-size: 40px;color: #343434;text-align: center;}

table {
  border-collapse: collapse;
  position: relative;
  margin-top: 20px;
  text-align: center;
}

table.formTable tr th {
  background-color: #f6ddcf;
  width: 10%;
  border: 1px solid #666;
  padding-right: 20px;
  text-indent: 11px;
  font-size: 28px;
  line-height: 2;
}
table.formTable tr th:nth-child(7) {
    padding-right:0;
    padding-left:0;
    font-size: 26px;
    text-indent: 2px;
}
table.formTable th:nth-child(1){
    width: 25%;
    font-size: 28px;
    background: #f6ddcf;
}

table.formTable th:last-child{
    vertical-align: inherit;
    width: 10%;
}

table.formTable td {
  border: 1px solid #666;
  line-height: 1.5;
}

/*contet*/
.content{width: 100%;margin: 0 auto;}
.content,.content2,.content3,.content4,.content5{line-height: 0;text-align: center;width: 100%;overflow: hidden;}
.content img,.content2 img,.content3 img,.content4 img,.content5 img{text-align: center;width: 100%!important;}
.center{display: block;margin: 0 auto;}
/*バナー*/
.bn{background: url(images/btn01_bg.png) repeat-x;height: auto;position: relative;width: auto;}
.bn img{
   /* display: inline-block;
    margin: 48px 22%;*/
    width: 90%;
}
.bn a{
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 1em;
}


/*company(content3)*/
.content3{
   /* border: #0f4a90 solid 1px;
    padding: 20px;
       margin: 40px 20px;*/
      padding: 1em;
      margin-top: 0;
      width: 92%;
}
.content3 p{
    font-size: 16px;
    margin-left: 0;
    text-align: left;

}
.content3 .com_tbl{
    background: #fff;
    width: 100%;
    border-top: 1px solid #b9b8b2;
    border-left: 1px solid #b9b8b2;
    border-right: 1px solid #b9b8b2;
    margin: 0 auto;
}
.content3 tr{
    line-height: 1.5;
      font-size: 14px;
    text-align: left;
}
.content3 .com_tbl th{
    font-weight: bold;
    background: #d7e4ef;
    border-bottom: 1px solid #b9b8b2;
    border-right: 1px solid #b9b8b2;
    padding: 10px 20px;
    font-size: 1em;
    width: 29%;
}
.content3 .com_tbl td{ border-bottom:1px solid #b9b8b2; padding:10px 20px;}

/*content*/
.content2{
    background: #fefbd7;
    text-align: center;
}
.content4{text-align: center;background: #d7e4ef;padding-top: 30px;padding-bottom: 30px;}
ul#difference{
text-align: left;
    font-size: 18px;
    line-height: 2;
    background: #fff;
    border: 1px solid #ccc;
    margin: 10px 3%;
    padding: 20px;
}
ul#difference li{
border-bottom: 4px dotted #ccc;
}
.content5{text-align: center;background:#0052a8;margin-bottom: 35px;}
}

/*フッター*/
footer p {
  font-weight: bold;
    background-color: rgb(0, 66, 117);
    color: #ffffff;
    text-align: center;
    width: 100%;
    font-size: 12px;
}
/***お問合せ***********/
#fom{
    line-height: 2;
    text-align: left;
   font-size: 18px;
    width: 93%;
    margin: 0 auto;
    border: 2px solid #0f4a90;
    padding: 0.3em;
    margin-bottom: 25px;
    margin-top: 45px;
    /*box-shadow: none;
    background:url('images/form_bg.png');*/
}
#fom dl{background: #fff;padding: 0.5em; margin-top: 0;}
#fom dt{font-weight: bold;font-size: 13px;margin-top:1.5em;}
#fom dd{padding:0;}
#fom p:first-child{
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    color: #0f4a90;
}

#fom span{
    background: #f00;
    color: #fff;
    padding: 3px;
    margin-left: 0px;
    margin-right: 10px;
    font-size: 10px;
    vertical-align: middle;
}
#fom span.any{background: #666;}

input{
  width: 100%;
    padding: 10px 0;
     height: 10px;
    font-size: 16px;
    text-indent: 5px;}
input[type=text] {
  font-size: 16px;
}
input[type="radio"]{
      width: 40px;
    height: 40px;
    vertical-align: middle;
    display: inline;
}
input#comment{height: 160px;}
.trans{
  height: 3em;
  color: #FFF;
  font-weight: bold;
  display: block;
  width: 85%;
  margin:0 auto;
  cursor: pointer;
  background-color: #52bdeb;
  /* background-image: -webkit-gradient(linear, left top, left bottom, from(#62B6DA), to(#4F7EB3)); */
  /* background-image: -webkit-linear-gradient(top, #62B6DA, #4F7EB3); */
/*   background-image: -moz-linear-gradient(top, #62B6DA, #4F7EB3);
  background-image: -ms-linear-gradient(top, #62B6DA, #4F7EB3);
  background-image: -o-linear-gradient(top, #62B6DA, #4F7EB3); */
  /* background-image: linear-gradient(to bottom, #62B6DA, #4F7EB3);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#62B6DA, endColorstr=#4F7EB3);*/
  border: 1px solid;
  display:block;
}
.trans:hover{
   background-color: #39a3d0;/* background-image: -webkit-gradient(linear, left top, left bottom, from(#39a3d0), to(#3e6591));
 background-image: -webkit-linear-gradient(top, #39a3d0, #3e6591);
 background-image: -moz-linear-gradient(top, #39a3d0, #3e6591); */
}
th:nth-last-of-type(1){vertical-align: top;}
tr:nth-last-of-type(1) th{line-height: 1.5;}
#reply{font-size: 40px;padding: 23px 0;}
#inquiry{
    margin-top: 20px;
    font-size: 28px;
    padding: 20px;
    width: 80%;
    margin-left: 63px;
    margin-bottom: 20px;
}
#renraku{
    font-size: initial;
    text-align: center;
    line-height: 2;
    margin-top: 35px;
}
#renraku+p{
    font-size: 23px;
    width: 100%;
    color: #000;
    padding: 0;
    border-radius: initial;
    margin: 0;
    text-align: left!important;
}
select{
    width: 80%;
    font-size: 16px;
    margin: 0 auto;
    padding-left: 0;
    height: 30px;
}
option{font-size: 16px;}

/*フォームのエラーのデザイン*/
.error{
    color: red;
    margin-top: 3px;
    display: block;
    text-align: left;
    /* margin-left: 63px; */
    line-height: 1.5;
    margin-left: 0;
}

.post_number{position: relative;}
#zip{position: absolute;
    top: 4px;
    left: 30px;
}
#zip-error{
    position: absolute;
    top: 53px;
    left: 400px;
}
#add{
    position:static;
}
#add-error{
    position: absolute;
    top: 30px;
}
/*////////////////////////////////////////////////////////////////////////*/

.serchArea {
  background: url(images/3.png) no-repeat;
  -webkit-background-size: 100%;
       -o-background-size: 100%;
          background-size: 100%;
  height: 343px;
}

.beforeAfter img:first-child{
  margin-bottom: 30px;
}


.traffic  {
  background: url(images/24.jpg) no-repeat;
  width: 860px;
  height: 363px;
  -webkit-background-size: 100%;
       -o-background-size: 100%;
          background-size: 100%;
}

.trafficeBtn a {
  background: url(images/detail_off.png) no-repeat;
  display: block;
  position: relative;
  top: 228px;
  left: 11px;
  width: 562px;
  height: 80px;
}


dd{
    /*color: #613000;*/
    font-size: 18px;
    width: 93%;
    margin: 0 auto;
}

#time_table td img {
  vertical-align: middle;
 margin-left: 26px;
}


.fontBold{
    font-weight: bold;
}


footer h2 {
  overflow: hidden;
  margin-bottom: 0;
}

h2 > img {
  position: relative;
  left: 28px;
  top: 2px;
  width: 40%;
}

footer h3 {
  background-color: #590000;
  color: #fff;
  padding-left: 10px;
  font-size: 30px;
  margin: 0;
}


/*2013/12/07  */
.mapBtn {
 padding: 5px;
    width: 90%;
    height:100px;
   font-size: 35px;
    background-color: #0060FF;
    border-radius: 7px;
    color: #fff;
}
.detailBtn {
  padding: 5px;
  width: 90%;
  height: 100px;
 font-size: 35px;
  background-color: #FF8135;
  border-radius: 7px;
  color: #fff;
}
/*2013/12/07  */


/*アコーディオンメニュー　end*/
/*各詳細ページのスタイルシート*/
.inname {
  float: left;
  width: 340px;
  display: block;
  border-bottom: none;
}

.inname ul li img {
  vertical-align: middle;

}

.inname ul li a {
  padding-left: 5px;
}

.iconList {
  float: left;
  width: 250px;
  display: block;
  border-bottom: none;
}

ul {
  margin: 0;
  padding: 5px 10px;
    line-height: 3;
    font-size: 35px;
    text-indent: 35px;
}
ul li {
  border-bottom: none;
}

.infoArea {
  border:4px solid #dcdcdc;
}
.infoArea img{display: block;}
.eigyoTime {
  font-weight: nomal;
  font-size: 14px;
  background-color: #32CD32;
}
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}
#page-top a {
  background: #EA5514;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  width: 100px;
  padding: 30px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}
#page-top a:hover {
  text-decoration: none;
  background: #999;
}
/*thanksページ*/
#thanks_box{
    font-size: 30px;
    padding: 100px;
}
#thanks_box a{
    display: block;
    text-align: center;
    border: 3px solid #1727ef;
    width: 50%;
    margin: 50px auto 0 auto;
}

.waku01{width: 100%;margin: 0 auto;}

.sp {display:block;}
.pc {display:none;}
.catch{margin-top: 1em;}
.catch img{width: 100%;}
.slideArea_innear{width: 100%!important;}
#slideArea ul li{width: 94%!important;margin:0.2em 0!important;}
#slideArea ul li a{margin-bottom:1em;}

}
.header_box{width: 100%!important;}
/*@media screen and (min-width:320px) and ( max-width:768px)　end*/

/*ヘッダー共通pcとスマホ　start*/
.header{
    background-color: #004275;
    position: fixed;
    width: 100%;
    z-index:9999;
/*    padding: 0 0 5px 0;*/
}
.header_box {
    width: 1400px!important;
    margin: 0 auto;
    background-color: #004275;
    vertical-align: bottom;
    line-height: 35px;
    padding: 5px;
    height: 30px;
}
}

.header_boxL {
    width: 20%;
    /* margin-top: -68px;*/
}
.header_boxR {
  width: 100%;
  /*margin-top: -60px;*/
  text-align: right;
  vertical-align: bottom;
}
  #slideArea ul{line-height: 1;text-indent:0;}
  #slideArea ul li{width: 30%;float: left;font-size:0.5em;border: 1px solid #d7e7f5;margin: 0.5em;background-color: #EBF5FB;padding: 0.5em;}
  #slideArea ul li a{display:block;}
  #slideArea ul li a:hover{color:#fff;}
  #slideArea ul li:hover{background-color:#d4dcf3;}
  #slideArea p{line-height: 1;color: #0368B7;font-weight: bold;}
  .slideArea_innear{width: 1160px;margin: 0 auto;}
  .delline{text-decoration: line-through;}
.chuki{color: #000!important;margin:1em 0;line-height: 1.5em!important;}
/*ヘッダー共通pcとスマホ　end*/

/*20180131アイワLP */

#main_pc {
  display: block !important;
  margin: 0 auto;
/*  width: 1000px;*/
  font-size: 0;
  padding-top:50px;
}
#main_sp {
  display: none !important;
 }
.c_pc {
  display: block !important;
  margin: 0 auto;
  width: 1000px;
  font-size: 0;
  padding-top:70px;
}
.c_sp {
  display: none !important;
 }

@media only screen and (max-width: 460px) {
  .sp-only {display:block;}
  .pc-only {display:none;}
  
#main_pc { display: none !important;
}
#main_sp { display: block !important;
  margin: 0;
  width: none !important;
  font-size:0;
}
.c_pc { display: none !important;
}
.c_sp { display: block !important;
  margin: 0;
  width: none !important;
  font-size:0;
}
.header{
    position: unset !important;
}
.header_box {
    width: 100%!important;
    padding: 0;
/*    height: 46px;*/
}
.header_boxL{
  margin: 3px 10px;
}

.d_request_item {
/*    padding: 20px 10px;*/
    text-align: center;
}

.on {
    background: url("images/button_sp_02_on.png") no-repeat !important;
    background-size: contain !important;
}

.on a {
    display: inline-block;
}

.on a:hover {
  background-color: transparent; /* IE6対応 */
}

.on a:hover img {
    visibility: hidden;
}
#fom p:first-child {
    margin-bottom: 15px;
    padding: 0 20px;
}
.header{
    background-color: #004275;
    position: fixed;
    width: 100%;
    z-index: 100;
    padding: 0px 0 15px 0;
}
/* d_request */
.d_request {
  background-image:  url("images/d_request_bg.png")!important;
  background-size: 100%;
}
.d_request p:first-child {
  display: inline-block;
  margin: 14% 0% 0% !important;
  animation: fluffy1 3s ease infinite;
}
.d_request p:nth-child(2n) {
  display: inline-block;
  margin: 3% 0% 3% !important;
}
@keyframes fluffy1 {
  0% { transform:translateX(0) }
  5% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateX(-3px) }
  25% { transform:translateX(0) }
  30% { transform:translateX(-3px) }
  50% { transform:translateX(0) }
  100% { transform:translateX(0) }
}
/* d_request end */
}

.on {
    background: url("images/button_02_on.png") no-repeat;
}

.on a {
    display: inline-block;
}

.on a:hover {
  background-color: transparent; /* IE6対応 */
}

.on a:hover img {
    visibility: hidden;
}
/* d_request */
.d_request {
  background-image:  url("images/d_request_bg.png");
    margin-top:50px;
}
.d_request p:first-child {
  display: inline-block;
  margin: 100px 20px 37px 60px;
}
.d_request p:nth-child(2n) {
  display: inline-block;
  margin: 100px 65px 37px 20px;
  float: right;
}
.d_request p img:hover {
	opacity: 0.8 ;
}
/* d_request end */

@media screen and (min-width: 980px) {
#fom dl{background: #fff;display:  grid;   grid-template-columns: 50% 1fr; }
#fom dt{font-weight: bold;font-size: 21px;grid-column: 1 / 2;}
#fom dd{font-weight: bold;font-size: 21px;grid-column: 2 / 3;}
}
/*20180131アイワLP end*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
  padding: 0;
margin: 0;
height: 34px;
}

@media (max-width: 500px){
    .d_request {
        margin-top:20px;
    }
}

/* 20250424栗林追記ここから */

/* CSS */
/* CTA の青背景部分 */
.cta-section {
  position: relative;
  background-color: #094070;        /* お好みの青に調整 */
  text-align: center;
  padding: 10px 20px 40px;
  /* 下辺を矢印型にする */
  clip-path: polygon(
    0   0,
    100% 0,
    100% 50%,   /* 矢印の高さ調整 */
    50% 100%,   /* 真ん中が一番下 */
    0   50%
  );
  margin-bottom:-200px;
  z-index:5;
}

/* 内側コンテナで横幅制限 */
.cta-inner {
  max-width: 800px;
  margin: 0 auto;
}

/* ① テキスト画像 */
.cta-text {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.cta-btn{
  display: block;
  width:300px;
  margin:0 auto;
}
/* ② ボタン画像 */
.cta-btn img {
  display: inline-block;
  max-width: 300px;  /* お好みで調整 */
  width: 100%;
  height: auto;
}

/* 次セクションは白背景（矢印が白で切れ込みに見える） */
.next-section {
  background-color: #fff;
  padding: 40px 20px;
  /* clip-path をかけた .cta-section の下辺とぴったり合うように、余白やマージンは不要です */
  margin-top: -5px;  /* 微調整でつなぎ目のズレを消してください */
}

/* CSS */
/* ■ 全体の枠：背景色 + ぼかし + 矢印型クリップ */
.panels-section {
  position: relative;
  background-color: #2E67B0;
  /* 左上の水色ぼかし画像 */
  background-image: url('images/bg-bokashi.png');
  background-repeat: no-repeat;
  background-position: 0% 30%;    /* 左端から30%、上端から30% */
  background-size: 1200px auto;     /* 幅最大500px、高さは自動 */
  text-align: center;
  padding: 80px 20px 60px;  /* 上部に余白多め、下部は矢印分を考慮 */

  /* 下端を矢印型にカット */
  clip-path: polygon(
    0% 0%,       /* 左上 */
    100% 0%,     /* 右上 */
    100% 85%,    /* 右下（矢印の左右端） */
    50% 100%,    /* 矢印の先端 */
    0% 85%       /* 左下（矢印の左右端） */
  );
  /* 余分にはみ出た部分を隠す */
  overflow: hidden;
}

/* ■ 中身の横幅制限＆中央寄せ */
.panels-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* ■ １枚画像パネル */
.panels-image {
  display: inline-block;
  width: 100%;
  height: auto;
}

/* セクション全体 */
.services-section {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  /* 上下に余白を取る */
  padding: 80px 0;
}

/* 左上の装飾 */
.services-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;    /* 画像サイズに合わせて調整 */
  height: 400px;   /* 画像サイズに合わせて調整 */
  background: url("images/service_bgL_pc.png") no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}

/* 右下の装飾 */
.services-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 400px;    /* 画像サイズに合わせて調整 */
  height: 400px;   /* 画像サイズに合わせて調整 */
  background: url("images/service_bgR_pc.png") no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}

/* 中身を収める内側コンテナ */
.services-inner {
  position: relative;
  z-index: 1;            /* 装飾の上にのせる */
  max-width: 800px;     /* お好みで */
  margin: 0 auto;
  padding: 0 20px;       /* 横パディング */
  text-align: center;
}

/* １枚画像でまとめたサービスコンテンツ */
.services-content {
  display: inline-block;
  width: 100%;
  height: auto;
}
.qa-section {
  position: relative;
  /* background-color: #fff; */
  overflow: hidden;
  /* 上下に余白を取る */
  padding: 80px 0;
}
.qa-hd{
  max-width:200px;
  width:100%;
  margin-bottom:50px;
}

@media screen and (min-width:460px) and ( max-width:768px) {
  .cta-section {
    position: relative;
    background-color: #094070;        /* お好みの青に調整 */
    text-align: center;
    padding: 50px 20px 80px 20px;
    /* 下辺を矢印型にする */
    clip-path: polygon(
      0   0,
      100% 0,
      100% 75%,   /* 矢印の高さ調整 */
      50% 100%,   /* 真ん中が一番下 */
      0   75%
    );
    margin-bottom:-100px;
    z-index:5;
  }
  .panels-section{
    padding:20px 0px 0px
  }
}

@media only screen and (max-width: 460px) {
  .cta-btn{
    width:250px;
  }

  .cta-section {
    position: relative;
    background-color: #094070;        /* お好みの青に調整 */
    text-align: center;
    padding: 0px 30px 30px 30px;
    /* 下辺を矢印型にする */
    clip-path: polygon(
      0   0,
      100% 0,
      100% 75%,   /* 矢印の高さ調整 */
      50% 100%,   /* 真ん中が一番下 */
      0   75%
    );
    margin-bottom:-100px;
    z-index:5;
  }
  .cta-text {
    display: block;
    max-width: 250px;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
}

.fixed_finger {
  display: none;          /* 初期状態は非表示 */
  /* もし opacity とトランジションで制御したい場合は下記のように */
  /* opacity: 0;
     transition: opacity 0.4s ease-in-out; */
}