@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
/* CSS Document */
/* 目次 
リセット・不変
*/
/**************************************************
リセット
**************************************************/
* {
  margin: 0;
  padding: 0;
  line-height: 1.0;
}

article, aside, details, figcaption, figure, footer, pc-header, main, menu, nav, section, summary {
  display: block;
}
html {
  font-size: 62.5%;
}
body {
  font: normal 1.4rem/1.6  "游明朝体", "Yu Mincho", YuMincho, "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
  color: #393636;
}
html, body {
  margin: 0;
  padding: 0;
}
table, thead, tbody, tr, th, td {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
ul, ol {
  list-style: none;
}
a {
  text-decoration: none;
}
/*a:hover, a:active, a:focus {color: #33383f;}*/
img {
  vertical-align: bottom;
  border: 0;
}
i, cite, em, var, address, dfn {
  font-style: normal;
}
*, *:before, *:after {
  box-sizing: border-box;
}
button, select {
  text-transform: none;
}
/* IE用 */
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
button {
  overflow: visible;
}
textarea {
  overflow: auto;
}
/* firefox用リンクをクリックした後に表示される「枠線」を消す */
a, a:focus {
  outline: none;
}
/* iOSでTEL link無効 */
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
/*スクロールバーの領域表示確保*/
html {
  overflow-y: scroll;
}
/* スクロール時の挙動を調整 */
:root {
  scroll-padding-top: 60px;
  scroll-behavior: smooth;
}

/* body */
body {
  width: 100%;
}
/*スライダーの画像の右にできる余白を隠す*/
#container {
  overflow: hidden;
}
/*タブ切り替え*/
.ChangeElem_Panel {
  display: none;
}
/* clearfix */
.cf {
  clear: both;
}
.cf:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
/* float */
.float-l {
  float: left;
}
.float-r {
  float: right;
}
/*リンク*/
/*画像*/
img {
  width: 100%;
  height: auto;
}
a:hover img, a:active img {
  opacity: 0.7;
}
a:link, a:visited, a:hover, a:active {
  color: #393636;
}
a:hover, a:active {
  opacity: 0.7;
  transition: all .3s;
}
iframe {
  width: 100%;
}

/*------------------------------
googlemapのレスポンシブ対応 ※変更不可
------------------------------*/
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}


/**************************************************
* 共通（レイアウト・テキスト・見出し・ボタン・ヘッダー・フッター・ぱんくず・サイドバー・パーツブロックなど)
***************************************************/
/*------------------------------
レイアウト ※変更不可
------------------------------*/
.sp {
  display: block;
}
.tb {
  display: none;
}
.pc {
  display: none;
}

/*------------------------------
見出し h1-h6 ※変更不可
-----------------------------*/
h1 {
  font-size: 2.4rem;
}
h2 {
  font-size: 2.2rem;
  font-weight: 500;
}
h3 {
  font-size: 1.8rem;
}
h4 {
  font-size: 1.7rem;
}
h5 {
  font-size: 1.6rem;
}
h1,h2,h3,h4,h5{
    line-height: 1.4;
}
p, li, a, th, td, dt, dd {
  font-size: 1.6rem;
  line-height: 1.6;
}


/*------------------------------
テキストリンク ※変更不可
------------------------------*/
a.text-link:link, a.text-link:visited, a.text-link:hover, a.text-link:active {
  color: #333;
  text-decoration: underline;
}
a.text-link2:link, a.text-link2:visited, a.text-link2:hover, a.text-link2:active {
  color: #fff;
  opacity: 0.8;
  text-decoration: underline;
}
/*------------------------------
クリック範囲の拡大
------------------------------*/
.range {
  position: relative;
  transition: .4s;
}
.range a::before {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  content: "";
}
.range:hover, .range:active {
  opacity: 0.7;
  transition: .4s;
}
/*------------------------------
▶ ※変更不可
------------------------------*/
.arrow-link {
  font-weight: 600;
}
/*------------------------------
▶ ※変更不可
------------------------------*/
.diagonal-stripe {
  background-image: repeating-linear-gradient(-45deg, #E6F0E3 0px, #E6F0E3 5px, #ffffff 5px, #ffffff 10px);
}
/*------------------------------
リスト表示 ※変更不可
------------------------------*/
/*・*/
ul.disc {
  margin-left: 2em;
}
ul.disc > li {
  list-style: disc;
  margin-bottom: 1em;
}
/*123*/
ol.decimal {
  margin-left: 2em;
}
ol.decimal > li {
  list-style: decimal;
  margin-bottom: 1em;
}
/*abc*/
ol.lower-latin {
  margin-left: 2em;
}
ol.lower-latin > li {
  list-style: lower-latin;
  margin-bottom: 1em;
}


/*--------------------------------------------------
画像スクロール共通 .sp-scroll
----------------------------------------------------*/
.sp-scroll p {
  margin: 0 auto;
  width: 600px;
  height: auto;
}
/*スクロール*/
.sp-scroll {
  overflow: auto;
  margin-bottom: 10px;
}
/*スクロールバーの横幅指定*/
.sp-scroll::-webkit-scrollbar {
  height: 10px;
}
/*スクロールバーの背景色・角丸指定*/
.sp-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
/*スクロールバーの色・角丸指定*/
.sp-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #aaa;
}
/*--------------------------------------------------
テーブルスクロール共通 .sp-scroll-t
----------------------------------------------------*/
.sp-scroll-t table {
  margin: 0 0 10px;
}
/*スクロール*/
.sp-scroll-t {
  width: 100%;
  overflow: auto;
  margin-bottom: 10px;
}
/*スクロールバーの横幅指定*/
.sp-scroll-t::-webkit-scrollbar {
  height: 10px;
}
/*スクロールバーの背景色・角丸指定*/
.sp-scroll-t::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
/*スクロールバーの色・角丸指定*/
.sp-scroll-t::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #aaa;
}

/*--------------------------------------------------
Youtube
----------------------------------------------------*/
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅 縦÷横×100*/
  height: 0;
  overflow: hidden;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movie-wrap-vertical {
  position: relative;
  aspect-ratio: 9 / 16;
}
.movie-wrap-vertical iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 374px) {

  .small {
      font-size: 1.0rem;
  }
  .font13 {
    font-size: 1.1rem;
  }
  /*------------------------------
  見出し h1-h6 ※変更不可
  -----------------------------*/
  h1 {
    font-size: 2.4rem;
  }
  h2 {
    font-size: 2.2rem;
  }
  h3 {
    font-size: 1.8rem;
  }
  h4 {
    font-size: 1.7rem;
  }
  h5 {
    font-size: 1.6rem;
  }
  h1,h2,h3,h4,h5{
      line-height: 1.4;
  }
  p, li, a, th, td, dt, dd {
    font-size: 1.4rem;
    line-height: 1.6;
  }
    

} /*================== SP(min-width: 374pxpx)ここまで ==================*/

/*=================== PCここから==================*/
@media screen and (max-width: 1024px) and (min-width: 600px) {
  /*------------------------------
  レイアウト ※変更不可
  ------------------------------*/
  .sp {
    display: none;
  }
  .tb {
    display: block;
  }
  .pc {
    display: none;
  }

  /*------------------------------
  見出し h1-h6 ※変更不可
  -----------------------------*/
  h1 {
    font-size: 2.6rem;
  }
  h2 {
    font-size: 2.4rem;
  }
  h3 {
    font-size: 2.2rem;
  }
  h4 {
    font-size: 2rem;
  }
  h5 {
    font-size: 1.8rem;
  }
  h1,h2,h3,h4,h5{
      line-height: 1.4;
  }
  p, li, a, th, td, dt, dd {
    font-size: 1.6rem;
    line-height: 1.6;
  }


} /*================== PC(min-width: 1024pxpx)ここまで ==================*/
/*=================== PCここから==================*/
@media screen and (min-width: 1025px) {
  .ac-menu .ac-list {
    height: auto;
    opacity: 1;
    margin-top: 10px;
  }
  .ac-menu input:checked ~ label::after {
    display: none;
  }
  .ac-menu label:after {
    display: none;
  }
  .ac-menu label {
    cursor: unset;
  }
  /* フッターアコーディオンメニュー */
  .ac-menu.ac-menu-footer .ac-list {
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .ac-menu.ac-menu-footer label:after {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "＋";
    transition: all 0.5s;
  }
  .ac-menu.ac-menu-footer input:checked ~ label::after {
    display: block;
    content: "−";
    transition: all 0.5s;
  }
    
 /**************************************************
  * 共通（レイアウト・テキスト・見出し・ボタン・ヘッダー・フッター・ぱんくず・その他)
  ***************************************************/
  /*------------------------------
  レイアウト ※変更不可
  ------------------------------*/
  .sp {
    display: none;
  }
  .tb {
    display: none;
  }
  .pc {
    display: block;
  }

  /*------------------------------
  見出し h1-h6 ※変更不可
  -----------------------------*/
  h1 {
    font-size: 3.4rem;
  }
  h2 {
    font-size: 3.4rem;
  }
  h3 {
    font-size: 2.2rem;
  }
  h4 {
    font-size: 1.8rem;
  }
  h5 {
    font-size: 1.6rem;
  }
  p, li, a, th, td, dt, dd {
    font-size: 1.6rem;
  }

 
} /*================== PC(min-width: 1024pxpx)ここまで ==================*/