@charset "utf-8";
/* CSS Document */
.main-title{
  padding:5px 0;
}
nav{
  width:100%;
  background-color: #00B058;
}
nav ul.nav-item{
  width: 100%;
  display: table;
  table-layout: fixed
}
nav ul.nav-item li{
  width:calc(100% / 3);
  border-right:1px solid #FFF;  
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 0.3em
}
nav ul.nav-item li:first-child{
  display: none;
}
nav ul.nav-item li:last-child{
  border-right: none;
}
nav ul.nav-item li a{
  display: block;
  font-size:3.4vw;
  font-weight:bold;
  color:#FFF;
  text-align: center;
  transition:0.5s;
}
nav ul.nav-item li a:hover{
  background:#FFF;
  color:#00B058;
}

.contents{
  width:100%;
  padding: 5% 0;
}
section{
  width:100%;
  padding-bottom: 10px
}
section#safety{
  border-top: 2px solid #ff911a;
  background: url(../image/safety_bg.png) repeat;
}
section#chuo{
  border-top: 2px solid #06B280;
}
section#premium{
  background: #FFFFE0;
  border-top: 2px solid #BD9100;
}
section#tour{
  border-top: 2px solid #0099ff;
}

.innerbox{
  width:94vw;
  margin:2.0em auto;
  position: relative
}
.sub-title{
  width: 18em;
  height:3.6em;
  padding: 0.4em;
  font-size:4.0vw;
  color: #FFF;
  text-align: center;
  background: #06B280;
  position: absolute;
  top:-3.8em;
  left:0;
  box-sizing: border-box
}
.sub-title.sub-title__safety{
  background: #ff911a;
  height:2.0em;
  top:-3.0em;
}
.sub-title.sub-title__premium{
  background: #BD9100
}
.sub-title.sub-title__tour{
  background: #0099ff;
  height:2.0em;
  top:-3.0em;
}
.safe-content{
  background: #FFF;
  padding: 0.5em;
  font-size:3.2vw
}
.safe-content-inbox{
}
.halfbox{
  width:100%
}
.threebox{
  background-color: #f7f7f7;
    border-radius: 5%;
    padding: 2%;
    margin-bottom: 5%;
}
.safe-sub-title{
  font-size: 7vw;
    font-weight: bold;
    color: #0057b8;
    text-align: center;
    margin: 5% 0;
}
.threebox>.safe-sub-title{
  margin-bottom: 10px
}
.sys-name{
  padding: 0.5em;
    font-size: 5vw;
    background: #EFFFF7;
    background: #0057b8;
    color: #ffe200;
    font-weight: bold;
}
.safe-sub-title sup,.sys-name sup,.psc-point li sup{
  font-size: 3vw;
    font-weight: normal;
    vertical-align: text-top;
    color: #fff;
}
.psc-point li sup.black {
    color: #000000;
}
.sys-name--note{
  font-size: 2.8vw;
    color: #ffffff;
    font-weight: normal;
    padding-bottom: 1%;
    line-height: 1.8em;
}
.safe-sub-title--note{
  display: block;
  font-size:2.8vw;
  font-weight:normal;
  color:#333
}
.safe-txt{
  margin: 2%;
}
.safe-txt--note{
  display: block;
  font-size:2.8vw
}
.wide-img{
  margin: 10px auto 50px;
  text-align: center
}
.logo--std,.logo--edss{
  display: none
}
.edss-item{
  display: flex;
  justify-content: space-between
}
.edss-item li{
  width:49%;
}
.edss-item__caption{
  display: block;
  font-size:2.6vw;
}
.psc-point{
  margin: 3% auto;
    background-color: #f7f7f7;
    padding: 3%;
    border-radius: 5%;
}
.psc-point li{
  color:#0057b8;
  font-weight: bold;
  padding-left: 1.0em;
  position: relative
}
.psc-point li:nth-child(n+2):nth-child(-n+6):before{
  content:"・";
  position: absolute;
  top: 0;
  left: 0
} 
.psc-point li:first-child{
  font-size: 4.5vw;
    color: #333;
    border-bottom: none;
    padding-left: 0;
    padding-bottom: 2%;
}
.psc-point li:last-child{
  font-size:2.8vw;
  font-weight: normal;
  color:#333;
  padding-left: 0
}
.service-in{
  background: #E8EDFB;
  padding: 0.5em;
}
.service-in-title{
  font-size:3.8vw;
  font-weight: bold;
  color:#1B3DB0
}
.service-in-title small{
  font-size:2.8vw;
  font-weight: normal;
  color:#333
}
.service-item{
  margin: 10px auto;
}
.service-item li{
  font-weight:bold;
}
.review-sub{
  font-size:3.6vw;
  font-weight:bold
}
.review-list{
}
.review-list li{
  background: #FFF;
  padding: 0.5em;
  margin-bottom: 5px
}
.review-item{
  display: flex;
  align-items: flex-start;
}
.review-item dt{
  width:30%;
  font-size:2.8vw;
  padding-top: 30px;
  text-align: center;
  position: relative
}
.review-item dt:before{
  content:"";
  background: url("../image/review.png") no-repeat;
  background-size: contain;
  width:30px;
  height:30px;
  position: absolute;
  top:0;
  right:0;
  left:0;
  margin:auto
}
.review-item dd{
  flex: 1;
  font-size:3.2vw
}
.company-content{
  padding-top: 10px
}
.star-badge{
  font-size:3.4vw;
  font-weight:bold;
  padding-left: 85px;
  position: relative
}
.star-badge--big{
  display: block;
  font-size:140%;
  color:#C70032
}
.star-badge:before{
  content:"";
  background: url("../image/safetybus_logo.png") no-repeat;
  background-size: contain;
  width:80px;
  height: 66px;
  position: absolute;
  top:0;
  left:0;
  margin: auto
}
.star-badge sup{
  font-size:2.6vw;
  font-weight:normal;
  color:#333
}
.star-badge small{
  display: block;
  font-size:2.8vw;
  font-weight:normal;
  color:#333
}
.star-badge-txt{
  margin: 10px auto 30px;
  font-size:3.2vw;
}
.star-badge-catch{
  margin-bottom: 5px;
  padding: 0.3em;
  background: #008944;
  font-size: 3.4vw;
  font-weight: bold;
  color: #FFF;
  text-align: center;
}
.chuo-news-title{
  font-size:3.6vw;
  color:#008944;
  border-bottom: 2px dashed;
  margin-bottom: 10px;
  text-indent: 5px
}
.chuo-news{
  margin: auto;
}
.chuo-news li{
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom:1px dotted #666;
}
.news-list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start
}
.news-list dt{
  width:6em;
  font-size:2.8vw;
  color:#FFF;
  text-align: center;
  background:#06B280;
  padding:0.3em;
  margin-right: 0.5em
}
.news-list dd{
  flex: 1;
}
.news-list dd a{
  font-size:3.0vw;
}
.news-list dd a:hover{
  text-decoration: underline;
}
.chuo-news-link{
  width:92vw;
  margin:20px auto 40px;
}
.chuo-news-link a{
  display:block;
  font-size:3.4vw;
  color:#333;
  background: #FDC010;
  text-align: center;
  border-radius: 8px;
  position: relative;
  line-height: 40px;
}
.chuo-news-link a:after{
  content:"\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top:0;
  bottom: 0;
  right: 3%;
  margin: auto
}
p.chuolink a:hover{
  text-decoration: underline
}

.premium-content{
  margin:auto;
  padding-top: 10px;
}
.premium-detail dt{
  font-size:3.6vw;
  font-weight:bold;
}
#youtube-movie {
  margin: 10px auto;
  width: 100%;
  max-width: 360px;
}
#youtube-movie-content {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
#youtube-movie-content iframe {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}

.tour-content{
  margin:auto;
  padding-top: 5px;
}
.notice-txt{
  font-size:2.8vw;
  color: #FF561F;
}
.tour-sub-title{
  font-size:3.6vw;
  font-weight:bold;
  color: #0099ff;  
}

.buslist-title{
  font-size:3.6vw;
  color:#008944;
  border-bottom: 2px dashed;
  margin-bottom: 10px;
  text-indent: 5px
}
.buslist-txt{
  margin: 5px auto;
}
.buslist-txt span{
  font-weight: bold
}

.buslist{
  height:100px;
  overflow: auto;
  padding:10px;
  background: #FFF;
  border:1px dotted #f2f2f2;
  font-size:2.8vw
}
.buslist::-webkit-scrollbar {
  width: 15px;
}
.buslist::-webkit-scrollbar-track {
  border-radius: 10px;
	background: #f2f2f2;
}
.buslist::-webkit-scrollbar-thumb {
  border-radius: 10px;
	background:#a7d6ff;
}

/***** 20200205 感染症対応案内 *****/
.notice-container{
  width: 992px;
  margin: 0 auto 70px;
  padding: 0 10px;
  box-sizing: border-box
}
.notice{
  font-size:14px;
}
.notice__icon{
  display: inline-block;
  width: 6.0em;
  background: #00B058;
  border-radius: 16px;
  color:#FFF;
  margin-right: 10px;
  padding: 0.3em 0.8em;
  text-align: center
}
.notice a:hover{
  text-decoration: underline
}

/***** 20200205 感染症対応案内 *****/
.sp .notice-container{
  width: 96vw;
  margin: 0 auto 5%;
  padding: 0 0.5em;
  box-sizing: border-box
}
.sp .notice{
  font-size:3.6vw;
}
.sp .notice__icon{
  display: block;
  width:6.0em;
  background: #00B058;
  border-radius: 12px;
  color:#FFF;
  margin-bottom: 0.3em;
  padding: 0.2em 0.8em;
  text-align: center
}

#back-to-top {
    position: fixed;
    right: 12px;
    bottom: 12px;
    z-index: 500;
}

/* 共通みだし
------------------------------ */
.h2title {
	width: 92vw;
	background-color: #003399;
	margin: 2vw auto;
	text-align: center;
	font-size: 14px;
	padding: 2vw 0;
	font-weight: 500;
	color: #FFF;
	letter-spacing: 0.4vw;
	font-family: "Sawarabi Gothic";
}

/* トップ内 セーフティバスとは
------------------------------ */
.sagetyWrap {
	background-color: #FFF;
	margin: 0 auto;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
	padding: 2vw 2vw 1vw;
	font-weight: 500;
	border-radius: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #6699ff;
	margin: 8vw 2vw 2vw 2vw;
	line-height: 1.2em;
}
.sagetyWrap h2 {
	margin: 0 auto;
}
.sagetyWrap img {
	width: 50%;
}
.sagetyWrap p {
	text-align: left;
	margin-bottom: 2vw;
}
.sagetyWrap p strong {
	color: #063397;
}


/* 1.利用バス会社一覧
------------------------------ */
.busWrap {
	width: 100%;
	text-align: center;
	background-color: #fafdff;
}
.busWrap inner-box {
	padding: 2vw;
}
.cp_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table {
	width: 92vw;
	margin: 0 auto;
	border-collapse: collapse;
}
.cp_table th {
	width: 35%;
	background: #BBDCFE;
	padding: 5px;
	border: 1px solid #a0a0a0;
	text-align: center;	
	color: #000;
	font-weight: 700;
	letter-spacing: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
}
.cp_table td {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border: 1px solid #a0a0a0;
	font-weight: 100;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
}
.cp_table tr:nth-child(odd) td {  
  background-color: #FFF;  
}
.cp_table tr:nth-child(even) td {  
  background-color: #EAF6FD;  
}