@charset "UTF-8";
/* location layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/*@mixin font-min {
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
}*/
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* padding margin */
/* 縦書き */
/* 内径 */
/* locations
---------------------------------------------------------------------------*/
.locations-img {
  width: 640px; }
  @media screen and (max-width: 1300px) {
    .locations-img {
      width: 49.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .locations-img {
      width: 100%;
      margin-bottom: 8.5333333333vw; } }
  .locations-img img {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
.locations-tx {
  width: 478px;
  margin-right: 100px; }
  @media screen and (max-width: 1300px) {
    .locations-tx {
      width: 36.7692307692vw;
      margin-right: 7.6923076923vw; } }
  @media screen and (max-width: 480px) {
    .locations-tx {
      width: 100%;
      margin-right: 0; } }

/* bus
---------------------------------------------------------------------------*/
.bus {
  position: relative; }
  .bus::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 1280px;
    height: 1px;
    background-color: #00285f; }
    @media screen and (max-width: 1300px) {
      .bus::after {
        width: 98.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .bus::after {
        width: 93.3333333333vw; } }

/* group
---------------------------------------------------------------------------*/
.group-tx {
  width: 478px; }
  @media screen and (max-width: 1300px) {
    .group-tx {
      width: 36.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .group-tx {
      width: 100%; } }
.group-img {
  width: 536px; }
  @media screen and (max-width: 1300px) {
    .group-img {
      width: 41.2307692308vw; } }