@charset "UTF-8";

/* ------------表------------ */

table { 
font-size: 14px;
}
 

/* 2列テーブル */

.t_row02 table {  
  border-collapse: collapse;
  width: 100%;
}
 
.t_row02 th,
.t_row02 td {
  border: 1px solid #edece2;  
  padding: 13px;
  line-height: 1.8em;
}
 
.t_row02 th {
font-weight: normal;
background: #f6f6f6;
}
 
@media only screen and (max-width: 768px) {
.t_row02 th,
.t_row02 td {
display: block;
width: 100%;
 }


.t_row02 tr:first-child {
    border-top: 1px solid #edece2;  
  }

.t_row02 th,
.t_row02 td {
    border-top: none;
  }
}

/* 複数列テーブル */

.t_row03 table {
  border-collapse: collapse;
  width: 100%;
}
 
.t_row03 td {
  border: 1px solid #edece2!important; 
  padding:13px!important; 
  line-height: 1.8em!important; 
}
 
.t_row03 th {
border: 1px solid #fff!important; 
padding:13px!important; 
line-height: 1.8em!important; 
background: #f6f6f6;
font-weight: normal;
text-align: left;
}

/* 複数列テーブルtd中央 */

.t_row03-2 table {
  border-collapse: collapse;
  width: 100%;
}
 
.t_row03-2 td {
 text-align: center; border: 1px solid #edece2!important; 
  padding:13px!important; 
  line-height: 1.8em!important; 
}
 
.t_row03-2 th {
border: 1px solid #fff!important; 
padding:13px!important; 
line-height: 1.8em!important; 
background: #f6f6f6;
font-weight: normal;
text-align: left;
}



/* bootstrapリセット(レスポンシブテーブル用） */
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    vertical-align: middle;
    padding: 0px;
    line-height: 0;
    border: none;
}

.table-responsive {
border: none;
}

/*テーブルがスマホサイズになったときに、スクロールアイコンを表示する*/

/*===================================*/
/*768px以上
/*===================================*/
@media (min-width: 768px) {
.table_scroll {
display:none;
}
}

/*==================================*/
/*☆768px以下
/*==================================*/
@media (max-width: 767px) {
.table_scroll {
float: right;
}
}




/* ------------バス　ローカルナビ------------ */
.local_nav {
width: 100%;
margin: 0 !important;
padding: 0 !important;
text-align: center;
}
.local_nav ul {
margin: 10px 0 0 ;
padding: 15px 0!important;
list-style: none;
}
.local_nav li {
font-weight: bold;
list-style: none;
display: inline-block;
}
.local_btn {
text-align: center;
border: 1px solid #1e478a;
margin-bottom: 5px;
padding: 0 8px!important ; 
color: #1e478a; 
}
.local_btn span {
font-size:12px;
}
.local_btn:hover {
color: #fff !important;
text-decoration: none;
background: #1e478a;  
}
.local_btn::before{
font-family: "Font Awesome 5 Free";
content: '\f105';
padding-right: 5px;
font-weight: bold;
}



.local_btn_selected {
text-align: center;
border: 1px solid #1e478a;
margin-bottom: 5px;
padding: 0 8px!important ; 
color: #fff !important;
text-decoration: none;
background: #1e478a;  
}
.local_btn_selected span {
font-size:12px;
}
.local_btn_selected::before{
font-family: "Font Awesome 5 Free";
content: '\f105';
padding-right: 5px;
font-weight: bold;
}



@media only screen and (max-width: 660px) {
  .local_nav ul {
    margin: 0 ;
    padding: 0;
  }
  .local_nav li  {
  width:100%;
    list-style: none;
    margin: 0;  
  }
  .local_btn {
    margin-bottom: 0;
  }
  .local_btn_selected {
    margin-bottom: 0;
  }
}




.local_nav_highway ul {
text-align: center;
margin: 10px auto 0 ;
padding: 15px 0!important;
list-style: none;
}

.local_nav_highway li {
height: 62px;
font-weight: bold;
list-style: none;
display: inline-block;
vertical-align: middle;
}
@media only screen and (max-width: 660px) {
.local_nav_highway ul {
margin: 0 ;
padding: 0;
}
.local_nav_highway li  {
width:100%;
list-style: none;
margin: 0;  
} 
}
.local_btn_highway {
height: 100%;
text-align: center;
border: 1px solid #1e478a;
margin-bottom: 5px;
padding: 0 8px!important ; 
color: #1e478a; 
}
.local_btn_highway span {
font-size:12px;
}
.local_btn_highway:hover {
color: #fff !important;
text-decoration: none;
background: #1e478a;  
}
.local_btn_highway::before{
font-family: "Font Awesome 5 Free";
content: '\f105';
padding-right: 5px;
font-weight: bold;
}
@media only screen and (max-width: 660px) {
  .local_btn_highway {
    margin-bottom: 0;
  }
}

.local_btn_highway_s {
height: 100%;
text-align: center;
border: 1px solid #1e478a;
margin-bottom: 5px;
padding: 13px 8px!important ; 
color: #1e478a; 
}
.local_btn_highway_s span {
font-size:12px;
}
@media only screen and (max-width: 660px) {
.local_btn_highway_s ul {
padding: 0;

}
.local_btn_highway_s li  {
width:100%;
list-style: none;
margin: 5px 0;  
} 
}
.local_btn_highway_s:hover {
color: #fff !important;
text-decoration: none;
background: #1e478a;  
}
.local_btn_highway_s::before{
font-family: "Font Awesome 5 Free";
content: '\f105';
padding-right: 5px;
font-weight: bold;
}




.local_btn_highway_selected {
height: 100%;
text-align: center;
border: 1px solid #1e478a;
margin-bottom: 5px;
padding: 0 8px!important ; 
color: #fff !important;
text-decoration: none;
background: #1e478a;  
}
.local_btn_highway_selected span {
font-size:12px;
}
.local_btn_highway_selected::before{
font-family: "Font Awesome 5 Free";
content: '\f105';
padding-right: 5px;
font-weight: bold;
}



.local_btn_highway_s_selected {
height: 100%;
text-align: center;
border: 1px solid #1e478a;
margin-bottom: 5px;
padding: 13px 8px!important ; 
color: #fff !important;
text-decoration: none;
background: #1e478a;  
}
.local_btn_highway_s_selected span {
font-size:12px;
}
@media only screen and (max-width: 660px) {
  .local_btn_highway_s_selected ul {
  padding: 0;
  }
  .local_btn_highway_s_selected li  {
  width:100%;
  list-style: none;
  margin: 5px 0;  
  } 
}
.local_btn_highway_s_selected::before{
font-family: "Font Awesome 5 Free";
content: '\f105';
padding-right: 5px;
font-weight: bold;
}




/* 見だし */ 

.center_wrap  {
text-align: center;
margin: 0 auto ;
}

/* クイックインデックス */

.quick_index{
font-size: 20px; 
font-weight: bold;
color:#1e478a;
background: #eaeef8;
padding:14px 0;
text-align: center;
}



h3{
font-size: 20px; 
color:#887f3e;
border-top: 1px solid #887f3e;  
border-bottom: 1px solid #887f3e;  
text-align: center;
padding:15px 0;
font-weight: bold;
}


h4{
font-size: 17px; 
font-weight: bold;
color:#887f3e;
background: #f3f2ec;
padding:14px 0;
text-align: center;
}

@media (max-width: 768px) {
h3{
text-align: left;
padding:15px;
}
h4{
text-align: left;
padding:14px;

}
.hedding_add{
text-align: left;
padding:12px;
}
		
}


.hedding_add{
font-size: 17px; 
font-weight: bold;
color:#887f3e;
background: #eaeff9;
padding:12px 0;
text-align: center;
}



.flexbox {
display: flex;
}

.main-content ol{
margin-left: 18px;
}

.main-content ol li {
padding:3px;
}

.main-content ul{
margin-left: 18px;
}

.main-content ul li {
padding:3px;
}

.main-content li > ul, li > ol {
  padding: 0;  line-height: 1.3em;

}

/* --------よくある質問-------- */

dl.veu_qaItem {
    font-size: 16px;
    display: block;
    overflow: hidden;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 25px;
 box-sizing: border-box;   
  margin: 25px 0;
    width: 100%;
    position: relative;
}


dl.veu_qaItem dt {
    margin-bottom: 15px;
    font-size: 16px;
  font-weight: bold;

}
dl.veu_qaItem dd, dl.veu_qaItem dt {
  line-height:1.8em;
    border: none;
    padding-left: 35px;
}
dl.veu_qaItem dd {
    margin-bottom: 0;
}
dl.veu_qaItem dd, dl.veu_qaItem dt {
    border: none;
    padding-left: 35px;
}

dl.veu_qaItem dt:before {
    font-family: areal;
    content: "Q ";
    color: #e50000;
}

dl.veu_qaItem dd:before, dl.veu_qaItem dt:before {
    position: absolute;
    left: 0;
    font-size: 24px;
    line-height: 105%;
}

dl.veu_qaItem dd:before {
    content: "A ";
    color: #337ab7;
    font-family: "";
}

dl.veu_qaItem dd:before, dl.veu_qaItem dt:before {
    position: absolute;
    left: 0;
    font-size: 24px;
    line-height: 105%;
}


/* --------アコーディオンメニュー-------- */

/* アコーディオン */
.cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
}

.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}

.cp_actab label {
font-weight: normal;
line-height: 3;
position: relative;
display: block;
padding: 0 0 0 3em;
cursor: pointer;
margin: 0 0 1px 0;
background: #f6f6f6;
}

.cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.5s;
transition: max-height 0.5s;
}

.cp_actab .cp_actab-content p { 
margin: 1em;
font-size: 14px;
}

.cp_actab p{
margin-bottom:0px;
}

/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
max-height: 100em;
}

/*チェックのアイコン（↓）*/
.cp_actab label:before{
font-family:"FontAwesome";
content:" \f078";
position: absolute;
top: 0;
left: 20px;
width: 2em;
height: 3em;
}

/*チェックのアイコン（↑）*/
.cp_actab input:checked ~ label::before {
font-family:"FontAwesome";
content:" \f077";
}

/* ---------装飾追加--------- */
.arrow{
 display: block; width: 0px;
  border-color: #cccccc;
  border-style: solid;
  border-width:25px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
text-align: center;
margin: 25px auto 10px;
}

/*画像を強制左寄せ */
.forced_left img {
text-align: left!important;
margin: 0!important;
}


.underline{
border-bottom: 1px solid #edece2;  
}
.bold{
font-weight: bold;
}
.gold{
  color:#887f3e;
}
.red{
  color:#a72b30;
}

.root_color{
color: #00692e;
}

.highway_color{
color: #078674;
}

.charter_color{
color: #4e9a1f;
}


/*ページ内リンクのナビ */
.anchor_flexbox {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.anchor_item{
line-height: 1.2em;
border-left: 5px solid #fff;  
width: 25%;
background-color:#f7f6f5;
padding: 8px;
box-sizing: border-box;
}

.anchor_item a{
text-align: center;
font-size: 14px;
}

@media only screen and (max-width: 768px) {
.anchor_item{
text-align: left;
width: 50%;
}
}

.anchor_item02{
text-align: center;
font-size: 14px;
line-height: 1.2em;
border-left: 5px solid #fff;  
width: 20%;
background-color:#f7f6f5;
padding: 8px;
box-sizing: border-box;
}


@media only screen and (max-width: 768px) {
.anchor_item02{
width: 50%;text-align: left;
}
}

/*スマホで右寄せ（デフォルトはtext-center） */

.text_center{
text-align: center;
}
@media only screen and (max-width: 768px) {
.text_center{
text-align: left;
}
}

/* ページ内リンクで位置がずれるのを調整 */

a.anchor{
display: block;
padding-top: 70px;
margin-top: -70px;
}

/* フォント・幅 */
.fs11 {font-size:11px;line-height: 1.5em;}
.fs12 {font-size:12px;line-height: 1.5em;}
.fs14 {font-size: 14px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs30 {font-size: 30px;}
.fs40 {font-size: 40px;}
@media only screen and (max-width: 768px) {
.fs18 {font-size: 16px;}
.fs20 {font-size: 18px;}
.fs30 {font-size: 20px;}
.fs40 {font-size: 30px;}
}

.wid50 {
width:50%;
}
.wid40 {
width:40%;
}
.wid30 {
width:30%;
}
.wid33 {
width:33%;
}
.wid25 {
width:25%;
}
.wid20 {
width:20%;
}
.wid15 {
width:15%;
}
.wid10 {
width:10%;
}



/*=============MW WP Form============= */

select{
padding: 3px 10px;
text-overflow: '';
  background-color: #fff;
border-radius: 0px;
vertical-align: middle;
-webkit-appearance: button;
-moz-appearance: button;

}

select option{
background-color: #fff;
color: #333;
}
select::-ms-expand {
display: none;
}


.cform th {
  font-size: 16px;
  width: 30%; 
  border-bottom: solid 1px #e7e5d8;
  padding: 20px;
  box-sizing: border-box;
  font-weight: normal;
}

.cform td {
  font-size: 16px;
  line-height: 150%;
  border-bottom: solid 1px #e7e5d8;
  padding: 20px;
}

.cform {
  width: 100%;
  margin: auto;
}

.cform [type=submit] {
  display: inline-block;
  font-size: 20px;
  padding: 20px;
  text-decoration: none;
  color: #FFF;
  border-bottom: solid 4px #B17C00;
  border-radius: 0px;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
  width: 100%;
  padding: 5px;
box-sizing: border-box;
}
/*  必須アイコン */
.required-srt {
  font-size: 8pt;
  padding: 5px;
  background: #ce0000;
  color: #fff;
  border-radius: 3px;
  margin: 10px 10px 10px 0;
  vertical-align: middle;
}
/* スマホ時セル100％ */
@media only screen and (max-width:767px) {
  .cform th,
  .cform td {
    width: 100%;
    display: block;
    border-top: none;
  }
}

/*  確認・送信・戻るボタン調整 */
#cform_btn .submit-btn input {
margin: 30px auto;
line-height: 2.5em;
text-align: center;
width: 200px;
display: block;
background-color: #1e478a;
border-color: #1e478a;
color: #fff;
}

#cform_btn .submit-btn input:hover {
background-color: #fff;
border-color: #1e478a;
color: #1e478a;
}


#cform_btn .submit-btn_back input {
margin: 30px auto;
line-height: 2.5em;
text-align: center;
width: 200px;
display: block;
background-color: #a72b30;
border-color: #a72b30;
color: #fff;
}

#cform_btn .submit-btn_back input:hover {
background-color: #fff;
border-color: #a72b30;
color: #a72b30;
}








/*  ブラウザのデフォルトのボタンデザインを消す */
input[type="submit"] {
    -webkit-appearance:none;
    border-radius:0;
    vertical-align:middle;
    text-align:center;}

/*  入力ボックスを左右一杯にする */

.table tbody tr td .form-control, .table tbody tr th .form-control, .table td .form-control, .table th .form-control, .table thead tr td .form-control, .table thead tr th .form-control, table tbody tr td .form-control, table tbody tr th .form-control, table td .form-control, table th .form-control, table thead tr td .form-control, table thead tr th .form-control {
max-width: 100%; 
}
