/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
}
:root {
  --zIndex: 100;
  --zIndex-main: calc(var(--zIndex) * 1);
  --zIndex-headerCta: calc(var(--zIndex) * 2);
  --zIndex-header: calc(var(--zIndex) * 3);
  --zIndex-menu: calc(var(--zIndex) * 4);
  --zIndex-menuBtn: calc(var(--zIndex) * 5);
  --zIndex-fixedBtn: calc(var(--zIndex) * 6);
  --zIndex-headerLogo: calc(var(--zIndex) * 7);
  --zIndex-overlay: calc(var(--zIndex) * 8);
  --zIndex-background: calc(var(--zIndex) - 101);
  --color-main: #000000;
  --color-white: #FFFFFF;
  --color-gray: #555a5f;
  --color-gray-light: #A3A3A3;
  --color-black: #000000;
  --color-placeholder: #C3C3C3;
  --color-blue: #02398e;
  --color-lightblue: #3c8aff;
  --fontColor-base: #111111;
  --background-fukuoka: #e84c90;
  --background-saga: #006031;
  --background-nagasaki: #814500;
  --background-kumamoto: #e60011;
  --background-kagoshima: #221614;
  --background-oita: #0076c0;
  --background-miyazaki: #f07800;
  --background-black: #000000;
  --background-main: #faf3e1;
  --background-white: #FFFFFF;
  --background-dark: #231815;
  --background-footer: #715742;
  --background-blue-rgb: 2,57,142;
  --background-lightblue-rgb: 60,138,255;
  --background-lightGray-rgb: 247,247,247;
  --background-gray-rgb: 85,90,95;
  --background-white-rgb: 255,255,255;
  --fontFamily-base: "Noto Sans JP", sans-serif;
  --lineHeight-base: calc(30 / 14);
  --fontSize-base: 2.4rem;
  --fontWeight-base: 500;
  --fontWeight-regular: 400;
  --fontWeight-medium: 500;
  --fontWeight-semiBold: 600;
  --fontWeight-bold: 800;
}

/* base */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
@media screen and (max-width: 540px) {
  html {
    font-size: 2.3255813953vw;
  }
}

body {
  font-family: var(--fontFamily-base);
  font-size: var(--fontSize-base);
  font-weight: var(--fontWeight-base);
  line-height: var(--lineHeight-base);
  color: var(--fontColor-base);
}

a {
  text-decoration: none;
  color: var(--fontColor-base);
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

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

@media (min-width: 539px) {
  .sp {
    display: none !important;
  }
}
@media (max-width: 540px) {
  .pc {
    display: none !important;
  }
}
/* l-header */
.l-header {
  height: 128px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--zIndex-header);
  background-color: var(--background-white);
  border-bottom: 23px solid #6f3200;
}
@media screen and (max-width: 1024px) {
  .l-header {
    height: 116px;
    border-bottom: 16px solid #6f3200;
  }
}
@media screen and (max-width: 540px) {
  .l-header {
    height: 0;
    border-bottom: initial;
  }
}
.l-header__inner {
  height: 128px;
  position: relative;
  max-width: 1500px;
}
@media screen and (max-width: 1024px) {
  .l-header__inner {
    height: 116px;
  }
}
@media screen and (max-width: 540px) {
  .l-header__inner {
    height: 0;
  }
}
.l-header__inner .logoArea {
  position: absolute;
  left: 296px;
  top: 25px;
  display: flex;
}
@media screen and (max-width: 1440px) {
  .l-header__inner .logoArea {
    left: 10px;
  }
}
@media screen and (max-width: 540px) {
  .l-header__inner .logoArea {
    display: none;
  }
}
.l-header__inner .logoArea .hkt_logo {
  margin-right: 15px;
}
.l-header__inner .navArea {
  position: absolute;
  top: 35px;
  right: 0;
  display: flex;
}
@media screen and (max-width: 1440px) {
  .l-header__inner .navArea {
    right: 10px;
  }
}
@media screen and (max-width: 540px) {
  .l-header__inner .navArea {
    display: none;
  }
}
.l-header__inner .navArea__item {
  font-size: 2.8rem;
  font-weight: var(--fontWeight-semiBold);
}
@media screen and (max-width: 1024px) {
  .l-header__inner .navArea__item {
    font-size: 2rem;
  }
}
.l-header__inner .navArea__item:first-child {
  margin-right: 90px;
}

#g_nav {
  display: none;
}

@media screen and (max-width: 540px) {
  #g_nav.panelactive {
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%;
    height: 100vh;
    display: block;
  }
  .circle_bg {
    position: fixed;
    z-index: 3;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--background-main);
    transform: scale(0);
    right: -50px;
    top: -50px;
    transition: all 0.4s;
  }
  .circle_bg.circleactive {
    transform: scale(50);
  }
  .header-nav {
    display: none;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  #g_nav.panelactive .header-nav {
    display: block;
  }
  #g_nav ul {
    opacity: 0;
    position: absolute;
    z-index: 999;
    top: 50px;
    left: 0%;
    right: 0;
    width: 85%;
    margin: 0 auto;
  }
  #g_nav.panelactive ul {
    opacity: 1;
  }
  #g_nav.panelactive ul li {
    animation-name: gnaviAnime;
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  #g_nav ul li {
    text-align: center;
    font-size: 5.3333333333vw;
  }
  #g_nav ul li.logoArea {
    display: flex;
    justify-content: center;
    padding-bottom: 2em;
  }
  #g_nav ul li.logoArea .hkt_logo {
    margin-right: 10px;
  }
  @keyframes gnaviAnime {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .openbtn1 {
    position: fixed;
    top: 0.2947368421vw;
    right: 2.8947368421vw;
    z-index: 9999;
    cursor: pointer;
    width: 15.7894736842vw;
    height: 15.7894736842vw;
    background-color: #D7000F;
    border-radius: 50px;
  }
  .openbtn1 span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    left: 3.5526315789vw;
    height: 0.9210526316vw;
    border-radius: 50px;
    background-color: #FFFFFF;
    width: 8.4210526316vw;
  }
  .openbtn1 span:nth-of-type(1) {
    top: 4.6052631579vw;
  }
  .openbtn1 span:nth-of-type(2) {
    top: 7.5vw;
  }
  .openbtn1 span:nth-of-type(3) {
    top: 10.3947368421vw;
  }
  .openbtn1.active span:nth-of-type(1) {
    top: 5.9210526316vw;
    left: 3.5526315789vw;
    transform: translateY(6px) rotate(-45deg);
    width: 8.4210526316vw;
    background-color: #FFFFFF;
  }
  .openbtn1.active span:nth-of-type(2) {
    opacity: 0;
  }
  .openbtn1.active span:nth-of-type(3) {
    top: 7.3684210526vw;
    left: 3.5526315789vw;
    transform: translateY(0) rotate(45deg);
    width: 8.4210526316vw;
    background-color: #FFFFFF;
  }
}
/* l-main */
.l-main {
  padding-top: 128px;
}
@media screen and (max-width: 1024px) {
  .l-main {
    padding-top: 116px;
  }
}
@media screen and (max-width: 540px) {
  .l-main {
    padding-top: 0;
  }
}

/* l-section */
.l-section {
  max-width: 1000px;
  width: 85%;
  margin: 0 auto;
}
@media screen and (max-width: 540px) {
  .l-section {
    width: 89.4736842105vw;
  }
}

/* l-footer */
.l-footer {
  background-color: var(--background-footer);
}
.l-footer__txtArea {
  padding: 2rem 0;
}
.l-footer__txt {
  color: var(--color-white);
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 540px) {
  .l-footer__txt {
    font-size: 2.6666666667vw;
  }
}

/* c-cardNews */
.c-cardNews__body {
  display: flex;
  gap: 2em;
  flex: 1;
}
@media screen and (max-width: 540px) {
  .c-cardNews__body {
    flex-direction: column;
    text-align: left;
    gap: 0.5rem;
  }
}
.c-cardNews__date {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 540px) {
  .c-cardNews__date {
    font-size: 3.7333333333vw;
  }
}
.c-cardNews__ttl {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.7857142857;
}
@media screen and (max-width: 540px) {
  .c-cardNews__ttl {
    font-size: 3.7333333333vw;
  }
}

/* c-cartMember*/
.c-cardMember {
  width: 100%;
  height: 100%;
  text-align: center;
  color: var(--color-white);
  padding-bottom: 20px;
}
@media screen and (max-width: 540px) {
  .c-cardMember {
    padding-bottom: 2.6315789474vw;
  }
}
.c-cardMember__tit {
  font-size: 2.8rem;
  font-weight: 700;
}
@media screen and (max-width: 540px) {
  .c-cardMember__tit {
    font-size: 5.0666666667vw;
  }
}
.c-cardMember__list {
  display: flex;
  flex-direction: column;
  padding-top: 255px;
  max-width: 210px;
  margin: 0 auto;
}
@media screen and (max-width: 540px) {
  .c-cardMember__list {
    padding-top: 44.7368421053vw;
    max-width: 38.1578947368vw;
  }
}
.c-cardMember__list li {
  font-size: 1.8rem;
  text-align: left;
  line-height: 1.5;
  padding-left: 1.2em;
  text-indent: -1.2em;
}
@media screen and (max-width: 540px) {
  .c-cardMember__list li {
    font-size: 3.4666666667vw;
  }
}
.c-cardMember__list li:last-child {
  padding-bottom: 0;
}

/* fukuoka*/
.c-cardMember.aki_toyonaga {
  background: var(--background-fukuoka) url(../images/fukuoka_aki_toyonaga.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.ibuki_ishibashi {
  background: var(--background-fukuoka) url(../images/fukuoka_ibuki_ishibashi.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.yuka_akiyoshi {
  background: var(--background-fukuoka) url(../images/fukuoka_yuka_akiyoshi.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.sae_kurihara {
  background: var(--background-fukuoka) url(../images/fukuoka_sae_kurihara.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.yuina_ishimatsu {
  background: var(--background-fukuoka) url(../images/fukuoka_yuina_ishimatsu.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.yuka_eura {
  background: var(--background-fukuoka) url(../images/fukuoka_yuka_eura.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.risaki_ooba {
  background: var(--background-fukuoka) url(../images/fukuoka_risaki_ooba.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

/* saga*/
.c-cardMember.yuna_yamauchi {
  background: var(--background-saga) url(../images/saga_yuna_yamauchi.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.miyu_izawa {
  background: var(--background-saga) url(../images/saga_miyu_izawa.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.rino_sakamoto {
  background: var(--background-saga) url(../images/saga_rino_sakamoto.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.hiiro_kitagawa {
  background: var(--background-saga) url(../images/saga_hiiro_kitagawa.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.nachi_tsurukawa {
  background: var(--background-saga) url(../images/saga_nachi_tsurukawa.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.yuna_kure {
  background: var(--background-saga) url(../images/saga_yuna_kure.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.sara_katahira {
  background: var(--background-saga) url(../images/saga_sara_katahira.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

/* nagasaki */
.c-cardMember.kokoha_eguchi {
  background: var(--background-nagasaki) url(../images/nagasaki_kokoha_eguchi.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.karen_fukui {
  background: var(--background-nagasaki) url(../images/nagasaki_karen_fukui.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.rara_nagano {
  background: var(--background-nagasaki) url(../images/nagasaki_rara_nagano.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.ayane_ryuto {
  background: var(--background-nagasaki) url(../images/nagasaki_ayane_ryuto.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.riria_ijima {
  background: var(--background-nagasaki) url(../images/nagasaki_riria_ijima.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

/* kumamoto */
.c-cardMember.iori_tanaka {
  background: var(--background-kumamoto) url(../images/kumamoto_iori_tanaka.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.saaya_morisaki {
  background: var(--background-kumamoto) url(../images/kumamoto_saaya_morisaki.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.moka_matsumoto {
  background: var(--background-kumamoto) url(../images/kumamoto_moka_matsumoto.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.rina_ikuno {
  background: var(--background-kumamoto) url(../images/kumamoto_rina_ikuno.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.yui_matsunaga {
  background: var(--background-kumamoto) url(../images/kumamoto_yui_matsunaga.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.hina_yasui {
  background: var(--background-kumamoto) url(../images/kumamoto_hina_yasui.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

/* kagoshima */
.c-cardMember.maria_imamura {
  background: var(--background-kagoshima) url(../images/kagoshima_maria_imamura.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.kurumi_takemoto {
  background: var(--background-kagoshima) url(../images/kagoshima_kurumi_takemoto.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.reia_yanase {
  background: var(--background-kagoshima) url(../images/kagoshima_reia_yanase.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.rinka_ouchi {
  background: var(--background-kagoshima) url(../images/kagoshima_rinka_ouchi.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.maria_yamakawa {
  background: var(--background-kagoshima) url(../images/kagoshima_maria_yamakawa.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

/* oita */
.c-cardMember.rina_kuriyama {
  background: var(--background-oita) url(../images/oita_rina_kuriyama.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.hanna_ihara {
  background: var(--background-oita) url(../images/oita_hanna_ihara.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.kokoro_tachibana {
  background: var(--background-oita) url(../images/oita_kokoro_tachibana.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.mei_yoshida {
  background: var(--background-oita) url(../images/oita_mei_yoshida.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.amiyu_ishikawa {
  background: var(--background-oita) url(../images/oita_amiyu_ishikawa.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.fuka_tsutsumi {
  background: var(--background-oita) url(../images/oita_fuka_tsutsumi.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

/* miyazaki */
.c-cardMember.nene_jitoe {
  background: var(--background-miyazaki) url(../images/miyazaki_nene_jitoe.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.airi_ichimura {
  background: var(--background-miyazaki) url(../images/miyazaki_airi_ichimura.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.mina_shibui {
  background: var(--background-miyazaki) url(../images/miyazaki_mina_shibui.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.kokoha_fujino {
  background: var(--background-miyazaki) url(../images/miyazaki_kokoha_fujino.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.ayane_ishii {
  background: var(--background-miyazaki) url(../images/miyazaki_ayane_ishii.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

.c-cardMember.nakano_minami {
  background: var(--background-miyazaki) url(../images/miyazaki_nakano_minami.png) no-repeat;
  background-size: 100%;
  background-position: center top;
}

/* c-pageTop */
.c-pagetop {
  position: fixed;
  right: 2%;
  z-index: 100;
  width: 88px;
}
@media screen and (max-width: 540px) {
  .c-pagetop {
    width: 12vw;
  }
}

/* c-anime */
.c-anime {
  opacity: 0;
  transition-duration: 1.2s;
  transition-timing-function: ease;
  animation-delay: 0.4s;
}
.c-anime--fadeUp {
  transform: translateY(50px);
}
.c-anime--delay {
  transition-delay: 0.6s;
}
.c-anime--delay2 {
  transition-delay: 1s;
}
.c-anime--delay3 {
  transition-delay: 1.4s;
}
.c-anime.start {
  opacity: 1;
  transform: translateY(0);
}

/* p-mv */
.p-mv {
  background: var(--background-main);
}
.p-mv__inner {
  max-width: 1900px;
  margin: 0 auto;
}

/* p-news */
.p-news {
  padding: 100px 0 80px 0;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .p-news {
    padding: 7.8947368421vw 0;
  }
}
.p-news__tit {
  position: relative;
  text-align: center;
  color: #6f3200;
  line-height: 1.4;
  display: inline-block;
  padding: 0 2em;
}
@media screen and (max-width: 540px) {
  .p-news__tit {
    padding: 0 1em;
  }
}
.p-news__tit::before {
  position: absolute;
  border-left: solid 2px #6f3200;
  left: 0;
  transform: rotate(-30deg);
  top: 0.3em;
  height: 3em;
  content: "";
}
@media screen and (max-width: 540px) {
  .p-news__tit::before {
    height: 1.5em;
  }
}
.p-news__tit::after {
  position: absolute;
  border-right: solid 2px #6f3200;
  right: 0;
  transform: rotate(30deg);
  top: 0.3em;
  height: 3em;
  content: "";
}
@media screen and (max-width: 540px) {
  .p-news__tit::after {
    height: 1.5em;
  }
}
.p-news__tit .en {
  font-size: 5rem;
  font-weight: 800;
}
@media screen and (max-width: 540px) {
  .p-news__tit .en {
    font-size: 6.6666666667vw;
  }
}
.p-news__tit .jn {
  font-size: 2.2rem;
}
@media screen and (max-width: 540px) {
  .p-news__tit .jn {
    font-size: 3.2vw;
  }
}
.p-news__list {
  display: flex;
  flex-direction: column;
  padding-top: 90px;
}
@media screen and (max-width: 540px) {
  .p-news__list {
    padding-top: 6.5789473684vw;
  }
}
.p-news__list-item {
  padding-bottom: 0.5em;
}
@media screen and (max-width: 540px) {
  .p-news .c-anime {
    opacity: 1;
  }
  .p-news .c-anime--fadeUp {
    transform: translateY(0);
  }
}

/* p-message */
.p-message {
  background-color: var(--background-main);
  padding: 13rem 0 12rem 0;
}
@media screen and (max-width: 540px) {
  .p-message {
    padding: 10.5263157895vw 0 9.2105263158vw 0;
  }
}
.p-message__txt {
  text-align: center;
  font-size: 2.6rem;
  line-height: 2.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 540px) {
  .p-message__txt {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 540px) {
  .p-message .c-anime {
    opacity: 1;
  }
  .p-message .c-anime--fadeUp {
    transform: translateY(0);
  }
}

/* p-about */
.p-about {
  background-color: var(--background-dark);
  padding: 5rem 0;
}
@media screen and (max-width: 540px) {
  .p-about {
    padding: 6.5789473684vw 0;
  }
}
.p-about__body {
  display: flex;
  align-items: center;
  gap: 8rem;
  flex: 1;
}
@media screen and (max-width: 1024px) {
  .p-about__body {
    gap: 3rem;
  }
}
@media screen and (max-width: 540px) {
  .p-about__body {
    gap: 3.9473684211vw;
  }
}
.p-about__imgArea {
  width: 150px;
}
@media screen and (max-width: 540px) {
  .p-about__imgArea {
    width: 19.7368421053vw;
  }
}
@media screen and (max-width: 540px) {
  .p-about__txtArea {
    width: 58.5526315789vw;
  }
}
.p-about__txt {
  color: var(--color-white);
  font-size: 2.2rem;
  line-height: 2.2916666667;
}
@media screen and (max-width: 540px) {
  .p-about__txt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 540px) {
  .p-about .c-anime {
    opacity: 1;
  }
  .p-about .c-anime--fadeUp {
    transform: translateY(0);
  }
}

/* p-member */
.p-member {
  padding: 5rem 0 2rem 0;
}
@media screen and (max-width: 540px) {
  .p-member {
    padding: 5.9210526316vw 0 9.8684210526vw 0;
  }
}
.p-member__tit {
  text-align: center;
  max-width: 464px;
  margin: 0 auto;
}
@media screen and (max-width: 540px) {
  .p-member__tit {
    width: 73.4210526316vw;
  }
}
.p-member__txtArea {
  display: flex;
  flex-wrap: wrap;
  padding-top: 23px;
  margin: 20px 0 0 180px;
}
@media screen and (max-width: 540px) {
  .p-member__txtArea {
    padding-top: 3.0263157895vw;
    margin: 20px 0 0 20px;
  }
}
.p-member__txt {
  text-align: center;
  font-size: 2.2rem;
  padding-right: 1em;
}
@media screen and (max-width: 540px) {
  .p-member__txt {
    font-size: 3.7333333333vw;
    line-height: 1.6428571429;
  }
}
.p-member__list {
  display: flex;
  gap: 0 15px;
  justify-content: center;
  margin: 20px auto 0 auto;
  max-width: 758px;
  flex-wrap: wrap;
}
@media screen and (max-width: 540px) {
  .p-member__list {
    gap: 0 1.9736842105vw;
    margin: 2.6315789474vw auto 0 auto;
    justify-content: right;
  }
}
.p-member__list-item {
  width: 237px;
  margin-bottom: 38px;
}
@media screen and (max-width: 540px) {
  .p-member__list-item {
    width: 42.5vw;
    margin-bottom: 4.6052631579vw;
  }
}

.fukuoka .p-member__list, .saga .p-member__list {
  max-width: 1010px;
}

.p-member.fukuoka {
  background: url(../images/bg_fukuoka_pc.jpg) no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media screen and (max-width: 540px) {
  .p-member.fukuoka {
    background: url(../images/bg_fukuoka_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.p-member.saga {
  background: url(../images/bg_saga_pc.jpg) no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media screen and (max-width: 540px) {
  .p-member.saga {
    background: url(../images/bg_saga_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.p-member.nagasaki {
  background: url(../images/bg_nagasaki_pc.jpg) no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media screen and (max-width: 540px) {
  .p-member.nagasaki {
    background: url(../images/bg_nagasaki_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.p-member.kumamoto {
  background: url(../images/bg_kumamoto_pc.jpg) no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media screen and (max-width: 540px) {
  .p-member.kumamoto {
    background: url(../images/bg_kumamoto_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.p-member.kagoshima {
  background: url(../images/bg_kagoshima_pc.jpg) no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media screen and (max-width: 540px) {
  .p-member.kagoshima {
    background: url(../images/bg_kagoshima_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.p-member.oita {
  background: url(../images/bg_oita_pc.jpg) no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media screen and (max-width: 540px) {
  .p-member.oita {
    background: url(../images/bg_oita_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.p-member.miyazaki {
  background: url(../images/bg_miyazaki_pc.jpg) no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media screen and (max-width: 540px) {
  .p-member.miyazaki {
    background: url(../images/bg_miyazaki_sp.jpg) no-repeat;
    background-size: cover;
  }
}

@media screen and (max-width: 540px) {
  .p-member.kagoshima .p-member__list {
    justify-content: left;
  }
}