.con-profile, .con-member, .con-access { max-width: 1280px; margin-inline: auto; width: calc(100% - 160px); }
@media (max-width: 1439px) { .con-profile, .con-member, .con-access { width: 96%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-profile, .con-member, .con-access { width: 92%; } }
@media (max-width: 767px) { .con-profile, .con-member, .con-access { width: 89.6%; } }

.con-intro .box-intro { max-width: 1120px; margin-inline: auto; width: calc(100% - 320px); }
@media (max-width: 1439px) { .con-intro .box-intro { width: 96%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-intro .box-intro { width: 92%; } }
@media (max-width: 767px) { .con-intro .box-intro { width: 89.6%; } }

/*Animate */
/* ----------------------------------------------------------- .con-intro
----------------------------------------------------------- */
.con-intro .img { width: calc(100% - 80px); margin-left: auto; }
@media (min-width: 1025px) and (max-width: 1439px) { .con-intro .img { width: 98%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-intro .img { width: 96%; } }
@media (max-width: 767px) { .con-intro .img { width: 94.8%; } }
@media (min-width: 1025px) { .con-intro .box-intro { display: flex; margin-top: 80px; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-intro .box-intro { margin-top: 64px; } }
@media (max-width: 767px) { .con-intro .box-intro { margin-top: 40px; } }
.con-intro .box-intro h2 { font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; font-size: 3.2rem; line-height: 1.5; letter-spacing: 0.08em; }
@media (min-width: 1025px) { .con-intro .box-intro h2 { width: 50%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-intro .box-intro h2 { font-size: 2.8rem; margin-bottom: 24px; } }
@media (max-width: 767px) { .con-intro .box-intro h2 { font-size: 2.4rem; margin-bottom: 24px; } }
.con-intro .box-intro .txt { display: flex; flex-direction: column; gap: 1em; line-height: 2; }
@media (min-width: 1025px) { .con-intro .box-intro .txt { width: 50%; } }

/* ----------------------------------------------------------- .con-profile
----------------------------------------------------------- */
.con-profile { padding-top: 240px; }
@media (min-width: 1025px) { .con-profile { display: flex; justify-content: space-between; } }
@media (max-width: 767px) { .con-profile { padding-top: 160px; } }
@media (min-width: 1025px) { .con-profile .title-secondary { width: 20%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-profile .title-secondary { margin-bottom: 40px; } }
@media (max-width: 767px) { .con-profile .title-secondary { margin-bottom: 16px; } }
@media (min-width: 1025px) { .con-profile table { width: 75.3%; } }
@media (min-width: 768px) { .con-profile table tr th, .con-profile table tr td { border-bottom: 1px solid #DEDEDE; padding: 40px 0; vertical-align: top; } }
@media (max-width: 767px) { .con-profile table tr th, .con-profile table tr td { display: block; } }
.con-profile table tr th { color: #888; font-weight: 500; letter-spacing: 0.08em; }
@media (min-width: 768px) { .con-profile table tr th { width: 20%; } }
@media (max-width: 767px) { .con-profile table tr th { padding-top: 24px; } }
.con-profile table tr td { font-weight: 500; letter-spacing: 0.08em; }
@media (min-width: 768px) { .con-profile table tr td { width: 80%; } }
@media (max-width: 767px) { .con-profile table tr td { border-bottom: 1px solid #DEDEDE; padding-bottom: 24px; } }

/* ----------------------------------------------------------- .con-member
----------------------------------------------------------- */
.con-member { padding-top: 240px; }
@media (min-width: 1025px) { .con-member { display: flex; justify-content: space-between; } }
@media (max-width: 767px) { .con-member { padding-top: 160px; } }
@media (min-width: 1025px) { .con-member .title-secondary { width: 20%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-member .title-secondary { margin-bottom: 40px; } }
@media (max-width: 767px) { .con-member .title-secondary { margin-bottom: 16px; } }
.con-member .list-member { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (min-width: 1025px) { .con-member .list-member { width: 75.3%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-member .list-member { gap: 16px; } }
@media (max-width: 767px) { .con-member .list-member { grid-template-columns: repeat(2, 1fr); gap: 16px; } }
.con-member .list-member .item-member { aspect-ratio: 1 / 1.441; perspective: 800px; display: block; cursor: pointer; }
.con-member .list-member .item-member .inner-member { position: relative; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d; }
@media (max-width: 1024px) { .con-member .list-member .item-member .inner-member { pointer-events: none; } }
.con-member .list-member .item-member .inner-member .member-front, .con-member .list-member .item-member .inner-member .member-back { border: 1px solid #DEDEDE; position: absolute; inset: 0; backface-visibility: hidden; }
@media (max-width: 1024px) { .con-member .list-member .item-member .inner-member .member-front, .con-member .list-member .item-member .inner-member .member-back { pointer-events: none; } }
.con-member .list-member .item-member .inner-member .member-front .name-ruby, .con-member .list-member .item-member .inner-member .member-back .name-ruby { font-family: "Outfit", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; line-height: 1; font-size: 1rem; letter-spacing: 0.24em; }
.con-member .list-member .item-member .inner-member .member-front { display: flex; flex-direction: column; justify-content: flex-end; }
.con-member .list-member .item-member .inner-member .member-front .position { font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; letter-spacing: 0.12em; position: absolute; top: 10%; left: 63.7%; }
.con-member .list-member .item-member .inner-member .member-front .position span { writing-mode: tb-rl; writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; text-align: left; display: inline-block; text-orientation: upright; }
.con-member .list-member .item-member .inner-member .member-front .name { font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; font-size: 3.6rem; letter-spacing: 0.12em; padding-top: 30%; text-align: center; }
@media (min-width: 1025px) and (max-width: 1280px) { .con-member .list-member .item-member .inner-member .member-front .name { padding-top: 19.5%; font-size: 3.3vw; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-member .list-member .item-member .inner-member .member-front .name { font-size: 3.2rem; padding-top: 25%; } }
@media (max-width: 767px) { .con-member .list-member .item-member .inner-member .member-front .name { font-size: 5.5vw; padding-top: 25%; } }
.con-member .list-member .item-member .inner-member .member-front .name span { writing-mode: tb-rl; writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; text-align: left; display: inline-block; }
.con-member .list-member .item-member .inner-member .member-front .name-ruby { margin-top: auto; padding-bottom: 5.6%; color: #888; text-align: center; }
.con-member .list-member .item-member .inner-member .member-back { transform: rotateY(180deg); overflow: hidden; }
.con-member .list-member .item-member .inner-member .member-back img { width: 100%; height: 100%; object-fit: cover; }
.con-member .list-member .item-member .inner-member .member-back .name-ruby { display: inline-block; text-align: center; position: absolute; bottom: 16px; left: 0; right: 0; margin: 0 auto; mix-blend-mode: exclusion; color: #fff; }
@media (min-width: 1025px) { .con-member .list-member .item-member:hover .inner-member { transform: rotateY(180deg); } }
.con-member .list-member .item-member.is-flipped .inner-member { transform: rotateY(180deg); }

/* ----------------------------------------------------------- .con-access
----------------------------------------------------------- */
.con-access { padding: 240px 0 160px; overflow: hidden; }
@media (min-width: 1025px) { .con-access { display: flex; justify-content: space-between; } }
@media (max-width: 767px) { .con-access { padding: 160px 0; } }
@media (min-width: 1025px) { .con-access .title-secondary { width: 20%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-access .title-secondary { margin-bottom: 40px; } }
@media (max-width: 767px) { .con-access .title-secondary { margin-bottom: 16px; } }
@media (min-width: 1025px) { .con-access .box-access { width: 75.3%; } }
.con-access .box-access .inner-access { margin-top: 40px; }
@media (min-width: 1025px) { .con-access .box-access .inner-access { display: flex; justify-content: space-between; } }
@media (min-width: 1025px) { .con-access .box-access .inner-access table { width: 75%; } }
@media (max-width: 1024px) { .con-access .box-access .inner-access table { width: 100%; } }
.con-access .box-access .inner-access table tr th, .con-access .box-access .inner-access table tr td { padding: 0.5em; font-weight: 500; letter-spacing: 0.08em; }
@media (max-width: 767px) { .con-access .box-access .inner-access table tr th, .con-access .box-access .inner-access table tr td { display: block; } }
.con-access .box-access .inner-access table tr th { color: #888; font-size: 1.4rem; }
@media (max-width: 767px) { .con-access .box-access .inner-access table tr th { padding-bottom: 0; font-size: 1.2rem; } }
@media (max-width: 767px) { .con-access .box-access .inner-access table tr td { padding-top: 4px; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-access .box-access .inner-access .item-link { margin-top: 24px; } }
@media (max-width: 767px) { .con-access .box-access .inner-access .item-link { margin-top: 40px; } }
.con-access .box-access .inner-access .item-link a { display: flex; justify-content: flex-end; align-items: center; gap: 0 16px; }
@media (min-width: 1025px) { .con-access .box-access .inner-access .item-link a:hover .arrow img { transform: scale(1.5); } }
@media (max-width: 767px) { .con-access .box-access .inner-access .item-link a { justify-content: center; } }
.con-access .box-access .inner-access .item-link .txt { font-family: "Outfit", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; letter-spacing: 0.08em; line-height: 1; }
.con-access .box-access .inner-access .item-link .arrow { width: 80px; height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }
.con-access .box-access .inner-access .item-link .arrow img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; display: inline-block; width: 16px; }
.con-access .box-access .inner-access .item-link .arrow svg { position: absolute; top: 0; left: 0; animation: rotateAnimation 5s linear infinite; width: 100%; height: 100%; }
@keyframes rotateAnimation { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }