@charset "UTF-8";
.img-bt {
  bottom: -75px;
}
.ao-entry {
  width: 400px;
  margin: 30px auto 0;
}


/* 25.04.30 Added  */
.h-gnav__sub{
  width: 320px;
}
.h-gnav__sub > *{
  max-height: calc(-160px + 100vh);
  overflow-y: scroll;
}

@media screen and (max-width: 750px) {
  .c-mv .ttl h1{
    z-index: 1;
    position: relative;
  }
  .c-mv2 .ttl h1{
    line-height: 1.25em;
  }
  .img-bt {
    bottom: 0;
  }
  .p-about-index .mv {
    display: block;
  }
  .ao-entry {
    margin: 30px 0;
    width: 300px;
  }

  .c-btn-open-campus {
    width: 98px;
    height: 98px;
  }

}


.c-course-curriculum__header__btns{
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}


/* top */
@media screen and (max-width: 750px) {
  .p-top-recruit .inner div{
    width: 80%;
    text-align: center;
  }
  
  .p-top-recruit .inner .c-btn1{
    background-size: 0.75em auto;
    background-position: center right 10px;
    margin-inline: auto;
  }
  .c-list-news > li a {
    gap: 0.5em;
    flex-wrap: wrap;
    padding: 1em 0;
  }
  .c-list-news .title{
    width: 100%;
  }
}


/*  group  */
.group .g-block1 {
  padding: 70px 120px 70px 120px;
}

.blk-contents-3col {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -10px;
}

.blk-contents-3col>li {
  flex: 0 0 calc(33.333% - 20px);
  margin: 0 10px 20px;
  box-sizing: border-box;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.blk-contents--1col {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}

.blk-contents--1col>li {
  width: 100%;
  margin-bottom: 20px;
  box-sizing: border-box;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.group .g-block1 ul li dl,
.group .g-block1 ul.blk-contents--1col li dl {
  display: block;
  margin: 0;
  padding: 15px;
  text-align: center;
}

.group .g-block1 ul.blk-contents--1col li dl {
  display: flex;
  gap: 1%;
}

.group .g-block1 dt {
  margin: 10px 55px;
  aspect-ratio: 225/50;
  align-content: center;
  min-height: 5%;
}

.group .g-block1 ul.blk-contents--1col dt {
  margin: 0;
  ;
}

.group .g-block1 ul li dl dd {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 120px;
}

.group .g-block1 ul li dl dd p {
  margin: 0 0 15px 0;
  line-height: 1.5;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100px;
}

.group .g-block1 ul.blk-contents--1col li dl dt {
  width: 15%;
  min-height: auto;
}

.group .g-block1 ul.blk-contents--1col li dl dd {
  width: 28%;
}

.group .g-block1 ul li dl dd a.c-btn1 {
  margin-top: auto;
  align-self: center;
  width: 100%;
}

.group .g-block1 ul li dl dd {
  margin: 0;
}

.group .g-block1 ul li dl dd p.onecol-mg {
  margin: 0 15px;
  align-items: center;
}

.group .g-block1 ul li dl dt img,
.group .g-block1 ul li dl dd img {
  max-width: 100%;
  height: auto;
  display: block;
  width: auto;
}

.group .g-block1 li dl dd+dt {
  margin-top: 10px;
}

.group .g-block1 {
  margin-bottom: 40px;
  position: relative;
  z-index: 0;
  padding: 70px 200px 70px 120px;
}

.group .g-block1::before {
  content: "";
  display: block;
  width: calc(100% + 640px);
  height: calc(100% - 100px);
  background-color: #f2f2f2;
  position: absolute;
  top: 100px;
  left: 80px;
  border-radius: 62px;
  z-index: -1;
}

.group .g-block1 .txt-title,
.company-container .txt-title,
.pdf-container .txt-title,
.job-container .txt-title,
.recruit-container .txt-title,
.graduce_support-container .txt-title,
.tab-container .txt-title,
.privacy-container .txt-title,
.society__container .money-program .header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 2.4rem;
}
.tab-container .txt-title {
  margin-top: 3.5em;
}
.group .g-block1 .txt-title h2,
.company-container .txt-title h2,
.pdf-container .txt-title h2,
.job-container .txt-title h2,
.recruit-container .txt-title h2,
.graduce_support-container .txt-title h2,
.tab-container .txt-title h2,
.society__container .money-program .header h2 {
  font-size: 3.6rem;
  font-weight: normal;
  align-items: center;
  display: block;
  position: relative;
  margin-bottom: 0;
  margin-right: 1.2rem;
}
.pdf-container .txt-title2 {
  display: flex;
  align-items: center;
}
.pdf-container .txt-title2 h2{
  font-size: 2.4rem;
  font-weight: normal;
  align-items: center;
  display: block;
  position: relative;
  margin-bottom: 0;
  margin-right: 1.2rem;
}
.privacy-container .txt-title h3 {
  letter-spacing: 0.3rem;
}
.group .g-block1 .txt-title::after,
.company-container .txt-title::after,
.pdf-container .txt-title::after,
.job-container .txt-title::after,
.recruit-container .txt-title::after,
.graduce_support-container .txt-title::after,
.tab-container .txt-title::after,
.privacy-container .txt-title::after,
.society__container .money-program .header::after {
  content: "";
  display: block;
  height: 6px;
  background-color: black;
  flex-grow: 1;
  margin-left: 1.2rem;
  margin-right: -1000px;
}
.pdf-container .txt-title2::after{
  content: "";
  display: block;
  height: 4px;
  background-color: black;
  flex-grow: 1;
  margin-left: 1.6rem;
  margin-right: -1000px;
}
.tab-container .txt-title.mr0::after {
  height: 2px;
  margin-right: 0;
}
.group .g-block1 ul.blk-contents--1col li dl.detail-link {
  justify-content: space-between;
}

.group .g-block1 ul.blk-contents--1col li dl.detail-link dt.wdh-30,
.group .g-block1 ul.blk-contents--1col li dl.detail-link dd.wdh-30 {
  width: 30%;
}

.group .g-block1 ul.blk-contents--1col li dl.detail-link a.c-btn1 {
  margin: auto 0;
}

span {
  font-weight: bold;
}

.tab-container {
  margin: 20px auto;
  max-width: 1380px;
  padding: 20px;
}
@media screen and (max-width: 750px) {
  .group .g-block1 {
    padding: 40px 5%;
  }

  .group .g-block1 .txt-title::after,
  .company-container .txt-title::after,
  .pdf-container .txt-title::after,
  .job-container .txt-title::after,
  .recruit-container .txt-title::after,
  .graduce_support-container .txt-title::after,
  .tab-container .txt-title::after,
  .society__container .money-program .header::after  {
    display: none;
  }

  .group .g-block1 .txt-title h2,
  .pdf-container .txt-title h2,
  .job-container .txt-title h2,
  .recruit-container .txt-title h2,
  .graduce_support-container .txt-title h2,
  .tab-container .txt-title h2,
  .society__container .money-program .header h2 {
    display: flex;
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 100%;
    align-items: center;
    margin-top: 80px;
    font-size: 2.25rem;
    text-align: center;
  }

  .group .g-block1 .txt-title h2::before,
  .group .g-block1 .txt-title h2::after,
  .company-container .txt-title h2::before,
  .company-container .txt-title h2::after,
  .pdf-container .txt-title h2::before,
  .pdf-container .txt-title h2::after,
  .job-container .txt-title h2::before,
  .job-container .txt-title h2::after,
  .recruit-container .txt-title h2::before,
  .recruit-container .txt-title h2::after,
  .graduce_support-container .txt-title h2::before,
  .graduce_support-container .txt-title h2::after,
  .tab-container .txt-title h2::before,
  .tab-container .txt-title h2::after,
  .society__container .money-program .header h2::before,
  .society__container .money-program .header h2::after
   {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    flex: 1;
    min-width: 50px;
  }

  .group .g-block1 .txt-title h2::before,
  .company-container .txt-title h2::before,
  .pdf-container .txt-title h2::before,
  .job-container .txt-title h2::before,
  .recruit-container .txt-title h2::before,
  .graduce_support-container .txt-title h2::before,
  .tab-container .txt-title h2::before,
  .society__container .money-program .header h2::before {
    margin-right: 3%;
  }

  .group .g-block1 .txt-title h2::after,
  .company-container .txt-title h2::after,
  .pdf-container .txt-title h2::after,
  .job-container .txt-title h2::after,
  .recruit-container .txt-title h2::after,
  .graduce_support-container .txt-title h2::after,
  .tab-container .txt-title h2::after,
  .society__container .money-program .header h2::after {
    margin-left: 3%;
  }

  .blk-contents-3col>li {
    flex: 0 0 calc(50% - 20px);
  }

  .group .g-block1 ul.blk-contents--1col li dl {
    flex-direction: column;
  }

  .group .g-block1 ul.blk-contents--1col li dl.detail-link dt.wdh-30,
  .group .g-block1 ul.blk-contents--1col li dl.detail-link dd.wdh-30 {
    width: 100%;
    margin: 10px 0;
  }

  .detail-link {
    align-items: center;
  }

  .group .g-block1 ul.blk-contents--1col li dl dt {
    width: 50%;
    margin: 0 auto;
  }

  .group .g-block1 ul.blk-contents--1col li dl dt:has(img[alt="四国文教サービス有限会社"]) {
    width: 25%;
  }

  section:nth-of-type(4) ul.blk-contents--1col li:first-child dl.detail-link dt {
    width: 25%;
  }

  .group .g-block1 ul.blk-contents--1col li dl dt .group .g-block1 ul.blk-contents--1col li dl dd {
    width: 100%;
    margin: 5% 0;
  }

  .group .g-block1 {
    padding: 30px 15px;
  }

  .blk-contents-3col>li {
    flex: 0 0 100%;
    margin: 0 0 20px;
  }

  .group .g-block1 h2 {
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    width: 100%;

  }

  .group .g-block1 ul li dl dd p {
    font-size: 14px;
    min-height: auto;
    margin: 15px 0;
  }

  .group .g-block1 ul li dl dd {
    min-height: auto;
  }

  .group .g-block1 ul.blk-contents--1col li dl dd {
    width: 100%;
    margin: 15px 0;
  }

  .group .g-block1 h2 {
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 5%;
  }
  .txt-title.mr0 h3 {
    margin-inline: auto;
  }
}

/*  disclosure  */
.tabs {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: center;
  gap: 1%;
}

.tabs li {
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid transparent;
  border-bottom: 2px solid #BB1B2A;
  margin-bottom: -1px;
  transition: all 0.3s ease;
}

.tabs li.active {
  background-color: #fff;
  border-bottom: 2px solid #BB1B2A;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  color: #BB1B2A;
  position: relative;
}

.tabs li.active::after {
  content: "▼";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 17px;
  color: #BB1B2A;
  line-height: 1;
}

.tabs li:hover:not(.active) {
  background-color: #f5f5f5;
}

.tab-content {
  display: none;
  padding: 20px;
  border-top: none;
  animation: fadeIn 0.5s ease;
}

.tab-content.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.sample-content {
  background-color: #f9f9f9;
  padding: 15px;
  border-radius: 5px;
  margin-top: 15px;
}

.bg-red {
  background-color: #BB1B2A;
  color: white;
  padding: 10px 20px;
  margin: 50px 0 10px;
  text-align: center;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px;
}

.tab-contents {
  margin: 20px 0;
  padding: 15px;
  display: flex;
  justify-content: center;
  gap: 1%;
}

.pdf-content {
  display: block;
  margin: 20px 0;
}

.pdf-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
  border-bottom: 1px solid #000;
}

.pdf-detail:last-child {
  border-bottom: none;
}

.pdf-detail p,
.pdf-detail__school-info-btn {
  margin: 0;
}

.pdf-detail__school-info-btn::before,
.pdf-detail__school-info-btn::after{
  display: none;
}
.pdf-detail__school-info-btn{
  padding: 0;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0;
}

.pdf-btn {
  display: inline-flex;
  align-items: center;
}

.pdf-btn,
.pdf-btn--Excel,
.pdf-btn--Word,
.tab-contents > a {
  position: relative;
  display: inline-block;
  border: 2px solid #BB1B2A;
  border-radius: 20px;
  padding: 5px 80px;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #000;
  align-content: center;
}

.pdf-btn--Excel {
  border: 2px solid #0F9571;
}

.pdf-btn--Word {
  border: 2px solid #054994;
}

.tab-contents > a {
  padding: 5px 25px;
  color: #BB1B2A;
}

.tab-contents {
  margin: 20px 0;
  padding: 15px;
  display: flex;
  justify-content: center;
  gap: 1%;
}


.tab-contents > a {
  flex: 1;
  max-width: 300px;
  position: relative;
  display: inline-block;
  border: 2px solid #BB1B2A;
  border-radius: 20px;
  padding: 5px 15px;
  color: #BB1B2A;
  background-color: #fff;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.pdf-btn::before,
.pdf-btn--Excel::before,
.pdf-btn--Word::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url('/wp-content/themes/original-theme/assets/images/isclosure/isclosure-img1.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.pdf-btn--Excel::before {
  background-image: url('/wp-content/themes/original-theme/assets/images/admission-guide/ag-img2.png');
}

.pdf-btn--Word::before {
  background-image: url('/wp-content/themes/original-theme/assets/images/about/company/cmp-img3.png');
}

.pdf-btn::after,
.pdf-btn--Excel::after,
.pdf-btn--Word::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url('/wp-content/themes/original-theme/assets/images/isclosure/isclosure-img2.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.pdf-btn:hover,
.pdf-btn--Excel:hover,
.pdf-btn--Word:hover {
  background-color: #BB1B2A;
  color: white;
}

.pdf-btn--Excel:hover {
  background-color: #0F9571;
}

.pdf-btn--Word:hover {
  background-color: #054994;
}

.pdf-btn:hover::before,
.pdf-btn--Excel:hover::before,
.pdf-btn--Word:hover::before,
.pdf-btn:hover::after,
.pdf-btn--Excel:hover::after,
.pdf-btn--Word:hover::after {
  filter: brightness(5);
}

@media screen and (max-width: 750px) {
  .tabs {
    flex-direction: column;
    border-top: 2px solid #BB1B2A;
  }

  .tabs li {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
  }

  .tabs li.active::after {
    transform: none;
    top: -5px;
    left: -2px;
    bottom: 0;
  }

  .bg-red {
    margin-bottom: 0;
    margin-top: 50px;
  }

  .bg-red:nth-of-type(1),
  .bg-red:nth-of-type(2) {
    margin-top: 20px;
  }

  .pdf-content {
    margin: 0;
  }

  .pdf-detail {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 0;
  }

  .pdf-btn,
  .pdf-btn--Excel {
    margin-top: 10px;
    margin-inline: auto;
  }

  .tab-contents {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .tab-contents > a {
    width: 80%;
    max-width: 300px;
    margin: 5px 0;
    font-size: 13px;
  }


  .pdf-detail p {
    margin: 5px auto;
    font-size: 15px;
  }

  h3.c-ttl2,
  h4.c-ttl2 {
    font-size: 2rem;
    margin-top: 50px;
    margin-bottom: 0;
  }

}

/*  guide  */

.guide-container {
  border-radius: 8px;
  border: 2px solid #000;
  padding: 45px;
  box-sizing: border-box;
  margin: 20px auto;
  max-width: 1380px;

}

.guide__color-light-blue{
  font-weight: normal;
  color: #0797d4;
}

.guide-header {
  text-align: center;
  margin-bottom: 15px;
  font-size: 1.2em;
}

.guide-content span.bold {
  font-weight: bold;
}

.guide-content span.bold-red {
  font-weight: bold;
  color: #BB1B2A;
}

.guide-content p {
  margin: 20px 0;
  text-align: left;
}

.pdf-container {
  padding: 20px;
  margin: 0 auto;
  max-width: 1380px;
  position: relative;
}

.pdf-btn-container {
  display: flex;
  justify-content: center;
  gap: 10px;
}

@media screen and (max-width: 750px) {
  .guide-container {
    margin: 70px 10px 0;
    padding: 20px;
  }

  .guide-content p {
    font-size: 14px;
  }

  .pdf-btn-container {
    margin: 0 auto;
  }

  .pdf-btn-container .pdf-btn,
  .pdf-btn-container .pdf-btn--Excel,
  .pdf-btn-container .pdf-btn--Word {
    padding: 5px 35px;
  }
}

/*  EMPOLYMENT SUPPORT  */
.Achievements-container {
  margin-top: 55px;
}

.Achievements-container__title p {
  margin: 25px 0;
}

.Achievements-container__title h3 {
  font-weight: bold;
}

.Achievements-container__title h3::after {
  flex-grow: 0.2;
}

.Achievements-container--content ul {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 0;
}

.Achievements-container--content li {
  list-style-type: none;
  position: relative;
  flex: 1;
  padding: 0;
  border-radius: 25px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.Achievements-container--content li img{
  width: 65%;
}

.Achievements-container--content li a{
  padding: 45px 0px 25px 45px;
  display: block;
  position: relative;
  z-index: 1;
}

.Achievements-container--content li a:hover,
.Achievements-container--content li a:active,
.Achievements-container--content li a:focus{
  background: rgba(255, 255, 255, 0.3);
}

.Achievements-container--content li a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('/wp-content/themes/original-theme/assets/images/empolyment-support/es-img7.png');
  right: 15px;
  width: 57px;
  height: 57px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
}

.Achievements-container--content li:nth-child(1) {
  background-color: #2C4E9B;
}

.Achievements-container--content li:nth-child(2) {
  background-color: #CA5616;
}

.Achievements-container--content li:nth-child(3) {
  background-color: #589A76;
}

@media (max-width: 750px) {
  .Achievements-container--content ul {
    flex-direction: column;
  }

  .Achievements-container--content li {
    margin-bottom: 15px;
  }
}

/*  recruit  */
.recruit-container {
  padding: 4.8rem 7.2rem;
  max-width: 1380px;
  margin-inline: auto;
}

.g-block1--recruit li {
  border-bottom: 3px dotted rgba(0, 0, 0, 0.3);
  margin: 50px 0;
  position: relative;
}

.g-block1--recruit li:first-child{
  padding-top: 3rem;
  border-top: 3px dotted rgba(0, 0, 0, 0.3);
}

.g-block1--recruit h4 {
  font-size: 19px;
  margin-bottom: 20px;
}

.g-block1--recruit--content p {
  font-size: 13px;
  letter-spacing: 0.2rem;
}

.g-block1--recruit--content span {
  font-size: 16px;
}

.bold-red {
  color: #BB1B2A;
}

.bold-green {
  color: #0F9571;
}

.g-block1--recruit--inquiry {
  background-color: #F2F2F2;
  border-radius: 8px;
  padding: 20px;
  width: 100%;
  max-width: 300px;
  margin: 30px 0;
}

.g-block1--recruit--inquiry p {
  font-size: 15px;
}

/*  graduce_support  */
.graduce_support-container {
  padding: 20px;
  max-width: 1380px;
  margin-inline: auto;
}

.graduce_support-container__content__item {
  display: flex;
  align-items: center;
  gap: 10%;
  margin-bottom: 20px;
  padding: 60px 0;
  border-bottom: 1px solid #000;
  padding-left: 2.5em;
  position: relative;
}


.graduce_support-container__content__item:last-child{
  border: none;
}

.graduce_support-container__content__item h4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2em;
  margin: 0 auto;
  padding: 0.5em;
  text-align: center;
  color: #fff;
  width: 20%;
}

.graduce_support-container__content__item h4::before {
  content: "";
  position: absolute;
  width: 8em;
  height: 8em;
  border-radius: 50%;
  background-color: #29ABE2;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.graduce_support-container__content {
  counter-reset: item-counter;
}

.graduce_support-container__content__item p {
  margin: 0;
  flex: 1;
  position: relative;
}

.graduce_support-container__content__item p::before {
  counter-increment: item-counter;
  content: counter(item-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8em;
  height: 1.8em;
  color: #000;
  border-radius: 50%;
  font-weight: bold;
  position: absolute;
  left: -2.5em;
  top: 10%;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .graduce_support-container {
    width: 90%;
  }
  .graduce_support-container__content__item {
    display: block;
    padding: 0 15px;
    margin: 55px auto;
    position: relative;
  }

  .graduce_support-container__content__item h4 {
    margin-bottom: 15px;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    width: 100%;
    min-height: 65px;
  }

  .graduce_support-container__content__item h4::before {
    width: 8em;
    height: 8em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .graduce_support-container__content__item p {
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 2.5em;
    font-size: 13px;
  }

  .graduce_support-container__content__item p::before {
    position: absolute;
    left: 0;
    top: 0;
    transform: none;
  }

  .graduce_support-container__content__item span {
    display: block;
    margin-bottom: 10px;
  }

  .graduce_support-container__content__item span::before {
    width: 1.5em;
    height: 1.5em;
    font-size: 0.9em;
  }

  .pc-only {
    display: none;
  }
}

/* ACCESS */
.bold-blue {
  color: #004DA0;
}

.bold-orange {
  color: #E95503;
}

.bold-green {
  color: #0F9571;
}

.bold-brown {
  color: #736357;
}

.access-container {
  padding: 20px;
  margin: 30px auto;
  max-width: 1380px;
}

.access-address {
  font-size: 18px;
  line-height: 1.6;
}

.access-content {
  display: flex;
  justify-content: space-between;
  margin: 40px 0;
}

.access-image,
.access-map {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.access-image {
  flex: 0 0 auto;
  width: 350px;
}

.access-map {
  flex: 1;
}

.access-image img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  aspect-ratio: 1/1;
}

.access-map iframe {
  width: 100%;
  height: 350px;
}

@media screen and (min-width: 750px) {
  .sp-only {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .access-content {
    flex-direction: column;
    margin: 20px 0;
  }

  .access-image,
  .access-map {
    width: 100%;
    margin-bottom: 20px;
  }

  .access-map iframe {
    height: 300px;
  }

  .access-address {
    font-size: 14px;
  }

}

/* privacy */
.privacy-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px;
  padding-top: 80px;
}

.privacy-intro {
  margin: 30px 0;
  font-size: 16px;
}

.privacy-content {
  margin-bottom: 50px;
}

.privacy-section {
  margin-bottom: 40px;
}

.privacy-section li {
  margin-bottom: 50px;
}

.privacy-section h4 {
  margin-bottom: 5px;
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .privacy-container {
    padding: 15px;
  }
  .privacy-section h4 {
    font-size: 1.4rem;
  }

  .privacy-intro {
    font-size: 13px;
  }

  .privacy-section p,
  .privacy-list li {
    font-size: 14px;
  }
}

/* job-offer-holder */
.job-container {
  max-width: 1380px;
  margin: 0 auto;
  padding: 20px;
}
.job-container .txt-title {
  margin-top: 50px;
}
.child-container__rate {
  margin-bottom: 80px;
}

.job-container__content-title,
.child-container__rate__ttl h4 {
  display: flex;
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 100%;
  align-items: center;
  margin-top: 80px;
}

.child-container__rate__ttl h4 {
  font-size: 2rem;
  font-weight: normal;
  margin-bottom: 30px;
  letter-spacing: 0.3rem;
}

.job-container__content-title::before,
.job-container__content-title::after,
.child-container__rate__ttl h4::before,
.child-container__rate__ttl h4::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
  flex: 1;
  min-width: 50px;
}

.job-container__content-title::before,
.child-container__rate__ttl h4::before {
  margin-right: 3%;
}

.job-container__content-title::after,
.child-container__rate__ttl h4::after {
  margin-left: 3%;
}

.job-container__content-title img {
  margin: 0 20px;
  flex-shrink: 0;
  max-width: 350px;
  width: auto;

}

.job-container__content__item {
  display: flex;
  align-items: center;
  margin-top: 80px;
  gap: 5%;
  justify-content: center;
  position: relative;
  padding-bottom: 20px;
}

.job-container__content__item__image {
  width: 230px;
  flex-shrink: 0;
}

.job-container__content__item__text {
  width: 70%;
  height: auto;
  display: block;
}

.job-container__content__item__text h4 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5;
  margin: 5px 0;
}

.job-container__content__item__text__title {
  padding-bottom: 10px;
}

.text-border-top {
  position: relative;
  padding-top: 20px;
}

.text-border-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 3%;
  height: 4px;
  background-color: #000;
}

.job-container__content__item .member-count {
  position: absolute;
  bottom: -25px;
  right: 0;
  margin: 0;
  font-size: 1.1em;
}

@media screen and (max-width: 750px) {
  .job-container {
    padding: 15px;
  }

  .job-container__content-title {
    margin-top: 50px;
  }

  .job-container__content-title img {
    max-width: 200px;
    margin: 0 10px;
  }

  .job-container__content__item {
    margin-top: 40px;
    gap: 20px;
  }

  .job-container__content__item__image {
    width: 35%;
    max-width: 300px;
  }

  .job-container__content__item__text {
    width: 100%;
  }

  .job-container__content__item__text h4 {
    font-size: 1.1em;
  }

  .job-container__content__item .member-count {
    bottom: -25px;
  }
}

/* company */
.company-container {
  max-width: 1380px;
  margin: 0 auto;
  padding: 20px;
}

.company-container__item {
  margin-bottom: 100px;
}

@media screen and (max-width: 750px) {
  .company-container__item {
    margin-bottom: 0;
  }
}

.company-container__intro {
  text-align: center;
  margin: 0 25%;
}

@media screen and (max-width: 750px) {
  .company-container .txt-title h2 {
    display: flex;
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 100%;
    align-items: center;
    margin-top: 4.8rem;
    font-size: 2.1rem;
  }
}

.company-container__information {
  display: flex;
  justify-content: space-around;
  margin: 30px 0;
}

.company-container__information__text,
.company-container__information__image {
  width: 40%;
  align-content: center;
}

.c-card-interview .img {
  object-fit: cover;
}

.company-container__data,
.parent-container__data {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.company-container__data__item,
.parent-container__data__item {
  border-radius: 25px;
  border: 2px solid #000;
  padding: 5%;
}

.company-container__data__item h4,
.parent-container__data__item h4 {
  font-size: 1.3em;
  margin-bottom: 30px;
}

.company-container__data__item:nth-child(-n+2),
.parent-container__data__item:nth-child(-n+2) {
  width: calc(50% - 10px);
  text-align: center;
}

.company-container__data__item:nth-child(-n+2)>*,
.parent-container__data__item:nth-child(-n+2)>* {
  text-align: center;
}

.company-container__data__item p,
.parent-container__data__item p {
  margin-bottom: 30px;
}

.company-container__data__item:nth-child(3),
.parent-container__data__item:nth-child(3) {
  width: 100%;
  text-align: center;
}

.company-container__data__item__text,
.parent-container__data__item__text {
  display: flex;
  gap: 16px;
  justify-content: space-evenly;
}

@media screen and (max-width: 750px) {
  .parent-container .c-list-employment-rate{
    flex-direction: column;
    gap: .8rem;
  }
  .parent-container__data__item:nth-child(-n+2)>* {
    text-align: left;
  }
}

.company-container__inquiry {
  text-align: center;
  background-color: #F2F2F2;
  border-radius: 25px;
  padding: 50px 0;
  margin: 30px auto;
}

.company-container__data__item__text__detail {
  width: 40%;
  text-align: left;
}

@media screen and (max-width: 750px) {
  .company-container__intro {
    margin: 0;
  }

  .company-container__information,
  .company-container__inquiry {
    display: block;
  }

  .company-container__information__text,
  .company-container__information__image {
    width: 100%;
    text-align: center;
    margin: 20px 0;
  }

  .company-container__data__item:nth-child(-n+2) {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .company-container__data__item {
    padding: 20px;
  }

  .company-container__data__item__text {
    display: block;
  }

  .company-container__data__item__text__detail {
    width: 100%;
  }
}

/* parent */
.parent-container {
  max-width: 1380px;
  margin: 0 auto;
  padding: 20px;
}

.child-container {
  margin-top: 50px;
}

.child-container h4 {
  font-size: 2.6rem;
  margin-bottom: 25px;
}

.child-container__item__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.child-container__rate__contents {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.child-container__rate__item {
  flex: 1;
}

.parent-container__contents {
  margin-top: 80px;
  border-top: 6px solid #000;
  padding-top: 90px;
}

.parent-container__contents h4 {
  font-size: 2.4rem;
  letter-spacing: 0.3rem;
}

.parent-container__data {
  margin-top: 50px;
}

.parent-container__data__item h4 {
  position: relative;
  padding-right: 20px;
  justify-content: center;
  display: flex;
  align-items: center;
}

.parent-container__data__item:nth-child(3) h4 {
  justify-content: left;
}

.parent-container__data__item:nth-child(-n+2)>* {
  margin-inline: auto;
}

.parent-container__data__item h4::before {
  content: '';
  position: static;
  transform: none;
  display: inline-block;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  background-image: url('/wp-content/themes/original-theme/assets/images/info/par-img4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.parent-container__data__item p {
  text-align: left;
}
.gap2 {
  gap: 2%;
}
li.border-none.bg-blue img,
li.border-none.bg-orange img,
li.border-none.bg-green img {
  width: 250px;
}
.c-list-employment-rate > * strong.text-w,
.num.text-w {
  color: #fff;
}
.border-none {
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.bg-blue {
  background-color: #004da0;
  border-radius: 25px;

}
.bg-orange {
  background-color: #e95503;
  border-radius: 25px;
}
.bg-green {
  background-color: #039c75;
  border-radius: 25px;
}
@media screen and (max-width: 750px) {
  .child-container__rate__contents {
    flex-direction: column;
  }

  .child-container h4 {
    text-align: center;
  }

  .child-container__item__text,
  .parent-container__data,
  .parent-container__data__item__text {
    flex-direction: column;
    text-align: center;
  }

  .parent-container__data__item:nth-child(-n+2) {
    width: 100%;
  }

  .parent-container__data__item a {
    margin-inline: auto;
  }
}

.society__container {
  max-width: 1380px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  display: flex;
  flex-direction: column;
  padding: 7rem;
}
@media (max-width: 750px) {
  .society__container {
    padding: 7rem 3rem;
  }
}
.society__container .money-program {
  padding-bottom: 9.6rem;
}
@media (max-width: 750px) {
  .society__container .money-program {
    padding-bottom: 3.5rem;
  }
  .society__container .money-program .header h2 {
    margin-top: 3.25rem;
    font-size: 1.9rem;
    text-align: center;
  }
  .society__container .money-program .header h2 > span {
    display: block;
  }
}
.society__container .money-program .header > span {
  display: block;
  height: 6px;
  background-color: black;
  flex-grow: 1;
  margin-left: 1.2rem;
  margin-right: -1000px;
}
@media (max-width: 750px) {
  .society__container .money-program .header > span {
    height: 3px;
  }
}
.society__container .money-program .inner {
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .society__container .money-program .inner {
    flex-direction: column-reverse;
    gap: 2.4rem;
  }
}
.society__container .money-program .inner .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.society__container .money-program .inner .left h3 {
  font-size: 2rem;
  line-height: 1.7;
  font-weight: normal;
  margin-bottom: 0.3em;
}
@media (max-width: 750px) {
  .society__container .money-program .inner .left h3 {
    font-size: 1.6rem;
    margin: 0 auto;
  }
  .society__container .money-program .inner .left h3 > span {
    display: block;
  }
}
.society__container .money-program .inner .left p {
  font-size: 1.6rem;
  line-height: 1.7;
  margin-bottom: 2em;
}
.society__container .money-program .inner .left p.blue-char {
  color: #0D6FAE;
}
.society__container .money-program .inner .left.training h3 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1em;
}
.society__container .money-program .inner .left.training p {
  font-size: 1.8rem;
  max-width: 35em;
  margin-right: 3em;
}
@media (max-width: 750px) {
  .society__container .money-program .inner .left.training h3 {
    font-size: 1.8rem;
  }
  .society__container .money-program .inner .left.training p {
    font-size: 1.6rem;
    margin-right: 0;
  }
}
.society__container .money-program .inner .left.training .detail-btn {
  margin-top: 2em;
}
@media (max-width: 750px) {
  .society__container .money-program .inner .left.training .detail-btn {
    margin: 0 auto;
  }
}
.society__container .money-program .inner .left .money-program__img {
  width: 54rem;
}
@media (max-width: 750px) {
  .society__container .money-program .inner .left .money-program__img {
    transform: translateY(-20%);
  }
}
.society__container .money-program .inner .left .detail-btn {
  font-size: 1.6rem;
  border-radius: 1000px;
  margin: 0 auto;
}
.society__container .money-program .inner img {
  width: 40%;
}
@media (max-width: 750px) {
  .society__container .money-program .inner img {
    width: 80%;
    margin-top: 4.8rem;
  }
}
.society__container .money-program.seniors .inner {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
  margin-right: -2rem;
  margin-top: 3.2rem;
}
@media (max-width: 750px) {
  .society__container .money-program.seniors .inner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-left: -1.6rem;
    width: 80%;
    margin-inline: auto;
  }
}
.society__container .money-program.seniors .inner .item {
  width: 30rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 6rem;
}
@media (max-width: 750px) {
  .society__container .money-program.seniors .inner .item {
    width: auto;
    margin-bottom: 2.5rem;
  }
}
.society__container .money-program.seniors .inner .item .subject {
  display: flex;
  gap: 2em;
  justify-content: center;
  border: 2px solid black;
  border-radius: 1000px;
  padding: 0.8em 0;
}
.society__container .money-program.seniors .inner .item .subject.long-title {
  gap: 1em;
}
.society__container .money-program.seniors .inner .item .subject.long-title > span:first-child::after {
  transform: translate(200%, -50%);
}
.society__container .money-program.seniors .inner .item .subject > span {
  font-size: 1.6rem;
  font-weight: normal;
}
.society__container .money-program.seniors .inner .item .subject > span:first-child {
  position: relative;
}
.society__container .money-program.seniors .inner .item .subject > span:first-child::after {
  content: "";
  display: block;
  border: 4.5px solid transparent;
  border-left: 4px solid black;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(300%, -50%);
}

.society__container .money-program.seniors .inner .item .subject.bg-grad1 {
  background-image: linear-gradient(to right, #ffbc00, #ffff00);
}
.society__container .money-program.seniors .inner .item .subject.bg-grad2 {
  background-image: linear-gradient(to right, #e068e0, #ff98a3);
}
.society__container .money-program.seniors .inner .item .subject.bg-grad3 {
  background-image: linear-gradient(to right, #acb6a3, #998675);
}
.society__container .money-program.seniors .inner .item .subject.bg-grad4 {
  background-image: linear-gradient(to right, #ffee0c, #8cc63f);
}
.society__container .money-program.seniors .inner .item .subject.bg-grad5 {
  background-image: linear-gradient(to right, #ed4d92, #c1272d);
}
.society__container .money-program.seniors .inner .item .img {
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #B3B3B3;
  border: 4px solid black;
  border-radius: 2.4rem;
}
.society__container .money-program.seniors .inner .item .img img{
  width: 100%;
  border-radius: 2.4rem;
}

.society__container .money-program.seniors .inner .item .content {
  padding: 0 1.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.society__container .money-program.seniors .inner .item .content .title {
  width: 100%;
  font-size: 1.8rem;
  font-weight: 500;
  margin: 0.7em 0;
}
.society__container .money-program.seniors .inner .item .content .who {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.7;
  margin-bottom: 1em;
}
.society__container .money-program.seniors .inner .item .content p {
  font-size: 1.5rem;
  line-height: 1.7;
}
@media (max-width: 750px) {
  .society__container .money-program.seniors .inner .item .subject,
  .society__container .money-program.seniors .inner .item .subject.long-title {
    flex-direction: column;
    align-items: center;
    gap: .6em;
  }
  .society__container .money-program.seniors .inner .item .subject > span:first-child::after,
  .society__container .money-program.seniors .inner .item .subject.long-title > span:first-child::after {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, calc(100% + .5em)) rotate(90deg);
  }
  .society__container .money-program.seniors .inner .item .content .title,
  .society__container .money-program.seniors .inner .item .content .who {
    margin: 1rem;
  }
}
/* hello-training */
.hello-training__container {
  max-width: 1380px;
  margin: 0 auto;
  padding: 20px;
  letter-spacing: 0.07em;
  line-height: 1.7;
}
.hello-training__container .description.pc-now {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem;
  padding-top: 7rem;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .hello-training__container .description.pc-now {
    display: none;
  }
}
.hello-training__container .description.sp-now {
  display: none;
  flex-direction: column;
  align-items: center;
  padding: 1.6rem;
  padding-top: 7rem;
  max-width: 1200px;
  margin: 0 auto;
}
.hello-training__container .description.sp-now img {
  margin-bottom: 1.6rem;
}
@media (max-width: 750px) {
  .hello-training__container .description.sp-now {
    display: flex;
  }
}
.hello-training__container .description p {
  font-size: 1.8rem;
  line-height: 1.7;
  margin-bottom: 2em;
  max-width: 38.1em;
}
@media (max-width: 750px) {
  .hello-training__container .description p {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
  }
}
.hello-training__container .description img {
  width: 35%;
  max-width: 420px;
  height: auto;
}
@media (max-width: 750px) {
  .hello-training__container .description img {
    width: 80%;
  }
}
.hello-training__container .to-detail {
  padding: 3rem;
  padding-top: 7rem;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #F4F298;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 9.6rem;
}
@media (max-width: 750px) {
  .hello-training__container .to-detail {
    padding: 3rem 1.6rem;
  }
}
.hello-training__container .to-detail .header {
  font-size: 2rem;
}
@media (max-width: 750px) {
  .hello-training__container .to-detail .header {
    font-size: 1.6rem;
  }
}
.hello-training__container .to-detail .stress {
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.07em;
  position: relative;
  z-index: 1;
}
@media (max-width: 750px) {
  .hello-training__container .to-detail .stress {
    font-size: 2.1rem;
  }
}
.hello-training__container .to-detail .stress::after {
  content: "";
  background-color: #EAE300;
  width: 100%;
  height: 1.5rem;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-8px, calc(-100% + 5px));
  z-index: 0;
}
.hello-training__container .to-detail .stress > div {
  position: relative;
  z-index: 1;
}
.hello-training__container .to-detail .stress > div span {
  color: #BB1B2A;
  font-size: 3.8rem;
}
@media (max-width: 750px) {
  .hello-training__container .to-detail .stress > div span {
    font-size: 2.4rem;
  }
}
.hello-training__container .to-detail .notion {
  font-size: 1.6rem;
}
.hello-training__container .to-detail .to-detail__btn {
  color: #BE1D20;
  background-color: white;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.8em 4em;
  outline: 4px solid #BE1D20;
  outline-offset: -1px;
  border: none;
  border-radius: 1000px;
  margin-top: 3rem;
  font-size: 1.6rem;
  position: relative;
}
.hello-training__container .to-detail .to-detail__btn > div {
  border-left: 0.2px #BE1D20 solid;
  border-bottom: 0.2px #BE1D20 solid;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-120%, -50%);
}
.hello-training__container .to-detail .to-detail__btn > div > div {
  border: 0.2px #BE1D20 solid;
  padding: 1.5px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(2px, -2px);
}
.hello-training__container .to-detail .to-detail__btn > div > div > img {
  width: 9.6px;
  fill: #BE1D20;
}
@media (max-width: 750px) {
  .hello-training__container .to-detail .to-detail__btn {
    flex-direction: column;
    padding: 1.8em 3em;
  }
  .hello-training__container .to-detail .to-detail__btn > span {
    display: block;
  }
}
.hello-training__container .to-detail .to-detail__btn::before {
  background-color: #BE1D20;
}
.hello-training__container .to-detail .to-detail__btn::after {
  display: none;
}
.hello-training__container .to-detail .to-detail__btn:hover {
  color: white;
}
.hello-training__container .to-detail .to-detail__btn:hover img {
  fill: white;
}
.hello-training__container .to-hello-work > .header {
  display: flex;
  align-items: center;
  padding: 0;
  margin-bottom: 6rem;
}
.hello-training__container .to-hello-work > .header h2 {
  font-size: 3.6rem;
  font-weight: normal;
  align-items: center;
  display: block;
  position: relative;
}
@media (max-width: 750px) {
  .hello-training__container .to-hello-work > .header h2 {
    font-size: 2.1rem;
  }
}
.hello-training__container .to-hello-work > .header > span {
  display: block;
  height: 6px;
  background-color: black;
  flex-grow: 1;
  margin-left: 1.2rem;
  margin-right: -1000px;
}
.hello-training__container .to-hello-work .content {
  display: flex;
  gap: 2rem;
  margin-bottom: 4.8rem;
}
@media (max-width: 750px) {
  .hello-training__container .to-hello-work .content {
    flex-direction: column;
    padding: 1.6rem;
  }
}
.hello-training__container .to-hello-work .content > .item {
  font-size: 2.5rem;
  background-color: black;
  padding: 2px 2.4px 2px 2px;
  -webkit-clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%);
  clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%);
}
@media (max-width: 750px) {
  .hello-training__container .to-hello-work .content > .item:first-child > .inner {
    padding-bottom: 9rem;
  }
}
@media (max-width: 750px) {
  .hello-training__container .to-hello-work .content > .item {
    padding: 2px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 50% 100%, 0 calc(100% - 3rem));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 50% 100%, 0 calc(100% - 3rem));
  }
}
.hello-training__container .to-hello-work .content > .item > .inner {
  -webkit-clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%);
  clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%);
  padding: 2.4em 0;
  padding-left: 2em;
  background-color: #F4F298;
  width: 17em;
  display: flex;
  align-items: center;
  gap: 0.8em;
  position: relative;
}
@media (max-width: 750px) {
  .hello-training__container .to-hello-work .content > .item > .inner {
    width: 100%;
    flex-direction: column;
    padding: 1.6rem 1.6rem 3.2rem 1.6rem;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 50% 100%, 0 calc(100% - 3rem));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 50% 100%, 0 calc(100% - 3rem));
  }
}
.hello-training__container .to-hello-work .content > .item > .inner::after {
  content: "";
  display: block;
  background-color: #F6DB82;
  width: 20%;
  height: 21rem;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%, 0 80%, 60% 50%, 0 20%);
  clip-path: polygon(0 0, 100% 50%, 0 100%, 0 80%, 60% 50%, 0 20%);
}
@media (max-width: 750px) {
  .hello-training__container .to-hello-work .content > .item > .inner::after {
    width: 100%;
    height: 3.2rem;
    -webkit-clip-path: polygon(0 0, 20% 0, 50% 50%, 80% 0, 100% 0, 50% 100%);
    clip-path: polygon(0 0, 20% 0, 50% 50%, 80% 0, 100% 0, 50% 100%);
    bottom: 0;
    top: unset;
  }
}
.hello-training__container .to-hello-work .content > .item > .inner > .number {
  background-color: white;
  color: #F6DB82;
  font-size: 3.9rem;
  width: 1.2em;
  height: 1.2em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Montserrat";
  font-weight: 900;
}
.hello-training__container .to-hello-work .content > .item > .inner > .header {
  height: -moz-fit-content;
  height: fit-content;
  font-weight: bold;
}
@media (max-width: 750px) {
  .hello-training__container .to-hello-work .content > .item > .inner > .header {
    text-align: center;
  }
}
.hello-training__container .to-hello-work .content > .item > .inner > .header > span {
  display: block;
}
@media (max-width: 750px) {
  .hello-training__container .to-hello-work .content > .item > .inner > .header > span {
    display: inline;
  }
}
.hello-training__container .to-hello-work .content > .item > .inner > .header.with-notion {
  position: relative;
}
.hello-training__container .to-hello-work .content > .item > .inner > .header.with-notion .notion {
  font-size: 1.6rem;
  font-weight: normal;
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 14em;
  transform: translateY(100%);
}
@media (max-width: 750px) {
  .hello-training__container .to-hello-work .content > .item > .inner > .header.with-notion .notion {
    text-align: center;
    left: 50%;
    transform: translate(-50%, 100%);
  }
}
@media (max-width: 750px) {
  .hello-training__container .to-hello-work .content > .item {
    font-size: 1.8rem;
  }
}
.hello-training__container .to-hello-work .description {
  max-width: 1200px;
  width: 100%;
  background-color: #F2F2F2;
  padding: 6.4rem 1.6rem;
  position: relative;
  margin-bottom: 9.6rem;
}
.hello-training__container .to-hello-work .description > .notion {
  position: absolute;
  top: 4px;
  right: 3.2rem;
  padding: 0.4em 2.5em;
  font-size: 2rem;
  background-color: #FCEE21;
}
.hello-training__container .to-hello-work .description > .inner {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
}
.hello-training__container .to-hello-work .description > .inner > .item {
  width: 100%;
  padding: 3.2rem 1.6rem;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.6rem;
  background-color: white;
  border: 2px solid black;
  border-radius: 4.8rem;
}
.hello-training__container .to-hello-work .description > .inner > .item > h2 {
  font-size: 2rem;
  font-weight: bold;
}
.hello-training__container .to-hello-work .description > .inner > .item > p {
  font-size: 1.8rem;
}

/* information-systems */
.information-systems {
  max-width: 1380px;
  margin: 0 auto;
  padding: 20px;
  font-size: 1.6rem;
}
@media (max-width: 750px) {
  .information-systems {
    font-size: 1.25rem;
  }
}
.information-systems .bg-yellow {
  background-color: #FCEE20;
}
.information-systems .bg-infosys {
  background-color: #CFDC27;
}
.information-systems .c-grid-box1 .u-grid12 > * {
  padding: 10px 30px;
  text-align: center;
  border: 1px solid black;
  align-content: center;
}
.information-systems .c-grid-box1 .u-grid12 > *.final-item {
  position: relative;
}
.information-systems .c-grid-box1 .u-grid12 > *.final-item::after {
  content: "など";
  display: block;
  position: absolute;
  bottom: 0;
  right: -1.6rem;
  transform: translateX(100%);
}
@media (max-width: 750px) {
  .information-systems .c-grid-box1 .u-grid12 > *.final-item::after {
    bottom: -1.6rem;
    right: 1.6rem;
    transform: translateY(100%);
  }
}
.information-systems > .c-course-features > .c-course-features__block1 img.is-pc.small {
  width: 60%;
}

@media (max-width: 750px) {
  .information-systems > .c-course-features > .c-course-features__block1 .c-box1 {
    text-align: center;
  }
  .information-systems > .c-course-features > .c-course-features__block1 .c-box1 h4 {
    font-size: 1.6rem;
  }
  .information-systems > .c-course-features > .c-course-features__block1 .c-box1 p {
    font-size: 1.6rem;
  }
}
.information-systems > .c-course-features > .c-course-features__block1 .examples {
  margin-top: 9.6rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3.2rem;
  line-height: 1.7;
  letter-spacing: 0.07em;
}
@media (max-width: 750px) {
  .information-systems > .c-course-features > .c-course-features__block1 .examples {
    grid-template-columns: 1fr;
  }
}
.information-systems > .c-course-features > .c-course-features__block1 .examples > .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
}
.information-systems > .c-course-features > .c-course-features__block1 .examples > .item > img {
  aspect-ratio: 296 / 211;
  object-position: center;
  object-fit: cover;
}
@media (max-width: 750px) {
  .information-systems > .c-course-features > .c-course-features__block1 .examples > .item {
    width: 80%;
    margin: 0 auto;
  }
}
.information-systems > .c-course-features > .c-course-features__block1 .examples > .item > img {
  width: 100%;
  height: auto;
  position: relative;
  outline: 3px solid black;
  outline-offset: -3px;
}
.information-systems > .c-course-features > .c-course-features__block1 .examples > .item > .title {
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  width: 100%;
  color: white;
  background-color: black;
}
@media (max-width: 750px) {
  .information-systems > .c-course-features > .c-course-features__block1 .feature-image2 {
    width: 80%;
    margin: 0 auto;
  }
}
.information-systems > .c-course-features .box-achievements .box-achievements__block1 .ttl1 {
  background: rgb(226, 255, 0);
  background: linear-gradient(90deg, rgb(226, 255, 0) 0%, #005e0c 100%);
  color: black;
}
@media (max-width: 750px) {
  .information-systems > .c-course-features .box-achievements .box-achievements__block1 .c-list-grad {
    padding-left: 4.8rem;
  }
}
.information-systems .c-course-curriculum::after {
  content: "";
  display: none;
}
.information-systems .c-course-curriculum h2::before {
  background: rgb(226, 255, 0);
  background: linear-gradient(90deg, rgb(226, 255, 0) 0%, #005e0c 100%);
}
.information-systems .c-course-curriculum .c-list-curriculum .ttl1 {
  background: rgb(226, 255, 0);
  background: linear-gradient(90deg, rgb(226, 255, 0) 0%, #005e0c 100%);
  color: white;
}
@media (max-width: 750px) {
  .information-systems .c-course-curriculum .c-list-curriculum .ttl2 {
    text-align: center;
  }
}
.information-systems .c-course-curriculum .c-table-timetable tr:not(:nth-child(2)) th:nth-child(odd):not(:first-child)::after,
.information-systems .c-course-curriculum .c-table-timetable tr:not(:nth-child(2)) td:nth-child(odd):not(:first-child)::after {
  background-color: #CEFF97;
}
.c-graduates {
  padding: 0 1.6rem;
  padding-bottom: 9.6rem;
  margin-bottom: 9.6rem;
}
.c-graduates .graduates__list {
  max-width: 1200px;
  width: 100%;
  padding: 9.6rem 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem;
}
@media (max-width: 750px) {
  .c-graduates .graduates__list {
    grid-template-columns: 1fr;
  }
}
.c-graduates .graduates__list > li {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media (max-width: 750px) {
  .c-graduates .graduates__list > li {
    gap: 3.2rem;
    flex-direction: row;
  }
  .c-graduates .graduates__list > li:nth-child(2n) {
    flex-direction: row-reverse;
  }
}
.c-graduates .graduates__list > li > img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 750px) {
  .c-graduates .graduates__list > li > img {
    width: 45%;
  }
}
@media (max-width: 750px) {
  .c-graduates .graduates__list > li > p {
    width: 55%;
  }
}
.c-graduates .c-btn1 {
  max-width: 1200px;
  width: 100%;
  padding: 2em 0;
  border-radius: 1000px;
}
.c-graduates .c-btn1::after {
  background-size: 36px auto;
}
.instagram {
  max-width: 1320px;
  margin-bottom: 9.6rem;
  margin-right: auto;
  margin-left: auto;
  padding: 0 3.2rem;
}
.instagram > .content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
  position: relative;
}
@media (max-width: 750px) {
  .instagram > .content{
    grid-template-columns: repeat(2, 1fr);
  }
}
.instagram > .content > img {
  width: 100%;
  height: auto;
}
.instagram > .content > .c-btn1 {
  position: absolute;
  bottom: -2.4rem;
  right: 0;
  transform: translate(-70%, 100%);
}


/* beautician-remote */
.beautician-remote {
  font-size: 1.6rem;
  max-width: 1380px;
  margin: 0 auto;
  padding: 20px;
  letter-spacing: 0.07em;
  line-height: 1.7;
  padding: 7rem;
}
.beautician-remote .notice {
  padding-left: 1.1em;
}
.beautician-remote .notice::before {
  content: "※";
  margin-left: -1.1em;
}
.beautician-remote .indent {
  padding-left: 1em;
}
.beautician-remote .indent::before {
  content: attr(data-indent);
  margin-left: -1em;
}
@media (max-width: 750px) {
  .beautician-remote {
    padding: 1.6rem;
  }
}
.beautician-remote .c-course-block-top .entitle {
  display: flex;
  align-items: center;
  gap: 3rem;
  font-size: 1.6rem;
  margin-bottom: 2.4rem;
}
.beautician-remote .c-course-block-top .entitle .condition {
  font-weight: bold;
  padding: 0.5em 3em;
  border-radius: 1000px;
  border: 2px solid black;
  background: rgb(222, 14, 14);
  background: linear-gradient(90deg, rgb(222, 14, 14) 0%, rgb(255, 207, 0) 100%);
}
.beautician-remote .c-course-block-top .entitle .graduate {
  font-weight: normal;
}
@media (max-width: 750px) {
  .beautician-remote .u-grid12 {
    grid-template-columns: 9fr;
    padding: 0 10%;
  }
}
.beautician-remote .u-grid12 > * {
  padding: 10px 30px;
  text-align: center;
  border: 1px solid black;
  background-color: #F1AE24;
}
.beautician-remote .u-grid12 > *.blank {
  border: none;
  background-color: transparent;
}
.beautician-remote .u-grid12 > *.license {
  background: rgb(222, 14, 14);
  background: linear-gradient(90deg, rgb(222, 14, 14) 0%, rgb(255, 207, 0) 100%);
  color: white;
}
.beautician-remote .c-course-features {
  padding-right: 0;
  padding-left: 0;
}
.beautician-remote .c-course-features .features__top {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  font-weight: bold;
  margin-top: 9.6rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 750px) {
  .beautician-remote .c-course-features .features__top {
    flex-direction: column;
    gap: 0.4rem;
  }
}
.beautician-remote .c-course-features .features__top .stress {
  margin: 0 0.5rem;
  padding: 0.5rem 1.25rem;
  border: 2px solid black;
  background-color: white;
  position: relative;
}
.beautician-remote .c-course-features .features__top .stress > img {
  width: 16rem;
  height: 2.6rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  margin-bottom: 0;
}
.beautician-remote .c-course-features .features__top .stress::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset: 0;
  transform: translate(0.4rem, 0.7rem);
  background: rgb(222, 14, 14);
  background: linear-gradient(90deg, rgb(222, 14, 14) 0%, rgb(255, 207, 0) 100%);
}
.beautician-remote .c-course-features .courses {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
  padding: 0 3.2rem;
}
@media (max-width: 750px) {
  .beautician-remote .c-course-features .courses {
    grid-template-columns: 1fr;
    padding: 0 3.2rem;
  }
}
.beautician-remote .c-course-features .courses > .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  text-align: center;
  border: 2px solid black;
  border-radius: 3.2rem;
  padding: 5rem 1.6rem;
}
@media (max-width: 750px) {
  .beautician-remote .c-course-features .courses > .item {
    padding: 2.4rem;
  }
}
.beautician-remote .c-course-features .courses > .item.ordinary {
  background-color: #F1AF23;
  position: relative;
}
.beautician-remote .c-course-features .courses > .item.ordinary > div {
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  color: white;
  background-color: black;
  position: absolute;
  bottom: 50%;
  right: 0;
  transform: translateX(85%);
}
@media (max-width: 750px) {
  .beautician-remote .c-course-features .courses > .item.ordinary > div {
    bottom: 0;
    right: 50%;
    transform: translate(50%, 85%);
  }
}
.beautician-remote .c-course-features .courses > .item.worker {
  background-color: #EF4D24;
}
.beautician-remote .c-course-features .courses > .item h2 {
  font-size: 2.5rem;
  font-weight: bold;
  color: white;
}
.beautician-remote .c-course-features .courses > .item p {
  font-size: 1.6rem;
}
.beautician-remote .c-course-features .flow {
  width: 100%;
  padding: 6.4rem 1.6rem;
}
.beautician-remote .c-course-features .flow .flow__title {
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3.2rem;
}
.beautician-remote .c-course-features .flow .flow__content {
  border: 2px solid black;
  padding: 6rem 2rem;
}
@media (max-width: 750px) {
  .beautician-remote .c-course-features .flow .flow__content {
    border: none;
    padding: 2.4rem 1.6rem;
  }
  .beautician-remote .c-course-features .flow .flow__content .flow__flow-diagram {
    overflow-x: scroll;
  }
  .beautician-remote .c-course-features .flow .flow__content .flow__flow-diagram > img {
    height: 18rem;
    width: auto;
    max-width: none;
  }
}
.beautician-remote .c-course-features .flow .flow__content .flow__description {
  font-size: 1.6rem;
  padding-top: 3.2rem;
  padding-left: 1.6rem;
}
.beautician-remote .c-course-curriculum::after {
  display: none;
}
.beautician-remote .c-course-curriculum .curriculum__inner {
  padding: 9.6rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.8rem;
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__subjects {
  display: flex;
  gap: 9.6rem;
  border: 2px solid black;
  background-color: white;
  padding: 4.8rem;
}
@media (max-width: 750px) {
  .beautician-remote .c-course-curriculum .curriculum__inner .curriculum__subjects {
    flex-direction: column;
    gap: 4.8rem;
  }
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__subjects .curriculum__required-subjects,
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__subjects .curriculum__selected-subjects {
  min-width: 23rem;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__subjects .curriculum__required-subjects > h2,
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__subjects .curriculum__selected-subjects > h2 {
  font-size: 2.1rem;
  position: relative;
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__subjects .curriculum__required-subjects > h2::after,
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__subjects .curriculum__selected-subjects > h2::after {
  content: "";
  display: block;
  width: 25rem;
  height: 1px;
  background-color: black;
  position: absolute;
  bottom: 0;
  left: -1rem;
  transform: translateY(2.4rem);
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__subjects .curriculum__required-subjects > ul > li {
  font-weight: bold;
  line-height: 2;
  padding-left: 1.6rem;
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__subjects .curriculum__required-subjects > ul > li::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: #EF4D24;
  margin-right: 1rem;
  margin-left: -1.6rem;
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__subjects .curriculum__selected-subjects > ul > li {
  font-weight: bold;
  line-height: 2;
  padding-left: 1.6rem;
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__subjects .curriculum__selected-subjects > ul > li::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: #F1AF23;
  margin-right: 1rem;
  margin-left: -1.6rem;
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan {
  width: calc(100% - 2.4rem);
  padding: 7.2rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  border: 2px solid black;
  background-color: white;
}
@media (max-width: 750px) {
  .beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan {
    padding: 3.2rem 2.4rem;
  }
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan .curriculum__plan__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.2rem;
  overflow: hidden;
}
@media (max-width: 750px) {
  .beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan .curriculum__plan__content {
    display: block;
  }
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan .curriculum__plan__content > h2 {
  width: 100%;
  text-align: center;
  font-size: 2.1rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 3.2rem;
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan .curriculum__plan__content > h2::after {
  content: "";
  display: block;
  width: calc(100% - 9.6rem);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 2.4rem);
  background-color: rgba(0, 0, 0, 0.8);
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan .curriculum__plan__content .img__outer {
  overflow-x: scroll;
  width: 100%;
  padding-left: 1.6rem;
}
@media (max-width: 750px) {
  .beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan .curriculum__plan__content .img__outer {
    padding-top: 3rem;
  }
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan .curriculum__plan__content .img__outer > img {
  max-width: calc(100% - 2.4rem);
}
@media (max-width: 750px) {
  .beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan .curriculum__plan__content .img__outer > img {
    max-width: none;
    height: 24rem;
    width: auto;
  }
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan .curriculum__plan__content > p {
  margin-top: 1.6rem;
}
@media (max-width: 750px) {
  .beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan .curriculum__plan__content > p {
    padding-top: 2.4rem;
  }
}
.beautician-remote .c-course-curriculum .curriculum__inner .curriculum__plan .curriculum__plan__content > p > span {
  font-weight: normal;
  display: block;
}
.beautician-remote .c-course-curriculum .curriculum__inner > .c-btn1 {
  width: 60%;
  padding: 2em;
  border-radius: 1000px;
  color: white;
  font-size: 2rem;
  font-weight: bold;
  background: rgb(222, 14, 14);
  background: linear-gradient(90deg, rgb(222, 14, 14) 0%, rgb(255, 207, 0) 100%);
}
.beautician-remote .c-course-curriculum .curriculum__inner > .c-btn1::before {
  background: rgb(222, 14, 14);
}
.beautician-remote .c-course-curriculum .curriculum__inner > .c-btn1::after {
  background-position: center right 4.8rem;
}
@media (max-width: 750px) {
  .beautician-remote .c-course-curriculum .curriculum__inner > .c-btn1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .beautician-remote .c-course-curriculum .curriculum__inner > .c-btn1 > span {
    display: block;
  }
  .beautician-remote .c-course-curriculum .curriculum__inner > .c-btn1::after {
    background-size: 3.2rem auto;
    background-position: center right 1.6rem;
  }
}
.beautician-remote .instagram {
  margin-top: 16rem;
  margin-bottom: 9.6rem;
  padding: 0 3.2rem;
}
.beautician-remote .instagram > .content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
  position: relative;
}
@media (max-width: 750px) {
  .beautician-remote .instagram > .content{
    grid-template-columns: repeat(2, 1fr);
  }
}
.beautician-remote .instagram > .content > img {
  width: 100%;
  height: auto;
}
.beautician-remote .instagram > .content > .c-btn1 {
  position: absolute;
  bottom: -2.4rem;
  right: 0;
  transform: translate(-70%, 100%);
}

/* ryomajin */
.ryomajin {
  max-width: 1380px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 9.6rem;
  padding: 20px;
  letter-spacing: 0.07em;
  line-height: 1.7;
}
@media (max-width: 750px) {
  .ryomajin {
    padding: 1.6rem 0.8rem 1.6rem 1.6rem;
  }
}
.ryomajin .ryomajin__inner {
  padding: 9.6rem 1.6rem 9.6rem 4.8rem;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
@media (max-width: 750px) {
  .ryomajin .ryomajin__inner {
    padding: 4.8rem 1.6rem;
  }
}
.ryomajin .ryomajin__inner::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset: 0;
  background-color: #F2F2F2;
  transform: translate(15%, 4.8rem);
}
@media (max-width: 750px) {
  .ryomajin .ryomajin__inner::before {
    transform: translate(20%, 2.4rem);
  }
}
.ryomajin .ryomajin__inner .ryomajin__media {
  display: flex;
  align-items: center;
  gap: 4.8rem;
}
@media (max-width: 750px) {
  .ryomajin .ryomajin__inner .ryomajin__media {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
  }
}
.ryomajin .ryomajin__inner .ryomajin__media > img {
  width: 35rem;
}
.ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content {
  width: 100%;
  border-radius: 4.8rem;
  background-color: white;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 2.4rem 4.8rem;
}
@media (max-width: 750px) {
  .ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content {
    padding: 2.4rem 1.6rem;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }
}
.ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content .ryomajin__media__title {
  margin-bottom: 1.6rem;
  width: 100%;
  position: relative;
}
.ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content .ryomajin__media__title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(0.8rem);
  background-color: black;
}
.ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content .ryomajin__media__name {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.1;
}
.ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content .ryomajin__media__name small {
  font-size: 1.6rem;
  font-weight: normal;
}
.ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content .ryomajin__media__page-info {
  position: relative;
  margin: 1.6rem 0 3.2rem 1.8rem;
}
.ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content .ryomajin__media__page-info::before {
  content: "";
  display: block;
  background-color: black;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -1rem;
  width: 4px;
}
.ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content .ryomajin__btn {
  color: #BE1D20;
  outline: 3px solid #BE1D20;
  outline-offset: -1px;
  border: none;
  border-radius: 1000px;
  width: 28rem;
  text-align: center;
}
.ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content .ryomajin__btn::before {
  background-color: #BE1D20;
}
.ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content .ryomajin__btn::after {
  background-image: url("/wp-content/themes/original-theme/assets/images/about/ryomajin/ryomajin__btn.svg");
  background-size: auto 32px;
}
.ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content .ryomajin__btn:hover {
  color: white;
}
.ryomajin .ryomajin__inner .ryomajin__media .ryomajin__media__content .ryomajin__btn:hover::after {
  background-image: url("/wp-content/themes/original-theme/assets/images/about/ryomajin/ryomajin__btn_hover.svg");
}
.ryomajin .ryomajin__notice {
  text-align: center;
  padding-top: 9.6rem;
}
.ryomajin .ryomajin__notice > h2 {
  font-size: 2rem;
  font-weight: normal;
  margin-bottom: 0.8rem;
}
.ryomajin .ryomajin__notice > p {
  font-size: 1.6rem;
  margin-bottom: 4rem;
}
.ryomajin .ryomajin__notice > a {
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 1px solid black;
}

/* advansed-course */
.advanced-course {
  font-size: 1.6rem;
  max-width: 1380px;
  margin: 0 auto;
  padding: 20px;
  letter-spacing: 0.07em;
  line-height: 1.7;
  padding: 7rem;
}
@media (max-width: 750px) {
  .advanced-course {
    font-size: 1.25rem;
  }
}
.advanced-course .notice {
  padding-left: 1.1em;
}
.advanced-course .notice::before {
  content: "※";
  margin-left: -1.1em;
}
.advanced-course .indent {
  padding-left: 1em;
}
.advanced-course .indent::before {
  content: attr(data-indent);
  margin-left: -1em;
}
@media (max-width: 750px) {
  .advanced-course {
    padding: 3.2rem;
  }
}
.advanced-course .c-course-block-top .c-course-ttl1 {
  margin-bottom: 3.2rem;
}
.advanced-course .c-course-block-top .entitle {
  display: flex;
  align-items: center;
  gap: 3rem;
  font-size: 1.6rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 750px) {
  .advanced-course .c-course-block-top .entitle {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
.advanced-course .c-course-block-top .entitle .condition {
  font-weight: bold;
  padding: 0.5em 3em;
  border-radius: 1000px;
  border: 2px solid black;
  background: linear-gradient(90deg, #B86EFF 0%, #AEC4FF 100%);
}
.advanced-course .c-course-block-top .entitle .graduate {
  font-weight: normal;
}
@media (max-width: 750px) {
  .advanced-course .u-grid12 {
    padding-bottom: 3.2rem;
  }
}
.advanced-course .u-grid12 > * {
  padding: 10px 30px;
  text-align: center;
  border: 1px solid black;
}
@media (max-width: 750px) {
  .advanced-course .u-grid12 > * {
    padding: 0.8rem 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.advanced-course .u-grid12 > *.bg-color1 {
  background-color: #B86EFF;
}
.advanced-course .u-grid12 > *.bg-color2 {
  background-color: #AEC4FF;
}
.advanced-course .u-grid12 > *.u-grid12__final-item {
  position: relative;
}
.advanced-course .u-grid12 > *.u-grid12__final-item::after {
  content: "など";
  font-size: 1.6rem;
  margin-left: 0.3em;
  display: block;
  position: absolute;
  bottom: 0;
  right: -12px;
  transform: translateX(100%);
}
@media (max-width: 750px) {
  .advanced-course .u-grid12 > *.u-grid12__final-item::after {
    bottom: -1.6rem;
    right: -1.6rem;
    transform: translate(-100%, 100%);
  }
}
.advanced-course .c-course-features .features__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .advanced-course .c-course-features .features__inner {
    flex-direction: column;
    gap: 3.2rem;
    padding-top: 4.8rem;
  }
}
.advanced-course .c-course-features .features__inner .features__description {
  font-size: 2.5rem;
  font-weight: bold;
}
.advanced-course .c-course-features .features__inner > img {
  width: 40%;
}
@media (max-width: 750px) {
  .advanced-course .c-course-features .features__inner > img {
    width: 80%;
  }
}
.advanced-course .c-course-curriculum {
  position: relative;
}
.advanced-course .c-course-curriculum::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: url("/wp-content/themes/original-theme/assets/images/about/advanced-course/curriculum__bg.png");
  background-size: auto 50%;
  background-position: center;
  transform: translateX(15vw);
  z-index: -1;
}
.advanced-course .c-course-curriculum .curriculum__inner {
  padding: 9.6rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.8rem;
}
.advanced-course .c-course-curriculum .curriculum__inner .curriculum__title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: -2.4rem;
}
.advanced-course .c-course-curriculum .curriculum__inner .curriculum__box {
  padding-top: 3rem;
  overflow: hidden;
}
.advanced-course .c-course-curriculum .curriculum__inner .curriculum__box:first-child {
  margin-bottom: 6.4rem;
}
.advanced-course .c-course-curriculum .curriculum__inner .curriculum__box .curriculum__box__title {
  width: 14rem;
  font-size: 2.4rem;
  margin-bottom: 4.8rem;
  position: relative;
}
.advanced-course .c-course-curriculum .curriculum__inner .curriculum__box .curriculum__box__title::after {
  content: "";
  width: 100vw;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 100%;
  background-color: black;
}
.advanced-course .c-course-curriculum .curriculum__inner .curriculum__box .curriculum__box__title.design::before {
  content: "";
  display: block;
  height: 10.8rem;
  width: 100vw;
  background-image: url("/wp-content/themes/original-theme/assets/images/about/advanced-course/curriculum__bg_design.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-1.6rem, -50%);
  z-index: -1;
}
.advanced-course .c-course-curriculum .curriculum__inner .curriculum__box .curriculum__box__title.beauty::before {
  content: "";
  display: block;
  height: 10.8rem;
  width: 100vw;
  background-image: url("/wp-content/themes/original-theme/assets/images/about/advanced-course/curriculum__bg_beauty.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-1.6rem, -50%);
  z-index: -1;
}
.advanced-course .c-course-curriculum .curriculum__inner .curriculum__box .curriculum__box__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4.8rem;
}
@media (max-width: 750px) {
  .advanced-course .c-course-curriculum .curriculum__inner .curriculum__box .curriculum__box__container {
    grid-template-columns: 1fr;
  }
}
.advanced-course .c-course-curriculum .curriculum__inner .curriculum__box .curriculum__box__container .curriculum__box__card {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.advanced-course .c-course-curriculum .curriculum__inner .curriculum__box .curriculum__box__container .curriculum__box__card .curriculum__box__card__title {
  font-size: 1.7rem;
  font-weight: bold;
}
.advanced-course .c-course-curriculum .curriculum__inner .curriculum__box .curriculum__box__container .curriculum__box__card .curriculum__box__card__description {
  font-size: 1.4rem;
  width: 80%;
}
.advanced-course .instagram {
  margin-top: 16rem;
  margin-bottom: 9.6rem;
  padding: 0 3.2rem;
}
.advanced-course .instagram > .content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
  position: relative;
}
@media (max-width: 750px) {
  .advanced-course .instagram > .content{
    grid-template-columns: repeat(2, 1fr);
  }
}
.advanced-course .instagram > .content > img {
  width: 100%;
  height: auto;
}
.advanced-course .instagram > .content > .c-btn1 {
  position: absolute;
  bottom: -2.4rem;
  right: 0;
  transform: translate(-70%, 100%);
}


/* sns */
.sns__facebook__icon{
  height: 5.6rem;
  border-radius: 10%;
}
.sns {
  max-width: 1380px;
  margin: 0 auto;
  padding: 20px;
  letter-spacing: 0.07em;
  line-height: 1.7;
  padding: 7rem;
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
}
@media (max-width: 1300px) {
  .sns {
    width: 100%;

  }
}
.sns .sns__top {
  line-height: 2.2;
}
.sns .sns__box {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
.sns .sns__box .sns__box__title {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.sns .sns__box .sns__box__title > img {
  height: 6rem;
  width: auto;
}
.sns .sns__box .sns__box__title > p {
  font-size: 2rem;
}
.sns .sns__box .sns__box__title::after {
  content: "";
  display: block;
  width: 100vw;
  height: 2px;
  background-color: black;
  position: absolute;
  bottom: 50%;
  right: -2.4rem;
  transform: translateX(100%);
}
.sns .sns__box .sns__box__links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
  margin-right: -12.8rem;
  text-align: center;
}
@media (max-width: 1800px) {
  .sns .sns__box .sns__box__links {
    grid-template-columns: repeat(3, 1fr);
    margin-right: 0;
  }
}
@media (max-width: 1500px) {
  .sns .sns__box .sns__box__links {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1300px) {
  .sns .sns__box .sns__box__links {
    grid-template-columns: repeat(1, 1fr);
  }
}
.sns .sns__box .sns__box__links > .c-btn1 {
  padding: 3em 0;
  font-size: 1.4rem;
  font-weight: bold;
  outline: 2px solid black;
  outline-offset: -3px;
  border: none;
  line-height: 1.7;
  width: 100%;
}
@media (max-width: 750px) {
  .sns {
    padding: 0;
    width: 90%;
  }
  .sns .sns__box .sns__box__links > .c-btn1::after {
    background-size: 2.4rem auto;
    transform: translateX(-0.8rem);
  }
}

/* facility */
.blue {
  color: #004da0;
}
.mb30 {
  margin-bottom: 30px;
}
.mt30 {
  margin-top: 30px;
}
.wd350 {
  width: 350px;
}

/* history */
.history-hero {
  background-color: #0066cc;
  color: white;
  padding: 80px 0;
  text-align: center;
  margin-bottom: 60px;
}

.history-hero h2 {
  font-size: 36px;
  margin-bottom: 15px;
}

.history-hero p {
  font-size: 18px;
  opacity: 0.9;
}

.history-timeline {
  padding: 40px 0;
}

.timeline {
  position: relative;
  max-width: 1380px;
  margin: 0 auto;
}

.timeline::before {
  content: '';
  position: absolute;
  width: 4px;
  background-color: #ca161e;
  top: 0;
  bottom: 0;
  left: 160px;
  margin-left: -2px;
}

.timeline-item {
  padding: 30px 0;
  position: relative;
  display: flex;
}

.timeline-date {
  width: 130px;
  padding-right: 20px;
  font-weight: bold;
  color: #ca161e;
  text-align: right;
  font-size: 18px;
  flex-shrink: 0;
  white-space: nowrap;
  position: relative;
}

.timeline-date::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  border: 4px solid #ca161e;
  right: -40px;
  top: 5px;
  z-index: 2;
}

.timeline-detail {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.timeline-content {
  margin-left: 70px;
  background: white;
  padding: 20px;
  border-radius: 8px;
  position: relative;
  margin-bottom: 20px;
}

.timeline-content:last-child {
  margin-bottom: 0;
}

.timeline-content h3 {
  margin-bottom: 10px;
  color: #ca161e;
}

.history-day {
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 750px) {
  .timeline::before {
    left: 30px;
  }
  
  .timeline-item {
    flex-direction: column;
  }
  
  .timeline-date {
    width: 100%;
    text-align: left;
    padding-left: 60px;
    margin-bottom: 10px;
  }
  
  .timeline-date::before {
    left: 20px;
    right: auto;
    top: 5px;
  }
  
  .timeline-detail {
    width: 100%;
  }
  
  .timeline-content {
    margin-left: 60px;
  }
}

/* SDGs */


.disclosure__to-page-top-btn__outer,
.culinary__to-page-top-btn__outer,
.sdgs__to-page-top-btn__outer{
  width: 100%;
  display: flex;
  padding: 4.8rem 0;
}
.disclosure__to-page-top-btn,
.culinary__to-page-top-btn,
.sdgs__to-page-top-btn{
  margin: 0 auto;
  height: 50px;
}
.disclosure__to-page-top-btn::after,
.culinary__to-page-top-btn::after,
.sdgs__to-page-top-btn::after{
  -webkit-transform: translateY(-50%) rotate(270deg);
  transform: translateY(-50%) rotate(270deg);
  background-size: 18px auto;
}

/* culinary-management/cooking */

.cooking .c-grid-box1 .u-grid12 > *,
.culinary-management .c-grid-box1 .u-grid12 > * {
  padding: 10px 30px;
  text-align: center;
  border: 1px solid black;
}
.cooking .c-grid-box1 .u-grid12 > *.final-item,
.culinary-management .c-grid-box1 .u-grid12 > *.final-item {
  position: relative;
}
.cooking .c-grid-box1 .u-grid12 > *.final-item::after,
.culinary-management .c-grid-box1 .u-grid12 > *.final-item::after {
  content: "など";
  display: block;
  position: absolute;
  bottom: 0;
  right: -1.6rem;
  transform: translateX(100%);
}

.--bg-clr-a {
    background-color: #f099bf;
    color: #000!Important;
}

.--bg-clr-b {
    background-color: #f98787;
    color: #000!Important;
}

@media (max-width: 750px) {
  .culinary-management .c-grid-box1 .u-grid12 > *.final-item::after,
  .cooking .c-grid-box1 .u-grid12 > *.final-item::after {
    bottom: -1.6rem;
    right: 1.6rem;
    transform: translateY(100%);
  }
}
.cooking__curriculum__2nd-year{
  display: flex;
  justify-content: center;
  align-items: center;
}
.cooking__curriculum__adaptability__block{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: #fff;
}
.cooking__curriculum__adaptability__block__content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4rem;
  gap: 2.4rem;
}
.cooking__curriculum__adaptability__block__content > h3{
  border: 2px solid black;
  width: fit-content;
  padding: .2em;
  font-size: 2rem;
}
.culinary-management.close{
  display: none;
}
.cooking.close{
  display: none;
}
.cooking__curriculum::after{
  background: none;
}
.cooking__curriculum__2nd-year::before{
  display: none;
}
.cooking__student_voice{
  position: relative;
}
.cooking__student_voice::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url(../../../../uploads/bg.png);
  background-size: 1200px auto;
  background-repeat: no-repeat;
  background-position: right -200px center;
  z-index: -1;
  background-color: transparent;
}
.culinary-ttl.c-course-ttl1 .name,
.cooking-ttl.c-course-ttl1 .name {
  min-width: 340px;
}
.systems__step{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (max-width: 750px){
  .systems__step{
    grid-template-columns: 1fr;
  }
}
.systems__step__item > h2{
  font-size: 2.1rem;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to right, var(--theme-color-a), var(--theme-color-b));
  border-radius: 1000px;
  border: 2px solid black;
  text-align: center;
  padding: .3em;
}
@media (max-width: 750px){
  .systems__step__item > h2{
    font-size: 1.2rem;
  }
}
.systems__step__item__content{
  display: flex;
  gap: 2rem;
  padding: 1.6rem;
}
.systems__step__item__content > img{
  width: 35%;
}


.c-grid-box1 .u-grid12 > * {
  padding: 10px 30px;
  text-align: center;
  border: 1px solid black;
}
.c-grid-box1 .u-grid12 > *.final-item {
  position: relative;
}
.c-grid-box1 .u-grid12 > *.final-item::after {
  content: "など";
  display: block;
  position: absolute;
  bottom: 0;
  right: -1.6rem;
  transform: translateX(100%);
}
@media (max-width: 750px) {
  .c-grid-box1 .u-grid12 > *.final-item::after {
    bottom: -1.6rem;
    right: 1.6rem;
    transform: translateY(100%);
  }
}

.u-grid12 .--blank{
  border: none;
}

/* graphic */
.graphic__design-compe{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3.2rem;
  padding: 4.8rem;
}
.graphic__design-compe__content{
  width: 100%;
}
.graphic__design-compe__content > h3{
  margin-bottom: 2.1rem;
}

/* ao */
.pdf-container .txt-title > p.sp-now,
.pdf-container .txt-title > h2.sp-now,
.pdf-container .txt-title2 > h2.sp-now{
  display: none;
}

.ao-entry-flow{
    z-index: 1;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5em;
}

@media screen and (max-width: 750px) {

  .pdf-container .txt-title > h2{
    font-size: 2.1rem;
  }
  .pdf-container .txt-title > h2.pc-now,
  .pdf-container .txt-title2 > h2.pc-now{
    display: none;
  }
  .pdf-container .txt-title > p.sp-now,
  .pdf-container .txt-title > h2.sp-now,
  .pdf-container .txt-title2 > h2.sp-now{
    display: flex;
    align-items: center;
  }
  .pdf-container .txt-title > p.sp-now{
    font-size: 1.5rem;
    margin: 0 auto;
  }
  .pdf-container .txt-title2{
    margin-top: 1.6rem;
  }
  .pdf-container .txt-title2 > h2{
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 750px) {
  .job-support__to-empolyment-btn,
  .job-support__to-job-offer-btn{
    flex-direction: column;
  }
  .job-support__to-empolyment-btn p{
    width: 20rem;
  }
  .job-support__to-job-offer-btn p{
    width: 22rem;
  }
}

/* architect */
.architect-curriculum__header{
  padding-bottom: 70px;
}
@media screen and (max-width: 750px) {
  .architect-curriculum__header{
    padding-bottom: 2.4rem;
  }
}
.architect-curriculum__schedule{
  overflow-x: scroll;
}
.architect-curriculum__schedule > img{
  min-width: 60rem;
}

/* timetables */

.c-table-timetable.timetable__sales-bridal tr:not(:nth-child(2)) th:nth-child(odd):not(:first-child):not(.--bg-clr-a-opa):after,
.c-table-timetable.timetable__sales-bridal tr:not(:nth-child(2)) td:nth-child(odd):not(:first-child):not(.--bg-clr-a-opa):after{
  background-color: transparent;
}
.timetable__sales-bridal .--bg-clr-a-opa,
.timetable__sales-bridal .--bg-clr-b-opa{
  position: relative;
  z-index: 0;
}
.timetable__sales-bridal .--bg-clr-a-opa::after,
.timetable__sales-bridal .--bg-clr-b-opa::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.25;
}
.timetable__sales-bridal .--bg-clr-a-opa::after{
  background-color: var(--theme-color-a);
}
.timetable__sales-bridal .--bg-clr-b-opa::after{
  background-color: var(--theme-color-b);
}
.timetable__sales-bridal .timetable__text-vertical{
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  text-orientation: upright;
}
.timetable__sales-bridal .timetable__right-dotted{
  border-right: 1px dotted black;
}
.timetable__sales-bridal .timetable__left-dotted{
  border-left: none;
}
@media screen and (max-width: 750px) {
  .timetable__sales-bridal th,
  .timetable__sales-bridal td{
    padding: .25em;
  }
  .timetable__sales-bridal tr:not(:nth-child(2)) td{
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
}

.transportation__top {
  max-width: 1380px;
  margin: 0 auto;
  padding: 7.2rem 12.8rem;
}
.transportation__top > p {
  font-weight: bold;
}
.transportation__top__btns {
  margin: 48px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.c-btn1.transportation__btn1,
.c-btn1.transportation__btn2 {
  width: 30vw;
  aspect-ratio: 5 / 1;
  height: auto;
  border: none;
  border-radius: 1000px;
  outline: 2px solid #CA161E;
  outline-offset: -1px;
}
.c-btn1.transportation__btn1::before,
.c-btn1.transportation__btn2::before {
  background-color: #CA161E;
}
.c-btn1.transportation__btn1::after,
.c-btn1.transportation__btn2::after {
  background-image: url("/wp-content/themes/original-theme/assets/images/about/transportation/icon__chevron__bg_red.png");
}
.c-btn1.transportation__btn1 p,
.c-btn1.transportation__btn2 p {
  display: flex;
  align-items: center;
  gap: 12px;
}
.c-btn1.transportation__btn1 p::before,
.c-btn1.transportation__btn2 p::before {
  content: "";
  display: block;
  height: 28px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-btn1.transportation__btn1:hover::after,
.c-btn1.transportation__btn2:hover::after {
  background-image: url("/wp-content/themes/original-theme/assets/images/about/transportation/icon__chevron__red.png");
}

.c-btn1.transportation__btn1 p::before {
  background-image: url("/wp-content/themes/original-theme/assets/images/about/transportation/icon__coins__red.svg");
}

.c-btn1.transportation__btn2 p::before {
  background-image: url("/wp-content/themes/original-theme/assets/images/about/transportation/icon__bus__red.png");
}

.c-btn1.transportation__btn1:hover p::before {
  background-image: url("/wp-content/themes/original-theme/assets/images/about/transportation/icon__coins__white.png");
}

.c-btn1.transportation__btn2:hover p::before {
  background-image: url("/wp-content/themes/original-theme/assets/images/about/transportation/icon__bus__white.svg");
}
@media screen and (max-width: 750px){
  .transportation__top{
    padding: 4.8rem 2rem;
  }
  .transportation__top__btns{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2.4rem 0;
  }
  .c-btn1.transportation__btn1,
  .c-btn1.transportation__btn2{
    width: 25rem;
  }
}
.transportation__expenses {
  position: relative;
  padding: 96px 48px;
  font-weight: bold;
  padding-left: 16rem;
}
@media screen and (max-width: 750px){
  .transportation__expenses{
    padding: 1.6rem;
  }
}
.transportation__expenses::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 15% 48px 0;
  border-radius: 0 72px 72px 0;
  background-color: #F6F6F6;
  z-index: -1;
}

.transportation__expenses__header {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: bold;
  margin-bottom: 4.8rem;
}
.transportation__expenses__header h2 {
  font-size: 6rem;
  white-space: nowrap;
}
.transportation__expenses__header div {
  display: flex;
  flex-direction: column;
}
.transportation__expenses__header div p {
  font-size: 2.4rem;
}
@media screen and (max-width: 750px){
  .transportation__expenses__header h2{
    font-size: 2.8rem;
  }
  .transportation__expenses__header div p{
    font-size: 1.3rem;
  }
}
.transportation__expenses__header div::after {
  content: "";
  display: block;
  width: 100vw;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.3);
}

.transportation__expenses__target__image {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70%;
}
.transportation__expenses__target__image img {
  max-width: 110rem;
}
.transportation__expenses__target__image p {
  font-size: 24px;
}
@media screen and (max-width: 750px){
  .transportation__expenses__target__image img{
    width: 100%;
    transform: translateX(0);
  }
  .transportation__expenses__target__image p{
    font-size: 1.4rem;
  }
}

.transportation__banner {
  padding: 0.7em 1.2em;
  border-radius: 1000px;
  color: white;
  font-weight: bold;
  background-color: black;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1.6rem 0;
}
@media screen and (max-width: 750px){
  .transportation__banner{
    font-size: 1.1rem;
  }
}
.transportation__expenses__target {
  max-width: 100rem;
}

.transportation__expenses__target__detail {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 2px;
  background-color: black;
  border: 2px solid black;
}
.transportation__expenses__target__detail strong {
  font-family: "Montserrat", sans-serif;
  font-size: 2.8rem;
}
.transportation__expenses__target__detail div {
  background-color: white;
  padding: 2em;
  display: flex;
  align-items: center;
}
.transportation__expenses__target__detail div:nth-child(odd) {
  justify-content: center;
}
.transportation__bg-clr-orange,
.transportation__expenses__target__detail .transportation__bg-clr-orange {
  background-color: #FF9240;
}
.transportation__bg-clr-pink,
.transportation__expenses__target__detail .transportation__bg-clr-pink {
  background-color: #FF8DDC;
}
.transportation__bg-clr-green,
.transportation__expenses__target__detail .transportation__bg-clr-green {
  background-color: #B6FF4D;
}
.transportation__bg-clr-blue,
.transportation__expenses__target__detail .transportation__bg-clr-blue {
  background-color: #5AD8FF;
}
.transportation__bg-clr-red{
  background-color: #E50A44;
  color: white;
}
.transportation__bg-clr-yellow{
  background-color: #FFF23F;
}
.transportation__bg-clr-indigo{
  background-color: #00439A;
  color: white;
}

@media screen and (max-width: 750px){
  .transportation__expenses__target__detail strong{
    font-size: 2rem;
  }
  .transportation__expenses__target__detail div {
    padding: .8rem;
  }
}
.transportation__expenses__target__note {
  line-height: 2.2;
  margin-top: 1.6rem;
  margin-bottom: 3.2rem;
}

.transportation__expenses__flow {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  padding: 4.8rem 0;
  width: fit-content;
}
.transportation__expenses__flow h2 {
  font-size: 24px;
  text-align: center;
}
.transportation__expenses__flow .transportation__banner {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
  text-align: center;
}

.transportation__expenses__flow__box {
  border: 2px solid black;
  margin: 0 auto;
  max-width: 100rem;
}
.transportation__expenses__flow__box > div {
  display: grid;
  grid-template-columns: 1fr 4fr;
  height: 18rem;
}

.transportation__expenses__flow__box__number {
  font-size: 3.2rem;
  font-family: "Montserrat", sans-serif;
  color: white;
  background-color: #e95503;
  position: relative;
}

.transportation__expenses__flow__box__number__inner {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.transportation__expenses__flow__box__number__inner.__with-chevron::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(2rem + 2.4px);
  transform: translateY(calc(100% - 2px));
  -webkit-clip-path: polygon(0 0, 50% calc(100% - 2px), 100% 0, 100% 2px, 50% 100%, 0 2px);
  clip-path: polygon(0 0, 50% calc(100% - 2px), 100% 0, 100% 2px, 50% 100%, 0 2px);
  background-color: black;
  z-index: 1;
}

.transportation__expenses__flow__box__content {
  padding-left: 3.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.7;
  border-left: 2px solid black;
}
.transportation__expenses__flow__box__content h3 {
  font-size: 21px;
}
.transportation__expenses__flow__box__content p {
  font-weight: normal;
}

.transportation__expenses__flow__box > div:not(:last-child) .transportation__expenses__flow__box__content {
  border-bottom: 2px solid black;
}
@media screen and (max-width: 750px){
  .transportation__expenses__flow h2{
    font-size: 1.6rem;
  }
  .transportation__expenses__flow__box > div {
    display: grid;
    grid-template-columns: 1fr 8fr;
  }
  .transportation__expenses__flow__box__number{
    font-size: 2.4rem;
  }
  .transportation__expenses__flow__box__content{
    padding-left: 1rem;
  }
  .transportation__expenses__flow__box > div{
    height: 16rem;
  }
  .transportation__expenses__flow__box__content h3{
    font-size: 1.3rem;
  }
}
.transportation__box {
  max-width: 100rem;
  margin: 1.6rem 0;
  padding: 3.2rem 4.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  border: 2px solid black;
}
.transportation__box > h2 {
  font-size: 2.4rem;
  display: flex;
  flex-direction: column;
  line-height: 1.7;
  width: -moz-fit-content;
  width: fit-content;
}
.transportation__box > h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: black;
}
.transportation__box__content {
  width: 100%;
}
@media screen and (max-width: 750px){
  .transportation__box{
    padding: 1rem;
    padding-right: .8rem;
    gap: 1.6rem;
  }
  .transportation__box > h2{
    font-size: 1.3rem;
  }
  .transportation__box > h2::after{
    height: 2px;
  }
  .transportation__box__content p{
    font-size: 1rem;
  }
}
.transportation__target-baggage{
  max-width: 100rem;
}
.transportation__btn3 {
  display: block;
  margin: 0 auto;
  padding: 1em 0;
  line-height: 1.7;
  width: 40rem;
  outline: 2px solid #e95503;
  outline-offset: -1px;
  border-radius: 1000px;
  color: #e95503;
  font-weight: bold;
  position: relative;
  transition: all 0.25s ease-out;
  text-align: center;
  overflow: hidden;
}
@media screen and (max-width: 750px){
  .transportation__btn3{
    width: 25rem;
  }
}
.transportation__btn3::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 1000px;
  inset: -1px;
  transform: translateX(-100%);
  background-color: #e95503;
  transition: all 0.25s ease-out;
  z-index: -1;
}
.transportation__btn3::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: url("/wp-content/themes/original-theme/assets/images/about/transportation/chevron__bg_orange.svg");
  background-size: 1.8em auto;
  background-repeat: no-repeat;
  background-position: center right 1.6em;
}
.transportation__btn3:hover {
  color: white;
}
.transportation__btn3:hover::before {
  transform: translateX(0);
}
.transportation__btn3:hover::after {
  background-image: url("/wp-content/themes/original-theme/assets/images/about/transportation/chevron__orange.svg");
}

.transportation__bus {
  position: relative;
  padding: 96px 48px;
  font-weight: bold;
  text-align: center;
  padding-left: 16rem;
}
@media screen and (max-width: 750px){
  .transportation__bus{
    padding: 1.6rem;
  }
}
.transportation__bus__circles {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin: 4.8rem 0;
}
.transportation__bus__circles div {
  width: 15rem;
  height: 15rem;
  display: flex;
  border-radius: 50%;
  border: 2px solid black;
  background-color: white;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.transportation__bus__circles div strong {
  color: #CA161E;
  font-size: 1.2em;
}
@media screen and (max-width: 750px){
  .transportation__bus__circles div{
    width: 11rem;
    height: 11rem;
  }
}
.transportation__bus__banner div {
  display: grid;
  grid-template-columns: 1fr 1fr 3fr;
  gap: 2px;
  background-color: black;
  border: 2px solid black;
  max-width: 100rem;
  margin: 0 auto;
  margin-bottom: 7.2rem;
}
.transportation__bus__banner > p::before {
  content: "＼";
}
.transportation__bus__banner > p::after {
  content: "／";
}
.transportation__bus__banner > p::before,
.transportation__bus__banner > p::after {
  font-size: 3em;
  margin: 0 1.6rem;
}
@media screen and (max-width: 750px){
  .transportation__bus__banner > p::before,
  .transportation__bus__banner > p::after {
    font-size: 2.5em;
  }
}
.transportation__bus__banner p {
  padding: 0.8em 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.transportation__bus__banner .schedule {
  background-color: black;
  color: white;
  font-size: 2.1rem;
}
.transportation__bus__banner .reservation {
  background-color: #EA5A46;
  color: white;
  font-size: 2.1rem;
}
.transportation__bus__banner .dates {
  background-color: white;
}
@media screen and (max-width: 750px){

  .transportation__bus__banner .schedule,
  .transportation__bus__banner .reservation{
    font-size: 1.3rem;
  }
}
.transportation__bus::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 48px 15%;
  border-radius: 72px 0 0 72px;
  background-color: #F6F6F6;
  z-index: -1;
}

.transportation__bus__header {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: bold;
  margin-bottom: 4.8rem;
}
.transportation__bus__header h2 {
  font-size: 6rem;
  white-space: nowrap;
}
.transportation__bus__header div {
  display: flex;
  flex-direction: column;
}
.transportation__bus__header div p {
  font-size: 2.4rem;
  text-align: start;
}
@media screen and (max-width: 750px){
  .transportation__bus__header h2{
    font-size: 2.8rem;
  }
  .transportation__bus__header div p{
    font-size: 1.3rem;
  }
}
.transportation__bus__header div::after {
  content: "";
  display: block;
  width: 100vw;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.3);
}

.transportation__bus__target__image {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.transportation__bus__target__image p {
  font-size: 24px;
}
.transportation__bus__target__image__outer {
  position: relative;
  margin: 0 auto;
  width: 80%;
}
@media screen and (max-width: 750px){
  .transportation__bus__target__image__outer{
    width: 100%;
  }
}
.transportation__bus__timetable-btn {
  position: absolute;
  display: block;
  width: 11%;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.transportation__bus__timetable-btn.--east {
  top: 0;
  right: 0;
  transform: translate(-187%, 7%);
}
.transportation__bus__timetable-btn.--west {
  bottom: 0;
  left: 0;
  transform: translate(239%, -43%);
}

.transportation__bus__timetable {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin: 7.2rem;
}
@media screen and (max-width: 750px){
  .transportation__bus__timetable{
    margin: 2.4rem 0;
  }
}
.transportation__bus__timetable.--west{
  margin-top: 12.8rem;
}
.transportation__box2{
  width: 75%;
  border: 2px solid black;
}
.transportation__box2 > h2 {
  padding: 1.6rem;
  font-size: 1.6rem;
  border-bottom: 2px solid black;
}
.transportation__box2 > h3 {
  font-size: 1.6rem;
  padding: 1.6rem;
  background-color: #fff;
}
@media screen and (max-width: 750px){
  .transportation__box2 > h2,
  .transportation__box2 > h3{
    padding: .8rem;
  }
  .transportation__box2 > h3{
    font-size: 1.2rem;
  }
}
.transportation__bus__timetable__tables{
  max-width: 60rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;
}

.transportation__bus__timetable__table{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.transportation__bus__timetable__table > p {
  color: white;
  background-color: black;
  text-align: center;
  width: 100%;
  border-radius: 1000px;
  padding: .8rem;
  margin-bottom: 8px;
}
.transportation__bus__timetable__td{
  border-bottom: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}
.transportation__bus__timetable__td > *{
  border: 1px solid black;
  padding: 1.6rem .8rem;
  width: 100%;
  font-size: 1.3rem;
}
@media screen and (max-width: 750px){
  .transportation__bus__timetable__tables{
    gap: 16px;
  }
  .transportation__bus__timetable__td > *{
    padding: .8rem 0;
    font-size: 1.1rem;
  }
}
.transportation__bus__timetable__td > h2 {
  background-color: #fff;
}
.transportation__bus__timetable__td > *:not(:last-child){
  border-bottom: transparent;
}
.transportation__bus__timetable__td:not(:last-child)::after{
  content: "";
  display: block;
  background-color: black;
  margin-top: 8px;
  width: 3.2rem;
  height: 2.4rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.transportation__bus__timetable__time{
  font-size: 1.5em;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  margin-right: 1.2rem;
}
.transportation__bus__timetable__tables2{
  margin-top: 4.8rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 90rem;
  width: 100%;
}
.transportation__bus__timetable__tables2:nth-child(2){
  margin-top: 6.4rem;
}
.transportation__bus__timetable__tables2 > p {
  grid-column: span 3;
  color: white;
  background-color: black;
  text-align: center;
  width: 100%;
  border-radius: 1000px;
  padding: .8rem;
  margin-bottom: 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.transportation__bus__timetable__tables2 > h3 {
  grid-column: span 3;
  font-size: 1.6rem;
  border: 1px solid black;
  width: 80%;
  margin: 0 auto;
  margin-top: -16px;
  padding: 1.6rem;
}
.transportation__bus__timetable__tables2 > div.__with-chevron{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  grid-column: span 3;
}
.transportation__bus__timetable__tables2 > div.__with-chevron::after{
  content: "";
  display: block;
  background-color: black;
  margin-top: 8px;
  width: 3.2rem;
  height: 2.4rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  margin-top: -1.2rem;
  margin-bottom: -2.4rem;
}
.transportation__bus__timetable__td.kubokawa{
  position: relative;
}
.transportation__bus__timetable__table.kubokawa{
  position: absolute;
  bottom: 50%;
  left: -8px;
  transform: translate(calc(-100% - 8px), calc(2rem + 6px));
  border: transparent;
  padding: 0;
}
.transportation__bus__timetable__table.kubokawa p {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  position: relative;
  width: 100%;
  border: none;
  color: black;
  background-color: transparent;
}
.transportation__bus__timetable__table.kubokawa p::before{
  content: "";
  display: block;
  width: 50%;
  height: auto;
  aspect-ratio: 1 / 1;
  border-left: 2px dotted black;
  border-bottom: 2px dotted black;
  transform: translateX(100%);
  margin-top: -16px;
  margin-left: -1px;
}
@media screen and (max-width: 750px){
  .transportation__bus__timetable__table.kubokawa p::before{
    aspect-ratio: 2 / 5;
  }
}
.transportation__bus__timetable__table.kubokawa p::after{
  content: "";
  display: block;
  width: 2.4rem;
  height: 3.2rem;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: black;
  position: absolute;
  bottom: calc(1em + 10px);
  right: 8px;
  transform: translateX(100%);
}
.transportation__bus__timetable__td.nakamura{
  position: relative;
}
.transportation__bus__timetable__table.nakamura{
  position: absolute;
  bottom: 50%;
  right: -8px;
  transform: translate(calc(100% + 8px), calc(2rem + 6px));
  border: transparent;
  padding: 0;
}
.transportation__bus__timetable__table.nakamura p {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  position: relative;
  width: 100%;
  border: none;
  color: black;
  background-color: transparent;
}
.transportation__bus__timetable__table.nakamura p::before{
  content: "";
  display: block;
  width: 50%;
  height: auto;
  aspect-ratio: 4 / 7;
  border-right: 2px dotted black;
  border-bottom: 2px dotted black;
  transform: translateX(1px);
  margin-top: -16px;
}
@media screen and (max-width: 750px){
  .transportation__bus__timetable__table.nakamura p::before{
    aspect-ratio: 1 / 5;
  }
}
.transportation__bus__timetable__table.nakamura p::after{
  content: "";
  display: block;
  width: 2.4rem;
  height: 3.2rem;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  background-color: black;
  position: absolute;
  bottom: calc(1em + 10px);
  left: 8px;
  transform: translateX(-100%);
}
.transportation__bus__timetable__td.susaki{
  position: relative;
}
.transportation__bus__timetable__table.susaki{
  position: absolute;
  bottom: 50%;
  right: -8px;
  transform: translate(calc(100% + 8px), calc(2rem + 6px));
  border: transparent;
  padding: 0;
}
.transportation__bus__timetable__table.susaki p {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  position: relative;
  width: 100%;
  border: none;
  color: black;
  background-color: transparent;
}
.transportation__bus__timetable__table.susaki p::before{
  content: "";
  display: block;
  width: 50%;
  height: auto;
  aspect-ratio: 1 / 1;
  border-right: 2px dotted black;
  border-bottom: 2px dotted black;
  transform: translateX(1px);
  margin-top: -16px;
}
@media screen and (max-width: 750px){
  .transportation__bus__timetable__table.susaki p::before{
    aspect-ratio: 1 / 2;
  }
}
.transportation__bus__timetable__table.susaki p::after{
  content: "";
  display: block;
  width: 2.4rem;
  height: 3.2rem;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  background-color: black;
  position: absolute;
  bottom: calc(1em + 10px);
  left: 8px;
  transform: translateX(-100%);
}
.transportation__bus__timetable__td.susaki2{
  position: relative;
}
.transportation__bus__timetable__table.susaki2{
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translate(calc(100% + 8px), -6rem);
  border: transparent;
  padding: 0;
}
.transportation__bus__timetable__td.__with-chevron::before {
  content: "";
  display: block;
  background-color: black;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  width: 32px;
  height: 24px;
  margin-top: -3rem;
  margin-bottom: 8px;
}
.transportation__bus__timetable__table.susaki2 p {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  position: relative;
  width: 100%;
  border: none;
  color: black;
  background-color: transparent;
}
.transportation__bus__timetable__table.susaki2 p::after{
  content: "";
  display: block;
  width: 50%;
  height: auto;
  aspect-ratio: 5 / 2.9;
  border-right: 2px dotted black;
  border-top: 2px dotted black;
  transform: translateX(1px);
}
@media screen and (max-width: 750px){
  .transportation__bus__timetable__table.susaki2 p::after{
    aspect-ratio: 5 / 8.2;
  }
}
.transportation__bus__timetable__table.susaki2 p::before{
  content: "";
  display: block;
  width: 2.4rem;
  height: 3.2rem;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: black;
  position: absolute;
  top: calc(1em + 10px);
  left: 8px;
  transform: translateX(calc(-100% + 8px));
}
.transportation__bus__timetable__td.nakamura2{
  position: relative;
}
.transportation__bus__timetable__table.nakamura2{
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translate(calc(100% + 8px), -6rem);
  border: transparent;
  padding: 0;
}
.transportation__bus__timetable__table.nakamura2 p {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  position: relative;
  width: 100%;
  border: none;
  color: black;
  background-color: transparent;
}
.transportation__bus__timetable__table.nakamura2 p::after{
  content: "";
  display: block;
  width: 50%;
  height: auto;
  aspect-ratio: 3 / 5.2;
  border-right: 2px dotted black;
  border-top: 2px dotted black;
  transform: translateX(1px);
}
@media screen and (max-width: 750px){
  .transportation__bus__timetable__table.nakamura2 p::after{
    aspect-ratio: 3 / 14;
  }
}
.transportation__bus__timetable__table.nakamura2 p::before{
  content: "";
  display: block;
  width: 2.4rem;
  height: 3.2rem;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: black;
  position: absolute;
  top: calc(1em + 10px);
  left: 8px;
  transform: translateX(calc(-100% + 8px));
}
.transportation__bus__timetable__td.kubokawa2{
  position: relative;
}
.transportation__bus__timetable__table.kubokawa2{
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translate(calc(-100% - 8px), -6rem);
  border: transparent;
  padding: 0;
}
.transportation__bus__timetable__table.kubokawa2 p {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  position: relative;
  width: 100%;
  border: none;
  color: black;
  background-color: transparent;
}
.transportation__bus__timetable__table.kubokawa2 p::after{
  content: "";
  display: block;
  width: 50%;
  height: auto;
  aspect-ratio: 5 / 2.9;
  border-left: 2px dotted black;
  border-top: 2px dotted black;
  transform: translateX(100%);
}
@media screen and (max-width: 750px){
  .transportation__bus__timetable__table.kubokawa2 p::after{
    aspect-ratio: 5 / 9;
  }
}
.transportation__bus__timetable__table.kubokawa2 p::before{
  content: "";
  display: block;
  width: 2.4rem;
  height: 3.2rem;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  background-color: black;
  position: absolute;
  top: calc(1em + 10px);
  right: 8px;
  transform: translateX(calc(100% - 8px));
}

/** global **/
.global-title {
  text-align: center;
  margin-top: 40px;
  font-size: 25px;
  font-weight: normal;
}
.global-genre {
  flex: 1;
  max-width: 300px;
  position: relative;
  display: inline-block;
  border: 2px solid #000;
  border-radius: 20px;
  padding: 0 15px;
  background-color: #000;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.c-nav-index1 a.global-pad {
  padding: 44px 150px 44px 53px;
}
@media screen and (max-width: 750px) {
  .c-nav-index1 a.global-pad {
    padding: 20px 20px 30px;
  }
}

/** admission procedure **/
.glo-ad-container {
  max-width: 850px;
  margin: 0 auto;
  padding: 20px;
}

.glo-ad-container img {
  width: 100%;
  margin: 15px auto;
}
.glo-adm-text {
  margin-top: 30px;
}
.glo-adm-text p {
  padding: 10px 0;
  border-bottom: 1px solid #000;
}

.glo-adm-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 80px auto;
}

.glo-adm-link a {
  flex: 0 1 auto;
  width: 49%;
  height: 55px;
  border-radius: 35px;
}

.glo-adm-link a:nth-child(3) {
  flex: 0 0 100%;
  margin-top: 30px;
}

.glo-ad-inq {
  display: flex;
  justify-content: center;
  gap: 3%;
  margin-top: 50px;
  margin-bottom: 100px;
}

.glo-ad-inq-content {
  flex: 0 1 auto;
  background-color: #FFFFED;
  border-radius: 15px;
  min-width: 350px;
  min-height: 150px;
  text-align: center;
  width: 50%;
  align-content: center;
  padding-bottom: 30px;
}
.txt-left {
  text-align: left;
  margin-bottom: 40px;
}
.glo-ad-map p span {
  font-size: 15px;
  margin: 50px 0;
}
.glo-ad-route {
  margin: 15px 0;
}

table.glo-tuition-fee-box1{
  text-align: center;
  border-collapse: collapse;
  width: auto;
  margin-inline: auto;
  margin-top: 0.75em;
}

table.glo-tuition-fee-box1 td{
  border:1px solid #000;
  padding: 0.25em 1em;
  
}

table.glo-tuition-fee-box2{
  text-align: center;
  border-collapse: collapse;
  width: auto;
  margin-inline: auto;
  margin-top: 0.75em;
  margin-bottom: 2em;
  border: 2px solid #000;
}

table.glo-tuition-fee-box2 th,
table.glo-tuition-fee-box2 td{
  padding: 2em 1.5em;
  border: 1px solid #000;
  position:relative;
  text-align: center;
  vertical-align: middle;
}

table.glo-tuition-fee-box2 th{
  background: #FFE1F0;
}z


table.glo-tuition-fee-box2 td .free-price{
  display: block;
  position: absolute;
  font-weight: bold;
  bottom: 0;
  right: 1em;
  
}

table.glo-tuition-fee-box2 td.highlight{
  color: #AC1C24;
  font-weight: bold;
}

table.glo-tuition-fee-box2 td .free-price .highlight{
  color: #AC1C24;
  font-size:1.5em;
}

.glo-earchyear-total-price{
  width: 90%;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
  gap: 5%;
  align-items: center;
  font-size: 1.5em;
}


.glo-earchyear-total-price .glo-normal-price{
  width:47.5%;
  position: relative;
  text-align: right;
}

.glo-earchyear-total-price .glo-normal-price::after{
  content: url(/wp-content/themes/original-theme/assets/images/global/icon-allow.svg);
  aspect-ratio: 23 / 17;
  position: absolute;
  width: 1.25em;
  top: 50%;
  margin-top: -0.65em;
  right: -2em;
}

.glo-earchyear-total-price .glo-reduction-price{
  width: 47.5%;
  text-align: left;
}

.glo-ad-container-exam,
.glo-ad-container-contact{
    max-width: 1380px;
    margin-inline:auto;
    padding-left:40px;
    padding-right:40px;
}

.glo-price-highlight1{
  color:#ac1c24;
  font-weight: normal;
  padding:0 0.1em;
}

.glo-price-highlight2{
    font-size: 1.625em;
    font-weight:bold;
    color:#ac1c24;
    padding:0 0.1em;
}

.glo-price-highlight3{
  font-size: 2.25em;
  font-weight:bold;
  color:#ac1c24;
  padding:0 0.1em;
}

.glo-price-highlight4{
  font-size: 2em;
  font-weight:bold;
  color:#ac1c24;
  padding:0 0.1em;
}

 .glo-tuition-fee-exem{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    gap:1.3%;
 }

 .glo-tuition-fee-exem p{
     display: flex;
     align-items: center;
     text-align: center;
     justify-content: center;
 }

 .glo-2years-total-price{
  text-align: center;
 }
 .glo-2years-total-price p{
  font-size: 1.5em;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #000;
  display: inline-block;
  padding-bottom: 0;
 }

 .glo-2years-total-price .glo-max-price{
  font-size: 1.75em;
  padding: 0;
  line-height: 2.25em;
  margin-bottom: 2em;
}

 .glo-tuition-box{
    width: 32%;
    border: 1px solid #000;
    border-radius: 1.75em;
    position: relative;
    padding: 1.25em;
    font-size: 1.325em;
    text-align: center;
    margin-top: 4em;
  }

  .glo-tuition-box:not(:last-child)::after {
    content:url(/wp-content/themes/original-theme/assets/images/global/icon-circle-plus.svg);
    position: absolute;
    width: 2em;
    aspect-ratio: 1/1;
    top:50%;
    right: -1.5em;
    z-index: 2;
    margin-top: -0.8em;
    
  }

.glo-tuition-box h3{
    font-size:1.6rem;
    font-weight: normal;
    color:#FFF;
    background:#000;
    border-radius:25px;
    width: auto;
    margin-inline: auto;
    text-align: center;
    position: absolute;
    top: -15px;
    left: 50%;
    display: inline-block;

  }
 .glo-icon-equal{
  width: 2em;
    aspect-ratio: 1 / 0.8;
    /* max-width: 90px; */
    margin-inline: auto;
    margin: 1em auto 1.5em;
  }

 .glo-tuition-box h3.glo-headline1{
    margin-left: -4em;
    padding: 0.25em 1em;

  }

 .glo-tuition-box h3.glo-headline2{
    margin-left: -7em;
    padding: 0.25em 2em;
  }

 .glo-tuition-box h3.glo-headline3{
    margin-left: -6.5em;
    padding: 0.25em 1em;
  }

@media screen and (max-width: 750px) {
  .glo-adm-link {
    display: block;
    margin-bottom:40px;
  }
  .glo-adm-link a {
    width: 100%;
    margin-top: 30px;
  }
  .glo-ad-inq {
    display: block;
  }
  .glo-ad-inq-content {
    width: 100%;
    margin-top: 30px;
    min-width: 335px;
    font-size: 1.25em;
  }

  .glo-ad-inq-content h3{
    font-size: 1.25em;
  }

  .glo-tuition-box {
    width: 100%;
  }
  .glo-tuition-box:not(:last-child)::after {
    position: absolute;
    top: auto;
    bottom: -3em;
    left: 50%;
    margin-left: -1em;
    right: 0;
  }

  table.glo-tuition-fee-box2 td .free-price {
  bottom: 1.25em;
  }
  .glo-earchyear-total-price .glo-normal-price {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
  .glo-earchyear-total-price .glo-normal-price::after {
    transform: rotate(90deg);
    right: 50%;
    margin-right: -0.75em;
    bottom: -1.75em;
    text-align: center;
    top: auto;
    margin-top: auto;
  }
  .glo-earchyear-total-price .glo-reduction-price {
    width: 100%;
    text-align: center;
  }
  .glo-tuition-box:nth-child(2){
    margin-top: 5em;
  }
  .glo-tuition-box h3.glo-headline2{
    top: -32px;
    margin-left: -6.5em;
  }
  .glo-tuition-fee-exem p {
    display: block;
  }
  .glo-tuition-fee-exem p span{
    display: block;
    line-height: 1.5em;
}
}
/* other */
.c-course-curriculum__voice h4:nth-of-type(2) {
  margin-top: 100px;
}
.wdt250 img {
  width: 250px;
}
.border-green {
  border: 4px solid #6cc767;
}
.border-blue {
  border: 4px solid #73b4c7;
}
.btn-right {
  width: 33%;
  float: right;
}
.pad-top {
  padding-top: 3em;
}
.c-table8 .blank {
  display: none;
}
.mb-br {
  margin-bottom: 40px;
}
.border-bt {
  border-bottom: 1px dotted #000;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.c-card1 a.c-btn1 {
  width: 270px;
  margin-top: 10px;
}
.red-text {
  color: #ff0000;
  font-weight: bold;
}
.btn-red {
  background-color: #ca161e;
}
.instagram .insta-btn .c-btn1 {
  align-items: center;
  margin: 0 auto;
}
.activity-post {
  text-align: center;
}
@media (max-width: 750px) {
  .c-list-school-colors > * a:hover .tag {
    display:none;
  }
  .c-mv-course .mv img {
    margin: 0 auto;
    width: 90%;
    border-radius: 50px;
    border: solid 3px #000;
  }
}

/* medical */
.p-medical__ttl1{
  margin-bottom:1.5em;
}

.p-medical__block2{
  margin-bottom: 2.75em;
}

/* practical-training */
.practical-training {
  letter-spacing: 0.2em;
  --text-color1: #5084C4;
  --text-color2: #39B280;
  --text-color3: #8F70AE;
}
.practical-training h5 {
  background-color: transparent;
  border: none;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 0;
}
.practical-training ._place-center {
  margin-right: auto;
  margin-left: auto;
}
.practical-training .c-box1 br {
  display: inline;
}
.practical-training .--fs-small {
  font-size: 0.8em;
}
.practical-training .--small-margin {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.practical-training .--mt-1em {
  margin-top: 1em;
}
.practical-training .--mr-1em {
  margin-right: 1em;
}
.practical-training .--mb-2em {
  margin-bottom: 2em;
}
.practical-training .--mb-4em {
  margin-bottom: 4em;
}
.practical-training .--small-width {
  width: 85%;
}
@media (max-width: 768px) {
  .practical-training .--small-width {
    width: 100%;
  }
}
.practical-training .--small-width--center {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 768px) {
  .practical-training .--small-width--center {
    width: 100%;
  }
}
.practical-training .--small-width-container {
  padding-right: 10%;
  padding-left: 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  .practical-training .--small-width-container {
    padding-right: 0;
    padding-left: 0;
  }
}
.practical-training ._with-prefix-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3em;
}
.practical-training ._with-prefix-icon figure {
  width: 3em;
}
.practical-training .c-middle-box > *:has(+ *) {
  margin-bottom: 2em;
}
.practical-training .c-small-box > *:has(+ *) {
  margin-bottom: 1em;
}
.practical-training .c-small-white-box {
  background-color: #fff;
  padding: 1em 1em 2em;
}
.practical-training .c-middle-white-box {
  background-color: #fff;
  padding: 2em 2em 2em 3em;
}
.practical-training .--border-bottomed {
  padding-bottom: 0.7em;
  border-bottom: 2px solid #dddddd;
}
.practical-training .--dotted-border-bottom {
  padding-bottom: 0.7em;
  border-bottom: 2px dotted #dddddd;
}
.practical-training h4:has(.--marrine-number) {
  display: flex;
  align-items: center;
}
.practical-training .--color-marrine {
  color: #29ABE2;
}
.practical-training .--marrine-number {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  color: #fff;
  background-color: #29ABE2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.2em;
  border-radius: 50%;
}

.practical-training._nursing {
  --text-color1: #5084C4;
  --text-color2: #39B280;
  --text-color3: #8F70AE;
}

.practical-training._medical {
  --text-color1: #EE8478;
  --text-color2: #9671AF;
  --text-color3: #AB6169;
}

.practical-training._sports-health {
  --text-color1: #FFA568;
  --text-color2: #8EC400;
}

.practical-training section {
  margin-top: 72px;
  margin-bottom: 128px;
}
@media (max-width: 768px) {
  .practical-training section {
    margin-top: 2em;
    margin-bottom: 3em;
  }
}
.practical-training section > *:has(+ *) {
  margin-bottom: 1em;
}

.practical-training section > * {
  max-width: 1232px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}

.practical-training ._border-bottomed-small-title > :where(h2, h3, h4) {
  font-size: 1.6rem;
  text-align: center;
  padding-bottom: 1em;
  border-bottom: 2px solid #dddddd;
}

.practical-training__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  text-align: center;
}
.practical-training__top > h2 {
  max-width: 600px;
  width: 100%;
  padding: 0.2em 16px;
  margin-bottom: 1em;
  border: 2px solid black;
}
.practical-training__top > h3 {
  font-size: 2rem;
}
.practical-training__top > h3 .--text-color1 {
  color: var(--text-color1);
}
.practical-training__top > h3 .--text-color2 {
  color: var(--text-color2);
}
.practical-training__top > h3 .--text-color3 {
  color: var(--text-color3);
}
.practical-training__top > p {
  font-weight: bold;
}
.practical-training__top > small {
  color: #29ABE2;
}

.practical-training__grid4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.practical-training__grid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.practical-training__grid2 .colspan-2 {
  grid-column: span 2;
}

.practical-training__grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  .practical-training__grid4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .practical-training__grid3 {
    grid-template-columns: 1fr;
  }
  .practical-training__grid2 {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .practical-training__grid2 .colspan-2 {
    grid-column: unset;
  }
  .practical-training__grid2:has(.practical-training__grid2 .practical__list) {
    margin-left: 2em;
  }
}
.c-card-p h3 {
  font-size: inherit;
  width: 90%;
  padding: 1em;
  background-color: #fff;
  margin-top: -1.5em;
  position: relative;
}

.training-place {
  font-size: 1.1em;
  margin-bottom: 1em;
}

.practical__list li {
  padding-left: 1em;
}

.practical__list li::before {
  content: "";
  display: inline-block;
  width: 0.7em;
  aspect-ratio: 1/1;
  background-color: var(--theme-color-a);
  vertical-align: middle;
  margin-left: -1em;
  margin-right: 0.5em;
}

@media (max-width: 768px) {
  .practical__list__note {
    margin-top: 2em;
    margin-bottom: 1em;
  }
}
.header-and-catchcopy {
  text-align: center;
  font-weight: bold;
}
.header-and-catchcopy h3, .header-and-catchcopy h4 {
  font-size: 1.1em;
}
.header-and-catchcopy p {
  line-height: 2;
}
.header-and-catchcopy span {
  color: #29ABE2;
}

.header-and-catchcopy--big {
  text-align: center;
  font-weight: bold;
}
.header-and-catchcopy--big h3, .header-and-catchcopy--big h4 {
  font-size: 1.4em;
}
.header-and-catchcopy--big p {
  line-height: 2;
}
.header-and-catchcopy--big span {
  color: #29ABE2;
}

.practical-training__support-system {
  width: 70%;
  font-weight: bold;
}

@media (max-width: 768px) {
  .practical-training__support-system {
    width: 100%;
  }
  .practical-training__support-system h4 {
    font-size: 1.2em;
  }
}
.practical-training__grid2:has(.practical-training__table-curriculum) {
  gap: 32px;
}

.practical-training__table-curriculum ._theme1 {
  --theme-bg1: #C6E7F9;
  --theme-bg2: #00B7DE;
  --theme-bg3: #E2F0E0;
  --theme-color: #157DA1;
}
.practical-training__table-curriculum ._theme2 {
  --theme-bg1: #D6ECEB;
  --theme-bg2: #5285B8;
  --theme-bg3: #DCE1F1;
  --theme-color: #4F73B7;
}
.practical-training__table-curriculum ._theme3 {
  --theme-bg1: #D2E0F2;
  --theme-bg2: #8F70AE;
  --theme-bg3: #E9E0EE;
  --theme-color: #6F67AC;
}
.practical-training__table-curriculum tr:has(+ tr) {
  border-bottom: 2px solid #00B3EC;
}
.practical-training__table-curriculum tr th {
  text-align: center;
  padding: 0.5em 0.7em 0.7em 0.7em;
  background-color: var(--theme-bg1);
  font-size: 1.1em;
  letter-spacing: 0;
  white-space: nowrap;
  vertical-align: middle;
}
.practical-training__table-curriculum tr th small {
  font-family: "kozuka-gothic-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.practical-training__table-curriculum tr td {
  display: flex;
  align-items: center;
  gap: 1em;
  padding: 0.5em 0 0.7em 0.5em;
}
.practical-training__table-curriculum tr td > div {
  border-radius: 4px;
  width: 4.5em;
  text-align: center;
  overflow: hidden;
  flex-shrink: 0;
}
.practical-training__table-curriculum tr td h4 {
  background-color: var(--theme-bg2);
  line-height: 1.7;
  font-family: "kozuka-gothic-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  font-size: inherit;
  color: white;
}
.practical-training__table-curriculum tr td .month {
  font-family: "kozuka-gothic-pro", sans-serif;
  font-weight: 500;
  font-style: normal;
  background-color: var(--theme-bg3);
  line-height: 1.7;
  font-weight: bold;
  font-size: inherit;
  color: var(--theme-color);
  letter-spacing: 0;
}

.practical-training__table-curriculum tr th > div {
  border-radius: 4px;
  width: 4.5em;
  text-align: center;
  overflow: hidden;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}
.practical-training__table-curriculum tr th > div h4 {
  background-color: var(--theme-bg2);
  line-height: 1.7;
  font-family: "kozuka-gothic-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  font-size: inherit;
  color: white;
}
.practical-training__table-curriculum tr th > div p {
  font-family: "kozuka-gothic-pro", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: inherit;
  line-height: 1.7;
  letter-spacing: 0;
  background-color: var(--theme-bg3);
  color: var(--theme-color);
}

.practical-training__medical__place__img-container img {
  width: 80%;
  padding-top: 1em;
  margin-left: auto;
}
@media (max-width: 768px) {
  .practical-training__medical__place__img-container img {
    width: 100%;
  }
}

.practical-training__plan {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 768px) {
  .practical-training__plan {
    flex-direction: column;
    width: 110%;
    transform: translateX(-5%);
  }
  .practical-training__plan:has(+ .practical-training__plan) {
    margin-bottom: 2em;
  }
}
.practical-training__plan h5 {
  font-size: 3em;
  color: var(--text-color1);
  font-weight: bold;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  line-height: 0.8;
}
.practical-training__plan h5 span {
  font-size: 1.3em;
}
.practical-training__plan > div {
  padding-left: 2em;
}
.practical-training__plan > div > div {
  position: relative;
}
.practical-training__plan > div > div::after {
  content: "";
  display: block;
  position: absolute;
  width: 0.9em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--text-color1);
  top: 0.4em;
  left: -1.7em;
}
.practical-training__plan > div > div:has(+ div)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  bottom: -0.5em;
  left: -1.5em;
  border-left: 0.5em solid rgba(247, 198, 189, 0.7);
}
.practical-training__plan > div > div:has(+ div) p {
  padding-bottom: 2em;
}
.practical-training__plan h6 {
  font-size: 1.2em;
}
.practical-training__plan h6 ._month {
  color: var(--text-color3);
  margin-right: 0.3em;
}
.practical-training__plan h6 div {
  display: inline-block;
  border-radius: 10000px;
  border: 2px solid #EF8F81;
  padding-right: 0.8em;
  color: #EF8F81;
  font-weight: 400;
}
.practical-training__plan h6 div span {
  display: inline-block;
  font-size: 1.2em;
  width: 1.65em;
  aspect-ratio: 1/1;
  background-color: #EF8F81;
  border-radius: 50%;
  color: white;
  text-align: center;
  margin-right: 0.3em;
}
.practical-training__plan h6 div small {
  font-size: 0.8em;
  margin-right: 0.3em;
  margin-left: 0.3em;
  vertical-align: middle;
  position: relative;
  color: white;
  font-weight: bold;
}
.practical-training__plan h6 div small::before {
  content: "";
  display: block;
  position: absolute;
  width: 1.6em;
  aspect-ratio: 1/1;
  background-color: var(--text-color3);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.practical-training__plan._medical1 {
  position: relative;
}
.practical-training__plan ._medical1__img1 {
  position: absolute;
  bottom: -2rem;
  left: -5rem;
  width: 18rem;
}
@media (max-width: 768px) {
  .practical-training__plan ._medical1__img1 {
    top: -8rem;
    right: 2rem;
    bottom: unset;
    left: unset;
  }
}
.practical-training__plan._medical2 {
  margin-bottom: 12rem;
}
@media (max-width: 768px) {
  .practical-training__plan._medical2 {
    margin-bottom: 16rem;
  }
}
.practical-training__plan._medical2 > div {
  padding-right: 25%;
}
@media (max-width: 768px) {
  .practical-training__plan._medical2 > div {
    padding-right: 0;
  }
}
.practical-training__plan ._medical2__img1 {
  position: absolute;
  top: 5%;
  right: 3rem;
  width: 10rem;
}
.practical-training__plan ._medical2__img2 {
  position: absolute;
  bottom: -1.2rem;
  left: -5rem;
}
@media (max-width: 768px) {
  .practical-training__plan ._medical2__img2 {
    right: -1rem;
    bottom: -9rem;
    left: unset;
  }
}
.practical-training__plan ._medical2__img3 {
  position: absolute;
  width: 40rem;
  transform: translate(-30%, -2rem);
}
@media (max-width: 768px) {
  .practical-training__plan ._medical2__img3 {
    width: auto;
    transform: translateY(7rem);
  }
}

.practical-training .media-reverse {
  display: grid;
  grid-template-columns: 6fr 4fr;
  padding: 3rem 4rem;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}
@media (max-width: 768px) {
  .practical-training .media-reverse {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
}
.practical-training._medical .review__h4 {
  color: #EF8F81;
  margin-bottom: 1rem;
}
.practical-training._medical .review__h4 small {
  color: black;
}
.practical-training._medical .review__h3 {
  color: white;
  text-align: center;
  background-color: #EF8F81;
  margin-top: 0;
  margin-bottom: 1rem;
}
.practical-training._medical .review__img-container {
  padding: 10%;
}
@media (max-width: 768px) {
  .practical-training._medical .review__img-container {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.practical-training .graduates__names {
  color: white;
  background-color: #EF8F81;
}
@media (max-width: 768px) {
  .practical-training .graduates__names {
    gap: 0;
  }
}
.practical-training .graduates__names li {
  padding: 0.5em 0.5em;
  position: relative;
}
.practical-training .graduates__names li .__circle {
  position: absolute;
  top: -2rem;
  color: black;
  text-align: center;
  line-height: 1;
  letter-spacing: 0;
  transform: translateY(-100%);
}
.practical-training .graduates__names li .__circle::before {
  content: "";
  display: block;
  position: absolute;
  width: 4em;
  aspect-ratio: 1/1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid #EF8F81;
  border-radius: 50%;
  z-index: -1;
}
.practical-training .graduates__names li:where(:first-child, :nth-child(2)) .__circle {
  left: 2rem;
}
.practical-training .graduates__names li:where(:nth-child(3), :nth-child(4)) .__circle {
  right: 2rem;
}
@media (max-width: 768px) {
  .practical-training .graduates__names li:nth-child(1) {
    order: 1;
  }
  .practical-training .graduates__names li:nth-child(2) {
    order: 3;
    text-align: right;
  }
  .practical-training .graduates__names li:nth-child(2) .__circle {
    top: -7rem;
    right: 2rem;
    left: unset;
  }
  .practical-training .graduates__names li:nth-child(3) {
    order: 2;
  }
  .practical-training .graduates__names li:nth-child(3) .__circle {
    right: unset;
    left: 2rem;
  }
  .practical-training .graduates__names li:nth-child(4) {
    order: 4;
    text-align: right;
  }
  .practical-training .graduates__names li:nth-child(4) .__circle {
    top: -7rem;
  }
}

.practical-training .graduates__hospital {
  text-align: center;
  background-color: #fff;
  color: #EF8F81;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 2;
}

@media (max-width: 768px) {
  .practical-training .graduates__description {
    margin-right: -1em;
    margin-bottom: 2em;
  }
}

@media (max-width: 768px) {
  .practical-training .practical-training__message {
    margin-top: 5em;
  }
}
.practical-training__message {
  max-width: 1200px;
  width: calc(100% - 32px);
  margin-right: auto;
  margin-left: auto;
  border: 2px solid black;
  position: relative;
}
@media (max-width: 768px) {
  .practical-training__message div {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}
.practical-training__message::after {
  content: "";
  display: block;
  position: absolute;
  height: 12rem;
  right: 0;
  bottom: -2px;
  left: 0;
  transform: translateY(100%);
  background-color: #fff;
  z-index: 2;
}
.practical-training__message h2 {
  max-width: 800px;
  width: calc(100% - 32px);
  padding-right: 1em;
  margin-right: auto;
  margin-left: auto;
  font-size: 2em;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  z-index: 0;
  background-color: #fff;
  transform: translateY(-50%);
}
.practical-training__message h2 strong {
  font-size: 1.6em;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 800;
}
@media (max-width: 768px) {
  .practical-training__message h2 {
    font-size: 1.6em;
    margin-bottom: -5rem;
  }
  .practical-training__message h2 strong {
    font-size: 1.5em;
  }
}
.practical-training__message h2::before {
  content: "";
  display: block;
  position: absolute;
  width: 60%;
  top: 0;
  bottom: 0;
  left: 1em;
  background: linear-gradient(to right, var(--theme-color-a) 0%, var(--theme-color-b) 100%);
  z-index: -1;
}
@media (max-width: 768px) {
  .practical-training__message h2::before {
    left: 0.5em;
  }
}
.practical-training__message figure {
  margin-top: -40%;
  margin-bottom: -12rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .practical-training__message figure {
    width: 100%;
    aspect-ratio: 7/6;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }
}

@media (max-width: 768px) {
  .header-and-catchcopy--big.--mb-4em {
    margin-bottom: 2em;
  }
}

.practical-training__flex3 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}
.practical-training__flex3 > * {
  width: 322.6666666667px;
}

.practical-training__small-flex3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.practical-training__small-flex3 > * {
  width: calc((100% - 16px) / 3);
}

.practical-training .section-header {
  margin-top: 1em;
  text-align: center;
}
.practical-training .section-header h4 {
  font-size: 1.3em;
}
@media (max-width: 768px) {
  .practical-training .section-header {
    text-align: start;
    padding-left: 1em;
  }
}

.practical-training__sports-health__place {
  padding: 2em 3em 4em 3em;
  background-color: #fff;
  letter-spacing: 0.01em;
}
@media (max-width: 768px) {
  .practical-training__sports-health__place {
    padding: 1.5em 1em 2em 1em;
    margin-bottom: 2em;
  }
}
.practical-training__sports-health__place h4 {
  color: var(--theme-color-a);
  margin-bottom: 0.5em;
}

.practical-training__sports-health__outdoor {
  gap: 3em;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 768px) {
  .practical-training__sports-health__outdoor {
    gap: 1.5em;
    margin-bottom: 5em;
  }
}
.practical-training__sports-health__outdoor p {
  margin-top: 2em;
}

.practical-training__voice {
  max-width: 1200px;
  width: calc(100% - 32px);
  margin-right: auto;
  margin-left: auto;
  border: 2px solid black;
  position: relative;
}
@media (max-width: 768px) {
  .practical-training__voice div {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}
.practical-training__voice::after {
  content: "";
  display: block;
  position: absolute;
  height: 12rem;
  right: 0;
  bottom: -2px;
  left: 0;
  transform: translateY(100%);
  background-color: #fff;
  z-index: 2;
}
.practical-training__voice h2 {
  max-width: 800px;
  width: calc(100% - 32px);
  padding-right: 1em;
  margin-right: auto;
  margin-left: auto;
  font-size: 3.2em;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 800;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  z-index: 0;
  background-color: #fff;
  transform: translateY(-50%);
}
.practical-training__voice h2 strong {
  font-size: 1.6em;
}
@media (max-width: 768px) {
  .practical-training__voice h2 {
    font-size: 1.6em;
    margin-bottom: -5rem;
  }
  .practical-training__voice h2 strong {
    font-size: 1.5em;
  }
}
.practical-training__voice h2::before {
  content: "";
  display: block;
  position: absolute;
  width: 60%;
  top: 0;
  bottom: 0;
  left: 1em;
  background: linear-gradient(to right, var(--theme-color-a) 0%, var(--theme-color-b) 100%);
  z-index: -1;
}
@media (max-width: 768px) {
  .practical-training__voice h2::before {
    left: 0.5em;
  }
}
.practical-training__voice .practical-training__voice__main-img {
  width: 100%;
  margin-top: -40%;
  margin-bottom: -12rem;
  position: relative;
  z-index: 1;
}
._sports-health .practical-training__voice .practical-training__voice__main-img {
  margin-bottom: 0;
}
.practical-training__voice__inner {
  display: grid;
  grid-template-columns: 3fr 6fr;
}

.practical-training__voice__content {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 1em;
}

.practical-training .practical-training__sports-health__internship__header {
  margin-top: 3em;
}

@media (max-width: 768px) {
  .practical-training__voice__inner {
    grid-template-columns: 1fr;
  }
  .practical-training__voice__content {
    grid-template-columns: 1fr;
  }
  .practical-training .practical-training__voice__main-img {
    margin-top: 1em;
    margin-bottom: 0;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  .practical-training__voice__sub-img {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  .practical-training__sports-health__internship__imgs {
    margin-top: -2em;
  }
  .practical-training__sports-health__internship__imgs > * {
    width: 140px;
  }
}

.c-course-features.c-bg1 {
  padding-right: 0;
  padding-left: 0;
}

.practical-training_sports-health__voice__sp-imgs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.--round-header-bg-theme-color-b {
  color: white;
  background-color: var(--theme-color-b);
  padding: 0.5em 0;
  border-radius: 1000px;
  font-weight: bold;
  text-align: center;
}

.practical-training__child-nursery__points {
  width: 100%;
}
.practical-training__child-nursery__points h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  font-size: 1.2em;
  margin-bottom: 1em;
}
.practical-training__child-nursery__points h3::before {
  content: "＼";
  font-size: 2em;
}
.practical-training__child-nursery__points h3::after {
  content: "／";
  font-size: 2em;
}

.yamamomo__imgs-container {
  margin-top: 3em;
}

.yamamomo__imgs-container figure {
  border: 1px solid #dddddd;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 4/1;
}
.yamamomo__imgs-container figure img {
  width: 70%;
}

.practical-training ._nursery-header {
  display: flex;
  gap: 0.5em;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.3em;
}
.practical-training ._nursery-header::before {
  content: "";
  display: block;
  width: 1em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--theme-color-b);
}
.practical-training ._nursery-header:has(figure) {
  position: relative;
}
.practical-training ._nursery-header figure {
  position: absolute;
  width: 14em;
  right: -3em;
  top: -2em;
  transform: translateY(-40%);
}

.practical-training__child-nursery__common {
  margin-top: 5em;
  margin-bottom: 5em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3em;
}
@media (max-width: 768px) {
  .practical-training__child-nursery__common {
    flex-direction: column;
  }
}

.practical-training__child-nursery__common__circles {
  display: flex;
  gap: 0.4em;
}

.practical-training__child-nursery__common__facilities {
  gap: 2em;
  letter-spacing: 0.02em;
}
@media (max-width: 768px) {
  .practical-training__child-nursery__common__facilities {
    gap: 4em;
  }
}

.practical-training__child-nursery__common__when div {
  background-color: #fff;
  padding: 0.3em 0.7em;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.practical-training__child-nursery__common__when div:first-child {
  margin-bottom: 8px;
}
.practical-training__child-nursery__common__when div::before {
  content: "";
  display: block;
  width: 0.8em;
  aspect-ratio: 1/1;
}
.practical-training__child-nursery__common__when div:first-child:before {
  background-color: var(--theme-color-a);
}
.practical-training__child-nursery__common__when div:nth-child(2)::before {
  background-color: var(--theme-color-b);
}

._nursery-small-header {
  padding: 0.3em 1em;
  display: flex;
  align-items: center;
  gap: 0.7em;
}
._nursery-small-header::before {
  content: "";
  display: block;
  width: 0.8em;
  aspect-ratio: 1/1;
  background-color: var(--theme-color-b);
}

.practical-training_child-nursery__to-where {
  position: relative;
}
.practical-training_child-nursery__to-where h4 {
  text-align: center;
  color: #fff;
  background-color: var(--theme-color-b);
  margin-top: 4em;
  margin-bottom: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.practical-training_child-nursery__to-where .practical-training__grid2 {
  gap: 3em;
}
.practical-training_child-nursery__to-where .--border-bottomed {
  width: 100%;
}

.practical-training_child-nursery__to-where__catch {
  position: absolute;
  bottom: 1em;
  right: 1em;
  width: 300px;
  transform: translateY(90%);
}

.practical-training_child-nursery__recognized__description {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 4em;
}

.practical-training_child-nursery__recognized__card {
  gap: 0;
}
.practical-training_child-nursery__recognized__card :nth-child(2) {
  padding-left: 1em;
  padding-right: 2em;
}

.practical-training_child-nursery__recognized__card__description {
  padding-right: 1em;
  padding-left: 1em;
}

.practical-training__child-nursery__map-title {
  margin-top: 7em;
  margin-bottom: 2em;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
}

.practical-training__child-nursery__map-container {
  overflow-x: scroll;
}
.practical-training__child-nursery__map-container img {
  max-width: unset;
  min-width: 700px;
}

@media (max-width: 768px) {
  .practical-training_child-nursery__top h3 {
    font-size: 1em;
    line-height: 1.7;
  }
  ._nursery-header.__long {
    display: block;
  }
  ._nursery-header.__long::before {
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 768px) {
  .practical-training__child-nursery__nuersery-only__content .c-middle-white-box {
    padding: 1em 1em 1.5em 1em;
  }
  .practical-training .nersery-only__img {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1em;
  }
  .practical-training_child-nursery__to-where h4 {
    font-size: 1.1em;
  }
}

@media screen and (min-width: 750.2px) {
  .--sp-mt-6em {
    margin-top: 6em;
  }
  
}
.sports-health__jati-icon {
  width: 3em;
  vertical-align: middle;
  display: inline;
}

.c-course-block-top :is(.u-grid, .u-grid12) > * {
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-course-curriculum__header .c-course-curriculum__header__btns a.c-btn3:nth-child(n=1){
  display: none;
}

/* Japanese EN */
.c-list-etc > *:last-child::after, .c-list-etc--bottom.en > *:last-child::after {
  content: "etc";
  display: block;
  position: absolute;
  bottom: 0;
  right: -2.5em;
}

/* activity */
.activity__text {
  max-width: 832px;
  padding: 1em 16px;
}
.activity__imgs {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  gap: 1em;
  justify-content: center;
  align-items: center;
}
.activity__imgs :is(img, p, div) {
  width: 30%;
  max-width: unset;
}
.activity__imgs div > * {
  width: 100%;
}
@media screen and (max-width: 750px) {
  .activity__imgs {
    flex-direction: column;
  }
  .activity__imgs :is(img, p, div) {
    width: 90%;
  }
}
.big-image {
  width: 60%!important;
}
@media screen and (max-width: 750px) {
  .big-image {
    width: 100%!important;
  }
}

_::-webkit-full-page-media, _:future, :root .timetable__sales-bridal .timetable__text-vertical {
  writing-mode: unset;
}

.emergency-nav{
  background: #ca161e;
  color: #FFF;
}

/* nursing */
.nursing__banner {
  padding: 1em 0;
  max-width: 1232px;
  padding-right: 16px;
  padding-left: 16px;
  border-top: 2px dotted rgba(0, 0, 0, 0.2);
  border-bottom: 2px dotted rgba(0, 0, 0, 0.2);
  margin-right: auto;
  margin-bottom: 2em;
  margin-left: auto;
}
.nursing__banner > div > * {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: .5em;
}
.nursing__banner > div:first-child {
  margin-bottom: 1em;
}
.nursing__banner > div::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.3em;
  aspect-ratio: 1/1;
  background-image: url(https://www.ryoma.ac.jp//wp-content/uploads/icon__check.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1em;
  margin-bottom: .5em;
}
.nursing__banner > div span {
  color: #fff;
  padding: 0.2em 1em;
  border-radius: 1000px;
  font-weight: bold;
}
.nursing__banner > div span:first-child {
  background-color: #EA5A46;
}
.nursing__banner > div span:nth-child(2) {
  background-color: #F7931E;
}
.nursing__banner > div span:nth-child(3) {
  background-color: #FFBC00;
}
.nursing__banner > div strong {
  margin-bottom: .3em;
  position: relative;
  z-index: 0;
  margin-left: 4px;
}
.nursing__banner > div strong::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #FCEE20;
  border-radius: 1000px;
  top: 50%;
  right: -4px;
  bottom: 2px;
  left: -4px;
  z-index: -1;
}
@media screen and (min-width: 750px) {
  .sp--blank {
    display: none!important;
  }
}

.stairs__container__outer {
  max-width: 1232px;
  padding-right: 16px;
  padding-left: 16px;
  width: 100vw;
  position: relative;
}

.stairs__container__outer > p {
  position: absolute;
  padding: 1em 2em;
  background-color: #fff;
  border-radius: 1000px;
  text-align: center;
  top: 0;
  left: 0;
}
.stairs__container__outer > p::before {
  content: "";
  display: block;
  position: absolute;
  width: 3em;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 50%;
  bottom: 0;
  left: 20%;
  transform: translateY(55%);
}
.stairs__container__outer > p::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.3em;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 50%;
  bottom: -2.5em;
  left: calc(20% + 2.5em);
}

.stairs {
  width: 1200px;
  height: 21em;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  align-items: end;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
}
.stairs > div {
  padding-top: 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 2px solid #000;
}
.stairs > div:not(:last-child) {
  border-right: none;
}
.stairs > div strong {
  display: block;
  margin-left: auto;
  padding-right: 8px;
  font-family: "Montserrat" sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2em;
}
.stairs > :nth-child(1) {
  height: 7.875em;
  background: linear-gradient(to right, rgb(89, 189, 236) 0%, rgb(94, 191, 234) 100%);
}
.stairs > :nth-child(2) {
  height: 9.75em;
  background: linear-gradient(to right, rgb(94, 191, 234) 0%, rgb(99, 193, 232) 100%);
}
.stairs > :nth-child(3) {
  height: 11.625em;
  background: linear-gradient(to right, rgb(99, 193, 232) 0%, rgb(104, 195, 229) 100%);
}
.stairs > :nth-child(4) {
  height: 13.5em;
  background: linear-gradient(to right, rgb(104, 195, 229) 0%, rgb(109, 197, 227) 100%);
}
.stairs > :nth-child(5) {
  height: 15.375em;
  background: linear-gradient(to right, rgb(109, 197, 227) 0%, rgb(113, 198, 225) 100%);
}
.stairs > :nth-child(6) {
  height: 17.25em;
  background: linear-gradient(to right, rgb(113, 198, 225) 0%, rgb(118, 200, 223) 100%);
}
.stairs > :nth-child(7) {
  height: 19.125em;
  background: linear-gradient(to right, rgb(118, 200, 223) 0%, rgb(123, 202, 220) 100%);
}
.stairs > :nth-child(8) {
  height: 21em;
  background: linear-gradient(to right, rgb(123, 202, 220) 0%, rgb(128, 204, 218) 100%);
}

.stairs-headers,
.stairs-months {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  width: 1200px;
  font-weight: bold;
}
.stairs-headers > div,
.stairs-months > div {
  padding: 0.3em;
  border-left: 2px solid #000;
  position: relative;
}
.stairs-headers > div > h4,
.stairs-months > div > h4 {
  font-size: 1.1em;
  line-height: 1.1;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 0.3em;
  padding-left: 0.3em;
  margin-right: auto;
  margin-left: auto;
  background-color: #80CCDA;
  border: 2px solid #000;
  border-radius: 4px;
}
.stairs-headers > :last-child,
.stairs-months > :last-child {
  border-right: 2px solid #000;
}
.stairs-headers > :first-child,
.stairs-months > :first-child {
  grid-column: span 1;
}
.stairs-headers > :nth-child(2),
.stairs-months > :nth-child(2) {
  grid-column: span 3;
}
.stairs-headers > :nth-child(3),
.stairs-months > :nth-child(3) {
  grid-column: span 4;
}

.stairs-headers {
  margin-top: 8px;
}
.stairs-headers > div {
  border-bottom: 2px solid #000;
}
.stairs-headers > div::after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #80CCDA;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
  z-index: 1;
}
.stairs-headers > div > :first-child::before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #80CCDA;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
  z-index: 1;
}

.stairs-months > div {
  display: grid;
}
.stairs-months > div p {
  padding-left: 1em;
}
.stairs-months > :first-child {
  grid-template-columns: 1fr;
}
.stairs-months > :nth-child(2) {
  grid-template-columns: repeat(3, 1fr);
}
.stairs-months > :nth-child(3) {
  grid-template-columns: 1fr;
  text-align: center;
}
.stairs-months > :nth-child(3) p {
  padding-left: 0;
}

/* opencampus */
:has(> .clip-path) {
  padding-top: 80px;
  -webkit-clip-path: polygon(0 48px, calc(50% - 32px) 48px, 50% 0, calc(50% + 32px) 48px, 100% 48px, 100% 100%, 0 100%);
          clip-path: polygon(0 48px, calc(50% - 32px) 48px, 50% 0, calc(50% + 32px) 48px, 100% 48px, 100% 100%, 0 100%);
  padding: 2px;
  background-color: #000;
  max-width: 1200px;
  width: 100%;
}

.clip-path {
  -webkit-clip-path: polygon(0 48px, calc(50% - 32px + 1px) 48px, 50% 1px, calc(50% + 32px - 1px) 48px, 100% 48px, 100% 100%, 0 100%);
          clip-path: polygon(0 48px, calc(50% - 32px + 1px) 48px, 50% 1px, calc(50% + 32px - 1px) 48px, 100% 48px, 100% 100%, 0 100%);
  padding-top: 80px;
  padding-right: 1em;
  padding-bottom: 1.5em;
  padding-left: 1em;
  background-color: #fff;
  text-align: center;
}

.block-medium > *:has(+ *) {
  margin-bottom: 2em;
}
.block-medium .--bordered-text {
  display: inline-block;
  padding-right: 0.3em;
  padding-left: 0.3em;
  border: 1px solid #000;
  margin-right: 0.1em;
}

.block-small > *:has(+ *) {
  margin-bottom: 1em;
}

.block-grid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5em;
}
.block-grid2 > div {
  padding: 1em 0;
  background-color: #F2F2F2;
  border-radius: 1.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.block-grid2 > div > * {
  margin-right: auto;
  margin-left: auto;
}
.block-grid2 .--color-red {
  color: #CA161E;
}

.crossed-blocks {
  font-weight: bold;
}
.crossed-blocks > *:not(p) {
  display: inline-block;
  vertical-align: middle;
  border-radius: 1000px;
  padding-right: 1.2em;
  vertical-align: middle;
  background-color: #fff;
}
.crossed-blocks > * span {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 0.7em 0;
  margin-right: 1.2em;
  color: #fff;
  z-index: 0;
}
.crossed-blocks > * span::before {
  content: "";
  display: block;
  position: absolute;
  aspect-ratio: 1/1;
  border-radius: 50%;
  top: -2px;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.crossed-blocks > :first-child {
  border: 2px solid #00A6D9;
  position: relative;
  margin-right: 3em;
}
.crossed-blocks > :first-child span::before {
  background-color: #00A6D9;
}
.crossed-blocks > :first-child::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.6em;
  aspect-ratio: 1/1;
  background-image: url(https://www.ryoma.ac.jp//wp-content/uploads/icon_cross.svg);
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  right: -0.7em;
  transform: translate(100%, -50%);
}
.crossed-blocks > :nth-child(2) {
  border: 2px solid #d85f28;
}
.crossed-blocks > :nth-child(2) span::before {
  background-color: #d85f28;
}
.open-campus__fs-big {
  font-size: 1.2em;
}
.p-open-campus-schedule ul.list{
  width: 98%;
  margin-inline: auto;
  align-items: baseline;
  justify-content: flex-start;
  gap: 20px 2%;

}

.p-open-campus-schedule ul.list li {
width: 18%;
}

.p-open-campus-schedule ul.list li *{
  margin: 0;
  padding: 0;
}

.p-open-campus-schedule ul.list li time{
  font-size: 1.685rem;
  color: #000;
  }

  .p-open-campus-schedule ul.list li.operate-bus time{
    color: #e95503;
  }
  .p-open-campus-schedule ul.list li.operate-bus p{
    color: #FFF;
    background: #e95503 ;
    padding: 0 0.5em 0.15em 0.5em;
    border-radius: 4px;
  }
  .p-open-campus-schedule > * h2 {
    width: 80%;
    text-align: center;
    max-width: 260px;
  }

@media (max-width: 750px) {
  .p-open-campus-mv .info:has(.clip-path) {
    padding-right: 8px;
    padding-left: 8px;
  }
  .block-grid2 {
    grid-template-columns: 1fr;
  }
  .crossed-blocks > *:not(p) {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
  }
  .crossed-blocks > :first-child {
    margin-right: auto;
    margin-bottom: 3em;
  }
  .crossed-blocks > :first-child::after {
    top: unset;
    right: 50%;
    bottom: -0.7em;
    transform: translate(50%, 100%);
  }
  .p-open-campus-schedule ul.list{
    width: 100%;
    font-size: 1.45rem;
    gap:15px 3%;
  }

  .p-open-campus-schedule ul.list li {
    width: 46%;
  }
  .p-open-campus-schedule ul.list li time{
  font-size: 1.25rem;
  }
}
.c-school-top-our_school :is(h2, h3, p) {
  -webkit-text-stroke: .1em white;
  paint-order: stroke;
  text-shadow: 0 0 .2em rgba(255, 255, 255, .7);
}
.h-side-gnav .main-nav .emergency-nav{
  background: #ca161e;
  color: #FFF;
}

.h-rcb-gnav__main .emergency-nav,
.h-rdb-gnav__main .emergency-nav,
.h-rnw-gnav__main .emergency-nav{
  color: #ca161e;
  background: none;

}

/* scholarship */
.c-scholarship-pagettl {
  max-width: 500px;
  width: 100%;
  margin-right: auto;
  margin-bottom: 3em;
  margin-left: auto;
  font-size: 1.2em;
  letter-spacing: .2em;
}
.c-scholarship-pagettl :first-child {
  border: 2px solid #000;
  text-align: center;
  padding: .3em 0;
  display: inline-block;
  width: 50%;
}
.c-scholarship-pagettl :nth-child(2) {
  border: 2px solid #000;
  text-align: center;
  padding: .3em 0;
  color: #fff;
  background-color: #000;
  display: inline-block;
  width: 50%;
}
.c-scholarship-ttl {
  width: -moz-fit-content;
  width: fit-content;
}
.c-scholarship-description {
  background-color: #F6F6F6;
  padding: 1.5em 16px 2em 16px;
  max-width: 1000px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.c-scholarship-description > * {
    margin-right: auto;
    margin-left: auto;
    max-width: 560px;
    text-align: left;
}
.c-scholarship-description > *:has(+ *) {
  margin-bottom: 1em;
}
.c-scholarship-ttl::after {
  content: "";
  display: block;
  width: 100%;
  height: 18px;
  background-color: currentColor;
  -webkit-clip-path: polygon(0 0, calc(50% - 11px) 0, 50% calc(100% - 3.33px), calc(50% + 11px) 0, 100% 0, 100% 2px, calc(50% + 12px) 2px, 50% 100%, calc(50% - 12px) 2px, 0 2px);
          clip-path: polygon(0 0, calc(50% - 11px) 0, 50% calc(100% - 3.33px), calc(50% + 11px) 0, 100% 0, 100% 2px, calc(50% + 12px) 2px, 50% 100%, calc(50% - 12px) 2px, 0 2px);
}
.c-scholarship-ttl h3 {
  padding: .3em;
}
.c-scholarship-section {
  padding: 72px 16px 48px 16px;
}
.c-scholarship-section > * {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
.c-scholarship-section > *:has(+ *) {
  margin-bottom: 2em;
}
.c-scholarship-companies > * {
  padding: .4em 0 .4em .4em;
  border-bottom: 2px solid #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-scholarship-companies p {
  padding-left: 1.2em;
}
.c-scholarship-companies p::before {
  content: "";
  display: inline-block;
  margin-left: -1.2em;
  width: .7em;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  border: .5px solid #000;
  margin-right: .5em;
  vertical-align: middle;
}
.c-scholarship-companies a {
  width: 300px;
  border: 2px solid #000;
  padding: .2em;
  text-align: center;
  position: relative;
}
.c-scholarship-companies a::after {
  content: "";
  display: block;
  position: absolute;
  width: 1em;
  aspect-ratio: 1 / 1;
  background-image: url(https://www.ryoma.ac.jp/wp-content/themes/original-theme/assets/images/icon_simple_chevron.svg);
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  right: .5em;
  transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  .c-scholarship-companies > * {
    flex-direction: column;
    gap: .7em;
    align-items: flex-start;
    padding: .8em 2em .8em .4em;
  }
  .c-scholarship-companies a {
    width: 200px;
  }

  .p-top-bnrarea .slick-slide{
    width: 35%!Important;
    margin: 0!Important;
    padding: 0.5%!Important;
  }
}

/* transfer */
.c-transfer-simulation {
  margin-bottom: 128px;
  padding: 48px 0;
  background-color: #f6f6f6;
}

/* civil-service  */
@media screen and (max-width: 750px) {
.c-border-card .tab1 {
  width: 80px;
  height: 80px;
  left: 0;
  right: -15px;
}
}

/* culinary-management */

@media (max-width: 750px) {
  .c-culinary-block1 .col-md-12 {
      grid-column: span 12;
      width: 64%;
  }
  .p-culinary__block1 .u-grid {
    grid-template-columns: repeat(6, 1fr);
  }
  .culinary-management .c-course-features__block1 {
    padding: 0 12px;
  }
}

/* h-side-gnav 一人暮らしサポート */
.side-gnav-alone-support::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: .2em;
  width: .6em;
  aspect-ratio: 1 / 1;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/common/icon-blank-bk.svg);
}