@charset "UTF-8";
/* CSS Document */
/*----------------------------------------
変数
----------------------------------------*/
/*----------------------------------------
サイト共通 スタイルシート
----------------------------------------*/
.title01 {
  text-align: center;
  padding: var(--size32px) 0;
}
@media screen and (min-width: 590px) {
  .title01 {
    padding: 6rem 0 4.375rem;
  }
}
.title01 .enTitle {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: var(--colorMain);
  font-size: var(--size40px);
  line-height: 1.2;
}
.title01 .jaTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: var(--size16px);
  letter-spacing: 0.1em;
}

/* トップページ限定ヘッダー
---------------------------------------------- */
#header {
  position: absolute;
}
#header.scrolltop {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
#header.shift {
  -webkit-transform: translateY(-80px);
          transform: translateY(-80px);
}
#header #headerInner {
  position: relative;
  background-color: var(--colorBackGround);
}

/* メインイメージ
---------------------------------------------- */
.mainImage01 {
  background: url("images/mainImage01.jpg") no-repeat center center/cover;
}

.mainImage02 {
  background: url("images/mainImage02.jpg") no-repeat center center/cover;
}

.mainImage03 {
  background: url("images/mainImage03.jpg") no-repeat center center/cover;
}

@media screen and (min-width: 900px) {
  #mainImageWrap {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
  }
}
#mainImageWrap h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: clamp(2rem, 1.037037037rem + 3.950617284vw, 4rem);
  font-weight: bold;
  color: var(--colorTextSub);
}

/* 新着情報(テキストのみ)
---------------------------------------------- */
#newsWrap {
  margin-bottom: var(--size64px);
}
#newsWrap ul li {
  list-style: none;
  border-bottom: 1px solid var(--colorBorder);
}
#newsWrap ul li a {
  padding: var(--size16px) 0;
}
@media screen and (min-width: 590px) {
  #newsWrap ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#newsWrap ul li a .newsHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 590px) {
  #newsWrap ul li a .newsHead {
    margin: 0 var(--size16px) 0 0;
  }
}
#newsWrap ul li a .newsHead time {
  font-size: var(--size14px);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-right: var(--size16px);
}
@media screen and (min-width: 590px) {
  #newsWrap ul li a .newsHead .label {
    width: 90px;
    padding: 0.1em 0;
  }
}
#newsWrap ul li a p {
  font-size: var(--size16px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 新着情報(画像あり)
---------------------------------------------- */
#newsWrap02 {
  margin-bottom: var(--size64px);
}
@media screen and (min-width: 590px) {
  #newsWrap02 {
    margin-bottom: 7rem;
  }
}
@media screen and (min-width: 590px) {
  #newsWrap02 #newsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 590px) {
  #newsWrap02 #newsBox section {
    width: 32%;
  }
  #newsWrap02 #newsBox section:not(:nth-child(3n)) {
    margin-right: 2%;
  }
  #newsWrap02 #newsBox section:not(:last-child) {
    margin-bottom: 0;
  }
  #newsWrap02 #newsBox section:not(:nth-child(-n+3)) {
    margin-top: var(--size48px);
  }
}
#newsWrap02 #newsBox section a .newsImg {
  position: relative;
  width: 100% !important;
  height: auto !important;
  overflow: hidden;
  padding-top: 60%;
  margin-bottom: 1em;
}
#newsWrap02 #newsBox section a .newsImg span {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #EEEEEE;
}
#newsWrap02 #newsBox section a .newsImg span img {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
#newsWrap02 #newsBox section a .newsHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
}
#newsWrap02 #newsBox section a .newsHead time {
  font-size: var(--size14px);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-right: 0.5rem;
}
#newsWrap02 #newsBox section a:hover .newsImg img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
}
#newsWrap02 #newsBox section a p {
  font-size: var(--size16px);
}
#newsWrap02 #newsBox section:not(:last-child) {
  margin-bottom: var(--size48px);
}/*# sourceMappingURL=index.css.map */