@charset "UTF-8";

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

* {
  padding: 0;
  margin: 0;
  font-size: 14px;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
  color: #333;
}

img {
  max-width: 100%;
  margin: auto;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

a:focus {
  outline: none;
}

p {
  word-break: break-all;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

span {
  word-break: break-word;
}

/* header */
header {
  display: flex;
  flex-wrap: wrap-reverse;
  width: 100%;
  padding: 30px 0;
  z-index: 1000;
}

header h1,
.header-text {
  display: block;
  width: 100%;
  padding: 5px 0 0;
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
}

header .head-logo {
  width: 100%;
  padding: 0;
  text-align: center;
}

header .head-logo img {
  width: 370px;
}

header .head-btn {
  position: fixed;
  top: 10px;
  right: 15px;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%20%3Cg%20id%3D%22menu%22%20transform%3D%22translate(-305.765%20-6.765)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_4%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%204%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%20transform%3D%22translate(305.765%206.765)%22%20fill%3D%22%23FF5054%22%2F%3E%20%3Cg%20id%3D%22_---%22%20data-name%3D%22---%22%20transform%3D%22translate(318.101%2016.14)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_290%22%20data-name%3D%22%E3%83%91%E3%82%B9%20290%22%20d%3D%22M5.625%2C6.75H30.448V9.007H5.625Z%22%20transform%3D%22translate(-5.625%205.857)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_291%22%20data-name%3D%22%E3%83%91%E3%82%B9%20291%22%20d%3D%22M5.625%2C16.875H30.448v2.257H5.625Z%22%20transform%3D%22translate(-5.625%203.881)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_292%22%20data-name%3D%22%E3%83%91%E3%82%B9%20292%22%20d%3D%22M5.625%2C27H30.448v2.257H5.625Z%22%20transform%3D%22translate(-5.625%201.905)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66561%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066561%22%20d%3D%22M-13.816%2C0h1.56l.5-3.472h.016L-10.352%2C0h.624L-8.28-3.472h.016L-7.824%2C0h1.568l-.912-6.032h-1.56l-1.3%2C3.224-1.224-3.224h-1.544ZM-1.36-4.7V-6.032H-4.792V0H-1.36V-1.328H-3.224v-1.04h1.768V-3.7H-3.224V-4.7ZM.408%2C0H1.976V-3.7h.016L4.864%2C0H6.432V-6.032H4.864v3.688H4.848L1.976-6.032H.408ZM11.92-6.032v3.176c0%2C.784-.056%2C1.64-1.064%2C1.64s-1.064-.856-1.064-1.64V-6.032H8.224V-2.64A2.726%2C2.726%2C0%2C0%2C0%2C8.856-.512a2.879%2C2.879%2C0%2C0%2C0%2C2%2C.672%2C2.879%2C2.879%2C0%2C0%2C0%2C2-.672%2C2.726%2C2.726%2C0%2C0%2C0%2C.632-2.128V-6.032Z%22%20transform%3D%22translate(12.664%207.625)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%220.2%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  z-index: 1000;
}

header .head-btn.active {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_954%22%20data-name%3D%22%E3%83%91%E3%82%B9%20954%22%20d%3D%22M26-11.4%2C23.4-14%2C13-3.6%2C2.6-14%2C0-11.4%2C10.4-1%2C0%2C9.4%2C2.6%2C12%2C13%2C1.6%2C23.4%2C12%2C26%2C9.4%2C15.6-1Z%22%20transform%3D%22translate(0%2014)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
}

/* head-nav */

.head-nav {
  position: fixed;
  top: 0;
  right: 0;
  width: 330px;
  height: 100%;
  padding: 57px 33px 0;
  background: #FF6368;
  z-index:  100;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.head-nav.active {
  opacity: 1;
  visibility: initial;
  box-sizing: border-box;
  max-height: 100vh;
  /*overflow: scroll;*/
}

.hn-logo {
  margin: 0 0 10px;
}
.hn-logo img {
  margin: 0;
  max-width: 184px;
}

.hn-list {
  margin: 0 auto 28px;
}

.hn-list li {
  margin: 3px 0 0;
}

.hn-list a {
  display: block;
  padding: 37px 0 24px;
  border-bottom: solid 1px #fff;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
}
.head-nav .tw-btns {
  margin-left: -10px;
}

.tw-btns {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.tw-btns li {
  max-width: 260px;
  /*margin: 0 5px;*/
}

.tw-btns li img {
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

/* main */

main {
  min-height: 700px;
}

.page-content {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 0 50px;
}

.page-title {
  display: block;
  padding: 40px 0 70px;
  color: #333;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6";
  /*font-size: 1.4rem;*/
  font-size: 26px;
  text-align: center;
}

.pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 500px;
  margin: 40px auto 80px;
}

.pager-btn {
  width: 300px;
  margin: 0 auto 20px;
}

.pager-btn:last-of-type {
  margin: 0 auto;
  margin-top: 2.5rem;
}

.pager-btn a {
  display: block;
  padding: 15px 0;
  border: solid 2px #000;
  border-radius: 40px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.882%22%20height%3D%2210.707%22%20viewBox%3D%220%200%206.882%2010.707%22%3E%20%3Cpath%20id%3D%22ic_keyboard_arrow_down_24px%22%20d%3D%22M7.175%2C7.84%2C11%2C11.657%2C14.825%2C7.84%2C16%2C9.015l-5%2C5-5-5Z%22%20transform%3D%22translate(-7.487%2016.354)%20rotate(-90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-size: 9px;
  background-repeat: no-repeat;
  background-position: 275px center;
  background-color: #42b570;
  box-shadow: 0 3px 0 #000;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.bottom-tw-btns {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 500px;
  margin: 40px auto 20px;
}

.bottom-tw-btns li {
  width: 45%;
  margin: 0 5px;
}

.bottom-tw-btns li img {
  width: 100%;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.bottom-contact-head {
  margin: 20px 20px 10px;
  text-align: center;
}

.bottom-contact-head h4 {
  position: relative;
  font-weight: normal;
  font-size: 1rem;
}

.bottom-contact-head h4:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  background-color: #000;
  transform: rotate(-30deg);
  margin: auto;
  left: -90px;
  right: 0;
}

.bottom-contact-head h4:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  background-color: #000;
  transform: rotate(30deg);
  margin: auto;
  left: 0;
  right: -90px;
}

.bottom-contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 20px 60px;
}

.bottom-contact li {
  margin: 0 20px;
}

.bottom-contact li img {
  width: 40px;
}

/* footer */

.breadcrumbs {
  max-width: 980px;
  margin: 0 auto;
  padding: 20px 0;

  display: none;
}

.breadcrumbs a {
  color: #333;
}

.breadcrumbs .current-item {
  color: #FF6368;
}

.footer-inner {
  /*padding: 30px 10px;*/
padding: 30px 10px 130px;
  background: #000000;
}

.fm-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 820px;
  margin: 0 auto 40px;
}

.fm-list li {
  width: calc(100% / 6);
  padding: 0 1%;
  text-align: center;
}

.fm-list li a {
  display: block;
  padding: 10px 0;
  color: #fff;
  font-size: 1rem;
}

.copyright {
  display: block;
  padding: 20px 0 30px;
  color: #fff;
  font-size: 1rem;
  text-align: center;
}

.copyright a {
  color: #fff;
  font-size: 1rem;
}

/* page-top */

.page-top {
  display: none;
  position: fixed;
  right: 50px;
  width: 140px;
  bottom: 90px;
  -webkit-animation: fuwafuwa 2s infinite linear alternate;
  animation: fuwafuwa 2s infinite linear alternate;
}

.page-top img {
  width: 100%;
}

/* fixed banner */
.bottom-banner {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2rem;
  z-index: 1000;
}

.bottom-banner img {
	max-width: 600px;
}

/* loading CSS */

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: all 1s;
  z-index: 3;
}

.loading-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  margin: auto;
}

.loader {
  color: #FF6368;
  font-size: 1rem;
  margin: 40px auto 50px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: loading 1s infinite linear;
  animation: loading 1s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loaded {
  opacity: 0;
  visibility: hidden;
}

/* ページネーション用 */

.pagination ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
}
.pagination li {
  margin: 5px;
}
.page-numbers {
  border: 2px solid #eca5ad;
  border-radius: 4px;
  margin: 0 3px;
  padding: 10px 15px;
  text-decoration: none;
  color: #333;
}
.page-numbers:hover {
  background-color: #fcc;
}
.page-numbers.current {
  background-color: #fcc;
}
.pagination-total {
  margin: 10px 0 20px;
  text-align: center;
}

/* 404ページ */

.image-404 {
	max-width: 320px;
	margin: 30px auto 20px;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
}

.text-404 {
	margin: 0 0 20px;
	text-align: center;
}


/* LINEスタンプバナー */

.top-lineStamp-banner {
	display: block;
	margin: 20px 10px;
	text-align: center;
}

.top-lineStamp-spbanner {
	display: none;
}


/* アニメーションCSS */

/* pagetop用 */
@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0, 0) rotate(-2deg);
  }
  50% {
    -webkit-transform: translate(0, -10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(2deg);
  }
}

@keyframes fuwafuwa {
  0% {
    transform: translate(0, 0) rotate(-2deg);
  }
  50% {
    transform: translate(0, -10px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(2deg);
  }
}

/* loading用 */
@-webkit-keyframes loading {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
      0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
      0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes loading {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
      0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
      0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
.sp-block {
  display: none;
}

/*footer 共通バナー*/
.bannerArea_footer {
  max-width: 900px;
  margin: 0 auto 90px;
}
.bannerArea_footer .bA-footer_listBox {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
  justify-content: space-between;
  flex-flow: row wrap;
}
.bannerArea_footer .bA-footer_list {
  
}
.bannerArea_footer .bA-footer_list a img {
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

/*font*/
.tn-date,
.news-date,
.regist-data {
  font-family: Arial, Helvetica, sans-serif;
}