.wrapper {
  background-image: url("/assets/img/top/noise.png"), url(/assets/img/top/bg_gradation_sp.png);
  background-repeat: no-repeat;
  background-size: 100%;
  /* main */
}
.wrapper main {
  margin-top: 0 !important;
  background: url(/assets/img/common/bg_pattern.png) 0 0;
  background-size: 90%;
  /* #main_visual */
  /* #about_us */
  /* #news */
  /* #member */
  /* #support */
  /* #bnrArea */
}
.wrapper main h2 {
  margin-bottom: 6.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Zen Kaku Gothic New", serif;
  font-size: 6vw;
  font-weight: 700;
  color: #004182;
}
.wrapper main h2::before {
  margin-right: 2.6666666667vw;
  display: block;
  content: "";
  width: 1.0666666667vw;
  height: 8.8vw;
  background: #FFF;
  -webkit-transform: skewX(-20deg);
          transform: skewX(-20deg);
}
.wrapper main #main_visual {
  margin-bottom: 20vw;
  padding: 0 2.6666666667vw 0;
}
.wrapper main #main_visual .logo {
  padding: 6.6666666667vw 0 10vw;
}
.wrapper main #main_visual .logo p {
  width: 26.9333333333vw;
}
.wrapper main #main_visual .kv .copyArea {
  margin-bottom: 10.6666666667vw;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  color: #FFF;
}
.wrapper main #main_visual .kv .copyArea h1 {
  font-size: 8.5333333333vw;
  font-weight: 500;
}
.wrapper main #main_visual .kv .copyArea h1 span {
  border-bottom: 2px solid #FFF;
}
.wrapper main #main_visual .kv .copyArea p:nth-of-type(1) {
  margin-bottom: 6.6666666667vw;
  font-size: 3.8666666667vw;
}
.wrapper main #main_visual .kv .copyArea p:nth-of-type(2) {
  font-family: "Caveat", serif;
  font-optical-sizing: auto;
  font-size: 5.7333333333vw;
  font-weight: 600;
}
.wrapper main #main_visual .kv > div .slider li p:first-of-type {
  border-radius: 10vw;
  overflow: hidden;
}
.wrapper main #main_visual .kv > div .slider .txt {
  margin-top: 4vw;
  padding-right: 1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
}
.wrapper main #main_visual .kv > div .slider .arrow_02::after {
  display: block;
  content: "";
  background: url("/assets/img/common/arrow_wh.svg") no-repeat #004182;
  background-position: center center;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 2.6666666667vw;
  width: 10.9333333333vw;
  height: 10.9333333333vw;
  background-size: 4vw;
}
.wrapper main #about_us {
  margin-bottom: 13.3333333333vw;
  padding: 0 2.6666666667vw;
}
.wrapper main #about_us .txtArea h2::before {
  display: none;
}
.wrapper main #about_us .txtArea h2 + p {
  margin-bottom: 13.3333333333vw;
}
.wrapper main #about_us .txtArea .btn {
  margin: 0 auto 17.3333333333vw;
  max-width: 50vw;
}
.wrapper main #about_us .txtArea::before {
  margin-bottom: 6.6666666667vw;
  display: block;
  content: "";
  width: 100%;
  height: 15.3333333333vw;
  background: url("/assets/img/top/about_us.svg") no-repeat;
  background-size: contain;
}
.wrapper main #news {
  padding: 6.6666666667vw 0 13.3333333333vw 2.6666666667vw;
  background: url("/assets/img/top/news_bg_sp.png") no-repeat;
  background-size: cover;
  position: relative;
}
.wrapper main #news::before {
  display: block;
  content: "";
  width: 62.4vw;
  height: 16.8vw;
  background: url("/assets/img/top/news.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
}
.wrapper main #news h2 {
  color: #FFF;
}
.wrapper main #news .newsList {
  padding: 6.6666666667vw 5.3333333333vw;
  background: #FFF;
  border-radius: 6.6666666667vw 0 0 6.6666666667vw;
}
.wrapper main #news .newsList ul {
  margin-bottom: 6.6666666667vw;
}
.wrapper main #news .newsList .more a {
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  color: #004182;
}
.wrapper main #member {
  padding: 0 2.6666666667vw 13.3333333333vw;
  background: url("/assets/img/top/member_bg_sp.png") no-repeat;
  background-size: contain;
}
.wrapper main #member::before {
  margin-bottom: 4vw;
  display: block;
  content: "";
  width: 100%;
  height: 32.8vw;
  background: url("/assets/img/top/member_sp.svg") no-repeat;
  background-size: contain;
}
.wrapper main #member h2::before {
  background: #004182;
}
.wrapper main #member h2 + p {
  margin-bottom: 89.3333333333vw;
}
.wrapper main #member .contentsList .epoca {
  margin-bottom: 4vw;
}
.wrapper main #member .contentsList .epoca a {
  display: block;
  background: #FFF;
  border-radius: 5.0666666667vw;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 15px -5px #777777;
          box-shadow: 0px 0px 15px -5px #777777;
}
.wrapper main #member .contentsList .epoca a .ttl {
  padding: 1.3333333333vw 4vw;
  background: #0094b0;
  color: #FFF;
}
.wrapper main #member .contentsList .epoca a .img {
  position: relative;
  line-height: 0;
}
.wrapper main #member .contentsList .epoca a .arrow_03::after {
  display: block;
  content: "";
  background: url("/assets/img/common/arrow_blue.svg") no-repeat #FFF;
  background-position: center center;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 2.6666666667vw;
  width: 10.9333333333vw;
  height: 10.9333333333vw;
  background-size: 4vw;
  position: absolute;
  bottom: 4.9333333333vw;
  right: 4.9333333333vw;
}
.wrapper main #member .contentsList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4vw;
}
.wrapper main #member .contentsList ul li {
  width: calc((100% - 4vw) / 2);
  height: 37.3333333333vw;
  position: relative;
}
.wrapper main #member .contentsList ul li a {
  padding: 4vw 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #FFF;
  border-radius: 5.0666666667vw;
  -webkit-box-shadow: 0px 0px 15px -5px #777777;
          box-shadow: 0px 0px 15px -5px #777777;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 3.6vw;
  font-weight: 700;
  line-height: 1.5;
  color: #004182;
  text-align: center;
}
.wrapper main #member .contentsList ul li a::before {
  display: block;
  content: "";
  background: url("/assets/img/common/arrow_wh.svg") no-repeat #004182;
  background-position: center center;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-size: 4vw;
  width: 7.7333333333vw;
  height: 7.7333333333vw;
  position: absolute;
  bottom: 2.6666666667vw;
  right: 2.6666666667vw;
}
.wrapper main #member .contentsList ul li a::after {
  margin: 4vw auto 0;
  display: block;
  content: "";
  border-radius: 0;
}
.wrapper main #member .contentsList ul .loan a::after {
  margin-top: 6.6666666667vw;
  width: 17.2vw;
  height: 11.8666666667vw;
  background: url("/assets/img/top/icon_loan.png") no-repeat;
  background-size: contain;
}
.wrapper main #member .contentsList ul .kurashi a::after {
  width: 16.4vw;
  height: 15.4666666667vw;
  background: url("/assets/img/top/icon_kurashi.png") no-repeat;
  background-size: contain;
}
.wrapper main #member .contentsList ul .leisure a::after {
  width: 14vw;
  height: 16.8vw;
  background: url("/assets/img/top/icon_leisure.png") no-repeat;
  background-size: contain;
}
.wrapper main #member .contentsList ul .furyo a::after {
  margin-top: 0;
  width: 13.4666666667vw;
  height: 17.4666666667vw;
  background: url("/assets/img/top/icon_furyo.png") no-repeat;
  background-size: contain;
}
.wrapper main #member .contentsList ul .tsumitate a::after {
  margin-top: 2.6666666667vw;
  width: 16vw;
  height: 14vw;
  background: url("/assets/img/top/icon_tsumitate.png") no-repeat;
  background-size: contain;
}
.wrapper main #member .contentsList ul .kouken a::after {
  margin-top: 8vw;
  width: 22.4vw;
  height: 14vw;
  background: url("/assets/img/top/icon_kouken.png") no-repeat;
  background-size: contain;
}
.wrapper main #member .contentsList ul .hop a::after {
  width: 17.0666666667vw;
  height: 14.1333333333vw;
  background: url("/assets/img/top/icon_hop.png") no-repeat;
  background-size: contain;
}
.wrapper main #member .contentsList ul .kokoro a::after {
  width: 14.5333333333vw;
  height: 16.4vw;
  background: url("/assets/img/top/icon_kokoro.png") no-repeat;
  background-size: contain;
}
.wrapper main #support {
  margin-bottom: 5.3333333333vw;
  padding: 0 2.6666666667vw 13.3333333333vw;
  background: url("/assets/img/top/union_support_bg_sp.png") no-repeat;
  background-size: cover;
}
.wrapper main #support h2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wrapper main #support h2::before {
  margin-bottom: 4vw;
  display: block;
  content: "";
  width: 100%;
  height: 46.6666666667vw;
  background: url("/assets/img/top/support.svg") no-repeat;
  background-size: contain;
  -webkit-transform: none;
          transform: none;
}
.wrapper main #support h2::after {
  margin: 6.6666666667vw calc(50% - 50vw) 0;
  display: block;
  content: "";
  width: 100vw;
  height: 26.1333333333vw;
  background: url("/assets/img/top/img_support_sp.png") no-repeat;
  background-size: contain;
}
.wrapper main #support ul {
  padding: 0 2.6666666667vw;
}
.wrapper main #support ul li {
  margin-bottom: 2.6666666667vw;
}
.wrapper main #support ul li a {
  padding: 5.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background: #FFF;
  border-radius: 2.4vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 700;
}
.wrapper main #bnrArea {
  padding: 0 2.6666666667vw 5.3333333333vw;
}
.wrapper main #bnrArea .slick-slide {
  padding: 4vw;
}
.wrapper main #bnrArea a img {
  border: 1px solid #cccccc;
}
.wrapper main #bnrArea a:hover {
  opacity: 0.7;
}
.wrapper main #bnrArea .slick-prev,
.wrapper main #bnrArea .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: url("/assets/img/common/arrow_wh.svg") no-repeat #a2b6de;
  background-size: 4vw;
  background-position: center center;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
}
.wrapper main #bnrArea .slick-prev {
  left: -1.3333333333vw;
  -webkit-transform: translate(0, -50%) scale(-1);
          transform: translate(0, -50%) scale(-1);
}
.wrapper main #bnrArea .slick-next {
  right: -1.3333333333vw;
}
.wrapper main #bnrArea .slick-prev:before,
.wrapper main #bnrArea .slick-next:before {
  display: none;
}
.wrapper main #bnrArea .slick-prev:hover,
.wrapper main #bnrArea .slick-prev:focus,
.wrapper main #bnrArea .slick-next:hover,
.wrapper main #bnrArea .slick-next:focus {
  opacity: 0.7;
}

/* wrapper */
@media (min-width: 750px) {
  .wrapper {
    background-image: url("/assets/img/top/noise.png"), url(/assets/img/top/bg_gradation_pc.png);
    background-repeat: no-repeat;
    background-size: 100%;
    /* main */
  }
  .wrapper main {
    background-size: auto;
    /* #main_visual */
    /* #about_us */
    /* #news */
    /* #member */
    /* #support */
    /* #bnrArea */
  }
  .wrapper main h2 {
    font-size: 2.962962963vw;
  }
  .wrapper main h2::before {
    margin-right: 1.8518518519vw;
    width: 0.7407407407vw;
    height: 6.1111111111vw;
  }
  .wrapper main #main_visual {
    margin-bottom: 9.2592592593vw;
    padding: 0 0 0 1.8518518519vw;
  }
  .wrapper main #main_visual .logo {
    padding: 4.6296296296vw 0 0;
  }
  .wrapper main #main_visual .logo p {
    width: 12.5vw;
  }
  .wrapper main #main_visual .kv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .wrapper main #main_visual .kv .copyArea {
    margin-bottom: 0;
    width: 48%;
  }
  .wrapper main #main_visual .kv .copyArea h1 {
    font-size: 4.1666666667vw;
  }
  .wrapper main #main_visual .kv .copyArea p:nth-of-type(1) {
    margin-bottom: 4.6296296296vw;
    font-size: 2.2222222222vw;
  }
  .wrapper main #main_visual .kv .copyArea p:nth-of-type(2) {
    font-size: 2.962962963vw;
  }
  .wrapper main #main_visual .kv > div {
    width: 48%;
  }
  .wrapper main #main_visual .kv > div .slider li p:first-of-type {
    border-radius: 4.6296296296vw;
  }
  .wrapper main #main_visual .kv > div .slider .txt {
    margin-top: 2.7777777778vw;
    padding-right: 0.9259259259vw;
    font-size: 1.2962962963vw;
  }
  .wrapper main #main_visual .kv > div .slider .arrow_02::after {
    display: block;
    content: "";
    background: url("/assets/img/common/arrow_wh.svg") no-repeat #004182;
    background-position: center center;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 1.8518518519vw;
    width: 4.0740740741vw;
    height: 4.0740740741vw;
    background-size: 1.4814814815vw;
  }
  .wrapper main #main_visual .kv > div .slick-slide {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  .wrapper main #main_visual .kv > div .slick-slide .txt {
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .wrapper main #main_visual .kv > div .is--active,
  .wrapper main #main_visual .kv > div .slick-center {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .wrapper main #main_visual .kv > div .is--active .txt,
  .wrapper main #main_visual .kv > div .slick-center .txt {
    opacity: 1;
  }
  .wrapper main #main_visual .kv > div .slider .slick-list {
    padding: 0 30% 0 0 !important;
  }
  .wrapper main #about_us {
    margin-bottom: 9.2592592593vw;
    padding: 0 1.8518518519vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .wrapper main #about_us .txtArea h2 {
    margin-bottom: 0.9259259259vw;
    font-size: 2.2222222222vw;
  }
  .wrapper main #about_us .txtArea h2 + p {
    margin-bottom: 2.7777777778vw;
  }
  .wrapper main #about_us .txtArea .btn {
    margin: 0 0 2.7777777778vw auto;
    max-width: 18.5185185185vw;
  }
  .wrapper main #about_us .txtArea::before {
    margin: 0 0 4.6296296296vw auto;
    width: 46.2962962963vw;
    max-width: 39.75rem;
    height: 7.8703703704vw;
    background-position-x: right;
  }
  .wrapper main #about_us .imgArea {
    margin-bottom: 0;
    margin-right: 5.5555555556vw;
    max-width: 33.4375rem;
  }
  .wrapper main #news {
    padding: 4.6296296296vw 0 9.2592592593vw 1.8518518519vw;
    background: url("/assets/img/top/news_bg_pc.png");
  }
  .wrapper main #news::before {
    width: 43.3333333333vw;
    height: 11.6666666667vw;
  }
  .wrapper main #news .newsList {
    padding: 4.6296296296vw 3.7037037037vw;
    border-radius: 4.6296296296vw 0 0 4.6296296296vw;
  }
  .wrapper main #news .newsList ul {
    margin-bottom: 4.6296296296vw;
  }
  .wrapper main #member {
    padding: 1.8518518519vw 1.8518518519vw 9.2592592593vw;
    background: url("/assets/img/top/member_bg_pc.png") no-repeat;
    background-position-x: center;
    background-size: cover;
  }
  .wrapper main #member::before {
    margin: 0 0 2.7777777778vw auto;
    width: 74.0740740741vw;
    max-width: 50rem;
    height: 8.0555555556vw;
    background: url("/assets/img/top/member_pc.svg") no-repeat;
    background-size: contain;
  }
  .wrapper main #member h2 {
    margin-bottom: 1.8518518519vw;
    color: #004182;
    position: relative;
    z-index: 1;
  }
  .wrapper main #member h2::before {
    background: #004182;
    z-index: 1;
  }
  .wrapper main #member h2::after {
    display: block;
    content: "";
    width: 18.5185185185vw;
    height: 4.6296296296vw;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 90px 90px rgba(255, 255, 255, 0.9);
            box-shadow: 0px 0px 90px 90px rgba(255, 255, 255, 0.9);
    position: absolute;
    z-index: 0;
    top: 7.4074074074vw;
    left: 7.4074074074vw;
  }
  .wrapper main #member h2 span {
    z-index: 1;
  }
  .wrapper main #member h2 + p {
    margin-bottom: 9.2592592593vw;
    position: relative;
    z-index: 1;
  }
  .wrapper main #member .contentsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    z-index: 1;
  }
  .wrapper main #member .contentsList .epoca {
    margin-right: 2.7777777778vw;
    margin-bottom: 0;
    width: 40%;
  }
  .wrapper main #member .contentsList .epoca a {
    border-radius: 1.8518518519vw;
  }
  .wrapper main #member .contentsList .epoca a .ttl {
    padding: 0.9259259259vw 2.7777777778vw;
  }
  .wrapper main #member .contentsList .epoca a .arrow_03::after {
    margin-left: 1.8518518519vw;
    width: 4.0740740741vw;
    height: 4.0740740741vw;
    background-size: 1.4814814815vw;
    position: absolute;
    bottom: 1.8518518519vw;
    right: 1.8518518519vw;
  }
  .wrapper main #member .contentsList ul {
    width: 55%;
    gap: 0.9259259259vw;
  }
  .wrapper main #member .contentsList ul li {
    width: calc((100% - 1.8518518519vw) / 3);
    height: 18.9814814815vw;
  }
  .wrapper main #member .contentsList ul li a {
    padding: 1.8518518519vw 0;
    border-radius: 1.8518518519vw;
    font-size: 1.6666666667vw;
  }
  .wrapper main #member .contentsList ul li a::before {
    background-size: 1.4814814815vw;
    width: 4.0740740741vw;
    height: 4.0740740741vw;
    position: absolute;
    bottom: 0.9259259259vw;
    right: 0.9259259259vw;
  }
  .wrapper main #member .contentsList ul li a::after {
    margin: 0.9259259259vw auto 0;
  }
  .wrapper main #member .contentsList ul .loan a::after {
    margin-top: 1.8518518519vw;
    width: 9.2592592593vw;
    height: 6.3888888889vw;
  }
  .wrapper main #member .contentsList ul .kurashi a::after {
    width: 8.5185185185vw;
    height: 8.0555555556vw;
  }
  .wrapper main #member .contentsList ul .leisure a::after {
    margin-top: 0;
    width: 7.3148148148vw;
    height: 8.7037037037vw;
  }
  .wrapper main #member .contentsList ul .furyo a::after {
    width: 7.037037037vw;
    height: 9.1666666667vw;
  }
  .wrapper main #member .contentsList ul .tsumitate a::after {
    margin-top: 1.8518518519vw;
    width: 8.3333333333vw;
    height: 7.3148148148vw;
  }
  .wrapper main #member .contentsList ul .kouken a::after {
    margin-top: 3.2407407407vw;
    width: 11.6666666667vw;
    height: 7.3148148148vw;
  }
  .wrapper main #member .contentsList ul .hop a::after {
    margin-top: 1.8518518519vw;
    width: 8.8888888889vw;
    height: 7.4074074074vw;
  }
  .wrapper main #member .contentsList ul .kokoro a::after {
    margin-top: 2.7777777778vw;
    width: 7.5925925926vw;
    height: 8.5185185185vw;
  }
  .wrapper main #support {
    margin-bottom: 3.7037037037vw;
    padding: 0 1.8518518519vw 9.2592592593vw;
    background: url("/assets/img/top/union_support_bg_pc.png") no-repeat;
    background-size: cover;
  }
  .wrapper main #support h2 {
    margin-bottom: 13.8888888889vw;
    padding-top: 27.7777777778vw;
    position: relative;
  }
  .wrapper main #support h2::before {
    margin-bottom: 0;
    width: 48.4259259259vw;
    height: 22.2222222222vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  .wrapper main #support h2::after {
    margin: 1.8518518519vw 0;
    width: 51.8518518519vw;
    height: 43.5185185185vw;
    background: url("/assets/img/top/img_support_pc.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
  }
  .wrapper main #support ul {
    padding: 0 1.8518518519vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .wrapper main #support ul li {
    margin-right: 1.8518518519vw;
    margin-bottom: 1.8518518519vw;
  }
  .wrapper main #support ul li:last-child {
    margin-right: 0;
  }
  .wrapper main #support ul li a {
    padding: 1.8518518519vw;
    border-radius: 0.9259259259vw;
    font-size: 1.8518518519vw;
  }
  .wrapper main #bnrArea {
    padding: 0 4.6296296296vw 3.7037037037vw;
  }
  .wrapper main #bnrArea .slick-slide {
    padding: 0.9259259259vw;
  }
  .wrapper main #bnrArea .slick-prev,
  .wrapper main #bnrArea .slick-next {
    width: 4.6296296296vw;
    height: 4.6296296296vw;
    background-size: 1.4814814815vw;
  }
  .wrapper main #bnrArea .slick-prev {
    left: -2.7777777778vw;
  }
  .wrapper main #bnrArea .slick-next {
    right: -2.7777777778vw;
  }
  /* wrapper */
}
@media (min-width: 1080px) {
  .wrapper {
    background-position: 0 0, 0 -18.5185185185vw;
    /* main */
  }
  .wrapper main {
    /* #main_visual */
    /* #about_us */
    /* #news */
    /* #member */
    /* #support */
    /* #bnrArea */
  }
  .wrapper main h2 {
    font-size: 2rem;
  }
  .wrapper main h2::before {
    margin-right: 1.25rem;
    width: 0.5rem;
    height: 4.125rem;
  }
  .wrapper main #main_visual {
    margin-bottom: 6.25rem;
    padding: 0 0 0 3.125rem;
  }
  .wrapper main #main_visual .logo {
    padding: 3.125rem 0 0;
  }
  .wrapper main #main_visual .logo p {
    width: 8.4375rem;
  }
  .wrapper main #main_visual .kv .copyArea h1 {
    font-size: 3.0625rem;
  }
  .wrapper main #main_visual .kv .copyArea p:nth-of-type(1) {
    margin-bottom: 3.125rem;
    font-size: 1.5rem;
  }
  .wrapper main #main_visual .kv .copyArea p:nth-of-type(2) {
    font-size: 2rem;
  }
  .wrapper main #main_visual .kv > div .slider li p:first-of-type {
    border-radius: 3.125rem;
  }
  .wrapper main #main_visual .kv > div .slider .txt {
    margin-top: 1.875rem;
    padding-right: 0.625rem;
    font-size: 0.875rem;
  }
  .wrapper main #main_visual .kv > div .slider .arrow_02::after {
    display: block;
    content: "";
    background: url("/assets/img/common/arrow_wh.svg") no-repeat #004182;
    background-position: center center;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 1.25rem;
    width: 2.75rem;
    height: 2.75rem;
    background-size: 1rem;
  }
  .wrapper main #about_us {
    padding: 0 3.125rem;
  }
  .wrapper main #about_us .txtArea {
    max-width: 44.5rem;
  }
  .wrapper main #about_us .txtArea h2 {
    margin-bottom: 0.625rem;
    font-size: 1.5rem;
  }
  .wrapper main #about_us .txtArea h2 + p {
    margin-bottom: 1.875rem;
  }
  .wrapper main #about_us .txtArea .btn {
    margin: 0 0 1.875rem auto;
    max-width: 12.5rem;
  }
  .wrapper main #about_us .txtArea::before {
    margin: 0 0 3.125rem auto;
    height: 6.4375rem;
  }
  .wrapper main #about_us .imgArea {
    margin-right: 3.75rem;
  }
  .wrapper main #news {
    padding: 5rem 0 5rem 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .wrapper main #news::before {
    width: 41.625rem;
    height: 11.1875rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    top: 15.375rem;
    right: auto;
    left: 11.1875rem;
  }
  .wrapper main #news h2 {
    margin-bottom: 0;
    width: 20%;
  }
  .wrapper main #news .newsList {
    margin: 0;
    padding: 5rem;
    width: 75%;
    max-width: 100%;
    border-radius: 3.125rem 0 0 3.125rem;
  }
  .wrapper main #news .newsList ul {
    margin-bottom: 3.125rem;
  }
  .wrapper main #member {
    padding: 1.875rem 3.125rem 6.25rem;
  }
  .wrapper main #member::before {
    margin: 0 0 1.875rem auto;
    width: 66.875rem;
    max-width: 66.875rem;
    height: 5.4375rem;
  }
  .wrapper main #member h2 {
    margin: 0 auto 1.25rem;
    max-width: 81.25rem;
  }
  .wrapper main #member h2::after {
    width: 18.75rem;
    height: 3.125rem;
    top: 5rem;
    left: 5rem;
  }
  .wrapper main #member h2 + p {
    margin: 0 auto 6.25rem;
    max-width: 81.25rem;
  }
  .wrapper main #member .contentsList {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .wrapper main #member .contentsList .epoca {
    margin-right: 1.875rem;
    margin-bottom: 0;
    width: 21.0625rem;
  }
  .wrapper main #member .contentsList .epoca a {
    border-radius: 1.25rem;
  }
  .wrapper main #member .contentsList .epoca a .ttl {
    padding: 0.625rem 1.25rem;
  }
  .wrapper main #member .contentsList .epoca a .arrow_03::after {
    margin-left: 1.25rem;
    width: 2.75rem;
    height: 2.75rem;
    background-size: 1rem;
    bottom: 0.625rem;
    right: 0.625rem;
  }
  .wrapper main #member .contentsList ul {
    width: 56.25rem;
    gap: 0.625rem;
  }
  .wrapper main #member .contentsList ul li {
    width: calc((100% - 1.875rem) / 4);
    height: 12.8125rem;
  }
  .wrapper main #member .contentsList ul li a {
    padding: 1.25rem 0;
    border-radius: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.2;
  }
  .wrapper main #member .contentsList ul li a::before {
    background-size: 1rem;
    width: 2.75rem;
    height: 2.75rem;
    bottom: 0.625rem;
    right: 0.625rem;
  }
  .wrapper main #member .contentsList ul li a::after {
    margin: 1.25rem auto 0;
  }
  .wrapper main #member .contentsList ul .loan a::after {
    margin-top: 2.5rem;
    width: 6.25rem;
    height: 4.3125rem;
  }
  .wrapper main #member .contentsList ul .kurashi a::after {
    width: 5.75rem;
    height: 5.4375rem;
  }
  .wrapper main #member .contentsList ul .leisure a {
    padding: 1.25rem 0;
  }
  .wrapper main #member .contentsList ul .leisure a::after {
    margin-top: 1.5625rem;
    width: 4.9375rem;
    height: 5.875rem;
  }
  .wrapper main #member .contentsList ul .furyo a::after {
    margin-top: 0.625rem;
    width: 4.5rem;
    height: 5.8125rem;
  }
  .wrapper main #member .contentsList ul .tsumitate a::after {
    margin-top: 1.25rem;
    width: 4.625rem;
    height: 4.9375rem;
  }
  .wrapper main #member .contentsList ul .kouken a::after {
    margin-top: 2.1875rem;
    width: 7.875rem;
    height: 4.9375rem;
  }
  .wrapper main #member .contentsList ul .hop a::after {
    margin-top: 1.25rem;
    width: 6rem;
    height: 5rem;
  }
  .wrapper main #member .contentsList ul .kokoro a::after {
    margin-top: 2.5rem;
    width: 5.125rem;
    height: 5.75rem;
  }
  .wrapper main #support {
    padding: 0 3.125rem 2.5rem;
  }
  .wrapper main #support h2 {
    margin: 0 auto 9.375rem;
    padding-top: 18.75rem;
    max-width: 81.25rem;
    position: relative;
  }
  .wrapper main #support h2::before {
    margin-bottom: 0;
    width: 32.6875rem;
    height: 15rem;
  }
  .wrapper main #support h2::after {
    width: 35rem;
    height: 29.375rem;
  }
  .wrapper main #support ul {
    margin: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 81.25rem;
  }
  .wrapper main #support ul li {
    margin-right: 1.8518518519vw;
    margin-bottom: 1.8518518519vw;
    width: 37.037037037vw;
    max-width: 25rem;
  }
  .wrapper main #support ul li:last-child {
    margin-right: 0;
  }
  .wrapper main #support ul li a {
    padding: 1.25rem;
    border-radius: 0.625rem;
    font-size: 1.25rem;
  }
  .wrapper main #bnrArea {
    margin: 0 auto;
    padding: 0 3.125rem 2.5rem;
    max-width: 81.25rem;
  }
  .wrapper main #bnrArea .slick-slide {
    padding: 0.625rem;
  }
  .wrapper main #bnrArea .slick-prev,
  .wrapper main #bnrArea .slick-next {
    width: 3.125rem;
    height: 3.125rem;
    background-size: 1rem;
  }
  .wrapper main #bnrArea .slick-prev {
    left: -1.875rem;
  }
  .wrapper main #bnrArea .slick-next {
    right: -1.875rem;
  }
  /* wrapper */
}
@media (min-width: 1080px) and (max-width: 1299px) {
  .wrapper {
    /* main */
  }
  .wrapper main {
    /* #support */
  }
  .wrapper main #member .contentsList ul li a {
    font-size: 1.2962962963vw;
  }
  .wrapper main #support h2 {
    font-size: 2.2222222222vw;
  }
  .wrapper main #support h2::before {
    width: 40.1851851852vw;
    height: 18.4259259259vw;
  }
  .wrapper main #support h2::after {
    width: 42.962962963vw;
    height: 36.1111111111vw;
  }
  /* .wrapper */
}
/*# sourceMappingURL=style.css.map */