@charset "UTF-8";

/*ヘッダ＆フッタナビゲーションは別ファイルへ*/

* {
margin: 0;
padding: 0;
}

body {
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}



img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
text-align: center;

}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* =================トップページ================ */ 

.box_service_info {
  margin: 110px 0 10PX;
}
/* ------------メインイメージ------------ */
.main {
margin: 0;
}


/* パソコンで表示 */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで表示 */
@media only screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

.main-content {
font-size: 15px;
line-height: 1.8em;
/*padding-bottom: 50px;*/
text-align:justify;
}

/* ------------スライド------------ */

.slider{
margin: 0 auto;
width: 100%;
}
.slider img{
height: auto;
width: 99%;
margin: 0 auto;
padding:0;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
color: #000!important;
}
.slick-slide a:focus {
outline: none;
}


/* カテゴリー名アイコン */ 
.cate_btn {
font-size: 18px; 
width: 100px;
padding: 5px 12px;
margin-right: 15px;
color: #fff;
box-sizing: border-box;
}

.bg_beige {
background: #f3f2ec;
}

.bg_red {
background: #a72b30;
}

.bg_gold {
background: #887f3e;
}

.bg_bage {
color: #887f3e !important;
background: #edece2;
border: solid 1px #887f3e;
}


 /* メインイメージ下運行情報 */
.info_up{
font-size:18px;
padding:5px 30px 1px;
} 
@media screen and (max-width: 991px) {
.info_up{
padding:0px 20px 0px;

}
}

@media screen and (max-width: 320px) {
.info_up{
font-size:16px;
}
}




.info_up dl {
padding: 15px 0;
margin: 0;
}

.info_up dt {
padding-bottom: 5px;
margin: 0;
width: 36%;
clear: left;
float: left;
}
@media screen and (max-width: 991px) {
.info_up dt {
width: 100%;
}
}

dt {
    font-weight: normal; 
}
 /* --------お知らせ-------- */

 /* 背景画像 */
.infoback {
background-image:url("../images/back.jpg");
background-repeat:no-repeat;     
background-size:cover;
padding:50px;
margin: 100px 0;
} 

@media screen and (max-width: 768px) {
.infoback {
padding:20px 0;
margin: 50px 0;
} 
}
 /* 白背景 */
.info_white{
background-color:rgba(255,255,255,0.9);
padding:25px 100px;
} 
@media screen and (max-width: 991px) {
.info_white{
padding:20px 25px;
}
}


 /* お知らせリスト */
 
.infolist {
margin-bottom: 30px;
font-size: 18px;
}

.infolist dl {
padding: 15px 0;
margin: 0;
border-bottom: 1px solid #ccc;
}

.infolist dt {
padding-bottom: 5px;
margin: 0;
width: 30%;
clear: left;
float: left;
}
@media screen and (max-width: 991px) {
.infolist dt {
width: 100%;
}
}


 /* テキストリンク */
.textlink a {
font-size: 14px; 
color: #1e478a;
padding: 10px;
}
.textlink a:hover {
text-decoration: underline;
}

.textlink a::before {
font-family: "Font Awesome 5 Free";
content: '\f105';
padding-right: 5px;
font-weight: bold;
}


 /* トップページ見だし */
.top_hedding01{
text-align: center;
margin: 30px auto;
/*
font-size: 26px; font-weight: bold;
display: block;
width: 40%;
margin: 30px auto;
text-align: center;
  background: linear-gradient(45deg, #01441c,#00692e,#078674,#4e9a1f,#8cc220);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
*/
  color: #00692e;
}

.single_hedding{
font-size: 26px; font-weight: bold;
display: block;
width: 100%;
margin: 30px auto;
text-align: center;
letter-spacing: 2px;
/*
  background: linear-gradient(45deg, #01441c,#00692e,#078674,#4e9a1f,#8cc220);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
*/
  color: #00692e;
}

 /* トップページバナーエリア */

.banner_area img{
margin-bottom: 30px;
} 
 
 

/* ========リンクボタン======== */  
.linkbtn {
margin: 20px auto;
text-align: center;
}

.linkbtn a {
font-size: 15px; 
width: 480px;
padding: 15px 25px;
text-align: center;
text-decoration: none;
color: #1e478a;
background: #fff;
border: 1px solid #1e478a;
box-sizing: border-box;
}
.linkbtn a:hover {
background: #1e478a;
border: 1px solid #1e478a;
color: #fff;
}

.linkbtn a::before {
font-family: "Font Awesome 5 Free";
content: '\f105';
padding-right: 5px;
font-weight: bold;
}





/* ========page-top======== */      

#pageTop {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 12px;
}
#pageTop a {
color: #fff;
background: #1e478a;
opacity:0.5;   
text-decoration: none;
width: 70px;
padding: 25px 0;
text-align: center;
display: block;
border-radius: 90px;
border: solid 2px #fff;
box-sizing: border-box;
}
#pageTop a:hover {
text-decoration: none;
opacity:0.5;
}





/* =======footerに背景画像設置====== */  

body {
background-image:url("../images/footer_back.jpg");
background-position: center bottom; 
background-repeat: no-repeat;
}


/* =======copyright======= */      

.copyright {
margin: 50px auto 0;
padding: 5px;
width: 380px;
}


.copyright p {
font-size: 12px;
text-align: center;
color: #fff;
}



/* ========微調整用======== */ 

/* 空き調整 */

.mt10 {margin-top : 10px!important;} 
.mt20 {margin-top : 20px!important;} 
.mt30 {margin-top : 30px!important;} 
.mt40 {margin-top : 40px!important;} 
.mt50 {margin-top : 50px!important;} 
.mt60 {margin-top : 60px!important;}  
.mt70 {margin-top : 70px!important;}  
.mt80 {margin-top : 80px!important;}  
.mt80 {margin-top : 80px!important;}  
.mt90 {margin-top : 90px!important;}  
.mt100 {margin-top : 100px!important;} 
.mt100sp {margin-top : 0!important;} 

.mb10 {margin-bottom : 10px!important;}  
.mb20 {margin-bottom : 20px!important;}  
.mb30 {margin-bottom : 30px!important;}  
.mb40 {margin-bottom : 40px!important;}  
.mb50 {margin-bottom : 50px!important;}  
.mb60 {margin-bottom : 60px!important;} 
.mb70 {margin-bottom : 70px!important;}  
.mb80 {margin-bottom : 80px!important;}  
.mb90 {margin-bottom : 90px!important;}  
.mb100 {margin-bottom : 100px!important;} 

@media only screen and (max-width: 768px) {
.mt70 {margin-top : 40px!important;}
.mt80 {margin-top : 40px!important;}
.mt90 {margin-top : 40px!important;}
.mt100 {margin-top : 50px!important;}
.mt100sp {margin-top : 120px!important;} 

.mb70 {margin-bottom : 40px!important;} 
.mb80 {margin-bottom : 40px!important;} 
.mb90 {margin-bottom : 40px!important;} 
.mb100 {margin-bottom : 50px!important;} 
}

.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

.fs10 {font-size: 10px;}
.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs24 {font-size: 24px;}
.fs26 {font-size: 26px;}
.fs28 {font-size: 28px;}
.fs30 {font-size: 30px;}

/* ========その他======= */      

/* PCで電話番号リンクを無効に */
@media (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/* ========バグ回避======== */      


/* サファリでの崩れを防ぐ */ 
.flex .col-sm-4{
width: 33.2%;
}

/* colを連続で並べた際のスマホ時の崩れを防ぐ */ 
@media only screen and (max-width: 768px) {
.flex .col-xs-6{
width: 49.5%;
}
}

/* クロームのみ、画像がボケるのを避ける */ 
img{
-webkit-backface-visibility: hidden;
}





/*--------トップページ バスエリア-------- */

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

@media only screen and (max-width: 767px) {
.buswrap{
display: block
}
}

.busbox{
text-align: center;
line-height: 2em;
padding:20px;
width: 100%;
margin: 0 10px;
box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
.busbox{
line-height: 2.6em;
}
}


.root{
color: #00692e;
background:  #e5f0ea;
border : solid 4px #00692e ;
}
.root a{
color: #00692e;
padding:2px;
text-decoration: underline;
}
.root a:hover{
color: #fff;
padding:2px;
background: #00692e;
text-decoration: none;
}

.highway{
color: #078674;
background: #e6f3f1;
border : solid 4px #078674 ;
}

.highway a{
color: #078674;
padding:2px;
text-decoration: underline;
}
.highway a:hover{
color: #fff;
padding:2px;
background: #078674;
text-decoration: none;
}

.charter{
color: #4e9a1f;
background: #edf5e9;
border: solid 4px #4e9a1f ;
}

.charter a{
color: #4e9a1f;
padding:2px;
text-decoration: underline;
}
.charter a:hover{
color: #fff;
padding:2px;
background: #4e9a1f;
text-decoration: none;
}


.bustitle{
font-size: 18px; 
font-weight: bold;
}

.bustitle::before {
font-family: "Font Awesome 5 Free";
content: "\f207"; 
font-weight: 900;
padding-right: 6px;
}

@media only screen and (max-width: 767px) {
.busbox{
margin: 10px 0;
}
}