@charset "UTF-8";
/* CSS Document */
.under-inner {
  width: min(1200px, 100%);
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
  margin-left: auto;
  margin-right: auto;
}
#content.no-pdb {
  padding-bottom: 0;
}
/*under hero +++++++++++++++++++++++++*/
#hero.under-hero {
  background-image: url("../images/wall/wave-gry.svg");
  background-repeat: repeat-x;
  background-size: auto min(40px, 8vw);
  background-position: center bottom -2px;
  background-color: var(--wall-clr);
  padding-bottom: min(100px, 15vw);
  --wall-clr: var(--clr-blue);
  color: var(--clr-wht);
}
#hero.under-hero.wall-red {
  --wall-clr: var(--clr-red);
}
#hero.under-hero.wall-ylw {
  --wall-clr: var(--wall-ylw);
}
#hero.under-hero.wall-wblue {
  --wall-clr: var(--clr-wblue);
}
.under-page-title {
  font-family: var(--fnt-sic);
  font-size: min(50px, calc(100vw/13));
  text-align: center;
  letter-spacing: .15em;
  text-indent: .15em;
  margin-top: min(30px, 8vw);
  line-height: calc(36/30);
}
/*パンクズ*/
.l-bread {
  font-size: min(12px, 3vw);
  letter-spacing: .05em;
}
.l-bread__list {
  gap: 2.25em;
}
.l-bread__list > li:nth-child(n+2)::before {
  content: "";
  width: .5em;
  aspect-ratio: 1;
  border: 1px solid;
  border-color: currentColor currentColor transparent transparent;
  position: absolute;
  left: calc(-2.25em/2);
  top: 50%;
  rotate: 45deg;
  translate: -75% -50%;
}
.l-bread__list > li.is-current span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 10em;
}
/*under contents 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.under-contents {
  padding-top: min(100px, 15vw);
  padding-bottom: min(120px, 15vw);
}
/*title*/
.sec-title {
  color: var(--clr-red);
  font-size: var(--head3);
  font-weight: 600;
  letter-spacing: .1em;
  text-indent: .1em;
  line-height: calc(46/36);
  word-break: keep-all;
}
/*intro*/
.sec-intro-item {
  gap: min(20px, 5vw);
}
.sec-intro-item .lead-text {
  text-align: center;
  font-size: min(18px, 3.7vw);
  font-weight: 500;
}
/*detail list*/
.sec-detail-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(50px, 8vw) min(40px, 5vw);
}
.sec-detail-list li.full {
  grid-column: span 3;
  display: grid;
  place-content: center;
  gap: min(50px, 8vw) min(40px, 5vw);
}
.sec-detail-list li.full.clm2 {
  grid-template-columns: repeat(2, calc((100% - min(80px, 10vw))/3));
}
.sec-detail-list li.full.clm1 {
  grid-template-columns: calc((100% - min(80px, 10vw))/3);
}
.sec-detail-list > li, .sec-detail-list li.full > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap: min(15px, 3vw);
}
.sec-detail-list figure {
  aspect-ratio: 1/0.7356;
  border-radius: min(20px, 5vw);
  overflow: hidden;
  isolation: isolate;
  background-color: #ddd;
}
.sec-detail-list figure img {
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.sec-detail-list .in-title {
  font-size: var(--fs_mid);
  line-height: calc(35/24);
}
.sec-detail-list > li .in-text {
  font-size: min(18px, 3.6vw);
  letter-spacing: normal;
  text-indent: inherit;
}
.sec-detail-list .in-title + .in-text {
  font-size: min(15px, 3.6vw);
  letter-spacing: .03em;
  text-indent: .03em;
}
/*tab settings*/
.exam-tab-switch {
  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;
  gap: 4px;
}
.exam-tab-switch li {
  cursor: pointer;
  background-color: #FDFDFD;
  height: min(52px, 10vw);
  display: grid;
  place-content: center;
  border-radius: min(15px, 3.8vw) min(15px, 3.8vw) 0 0;
}
.exam-tab-switch li p{
  line-height: calc(20/16);
  text-align: center;
  font-size: min(16px,3.44vw);
}
.exam-tab-switch li.active {
  background-color: var(--ttl-clr);
  color: var(--clr-wht);
}
.exam-tab-container {
  background-color: var(--clr-wht);
  border-radius: 0 min(15px, 3.8vw) min(15px, 3.8vw) min(15px, 3.8vw);
  padding: min(80px, 8vw) min(40px, 4vw);
  display: grid;
  justify-content: center;
}
/*list settings*/
.dot-list > li {
  padding-left: 1em;
  line-height: calc(22/15);
}
.dot-list > li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.ccl-list > li {
  padding-left: 1.125em;
}
.ccl-list > li:nth-child(n+2) {
  margin-top: min(10px, 2vw);
}
.ccl-list > li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--dot-clr);
}
.ccl-list.wblue {
  --dot-clr: var(--clr-wblue);
}
.att-list > li {
  line-height: calc(25/16);
  padding-left: 1em;
}
.att-list > li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
/*=================================================================
■ABOUTUS
==================================================================*/
/*page aboutus ++++++++++++++++++++++++++++++++++++++++*/
/*motto*/
.box-aboutus_motto {
  padding-bottom: min(120px, 15vw);
  gap: min(80px, 12vw);
}
.box-aboutus_motto .pic-motto {
  right: 0;
  top: max(-70px, -15vw);
  ;
  width: min(160px, 15vw);
  translate: 0 -25%;
}
.item-motto {
  width: min(600px, 100%);
}
.item-motto::before {
  content: "";
  position: absolute;
  width: calc(100% + 3.5px);
  height: calc(100% + 3.5px);
  background: linear-gradient(17deg, var(--clr-red) 50%, var(--clr-wblue) 50%);
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 100vmax;
}
.item-motto .in-title {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -50%;
  color: var(--clr-wht);
  background-color: var(--clr-red);
  font-size: min(20px, 4vw);
  letter-spacing: .6em;
  text-indent: .6em;
  height: 2em;
  border-radius: 100vmax;
  display: grid;
  place-content: center;
  width: 4.7em;
  z-index: 2;
}
.item-motto .lead-text {
  width: 100%;
  font-size: var(--head3);
  font-weight: 600;
  text-align: center;
  color: var(--clr-red);
  background-color: var(--clr-wht);
  border-radius: 100vmax;
  padding: min(1em, 4vw) .35em;
}
.motto-list {
  width: min(1100px, 100%);
  display: grid;
  grid-template-columns: 100%;
  gap: min(70px, 12vw);
}
.motto-list > div {
  display: grid;
  grid-template-columns: min(236px, 25%) auto;
  gap: min(24px, 5vw) min(60px, 8vw);
}
.motto-list > div:nth-child(n+2) {}
.motto-list dt {
  display: grid;
  grid-template-columns: auto;
  align-content: center;
  letter-spacing: .1em;
  color: var(--clr-red);
  padding-right: 1em;
  border-right: 2px dashed currentColor;
  gap: 5px;
}
.motto-list dt h3 {
  font-size: min(30px, calc(100vw/16.25));
  line-height: calc(42/30);
  word-break: keep-all;
}
.motto-list dd.symbol-box .in-text {
  padding-right: min(220px, 40vw);
}
.motto-list dd.symbol-box .symbol {
  position: absolute;
  width: min(200px, 35vw);
  aspect-ratio: 1;
  display: grid;
  grid-template-columns: 48%;
  place-content: center;
  background-color: var(--clr-wht);
  border-radius: 100vmax;
  right: 0;
  top: 50%;
  translate: 0 -50%;
}
.motto-list dd.symbol-box .symbol svg {
  fill: var(--clr-blue);
}
/*message*/
.box-aboutus_message {
  background-color: var(--clr-red);
  padding-top: min(80px, 10vw);
  padding-bottom: min(80px, 10vw);
}
.wrap-aboutus_message {
  display: grid;
  grid-template-columns: min(393px, 50%) auto;
  gap: min(30px, 7vw) min(50px, 7vw);
  color: var(--clr-wht);
}
.message-comment {
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.message-comment .in-title {
  font-size: var(--head3);
  letter-spacing: .05em;
  text-indent: .05em;
  font-weight: 500;
}
.message-comment .sign {
  margin-left: auto;
  display: flex;
  margin-top: min(50px, 10vw);
  gap: min(30px, 4vw);
}
.message-comment .in-text {
  font-size: min(18px, 3.6vw);
  margin-top: min(30px, 6vw);
  letter-spacing: .1em;
  text-indent: .1em;
}
.message-comment .sign dt {
  letter-spacing: .1em;
  text-indent: .1em;
}
.message-comment .sign dd {
  letter-spacing: .07em;
  text-indent: .07em;
}
/*page history ++++++++++++++++++++++++++++++++++++++++*/
#content.history-contents {
  padding-bottom: min(100px, 15vw);
}
.history-deltai {
  margin-top: min(88px, 10vw);
}
.history_item {
  display: grid;
  gap: min(30px, 6vw) min(50px, 4vw);
}
.history_item:nth-child(n+2) {
  margin-top: min(50px, 12vw);
}
.history_item:nth-child(odd) {
  grid-template-columns: min(434px, 45%) 1fr;
}
.history_item:nth-child(even) {
  grid-template-columns: 1fr min(434px, 45%);
}
.history_item:nth-child(even) .thumb {
  grid-area: 1/2;
}
/*page facility ++++++++++++++++++++++++++++++++++++++++*/
.facility-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(60px, 10vw) min(40px, 4vw);
}
.facility-list figure {
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap: min(20px, 5vw);
}
.facility-list figure picture {
  width: 100%;
  aspect-ratio: 1/0.7339;
  overflow: hidden;
  isolation: isolate;
}
.facility-list figcaption {
  color: var(--clr-red);
  font-size: var(--fs_mid);
  padding-left: .75em;
  line-height: calc(35/24);
}
.facility-list figcaption::before {
  content: "";
  width: 4px;
  height: 1.25em;
  background-color: currentColor;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
}
.facility-list img {
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.facility-list .in-text {
  font-size: min(15px, 3.6vw);
  margin-top: min(15px, 3vw);
  letter-spacing: normal;
  text-indent: inherit;
}
/*page uniform ++++++++++++++++++++++++++++++++++++++++*/
.page-uniform-blc {
  display: grid;
  grid-template-columns: min(1100px, 100%);
  justify-content: center;
  gap: min(60px, 7.7vw);
}
.uniform-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(30px, 7.7vw) min(100px, 8vw);
}
.uniform-detail::before {
  content: "";
  width: 2px;
  height: 100%;
  background-image: linear-gradient(rgba(234, 85, 50, 1) 50%, rgba(234, 85, 50, 0) 0%);
  background-size: 1px 6px;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
}
.uniform-detail h3 {
  font-size: var(--fs_mid);
  background-color: var(--clr-red);
  color: var(--clr-wht);
  display: grid;
  place-content: center;
  height: min(60px, 12vw);
  border-radius: 100vmax;
  font-weight: 600;
  letter-spacing: .5em;
  text-indent: .5em;
}
.uniform-detail dd {
  margin-top: min(20px, 5vw);
}
.uniform-detail dd .ccl-list{
 --dot-clr:var(--clr-red); 
}
.uniform-detail dd .ccl-list li{
  line-height: calc(24/16);
  font-kerning: none;
}
/*page faq ++++++++++++++++++++++++++++++++++++++++*/
.faq-list {
  counter-reset: count;
}
.faq-item:nth-child(n+2) {
  border-top: 1px dashed var(--clr-red);
  padding-top: min(50px, 7.7vw);
}
.faq-item:not(:last-child) {
  padding-bottom: min(50px, 7.7vw);
}
.faq-item dt, .faq-item dd {
  padding-left: min(70px, 15vw);
}
.faq-item dt {
  font-size: min(24px, calc(100vw/22));
  color: var(--clr-red);
  line-height: calc(35/24);
  letter-spacing: .05em;
  text-indent: .05em;
}
.faq-item dt::before {
  counter-increment: count 1;
  content: 'Q'counter(count);
  width: 2.5em;
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  font-size: min(18px, calc(100vw/21.6667));
  line-height: 1;
  background-color: var(--clr-red);
  color: var(--clr-wht);
  border-radius: 100vmax;
  overflow: hidden;
  font-weight: 400;
  font-family: var(--fnt-din);
}
.faq-item dd {
  width: min(990px, 100%);
  letter-spacing: .07em;
  text-indent: .07em;
  line-height: calc(30/16);
  margin-top: min(30px, 5vw);
}
/*page oneday ++++++++++++++++++++++++++++++++++++++++*/
.jag-oneday-icon {
  width: min(135px, 35vw);
  position: absolute;
  top: 18%;
  right: 0;
  translate: 30% 0;
  z-index: 1;
}
.jag-oneday-icon p {
  font-size: min(15px, 3.6vw);
  font-weight: 600;
  line-height: calc(22/15);
  text-align: center;
  color: var(--clr-red);
  letter-spacing: .07em;
  text-indent: .07em;
}
.pic-oneday01 {
  width: min(220px, 25vw);
  top: max(-100px, -15vw);
  ;
  left: 0;
  translate: 50% -50%;
}
.pic-oneday02 {
  width: min(100px, 12vw);
  top: 0;
  right: 0;
  translate: 0 -25%;
}
.pic-oneday03 {
  left: min(50px, 4vw);
  top: 50%;
  translate: 0 -50%;
  width: min(100px, 10vw);
}
.pic-oneday04 {
  right: 0;
  top: 28%;
  width: min(192px, 17vw);
}
.pic-oneday05 {
  left: 50%;
  bottom: min(90px, 18vw);
  width: min(200px, 19vw);
  translate: 0 35%;
}
.pic-oneday06 {
  right: 0;
  bottom: min(90px, 18vw);
  width: min(260px, 22vw);
  translate: 0 -20%;
}
.pic-oneday07 {
  left: 0;
  top: max(-100px, -12vw);
  width: min(377px, 40vw);
  translate: 0 -60%;
}
.page-oneday_schedule {
  padding-bottom: min(90px, 18vw);
}
.box-time-table {
  width: min(750px, 100%);
  margin-left: auto;
  margin-right: auto;
}
.item-mdl_schedule {
  background-color: var(--clr-wht);
  border-radius: min(25px, 6.4vw);
  padding: min(80px, 7.7vw) min(60px, 4.5vw);
  display: grid;
  grid-template-columns: min(430px, 60%) auto;
  -ms-align-items: center;
  align-items: center;
  gap: 10px min(50px, 3vw);
}
.item-mdl_schedule .thumb-area {
  border-radius: min(15px, 3.8vw);
  overflow: hidden;
  isolation: isolate;
  aspect-ratio: 1/0.7765;
  background-color: #ededed;
}
.item-mdl_schedule .thumb-area img {
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.item-mdl_schedule .in-title {
  color: var(--clr-wblue);
  font-size: var(--fs_mid);
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.item-mdl_schedule .in-title .time {
  font-family: var(--fnt-ftr);
}
.item-mdl_schedule .in-title .main {
  font-size: 1.25em;
  line-height: calc(40/30);
}
.item-mdl_schedule .in-text {
  font-size: min(15px, 3.6vw);
  margin-top: min(30px, 2.5vw);
}
.page-oneday_aftersc {
  padding-top: min(100px, 12vw);
  padding-bottom: min(110px, 12vw);
  background-color: var(--clr-wblue);
  color: var(--clr-wht);
}
.box-oneday-aftersc {
  display: grid;
  grid-template-columns: min(1100px, 100%);
  justify-content: center;
}
.box-oneday-aftersc .sec-title {
  color: var(--wall-l-ylw);
  gap: 5px;
}
.box-oneday-aftersc .sec-title span {
  font-size: 0.7778em;
}
.oneday-aftersc-detail {
  margin-top: min(60px, 12vw);
  gap: min(60px, 10vw) min(35px, 5vw);
  display: grid;
  grid-template-columns: repeat(3,1fr);
}
.item-aftersc-detail .comment {
  margin-top: min(25px, 2.5vw);
}
.item-aftersc-detail .comment .box-title {
  font-size: var(--fs_mid);
  color: var(--wall-l-ylw);
  letter-spacing: .1em;
  text-indent: .1em;
  font-weight: 500;
  line-height: calc(40/30);
}
.item-aftersc-detail .comment .in-text {
  margin-top: min(15px, 2.5vw);
}
.item-aftersc-detail .button-wrap {
  margin-top: min(60px, 7vw);
}
/*page anzen /support ++++++++++++++++++++++++++++++++++++++++*/
.safety_detail-list li .in-title, .support_detail-list li .in-title {
  color: var(--clr-wblue);
}
.page-supportt-blc {
  gap: min(76px, 10vw);
}
.page-supportt-blc > p.lead-text {
  font-size: min(21px, 3.7vw);
  text-align: center;
}
/*=================================================================
■EDUCATION
==================================================================*/
.jag-link-tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: min(15px, 2.5vw);
  width: 8.5em;
  aspect-ratio: 1;
  translate: 30% -35%;
}
.jag-link-tag::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../images/icon/jag-red.svg") no-repeat center/cover;
  animation: 25s linear infinite rotation;
  transition: scale var(--transit);
}
.jag-link-tag a {
  display: grid;
  place-content: center;
  place-items: center;
  width: 100%;
  height: 100%;
  font-weight: 500;
  color: var(--clr-wht);
  gap: 5px;
}
.jag-link-tag a .fnt-ftr {
  font-size: 1.467em;
  letter-spacing: .05em;
  text-indent: .05em;
}
@media(hover) {
  .jag-link-tag:hover::before {
    scale: 1.1;
  }
}
.l-line-title {
  padding-left: .75em;
}
.l-line-title::before {
  content: "";
  width: 4px;
  height: 85%;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  background-color: currentColor;
}
.wall-round-box {
  padding: min(30px, 7vw) min(40px, 9vw);
}
.wall-round-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--clr-wht);
  border-radius: 100vmax;
}
.dot-title {
  padding-left: 1.25em;
}
.dot-title::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
}
/*page feature ++++++++++++++++++++++++++++++++++++++++*/
.page-feature-blc {
  color: var(--clr-wht);
}
.box-feature_intro {
  --wave-wall: url(images/wall/wave-red.svg);
  --sp-wave: url(images/wall/wave-red_sp.svg);
  display: grid;
  grid-template-columns: min(573px, 100%);
  justify-content: center;
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
  padding-bottom: min(180px, 20vw);
}
.box-ed-feature {
  background-color: var(--wall-clr);
  padding: min(80px, 10vw) min(50px, 4vw) min(80px, 12vw);
  display: grid;
  grid-template-columns: min(1100px, 100%);
  justify-content: center;
  gap: min(45px, 4.5vw);
}
.box-ed-feature .box-title {
  font-size: var(--head3);
  text-align: center;
  font-weight: 600;
  letter-spacing: .1em;
  text-indent: .1em;
  line-height: calc(46/36);
}
.box-ed-feature .box-title span {
  color: var(--ttl-clr);
  font-size: 1.25em;
}
.box-ed-feature .feature-detail {
  display: grid;
  grid-template-columns: auto min(488px, 45%);
  gap: min(70px, 7.6vw) min(50px, 5vw);
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.box-ed-feature .feature-detail .thumb-area {
  overflow: hidden;
  isolation: isolate;
  border-radius: min(20px, 5vw);
}
.box-ed-feature .feature-detail .comment-area p.in-text {
  font-size: min(18px, 3.8vw);
  width: min(31em, 100%);
  font-kerning: auto;
}
.box-ed-feature .feature-detail .button-wrap {
  grid-column: span 2;
}
.box-ed-feature.expression {
  --wall-clr: var(--clr-red);
  --ttl-clr: var(--wall-l-ylw);
  margin-top: -1px;
}
.box-ed-feature.experience {
  --wall-clr: var(--wall-ylw);
  --ttl-clr: var(--clr-red);
}
.box-ed-feature.individ {
  --wall-clr: var(--clr-wblue);
  --ttl-clr: var(--wall-l-ylw);
}
/*page curriculum ++++++++++++++++++++++++++++++++++++++++*/
.page-education-curriculum {
  gap: min(100px, 12vw);
}
.box-curriculum-button {
  width: min(895px, 100%);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(30px, 5vw) min(30px, 2.5vw);
}
.box-box-curriculum-detail {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(100px, 12vw) min(100px, 5vw);
}
.item-curriculum {
  display: grid;
  grid-template-rows: subgrid;
  grid-area: span 3;
  gap: min(30px, 7.7vw);
}
.item-curriculum .thumb-area figure {
  width: 100;
  aspect-ratio: 1/0.6325;
  border-radius: min(25px, 5vw);
  overflow: hidden;
  isolation: isolate;
}
.item-curriculum .thumb-area figure img {
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.item-curriculum .thumb-area figcaption {
  position: absolute;
  left: min(20px, 3vw);
  top: min(25px, 4vw);
  font-size: min(30px, 5vw);
  color: var(--clr-wht);
  min-width: 2.5em;
  text-align: justify;
  text-align-last: justify;
  text-justify: inter-character;
}
.item-curriculum .thumb-area figcaption::before {
  content: "";
  position: absolute;
  width: 5em;
  aspect-ratio: 1;
  background-color: var(--clr-wblue);
  bottom: 0;
  right: 0;
  border-radius: 100vmax;
  translate: 1em 1.5em;
}
.item-curriculum .pickup-area {
  padding-top: min(40px, 6.5vw);
  padding-bottom: min(40px, 6.5vw);
  border-top: 2px dashed var(--clr-red);
  border-bottom: 2px dashed var(--clr-red);
}
.item-curriculum .pickup-area .in-title {
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--fnt-ftr);
  color: var(--clr-red);
  font-size: min(24px, 4.6vw);
  background-color: var(--wall-gry);
  translate: 0 -50%;
  padding-right: .5em;
  white-space: nowrap;
  font-weight: 500;
}
.item-curriculum .pickup-area .in-text {
  font-size: min(14px, 3.4vw);
  line-height: calc(24 / 14);
}
/*page english ++++++++++++++++++++++++++++++++++++++++*/
.education-english_feature {
  display: grid;
  grid-template-columns: min(1100px, 100%);
  justify-content: center;
  gap: min(100px, 18vw);
  padding-bottom: min(120px, 20vw);
}
.english_feature__teacher {
  gap: min(70px, 9vw);
}
.english_feature__teacher .sec-title {
  text-align: center;
}
.english_feature__teacher .lead-text {
  margin-top: min(28px, 6vw);
  text-align: center;
  font-size: min(18px, 3.7vw);
}
.box-teacher_profile {
  display: grid;
  grid-template-columns: calc(100%/3) auto;
  -ms-align-items: center;
  align-items: center;
  gap: min(20px, 5vw) min(60px, 5vw);
}
.box-teacher_profile .comment-area {
  gap: min(20px, 5vw);
  display: grid;
  grid-template-columns: min(530px, 100%);
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.box-teacher_profile .comment-area .in-title {
  font-size: var(--head3_min);
  line-height: calc(43/30);
  color: var(--clr-red);
}
.box-teacher_profile .comment-area .profile {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px min(60px, 10vw);
  line-height: calc(26/14);
  -ms-align-items: center;
  align-items: center;
}
.box-teacher_profile .comment-area .profile dt {
  font-size: min(21px, calc(100vw/18.5714));
}
.box-teacher_profile .comment-area .profile dd::before {
  content: "";
  width: 2px;
  height: 3em;
  background-image: linear-gradient(rgba(234, 85, 50, 1) 50%, rgba(234, 85, 50, 0) 0%);
  background-size: 1px 6px;
  position: absolute;
  top: 50%;
  left: max(-30px, -5vw);
  translate: -50% -50%
}
/* program*/
.english_feature_program {
  gap: min(120px, 18vw);
}
.box-program_yearly {
  width: min(1030px, 100%);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.box-program_yearly > li.jnr::after {
  content: "";
  width: min(250px, 45%);
  background-image: url("../images/education/english/treat01.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 1/0.6594;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  translate: -15% 15%;
}
.box-program_yearly > li {
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  place-items: center;
  text-align: center;
  gap: 10px;
  container-type: inline-size;
}
.box-program_yearly > li.jnr {
  --list-clr: var(--clr-red);
  translate: 5% 0;
}
.box-program_yearly > li.snr {
  --list-clr: var(--clr-wblue);
  translate: -5% 0;
}
.box-program_yearly li::before {
  content: "";
  height: 100%;
  aspect-ratio: 1;
  background-color: var(--clr-wht);
  border-radius: 100vmax;
  position: absolute;
  top: 0;
  z-index: -1;
}
.box-program_yearly > li > * {
  z-index: 2;
}
.box-program_yearly > li .list-title {
  background-color: var(--list-clr);
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  color: var(--clr-wht);
  font-size: clamp(1.313rem, -0.25rem + 3.33vw, 2.25rem);
  font-weight: 600;
  white-space: nowrap;
  border-radius: 100vmax;
  padding: .25em 1em;
}
.box-program_yearly > li .in-title {
  color: var(--list-clr);
  font-size: clamp(1.313rem, -0.25rem + 3.33vw, 2.25rem);
  font-weight: 600;
  line-height: calc(32/21);
  min-height: 3.5em;
  display: grid;
  place-content: center;
}
.box-program_detail {
  width: min(1100px, 100%);
}
.box-program_yearly > li .in-text {
  font-size: clamp(14px, 3.6cqw, 18px);
}
.box-program_detail {
  display: grid;
  grid-template-columns: min(1100px, 100%);
  justify-content: center;
}
.item-program_detail {
  display: grid;
  grid-template-columns: 100%;
  gap: min(50px, 12vw);
}
.item-program_detail:not(:last-child) {
  padding-bottom: min(70px, 15vw);
}
.item-program_detail:nth-child(n+2) {
  padding-top: min(70px, 15vw);
  border-top: 2px dashed var(--clr-red);
}
.item-program_detail .box-title {
  color: var(--clr-red);
  font-size: var(--head3_min);
  text-align: center;
  line-height: calc(45/30);
}
.program_detail-list .in-title {
  color: var(--clr-red);
}
/*lesson*/
.education-english_lesson {
  background-color: var(--wall-d-ylw);
  padding-top: min(100px, 20vw);
  padding-bottom: min(100px, 20vw);
}
.box-english_lesson {
  gap: min(60px, 15vw);
}
.english-lesson-detai {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(70px, 18vw) min(100px, 4vw);
}
.english-lesson-detai > li {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto 1fr;
  gap: min(20px, 5vw);
}
.english-lesson-detai .in-title {
  font-size: var(--fs_mid);
  font-weight: 500;
  color: var(--clr-red);
}
.item-theatrics-lesson {
  width: min(1100px, 100%);
  padding-top: min(50px, 12vw);
  border-top: 2px dashed var(--clr-red);
}
.theatrics_intro {
  display: grid;
  grid-template-columns: min(660px, 100%);
  justify-content: center;
  gap: min(40px, 7vw);
}
.theatrics_intro .sec-title {
  text-align: center;
}
.theatrics_intro .in-title {
  font-size: var(--head3_min);
  color: var(--clr-red);
  line-height: calc(35/24);
  text-align: center;
}
.theatrics_intro .in-text {
  margin-top: min(15px, 4vw);
}
.theatrics-step-slide {
  margin-top: min(70px, 12vw);
}
.slide-step-item {
  display: grid;
  grid-template-columns: 100%;
  gap: min(15px, 3vw);
}
@media(min-width:980px) {
  .slide-step-item:nth-child(n+2) .thumb-area::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    width: 17px;
    aspect-ratio: 1/1.1112;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background-color: var(--clr-red);
    translate: -50% 0;
  }
}
.slide-step-item .tag {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  font-family: var(--fnt-ftr);
  font-weight: 500;
  letter-spacing: .05em;
  text-indent: .05em;
  border-radius: 100vmax;
  padding: .5em 1em;
  color: var(--clr-wht);
  background-color: var(--clr-red);
  translate: 0 -50%;
}
.slide-step-item .step-title {
  color: var(--clr-red);
  font-size: var(--fs_mid);
}
.slide-step-item .in-text {
  font-size: min(15px, 3.6vw);
}
.steps-navgation {
  width: calc(100% + min(80px, 6vw));
  position: absolute;
  top: 40%;
  left: 50%;
  translate: -50% -50%;
  z-index: 2;
  pointer-events: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.steps-navgation button {
  pointer-events: auto;
  width: min(40px, 10vw);
  aspect-ratio: 1;
  border-radius: 100vmax;
  display: grid;
  place-content: center;
}
.steps-navgation button {
  --arw-wall: var(--clr-red);
  --trg-wall: var(--clr-wht);
}
.steps-navgation button.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.steps-button-prev {
  scale: -1 1;
}
.steps-button-next {
  margin-left: auto;
}
/*page future ++++++++++++++++++++++++++++++++++++++++*/
.page-future-blc {
  gap: min(60px, 12vw);
}
.page-future-blc .pic-future {
  top: max(-100px, -15vw);
  left: 0;
  width: min(189px, 24vw);
  translate: 60% -70%;
}
.future-guidance-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(66px, 9vw) min(75px, 5vw);
}
.item-guide-wrap {
  grid-column: span 3;
  display: grid;
  grid-template-columns: repeat(2, calc(100%/3));
  gap: min(66px, 9vw) min(75px, 5vw);
  justify-content: center;
}
.item-place-wrap {
  grid-column: span 3;
  display: grid;
  grid-template-columns: min(1100px, 100%);
  justify-content: center;
}
.item-guidance:nth-child(n+2):not(:nth-child(4))::before {
  content: "";
  width: 2px;
  height: 100%;
  background-image: linear-gradient(rgba(89, 196, 241, 1) 50%, rgba(89, 196, 241, 0) 0%);
  background-size: 1px 6px;
  position: absolute;
  top: 50%;
  left: max(-33px, -2.5vw);
  translate: -50% -50%;
}
.item-guidance .item-title {
  background-color: var(--clr-wblue);
  color: var(--clr-wht);
  border-radius: 100vmax;
  font-size: var(--fs_mid);
  font-weight: 500;
  min-height: 2.6em;
  display: grid;
  place-content: center;
  letter-spacing: .1em;
  text-indent: .1em;
}
.item-guidance .item-title + p {
  margin-top: min(20px, 5vw);
}
.item-guidance .comment {
  margin-top: min(27px, 6vw);
}
.item-place-wrap .in-title, .box-desig-school .in-title {
  color: var(--clr-blue);
  font-size: min(18px, 4vw);
  font-weight: 500;
  line-height: calc(25/16);
  letter-spacing: .07em;
  text-indent: .07em;
}
.item-place-wrap .comment p.list, .box-desig-school .comment p.list {
  font-size: min(15px, 3.4vw);
  line-height: calc(30/15);
  margin-top: 10px;
  letter-spacing: .07em;
  text-indent: .07em;
}
/*voice*/
.box-voice-graduate {
  width: min(1100px, 100%);
  display: grid;
  grid-template-columns: calc(100% / 3) auto;
  -ms-align-items: center;
  align-items: center;
  gap: min(20px, 5vw) min(60px, 5vw);
}
.box-voice-graduate .comment-area {
  gap: min(20px, 5vw);
  display: grid;
  grid-template-columns: min(570px, 100%);
  -ms-align-items: center;
  align-items: center;
}
.box-voice-graduate .comment-area .in-head {
  display: grid;
  font-size: min(21px, 3.7vw);
  grid-template-columns: 4.7em auto;
  -ms-align-items: center;
  align-items: center;
  gap: 0 1em;
}
.box-voice-graduate .comment-area .in-head .tag span {
  display: grid;
  width: 100%;
  aspect-ratio: 1;
  place-content: center;
  border-radius: 100vmax;
  background-color: var(--clr-red);
  color: var(--clr-wht);
}
.box-voice-graduate .comment-area .in-head .title {
  font-size: var(--head3_min);
  color: var(--clr-red);
  line-height: calc(43/30);
}
.box-voice-graduate .comment-area .profile {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px min(60px, 10vw);
  line-height: calc(26 / 14);
  -ms-align-items: center;
  align-items: center;
}
.box-voice-graduate .comment-area .profile dt {
  font-size: min(21px, calc(100vw/18.5714));
}
.box-voice-graduate .comment-area .profile dd::before {
  content: "";
  width: 2px;
  height: 3em;
  background-image: linear-gradient(rgba(234, 85, 50, 1) 50%, rgba(234, 85, 50, 0) 0%);
  background-size: 1px 6px;
  position: absolute;
  top: 50%;
  left: max(-30px, -5vw);
  translate: -50% -50%
}
.box-desig-school {
  width: 100%;
  background-color: var(--clr-wht);
  border-radius: min(35px, 3.8vw);
  padding: min(40px, 7.7vw);
  display: grid;
  grid-template-columns: min(1080px, 100%);
  justify-content: center;
  gap: min(20px, 5vw);
}
.box-desig-school .box-title {
  font-size: var(--fs_mid);
  color: var(--clr-blue);
  text-align: center;
  letter-spacing: .05em;
  text-indent: .05em;
  line-height: calc(35/24);
}
/*page event ++++++++++++++++++++++++++++++++++++++++*/
.page-education-event {
  display: grid;
  grid-template-columns: min(880px, 100%);
  justify-content: center;
  gap: min(110px, 18vw);
}
.box-education-event {
  display: grid;
  grid-template-columns: min(435px, 52%) auto;
  gap: min(30px, 5vw) min(70px, 5vw);
}
.event-slide-area {
  padding-left: min(25px, 3vw);
  padding-right: min(25px, 3vw);
}
.event-slide-area .tag {
  position: absolute;
  left: min(25px, 5vw);
  top: 0;
  width: 34%;
  z-index: 2;
  translate: min(20px, 5vw) -50%;
}
.event-slider {
  overflow: hidden;
}
.event-slide-item figure {
  width: 100%;
}
.event-slide-item figure picture {
  aspect-ratio: 1/0.6919;
  overflow: hidden;
  border-radius: min(20px, 5vw);
  isolation: isolate;
  display: block;
}
.event-slide-item figure img {
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.event-slide-item figcaption {
  font-size: min(14px, 3.6vw);
  line-height: calc(18/14);
  text-align: right;
  margin-top: 10px;
}
.event-navigation {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: flex-start;
  z-index: 1;
  pointer-events: none;
}
.event-navigation > button {
  width: min(50px, 10vw);
  aspect-ratio: 1;
  border-radius: 100vmax;
  background-color: var(--clr-red);
  display: grid;
  place-content: center;
  grid-template-columns: 30%;
  pointer-events: auto;
}
.event-navigation > button > span {
  aspect-ratio: 1/1.25;
  background-color: var(--clr-wht);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.event-navigation > button.event-button-prev span {
  scale: -1 1;
  translate: -10% 0;
}
.event-navigation > button.event-button-next {
  margin-left: auto;
}
.event-navigation > button.event-button-next span {
  translate: 10% 0;
}
.dot-event-list > li {
  padding-left: 1.25em;
  letter-spacing: .17em;
  line-height: calc(30/22);
  font-size: min(22px, 3.6vw);
}
.dot-event-list > li:nth-child(n+2) {
  margin-top: min(10px, 2vw);
}
.dot-event-list > li::before {
  content: "";
  width: .85em;
  aspect-ratio: 1;
  border-radius: 100vmax;
  background-color: var(--clr-wblue);
  position: absolute;
  left: 0;
  top: 0;
  translate: 0 .25em;
}
.dot-event-list > li > .child {
  margin-top: 5px;
}
.dot-event-list > li > .child > li {
  padding-left: .75em;
}
.dot-event-list > li > .child > li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--clr-wblue);
}
/*page message ++++++++++++++++++++++++++++++++++++++++*/
.page-message-blc {
  display: grid;
  grid-template-columns: min(1100px, 100%);
  justify-content: center;
  gap: min(80px, 12vw);
}
.box-aboutus-message {
  display: grid;
  grid-template-columns: auto min(657px, 50%);
  gap: min(30px, 7vw) min(100px, 5vw);
  -ms-align-items: center;
  align-items: center;
}
.box-aboutus-message:nth-child(n+2) {
  padding-top: min(80px, 12vw);
  border-top: 2px dashed var(--clr-wblue);
}
.box-aboutus-message .thumb-area figure {
  aspect-ratio: 1/1.2456;
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: url("../images/aboutus/message/mask.svg");
  background-color: #D3D3D3;
}
.box-aboutus-message .thumb-area figure img {
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.box-aboutus-message .comment-area .box-title {
  font-size: var(--head3);
  font-weight: 600;
  color: var(--clr-wblue);
/*
  letter-spacing: .1em;
  text-indent: .1em;
*/
  letter-spacing: .075em;
    text-indent: .075em;
  line-height: calc(46/36);
}
.box-aboutus-message .comment-area .in-text {
  margin-top: min(25px, 6vw);
  font-size: min(18px, 3.6vw);
}
.box-aboutus-message .comment-area .data {
  margin-top: min(20px, 4vw);
  text-align: right;
}
/*page academy ++++++++++++++++++++++++++++++++++++++++*/
.pic-acad01 {
  width: min(300px, 28vw);
  top: 100%;
  right: 0;
  translate: 0 25%;
}
.pic-acad02 {
  width: min(290px, 28vw);
  left: 0;
  top: 0;
  translate: 0 15%;
}
.box-academy_intro {
  gap: min(90px, 10vw);
}
.box-academy_intro .lead-text {
  font-weight: 500;
  font-size: min(21px, 3.7vw);
  text-align: center;
}
.academy-link-list {
  width: min(895px, 100%);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(70px, 6vw) min(30px, 5vw);
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.academy-link-list > li.full {
  grid-column: span 4;
  display: grid;
  grid-template-columns: repeat(2, calc((100% - min(90px, 15vw))/4));
  place-content: center;
  gap: min(70px, 6vw) min(30px, 5vw);
}
.academy-link-list .dot-list {
  margin-top: min(20px, 4vw);
  font-size: min(15px, 3.6vw);
}
.academy-link-list .dot-list > li:nth-child(n+2) {
  margin-top: 8px;
}
.box-academy_detail {
  gap: min(80px, 15vw);
  margin-top: min(100px, 12vw);
}
#link-eng {
  --title-clr: var(--clr-red);
}
#link-study {
  --title-clr: var(--clr-wblue);
}
#link-art {
  --title-clr: var(--clr-org);
}
#link-sports {
  --title-clr: var(--clr-grn);
}
#link-skill {
  --title-clr: var(--clr-pink);
}
#link-mind {
  --title-clr: var(--clr-ppl);
}
.item-academy_detail .sec-title, .academy-detail-list .in-title {
  color: var(--title-clr);
}
.academy-detail-list {
  margin-top: min(40px, 7vw);
}
/*=================================================================
■OTHER
==================================================================*/
/*page afterschool ++++++++++++++++++++++++++++++++++++++++*/
.page-afsc-feature {
  --wave-wall: url(images/wall/wave-wblue.svg);
  --sp-wave: url(images/wall/wave-wblue_sp.svg);
  padding-bottom: min(120px, 15vw);
  --title-clr: var(--clr-wblue);
}
.box-afsc-feature .lead-text {
  font-size: min(21px, 3.7vw);
  font-weight: 500;
}
.box-afsc-feature .sec-title {
  margin-top: min(70px, 7.5vw);
}
.item-afsc-feature {
  background-color: var(--clr-wht);
  border-radius: min(25px, 6vw);
  overflow: hidden;
  isolation: isolate;
}
.item-afsc-feature dt {
  background-color: var(--clr-wblue);
  color: var(--clr-wht);
  font-size: var(--head3_min);
  text-align: center;
  letter-spacing: .1em;
  text-indent: .1em;
  padding: .8em .5em;
}
.item-afsc-feature dd {
  padding: min(30px, 5vw) min(45px, 7vw);
  font-size: min(15px, 3.6vw);
  line-height: calc(25/15);
}
.item-afsc-feature dd > * + * {
  margin-top: min(15px, 3vw);
}
.item-afsc-feature dd > * + .in-text {
  margin-top: 10px;
}
.item-afsc-feature dd .ccl-list {
  font-size: min(18px, 3.6vw);
}
.page-afsc-feature .sec-title, .item-afsc-feature .in-title {
  color: var(--title-clr);
  letter-spacing: .05em;
  text-indent: .05em;
}
.item-afsc-feature .in-title {
  font-size: min(21px, calc(100vw/18.5714));
  line-height: calc(35/24);
  font-weight: 600;
}
.item-afsc-feature .in-title.l-line-title {
  font-size: var(--fs_mid);
  font-weight: 500;
}
.page-afsc-feature .sec-title {
  text-align: center;
}
.afsc-feature_detail {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(30px, 7vw) min(30px, 5vw);
  margin-top: min(45px, 7.7vw);
}
.afsc-feature_detail .full {
  grid-column: span 3;
  display: grid;
  grid-template-columns: repeat(2, calc((100% - min(60px, 10vw))/3));
  place-content: center;
  gap: min(30px, 7vw) min(30px, 5vw);
}
.box-afsc-course {
  margin-top: min(100px, 15vw);
  gap: min(50px, 7vw);
}
.afsc-course-list {
  width: min(1020px, 100%);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(30px, 7vw) min(100px, 8vw);
}
.page-afsc-inquiry {
  background-color: var(--clr-wblue);
  padding-top: min(80px, 10vw);
  padding-bottom: min(120px, 15vw);
  margin-top: -1px;
}
.afsc-course-list > li:nth-child(even)::before {
  content: "";
  width: 2px;
  height: 100%;
  background-image: linear-gradient(rgba(89, 196, 241, 1) 50%, rgba(89, 196, 241, 0) 0%);
  background-size: 1px 6px;
  position: absolute;
  top: 0;
  left: max(-50px, -4vw);
  translate: -50% 0;
}
.afsc-course-list > li .in-title {
  background-color: var(--clr-wblue);
  text-align: center;
  font-size: var(--fs_mid);
  font-weight: 600;
  color: var(--clr-wht);
  height: 2.5em;
  display: grid;
  place-content: center;
  border-radius: 100vmax;
}
.afsc-course-list > li .dot-list {
  margin-top: 1em;
}
.afsc-course-list > li .dot-list > li {
  line-height: calc(30/16);
}
/*afsc inquiry*/
.box-afsc-inquiry {
  display: grid;
  grid-template-columns: min(835px, 100%);
  justify-content: center;
  gap: min(40px, 7.7vw);
  color: var(--clr-wht);
}
.box-afsc-inquiry .box-title {
  width: min(295px, 100%);
  height: min(60px, 12vw);
  background-color: var(--clr-wht);
  border-radius: 100vmax;
  display: grid;
  place-content: center;
  color: var(--clr-wblue);
  font-size: var(--fs_mid);
  font-weight: 600;
}
.afsc-inquiry_detail {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: min(15px, 3vw) min(100px, 8vw);
  -ms-align-items: center;
  align-items: center;
}
.afsc-inquiry_detail .title-area {
  font-size: var(--fs_mid);
  letter-spacing: .05em;
  text-indent: .05em;
  font-weight: 600;
}
.afsc-inquiry_detail .dial-area::before {
  content: "";
  width: 2px;
  height: 100%;
  background-image: linear-gradient(rgba(253, 253, 253, 1) 50%, rgba(253, 253, 253, 0) 0%);
  background-size: 1px 6px;
  position: absolute;
  top: 0;
  left: max(-50px, -4vw);
  translate: -50% 0;
}
.afsc-inquiry_detail .dial-area {
  font-size: min(18px, 3.6vw);
}
.afsc-inquiry_detail .dial-area .tel {
  font-family: var(--fnt-ftr);
  font-size: clamp(34px, 5.2cqw, 40px);
  color: var(--wall-l-ylw);
  font-weight: 500;
}
.afsc-inquiry_detail .dial-area .tel a {
  display: inline-block;
}
.afsc-inquiry_detail .dial-area .in-text {
  line-height: calc(28/18);
  margin-top: 10px;
}
.box-afsc-inquiry .att-list > li {
  font-size: min(15px, 3.6vw);
}
/*page access ++++++++++++++++++++++++++++++++++++++++*/
.page-access-blc {
  --ttl-clr: var(--clr-blue);
  gap: min(100px, 10vw);
}
.page-access-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap: min(40px, 12vw);
}
.page-access-box .sec-title {
  color: var(--ttl-clr);
  text-align: center;
}
.item-accsess-map .map-area {
  width: 100%;
  aspect-ratio: 1/0.4833;
  overflow: hidden;
}
.item-accsess-map .map-area iframe {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: center;
}
.item-accsess-map {
  gap: min(50px, 5vw);
}
.item-accsess-map .data-area {
  display: grid;
  grid-template-columns: auto 1fr;
  font-size: min(21px, 3.7vw);
  gap: min(20px, 3vw) min(60px, 6vw);
  line-height: calc(35/21);
  letter-spacing: .05em;
  text-indent: .05em;
}
.item-accsess-map .data-area .train::before {
  content: "";
  width: 2px;
  height: 100%;
  background-image: linear-gradient(rgba(20, 85, 160, 1) 50%, rgba(20, 85, 160, 0) 0%);
  background-size: 1px 6px;
  position: absolute;
  top: 0;
  left: max(-33px, -6vw);
  translate: -50% 0;
}
.item-accsess-map .data-area .train {
  font-weight: 500;
}
.item-accsess-map .data-area .train dt, .item-accsess-map .data-area .train dd {
  display: inline-block;
}
.item-accsess-map .data-area .train dd {
  color: var(--ttl-clr);
}
.item-access_root .thumb {
  background-color: var(--clr-wht);
  padding: min(18px, 1.5vw) min(30px, 2.5vw);
  border-radius: min(30px, 5vw);
  overflow: hidden;
}
.item-access_root .att-list {
  position: absolute;
  left: min(30px, 2.5vw);
  top: min(18px, 1.5vw);
  font-size: min(21px, 3vw);
}
/*page sitepolicy ++++++++++++++++++++++++++++++++++++++++*/
.page-legal-blc {
  gap: min(100px, 12vw);
}
.page-legal-box {
  display: grid;
  grid-template-columns: min(940px, 100%);
  justify-content: center;
  gap: min(70px, 6vw);
}
.page-legal-blc .box-title {
  color: var(--clr-blue);
  font-size: var(--head3_min);
  text-align: center;
  font-weight: 500;
  line-height: calc(42/30);
  letter-spacing: .1em;
  text-indent: .1em;
}
.box-legal_policy {
  padding-top: min(100px, 12vw);
  border-top: 2px dashed var(--clr-blue);
}
.box-legal_privacy .sec-intro-item {
  gap: min(30px, 5vw);
}
.box-legal_privacy .sec-intro-item .lead-text {
  text-align: left;
}
.legal-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap: min(50px, 5vw);
}
.legal-list dt {
  font-size: min(24px, 4vw);
  color: var(--clr-blue);
  letter-spacing: .05em;
  text-indent: .05em;
}
.legal-list dd {
  line-height: calc(28/15);
  font-size: min(15px, 3.6vw);
  margin-top: 1em;
  letter-spacing: .07em;
  text-indent: .07em;
}
.legal-list dd > * + * {
  margin-top: 5px;
}
.legal-list dd .fs-mid {
  font-size: min(21px, 3.6vw);
}
.legal-list dd .inq {
  font-size: min(18px, 3.6vw);
  font-weight: 500;
}
.legal-list.privacy {
  counter-reset: count;
}
.legal-list.privacy dt {
  padding-left: 1.125em;
}
.legal-list.privacy dt::before {
  counter-increment: count 1;
  content: counter(count)'.';
  position: absolute;
  left: 0;
  top: 0;
}
/*page admission ++++++++++++++++++++++++++++++++*/
.page-admission-blc {
  --ttl-clr: var(--clr-wblue);
}
.adm-tab-switch li {
  width: min(230px, calc((100% - 8px)/3));
}
.adm-tab-container {
  grid-template-columns: min(1000px, 100%);
}
.adm-tab-container .sec-title {
  color: var(--ttl-clr);
  text-align: center;
}
.adm-panel-wrap.no-data{
  text-align: center;
  font-family: var(--fnt-ftr);
  font-size: min(40px, calc(100vw / 15));
  text-align: center;
  font-weight: 700;
  color: var(--wall-gry);
}
.adm-panel-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap: min(50px, 10vw);
  margin-top: min(50px, 10vw);
}
.box-adm-detail {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap: min(30px, 7vw);
}
.box-adm-detail .l-line-title {
  color: var(--ttl-clr);
  font-size: var(--fs_mid);
}
.admission-req-list {}
.admission-req-list > div {
  display: grid;
  grid-template-columns: min(8em, 18vw) auto;
  line-height: calc(30/18);
  border-bottom: 1px solid var(--clr-wblue);
}
.admission-req-list dt, .admission-req-list dd {
  padding: 1em min(1em, 3vw);
}
.admission-req-list dt {
  font-size: min(18px, 3.6vw);
  display: grid;
  place-content: center;
  background-color: var(--clr-wblue);
  color: var(--clr-wht);
}
.admission-req-list dd {
  font-size: min(18px, 3.4vw);
}
.admission-req-list > div:nth-child(n+2) dt::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #90D6F4;
  position: absolute;
  top: -1px;
  left: 0;
}
.admission-req-list dd span {
  display: inline-block;
}
.item-adm-inquiry {
  background-color: var(--clr-blue);
  padding: min(60px, 5vw) min(40px, 4vw);
  color: var(--clr-wht);
  display: grid;
  grid-template-columns: min(610px, 100%);
  justify-content: center;
  gap: min(30px, 5vw);
}
.item-adm-inquiry .button-set {
  display: grid;
  grid-template-columns: min(325px, 60%) 1fr;
  gap: min(30px, 3vw) min(40px, 4vw);
}
.item-adm-inquiry .dot-list {
  font-size: min(16px, 3.2vw);
}
.item-adm-inquiry .dot-list span {
  display: inline-block;
}
/*page guidance ++++++++++++++++++++++++++++++++*/
.page-guidance-schedule, .page-guidance-events {
  --ttl-clr: var(--clr-wblue);
}
.guid-tab-switch li {
  padding-left: min(15px, 4vw);
  padding-right: min(15px, 4vw);
  width: min(145px, calc((100% - 12px)/4));
}
.guid-tab-container {
  grid-template-columns: min(1080px, 100%);
}
.guid-tab-container .sec-title, .page-guidance-events .sec-title, .page-guidance-events .l-line-title {
  color: var(--ttl-clr);
}
.box-exam-event.passed {
  margin-top: min(80px, 7vw);
}
.acv-guidance-schedule {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(50px, 7vw) min(40px, 5vw);
  margin-top: min(40px, 5vw);
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.item-event-card {
  background-color: var(--wall-gry);
  padding: min(50px, 7.6vw) min(40px, 3vw);
  line-height: calc(22/16);
  border-radius: min(15px, 2.5vw);
  overflow: hidden;
  isolation: isolate;
}
.item-event-card .event_title {
  font-size: clamp(15px, 5cqw, 24px);
  color: var(--clr-blue);
  text-align: center;
  font-weight: 500;
  line-height: calc(35/24);
  letter-spacing: .05em;
  text-indent: .05em;
}
.item-event-card .event_date {
  margin-top: 9px;
  display: grid;
  place-items: center;
  font-weight: 500;
  line-height: calc(20/16);
  font-size: min(18px, 3.6vw);
}
.item-event-card .event_date .date-item {
  display: grid;
  place-items: center;
}
.item-event-card .event_date span {
  font-family: var(--fnt-ftr);
}
.item-event-card .event_date .date {
  font-size: min(24px, min(100vw/21));
}
.item-event-card .event_date .date span {
  font-size: min(36px, min(100vw/21));
}
.item-event-card .event_date .time {}
.item-event-card .event_date .time p {
  padding-left: 1.8em;
}
.item-event-card .event_date .time p::before {
  content: "";
  width: 1em;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  background-image: url("../images/icon/clock.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.item-event-card .event_data {
  margin-top: min(20px, 5vw);
  padding-bottom: min(30px, 2.5vw);
}
.item-event-card .list-event_data {
  height: 5em;
  overflow: hidden;
  display: grid;
  grid-template-columns: 5.7em 1fr;
  letter-spacing: .07em;
  text-indent: .07em;
  gap: 5px .5em;
}
.item-event-card .list-event_data::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(238, 238, 238, 0), rgba(238, 238, 238, 1));
  transition: opacity var(--transit);
  pointer-events: none;
}
.item-event-card .list-event_data.open::after {
  opacity: 0;
}
.item-event-card .event_data .read-more {
  width: auto;
  margin-left: auto;
  display: block;
}
.item-event-card .event_data .read-more span {
  padding-left: 1.25em;
  display: block;
  letter-spacing: .07em;
  text-indent: .07em;
  border-bottom: 1px solid;
}
.item-event-card .event_data .read-more span::before, .item-event-card .event_data .read-more span::after {
  content: "";
  width: .85em;
  height: 1px;
  background-color: currentColor;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  transition: rotate var(--transit);
}
.item-event-card .event_data .read-more span::after {
  rotate: 90deg;
}
.item-event-card .event_data .read-more.is-open span::before {
  rotate: -45deg;
}
.item-event-card .event_data .read-more.is-open span::after {
  rotate: 45deg;
}
.list-event_data .tag-target {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.list-event_data .tag-target span {
  padding: 2.5px 1.125em;
  border-radius: 100vmax;
  background-color: var(--tag-clr);
}
.list-event_data .tag-target span.tgt_all {
  --tag-clr: var(--clr-wblue);
}
.list-event_data .tag-target span.tgt_jnr {
  --tag-clr: var(--wall-l-ylw);
}
.list-event_data .tag-target span.tgt_snr {
  --tag-clr: var(--clr-red);
}
.item-event-card .event_rsv {
  display: grid;
  grid-template-columns: 5.7em 1fr;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: min(10px, 2vw);
  line-height: calc(30/16);
  letter-spacing: .07em;
  text-indent: .07em;
}
.item-event-card .button-wrap {
  margin-top: min(40px, 5vw);
}
.none-event-card {
  grid-column: span 2;
  font-family: var(--fnt-ftr);
  font-size: min(40px, calc(100vw/15));
  text-align: center;
  font-weight: 700;
  color: var(--wall-gry);
}

/*event table*/
.page-guidance-events{
  margin-top: min(80px,10vw);
}
.box-event-table{
  margin-top: min(40px,7vw);
}
.box-event-table .no-event{
  text-align: center;
  font-size: min(40px, calc(100vw / 15));
  font-weight: 700;
  color: var(--clr-wht);
  font-family: var(--fnt-ftr);
}
.table-wrap.is-scrollable{
  padding-bottom: 15px;
}
.event-table {
  width: 100%;
  table-layout: auto;
  min-width: 750px;
  background-color: var(--clr-wht);
  font-size: clamp(0.813rem, 0.257rem + 1.16vw, 1.125rem);
  letter-spacing: .05em;
  text-indent: .05em;
  line-height: calc(24 / 16);
}
.event-table thead th{
  background-color: var(--clr-wblue);
  color: var(--clr-wht);
  border-left: 2px solid #90D6F4;
  padding: min(12px,2.5vw);
}
.event-table thead th:first-child{
  border-left-color: var(--clr-wblue);
}
.event-table tr{
  border-bottom: 2px solid var(--clr-wblue);
}
.event-table tr.is-closed{
  background-color: var(--wall-gry);
}
.event-table th
,.event-table td{
  white-space: nowrap;
}
.event-table td{
  vertical-align: middle;
  border-left: 2px solid var(--clr-wblue);
  padding: 10px min(14px,2.5vw);
}
.event-table thead th:last-child
,.event-table td:last-child{
  border-right: 2px solid var(--clr-wblue);
}
.event-table .td_date{
  width: 10.5em;
}
.event-table .td_date > p:nth-child(n+2){
  margin-top: 1em;
}
.event-table .th_title
,.event-table .td_title{
/*  width: 37%;*/
  white-space: normal;
}
.event-table .td_title{
  text-align: left;
  padding-left: min(30px,3vw);
}
.event-table .td_target
,.event-table .td_cate{
  width: 7.5em;
}
.event-table .td_target p span
,.event-table .td_cate p span{
  height: 2em;
  display: grid;
  place-content:center;
  border-radius: 100vmax;
}
.event-table .td_target p span{
  background-color: var(--tgt-clr);
}
.event-table .td_target p.tgt_all span {
  --tgt-clr: var(--clr-wblue);
}
.event-table .td_target p.tgt_snr span {
  --tgt-clr: var(--clr-red);
}
.event-table .td_target p.tgt_jnr span {
  --tgt-clr: var(--wall-l-ylw);
}
.event-table .td_cate p span{
  border: 1px solid var(--bdr-gry);
}
.event-table .td_status{
  width: 12.5em;
  text-align: center;
}

/*=================================================================
■ARCHIVE
==================================================================*/
.clm_contents {
  display: grid;
  grid-template-columns: auto min(336px, 30%);
  width: min(1300px, 100%);
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
  margin-left: auto;
  margin-right: auto;
  gap: min(40px, 7vw) min(110px, 7vw);
  padding-bottom: min(100px, 15vw);
}
.page-acv-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(60px, 6vw) min(50px, 3vw);
}
.page-acv-list .acv-post-item .post-title {
  font-size: min(16px, 3.6vw);
}
.acv-pager {
  margin-top: min(100px, 15vw);
}
.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;
  gap: 0 min(10px, 2vw);
}
.wp-pagenavi a, .wp-pagenavi span {
  margin: 0;
  padding: 0;
  border: none;
}
.acv-pager a, .acv-pager span {
  width: 2em;
  aspect-ratio: 1/1;
  background-color: var(--clr-wht);
  font-family: var(--fnt-ftr);
  border-radius: 100vmax;
  display: grid;
  place-content: center;
  place-items: center;
  font-size: min(15px,3.2vw);
}
.acv-pager .previouspostslink, .acv-pager .nextpostslink {
  border: none;
  border-radius: 100vmax;
}
.acv-pager .previouspostslink::before, .acv-pager .nextpostslink::before
,.acv-pager .previouspostslink::after, .acv-pager .nextpostslink::after{
  content: "";
  width: 15%;
  aspect-ratio: 1/1;
  border: 1.5px solid;
  border-color: var(--fc-base) var(--fc-base) transparent transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -100% -50%;
  rotate: 45deg;
  border-radius: 1px;
}
.acv-pager .nextpostslink::after{
  translate: -50% -50%;
}
.acv-pager .previouspostslink::before {
  scale: -1 -1;
  translate: 0% -50%;
}
.acv-pager .previouspostslink::after{
  scale: -1 -1;
  translate: -50% -50%;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
  font-weight: 600;
  background-color: var(--wall-l-ylw);
}
/*sidebar*/
#l-side, .side-wrap {
  display: grid;
  grid-template-columns: 100%;
  gap: min(20px, 5vw) min(50px, 5vw);
  align-content: flex-start;
}
.side-item > * + * {
  margin-top: 15px;
}
.side-title {
  font-weight: 600;
  background-color: var(--clr-wblue);
  color: var(--clr-wht);
  padding: 10px;
  height: min(50px, 10vw);
  display: grid;
  place-content: center;
  border-radius: 100vmax;
  font-size: min(18px, 3.8vw);
  letter-spacing: .05em;
  text-indent: .05em;
}
.side-new_entry {
  gap: min(25px, 4vw);
}
.side-acv-item {
  display: grid;
  grid-template-columns: 42% auto;
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap: 12px;
}
.side-acv-item:nth-child(n+2) {
  border-top: 2px dashed currentColor;
  padding-top: min(25px, 4vw);
}
.side-acv-item.stick::after {
  content: "";
  pointer-events: none;
  position: absolute;
  background-image: url("../images/icon/pin.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1/1.1811;
  width: 1.125em;
  left: 0;
  top: 0;
  scale: -1 1;
  rotate: -12deg;
  translate: -60% -55%;
}
.side-acv-item .thumb {
  aspect-ratio: 1/0.6863;
  border-radius: 15px;
  overflow: hidden;
  isolation: isolate;
}
.side-acv-item .thumb img {
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.side-acv-item .post-data {
  font-size: min(14px, 3.4vw);
}
.side-acv-item .post-data .date {
  font-family: var(--fnt-ftr);
}
.side-acv-item .post-data .post-title {
  margin-top: 5px;
  line-height: calc(20/14);
}
.side-acv-item .post-data .tag {
  margin-top: 10px;
}
.side-category-list > li:not(:first-child), .yearly-archive-list > li:not(:first-child) {
  margin-top: 15px;
}
.side-category-list > li a, .yearly-archive-list > li a {
  display: block;
  padding-left: 1.25em;
  letter-spacing: .1em;
  text-indent: .1em;
  font-size: min(15px, 3.6vw);
  font-weight: 600;
}
.side-category-list > li a::before, .yearly-archive-list > li a::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--clr-wblue);
}
/*=================================================================
■SINGLE
==================================================================*/
.entry-head .post-title {
  font-size: var(--head3_min);
  line-height: calc(40/30);
  font-weight: 600;
  letter-spacing: .1em;
  text-indent: .1em;
}
.entry-head .post-tag, .entry-head .post-tag .category {
  gap: 5px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-align-items: center;
  align-items: center;
}
.entry-head .post-tag {
  font-size: min(18px, 3.4vw);
  font-family: var(--fnt-ftr);
  margin-top: min(15px, 3vw);
}
.entry-head .post-tag .category span {
  background-color: var(--wall-blk);
  color: #fff;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 100vmax;
}
.entry-body {
  margin-top: min(80px, 10vw);
  font-size: min(14px, 3.6vw);
  line-height: calc(24/14);
}
.entry-body > * + * {
  margin-top: 1em;
}
.entry-body .wix-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(20px, 3vw);
  margin-top: min(30px, 6vw);
}
.entry-body strong{
  font-weight: 600;
}
.entry-body .wix-gallery figure{
/*  aspect-ratio:1/0.6676;*/
  overflow: hidden;
  isolation: isolate;
  pointer-events: none!important;
}
.entry-body .wix-gallery figure a{
  pointer-events: none!important;
}
.entry-body .wix-gallery figure img{
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.entry-body img {
  width: min(524px,100%);
  border-radius: min(15px,3vw);
}
.wix-gallery img{
  width: 100%;
}
.entry-body .wp-block-file{
  margin-top: 2em;
}
.entry-body .wp-block-file + .wp-block-file{
  margin-top: 1em;
}
.entry-body a{
  text-decoration: underline;
  text-underline-offset: 2px;
}
.entry-body .wp-block-file:not(.wp-element-button){
  font-size: min(14px,3.6vw);
}
.entry-body .wp-block-file .wp-block-file__button{
  display: inline-block;
  padding: .15em .85em;
  font-size: min(12px,3.2vw);
  text-decoration: none;
}
.single-pager {
  margin-top: min(100px, 15vw);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  font-size: min(15px, 3.2vw);
}
.single-pager .back-link, .single-pager .page-link {
  border-radius: 100vmax;
  font-weight: 500;
  letter-spacing: .05em;
  text-align: .05em;
  height: min(40px, 10vw);
  display: grid;
  place-content: center;
  padding: 2px 1.5em;
}
.single-pager .back-link {
  background-color: var(--wall-l-ylw);
}
.single-pager .page-link {
  background-color: var(--clr-wht);
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
.single-pager .page-link::after {
  content: "";
  position: absolute;
  width: .35em;
  aspect-ratio: 1;
  border: 2px solid;
  border-color: currentColor currentColor transparent transparent;
  top: 50%;
  translate: 0 -50%;
  border-radius: 1.25px;
  rotate: 45deg;
}
.single-pager .prev-link {
  left: 0;
}
.single-pager .prev-link span {
  padding-left: .85em;
}
.single-pager .prev-link::after {
  left: 1em;
  scale: -1 -1;
}
.single-pager .next-link {
  right: 0;
}
.single-pager .next-link span {
  padding-right: .85em;
}
.single-pager .next-link::after {
  right: 1em;
}
.wp-lightbox-overlay .close-button{
  width: min(20px,5vw);
  height: auto;
  aspect-ratio:1;
}
.wp-lightbox-overlay .wp-block-image img{
  object-fit: contain!important;
  max-width: 90vw;
  min-width: inherit;
}

/*ログインフォーム*/
.member-login-form{
  display: grid;
  grid-template-columns: min(580px,100%);
  justify-content: center;
  gap:min(40px,7vw);
}
.member-login-form .lead-text{
  text-align: center;
}
.login-form-wrap .login-error{
  color: var(--clr-red);
  font-size: min(14px,3.4vw);
  text-align: center;
  margin-top: min(20px,5vw);
}
.login-form-wrap p{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap:10px;
}
.login-form-wrap > form  p:nth-child(n+2){
  margin-top: min(15px,3vw);
}
.login-form-wrap > form p.login-submit{
  display: grid;
  grid-template-columns: min(260px,100%);
  justify-content: center;
  margin-top: min(30px,5vw);
}
.login-form-wrap > form input[type="text"]
,.login-form-wrap > form input[type="password"]{
  height: min(40px, 11vw);
    padding: .25em 1em;
    background-color: #fff;
    font-size: 16px;
}
.login-form-wrap .login-submit input{
  width: auto;
  height: min(50px,11vw);
  border-radius: 100vmax;
  background-color: var(--wall-blk);
  color: #fff;
}