@charset "UTF-8";
/* CSS Document */

#container.under .humhum:not(.is-active) .p-hamburger__line:nth-child(1)
,#container.under .humhum:not(.is-active) .p-hamburger__line:nth-child(3){
  background-color: #fff;
}
.under-wrapper{
  padding-top: var(--head-nav_h);
}
#under-header{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.under-content{
  padding-top: min(160px,12vw);
}

.fw_w{
  font-weight: 600;
}
/*page - about +++++++++++++++++++++++++++++++++++++*/
.about-contents{
  padding-top: min(100px,10vw);
}
/*intro*/
.page-about__intro{
  padding-bottom: min(80px,10vw);
}
.box-index-about .member-counter{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  gap:1em;
  margin-top: min(30px, 5vw);
  padding: 1em 2em;
  border-radius: 100vmax;
  background-color: var(--clr-main);
  color: #fff;
  font-weight: 600;
}

/*faq*/
.page-about__faq{
  padding-top: min(150px,12vw);
  padding-bottom: min(120px,12vw);
  padding-left: var(--pd_side);
  padding-right: var(--pd_side);
  display: grid;
  grid-template-columns: min(1300px,100%);
  justify-content: center;
  font-size: clamp(0.875rem, 0.625rem + 0.83vw, 1.625rem);
  gap:min(80px,10vw);
}
.js-acd-list{
  gap:min(40px,5vw);
}
.js-acd-list dt{
  cursor: pointer;
}
.js-acd-list dd{
  display: none;
}
.about-faq-list{
  counter-reset: count;
}
.item__faq{
  background-color: #fff;
  counter-increment: count 1;
  border-radius: min(20px,3vw);
  overflow: hidden;
  isolation: isolate;
}
.item__faq dt::before
,.item__faq dd::before{
  width: 2.5em;
  aspect-ratio:1;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100vmax;
  font-family: var(--fnt-cg);
  font-weight: 900;
  display: grid;
  place-content:center;
  color: #fff;
  font-size: 1.1538em;
}
.item__faq:nth-child(n+10) dt::before
,.item__faq:nth-child(n+10) dd::before{
}
.item__faq dt::before{
  content: 'Q'counter(count);
  top: 50%;
  translate:45% -50%;
  background-color: #000;
}
.item__faq dd::before{
  content: 'A'counter(count);
  background-color: #e95b86;
  translate:45% 30%;
}
.page-about__faq dt {
  min-height: 5em;
  display: grid;
  grid-template-columns: 1fr 1.3333em;
  -ms-align-items: center;
  align-items: center;
  padding-top: min(20px,4vw);
  padding-bottom: min(20px,4vw);
  padding-left: 5em;
  padding-right: min(50px,5vw);
  line-height: calc(40/30);
   background-color: rgba(0,174,214,0);
  transition:background var(--transit);
}
.page-about__faq dt .tgl{
  aspect-ratio:1;
  background-color: rgba(0,0,0,1);
  border-radius: 100vmax;
  transition:background var(--transit);
}
.page-about__faq dt.open .tgl{
  background-color: rgba(102,102,102,1);
}
.page-about__faq dt .tgl::before
,.page-about__faq dt .tgl::after{
  content: "";
  width: 50%;
  height:3px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  translate:-50% -50%;
}
.page-about__faq dt .tgl::after{
  rotate:90deg;
  transition:rotate var(--transit);
}
.page-about__faq dt.open{
  background-color: rgba(0,174,214,.3);
}
.page-about__faq dt.open .tgl::after{
  rotate:0deg;
}
.page-about__faq dt span{
  font-size: 1.1538em;
}
.page-about__faq dd{
  padding-left: 5em;
  padding-top: min(30px,5vw);
  padding-bottom: min(40px,5vw);
  padding-right: min(50px,5vw);
  line-height: calc(40/23);
}

/*history*/

.page-about__history{
  padding: min(150px,12vw) var(--pd_side) min(120px,12vw);
  display: grid;
  grid-template-columns: min(1300px,100%);
  justify-content: center;
  background-color: rgba(252,211,33,.2);
}
.about-history__intro .lead-text{
  text-align: center;
  margin-top: min(40px,8vw);
}
.about-history__list{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap:min(60px,5vw);
  margin-top:min(60px,8vw);
}
.about-history__list > li{
  container-type: inline-size;
  border-radius: 100vmax;
  aspect-ratio:1;
  overflow: hidden;
  isolation: isolate;
}
.about-history__list > li a{
  font-size: clamp(16px,10cqw,27px);
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 1fr 1fr;
  place-content:center;
  width: 100%;
  height: 100%;
  text-align: center;
  gap:1em;
  background: linear-gradient(180deg,var(--wall_clr) 50%,var(--clr-main) 50%);
  color: #fff;
  line-height: calc(34/27);
}
.about-history__list > li a > span > span{
  font-size: 1.4815em;
}
.about-history__list > li a > span:first-child{
  align-self: flex-end
}
.about-history__list > li a > span:last-child{
  align-self: flex-start;
}
.about-history__list > li.bk_pink{
  --wall_clr:#f3667a;
}
.about-history__list > li.bk_grn{
  --wall_clr:#8cc63f;
}
.about-history__list > li.bk_ylw{
  --wall_clr:#f39b00;
}
.about-history__list > li.bk_blue{
  --wall_clr:#0076d0;
}
.about-history__link{
  display: flex;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  gap:15px;
}
.about-history__link p{
  font-size: clamp(18px,3.2552vw,25px);
}
.about-history__link a{
  width: min(280px,40vw);
}
.page-about__history .about-history__link{
  margin-top: min(90px,10vw);
}

.board-title{
  width: min(792px,100%);
  font-size: clamp(20px,2.0833vw,40px);
  font-weight: 600;
  text-align: center;
  line-height: calc(60/40);
  color: #fff;
  background-color: var(--clr-main);
  padding: min(60px,6vw) min(20px,4vw) min(40px,5vw);
  border-radius: 0 0 10px 10px;
}
/*運営体制*/
.page-about__manage
,.page-about__links{
  padding: 0 var(--pd_side) min(100px,12vw);
  display: flex;
  display: grid;
  grid-template-columns: auto;
  justify-items: center;
  gap:min(80px,10vw);
}

.page-about__manage{
  grid-template-columns: min(792px,100%);
  justify-content: center;
}
.about-manage__disc{
  display: grid;
  grid-template-columns: 100%;
  gap:1em;
  line-height: calc(40/25);
  text-align: center;
}
.about-manage__disc h3{
  font-size: clamp(20px,1.8229vw,35px);
  font-weight: 600;
}
.about-manage__disc .lead-text{
  font-weight: 600;
  font-size: clamp(18px,1.5625vw,30px);
  line-height: calc(42/30);
}
.about-manage__inquiry > div:nth-child(n+2){
  margin-top: 1em;
}
.about-manage__disc .note-list{
  text-align: left;
}
/*link*/
.page-about__links{
  background-color: #f2f2f2;
}
.about-links__list{
  width: min(1300px,100%);
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:min(60px,5vw) min(60px,4vw);
}
.page-about__links li{
  line-height: calc(34/22);
  text-align: center;
}
.page-about__links li h3{
  margin-top: 1em;
}
.page-about__links li p{
  font-size: .9em;
}
.page-about__links li:hover > p{
  text-decoration: underline;
  color: var(--clr-main);
}
/*archive
=====================================*/
.acv-hero__title{
  display: grid;
  justify-content: center;
  padding-top: min(100px,12vw);
  grid-template-columns: auto;
}
.acv-member__title{
  grid-template-columns: min(400px,45vw);
}
.acv-hero__title img{
  width: min(250px,35vw);
}
.acv-hero__title img.diary{
  width: min(200px,30vw);
}
.acv-member__title img{
  width: 100%;
}
#content.page-archive{
  padding-top: min(120px,10vw);
  padding-bottom: min(120px,15vw);
  font-size: clamp(.9rem, 0.946rem + 0.22vw, 1.125rem);
}
.category-archive-blc{
  display: grid;
  grid-template-columns: min(1300px,100%);
  justify-content: center;
  padding-left: var(--pd_side);
  padding-right: var(--pd_side);
  gap:min(80px,15vw);
}
.link-post-button{
  display: flex;
  justify-content: flex-start;
}
.link-post-button a{
  background-color: var(--clr-main);
  color: #fff;
  border-radius: 100vmax;
  padding: 8px 1.5em;
  font-size: clamp(14px,0.9375vw,20px);
}
/*members file*/
.acv-members-list{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:min(50px,6vw) min(50px,4vw);
}
.acv-member-card{
  background-color: #fff;
  border-radius: min(20px,5vw);
  padding: min(40px,5vw) min(40px,3vw);
  container-type: inline-size;
  transition:translate var(--transit);
}
.acv-member-card .thumb{
  aspect-ratio:1;
}
.acv-member-card .thumb img{
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.acv-member-card .member__data{
  display: flex;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  gap:min(20px,4vw);
  margin-top: min(30px,3vw);
}
.acv-member-card .member__data .num{
  font-size: clamp(20px,13.3333cqw,40px);
  font-weight: 600;
  font-family: sans-serif;
  color: var(--clr-main);
  border-bottom: min(5px,1vw) solid;
  padding-bottom: 5px;
}
.acv-member-card .member__data .name{
  font-size: clamp(16px,8cqw,30px);
  font-weight: 600;
}
.acv-member-card .member__data .txt-readmore{
  background-color: var(--clr-main);
  color: #fff;
  border-radius: 100vmax;
  padding: 5px min(2em,4vw);
}

@media(hover){
  .acv-member-card:hover{
    translate:0 max(-10px,-2.5vw);
  }
}
/*acv item ++++++++++++++++++++++++*/
.acv-post-list .acv-post-item:nth-child(n+2){
   padding-top: min(30px,5vw);
}
.acv-post-item{
  display: grid;
  gap:min(15px,3vw) min(40px,5vw);
  border-bottom: 1px solid;
  padding-bottom: min(30px,5vw);
}
.acv-post-item.base{
  grid-template-columns: min(170px,20%) 1fr min(250px,25%);
  grid-template-rows: auto 1fr auto;
}
.acv-post-item.diary{
  grid-template-columns: min(170px,20%) 1fr auto;
  -ms-align-items: center;
  align-items: center;
}
.acv-post-item .post-title{
   font-size: clamp(18px,3.2552vw,25px);
  font-weight: 600;
  line-height: calc(30/25);
}
.acv-post-item .post-date{
  font-weight: 700;
  color: var(--clr-main);
  display: flex;
  flex-direction: column;
  font-size: clamp(18px,3.9062vw,30px);
  font-family: var(--fnt-cg);
}
.acv-post-item.base .post-date{
   grid-row: span 3;
}
.acv-post-item .post-date .monthday{
  font-size: 1.5em;
}
.post-excerpt{
  grid-area: 2/2;
  line-height: calc(35/20);
}
.acv-post-item .post-thumb{
  grid-row: span 3;
}
.post-thumb figure{
  aspect-ratio:1/.75;
}
.post-thumb figure img{
  object-fit: cover;
  height: 100%;
  object-position: center;
}
/*pager*/
.wp-pagenavi{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  gap:10px min(20px,4vw);
}
.acv-pager a
,.acv-pager span{
  font-size: clamp(16px,2.8646vw,20px);
  font-family: var(--fnt-cg);
  font-weight: 700;
}
.acv-pager .previouspostslink
,.acv-pager .nextpostslink{
  background-color:#000;
  width: min(27px,6vw);
  aspect-ratio:1;
  border-radius: 100vmax;
}
.acv-pager .previouspostslink::before
,.acv-pager .nextpostslink::before{
  content: "";  
  position: absolute;
  inset:0;
  mask:url("../images/icon/arrow.svg") no-repeat center center;
  mask-size:50%;
  -webkit-mask-size: 50%;
  background-color: #fff;
}
.acv-pager .previouspostslink::before{
  scale:-1 1;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current{
  color: var(--clr-main);
}


/*single +++++++++++++++++++++++++++++++++++++++++++++++*/
body.single main{
  display: flex;
  flex-direction: column;
}
.single-contents{
  padding-left: var(--pd_side);
  padding-right: var(--pd_side);
  display: grid;
  grid-template-columns: min(1300px,100%);
  justify-content: center;
  flex: 1;
  font-size: clamp(14px,1.3846vw,18px);
}
.page-single-blc{
  background-color: #fff;
  padding: min(100px,12vw) var(--pd_side) min(120px,12vw);
  line-height: calc(35/20);
}
/*pager*/
.single-pager{
  margin-top: min(100px,12vw);
  width: min(540px,100%);
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.single-pager a{
  display: grid;
  -ms-align-items: center;
  align-items: center;
  gap:10px;
}
.single-pager a.next{
  grid-template-columns: 1fr 1.5em; 
}
.single-pager a.prev{
   grid-template-columns:1.5em 1fr; 
}
.single-pager a .arw{
  aspect-ratio:1;
  background-color: #000;
  border-radius: 100vmax;
}
.single-pager a.prev .arw{
  scale:-1 1;
}
.single-pager a .arw::after{
  content: "";
  position: absolute;
  inset:0;
  background-color: #fff;
  mask:url( "../images/icon/arrow.svg") no-repeat center center;
  -webkit-mask-size: 50%;
  mask-size: 50%;
}
.single-pager .next{
  margin-left: auto;
}
.single-pager .is-disabled{
  opacity: .3;
  pointer-events: none;
}
/*single -base-*/
.entry-head .post-date{
  color: var(--clr-main);
  font-size: clamp(18px,1.6667vw,20px);
  font-weight: 600;
  padding-bottom: 4px;
}
.entry-head .post-date::after{
  content: "";
  width: 4em;
  height: 5px;
  background-color: currentColor;
  position: absolute;
  bottom: 0;
  left: 0;
}
.entry-head .post-title{
  font-size: clamp(25px,5.2083vw,40px);
  line-height: calc(45/40);
  font-weight: 600;
  margin-top: min(40px,7vw);
}
.entry-head + .entry-body{
  margin-top: min(20px,5vw);
  
}

/*single - member*/
.single-member__intro{
  padding-bottom: .5em;
  border-bottom: 1px solid;
}
.single-member__prof{
  margin-top: min(50px,5vw);
  display: grid;
  grid-template-columns: 1fr min(450px,40%);
  grid-template-rows: auto auto 1fr;
  gap:0 min(50px,4vw);
}
.single-member__prof .prof__name{
  grid-area:2/1;
  margin-top: min(20px,5vw);
  font-size: clamp(20px,3.0769vw,40px);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap:.5em;
  line-height: 1.4;
}
.single-member__prof .prof__name .num{
  color: var(--clr-main);
  font-weight: 700;
  font-family: var(--fnt-cg);
  white-space: nowrap;
}
.single-member__prof .prof__name .name{
  font-weight: 300;
}
.single-member__prof .prof__name .name > span{
  display: inline-block;
}
.single-member__prof .prof__thumb{
  grid-area: 1/2;
  grid-row: span 3;
  aspect-ratio:1;
}
.single-member__prof .prof__thumb img{
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.single-member__prof .prof__desc{
  margin-top: min(30px,5vw);
  padding-bottom: min(50px,10vw);
}
.single-member__prof .prof__desc p{
  padding-bottom: 1.5em;
  border-bottom: dashed 1px var(--clr-main);
  line-height: calc(30 / 21);
}
.prof__title img{
  height: min(30px,8vw);
  object-fit: contain;
  object-position: left center;
  width: 100%;
}
.intvw__title img{
  height: min(36px,7vw);
  object-fit: contain;
  object-position: left center;
  width: 100%;
}
.intvw__title span.note{
  display: block;
  padding-left: 1em;
  font-size: min(.75em,3.2vw);
  margin-top: 5px;
}
.intvw__title span.note::before{
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.member__intvw-box{
  margin-top: min(50px,10vw);
}

/*page - blank +++++++++++++++++++++++++++++++++++++*/
.base-contents{
  width: min(1400px,100%);
  margin-left: auto;
  margin-right: auto;
  padding: min(80px,10vw) var(--pd_side) min(120px,20vw);
}
.key-under{
  display: flex;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  padding-top: min(100px, 15vw);
}
.under-page-title{
  font-size: clamp(25px,6.5104vw,50px);
  font-weight: 700;
  color: var(--clr-main);
  padding-bottom: 1em;
}
.under-page-title.image-title img{
  object-fit: contain;
  height: min(45px,8vw);
  width: min(100%,calc(100vw - min(100px,8vw)));
  object-position: center;
}
.under-page-title::after{
  content: "";
  height: min(7px,1.25vw);
  width: 4em;
  background-color: currentColor;
  position: absolute;
  bottom: 0;
  left: 50%;
  translate:-50% 0;
}

/*page - privacy +++++++++++++++++++++++++++++++++++++*/
.legal-contents{
  width: min(1400px,100%);
  margin-left: auto;
  margin-right: auto;
  padding-top:  min(80px,10vw);
  padding-bottom:  min(120px,20vw);
}
.page-legal-blc{
  display: flex;
  flex-direction: column;
  gap:min(100px,12vw);
}
.page-legal-wrap h3{
  text-align: center;
  font-weight: 600;
  font-size: clamp(18px,3.2552vw,25px);
}

.box-legal__detail{
  counter-reset: main-count;
  line-height: calc(30/18);
  margin-top: min(20px,5vw);
  border: 1px solid;
  overflow-y: scroll;
  height: min(600px,calc((100vw - min(100px,8vw))*0.6217));
  font-size: clamp(14px,2.3438vw,18px);
}
.box-legal__detail > div{
  display: flex;
  flex-direction: column;
  gap:min(25px,5vw);
  padding: min(30px,5vw) min(40px,5.5vw) min(50px,8vw) min(30px,4vw);
}
.legal-detail__desc h4{
  padding-left: 1.25em;
  font-weight: 600;
}
.legal-detail__desc:nth-of-type(n+10) h4{
  padding-left: 2em;
}
.legal-detail__desc h4::before{
  counter-increment: main-count 1;
  content: counter(main-count)'.';
  position: absolute;
  left: 0;
  top: 0;
}
.legal-detail__desc .disc > * + *{
  margin-top: 1em;
}
.legal-detail__desc .disc a{
  text-decoration: underline;
  color: var(--clr-main);
}
.num-list {
  counter-reset: count;
}
.num-list > li
,.dot-list > li{
  padding-left: 1.25em;
}

.num-list > li:nth-child(n+10){
  padding-left: 2em;
}
.num-list > li::before{
  counter-increment: count 1;
  content: counter(count)'.';
  position: absolute;
  left: 0;
  top: 0;
}
.dot-list > li::before{
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}