/*---------utility---------*/
.u-flex {
  display: flex;
  flex-wrap: wrap;
}
.u-flex_n {
  display: flex;
  flex-wrap: wrap;
}
.u-fdrr{
  flex-direction:row-reverse;
}
.u-pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .u-pc {
    display: none;
  }
  .u-flex_n {
    display: block;
  }
  .u-wrap__detail {
    max-width: 90%;
  }
}

.u-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .u-sp {
    display: block;
  }
}

.u-po-re {
  position: relative;
}

.u-jcc {
  justify-content: center;
}

.u-aic {
  align-items: center;
}

.u-jcsb {
  justify-content: space-between;
}

.u-jcsa {
  justify-content: space-around;
}

.u-jcfe {
  justify-content: flex-end;
}

.u-tac {
  text-align: center;
}

.u-tar {
  text-align: right;
}

.u-bold {
  font-weight: bold;
}

.c-text{
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.875;
  letter-spacing: 0.03em;
}
    @media screen and (max-width: 768px) {
      .c-text{
        font-size:calc(15 * var(--width-ratio));;
        font-weight: 500;
        line-height: 1.875;
        letter-spacing: 0.03em;
      }
    }
/*---------_breadcrumb---------*/
.l-breadcrumb {
  background-color: var(--color-creem);
  padding:6px 18px;
  border-radius: 4px;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .l-breadcrumb {
    background-color: var(--color-creem);
  }
}
.l-breadcrumb__list {
  width: fit-content;
  justify-content: space-between;
  gap: 8px;
}

.l-breadcrumb__item {
  color: #BABABA;
  font-size: 1.2rem;
  font-weight: 500;
}

.l-breadcrumb__item-link {
  color: var(--color-main);
  display: flex;
  align-items: center;
  text-decoration: underline;
}
.l-breadcrumb__item-link::after{
  content:"";
  background-image:url(../images/common/breadcrumb-arrow.svg);
  background-size:100% 100%;
  width:3.17px;
  height:6px;
  display:block;
  margin-left:8px;
}
    @media screen and (max-width: 768px) {
      .l-breadcrumb{
        margin:0 calc(24 * var(--width-ratio));
      }
      .l-breadcrumb__list {
        width: fit-content;
        justify-content: space-between;
        gap: 6px;
      }

      .l-breadcrumb__item {
        color: #BABABA;
        font-size: calc(12 * var(--width-ratio));;
        font-weight: 500;
      }

      .l-breadcrumb__item-link {
        color: var(--color-main);
        display: flex;
        align-items: center;
      }
      .l-breadcrumb__item-link::after{
        content:"";
        background-image:url(../images/common/breadcrumb-arrow.svg);
        background-size:100% 100%;
        width:calc(3.17 * var(--width-ratio));;
        height:calc(6 * var(--width-ratio));;
        display:block;
        margin-left:calc(6 * var(--width-ratio));;
      }
    }
.p-campus__wrap{
  max-width: 1200px;
  width: calc(100% - calc(60 * var(--width-ratio)));
  margin: 0 auto;
}
.p-campus__top-wrap{
  margin: 160px auto 87.7px;
}
.p-campus__inner{
  position: relative;
  margin: 0 auto;
}
    @media screen and (max-width: 768px) {
      .p-campus__wrap{
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
      }
      .p-campus__top-wrap{
        margin:calc(78 * var(--width-ratio)) auto 0;
      }
      .p-campus__inner{
        position: relative;
        margin: calc(81 * var(--width-ratio)) auto 0;
      }
    }
.p-campus__top{
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
}
.p-campus__top-deco01{
  display: block;
  width: 107.06px;
  height:93.85px;
  position: absolute;
  left:-161.5px;
  bottom:87px;
}
.p-campus__top-deco02{
  display: block;
  width: 134.16px;
  height:107px;
  position: absolute;
  right:-186.25px;
  top:39.4px;
}
.p-campus__top-contents{
  width:34.9%;
  margin-bottom:34.8px;
}
.p-campus__title{
  margin-bottom:35px;
  font-size:4.8rem;
}
.p-campus__top-img{
  width:63.16%;
  margin-right:-44px;
  margin-top:-24.1px;
}
  @media screen and (max-width: 1235px){
    .p-campus__title{
      line-height:1.5;
    }
    .p-campus__top-contents{
      padding-top:30px;
    }
  }
  @media screen and (max-width: 868px){
    .p-campus__title{
      line-height:1.5;
      font-size:42px;
    }

  }
    @media screen and (max-width: 768px) {
      .p-campus__top{
        align-items: flex-end;
        justify-content: space-between;
        position: relative;
      }
      .p-campus__top-deco01{
        display: none;
      }
      .p-campus__top-deco02{
        display: block;
        width: calc(134.16 * var(--width-ratio));
        height:calc(107 * var(--width-ratio));
        position: absolute;
        right:-17.893vw;
        top:-14.267vw;
      }
      .p-campus__top-contents{
        width:100%;
        padding:0 calc(24 * var(--width-ratio));
        margin-bottom:calc(22.3 * var(--width-ratio));
      }
      .p-campus__title{
        line-height:1.75;
        font-size:calc(28 * var(--width-ratio));;
        margin-bottom:calc(32 * var(--width-ratio));;
      }
      .p-campus__top-img{
        width:100%;
        margin-right:0;
        margin-top:0;
      }
    }
.p-campus .c-cntInner{
  background-color:var(--color-creem);
}
.p-campus__cntInner-top{
  border:unset;
  border-top: 1px solid var(--color-main);
  padding:140.5px 28px 113px;
  margin-bottom:56.6px;
}
.p-campus__features-inner{
  background-color:#fff;
  border: 1px solid var(--color-main);
  border-radius: 16px;
  padding:88px 61px;
  max-width: 1324px;
}
.p-campus__features .c-secTitle{
  margin-bottom:52.5px;
}
.p-campus__features-flex{
  gap:56px;
  align-items: center;
  margin-bottom:80px;
  margin-bottom:0;
}
.p-campus__features-map{
  width:49%;
  height:389px;
  border-radius: 12px;
  overflow: hidden;
}
.p-campus__features-contents{
  flex:1;
}
.p-campus__features-head{
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom:10.4px;
  color: var(--color-main);
}
.p-campus__features-text{
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.875;
  letter-spacing: 0.03em;
  margin-bottom:35.6px;
}
.p-campus__features-tel{
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  color: var(--color-main);
  display:flex;
  align-items: center;
  font-family: var(--font-Inter);
}
.p-campus__features-tel::before{
  content:"";
  background-image:url(../images/campus/tel-icon.svg);
  background-size:100% 100%;
  width:15.44px;
  height:22.71px;
  display:block;
  margin-right:6.3px;
}
.p-campus__subtitle{
  display: flex;
  align-items: center;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: var(--color-main);
  margin-bottom:41px;
}
.p-campus__subtitle::before{
  content:"";
  background-image:url(../images/campus/ttl-deco.png);
  background-size:100% 100%;
  width:30px;
  height:24px;
  display:block;
  margin-right:17px;
}
  @media screen and (max-width: 1024px){
    .p-campus__features-map{
      width:100%;
    }
  }
    @media screen and (max-width: 768px) {
      .p-campus .c-cntInner{
        background-color:var(--color-creem);
      }
      .p-campus__cntInner-top{
        border:unset;
        border-top: 1px solid var(--color-main);
        padding:calc(80 * var(--width-ratio)) calc(14 * var(--width-ratio)) calc(75 * var(--width-ratio));
        margin-bottom:calc(31.3 * var(--width-ratio));
      }
      .p-campus__features-inner{
        background-color:#fff;
        border: 1px solid var(--color-main);
        border-radius: calc(8 * var(--width-ratio));
        padding:calc(50 * var(--width-ratio)) calc(23* var(--width-ratio));
        max-width: 1324px;
      }
      .p-campus__features .c-secTitle{
        margin-bottom:calc(50 * var(--width-ratio));
        text-align: left;
      }
      .p-campus__features .c-secTitle::before{
        margin-right:auto;
        margin-left:0;
      }
      .p-campus__features-flex{
        gap:calc(17.9 * var(--width-ratio));
        align-items: center;
        margin-bottom:calc(31.3 * var(--width-ratio));
        margin-bottom:0;
      }
      .p-campus__features-map{
        width:100%;
        height:calc(185 * var(--width-ratio));
        border-radius: 12px;
        overflow: hidden;
      }
      .p-campus__features-contents{
        flex:1;
      }
      .p-campus__features-head{
        font-size: calc(16 * var(--width-ratio));
        font-weight: bold;
        line-height: 1.4;
        margin-bottom:calc(7.4 * var(--width-ratio));
        color: var(--color-main);
      }
      .p-campus__features-text{
        font-size: calc(15 * var(--width-ratio));
        font-weight: 500;
        line-height: 1.875;
        letter-spacing: 0.03em;
        margin-bottom:18px;
      }
      .p-campus__features-tel{
        font-size: calc(22 * var(--width-ratio));
        font-weight: bold;
        line-height: 1.4;
        color: var(--color-main);
        display:flex;
        align-items: center;
        font-family: var(--font-Inter);
        text-decoration:none;
        pointer-events:none;
      }
      .p-campus__features-tel a{
        color: var(--color-main);
      }
      .p-campus__features-tel::before{
        content:"";
        background-image:url(../images/campus/tel-icon.svg);
        background-size:100% 100%;
        width:calc(15.44 * var(--width-ratio));
        height:calc(22.71 * var(--width-ratio));
        display:block;
        margin-right:calc(6.3 * var(--width-ratio));
      }
      .p-campus__subtitle{
        display: flex;
        align-items: center;
        font-size: calc(20 * var(--width-ratio));
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: 0.03em;
        color: var(--color-main);
        margin-bottom:calc(23.3 * var(--width-ratio));
      }
      .p-campus__subtitle::before{
        content:"";
        background-image:url(../images/campus/ttl-deco.png);
        background-size:100% 100%;
        width:calc(15 * var(--width-ratio));
        height:calc(12 * var(--width-ratio));
        display:block;
        margin-right:calc(8 * var(--width-ratio));
      }
    }

.p-campus__cntInner-bottom{
  border:unset;
  padding:0;
}
    @media screen and (max-width: 768px) {

    }