@charset "utf-8";
/* =========================================================================
   style.css
   ========================================================================= */
:root{
  --c-ink:#232323;
  --c-white:#fff;
  --c-main:#fff216;
  --c-key:#54C3F1;
--c-bg:#EEEEEE;
  --font-en:"Jost", sans-serif;
  --font-serif:"Noto Serif JP",serif;
  --font-sans:"Noto Sans JP",sans-serif;


  --ease:cubic-bezier(.2,.7,.2,1);
}

*{margin:0;padding:0;box-sizing:border-box;}


html {
    font-size: 1vw;
}
@media (max-width:2000px){ 
	html{
	font-size: calc(16 / 1440 * 100vw);
}
}
html{
	scroll-padding-top:6rem;-webkit-text-size-adjust:100%;}
body{
  font-family:var(--font-sans);
  color:var(--c-ink);
  line-height:1.9;
  overflow-x:hidden;
  font-weight:400;
  letter-spacing:.04em;
font-feature-settings: "palt"; 
}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}

/* ---- 共通レイアウト ---- */
.pc {
	display: block;
}
.sp {
	display: none;
}
.container{}
.section{}

.inner {
    width: 77%;
    margin: 0 auto;
}
.inner-min {
    width: 64%;
    margin: 0 auto;
}
.flex {
	display: flex;
}
.en {
 font-family:var(--font-en);
}


/* ---- 見出し系 ---- */



/* ---- ボタン ---- */
.btn-more {
display: block;
    align-items: center;
    font-size: .82rem;
    border-radius: 999px;
    padding: 0.2em 1em;
    transition: .4s;
    background: #ffffff;
    border: #333 solid 1px;
    margin: 0 auto;
    width: 9em;
    text-align: center;
    font-weight: 500;
}
.btn-more.type-border {
    background: none;
    color: #fff;
    border: #fff solid 1px;
}

.btn-more:hover{background:var(--c-orange);border-color:var(--c-orange);color:#fff;transition: .4s;}
.btn-more.solid{background:var(--c-orange);border-color:var(--c-orange);color:#fff;transition: .4s;}
.btn-more.solid:hover{filter:brightness(1.08);transition: .4s;}

/* =========================================================================
   ヘッダー
   ========================================================================= */

.site-header {
    position: absolute;
    top: 6rem;
    text-align: right;
    right: 2.5em;
}
.nav-main {
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: .04em;
}.nav-primary {
   font-size: 0.9rem;
    font-weight: 900;
    letter-spacing: .04em;
}
.nav-main a{position:relative;padding-bottom:.2em; display: inline-block;}
.nav-main a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width .3s var(--ease);}
.nav-main a:hover::after{width:100%;}
.nav-primary a{position:relative;padding-bottom:.2em; display: inline-block;}
.nav-primary a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width .3s var(--ease);}
.nav-primary a:hover::after{width:100%;}


/* ---- フローティングハンバーガー（バー2本／スクロールで出現） ---- */
.menu-toggle {
    position: fixed;
    top: 1rem;
    right: 1.4rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.4em;
    opacity: 1;
    transition: opacity .4s var(--ease),background .3s;
    z-index: 999;
    background: none;
}
.menu-toggle span {
    display: block;
    width: 60%;
    height: 2px;
    background: #242424;
    transition: transform .35s var(--ease),opacity .25s;
}
.drawer-logo {
    width: 60%;
    margin: 0 auto;
    padding: 1rem 0;
}
.drawer-nav .club-nav-items.flex {
    gap: 1rem;
}
.drawer-nav .club-nav-item-tmb {
    border-radius: 0.41rem;
    overflow: hidden;
    width: 30%;
}
.drawer-nav .club-nav-item p {
    font-size:1rem;
    text-align: center;
    padding-top: 0.7rem;
    font-weight: 700;
}
.menu-txt {
    width: 66%;
}
.menu-subtxt {
    font-size: 0.8rem;
    line-height: 1.4;
    padding-top: 1rem;
}
.menu-txt-title {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4;
    padding-top: 0.2rem;
}
body.nav-collapsed .menu-toggle {
    opacity: 1;
    pointer-events: auto;
    background: #242424;
}
body.nav-collapsed .menu-toggle span{
    background: #fff;
}
body.menu-open .menu-toggle{opacity:1;pointer-events:auto;}
body.menu-open .menu-toggle span:nth-child(1){transform:translateY(2.5px) rotate(45deg);}
body.menu-open .menu-toggle span:nth-child(2){transform:translateY(-5px) rotate(-45deg);}
@media (max-width:900px){ .menu-toggle{opacity:1;pointer-events:auto;} }

/* ---- ドロワー ---- */
.nav-drawer {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 33%;
    z-index: 110;
    background: #fff100;
    color: #231815;
    transform: translateX(100%);
    transition: transform .6s var(--ease);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 2.4rem;
    font-weight: 600;
	    overflow-y: scroll;
}
body.menu-open .nav-drawer{transform:translateX(0);}
.drawer-nav {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
}
.drawer-nav a {
    font-family: var(--font-mincho);
    font-size: 1em;
    letter-spacing: .06em;
    transition: .3s;
}
.drawer-nav a:hover{}
.drawer-nav .en {
    font-family: var(--font-en);
    font-size: 1.8rem;
    display: block;
    line-height: 1em;
}
.drawer-nav .jp {
    font-size: 0.9em;
}
.drawer-sub-nav a {
font-size: 0.9em;
    letter-spacing: .06em;
    transition: .3s;
    display: block;
    padding: 0.2rem 0 0;
}
body.menu-open main {
    -ms-filter: blur(4px);
    filter: blur(4px);
}

.drawer-ext{display:flex;flex-direction:column;}
.drawer-ext .ext-btn:hover{background:var(--c-orange);border-color:var(--c-orange);color:#fff;}


/* ページ遷移直後にフェードイン */
.fadein {
  opacity: 0;
  animation: pageFadeIn 1s ease forwards;
}

/* ページ遷移3秒後にフェードイン */
.fadein-delay {
  opacity: 0;
  animation: pageFadeIn 1s ease forwards;
  animation-delay: 1s;
}




@keyframes pageFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.menu-open {
overflow: hidden;
}



/* =========================================================================
   footer
   ========================================================================= */

footer.site-footer {
    position: relative;
    padding: 4rem 0;
    text-align: center;
}
.foot-name {
    font-weight: 600;
}
.foot-logo {
    width: 16rem;
    position: absolute;
    top: -7rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.foot-add {
    font-size: 0.85rem;
    line-height: 1.5em;
    padding-top: 0.5rem;
}
.foot-logo2 {
    width: 10rem;
    margin: 0 auto;
    padding-top: 3rem;
}

/* =========================================================================
   HOME
   ========================================================================= */



.bg-c-main {
    background: var(--c-main);
}


.home-club {
    padding: 4rem;
	position: relative;
}
.sec-border {
    border: #232323 solid 2px;
	position: relative;
}
.sec-tite-side-en {
    position: absolute;
    font-weight: 500;
    top: 0;
    left: -2.5rem;
    width: 0.7rem;
}
.sec-lead.flex {
    padding: 6rem 0 0;
    justify-content: space-between;
	
}
.sec-lead-copy {
    font-size: 2.1rem;
    font-weight: 900;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    width: 38%;
}
.sec-lead-p {
    width: 62%;
    line-height: 2.2;
    padding-top: 0.2rem;
    font-size: 1rem;
    font-weight: 500;
}
.home-club-items {
    padding-top:7rem;
}
.home-club-item-tmb {
    width: 32%;
}

.home-club-item-tmb a {
    border-radius: 1em;
    border: #232323 solid 2px;
	overflow: hidden;
	display: block;
	transition: .4s;
}
.home-club-item-tmb a img {
	transition: .4s;
}
.home-club-item-tmb a:hover img {
	  transform: scale(1.05);
	transition: .4s;
}

.home-club-item-txt {
    width: 68%;
    padding-left: 6%;
}
.sec-tite-jp {
    padding: 0.7em 1.5em;
    font-size: 1.26em;
    font-weight: 700;
    border-right: #242424 solid 2px;
    border-bottom: #242424 solid 2px;
    width: 10rem;
    text-align: center;
    line-height: 1.5;
}
.home-club-item-txt-title {
    font-size: 1.66rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    position: relative;
    display: inline-block;
}

.home-club-item-txt-member {
    font-size: 0.9rem;
    font-weight: 600;
    padding-bottom: 1rem;
    line-height: 1.2em;
    padding-top: 0.2rem;
}
.home-club-item-txt-p {
    font-size: 0.94rem;
    padding-bottom: 1.5rem;
}
.home-club-item-txt-title .arrow {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 2px;
    margin-top: 0.8rem;
    border-radius: 9999px;
    background-color: #242424;
    padding-left: 1em;
    margin-left: 0.3em;
	transition: .4s;
}
.home-club-item-txt-title a:hover .arrow {
    width: 3.6rem;
	transition: .4s;
}


.home-club-item-txt-title .arrow::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 0.5em;
  height: 2px;
  border-radius: 9999px;
  background-color: #242424;
  transform: rotate(45deg);
  transform-origin: calc(100% - 1px) 50%;
}
.home-club-item-voice-txt {
    background: #f5e80f;
    border-radius: 1.2em;
    padding: 1.7rem 2em;
}
.home-club-item-voice-txt {
    background: #f5e80f;
    border-radius: 1.2em;
    padding: 2em;
}
.home-club-item-voice-title {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.5em;
    padding-left: 5.8rem;
    padding-bottom: 0.3rem;
}
.home-club-item-voice-txt p {
    font-size: 0.88rem;
    padding-top: 1.5rem;
    padding-bottom: 0em;
}
.home-club-item-voice-navigator {
    font-weight: 500;
    align-items: center;
    gap: 1em;
    line-height: 1em;
    padding-top: 0.3em;
    padding-left: 5.8rem;
	flex-wrap: wrap;
}
.home-club-item-voice-navigator .job {
    font-size: 0.77rem;
    padding-left: 0.3rem;
	    width: 78%;
}
.home-club-item-voice-navigator .name {
    font-size: 1.12rem;
    line-height: 1em;
    padding-bottom: 0.2em;
	width: 100%;
}
.home-club-item-voice-navigator .navigator {
    border: #242424 solid 1px;
    padding: 0.5rem 0.5rem;
    font-size: 0.85rem;
}
.home-club-item {
    padding-bottom: 6rem;
}
.home-club-item-voice {
    position: relative;
}
.home-club-item-voice-tmb {
    border-radius: 999px;
    overflow: hidden;
    width: 5rem;
    position: absolute;
    left: 1.5rem;
    top: 1.2rem;
}
.sec-subcontent {
    padding: 5rem 0;
}
.sec-subtitle-en.en {
    font-size: 2.2rem;
    text-align: center;
    font-weight: 700;
    line-height: 1;
}
.sec-subtitle-jp {
    font-size: 1.1em;
    text-align: center;
    font-weight: 700;
    padding-bottom: 3rem;
}
.home-club-report-gallery {
    display: flex;
    gap: 1.5rem;
}
.home-club-report-gallery-tmb {
    border: #242424 solid 2px;
    border-radius: 0.5rem;
    overflow: hidden;
	width: 20%;
}
.home-club-report-gallery-tmb {
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.home-club-report-gallery-tmb a {
    display: block;
    width: 100%;
    height: 100%;
}

.home-club-report-gallery-tmb img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center center;
}

.home-club-event-calendar iframe {
	width: 100%;

}
.sec-subtitle-ico {
    width: 2.4rem;
    margin: 0 auto;
	padding-bottom: 0.6rem;
}
.faq .sec-subtitle-ico {
    width:3.4rem;
}


.c-bg {
	background: var(--c-bg);
}
section.home-about.l-sec {
    position: relative;
    height: 80vh;
}
.home-about-txt {
    position: absolute;
    z-index: 2;
    right: 5rem;
    width: 30%;
    top: 3rem;
    color: #fff;
}
.home-about-bg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.home-about-bg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.home-about-bg-ol {
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    position: absolute;
}
.home-about-txt-title {
    text-align: right;
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

.home-about-txt-title span.line {
    background: #ffffff;
    width: 5rem;
    height: 2px;
    display: block;
    margin-top: 0.15rem;
}


.home-about-txt-lead {
    font-size: 1.2rem;
    line-height: 1.6;
    padding: 4rem  0 1.5rem;
    font-weight: 600;
}
.home-about-txt p {
font-size: 0.9rem;
    line-height: 2.4;
    font-weight: 500;
}
.menu-flex.flex {
    width: 100%;
    padding-bottom: 1rem;
    justify-content: space-between;
}



/* ============================================================
   FAQ
   ============================================================ */
.faq-q {
    width: 100%;
    background: #fff;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem;
    text-align: left;
    font-family: inherit;
    margin-top: 0.7rem;
}
.faq-mark {
    font-family: var(--font-en);
    font-weight: 600;
    font-size: 1.7rem;
    color: #36b5e9;
    line-height: 1;
}
.faq-qtext{flex:1;font-weight:600;font-size:1.1rem;letter-spacing:.03em;color:var(--color-text);}
.faq-toggle{position:relative;width:20px;height:20px;flex:none;}
.faq-toggle::before,.faq-toggle::after{content:'';position:absolute;left:50%;top:50%;background:#36b5e9;border-radius:2px;}
.faq-toggle::before{width:18px;height:3px;transform:translate(-50%,-50%);}
.faq-toggle::after{width:3px;height:18px;transform:translate(-50%,-50%);transition:transform .35s var(--ease);}
.faq-item.open .faq-toggle::after{transform:translate(-50%,-50%) rotate(90deg);} /* 縦棒が横になり「−」に */
.faq-a{display:grid;grid-template-rows:0fr;background:#36b5e9;border-radius:0;transition:grid-template-rows .4s var(--ease),margin .4s var(--ease);}
.faq-item.open .faq-a{grid-template-rows:1fr;}
.faq-a-inner{overflow:hidden;min-height:0;}
.faq-a p {
    color: #fff;
    font-size: 1rem;
    line-height: 1.9;
    padding: 2rem;
    margin: 0;
    background: #36b5e9;
    border-radius: 0 0 0.5rem 0.5rem;
	    letter-spacing: 0.05rem;
}
.coution {
    padding: 2rem;
    margin-top: 4rem;
    height: 12rem;
    overflow-y: scroll;
    background: #e1e1e1;
}
.coution-title {
    font-size: 1.1rem;
    font-weight: 600;
    padding-bottom: 1rem;
}.coution-subtitle {
    font-weight: 600;
}
.coution p {
    font-size: 0.85rem;
    padding-top: 0.2rem;
    padding-bottom: 1.5rem;
}

.faq-a p a {
text-decoration: underline;
}
section.home-info.l-sec.c-bg {
    padding-bottom: 10rem;
    padding-top: 4rem;
}
.home-info-item.flex {
    padding: 1rem;
    border-top: #c1c1c1 solid 1px;
}
.home-info-item.last {
    border-bottom: #c1c1c1 solid 1px;
}
.home-info-item.flex {
    padding: 1rem;
    border-top: #c1c1c1 solid 1px;
    gap: 2rem;
}
.home-contact-btn {
    text-align: center;
}
.home-contact-btn .btn a {
    display: block;
    background: #54c3f1;
    width: 16em;
    margin: 0 auto;
    border-radius: 99px;
    font-size: 1.1rem;
    padding: 1rem;
    line-height: 1.3rem;
    color: #fff;
    font-weight: 600;
	transition: .4s;
}
.home-contact-btn .btn {
padding-top: 1.4rem;
}
.hero-bg {
    overflow: hidden;
}
/*******/
.hero-bg {
    overflow: hidden;
}

.hero-bg-pic {
    position: absolute;
    width: 11.5rem;

    animation: drift 18s ease-in-out infinite;
}
@media (max-width:2080px){
	.hero-bg-pic {
    width: 10rem;
}
	
}
.hero-bg-inner {
    border-radius: .4rem;
    overflow: hidden;

    opacity: 0;
    transform: rotate(-8deg) scale(.94);

    transition:
        opacity .4s ease,
        transform 1.4s cubic-bezier(.22,.61,.36,1);
}

.hero-bg-inner.is-show {
    opacity: 1;
    transform: rotate(-8deg) scale(1);
}

.hero-bg-inner.is-hide {
    opacity: 0;
    transform: rotate(-8deg) scale(1.08);
}

.hero-bg-inner img {
    width: 100%;
    display: block;
}

/* 12枚の動きを少しずつズラす */
.hero-bg-pic:nth-child(1)  { animation-duration: 18s; animation-delay: 0s; }
.hero-bg-pic:nth-child(2)  { animation-duration: 21s; animation-delay: -3s; }
.hero-bg-pic:nth-child(3)  { animation-duration: 16s; animation-delay: -6s; }
.hero-bg-pic:nth-child(4)  { animation-duration: 24s; animation-delay: -2s; }
.hero-bg-pic:nth-child(5)  { animation-duration: 19s; animation-delay: -5s; }
.hero-bg-pic:nth-child(6)  { animation-duration: 22s; animation-delay: -8s; }
.hero-bg-pic:nth-child(7)  { animation-duration: 17s; animation-delay: -4s; }
.hero-bg-pic:nth-child(8)  { animation-duration: 25s; animation-delay: -7s; }
.hero-bg-pic:nth-child(9)  { animation-duration: 20s; animation-delay: -1s; }
.hero-bg-pic:nth-child(10) { animation-duration: 23s; animation-delay: -9s; }
.hero-bg-pic:nth-child(11) { animation-duration: 18s; animation-delay: -6s; }
.hero-bg-pic:nth-child(12) { animation-duration: 26s; animation-delay: -3s; }

@keyframes drift {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(6px, -4px);
    }

    50% {
        transform: translate(-5px, 5px);
    }

    75% {
        transform: translate(4px, 2px);
    }

    100% {
        transform: translate(0, 0);
    }
}
/********************/
.hero-bg-pic.pic01 {
    top: -3rem;
    left: -7rem;
}
.hero-bg-pic.pic02 {
    top: -4rem;
    left: 32rem;
}
.hero-bg-pic.pic03 {
    top: -6rem;
    left: 60rem;
}
.hero-bg-pic.pic04 {
    top: 76rem;
    left: -2rem;
}
.hero-bg-pic.pic05 {
    top: 18rem;
    left: 15rem;
}
.hero-bg-pic.pic06 {
    top: 23rem;
    left: 75rem;
}
.hero-bg-pic.pic07 {
    top: 41rem;
    left: -5rem;
}
.hero-bg-pic.pic08 {
    top: 47rem;
    left: 53rem;
}
.hero-bg-pic.pic09 {
    top: 36rem;
    left: 89rem;
}
.hero-bg-pic.pic10 {
    top: 67rem;
    left: 25rem;
}
.hero-bg-pic.pic11 {
    top: 61rem;
    left: 77rem;
}
.hero-bg-pic.pic12 {
    top: 82rem;
    left: 58rem;
}


@media (max-width:2080px){
.hero-bg-pic.pic01 {
    top: -3rem;
    left: -4rem;
}
.hero-bg-pic.pic02 {
    top: -4rem;
    left: 29rem;
}
.hero-bg-pic.pic03 {
    top: -6rem;
    left: 57rem;
}
.hero-bg-pic.pic04 {
    top: 73rem;
    left: -2rem;
}
.hero-bg-pic.pic05 {
    top: 15rem;
    left: 12rem;
}
.hero-bg-pic.pic06 {
    top: 20rem;
    left: 68rem;
}
.hero-bg-pic.pic07 {
    top: 38rem;
    left: -5rem;
}
.hero-bg-pic.pic08 {
    top: 44rem;
    left: 50rem;
}
.hero-bg-pic.pic09 {
    top: 33rem;
    left: 86rem;
}
.hero-bg-pic.pic10 {
    top: 64rem;
    left: 22rem;
}
.hero-bg-pic.pic11 {
    top: 58rem;
    left: 74rem;
}
.hero-bg-pic.pic12 {
    top: 79rem;
    left: 55rem;
}
	
	}
aside.soso.hero-aside {
    position: absolute;
}
aside.henai.hero-aside {
    position: absolute;
}
.hero-logo {
    width: 31.5rem;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    padding: 14rem 0 52rem;
}
@media (max-width:2080px){
.hero-logo {
  padding: 12rem 0 48rem;
}
}


aside.henai.hero-aside {
    position: absolute;
    top: 64rem;
    width: 26rem;
    left: 41rem;
}
aside.soso.hero-aside {
    position: absolute;
    top: 44rem;
    width: 26rem;
    left: 16rem;
}
.hero-aside {
    position: absolute;
    top: 58rem;
    width: 26rem;
    left: 38rem;
}
.aside-text {
 transform: rotate(-8deg);
	position: relative;
}
.aside-title {
    width: 7rem;
	 transform: rotate(-2deg);
}
.hero-aside p {
    font-size: 0.8rem;
    padding-bottom: 0.5rem;
}
span.aside-before {
    position: absolute;
    left: -2rem;
    top: -2rem;
    font-size: 2.6rem;
    color: #d5d5d5;
}
span.aside-after {
    position: absolute;
    right: -2rem;
    bottom: -2rem;
    font-size: 2.6rem;
    color: #d5d5d5;
}
/***logo***/
#eye-left-pupil,
#eye-right-pupil {
    transform-box: fill-box;
    transform-origin: center;
    animation: eyeMove 20s infinite;
}

#eye-right-pupil {
    animation-delay: .08s;
}
@keyframes eyeMove {

    /* 正面 */
    0%,5% {
        transform: translate(0,0);
    }

    /* 左を見る */
    7%,15% {
        transform: translate(-2px,0);
    }

    /* 正面へ戻る */
    17%,20% {
        transform: translate(0,0);
    }

    /* まばたき */
    22%,23% {
        transform: translate(0,0) scaleY(.08);
    }

    24%,25% {
        transform: translate(0,0);
    }

    /* 約15秒何もしない */
    25%,100% {
        transform: translate(0,0);
    }
}

.mail a {
    display: block;
    padding-top: 1em;
    font-weight: 600;
    text-decoration: underline;
    color: #00b4ff;
}
/* =========================================================================
   CLUB
   ========================================================================= */

.page-hero .inner {
	position: relative;
}
.page-hero .hero-logo {
    width: 18rem;
    margin: 0 auto;
    padding-top: 1rem;
	padding-bottom: 0;
}
.page-parent {
    color: #fff;
    background: #242424;
    width: 7em;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 99px;
    line-height: 1;
    padding: 0.5rem;
	margin-bottom: 0.5rem;
}
.page-title {
font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.4em;
}
.page-capacity {
    font-size: 1em;
    font-weight: 600;
}
.page-title-wrap {
 padding: 5rem 0 3.5rem;
}
.page-sec-lead {
    padding: 4rem 0 4rem;
    width: 48%;
}
.page-sec-lead-copy {
    font-size: 1.5rem;
    line-height: 1.6;
    padding-bottom: 1em;
    font-weight: 700;
    letter-spacing: 0.08em;
}
.page-sec-lead-p {
    line-height: 2.4;
	text-align: justify;
}
.club-detail {
    padding: 4rem 4rem 3rem;
    position: relative;
}
.page-hero-pic {
    position: absolute;
    width: 27rem;
    bottom: -23rem;
    right: 2rem;
    transform: rotate(6deg);
    border-radius: 1rem;
    overflow: hidden;
	z-index: 2;
}
.club-detail-items {
    padding-top: 5rem;
}
.club-detail-item {
    justify-content: space-between;
	padding-bottom: 5rem;
}
.club-detail-item-tmb {
    width: 23%;
}
.club-detail-item-tmb img {
    border-radius: 1em;
    border: #242424 solid 2px;
}
.club-detail-item-txt {
    width: 72%;
}
.club-detail-item-cat {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
}
.club-detail-item-cat-no {
    display: flex;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: #fff100;
    background: #09afff;
    border-radius: 0.4rem;
    font-weight: 700;
}
.club-detail-item-cat-name {
    font-weight: 600;
}
.club-detail-item-title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.6;
}
.club-detail-item-summary {
    font-size: 0.8rem;
    line-height: 1.6;
    padding-top: 0.4rem;
    font-weight: 600;
}
.club-detail-item-summary-p {
    font-size: 0.88rem;
    padding-top: 0.8rem;
    line-height: 2em;
    letter-spacing: 0.08em;
    text-align: justify;
}
.club-navigator-item {
    width: 46%;
}

.club-navigator-pic {
    width: 8rem;
    margin: 0 auto;
    border-radius: 999px;
    overflow: hidden;
}
.club-navigator-items.flex {
    justify-content: space-between;
}
.club-navigator-job {
    font-size: 0.85rem;
    text-align: center;
    padding-top: 1rem;
}
.club-navigator-name {
    font-size: 1.1rem;
    text-align: center;
}
.club-navigator-p-en.en {
    font-weight: 600;
    text-align: center;
    padding-top: 2rem;
}
.club-navigator-p-lead {
    font-size: 1.2rem;
    text-align: center;
    padding-bottom: 1rem;
    font-weight: 600;
}
.club-navigator-item p{
    font-size: 0.88rem;
    line-height: 2rem;
}

.club-advisor-item {
    display: flex;
    justify-content: space-between;
}
.club-advisor-pic {
    width: 23%;
}
.club-advisor-pic img {
    border-radius: 1em;
    border: #242424 solid 2px;
}
.club-advisor-summery {
    width: 72%;
}
.club-advisor-job {
    font-size: 0.8rem;
    line-height: 1.8;
    padding-top: 0.5rem;
    font-weight: 600;
}
.club-advisor-name {
    font-size: 1.28rem;
    font-weight: 600;
    line-height: 1.4;
}
.club-advisor-p p {
    font-size: 0.88rem;
    line-height: 2em;
    letter-spacing: 0.08em;
    text-align: justify;
}
.club-advisor-p p a{
text-decoration: underline;
}

.club-advisor.sec-subcontent {
    border-top: #242424 dotted 2px;
}
.club-advisor-p-en {
    color: #242424;
    font-weight: 600;
    line-height: 1em;
    font-size: 0.9rem;
    padding-top: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    gap: 1em;
	    padding-bottom: 0.8rem;
}
.navigator .club-advisor-item {
    padding-bottom: 4rem;
}
.club-advisor-p-lead {
    font-size: 1.1em;
    font-weight: 600;
    padding-bottom: 0.4rem;
    line-height: 1.5;
}span.line {
    background: #242424;
    width: 5rem;
    height: 1px;
    display: block;
}
.home-club-report-gallery {
    display: flex;
    gap: 1.5rem;
    padding-bottom: 3rem;
}
section.club-nav.l-sec {
    padding: 8rem 0;
    background: #f9f9f9;
}
.club-nav-items.flex {
    gap: 2rem;
}
.club-nav-item-tmb {
    border-radius: 1rem;
    overflow: hidden;
}
.club-nav-item p {
    font-size: 0.8rem;
    text-align: center;
    padding-top: 1rem;
    font-weight: 600;
}
.hero-copy {
    position: absolute;
    z-index: 3;
    width: 8rem;
    top: 34rem;
    left: 53rem;
}

/* =========================================================================
   お問い合わせフォーム
   ========================================================================= */
#contact-form{scroll-margin-top:6rem;}


.contact-wrap{max-width:760px;margin:0 auto;}
.contact-lead{font-size:.95rem;line-height:2;margin-bottom:2.4rem;}
.req-note{display:block;margin-top:.6rem;font-size:.8rem;color:#888;}
.badge{display:inline-block;font-size:.62rem;letter-spacing:.06em;border-radius:3px;padding:.18em .7em;margin-left:.7em;vertical-align:middle;color:#fff;}
.badge.req{background:var(--c-orange);}
.badge.any{background:var(--c-greige);}
.form-error-top{background:#fff3ea;border:1px solid var(--c-orange);color:#c34d00;padding:.9em 1.2em;border-radius:4px;margin-bottom:1.8rem;font-size:.9rem;}
.mailform .form-row{display:grid;grid-template-columns:14em 1fr;gap:1rem 1.6rem;padding:1.5rem 0;border-bottom:1px solid var(--c-line);align-items:start;}
.form-label{font-family:var(--font-mincho);font-size:.95rem;padding-top:.4em;}
.form-field input[type=text],.form-field input[type=email],.form-field input[type=tel],.form-field textarea{
  width:100%;font-family:inherit;font-size:1rem;color:var(--c-ink);
  border:1px solid #d8d2c8;border-radius:4px;padding:.8em .9em;background:#fff;transition:border-color .2s;
}
.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--c-orange);}
.form-field textarea{resize:vertical;min-height:9em;line-height:1.8;}
.check-grid{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;}
.check{display:inline-flex;align-items:center;gap:.5em;font-size:.92rem;cursor:pointer;}
.check input{width:1.1em;height:1.1em;accent-color:var(--c-orange);}
.form-row.has-error input,.form-row.has-error textarea{border-color:#e0533a;background:#fff7f5;}
.field-error{color:#d63b1f;font-size:.82rem;margin-top:.5em;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form-actions{text-align:center;margin-top:2.6rem;}
.form-actions.two{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.cta-btn{display:inline-block;font-family:var(--font-sans);font-size:.95rem;letter-spacing:.08em;color:#fff;background:var(--c-orange);border:1px solid var(--c-orange);border-radius:999px;padding:.95em 3.2em;cursor:pointer;transition:.3s var(--ease);}
.cta-btn:hover{filter:brightness(1.08);}
.btn-ghost{display:inline-block;font-family:var(--font-sans);font-size:.95rem;letter-spacing:.08em;color:var(--c-ink);background:#fff;border:1px solid #c9c2b6;border-radius:999px;padding:.95em 3.2em;cursor:pointer;transition:.3s var(--ease);}
.btn-ghost:hover{background:#f3efe9;}
.confirm-note{text-align:center;margin-bottom:2rem;font-size:.95rem;}
.confirm-list{border-top:1px solid var(--c-line);}
.confirm-list>div{display:grid;grid-template-columns:14em 1fr;gap:1.6rem;padding:1.3rem .2rem;border-bottom:1px solid var(--c-line);}
.confirm-list dt{font-family:var(--font-mincho);color:#555;}
.confirm-list dd{line-height:1.9;}
.muted{color:#aaa;}
.complete-box{text-align:center;padding:2rem 0 1rem;}
.complete-title{font-family:var(--font-mincho);font-size:1.5rem;letter-spacing:.08em;margin-bottom:1.4rem;}
.complete-text{line-height:2.1;margin-bottom:2.4rem;font-size:.95rem;}


body.nav-collapsed.menu-open .menu-toggle {
    background: #fff100;
}
body.nav-collapsed.menu-open .menu-toggle span {
    background: #242424;
}
.note {
    font-size: 0.85rem;
    padding-bottom: 5rem;
    text-align: center;
}
.club-detail-item.last {
    padding-bottom: 3rem;
}


/* =========================================================================
   レスポンシブ
   ========================================================================= */

@media (max-width:2000px){
.hero-copy {
    position: absolute;
    z-index: 3;
    width: 8rem;
    top: 31rem;
    left: 51rem;
}
}

@media (max-width:900px){
.hero-bg-pic.pic09 {
    left: 76rem;
}
}

@media (max-width:650px){
	.nav-drawer {
    width: 100%;
}
html {
    font-size: 15px;
}	
.hero-bg-pic {
    width: 14%;
}
	.hero-bg-pic.pic01 {
    top: -20px;
    left: -20px;
}
	.hero-bg-pic.pic02 {
    top: -5%;
    left: 40%;
}
	.hero-bg-pic.pic03 {
    top: -10%;
    left: 76%;
}
	.hero-bg-pic.pic05 {
    top: 20%;
    left: 18%;
}
	.hero-bg-pic.pic06 {
    top: 46%;
    left: 85%;
}
	.hero-bg-pic.pic07 {
    top: 70%;
    left: -5%;
}
.hero-bg-pic.pic08 {
    top: 96%;
    left: 5%;
}.hero-bg-pic.pic07 {
    top: 60%;
    left: -7%;
}.hero-bg-pic.pic10 {
    top: 120%;
    left: 88%;
}
.hero-bg-pic.pic11 {
    top: 150%;
    left: 70%;
}.hero-bg-pic.pic04 {
    top: 140%;
    left: -5%;
}.hero-bg-pic.pic12 {
    top: 160%;
    left: 50%;
}
.hero-copy {
    position: absolute;
    z-index: 3;
    width: 30%;
    padding-top: 28%;
    left: 55%;
}
	
aside.henai.hero-aside {
    position: absolute;
    top: 130%;
    width: 50%;
    left: 18%;
}
aside.soso.hero-aside {
    position: absolute;
    top: 94%;
    width: 60%;
    left: 30%;
}.hero-logo {
    padding: 50% 0 85%;
	    width: 60%;
}
	.hero-aside p {
    font-size: 12px;
    padding-bottom: 0.5rem;
}
	.aside-title {
    width: 25%;
}.hero-bg-pic.pic04 {
    top: 32%;
    left: 53%;
}.home-about-txt {
    position: absolute;
    z-index: 2;
    right: 5rem;
    width: 80%;
    top: 3rem;
    color: #fff;
}.home-about-txt-lead {
    font-size: 26px;
    line-height: 1.6;
    padding: 4rem  0 1.5rem;
    font-weight: 600;
}.home-about-txt p {
    font-size: 15px;
    line-height: 2.4;
    font-weight: 500;
}.home-club {
    padding: 40px;
    position: relative;
}.sec-tite-side-en {
    position: absolute;
    font-weight: 500;
    top: 0;
    left: -27px;
    width: 10px;
}.sec-tite-jp {
    font-size: 17px;
}.sec-lead.flex {
    padding: 80px 0 0;
    justify-content: space-between;
}
	.inner {
    width: 86%;
    margin: 0 auto;
}
	.sec-lead.flex {
    padding: 80px 0 0;
    display: block;
}
	.sec-lead-copy {
    font-size: 20px;
    font-weight: 900;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    width: 100%;
    padding-bottom: 30px;
}
	.sec-lead-p {
    width: 100%;
    line-height: 2.2;
    padding-top: 0.2rem;
    font-size: 14px;
    font-weight: 500;
}
	.home-club-items {
    padding-top: 60px;
}.home-club-item {
    padding-bottom: 60px;
    display: block;
}
	.home-club-item-tmb {
    width: 100%;
}.home-club-item-txt {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
}
	.home-club-item-txt-title {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0.06em;
    position: relative;
    display: inline-block;
}
	.home-club-item-txt-member {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 1rem;
    line-height: 1.2em;
    padding-top: 0.2rem;
}
	.home-club-item-txt-p {
    font-size: 14px;
}.home-club-item-voice-txt {
    padding: 24px;
}.home-club-item-voice-tmb {
    width: 70px;
}.home-club-item-voice-title {
    font-size: 16px;
    padding-left: 80px;
}.home-club-item-voice-navigator {
    padding-left: 80px;
}.home-club-item-voice-navigator .navigator {
    font-size: 12px;
}.home-club-item-voice-navigator .job {
    font-size: 12px;
}.home-club-item-voice-navigator .name {
    font-size: 16px;
}
	.home-club-item-voice-txt p {
    font-size: 14px;
    padding-top: 1.5rem;
    padding-bottom: 0em;
}.home-club-report-gallery {
    display: flex;
    gap: 0;
    padding-bottom: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
	.home-club-report-gallery-tmb {
    width: calc(50% - 8px);
    margin-bottom: 16px;
}
	.sec-subtitle-ico {
    width: 40px;
}.sec-subtitle-en.en {
    font-size: 22px;
}.sec-subcontent {
    padding: 60px 0;
}.sec-subtitle-jp {
    font-size: 16px;
    padding-bottom: 30px;
}
	.inner-min {
    width: 85%;
}.faq-qtext {
    font-size: 16px;
}.faq-mark {

    font-size: 25px;
}.foot-logo {
    width: 30%;
    position: absolute;
    top: -7rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}.foot-add {
    font-size: 13px;
    line-height: 1.5em;
    padding-top: 0.5rem;
}

	.page-hero .hero-logo {
    width: 30%;
    margin: 0 auto;
    padding-top: 1rem;
    padding-bottom: 0;
}
	.nav-main {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .04em;
}.nav-primary {
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .04em;
}.page-title-wrap {
    padding: 10% 0 10%;
}.page-parent {
    font-size: 13px;
}.page-title {
    font-size: 28px;
}.page-capacity {
    font-size: 14px;
    font-weight: 600;
}.page-sec-lead-copy {
    font-size: 18px;
}.page-sec-lead-p {
    line-height: 2;
    text-align: justify;
    font-size: 14px;
}.page-hero-pic {
    position: absolute;
    width: 46%;
    bottom: -120%;
    right: 0;
    transform: rotate(6deg);
    border-radius: 1rem;
    overflow: hidden;
    z-index: 2;
}.page-sec-lead {
    padding: 4rem 0 0;
    width: 48%;
}.club-detail-items {
    padding-top: 40px;
}.club-detail {
    padding: 40px;
    position: relative;
}.club-detail-item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
}.club-detail-item-summary {
    font-size: 14px;
    line-height: 1.6;
    padding-top: 0.4rem;
    font-weight: 600;
}.club-detail-item-summary-p {
    font-size: 14px;
    padding-top: 0.8rem;
    line-height: 2em;
    letter-spacing: 0.08em;
    text-align: justify;
}
	.club-advisor-job {
    font-size: 12px;
    line-height: 1.8;
    padding-top: 0.5rem;
    font-weight: 600;
}
	.club-advisor-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}
	.club-advisor-p-en {
    color: #242424;
    font-weight: 600;
    line-height: 1em;
    font-size: 15px;
    padding-top: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    gap: 1em;
    padding-bottom: 0.8rem;
}.club-advisor-p-lead {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0.4rem;
    line-height: 1.5;
}
	.club-advisor-p p {
    font-size: 13px;
    line-height: 2em;
    letter-spacing: 0.08em;
    text-align: justify;
}.foot-logo {
    width: 30%;
    position: absolute;
    top: -35%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
	.hero-bg-pic.pic09 {
    top: 54%;
    left: 84%;
}
}


@media (max-width:650px){
	html {
    font-size: 14px;
}
	.site-header {
    display: none;
}
	.hero-bg-pic.pic03 {
    top: -20px;
    left: 76%;
}
	.hero-bg-pic.pic09 {
    top: 50%;
    left: 80%;
}
	.hero-bg-pic.pic10 {
    top: 80%;
    left: 88%;
}
	.hero-bg-pic.pic09 {
    top: 50%;
    left: 80%;
}.hero-bg-pic.pic11 {
    top: 80%;
    left: 70%;
}.hero-bg-pic.pic12 {
    top: 90%;
    left: 50%;
}
	aside.soso.hero-aside {
    position: relative;
    top: auto;
    width: 70%;
    left: auto;
    margin: 0 auto;
}
	aside.henai.hero-aside {
    position: relative;
    top: auto;
    width: 70%;
    left: auto;
    margin: 0 auto;
}.home-about-txt {
    position: absolute;
    z-index: 2;
    right: 5rem;
    width: 80%;
    top: 3rem;
    color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
}.home-about-txt-lead {
    font-size: 20px;
    line-height: 1.6;
    padding: 4rem  0 1.5rem;
    font-weight: 600;
}.home-about-txt p {
    font-size: 13px;
    line-height: 2;
    font-weight: 500;
}.home-club {
    padding: 20px;
    position: relative;
}
.sec-tite-side-en {
    position: absolute;
    font-weight: 500;
    top: 0;
    left: -16px;
    width: 7px;
}.sec-tite-jp {
    padding: 0.5em;
    font-size: 1.26em;
    font-weight: 700;
    border-right: #242424 solid 2px;
    border-bottom: #242424 solid 2px;
    width: 8rem;
    text-align: center;
    line-height: 1.5;
}.sec-tite-jp {
    font-size: 16px;
}.sec-lead.flex {
    padding: 40px 0 0;
    display: block;
}.sec-lead-p {
    width: 100%;
    line-height: 2;
    padding-top: 0.2rem;
    font-size: 13px;
    font-weight: 400;
}.home-club-item-txt-p {
    font-size: 13px;
}.home-club-item-voice-tmb {
    border-radius: 999px;
    overflow: hidden;
    width: 5rem;
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto;
}.home-club-item-voice-txt {
    padding: 0;
}.home-club-item-voice-txt {
    background: #fff216;
    border-radius: 1.2em;
    padding: 2em;
}.home-club-item-voice-tmb {
    border-radius: 999px;
    overflow: hidden;
    width:80px;
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto;
}.home-club-item-voice-title {
    font-size: 18px;
    padding-left: 0;
    padding-top: 20px;
    text-align: center;
    line-height: 1.5em;
}.home-club-item-voice-navigator {
    padding-left: 0;
    display: block;
    text-align: center;
}.home-club-item-voice-navigator .navigator {
    font-size: 12px;
    width: 8em;
    margin: 0 auto;
}.home-club-item-voice-navigator .job {
    font-size: 12px;
    padding-top: 8px;
	width: 100%;
	line-height: 1.4em;
}.home-club-item-voice-navigator .name {
    font-size: 16px;
    padding-top: 10px;
}.home-club-item-voice-txt p {
    font-size: 13px;
    padding-top: 1.5rem;
    padding-bottom: 0em;
}.home-club-item-txt-title {
    display: block;
    text-align: center;        padding-left: 24px;
}.home-club-item-txt-member {
    text-align: center;
}.home-club-item-txt-title .arrow {
    width: 24px;
}.hero-logo {
    padding: 50% 0 25%;
    width: 68%;
}
	aside.henai.hero-aside {
    padding-bottom: 200px;
}
	.home-club-event-calendar iframe {
    width: 100%;
    height: 300px;
}.sec-subtitle-jp {
    font-size: 14px;
    padding-bottom: 20px;
}
	 html,
  body {
    overflow-x: hidden;
  }
	.hero-bg-pic {
    width: 16%;
}
	.hero-bg-pic.pic01 {
    top: -10px;
    left: -20px;
}
	.hero-bg-pic.pic02 {
    top: -27px;
    left: 33%;
}
	.hero-bg-pic.pic03 {
    top: -40px;
    left: 72%;
}.hero-bg-pic.pic04 {
    top: 11%;
    left: 57%;
}
.hero-bg-pic.pic05 {
    top: 18%;
    left: 18%;
}.hero-bg-pic.pic09 {
    top: 52%;
    left: 45%;
}.hero-bg-pic.pic06 {
    top: 44%;
    left: 80%;
}
.hero-bg-pic.pic07 {
    top: 44%;
    left: -2%;
}
	.aside-text {
    transform: rotate(-4deg);
    position: relative;
    padding-left: 2%;
}.hero-bg-pic.pic10 {
    top: 87%;
    left: 75%;
}
.hero-bg-pic.pic11 {
    top: 156%;
    left: 70%;
}.hero-bg-pic.pic12 {
    top: 85%;
    left: -5%;
}.hero-bg-pic.pic08 {
    top: 95%;
    left: 48%;
}.menu-toggle {
    position: fixed;
    top: 12px;
    right: 12px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.4em;
    opacity: 1;
    transition: opacity .4s var(--ease),background .3s;
    z-index: 999;
    background: none;
}
	.aside-title {
    transform: rotate(1deg);
}
	.hero-bg-inner {
    transform: rotate(-5deg) scale(.94);
}.home-about-txt {
    width: 82%;
}.sec-lead-copy {
    font-size: 22px;
}.home-club-item-txt-title {
    font-size: 24px;
}.home-club-item-voice-txt {
    padding: 0;
}.home-club-item-voice-navigator {
    padding-top: 14px;
}.home-club-item-voice-navigator .navigator {
    font-size: 12px;
    width: 7em;
    margin: 0 auto;
    padding: 7px 0;
}.home-club-item-voice-navigator .name {
    font-size: 18px;
    padding-top: 4px;
}
	.sec-subtitle-ico {
    width: 32px;
}.home-club-report-gallery-tmb {
    width: calc(50% - 5px);
    margin-bottom: 10px;
}
	.home-info-item.flex {
    padding: 8px 0;
    border-top: #c1c1c1 solid 1px;
    gap: 2rem;
    font-size: 13px;
}
	.faq .sec-subtitle-ico {
    width: 45px;
}
	.faq-q {
    width: 100%;
    background: #fff;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 12px;
    text-align: left;
    font-family: inherit;
    margin-top: 0.7rem;
}.faq-qtext {
    font-size: 14px;
}.faq-toggle::before {
    width: 15px;
    height: 2px;
    transform: translate(-50%,-50%);
}.faq-toggle {
    position: relative;
    width: 15px;
    height: 15px;
    flex: none;
}.faq-toggle::after {
    width: 2px;
    height: 15px;
    transform: translate(-50%,-50%);
    transition: transform .35s var(--ease);
}.faq-mark {
    font-size: 22px;
}.faq-a p {
    color: #fff;
    font-size: 1rem;
    line-height: 1.9;
    padding: 20px;
    margin: 0;
    background: #54c3f1;
    border-radius: 0 0 0.5rem 0.5rem;
    font-size: 13px;
}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.home-club-items {
    padding-top: 30px;
}
	.home-club-item {
    padding-bottom: 40px;
    display: block;
}
	.sec-subcontent {
    padding: 50px 0;
}.sec-border {
    border: #232323 solid 1px;
    position: relative;
}.home-club-item-tmb a {
    border: #232323 solid 1px;
}.sec-tite-jp {
    border-right: #242424 solid 1px;
    border-bottom: #242424 solid 1px;
}.home-club-item-txt-title .arrow {
    height: 1px;
}.home-club-item-txt-title .arrow::before {
    height: 1px;
}.home-club-report-gallery-tmb {
    border: #242424 solid 1px;
}
	.page-hero-pic {
    position: relative;
    width: 64%;
    bottom: auto;
    right: 0;
    transform: rotate(0deg);
    border-radius: 1rem;
    overflow: hidden;
    z-index: 2;
    left: 0;
    margin: 0 auto;
}.page-parent {
    font-size: 13px;
    margin: 0 auto 5px;
}
	.page-title-wrap {
    text-align: center;
}
	.page-sec-lead {
    padding: 4rem 0 0;
    width: 100%;
}.club-detail-item-tmb img {
    border-radius: 0.5em;
    border: #242424 solid 1px;
}.club-advisor-pic img {
    border-radius: 0.5em;
    border: #242424 solid 1px;
}
.hero-copy {
    position: absolute;
    z-index: 3;
    width: 30%;
    left: 55%;
    top: 38%;
	padding-top: 0;
}
	
.hero {
    height: 170vh;
	position: relative;
}
.hero-logo {
    padding: 0;
    width: 68%;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
	aside.soso.hero-aside {
    position: absolute;
    width: 78%;
    margin: 0 auto;
    top: 58%;
    left: 0;
    right: 0;
}
	aside.henai.hero-aside {
    position: absolute;
    top: 75%;
    width: 78%;
    left: 0;
    margin: 0 auto;
    padding-top: 0;
    right: 0;
}
	
	.hero-copy {
    position: absolute;
    z-index: 3;
    width: 30%;
    left: 55%;
    top: 39%;
    padding-top: 0;
}
	section.home-about.l-sec {
    position: relative;
    height: 64vh;
}.foot-logo2 {
    width: 30%;
    margin: 0 auto;
    padding-top: 0;
}.foot-logo {
    width: 40%;
    position: absolute;
    top: -37%;
    left: 0;
    right: 0;
    margin: 0 auto;
}.note {
    font-size: 12px;
    padding-bottom: 40px;
    text-align: center;
    line-height: 1.6;
}
	
.faq-a {
        display: block;
        grid-template-rows: none;
        max-height: 0;
        overflow: hidden;
        transition: max-height .4s var(--ease);
    }

    .faq-item.open .faq-a {
        grid-template-rows: none;
    }
	
	
}

@media (max-width:520px){
.hero {
    height: 150vh;
    position: relative;
}.hero-copy {
    position: absolute;
    z-index: 3;
    width: 30%;
    left: 55%;
    top: 36%;
    padding-top: 0;
}
}
@media (max-width:480px){
	.hero-copy {
    position: absolute;
    z-index: 3;
    width: 30%;
    left: 55%;
    top: 36%;
    padding-top: 0;
}

}

@media (max-width:450px){
.page-hero .hero-logo {
    width: 40%;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
}.page-hero-pic {
    width: 100%;
}.club-detail {
    padding: 20px;
    position: relative;
}.club-detail-item {
    justify-content: space-between;
    padding-bottom: 30px;
    display: block;
}.club-detail-item-tmb {
    width: 100%;
    margin-bottom: 20px;
}.club-detail-item-txt {
    width: 100%;
}.club-detail-item-summary {
    font-size: 12px;
    line-height: 1.6;
    padding-top: 0.4rem;
    font-weight: 600;
}.club-detail-item-cat {
    font-size: 13px;
}
	.club-detail-item-cat-no {
    font-size: 15px;
}.club-advisor-pic {
    width: 40%;
    margin: 0 auto 12px;
}.club-advisor-item {
    display: block;
    justify-content: space-between;
}
	.club-advisor-summery {
    width: 100%;
}
	.club-advisor-job {
    text-align: center;
}
.club-advisor-name {
    text-align: center;
}	.club-advisor-p-en {
    padding-top: 24px;
    padding-bottom: 18px;
}.navigator .club-advisor-item.last {
    padding-bottom: 0;
}
.hero {
    height: 140vh;
    position: relative;
}
.hero-bg-pic.pic04 {
    top: 9%;
    left: 57%;
}
	.hero-bg-pic.pic05 {
    top: 16%;
    left: 18%;
}
	.hero-logo {
    padding: 0;
    width: 68%;
    position: absolute;
    top: 18%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
	.hero-bg-pic.pic06 {
    top: 38%;
    left: 80%;
}.hero-bg-pic.pic07 {
    top: 40%;
    left: -2%;
}.hero-bg-pic.pic09 {
    top: 45%;
    left: 45%;
}aside.soso.hero-aside {
    position: absolute;
    width: 78%;
    margin: 0 auto;
    top: 51%;
    left: 0;
    right: 0;
}.hero-copy {
    position: absolute;
    z-index: 3;
    width: 30%;
    left: 55%;
    top: 33%;
    padding-top: 0;
}
	.coution-title {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 1rem;
    line-height: 1.5;
}.coution-subtitle {
    font-weight: 600;
    font-size: 14px;
}.coution p {
    font-size: 12px;
    padding-top: 0.2rem;
    padding-bottom: 1.5rem;
}.faq-q {
    color: #333;
}
}
@media (max-width:410px){
	.club-detail-item-summary-p {
    font-size: 13px;
    padding-top: 0.8rem;
    line-height: 1.9;
    letter-spacing: 0.05em;
    text-align: justify;
}.club-advisor-p p {
    font-size: 13px;
    line-height: 1.9;
    letter-spacing: 0.05em;
    text-align: justify;
}
.hero-copy {
    position: absolute;
    z-index: 3;
    width: 29%;
    left: 55%;
    top: 32%;
    padding-top: 0;
}
}

@media (max-width:400px){
	.hero-bg-pic.pic05 {
    top: 14%;
    left: 16%;
}.hero-logo {
    padding: 0;
    width: 68%;
    position: absolute;
    top: 16%;
    left: 0;
    right: 0;
    margin: 0 auto;
}.hero-bg-pic.pic07 {
    top: 33%;
    left: -2%;
}.hero-bg-pic.pic09 {
    top: 42%;
    left: 45%;
}.hero-bg-pic.pic06 {
    top: 35%;
    left: 76%;
}aside.soso.hero-aside {
    position: absolute;
    width: 78%;
    margin: 0 auto;
    top: 48%;
    left: 0;
    right: 0;
}aside.henai.hero-aside {
    position: absolute;
    top: 74%;
    width: 78%;
    left: 0;
    margin: 0 auto;
    padding-top: 0;
    right: 0;
}.hero-copy {
    position: absolute;
    z-index: 3;
    width: 28%;
    left: 55%;
    top: 30%;
    padding-top: 0;
}.hero-aside p {
    font-size: 11px;
}
}

@media (max-width:400px){
	.hero-copy {
    position: absolute;
    z-index: 3;
    width: 23%;
    left: 55%;
    top: 32%;
    padding-top: 0;
}
	.hero-bg-pic.pic06 {
    top: 36%;
    left: 76%;
}section.home-about.l-sec {
    position: relative;
    height: 77vh;
}
}