@charset "UTF-8";
section {
  width: 100%;
  position: relative;
}

#kv {
  min-height: 100svh;
}
#kv .s-inner {
  width: 100%;
  position: relative;
  height: auto;
  padding-bottom: 10.67vw;
}
#kv h1 {
  width: 27.73vw;
  aspect-ratio: 104/48;
  position: absolute;
  right: 8.53vw;
  top: 14.67vw;
}
#kv .c-img {
  width: 93%;
  margin-inline: auto;
  aspect-ratio: 349/474;
  position: relative;
  padding-top: 36.27vw;
}
#kv .c-img figure {
  width: 100%;
}
#kv .c-content {
  width: 82.66%;
  margin-inline: auto;
  padding-top: 14.4vw;
}
#kv .c-content hgroup h2 {
  font-size: var(--fs-20-24);
  line-height: 2;
}
#kv .c-content hgroup h2 span {
  display: block;
}
#kv .c-content hgroup p {
  color: var(--color-blue100);
  font-size: var(--fs-16-16);
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  margin-top: 6.93vw;
}
#kv .c-content .text {
  margin-top: 6.67vw;
}
#kv .c-content .text p {
  line-height: 3.2;
}
#kv .c-content .text p span {
  display: block;
}

/*
#about{ 
	.s-inner{ padding: mx.spW(40) 0 mx.spW(73) 0;}	
}
*/
#wwd .s-inner {
  padding: 10.67vw 0 17.07vw 0;
}
#wwd :is(.c-ttl_section,
.c-content) {
  width: 82.66%;
  margin-inline: auto;
}
#wwd .c-ttl_section {
  margin-bottom: 12.8vw;
}
#wwd .c-lead p {
  line-height: 2.4;
}
#wwd .c-lead p span {
  display: block;
}
#wwd .c-list_content {
  width: 100%;
  margin-top: 19.2vw;
}
#wwd .c-list_content ul {
  width: 100%;
}
#wwd .c-list_content ul li {
  height: 150dvh;
  position: sticky;
  top: 0px;
  margin-bottom: 22.4vw;
  width: 100%;
}
#wwd .c-list_content ul li:last-child {
  height: 200dvh;
}
#wwd .c-list_content ul .list_inner {
  width: 100%;
  height: 100svh;
  position: sticky;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
}
#wwd .c-list_content ul .list_content {
  padding-top: 52.53vw;
  position: relative;
}
#wwd .c-list_content ul .img {
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  justify-content: flex-end;
}
#wwd .c-list_content ul .img figure {
  width: 77%;
}
#wwd .c-list_content ul .text {
  position: relative;
}
#wwd .c-list_content ul p.n {
  font-size: var(--fs-14-14);
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  line-height: 2;
}
#wwd .c-list_content ul h4 {
  font-size: var(--fs-24-24);
  color: var(--color-blue100);
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  line-height: 2;
}
#wwd .c-list_content ul .description {
  margin-top: 6.4vw;
}
#wwd .c-list_content ul .description p {
  font-size: var(--fs-14-16);
  line-height: 2.4;
}
#wwd .c-list_content ul .description p span {
  display: block;
}

/*
.c-list_content{ width: 100%; margin-top: mx.spW(72);
	ul{ width: 100%;
		li{ margin-bottom: mx.spW(84); position: relative; width: 100%; padding-top: mx.spW(197);}
		.img{ position: absolute; top: 0px; right: 0px; display: flex; justify-content: flex-end;
			figure{ width: 77%;}
		}
		.text{ position: relative;}
		p.n{ font-size: var(--fs-14-14); @include mx.inst(); letter-spacing: 0.1em; line-height: 2;}
		h4{ font-size: var(--fs-24-24); color: var(--color-blue100); @include mx.inst(); letter-spacing: 0.1em; line-height: 2;}
		.description{ margin-top: mx.spW(24);
			p{ font-size: var(--fs-14-16); line-height: 2.4;
				span{ display: block;}
			}
		}
	}
}
*/
#member .s-inner {
  padding: 17.07vw 0 21.33vw 0;
}
#member .c-ttl_section {
  width: 82.66%;
  margin-inline: auto;
  margin-bottom: 12.8vw;
}
#member .c-content {
  width: 87.46%;
  margin-left: 8.53%;
}
#member .c-list_members ul li {
  margin-bottom: 19.2vw;
}
#member .c-list_members ul li:last-child {
  margin-bottom: 0px;
}
#member .c-list_members ul li .c-profile_cols {
  display: flex;
  width: 100%;
}
#member .c-list_members ul li .profile_img {
  width: 35.6%;
}
#member .c-list_members ul li .profile_txt {
  width: 64.4%;
}
#member .c-list_members ul li .profile_txt h4 {
  font-size: var(--fs-16-16);
  line-height: 2;
}
#member .c-list_members ul li .profile_txt p {
  font-size: var(--fs-16-16);
  line-height: 2;
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  color: var(--color-blue100);
  margin-top: 2.13vw;
}

.b-btm_cols {
  width: 91.46%;
  margin-inline: auto;
  background: var(--color-bg-btm);
}
.b-btm_cols .btm_cols_inner {
  padding: 17.07vw 0;
}

#company .s-inner {
  width: 86%;
  margin-inline: auto;
}
#company .c-ttl_section {
  margin-bottom: 8.53vw;
}
#company .c-content .c-company_info h4,
#company .c-content .c-company_info address {
  font-size: var(--fs-14-14);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  line-height: 2;
  margin-bottom: 1em;
}
#company .c-content .c-company_info p.tel {
  font-size: var(--fs-14-16);
  line-height: 2;
  letter-spacing: 0.1em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#company .c-content .c-business_description {
  margin-top: 8.53vw;
}
#company .c-content .c-business_description h5, #company .c-content .c-business_description li {
  line-height: 2;
  letter-spacing: 0.1em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#company .c-content .c-business_description h5 {
  font-size: var(--fs-14-14);
  margin-bottom: 4.27vw;
}
#company .c-content .c-business_description li {
  font-size: var(--fs-12-12);
}
#company .c-content .c-business_description li:before {
  content: "・";
}

#contact {
  margin-top: 21.33vw;
}
#contact .s-inner {
  width: 86%;
  margin-inline: auto;
}
#contact .c-ttl_section {
  margin-bottom: 10.67vw;
}
#contact .c-content p {
  font-size: var(--fs-14-14);
  line-height: 2;
}
#contact .c-link {
  margin-top: 10.67vw;
}
#contact .c-link a {
  display: block;
  width: fit-content;
}
#contact .c-link a .inr {
  display: flex;
  align-items: flex-end;
  column-gap: 1.07vw;
}
#contact .c-link a .inr span.txt {
  font-size: var(--fs-16-16);
  letter-spacing: 0.1em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: var(--color-blue100);
  line-height: 1;
}
#contact .c-link a .inr span.c-icon {
  width: 7.2vw;
  height: 1.33vw;
}
#contact .c-link a .inr span.c-icon svg {
  fill: var(--color-text);
}

@media all and (min-width: 864px) {
  #kv {
    min-height: min(71.11vw, 1024px);
  }
  #kv .s-inner {
    width: 100%;
  }
  #kv h1 {
    width: 124px;
    aspect-ratio: 124/57;
    position: absolute;
    right: auto;
    left: 10%;
    top: min(30.99vw, 595px);
  }
  #kv .c-img {
    width: 55.625%;
    max-width: 1068px;
    position: sticky;
    aspect-ratio: revert;
    top: min(5.56vw, 80px);
    left: 50%;
    margin-left: max(-12.99vw, -187px);
    padding-top: 0px;
  }
  #kv .c-img figure {
    width: 100%;
  }
  #kv .c-content {
    width: 61.92%;
    max-width: 1189px;
    margin-inline: 0;
    margin-left: 12.13%;
    margin-top: 25vh;
  }
  #kv .c-content hgroup p {
    margin-top: min(1.81vw, 26px);
  }
  #kv .c-content .text {
    margin-top: min(5.56vw, 80px);
  }
  /*
  #about{ 
  	.s-inner{ padding: mx.pcMin(85) 0 mx.pcMin(135) 0;}

  }
  */
  #wwd .s-inner {
    width: 75.78%;
    margin-inline: auto;
    padding: min(9.38vw, 135px) 0 min(11.67vw, 168px) 0;
  }
  #wwd .c-section_cols {
    display: flex;
    justify-content: space-between;
  }
  #wwd :is(.c-ttl_section,
  .c-content) {
    margin-inline: 0;
  }
  #wwd .c-ttl_section {
    width: 50%;
    margin-bottom: 0;
  }
  #wwd .c-ttl_section .ttl_inner {
    position: sticky;
    top: min(2.78vw, 40px);
  }
  #wwd .c-lead {
    margin-top: min(3.33vw, 48px);
  }
  #wwd .c-lead p {
    line-height: 2.4;
  }
  #wwd .c-lead p span {
    display: block;
  }
  #wwd .c-list_content {
    width: 68.22%;
    margin-top: 0;
  }
  #wwd .c-list_content ul {
    width: 100%;
  }
  #wwd .c-list_content ul .list_inner {
    width: 100%;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    display: revert;
    align-items: revert;
  }
  #wwd .c-list_content ul .list_inner .list_content {
    padding-top: 0px;
  }
  #wwd .c-list_content ul li {
    height: auto;
    position: relative;
    margin-bottom: min(5.69vw, 82px);
    padding-top: 0;
  }
  #wwd .c-list_content ul li:last-child {
    height: auto;
  }
  #wwd .c-list_content ul .img {
    position: absolute;
    top: auto;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    right: max(-11.11vw, -160px);
    display: flex;
    justify-content: flex-end;
    mix-blend-mode: multiply;
    pointer-events: none;
    opacity: 0;
  }
  #wwd .c-list_content ul .img figure {
    width: min(26.39vw, 380px);
  }
  #wwd .c-list_content ul .text {
    position: relative;
  }
  #wwd .c-list_content ul .description {
    margin-top: min(1.67vw, 24px);
  }
  #member .s-inner {
    width: 75.78%;
    margin-inline: auto;
    padding: min(11.67vw, 168px) 0 min(17.64vw, 254px) 0;
  }
  #member .c-content {
    width: 49.96%;
    margin-left: 0%;
  }
  #member .c-section_cols {
    display: flex;
    justify-content: space-between;
  }
  #member .c-ttl_section {
    width: 50%;
    margin-inline: 0;
    margin-bottom: 0;
  }
  #member .c-ttl_section .ttl_inner {
    position: sticky;
    top: min(2.78vw, 40px);
  }
  #member .c-list_members {
    width: 74.4%;
  }
  #member .c-list_members ul li {
    margin-bottom: min(5vw, 72px);
  }
  #member .c-list_members ul li .profile_img {
    width: 34.7%;
  }
  #member .c-list_members ul li .profile_img figure {
    aspect-ratio: 188/240;
  }
  #member .c-list_members ul li .profile_txt {
    width: 64.4%;
  }
  #member .c-list_members ul li .profile_txt p {
    margin-top: min(0.56vw, 8px);
  }
  #member .c-list_members ul li .profile_txt p br {
    display: none;
  }
  .b-btm_cols {
    width: 97.5%;
  }
  .b-btm_cols .btm_cols_inner {
    padding: min(6.11vw, 88px) 0 min(21.67vw, 312px) min(3.33vw, 48px);
    display: flex;
    justify-content: space-between;
  }
  #company {
    width: 66.74%;
  }
  #company .s-inner {
    width: 84.93%;
    max-width: 562px;
    margin-inline: 0;
    margin-left: 5.9%;
  }
  #company .c-ttl_section {
    margin-bottom: min(2.78vw, 40px);
  }
  #company .c-content {
    width: 100%;
    display: flex;
    column-gap: 16.3%;
  }
  #company .c-content .c-company_info {
    width: 45.37%;
    max-width: 255px;
  }
  #company .c-content .c-company_info address {
    white-space: nowrap;
  }
  #company .c-content .c-business_description {
    width: 38.25%;
    max-width: 215px;
    margin-top: 0;
  }
  #company .c-content .c-business_description h5 {
    margin-bottom: min(1.11vw, 16px);
  }
  #contact {
    width: 32.3%;
    max-width: 480px;
    margin-top: 0;
  }
  #contact .s-inner {
    width: 100%;
  }
  #contact .c-ttl_section {
    margin-bottom: min(2.78vw, 40px);
  }
  #contact .c-link {
    margin-top: min(2.78vw, 40px);
  }
  #contact .c-link a .inr {
    column-gap: min(0.28vw, 4px);
  }
  #contact .c-link a .inr span.c-icon {
    width: min(1.88vw, 27px);
    height: min(0.35vw, 5px);
  }
}
@media (any-hover: hover) {
  #wwd .c-content {
    width: 49.96%;
  }
  #wwd .c-content .c-lead {
    margin-bottom: 19.2vw;
  }
  #wwd .c-content .c-lead p {
    line-height: 2.4;
  }
  #wwd .c-content .c-lead p span {
    display: block;
  }
  #wwd .c-list_content {
    width: 68.22%;
  }
  #wwd .c-list_content ul {
    width: 100%;
  }
  #wwd .c-list_content ul li:hover .img {
    opacity: 1;
    transition: opacity 0.6s ease;
  }
  #wwd .c-list_content ul .img {
    transition: opacity 0.2s ease;
  }
}
@starting-style {}
@property --custom-inherit-color {
  syntax: "<color>";
  inherits: true; /* デフォルトで親の値を継承する */
  initial-value: #f00; /* 赤色 */
}
:root {
  --hide-y: 5.33vw;
}

#kv .c-content hgroup h2 span,
#kv .c-content hgroup p {
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
}
#kv .c-content .text p span {
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
}
#kv .c-content.animate hgroup h2 span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#kv .c-content.animate hgroup h2 span:nth-of-type(1) {
  transition-delay: 0s;
}
#kv .c-content.animate hgroup h2 span:nth-of-type(2) {
  transition-delay: 0.1s;
}
#kv .c-content.animate hgroup p {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.2s;
}
#kv .c-content.animate .text p span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#kv .c-content.animate .text p span:nth-of-type(1) {
  transition-delay: 0.35s;
}
#kv .c-content.animate .text p span:nth-of-type(2) {
  transition-delay: 0.4s;
}
#kv .c-content.animate .text p span:nth-of-type(3) {
  transition-delay: 0.45s;
}
#kv .c-content.animate .text p span:nth-of-type(4) {
  transition-delay: 0.5s;
}
#kv .c-content.animate .text p span:nth-of-type(5) {
  transition-delay: 0.55s;
}
#kv .c-content.animate .text p span:nth-of-type(6) {
  transition-delay: 0.6s;
}
#kv .c-content.animate .text p span:nth-of-type(7) {
  transition-delay: 0.65s;
}
#kv .c-content.animate .text p span:nth-of-type(8) {
  transition-delay: 0.7s;
}

#wwd .c-list_content ul .img {
  opacity: 0;
  transition: opacity 0.3s linear;
}
#wwd .c-list_content ul .text p.n,
#wwd .c-list_content ul .text h4,
#wwd .c-list_content ul .text .description {
  opacity: 0;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: translate3d(0, var(--hide-y), 0);
}
#wwd .c-list_content ul.active0 li:nth-of-type(1) .img {
  opacity: 1;
  transition: opacity 0.6s ease;
}
#wwd .c-list_content ul.active0 li:nth-of-type(1) .text p.n,
#wwd .c-list_content ul.active0 li:nth-of-type(1) .text h4,
#wwd .c-list_content ul.active0 li:nth-of-type(1) .text .description {
  transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#wwd .c-list_content ul.active0 li:nth-of-type(1) .text p.n {
  transition-delay: 0.1s;
}
#wwd .c-list_content ul.active0 li:nth-of-type(1) .text h4 {
  transition-delay: 0.2s;
}
#wwd .c-list_content ul.active0 li:nth-of-type(1) .text .description {
  transition-delay: 0.3s;
}
#wwd .c-list_content ul.active1 li:nth-of-type(2) .img {
  opacity: 1;
  transition: opacity 0.6s ease;
}
#wwd .c-list_content ul.active1 li:nth-of-type(2) .text p.n,
#wwd .c-list_content ul.active1 li:nth-of-type(2) .text h4,
#wwd .c-list_content ul.active1 li:nth-of-type(2) .text .description {
  transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#wwd .c-list_content ul.active1 li:nth-of-type(2) .text p.n {
  transition-delay: 0.1s;
}
#wwd .c-list_content ul.active1 li:nth-of-type(2) .text h4 {
  transition-delay: 0.2s;
}
#wwd .c-list_content ul.active1 li:nth-of-type(2) .text .description {
  transition-delay: 0.3s;
}
#wwd .c-list_content ul.active2 li:nth-of-type(3) .img {
  opacity: 1;
  transition: opacity 0.6s ease;
}
#wwd .c-list_content ul.active2 li:nth-of-type(3) .text p.n,
#wwd .c-list_content ul.active2 li:nth-of-type(3) .text h4,
#wwd .c-list_content ul.active2 li:nth-of-type(3) .text .description {
  transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#wwd .c-list_content ul.active2 li:nth-of-type(3) .text p.n {
  transition-delay: 0.1s;
}
#wwd .c-list_content ul.active2 li:nth-of-type(3) .text h4 {
  transition-delay: 0.2s;
}
#wwd .c-list_content ul.active2 li:nth-of-type(3) .text .description {
  transition-delay: 0.3s;
}
#wwd .c-list_content ul.active3 li:nth-of-type(4) .img {
  opacity: 1;
  transition: opacity 0.6s ease;
}
#wwd .c-list_content ul.active3 li:nth-of-type(4) .text p.n,
#wwd .c-list_content ul.active3 li:nth-of-type(4) .text h4,
#wwd .c-list_content ul.active3 li:nth-of-type(4) .text .description {
  transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#wwd .c-list_content ul.active3 li:nth-of-type(4) .text p.n {
  transition-delay: 0.1s;
}
#wwd .c-list_content ul.active3 li:nth-of-type(4) .text h4 {
  transition-delay: 0.2s;
}
#wwd .c-list_content ul.active3 li:nth-of-type(4) .text .description {
  transition-delay: 0.3s;
}
#wwd .c-list_content ul.active4 li:nth-of-type(5) .img {
  opacity: 1;
  transition: opacity 0.6s ease;
}
#wwd .c-list_content ul.active4 li:nth-of-type(5) .text p.n,
#wwd .c-list_content ul.active4 li:nth-of-type(5) .text h4,
#wwd .c-list_content ul.active4 li:nth-of-type(5) .text .description {
  transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#wwd .c-list_content ul.active4 li:nth-of-type(5) .text p.n {
  transition-delay: 0.1s;
}
#wwd .c-list_content ul.active4 li:nth-of-type(5) .text h4 {
  transition-delay: 0.2s;
}
#wwd .c-list_content ul.active4 li:nth-of-type(5) .text .description {
  transition-delay: 0.3s;
}

#member ul li h4, #member ul li p, #member ul li .profile_img {
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
}
#member ul li.animate h4, #member ul li.animate p, #member ul li.animate .profile_img {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#member ul li.animate h4 {
  transition-delay: 0.1s;
}
#member ul li.animate p {
  transition-delay: 0.2s;
}

.b-btm_cols {
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
}
.b-btm_cols.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media all and (min-width: 864px) {
  :root {
    --hide-y: min(2.78vw, 40px);
  }
  #wwd .c-list_content ul li .img {
    opacity: 0;
    transition: opacity 0.6s ease;
  }
  #wwd .c-list_content ul li .text p.n,
  #wwd .c-list_content ul li .text h4,
  #wwd .c-list_content ul li .text .description {
    transition: transform 0.5s ease, opacity 0.5s ease;
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  #wwd .c-list_content ul li .text p.n {
    transition-delay: 0.1s;
  }
  #wwd .c-list_content ul li .text h4 {
    transition-delay: 0.2s;
  }
  #wwd .c-list_content ul li .text .description {
    transition-delay: 0.3s;
  }
}

/*# sourceMappingURL=style.css.map */