@charset "UTF-8";
/*------------------------------
 共通・既存調整修正
------------------------------*/
.sp {
  display: none;
}
body {
  overflow-x: visible !important;
}
img {
  aspect-ratio: attr(width)/attr(height); /* アスペクト比をブラウザ側が理解でき、画像が読み込まれる前にwidth とheight 属性に基づいて表示サイズを計算するようになる */
}
div.container_ {
  padding-top: calc(116px + 56px);
}
.main-wrapper {
  color: #333333;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 500;
  overflow: hidden;
}
.main-wrapper .sp {
  display: none;
}

.main-inner {
  width: 100%;
  margin: 0 auto;
}

/*------------------------------
 ページ
------------------------------*/
/* main-visual
------------------------------*/
.main-visual {
  width: 100%;
  padding-top: 52px;
  margin-bottom: 200px;
}
.main-visual .sp {
  display: none;
}

.main-visual__inner {
  max-width: 1400px;
  margin: 0 auto;
}

.main-visual__title {
  font-size: 0;
  line-height: 0;
  margin-left: -190px;
}

.main-visual__image {
  width: 100%;
  height: auto;
}

/* topics
------------------------------*/
.topics {
  width: 1080px;
  color: #333333;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 500;
  margin: 0 auto 0px;
}
.topics .sp {
  display: none;
}

.topics__title {
  color: #05499A;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
  font-weight: 500;
  font-size: 34px;
  line-height: 60px;
  text-align: center;
  background-image: url(/cms/lineartown/img/title_wavy_line_01.png);
  background-size: 330px auto;
  background-position: bottom center;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}

.topics__title-small {
  display: inline-block;
  position: relative;
  top: -6px;
  font-size: 18px;
  line-height: 30px;
}

/* .topics__item {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  border-bottom: 1px solid #E2E2E2;
  padding: 25px 10px 25px 10px;
  box-sizing: border-box;
}

.topics__item-link {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 100%;
}

.topics__item-data {
  font-size: 18px;
  line-height: 30px;
  margin-right: 17px;
}

.topics__item-area {
  display: table;
  width: 200px;
  color: #05499A;
  font-size: 17px;
  line-height: 24px;
  text-align: center;
  margin-right: 17px;
  overflow: hidden;
}

.topics__item-prefectures {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  background-color: #EBF4FF;
  border-radius: 100px 0 0 100px;
  padding-top: 2px;
  box-sizing: border-box;
}

.topics__item-municipalities {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  background-color: #FFFFFF;
  border: 2px solid #EBF4FF;
  border-radius: 0 100px 100px 0;
  padding-top: 2px;
  box-sizing: border-box;
}

.topics__item-text {
  width: calc(100% - 340px);
  font-size: 18px;
  line-height: 30px;
} */

/* map
------------------------------*/
.map {
  width: 100%;
  margin-bottom: 288px;
}

.map__inner {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}

.map__item-box {
  display: flex;
  flex-flow: row-reverse wrap;
  position: absolute;
  top: 154px;
  left: 100px;
  z-index: 2;
}

.map__item {
  min-height: 66px;
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 12px;
  writing-mode: vertical-rl;
  margin-left: 27px;
}
.map__item:last-of-type {
  margin-left: 0;
}

.map__item-link {
  display: inline-block;
  position: relative;
  color: #333333;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
  font-weight: 500;
  text-decoration: none;
  padding-right: 2px;
  box-sizing: border-box;
}
.map__item-link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5px;
  height: 100%;
  background-color: #707070;
  transition: height 0.1s ease 0s;
}
.map__item-link:hover {
  text-decoration: none;
}

.map__image-box {
  width: 1652px;
}

.map__image {
  width: 1652px;
  height: auto;
  margin: 0 auto 0 -125px;
}

/* content
------------------------------*/
.content {
  margin: 0 auto;
}
.content#tokyo {
  margin-bottom: 430px;
}
.content#kanagawa {
  margin-bottom: 380px;
}
.content#yamanashi {
  margin-bottom: 360px;
}
.content#shizuoka {
  margin-bottom: 360px;
}
.content#nagano {
  margin-bottom: 330px;
}
.content#gifu {
  margin-bottom: 340px;
}
.content#aichi {
  margin-bottom: 178px;
}

.content__inner {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}
.content__inner-box {
  position: relative;
  width: 588px;
  z-index: 1;
}
#tokyo .content__inner-box {
  margin-left: 38px;
}
#kanagawa .content__inner-box {
  margin-left: 745px;
}
#yamanashi .content__inner-box {
  margin-left: 100px;
}
#shizuoka .content__inner-box {
  margin-left: 745px;
}
#nagano .content__inner-box {
  margin-left: 100px;
}
#gifu .content__inner-box {
  margin-left: 745px;
}
#aichi .content__inner-box {
  margin-left: 100px;
}

.content__number {
  color: #FF641B;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 52px;
}

.content__number-small {
  font-size: 20px;
}

.content__title {
  color: #05499A;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  margin-bottom: 10px;
}

.content__title-english {
  display: inline-block;
  font-size: 20px;
  margin-left: 17px;
}

.content__image-box {
  position: absolute;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 0;
}
#tokyo .content__image-box {
  top: 65px;
  right: -750px;
}
#kanagawa .content__image-box {
  top: -50px;
  left: -780px;
}
#yamanashi .content__image-box {
  top: -30px;
  right: -810px;
}
#shizuoka .content__image-box {
  top: 5px;
  left: -765px;
}
#nagano .content__image-box {
  top: -100px;
  right: -635px;
}
#gifu .content__image-box {
  top: -100px;
  left: -741px;
}
#aichi .content__image-box {
  top: -50px;
  right: -640px;
}

.content__image {
  display: inline-block;
}

.content__item-box {
  margin: 0 auto;
}

.content__item {
  display: inline-block;
  margin: 0 5px 12px 0;
}

.content__item-text {
  display: block;
  color: #05499A;
  font-size: 18px;
  line-height: 30px;
  background-color: #EBF4FF;
  border-radius: 100px;
  padding: 0 18px;
  box-sizing: border-box;
}

.content__text-box {
  margin-bottom: 60px;
}

.content__text {
  font-size: 18px;
  line-height: 50px;
}

.content__button {
  width: 320px;
  margin: 0 auto 0 0;
}

.content__button-link {
  display: block;
  position: relative;
  width: 100%;
  color: #05499A;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  background-color: #FFFFFF;
  border: 1.2px solid #05499A;
  border-radius: 100px;
  transition: opacity 0.3 ease 0s;
  box-sizing: border-box;
}
.content__button-link:hover {
  opacity: 0.8;
}
.content__button-link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 10px;
  height: 10px;
  border-top: 1.4px solid #05499A;
  border-right: 1.4px solid #05499A;
  transform: rotate(45deg);
  margin-top: -5px;
}

.content__mist {
  position: absolute;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 0;
}
#tokyo .content__mist {
  top: -472px;
  left: -532px;
  width: 925px;
  height: 737px;
}
#kanagawa .content__mist {
  top: -660px;
  right: -845px;
  width: 1350px;
  height: 1154px;
}
#yamanashi .content__mist {
  top: -650px;
  left: -850px;
  width: 1121px;
  height: 1014px;
}
#shizuoka .content__mist {
  top: -440px;
  right: -800px;
  width: 1298px;
  height: 985px;
}
#nagano .content__mist {
  top: -560px;
  left: -700px;
  width: 1217px;
  height: 970px;
}
#gifu .content__mist {
  top: -465px;
  right: -830px;
  width: 1298px;
  height: 985px;
}
#aichi .content__mist {
  top: -634px;
  left: -740px;
  width: 1121px;
  height: 1014px;
}

.content__mist-image {
  display: inline-block;
  width: 100%;
  height: auto;
}

.content__wavy-line {
  position: absolute;
  width: 886px;
  height: 81px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 0;
}
#tokyo .content__wavy-line {
  top: 35px;
  left: -590px;
}
#kanagawa .content__wavy-line {
  top: -25px;
  right: -165px;
}
#yamanashi .content__wavy-line {
  top: 25px;
  left: -460px;
}
#shizuoka .content__wavy-line {
  top: -24px;
  right: -160px;
}
#nagano .content__wavy-line {
  top: 25px;
  left: -450px;
}
#gifu .content__wavy-line {
  top: -24px;
  right: -165px;
}
#aichi .content__wavy-line {
  top: 25px;
  left: -450px;
}

.content__wavy-line-image {
  display: inline-block;
  width: 100%;
  height: auto;
}

/* related-sites
------------------------------*/
.related-sites {
  width: 1200px;
  margin: 0 auto 100px;
}

.related-sites__inner {
  width: 100%;
}

.related-sites__title {
  color: #05499A;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
  font-weight: 500;
  font-size: 34px;
  line-height: 40px;
  text-align: center;
  background-image: url(/cms/lineartown/img/title_wavy_line_02.png);
  background-size: 422px auto;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 4px;
  margin-bottom: 70px;
  box-sizing: border-box;
}

.related-sites__title-small {
  font-size: 18px;
}

.related-sites__item-box {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.related-sites__item {
  width: 390px;
}

.related-sites__text {
  color: #05499A;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  margin-bottom: 20px;
}

.related-sites__button {
  width: 100%;
}

.related-sites__button-link {
  display: block;
  position: relative;
  width: 100%;
  color: #05499A;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
  font-weight: 500;
  font-size: 19px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  background-color: #FFFFFF;
  border: 1.2px solid #05499A;
  border-radius: 100px;
  transition: opacity 0.3 ease 0s;
  box-sizing: border-box;
}
.related-sites__button-link:hover {
  opacity: 0.8;
}
.related-sites__button-link::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  width: 15px;
  height: 13px;
  background-image: url(/cms/lineartown/img/icon_another_window.png);
  background-size: 100% auto;
  background-position: top left;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
/****************
改修
**********************/
/* navi
------------------------------*/
.body.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
}

.header {
  position: fixed;
  z-index: 100;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
  top: 0;
  height: 1;
}
.header_wapper {
  background-color: #ffffff;
  z-index: 1;
  position: relative;
  box-shadow: 1px 1px 2px rgb(0, 0, 0, 0.3);
}
#header.fixed {
  position: fixed;
}
.header_linearLogo {
  position: absolute;
  top: 30px;
  left: 40px;
  width: 50px;
  height: auto;
}
.header_linearLogo img {
  width: 319px;
}
.header_content {
  background-color: #ffffff;
  width: 100%;
  position: relative;
  z-index: 1;
  box-shadow: 1px 1px 2px rgb(0, 0, 0, 0.3);
}
.header_inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 116px;
  background-color: #ffffff;
  z-index: 1;
  max-width: 1420px;
}
.navi {
  position: relative;
  /* height: 100vh; */
  z-index: 100;
  width: 100%;
  display: block;
}
.is-open .navi_inner {
  position: relative;
  top: 0;
  height: 100vh;
  z-index: 100;
  width: 100%;
  display: block;

}
.navi_top {
  position: absolute;
  height: 100px;
  top: 5px;
  left: 50%;
  transform: translate(0px, 0%);
  cursor: pointer;
  display: flex;
  align-items: center;
}
.navi_top::before {
  content: "";
  background-image: url(/cms/lineartown/img/header_img_01.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 104px;
  height: 98px;
  z-index: 1;
  left: -36px;
  top: 0px;
  position: absolute;
}
.navi_ttl {
  position: relative;
  font-size: 20px;
  z-index: 2;
}
.navi_under {
  transition: all 0.5s;
  transform: translateY(-101%);
  position: absolute;
  width: 100%;
}
.navi_bottom {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  transform: translateX(200px);
}
.navi_bottom_inner {
  background-color: #EBF4FF;
  padding: 16px 20px;
}
.navi_itemBox {
  border-radius: 10px;
  display: flex;
  background-color: #ffffff;
  padding: 20px 30px;
}
.navi_itemBox li {
  writing-mode: vertical-rl;
}
.navi_itemBox a {
  text-decoration: none;
  border-right: 1px solid #707070;
  padding-right: 3px;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 28px;
  display: block;
  color: #000000;
  position: relative;
}
.navi__background {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
.movie {
  position: absolute;
  right: 5px;
  top: 5px;
}
.movie a{
  position: relative;
  height: 100px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #000000;
}
.movie a::before {
  content: "";
  background-image: url(/cms/lineartown/img/icon_movie.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  z-index: 1;
  left: -36px;
  top: 50%;
  position: absolute;
  transform: translate(-18px, -50%);
  display: none;
}
/* navi オープン時
------------------------------*/
body.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
}
.is-open.navi_under {
  transform: translateY(0%);
  }
.is-open .navi__background {
    display: block;
}
/****************
追従sns
**********************/
.fixedbtn {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 10;
}
.fixedbtn .sns-icon {
  position: relative;
}
.fixedbtn .fixedMenu_item {
  position: relative;
  background-color: #EBF4FF;
  border-radius: 30px 0 0 30px;
  color: #05499A;
  width: 140px;
  display: block;
  height: 186px;
  text-align: center;
  padding-top: 107px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1.4;
  box-shadow: 4px 3px 5px rgba(0,0,0,0.3);
}
.fixedbtn .fixedMenu_item::before {
  content: "";
  background-image: url(/cms/lineartown/img/icon_sns_01.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.fixedbtn .sns-close_btn_box {
  position: absolute;
  top: -10px;
  left: -10px;
}
.fixedbtn .sns-close_btn {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.fixedbtn .sns-close_btn::after {
  content: '×';
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/****************
トピックス
**********************/
.topics {
  width: 100%;
  color: #333333;
  background-image: url(/cms/lineartown/img/slope_gray_background.png);
  background-size: 1680px 1057px;
  background-position: top center;
  background-repeat: repeat-x;
  margin: 0 auto 0px;
  padding: 130px 30px;
  box-sizing: border-box;
  overflow: hidden;
}
.topics__item {
  width: calc(100% / 3);
  margin: 10px 20px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
  position: relative;
}
.topics__item .smzpreview-article_data_status {
  position: absolute;
  height: auto;
  top: 10px;
}
.topics__item a {
  color: #313131;
}
.topics__item-img {
  margin: 0;
  display: block; /* 必要に応じて調整可能 */
  width: 100%; /* レスポンシブ対応 */
  aspect-ratio: 510 / 297; /* 縦横比を固定 */
  overflow: hidden; /* 余分な部分を隠す */
  position: relative; /* 内部要素の配置に役立つ */
}

.topics__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像が枠を埋める形で表示される */
  object-position: center; /* 画像を中央基準に配置 */
  border-radius: 10px 10px 0 0;
}
.topics__item-wrapper {
  padding: 20px;
  position: relative;
}
.topics__item-area {
  font-size: 15px;
  display: flex;
  position: absolute;
  top: -16px;
}
.topics__item-prefectures {
  color: #05499A;
  font-size: 15px;
  background-color: #EBF4FF;
  border-radius: 100px 0 0 100px;
  padding: 5px 10px;
  box-sizing: border-box;
  border: 2px solid #EBF4FF;
}

.topics__item-municipalities {
  color: #05499A;
  font-size: 15px;
  background-color: #FFFFFF;
  border: 2px solid #EBF4FF;
  border-radius: 0 100px 100px 0;
  padding: 5px 10px;
  box-sizing: border-box;
}

.topics__item-text {
  font-size: 18px;
  line-height: 30px;
}
.topics__item-data {
  text-align: right;
  font-size: 15px;
}


/* slick */
.slide__prevArrow,
.slide__nextArrow {
  display: block;
  position: absolute;
  top: 100%;
  width: 35px;
  height: 35px;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}

.slick-dots {
  display: block;
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-top: 32px;
}

.slick-dots li {
  display: inline-block;
  margin-right: 8px;
}
.slick-dots li:last-of-type {
  margin-right: 0;
}
.slick-dots li:first-of-type:last-of-type {
  display: none;
}

.slick-dots li button {
  width: 14px;
  height: 14px;
  font-size: 0;
  line-height: 0;
  background-color: #FFFFFF;
  border: 1.2px solid #05499A;
  border-radius: 50%;
  padding: 0;
  box-sizing: border-box;
  cursor: pointer;
}

.slick-dots li.slick-active button {
  background-color: #05499A;
}

.slide__prevArrow {
  left: 17.5px;
}

.slide__nextArrow {
  right: 17.5px;
}
/****************
JR東海のトピックス
**********************/
.topics.central {
    background-image: url(/cms/lineartown/img/skyblue_background.png);
    margin-bottom: 100px;
    margin-top: -20px;
}
.topics.central .smzpreview-article_data_status {
    top: -200px;
}
.topics.central  a {
    color: #313131;
}
.topics.central .topics__item-thumbnail {
    margin: 0;
    display: block;
    width: 100%;
    aspect-ratio: 510 / 297;
    overflow: hidden;
    position: relative;
}
.topics.central .topics__item-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px 10px 0 0;
}
.topics.central .topics__item-inner {
    padding: 20px;
    position: relative;
    
}
.topics__item-data .topics__item-icon {
    color: #05499A;
    font-size: 15px;
    background-color: #FFFFFF;
    border: 2px solid #EBF4FF;
    border-radius: 20px;
    padding: 5px 10px;
    box-sizing: border-box;
    position: absolute;
    top: -16px;
    left: 20px;
}
.topics__item-data span.topics__item-date {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.topics.central .topics__item-title {
    font-size: 18px;
    line-height: 30px;
}
.topics.central .topics__item-description,
.topics.central .topics__item-link,
.topics.central .topics__button {
    display: none;
}
/****************
関連サイト
**********************/
.swiper-slide {
 text-align: center;
 width: 300px;
}
.connections-sites {
  margin: 0 0 100px;
}

.connections-sites__title {
  color: #05499A;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
  font-weight: 500;
  font-size: 34px;
  line-height: 60px;
  text-align: center;
  background-image: url(/cms/lineartown/img/title_wavy_line_01.png);
  background-size: 330px auto;
  background-position: bottom center;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
/* .connections-sites .swiper-container {
  padding-left: 10vw;
} */
.connections-sites .swiper-wrapper {
  transition-timing-function: linear;

}
.connections-sites .connections-sites__item a {
  width: 300px;
  height: 202px;
  display: inline-block;
}
.connections-sites .connections-sites__item a img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 10%);
}