@charset "UTF-8";

a:hover{
opacity: 0.6;
}
section{
margin-bottom: 66px;
}
.sp{
display: none;
}
/*-----------------------
*タブ
------------------------*/
#tab{
border-bottom:5px solid #21c0c3;
}
@media screen and (max-width: 959px){
.pc{
display: none!important;
}
.sp{
display: block;
}
img{
width: 100%;
}
*{
box-sizing: border-box;
}
#tab{
border-bottom: none;
}
p,dt,dd,tr,td,li{
font-size: 1.4rem;
line-height: 1.4;
}
section{
margin-bottom: 12%;
}
}

.tab{
overflow: hidden;
width: 960px;
margin: 0 auto;
}
.tab li{
float: left;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px 5px 0 0;
cursor: pointer;
background-color: #e8e8e8;
width: 184px;
height: 50px;
margin-right: 10px;
line-height:1.2;
font-weight:bold;
}
.tab li:last-child{
margin-right: 0;
}
.tab li.select{
background: #21c0c3;
color: #fff;
}
li.hide{
display: none;
}
@media screen and (max-width: 959px){
.tab{
width: 100%;
padding:0 10px;
}
.tab li{
border-radius: 12px;
margin: 0 2% 2% 0;
width: calc((100% - 2%) / 2);
}
.tab li:nth-child(2n){
margin-right: 0;
}
.tab li h2{
font-size: 1.3rem;
}
}
/*-----------------------
*ページタイトル
------------------------*/
.tab-box .pagettl {
background-image: url(../img/bg_pagewrap_b.jpg);
background-repeat: repeat-x;
background-position: center top;
height: 120px;
margin-bottom: 50px;
}
.tab-box .pagettl h2{
width: 960px;
margin: 0 auto;
padding-top: 44px;
padding-bottom: 44px;
background: url(../img/bg_page_b.jpg) no-repeat center top;
}
@media screen and (max-width: 959px){
.tab-box .pagettl{
background: none;
height: auto;
margin-bottom: 6%;
}
.tab-box .pagettl h2{
width: 100%;
padding: 0;
background: none;
}
.tab-box .pagettl h2 img{
width: 100%;
}
}
/*-----------------------
*コンテンツ
------------------------*/
.contents_wrap{
width: 960px;
margin: 0 auto 80px;
font-family: '游ゴシック体', 'Yu Gothic', YuGothic, Verdana, Roboto, 'Droid Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.contents_wrap.w100{
width:100%;
}
@media screen and (max-width: 959px){
.contents_wrap{
width: 100%;
padding: 0 3% 6%;
box-sizing: border-box;
margin: 0;
}
.contents_wrap .section30{
margin-bottom: 6%;
}
}
/*-----------------------
*観光バス
------------------------*/
.lead{
width: 960px;
margin: 0 auto 40px;
font-size: 140%;
font-weight: bold;
line-height: 1.4;
}
.lead span{
font-size: 130%;
color:#21c0c3;
}
.contact_area{
width: 960px;
margin: 0 auto;
overflow: hidden;
margin-bottom: 50px;
}
.contact_area .left{
float: left;
padding-top: 10px;
}
.contact_area .left .fax{
margin-left: 15px;
}
.contact_area .right{
float: right;
}
.contact_area .right span img{
height: 77px;
margin-right: 10px;
}


.calculation_bg {
background: center / cover no-repeat;
width:100%;
padding: 40px;
margin-bottom: 60px;
box-sizing: border-box;
}
.calculation_bg.spring{
background-image: url(../img/main_img01.jpg);
}
.calculation_bg.summer{
background-image: url(../img/main_img02.jpg);
}
.calculation_bg.autumn{
background-image: url(../img/main_img03.jpg);
}
.calculation_bg.winter{
background-image: url(../img/main_img04.jpg);
}


.calculation{
width: 80%;
margin: 0 auto;
background: rgba( 0,0,0,0.65);
border-top: 6px solid #ef9c17;
padding: 28px;
text-align: center;
color:#fff;
}
.calculation h2{
font-size: 150%;
font-weight: bold;
margin-bottom: 28px;
}
.calculation .cal_wrap {
max-width: 440px;
margin: auto;
}
.calculation .cal_wrap .cal_map {
margin: 14px 0 30px;
}
.calculation .cal_wrap .cal_map a {
color: #fff;
text-decoration: underline;
}
.calculation .arrow{
margin-bottom: 20px;
}
.calculation .cal_box {
height: 50px;
margin: 5px auto;
}
.calculation .cal_box:after {
display: block;
content: '';
height: 0;
clear: both;
}
.calculation .ttl {
line-height: 50px;
height: 100%;
background-color: #EF9C18;
width: 200px;
float: left;
}
.calculation .txt {
padding: 12px 0;
text-align: left;
padding-left: 30px;
height: 100%;
width: calc(100% - 200px);
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.calculation .txt label {
margin-right: 10px;
}

.calculation input[type="text"],select {
width: calc(100% - 60px);
padding: 6px 0;
margin-right: 8px;
}
.calculation input[type="text"]{
padding-left: 3px;
box-sizing: border-box;
}
.calculation input[type="radio"]{
margin-right: 6px;
vertical-align: middle;
}

.calculation .cal_btn {
display: block;
width: 220px;
height: 52px;
line-height: 52px;
margin: 20px auto;
text-decoration: none;
color: #ffffff;
font-size: 128%;
border-radius: 10px;
background-color: #21C0C3;
font-weight: bold;
}
.calculation .cal_btn:hover{
opacity: 1;
}

.calculation .result_box input {
text-align: right;
display: inline-block;
vertical-align: bottom;
height: 52px;
width: 78%;
font-size: 240%;
}
.calculation .result_box .unit {
display: inline-block;
vertical-align: bottom;
font-size: 160%;
}
.calculation .result_box .unit:first-of-type{
margin-right: 8px;
}
.calculation .com{
margin-top: 10px;
font-size: 78%;
}

.article_area{
width: 960px;
margin:0 auto 80px;
}
.btn_estimate{
text-align: center;
margin-bottom: 70px;
}
@media screen and (max-width: 959px){
.lead{
width: 100%;
font-size: 130%;
padding: 0 3%;
margin-bottom: 3%;
}
.contact_area .left{
padding-top: 0;
}
.contents_wrap.w100{
padding: 0;
}
.contact_area.sp{
width: 100%;
padding: 0 3%;
margin-bottom: 6%;
}
.contact_area.sp span{
display: block;
width: 80%;
margin: 0 auto 3%;
}
.contact_area.sp .ttl{
width: 66%;
margin: 15% auto 3%;
}
.contact_area.sp span.fax_dl,
.bottom_btn_area span.fax_dl{
width: 60%;
margin: 0 auto 6%;
}
.contact_area.sp .logo_area{
overflow: hidden;
float: right;
width: 30%;
}
.contact_area.sp .logo_area .left{
float:left;
width: 53%;
margin-right: 3%;
}
.contact_area.sp .logo_area .right{
float:left;
width: 44%;
padding-top: 5%;
}
.calculation_bg{
padding: 0;
margin-bottom: 9%;
}
.calculation{
width: 100%;
padding: 6%;
}
.calculation h2{
margin-bottom: 6%;
}
.calculation .ttl{
width: 22%;
}
.calculation .txt{
width: 78%;
padding-left: 6%;
}
.calculation .arrow{
width: 10%;
margin: 0 auto 6%;
}
.calculation .result_box input{
width: 70%;
}
.calculation .result_box .unit:first-of-type{
margin-right: 2%;
}
.calculation input[type="text"],select{
margin-right: 2%;
}
.calculation .com{
font-size: 100%;
}
.article_area{
width: 100%;
padding: 0 3%;
}
.btn_estimate{
margin-bottom: 9%;
}
}
/*運賃について*/
.fare p{
text-align: center;
font-weight: bold;
font-size: 142%;
letter-spacing: 0.06em;
margin-bottom: 25px;
}
.fare p .time{
color:#f2a428;
font-size: 130%;
}
.fare p .km{
color:#21c0c3;
font-size: 130%;
}
@media screen and (max-width: 959px){
.fare p{
font-size: 1.6rem;
}
.fare p .time,
.fare p .km{
font-size: 1.8rem;
}
}
/*車種紹介*/
.model .large60 .pic{
overflow: hidden;
margin-bottom: 10px;
}
.model .large60 .pic .left{
float: left;
width: 440px;
}
.model .large60 .pic .left li{
margin-bottom: 10px;
width: 100%;
}
.model .large60 .pic .right{
overflow: hidden;
}
.model .large60 .pic .right li{
float:left;
width: 250px;
height: 126px;
margin: 0 0 10px 10px;
}
.model .large60 .pic .right li img{
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit:cover;';
}
.model .detail{
overflow: hidden;
margin-bottom: 60px;
}
.model .detail .left{
float: left;
width: 440px;
text-align: center;
margin-right: 16px;
}
.model .detail .left .img{
margin-bottom: 20px;
}
.model .detail .left .img img{
width: 100%;
}
.model .detail .left .btn_download{
margin-bottom: 40px;
}
.model .detail .left .facility h4{
font-size: 86%;
color: #fff;
font-weight: bold;
background: #31859c;
padding: 10px;
line-height: 1;
}
.model .detail .left .facility ul{
background: #f2f2f2;
padding: 10px 0 0 20px;
overflow: hidden;
}
.model .detail .left .facility ul li{
float: left;
margin: 0 20px 10px 0;
width: 120px;
}
.model .detail .left .facility ul li img{
width: 100%;
}
.model .detail .right{
overflow: hidden;
}
.model .detail .right dl{
display: table;
margin-bottom: 10px;
}
.model .detail .right dl dt{
background-color: #fff7df;
color: #f2a428;
text-align: center;
vertical-align: middle;
display: table-cell;
padding: 5px 10px;
font-weight: bold;
width: 110px;
}
.model .detail .right dl dd{
vertical-align: middle;
padding-left: 10px;
display: table-cell;
}
.model .micro27 .pic .main{
overflow: hidden;
margin-bottom: 10px;
}
.model .micro27 .pic li{
float: left;
margin-right: 10px;
}
.model .micro27 .pic li:last-child{
margin-right: 0;
}
.model .micro27 .pic .sub{
overflow: hidden;
margin-bottom: 20px;
}
.model .micro27 .detail .left .facility{
width: 400px;
margin:0 auto;
}
.model .micro27 .detail .left .facility ul{
padding: 10px 50px 0 70px;
}
@media screen and (max-width: 959px){
.model .large60 .pic .left{
float: none;
width: 100%;
}
.model .large60 .pic .right li{
width: 49%;
height: 100%;
margin: 0 2% 2% 0;
}
.model .large60 .pic .right li:nth-child(2n){
margin-right: 0;
}
.model .detail .left{
float: none;
width: 100%;
}
.model .detail .left .btn_download{
width: 70%;
margin: 0 auto 6%;
}
.model .detail .left .facility h4{
font-size: 120%;
}
.model .micro27 .detail .left .facility{
width: 100%;
}
.model .detail .left .facility,
.model .micro27 .detail .left .facility{
margin-bottom: 6%;
}
.model .detail .left .facility ul,
.model .micro27 .detail .left .facility ul{
padding: 3% 3% 0;
}
.model .detail .left .facility ul li,
.model .micro27 .detail .left .facility ul li{
width: calc((100% - 3%) / 2);
margin: 0 3% 3% 0;
}
.model .detail .left .facility ul li:nth-child(2n),
.model .micro27 .detail .left .facility ul li:nth-child(2n){
margin-right: 0;
}
.model .detail{
margin-bottom: 12%;
}
.model .micro27 .pic .main{
margin-bottom: 0;
}
.model .micro27 .pic .main li{
float: none;
margin: 0 0 3% 0;
}
.model .micro27 .pic .sub li{
margin: 0 3% 3% 0;
}
.model .micro27 .pic .sub li:nth-child(2n){
margin-right: 0;
}
.model .micro27 .pic .sub .w55{
width: 55%;
}
.model .micro27 .pic .sub .w42{
width: 42%;
}
}
/*ご利用の流れ*/
#flow_inner ul{
border-bottom: 1px dotted #fdd14c;
}
#flow_inner ul li{
border-top: 1px dotted #fdd14c;
padding: 15px 0 0;
}
#flow_inner .qbox{
background: url(../img/icon_down_b.png) no-repeat top 10px right 10px;
}
#flow_inner .qbox.ac{
background: url(../img/icon_up_b.png) no-repeat top 10px right 10px;
}
#flow_inner .abox{
background: #fff7df;
padding: 20px 60px;
}
.flow_of_use .ttl_flow {
padding: 0 10px 15px 10px;
font-weight: bold;
font-size: 93%;
overflow: hidden;
cursor: pointer;
}
.flow_of_use .num{
display: inline-block;
color: #fff;
background-color: #f2a428;
padding: 0 6px;
margin-right: 10px;
}
.flow_of_use .text{
margin-right: 10px;
}
.flow_of_use .comment {
display: inline-block;
font-size: 79%;
font-weight: normal;
color: #333;
border: 1px solid #bfbfbf;
padding: 2px 6px;
}
@media screen and (max-width: 959px){
.flow_of_use .ttl_flow{
font-size: 100%;
padding: 0 30px 10px 10px;
}
.flow_of_use .text{
display: inline-block;
margin-bottom: 5px;
}
#flow_inner .qbox{
background: url(../img/icon_down_b.png) no-repeat top 22% right 10px;
}
#flow_inner .qbox.ac{
background: url(../img/icon_up_b.png) no-repeat top 22% right 10px;
}
#flow_inner .abox{
padding: 3%;
}

}
/*モデルコース*/
.model_course .recommended{
background: #fff7df;
padding: 16px 30px 60px;
position: relative;
}
.model_course .recommended h3{
padding: 48px 0 0 130px;
position: relative;
z-index: 100;
}
.model_course .recommended .after{
position: absolute;
right: 90px;
top: 16px;
font-weight: bold;
font-size: 93%;
background: #fff;
padding: 42px 20px;
border-radius: 50%;
text-align: center;
z-index: 1;
}
.model_course .recommended .block{
padding: 25px 0 30px;
background: #fff;
position: relative;
margin-bottom: 30px;
}
.model_course .recommended .block h4{
margin-bottom: 36px;
}
.model_course .recommended .block .block_inner{
overflow: hidden;
font-size: 93%;
}
.model_course .recommended .block .block_inner ul{
float:left;
padding: 0 66px 0 40px;
}
.model_course .recommended .block .block_inner .cell{
display: table;
}
.model_course .recommended .block .block_inner .cell span{
display: table-cell;
}
.model_course .recommended .block .block_inner .cell b{
display: table-cell;
}
.model_course .recommended .block .block_inner b{
font-weight: bold;
}
.model_course .recommended .block .block_inner .red{
color:#ff0000;
}
.model_course .recommended .block .block_inner .flow{
float:left;
}
.model_course .recommended .block .block_inner .flow .center{
padding-left: 45px;
}
.model_course .recommended .block .block_inner .img{
position: absolute;
right: 20px;
bottom: 0;
}
.model_course .recommended .block2 .block_inner ul{
padding-left: 338px;
}
.model_course .recommended .block2 .block_inner .img{
position: absolute;
left: 50px;
bottom: 0;
}
.model_course .recommended .block3 .block_inner .img{
position: absolute;
right: 0;
bottom: 0;
}
.bottom_btn_area{
text-align: center;
}
.bottom_btn_area span{
margin-bottom: 30px;
display: block;
}
.bottom_btn_area span.sp{
display: none;
}
.bottom_btn_area .short a{
display: inline-block;
background: #f2a428;
color:#fff;
padding: 25px;
border-radius:14px;
box-shadow: 5px 5px #bc8225;
}
.bottom_btn_area .short a .head{
font-size: 150%;
font-weight: bold;
line-height: 1.4;
margin-bottom: 10px;
}
.fixed_estimate{
text-align: right;
position: fixed;
bottom:200px;
right:120px;
}
@media screen and (max-width: 959px){
.model_course .recommended{
padding: 6% 3%;
}
.model_course .recommended h3{
padding: 0;
text-align: center;
z-index: 0;
}
.model_course .recommended .text.sp{
text-align: center;
background: #fff;
padding: 2%;
margin-bottom: 3%;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
}
.model_course .recommended .block{
margin-bottom: 3%;
}
.model_course .recommended .block h4{
margin-bottom: 6%;
}
.model_course .recommended .block .block_inner ul{
float: none;
padding: 0;
width: 75%;
margin: 0 auto 5%;
}
.model_course .recommended .block .block_inner .flow{
padding-left: 3%;
float: none;
}
.model_course .recommended .block .block_inner .img{
bottom: 0;
right:0;
left: auto;
width: 34%;
}
.model_course .recommended .block2 .block_inner .img{
width: 25%;
}
.bottom_btn_area span.sp{
display: block;
}
.bottom_btn_area span.short{
margin-bottom: 0;
}


.fixed_estimate{
bottom: 0;
right:0;
}

}
/*----路線型貸切バス（短時間）----*/
.image-area{
overflow:hidden;
margin-bottom: 40px;
}
.image-area .left{
float: left;
width: 50%;
}
.image-area .right{
overflow: hidden;
}
@media screen and (max-width: 959px){
.image-area .left{
float: none;
width: 100%;
margin-bottom: 12px;
}
.image-area h3.headerstyle03{
margin-bottom: 8px;
}

.dlstyle03 dl{
margin-bottom: 10px;
width: 100%;
}
.dlstyle03 dl dd{
padding-left: 3%;
}
}
/*----年間契約----*/
.contact span.name{
font-weight: bold;
font-size: 120%;
margin-right: 20px;
}

.contact span.tel{
font-weight: 400;
font-size: 170%;
}
.contact span.time{
font-weight: 400;
font-size: 90%;
}
.list_disc{
margin-bottom: 60px;
}
@media screen and (max-width: 959px){
.bg_y.contact{
padding: 3%;
text-align: center;
}
.contact span.name{
display: block;
margin-right: 0;
margin-bottom: 3%;
}
.contact span.tel{
font-size: 180%;
}
.contact span.time{
font-size: 1.4rem;
}
.dlstyle03.dt_90 dl dt{
padding: 2px 4px;
width: 20%;
}
}
/*----安全への取り組み----*/
.headerstyle01 .charter_award_ttl{
font-size: 114%;
}
.headerstyle01 .charter_award_ttl b{
font-size: 180%;
}
.award .float_l{
width: 25%;
}
.award .float_l img{
width: 100%;
}
.award .float_r{
width: 73%;
}
.award .float_r .text{
margin-bottom: 15px;
}
.safety.charter_list li{
float:left;
width: 30.8%;
margin-right:18px;
}
.safety.charter_list li:last-child{
margin-right:0;
}
.safety.charter_list li img{
width: 100%;
}
@media screen and (max-width: 959px){
.headerstyle01 .charter_award_ttl{
font-size: 1.4rem;
}
.headerstyle01 .charter_award_ttl b{
display: block;
font-size: 2rem;
}
.award .float_l{
float:none;
display: inline-block;
margin-right: 3%;
width: 46%;
}
.award .img.sp{
display: inline-block;
}
.award .text.sp{
margin-top: 5%;
}
.safety.charter_list li{
float: none;
width: 100%;
margin-right: 0;
}
.safety.charter_list li .m_t10{
margin-bottom: 6%;
}
}
/*----よくあるご質問----*/
.faq > ul {
border-bottom: 1px dotted #fdd14c;
}
.faq > ul > li {
border-top: 1px dotted #fdd14c;
padding: 15px 0 0;
}
.faq > ul > li h3 {
background: url(../../img/faq/icon_q.png) no-repeat 10px 0 ;
margin: 0 0 3px;
padding: 7px 0 0 55px;
height: 28px;
text-align: left;
}
.faq > ul > li .h3Wrap {
background: url(../../img/faq/icon_up.gif) no-repeat right 10px ;
cursor: pointer;
margin-right: 10px;
}
.faq > ul > li.close .h3Wrap:hover h3 {
color: #f2a428;
}
.faq > ul > li .h3Wrap h3 {
margin-bottom: 15px;
}
.faq > ul > li.close .h3Wrap {
background: url(../../img/faq/icon_down.gif) no-repeat right 10px;
margin-right: 10px;
text-align: left;
}
.faq > ul > li.close .h3Wrap h3 {
color: #333;
}
.faq > ul > li.close .answerWrap {
display: none;
}
.faq > ul > li .answerWrap {
display: block;
background: #fff7df;
text-align: left;
}
.faq > ul > li .answer {
padding: 20px 20px 20px 105px;
background: url(../../img/faq/icon_a.png) no-repeat 60px 15px;
color: #333;
}
.faq > ul > li .answer dl {
margin-bottom: 15px;
}
.faq > ul > li .answer dl dt {
margin-bottom: 5px;
font-weight: bold;
}
.faq > ul > li .answer dl dd {
}
.faq a.link_icon {
margin-top: 8px;
}
@media screen and (max-width: 959px){
.faq > ul > li{
padding-top: 6%;
}
.faq > ul > li.close .h3Wrap{
background: url(../../img/faq/icon_down.gif) no-repeat right top 2px;
}
.faq > ul > li .h3Wrap{
background: url(../../img/faq/icon_up.gif) no-repeat right top 2px;
}
.faq > ul > li h3 {
padding: 0 6% 6% 12%;
-webkit-background-size: 6%;
background-size: 6%;
height: auto;
margin: 0!important;
}
.faq > ul > li .answer {
padding: 3% 3% 3% 12%;
background: url(../../img/faq/icon_a.png) no-repeat left 3% top 50%;
background-size: 6%;
}
}