@charset "utf-8";
/* top.css */

/* ==========================================================
 hero-top
========================================================== */
.hero-top {
  position: relative;
  margin-bottom: 20px;
}
  .hero-top-in {
    display: -webkit-flex;
		display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
		-ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0;
  }
  .box-notice-navitime + .hero-top-in {
	  padding-top: 80px;
  }
/* mod-hero-search
---------------------------------------------------------- */
.mod-hero-search {
  position: relative;
  width: 320px;
  background-color: #fff;
}
.mod-hero-search h2 {
	padding: 2px 0;
	color: #fff;
	font-weight: 700;
	text-align: center;
	background: #218fec;
	border: 1px solid #fff;
	border-bottom: none;
}
.mod-hero-search h2::before {
	content: "";
	position: relative;
	top: -1px;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 5px 0 -10px;
	background: url(/img/ico_search_02.svg) 0 0 no-repeat;
	background-size: contain;
	vertical-align: middle;
}
  .mod-hero-search .list-tab {
    position: relative;
    z-index: 1;
    display: -webkit-flex;
		display: -ms-flexbox;
    display: flex;
  }
    .mod-hero-search .list-tab .item { width: 50%; }
    .mod-hero-search .list-tab .link {
      position: relative;
      display: -webkit-flex;
			display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
			-ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
			-ms-flex-pack: center;
      justify-content: center;
      height: 30px;
      background-color: #eceff1;
      border: 1px solid #e0e0e0;
      border-top-color: transparent;
      font-size: 85.7%;
      font-size: 1.2rem;
      font-weight: 700;
      color: #666;
      line-height: 1;
      text-decoration: none;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }
    .mod-hero-search .list-tab:first-child .link { border-left-color: transparent; }
    .mod-hero-search .list-tab:last-child .link { border-right-color: transparent; }
    .mod-hero-search .list-tab .link.is-active {
      background-color: #3f51b5;
      border-color: #fff;
      color: #fff;
    }
    .mod-hero-search .list-tab .link.is-active:before {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0px;
      width: 100%;
      height: 1px;
      background-color: #3f51b5;
    }
    .mod-hero-search .list-tab .link.is-active:after {
      content: "";
      position: absolute;
      bottom: -6px;
      left: 50%;
      width: 0;
      height: 0;
      margin-left: -5px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 6px solid #3f51b5;
    }
    @media screen and (min-width: 769px) {
      .mod-hero-search .list-tab .link:not(.is-active):hover { opacity: 0.7; }
    }
  .mod-hero-search .tab-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: none;
    width: 100%;
    padding: 70px 20px 20px;
  }
/* form-hero-search
---------------------------------------------------------- */
.form-hero-search .row {
  display: -webkit-flex;
	display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
}
  .form-hero-search .row .label { width: 20%; line-height: 1; }
  .form-hero-search .row .box-input {
    position: relative;
    display: -webkit-flex;
		display: -ms-flexbox;
    display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
    align-items: center;
    width: 80%;
  }
  .form-hero-search .input-text-01,
  .form-hero-search .input-text-02 {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0 10px;
    background-color: #f3f3f3;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    font-size: 85.7%;
    font-size: 1.2rem;
    line-height: 30px;
  }
  .form-hero-search .input-text-02 {
    height: 20px;
    line-height: 20px;
  }
  .form-hero-search select.input-text-02 {
    height: 22px;
    padding-right: 0;
  }
  .form-hero-search .row.row-directions .box-input .btn-swap {
    position: absolute;
    bottom: -20px;
    right: -40px;
    width: 30px;
    cursor: pointer;
  }
    .form-hero-search .row.row-directions .btn-swap img { width: 100%; }
  .form-hero-search .row.row-directions .box-input { width: 176px; }
  .form-hero-search .box-input-year {
    width: 106px;
    margin-right: 10px;
  }
  .form-hero-search .row .box-input-date { width: 60px; }
  .form-hero-search .row .box-input-time select {
    width: 56px;
    margin-right: 5px;
  }
  .form-hero-search .row .box-input-time .txt-label {
    margin-right: 15px;
    font-size: 85.7%;
    font-size: 1.2rem;
  }
  .form-hero-search .row .box-input-time .txt-label:last-child { margin-right: 0; }
  .form-hero-search .row .box-input-departure,
  .form-hero-search .row .box-input-order { width: 144px; }
  .form-hero-search .btn-submit button {
    display: block;
    width: 100%;
    padding: 6px 0 8px;
    background-color: #ff8f00;
    border: 0;
    border-radius: 3px;
    font-size: 114.3%;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1;
    text-align: center;
  }
  @media screen and (min-width: 769px) {
   .form-hero-search .row.row-directions:not(:first-child),
   .form-hero-search .row.row-date { margin-bottom: 15px; }
   .form-hero-search.form-01 .btn-submit {
      position: absolute;
      bottom: 20px;
      left: 20px;
      width: 280px;
    }
  }
  .form-hero-search.form-02 .label { margin-bottom: 10px; }
  .form-hero-search.form-02 .box-input { margin-bottom: 10px; }
  @media screen and (min-width: 769px) {
    .form-hero-search .list-ext-links {
      position: absolute;
      bottom: 20px;
      left: 20px;
      width: 280px;
    }
  }
    .form-hero-search .list-ext-links .item:not(:last-child) { margin-bottom: 8px; }
    .form-hero-search .list-ext-links .link {
      position: relative;
      display: -webkit-flex;
			display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
			-ms-flex-align: center;
      align-items: center;
      padding: 9px;
      background-color: #f2f3fa;
      border: 1px solid #E0E0E0;
      text-decoration: none;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }
    @media screen and (min-width: 769px) {
      .form-hero-search .list-ext-links .link:hover { opacity: 0.7; }
    }
    .form-hero-search .list-ext-links .link:before {
      content: "";
      position: absolute;
      top: 50%;
      right: 12px;
      width: 14px;
      height: 14px;
      margin-top: -7px;
      background: url(/img/ico_extlink.svg) 0 0 no-repeat;
      background-size: 14px auto;
    }
    .form-hero-search .list-ext-links .icon {
      display: block;
      width: 30px;
      margin-right: 8px;
    }
      .form-hero-search .list-ext-links .icon img { width: 100%; }
    .form-hero-search .list-ext-links .text { font-weight: 700; }
/* mod-hero-slider
---------------------------------------------------------- */
.mod-hero-slider {
  position: relative;
  width: 620px;
  /*background-color: #fff;*/
}
  .mod-hero-slider .list-slider { visibility: hidden; }
  .mod-hero-slider .list-slider .item {
    position: relative;
    width: 100%;
    padding-bottom: 60px;
  }
  .mod-hero-slider .list-slider .image img { width: 100%; }
  .mod-hero-slider .list-slider .txt-caption {
    position: absolute;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
    bottom: 0;
    left: 0;
    width: 100%;
		height: 60px;
    padding: 8px 5px;
    background-color: #fff;
  }
.mod-hero-slider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  overflow: hidden;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: url(/img/ico_btn_direct_01.svg) 0 0 no-repeat;
  background-size: 100%;
  text-indent: -9999px;
}
.mod-hero-slider .slick-arrow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (min-width: 769px) {
  .mod-hero-slider .slick-arrow:hover:before { opacity: 1; }
}
.mod-hero-slider .slick-arrow.slick-prev { left: -16px; }
.mod-hero-slider .slick-arrow.slick-next {
  right: -16px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mod-hero-slider .slick-dots {
  position: absolute;
  right: 0;
  bottom: -14px;
  display: -webkit-flex;
	display: -ms-flexbox;
  display: flex;
}
  .mod-hero-slider .slick-dots li:not(:first-child) { margin-left: 10px; }
  .mod-hero-slider .slick-dots button {
    display: block;
    width: 40px;
    height: 6px;
    overflow: hidden;
    background-color: #fff;
    text-indent: -9999px;
  }
  .mod-hero-slider .slick-dots li.slick-active button { background-color: #3f51b5; }
  .mod-hero-slider button:focus,
  .mod-hero-slider button:active,
  .mod-hero-slider button:visited { outline: none; }
/* list-hero-bg
---------------------------------------------------------- */
.hero-top .list-hero-bg,
.hero-top .list-hero-bg .item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  min-width: 960px;
  overflow: hidden;
  background: #f4f4f4
}
  .hero-top .list-hero-bg .item {
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .hero-top .list-hero-bg .item img { opacity: 0; }
/* ==========================================================
notice / sympathy
========================================================== */
.notice,
.sympathy {
  width: 960px;
  margin: 0 auto 20px;
  border: 1px solid;
  background: #fff;
	font-size: 114.3%;
	font-size: 1.6rem;
}
.notice {
	padding: 8px 12px;
  border-color: #e91e63;
}
.sympathy {
	margin-bottom: 20px;
	padding: 15px 50px/*150px*/;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  border-color: #e0e0e0;
}
  .notice a {
	display: block;
	color: #e91e63;
	font-size: 128.6%;
	font-size: 1.8rem;
  text-align: center;
}

/* ==========================================================
 box-notice
========================================================== */
.box-notice-01,
.box-notice-02 {
  width: 960px;
}

.box-notice-01 .text a,
.box-notice-02 .text a {
	display:flex;
}

.box-notice-01 .text a+a,
.box-notice-02 .text a+a {
	margin-top:10px
}

.box-notice-01 .text a .date,
.box-notice-02 .text a .date {
	margin-right:20px
}

.box-notice-navitime {
	position: absolute;
	top: 30px;
	left: 50%;
	width: 960px;
	margin-bottom: 10px;
	transform: translateX(-50%);
	z-index: 500;
}
  .box-notice-navitime a {
	  display: block;
		padding: 5px 10px;
		background: #e91e63;
		color: #fff;
		-webkit-transition: all 0.2s;
  	transition: all 0.2s;
		text-decoration: none;
	}
	.box-notice-navitime a:hover {
		opacity: 0.7;
	}
/* ==========================================================
 sec informations
========================================================== */
.list-informations {
  display: -webkit-flex;
	display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}
  .list-informations .item {
    position: relative;
    width: calc((100% / 6) - 0.1px);
		/*width: 20%;*/
    background-color: #f2f3fa;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
  }
  .list-informations .item .link {
    position: relative;
    /*display: -webkit-flex;
		display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
		-ms-flex-align: center;
    align-items: center;*/
    width: 100%;
    padding: 14px 10px;
    text-decoration: none;
		text-align: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  @media screen and (min-width: 769px) {
    /*.list-informations .item { min-height: 100px; }*/
    .list-informations .item .link {
			display: block;
      /*position: absolute;
      top: 0;
      bottom: 0;
      left: 0;*/
    }
    .list-informations .item .link:hover { opacity: 0.7; }
  }
  .list-informations .box-icon {
    width: 30px;
    height: 30px;
		margin: 4px auto;
   /* margin-right: 8px;*/
    background-color: #3f51b5;
  }
    .list-informations .box-icon img { width: 100%; }
  .list-informations .link .text {
    font-weight: 700;
    letter-spacing: -0.02em;
  }

/* ==========================================================
 box buslist
========================================================== */
.box-buslist-01 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 35px;
	margin-bottom: 20px;
}
.box-buslist-01 .box-icon {
	width: 30px;
	height: 30px;
	padding: 3px;
}

.box-buslist-01 a {
	display: block;
	text-decoration: none;
	transition: all 0.2s;
}
.box-buslist-01 a:hover {
	opacity: 0.7;
}

.box-buslist-01 h3 {
	margin: 10px 0 5px;
	font-weight: 700;
}

.box-buslist-01-in {
	width: 470px;
	padding: 0 20px 20px;
	background: #fbfbfb url(/img/bg_dot_01.jpg) 0 0 repeat;
}
.box-buslist-01-in h2 {
	position: relative;
	height: 48px;
	line-height: 48px;
	margin: 0 -20px 20px;
	padding: 0 12px;
	color: #fff;
	font-size: 142.9%;
	font-size: 2rem;
	font-weight: 700;
}
.box-buslist-01-in:first-of-type h2 {
	background: #218fec;
}
.box-buslist-01-in:last-of-type h2 {
	background: #00b5cd;
}
.box-buslist-01-in h2 a {
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	color: #fff;
	font-size: 1.4rem;
	transform: translateY(-50%);
}
.box-buslist-01-in .bus-list-btn {
	background: #fff;
}
.box-buslist-01-in .bus-list-btn span {
	display: block;
	position: relative;
	margin-top: 20px;
	padding: 6px 12px;
	font-size: 114.3%;
	font-size: 1.6rem;
	font-weight: 700;
	background: #cbe5f5;
}
.box-buslist-01-in .bus-list-btn span,
.box-buslist-01-in .bus-list-btn span::after {
	transition: all 0.2s;
}
.box-buslist-01-in:first-of-type .bus-list-btn span {
	background: #cbe5f5;
}
.box-buslist-01-in:last-of-type .bus-list-btn span {
	background: #c7e7e8;
}
.box-buslist-01-in .bus-list-btn span::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 8px;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: url(/img/ico_accordion_04.svg) 0 0 repeat;
	background-size: contain;
}
.box-buslist-01-in .bus-list-btn.is-open span::after {
	transform: rotateZ( 180deg );
}
.box-buslist-01-in .bus-list-btn span:hover {
	cursor: pointer;
	opacity: 0.7;
}
.box-buslist-01-in .bus-list-btn + div {
	display: none;
}

.bus-list-01,
.bus-list-02 {
	border-top: 1px solid #d9d9d9;
	font-weight: 700;
}
.bus-list-01 li,
.bus-list-02 li {
	background: #fff;
	border: 1px solid #d9d9d9;
	border-top: none;
}
.bus-list-01 li .link,
.bus-list-02 li .link {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.4;
}
.bus-list-01 li .link .text,
.bus-list-02 li .link .text {
	-ms-flex: 0 1 auto;
}
.bus-list-01 {
	margin-bottom: 10px;
}
.bus-list-01 li .link {
	height: 100px;
}
.bus-list-01 .link > img {
	height: 100%;
	margin-right: 15px;
}
.box-buslist-01-in:last-of-type .bus-list-01 li {
	font-size: 85.7%;
	font-size: 1.2rem;
}
.box-buslist-01-in:last-of-type .bus-list-01 .text img {
	display: block;
}
.box-buslist-01-in:last-of-type .bus-list-01 li:first-of-type .text img {
	width: 162px;
	height: 22px;
	margin-bottom: 5px;
}
.box-buslist-01-in:last-of-type .bus-list-01 li:last-of-type .text img {
	width: 214px;
	height: 18px;
	margin-bottom: 10px;
}
.bus-list-02 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.bus-list-02 li {
	flex-grow: 1;
	width: 33.3%;
	height: 0;
	min-height: 60px;
}
.bus-list-02 li:nth-of-type(n+2){
	border-left: none;
}
.bus-list-02 .link {
	height: 100%;
}
.bus-list-02 .link .box-icon {
	margin: 0 10px;
	flex-shrink: 0;
}
.bus-list-02 .link span {
	display: block;
	margin-left: -0.5em;
	font-size: 85.7%;
	font-size: 1rem;
}
.bus-list-02 .link-tdr .text {
	letter-spacing: -1.5px;
	margin: 0 -0.5em;
}
.box-icon-rosen-01 {
	background: #218fec;
}
.box-icon-rosen-02 {
	background: #bd5981;
}
.box-icon-rosen-03 {
	background: #26496a;
}
.box-icon-kousoku-01 {
	background: #00b5cd;
}
.box-icon-kousoku-02 {
	background: #4ca850;
}
.box-icon-kousoku-03 {
	background: #673ab0;
}

.box-buslist-01 .link-warning-01 {
  margin: 0 0 15px;
  font-size: 1.5rem;
}

/* ==========================================================
 mod-top-search
========================================================== */
.mod-top-search { padding-bottom: 35px; }
/* box-search
---------------------------------------------------------- */
.mod-top-search .box-search {
  position: relative;
  margin-bottom: 20px;
}
  .mod-top-search .box-search .gsc-search-box { margin-bottom: 0; }
    .mod-top-search .box-search .gsc-search-box .gsc-input-box {
      height: 46px;
      background-color: #f3f3f3;
      border: 2px solid #e0e0e0;
      border-radius: 3px;
    }
    .mod-top-search .box-search .gsc-search-box .gsib_a {
      height: 44px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 16px;
    }
    .mod-top-search .box-search .gsc-search-box input.gsc-input {
      padding-right: 8px;
      background: url(/img/bg_placeholder_01_pc.png) 0 center no-repeat !important;
      background-size: 148px auto !important;
    }
    .mod-top-search .box-search .gsc-search-box .gsc-input > input:hover,
    .mod-top-search .box-search .gsc-input-box-hover {
      border: 0;
      box-shadow: none;
      outline: none;
    }
    .mod-top-search .box-search .gsc-search-box .gsc-input > input:focus,
    .mod-top-search .box-search .gsc-input-box-focus {
      border: 0;
      box-shadow: none;
      outline: none;
    }
    .mod-top-search .box-search .gsc-search-box input.gsc-input:focus,
    .mod-top-search .box-search .gsc-search-box input.gsc-input.is-focus { background: none !important; }
    .mod-top-search .box-search .gsc-search-box .gsc-search-button {
      padding: 0;
      background: url(/img/btn_search_01_pc.png) 0 0 no-repeat;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }
    @media screen and (min-width: 769px) {
      .mod-top-search .box-search .gsc-search-box .gsc-search-button:not(.gsc-search-button-v2):hover { opacity: 0.7; }
    }
    .mod-top-search .box-search .gsc-search-box .gsc-search-button-v2 {
      vertical-align: middle;
      width: 140px;
      height: 46px;
      padding: 0;
      margin: 0;
      border: 0;
      opacity: 0;
    }
    .mod-top-search .box-search .gsc-search-box .gsst_b { line-height: 1; }
    .mod-top-search .box-search .gsc-search-box .gsst_a {
      vertical-align: middle;
      padding-top: 0;
      line-height: 1;
    }
    .mod-top-search .box-search .gsc-search-box .gscb_a {
      vertical-align: middle;
      line-height: 1;
    }
/* box-keywords
---------------------------------------------------------- */
.mod-top-search .box-keywords {
  display: -webkit-flex;
	display: -ms-flexbox;
  display: flex;
}
.mod-top-search .ttl-keywords {
  position: relative;
  padding-left: 30px;
  font-weight: 700;
  font-size: 85.7%;
  font-size: 1.2rem;
  line-height: 2;
}
.mod-top-search .ttl-keywords:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: url(/img/ico_chart.svg) 0 0 no-repeat;
  background-size: 18px auto;
}
.mod-top-search .list-keywords {
  display: -webkit-flex;
	display: -ms-flexbox;
  display: flex;
}
  .mod-top-search .list-keywords .item { margin-left: 25px; }
  .mod-top-search .list-keywords .link { color: #0044cc; }
/* ==========================================================
 sec services
========================================================== */
.sec-services {
	margin-bottom: 50px;
  padding: 40px 0;
  background: #fbfbfb url(/img/bg_dot_01.jpg) 0 0 repeat;
}
  .sec-services .list-services {
    display: -webkit-flex;
		display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
  }
    .sec-services .list-services .item {
      width: 33.33%;
      padding: 0 15px;
    }
    .sec-services .list-services .link {
      position: relative;
      display: block;
      background-color: #fff;
      text-decoration: none;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }
    @media screen and (min-width: 769px) {
      .sec-services .list-services .link:hover { opacity: 0.7; }
    }
    .sec-services .list-services .image img { width: 100%; }
    .sec-services .list-services .box-detail {
      padding: 15px 0 12px;
      text-align: center;
    }
    .sec-services .list-services .title {
      font-size: 114.3%;
      font-size: 1.6rem;
      font-weight: 700;
    }
    .sec-services .list-services .text {
      font-size: 85.7%;
      font-size: 1.2rem;
    }
/* ==========================================================
 sec news
========================================================== */
.sec-news-link a {
	position: relative;
	display: block;
	padding: 7px 12px;
	border: 1px solid #d9d9d9;
}
.sec-news-link a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 12px;
	height: 12px;
	background: url(/img/ico_anchor_link.svg) 0 0 no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}
.sec-news { padding: 35px 0 60px; }
  .sec-news .ttl-heading {
    position: relative;
    display: -webkit-flex;
		display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
		-ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #E0E0E0;
  }
    .sec-news .ttl-heading .text {
      position: relative;
      padding-left: 30px;
      font-weight: 700;
    }
    .sec-news .ttl-heading .text:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 14px;
      height: 16px;
      margin-top: -8px;
      background: url(/img/ico_sound_01.svg) 0 0 no-repeat;
      background-size: 14px auto;
    }
    .sec-news .ttl-heading .text .icon { margin-right: 8px; }
    .sec-news .ttl-heading .link {
      text-decoration: none;
      font-size: 85.7%;
      font-size: 1.2rem;
      font-weight: 700;
    }
    .sec-news .box-news {
      /* height: 236px; */
      height: 280px;
      overflow-y: auto;
    }

    .list .sec-news .box-news {
      height: auto;
      overflow-y: visible;
    }

    .list .ttl-cmn-01 .list-news .title,
    .list .ttl-cmn-01 .list-news .title::after,
    .list .ttl-cmn-01 .list-news .title::before,
    .detail .sec-news .title,
    .detail .sec-news .title::after,
    .detail .sec-news .title::before{
      background: none;
      padding-bottom: 0px;
      border-bottom: none;
    }

    .detail .sec-news h3.ttl-cmn-02{
      margin-bottom: 10px
    }

    .detail .sec-news .title{
      text-align: right;
      margin-bottom: 20px;
    }

    .detail .sec-news .title div{
      display: inline-block;
      margin-left: 10px
    }

    .sec-news .list-news {
      margin-top: -10px;
      padding-right: 15px;
    }

    .list .sec-news .list-news{
      padding-right: 0
    }
      .sec-news .list-news .item { border-bottom: 1px solid #E0E0E0; }
      .sec-news .list-news .link {
        position: relative;
        display: -webkit-flex;
				display: -ms-flexbox;
        display: flex;
        padding: 12px 0;
        line-height: 1;
        text-decoration: none;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
      }

    .list .sec-news .list-news .link{
      padding: 20px 0
    }


    @media screen and (min-width: 769px) {
      .sec-news .list-news .link:hover { opacity: 0.7; }
    }
    
    .sec-news .list-news .title { width: 25%; }
      .sec-news .list-news .title .txt-cmn-label-01 {
        min-width: 120px;
        margin-right: 16px;
      }
      .sec-news .list-news .title .txt-date {
        display: inline-block;
        line-height: 1.4;
      }
    .sec-news .list-news .detail {
      width: 75%;
      padding: 0 20px;
      border-left: 1px solid #E0E0E0;
      line-height: 1.75;
    }

    .list .pagination{
      text-align: center;
      margin-top: 20px
    }

    .list .pagination li{
      display: inline-block;
      margin: 0 4px;
      padding: 6px 0;
      width: 24%;
      border: 1px solid #E0E0E0;
    }

    .list .pagination li a{
      display: block;
    }

    .list .pagination li.blank{
      border: none
    }

/* ==========================================================
 list-other-menus
========================================================== */
.list-other-menus {
  display: -webkit-flex;
	display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px -10px 0;
}
  .list-other-menus .item {
    width: 50%;
    padding: 10px;
  }
  .list-other-menus .link {
    position: relative;
    display: table;
    width: 100%;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    text-decoration: none;
  }
  .list-other-menus .link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  @media screen and (min-width: 769px) {
    .list-other-menus .link:hover:before { opacity: 1; }
  }
  .list-other-menus .image {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
  }
    .list-other-menus .image img { width: 100%; }
  .list-other-menus .box-detail {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 20px;
  }
    .list-other-menus .box-detail .title {
      margin-bottom: 5px;
      font-weight: 700;
    }
    .list-other-menus .box-detail .text {
      font-size: 85.7%;
      font-size: 1.2rem;
    }
/* ==========================================================
 mod-top-banner
========================================================== */
.mod-top-banner {
  position: relative;
  padding: 0 45px;
  margin-top: 30px;
  margin-bottom: 40px;
}
  .list-top-banners .item { margin-left: 5px; }
  .list-top-banners .link {
    position: relative;
    display: table;
    font-weight: 600;
    width: 170px;
    padding: 8px 7px 8px 8px;
    border: 1px solid #e0e0e0;
    text-decoration: none;
  }

  .list-top-banners .link.no-padding{
    padding: 0
  }
  
  .list-top-banners .link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  @media screen and (min-width: 769px) {
    .list-top-banners .link:hover:before { opacity: 1; }
  }
  .list-top-banners .icon {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    text-align: center;
  }
  .list-top-banners .icon img {
    display: inline-block;
    height: inherit;
  }
  .list-top-banners .item-01 .link { background-color: #e3f2fd; }
  .list-top-banners .item-02 .link { background-color: #ffebee; }
  .list-top-banners .item-03 .link { background-color: #f1f8e9; }
  .list-top-banners .item-04 .link { background-color: #e8eaf6; }
  .list-top-banners .item-05 .link { background-color: #e0f2f1; }
  .list-top-banners .item-06 .link { background-color: #e0f7fa; }
  .list-top-banners .box-text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 6px;
    font-size: 1.1rem;
    line-height: 1.6;
    letter-spacing: -0.03em;
  }
    .list-top-banners .box-text .logo {
      position: relative;
      top: 3px;
      display: inline-block;
      width: 54px;
    }
  .mod-top-banner .btn-control {
    position: absolute;
    top: 50%;
    overflow: hidden;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background-image: url(/img/ico_btn_direct_01.svg);
    background-size: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer;
  }
  .mod-top-banner .btn-control.prev { left: 0; }
  .mod-top-banner .btn-control.next {
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
.mod-top-banner-global {
	margin-top: 40px;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #E0E0E0;
}
	.mod-top-banner-global .item {
		display: inline-block;
		margin: 0 5px;
	}
.mod-top-banner-global .item,
.mod-top-banner-global .item a {
	vertical-align: middle;
}

.notice-area-01 {
  margin-bottom: 20px;
  padding: 20px;
  background: #e3f6f3;
  text-align: center;
}
.notice-area-01 a {
  display: inline-block;
  max-width: 780px;
  transition: opacity 0.2s;
}
.notice-area-01 a:hover {
  opacity: 0.7;
}
.notice-area-01 a,
.notice-area-01 a img {
  width: 100%;
}

/* ==========================================================
 lang
========================================================== */
.global .bus-list-01 li .link,
.global .bus-list-02 li .link {
	padding-right: 10px;
}
.global .bus-list-02 .link span {
	margin-left: 0;
}
.global .bus-list-02 .link-tdr .text {
	letter-spacing: 0;
}
.global.th .box-buslist-01-in .bus-list-btn span {
	letter-spacing: -0.2px;
	font-size: 14px;
}

.global .list-informations .item{
  width: 25%
}
.global.en .list-informations {
	font-size: 12px;
}

.global .list-other-menus{
  /*padding-bottom: 30px;*/
  background-color: #fff
}

.global .sec-news .list-news .title .txt-cmn-label-01{
  min-width: 130px
}

.global.en .box-notice-01 .label .txt{
  font-size: 13px
}
.global .sec-services .list-services {
	-ms-flex-pack: center;
	justify-content: center;
}
.global.en .sec-services .list-services .box-detail{
  min-height: 96px
}

.global.en .form-hero-search .row .label{
  padding-right: 4px;
  letter-spacing: -0.2px;
  font-size: 10px
}

.global.en .mod-hero-search,
.global.en .mod-hero-search .list-tab .link{
  font-size: 12px;
}


.shinsai10 {
  display: block;
  background: #efccca;
  max-width: 960px;
  margin: 0 auto;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
}
.shinsai10 img {
  max-width: 340px;
}
.shinsai10 span {
  display: block;
}

/* ==========================================================
 追加
========================================================== */
.sec-news-twitter {
  display: -webkit-flex;
	display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 35px 0 60px;
}
@media screen and (min-width: 769px) {
  .sec-news-twitter .sec-news {
    width: calc(100% - 360px);
    padding: 0;
  }
  .sec-news-twitter .sec-news .list-news .title .txt-date {
    min-width: 120px;
    margin: 5px 16px 0 0;
    font-size: 13px;
    text-align: center;
  }
}
.sec-news-twitter .sec-twitter {
  width: 320px;
}
.sec-twitter iframe,
.sec-twitter div {
  display: block;
}
.link-sns-01 {
  display: block;
    margin: 15px 10px;
    padding: 10px 30px 10px 50px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    border-radius: 4px;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.3);
    background-color: #0f1419;
    border: 1px solid #000;
}
.link-sns-01::before,
.link-sns-01::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  background: 0 0 no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}
.link-sns-01::before {
  left: 12px;
  width: 30px;
  height: 30px;
  background-image: url("/img/top/ico_top_banner_x_02.svg");
}
.link-sns-01::after {
  right: 12px;
  width: 12px;
  height: 12px;
  background-image: url("/img/ico_extlink_white.svg");
}