@charset "UTF-8";
/* Media Query
───────────────────────────────── */
/* Link
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* Grid
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* Font
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* Pseudo
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* icon-arrow
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* icon-circle-arrow
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* icon-triangle
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* contents
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* PC item & SP item
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* 電話番号リンク */
/* 画像を幅100%にする */
/* object fit image */
/* object fit image */
/* sticky */
/* clearfix */
/* hover
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* full */
/* icon-set
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* z-index
───────────────────────────────── */
/* VW
───────────────────────────────── */
/* 数値から単位を除外
───────────────────────────────── */
/* `px` から `rem` に変換
───────────────────────────────── */
/* `px` から `em` に変換
───────────────────────────────── */
/* Size
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* Color
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* Font
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* Duration
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* Easing
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* keyframes
========================================================================== */
@keyframes infinity-loop {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }

@keyframes infinity-ripple {
  0% {
    opacity: 0;
    transform: scale(1.2); }
  70% {
    opacity: 1; }
  100% {
    transform: scale(1.5);
    opacity: 0; } }

@keyframes infinity-zoom {
  0% {
    transform: scale(0.9); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.9); } }

@keyframes infinity-zoom2 {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

@keyframes fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/************************
*
* 安心安全トップ
*
*************************/
@media screen and (min-width: 768px), print {
  .lead {
    max-width: 10.04rem;
    font-size: .24rem;
    padding-bottom: 0.8rem;
    margin: 0 auto; } }

@media screen and (max-width: 767px) {
  .lead {
    max-width: 100%;
    font-size: 4.27vw;
    padding-bottom: 12.8vw;
    margin: 0 auto; } }

/************************
*
* 運輸安全マネジメン
*
*************************/
b {
  font-weight: 700; }

.-noIndent li {
  text-indent: 0 !important; }

.-mt10 {
  margin-top: .10rem !important; }

/************************
*
* 運行管理体制
*
*************************/
.location_system {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  @media screen and (min-width: 768px), print {
    .location_system .con1 {
      width: 66%; }
      .location_system .con1 img {
        width: 55%;
        margin-top: 20px; }
    .location_system .con2 {
      width: 32%; }
      .location_system .con2 img {
        width: 100%; } }
  @media screen and (max-width: 767px) {
    .location_system {
      flex-wrap: wrap; }
      .location_system .con1 {
        width: 100%; }
        .location_system .con1 img {
          width: 100%;
          margin-top: 2.67vw; }
      .location_system .con2 {
        width: 100%; }
        .location_system .con2 img {
          width: 100%;
          margin-top: 2.67vw; } }
.m-img-col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (min-width: 768px), print {
    .m-img-col .txt {
      width: 60%; }
    .m-img-col img {
      width: 35%; } }
  @media screen and (max-width: 767px) {
    .m-img-col {
      flex-wrap: wrap; }
      .m-img-col .txt {
        width: 100%; }
      .m-img-col img {
        width: 90%;
        margin: 20px 5%; } }
.text-right {
  width: 100%;
  text-align: right !important; }

/************************
*
* 貸切バス安全性評価
*
*************************/
.s-img-col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (min-width: 768px), print {
    .s-img-col .txt {
      width: 78%; }
    .s-img-col img {
      width: 20%; } }
  @media screen and (max-width: 767px) {
    .s-img-col {
      flex-wrap: wrap; }
      .s-img-col .txt {
        width: 100%; }
      .s-img-col img {
        width: 60%;
        margin: 20px 20%; } }
/************************
*
* 車両安全対策
*
*************************/
@media screen and (max-width: 767px) {
  .reservedVehicle__nav {
    margin-bottom: 18.4vw; } }

@media screen and (max-width: 767px) {
  .dlWrap {
    overflow: scroll; } }

.dlWrap dl {
  display: flex;
  border: 1px solid #ccc; }
  @media screen and (max-width: 767px) {
    .dlWrap dl {
      width: 266.67vw; } }
  .dlWrap dl:not(:last-of-type) {
    border-bottom: none; }
  .dlWrap dl dt {
    background-color: #E0EDFA;
    border-right: 1px solid #ccc;
    font-weight: 700; }
    @media screen and (min-width: 768px), print {
      .dlWrap dl dt {
        width: 20%;
        padding: 0.97rem 0.38rem;
        font-size: 0.16rem; } }
    @media screen and (max-width: 767px) {
      .dlWrap dl dt {
        width: 12%;
        padding: 15.2vw 4vw;
        font-size: 3.73vw;
        text-align: justify; } }
  @media screen and (min-width: 768px), print {
    .dlWrap dl dd {
      width: 80%;
      padding: 0.28rem 0.4rem;
      font-size: 0.16rem; } }
  @media screen and (max-width: 767px) {
    .dlWrap dl dd {
      width: 88%;
      padding: 4.27vw;
      font-size: 3.73vw; } }
  @media screen and (min-width: 768px), print {
    .dlWrap dl dd > p {
      margin-bottom: 0.28rem; } }
.brakeSystemFlow__block {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dotted #ccc; }
  @media screen and (min-width: 768px), print {
    .brakeSystemFlow__block {
      padding: 0.165rem 0.4rem; } }
  @media screen and (max-width: 767px) {
    .brakeSystemFlow__block {
      padding: 2.13vw 0; } }
  .brakeSystemFlow__block:first-of-type {
    border-top: 1px dotted #ccc; }
    @media screen and (min-width: 768px), print {
      .brakeSystemFlow__block:first-of-type {
        margin-top: 0.4rem; } }
    @media screen and (max-width: 767px) {
      .brakeSystemFlow__block:first-of-type {
        margin-top: 6.67vw; } }
  @media screen and (min-width: 768px), print {
    .brakeSystemFlow__block > p:first-of-type {
      width: 28%; } }
  @media screen and (max-width: 767px) {
    .brakeSystemFlow__block > p:first-of-type {
      width: 49%; } }
  @media screen and (min-width: 768px), print {
    .brakeSystemFlow__block > p:last-of-type {
      width: 69%;
      padding-top: 0.16rem;
      font-size: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .brakeSystemFlow__block > p:last-of-type {
      width: 49%;
      font-size: 3.2vw;
      text-align: center; } }
  .brakeSystemFlow__block > p:last-of-type span {
    display: block;
    width: 100%;
    text-align: left; }
  @media screen and (min-width: 768px), print {
    .brakeSystemFlow__block > p:last-of-type img {
      width: 0.32rem;
      margin-top: 0.25rem; } }
  @media screen and (max-width: 767px) {
    .brakeSystemFlow__block > p:last-of-type img {
      width: 4.27vw;
      margin: 2.67vw auto 0; } }
.cautionTxt {
  margin-top: 0; }
  @media screen and (min-width: 768px), print {
    .cautionTxt {
      margin-bottom: 0.3rem;
      font-size: 0.12rem; } }
  @media screen and (max-width: 767px) {
    .cautionTxt {
      margin-top: 1.33vw;
      margin-bottom: 4vw;
      font-size: 2.93vw; } }
  @media screen and (min-width: 768px), print {
    .cautionTxt + img {
      padding-left: 0.4rem; } }
@media screen and (min-width: 768px), print {
  .fdss__img01 {
    margin-bottom: 0.34rem; } }

@media screen and (max-width: 767px) {
  .fdss__img01 {
    margin-bottom: 8vw; } }

@media screen and (min-width: 768px), print {
  .fdss__img02 {
    margin-bottom: 0.24rem; } }

.-fullImg {
  width: 100%;
  height: auto; }

@media screen and (max-width: 767px) {
  .scrollWrap {
    overflow: scroll;
    margin-bottom: 2.13vw; } }

@media screen and (max-width: 767px) {
  .scrollWrap > p {
    width: 144vw !important; } }

@media screen and (max-width: 767px) {
  .scrollWrap img {
    width: 100%;
    height: auto; } }

@media screen and (max-width: 767px) {
  .scrollWrap img.-mb {
    margin-bottom: 6.4vw; } }

@media screen and (max-width: 767px) {
  .slideTxt {
    padding: 4.27vw 0;
    font-size: 3.73vw;
    font-weight: 700;
    text-align: center; } }

@media screen and (max-width: 767px) {
  .slideTxt span {
    margin: 0 2.13vw; } }

@media screen and (max-width: 767px) {
  .slideTxt img {
    width: 2.67vw;
    height: auto;
    vertical-align: middle; } }

@media screen and (min-width: 768px), print {
  .imgFlex {
    display: flex;
    justify-content: space-between; } }

@media screen and (min-width: 768px), print {
  .imgFlex img {
    width: 49%;
    height: auto; } }

@media screen and (max-width: 767px) {
  .imgFlex img:first-of-type {
    margin-bottom: 4vw; } }

@media screen and (min-width: 768px), print {
  .text + img + .text {
    margin-top: 0.18rem; } }

@media screen and (max-width: 767px) {
  .text + img + .text {
    margin-top: 4.8vw; } }