@charset "UTF-8";
/*　WEB出願について　mv
----------------------------------------------- */
/*　WEB出願について　action
----------------------------------------------- */
.web_application-action {
  padding-top: 10.2489vw;
  padding-bottom: 10.98097vw;
}

.web_application-action__items {
  margin-top: -13.17716vw;
}

.web_application-action__item {
  margin-top: 13.17716vw;
}

.web_application-action__desc {
  padding-top: 4.39239vw;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 3.71429vw;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.web_application-action__desc > * {
  line-height: 1.9;
}

.web_application-action__desc > *::before, .web_application-action__desc > *::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-action__desc > *::before {
  margin-top: calc((1 - 1.9) * 0.5em);
}

.web_application-action__desc > *::after {
  margin-bottom: calc((1 - 1.9) * 0.5em);
}

.web_application-action__banner {
  display: block;
  margin-top: 10.2489vw;
  height: 35.87116vw;
  font-family: "Noto Serif JP", serif;
  font-size: 6vw;
  letter-spacing: 0.075em;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  background-image: url(../../img/page/admission/web_application_action_banner_bg_sp.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.web_application-action__banner > * {
  height: 100%;
  padding-bottom: 5.85652vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.web_application-action__banner > *::before, .web_application-action__banner > *::after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: calc(6vw / 6.83);
  width: 5.85652vw;
  height: 5.85652vw;
}

.web_application-action__banner > *::before {
  top: 1.46413vw;
  left: 1.46413vw;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.web_application-action__banner > *::after {
  bottom: 1.46413vw;
  right: 1.46413vw;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: #ffffff;
  border-right-color: #ffffff;
}

.web_application-action__banner > * > * {
  line-height: 1.5;
}

.web_application-action__banner > * > *::before, .web_application-action__banner > * > *::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-action__banner > * > *::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.web_application-action__banner > * > *::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media screen and (min-width: 700.9999px) {
  .web_application-action {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .web_application-action__items {
    margin-top: -90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .web_application-action__item {
    margin-top: 90px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .web_application-action__item:nth-child(2) {
    -webkit-transition-delay: .5s !important;
            transition-delay: .5s !important;
  }
  .web_application-action__desc {
    font-size: 18px;
    padding-top: 20px;
  }
  .web_application-action__banner--wrap {
    -webkit-transition-delay: .9s !important;
            transition-delay: .9s !important;
  }
  .web_application-action__banner {
    background-image: url(../../img/page/admission/web_application_action_banner_bg_pc.svg);
    margin-top: 90px;
    height: 150px;
    font-size: 28px;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    overflow: hidden;
  }
  .web_application-action__banner::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: '';
    background-color: #f4f8f8;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .web_application-action__banner > * {
    height: 100%;
    padding-bottom: 5.85652vw;
    z-index: 2;
    padding-bottom: 5px;
  }
  .web_application-action__banner > *::before, .web_application-action__banner > *::after {
    width: 30px;
    height: 30px;
    border-width: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .web_application-action__banner > *::before {
    top: 1.46413vw;
    left: 1.46413vw;
    border-top-color: #ffffff;
    border-left-color: #ffffff;
    border-bottom-color: transparent;
    border-right-color: transparent;
    top: 10px;
    left: 10px;
  }
  .web_application-action__banner > *::after {
    bottom: 1.46413vw;
    right: 1.46413vw;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #ffffff;
    border-right-color: #ffffff;
    bottom: 10px;
    right: 10px;
  }
  .web_application-action__banner > * > * {
    line-height: 1.5;
  }
  .web_application-action__banner > * > *::before, .web_application-action__banner > * > *::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .web_application-action__banner > * > *::before {
    margin-top: calc((1 - 1.5) * 0.5em);
  }
  .web_application-action__banner > * > *::after {
    margin-bottom: calc((1 - 1.5) * 0.5em);
  }
  .web_application-action__banner:hover {
    letter-spacing: 0.15em;
    color: #2c318d;
  }
  .web_application-action__banner:hover > *::before {
    border-top-color: #2c318d;
    border-left-color: #2c318d;
    top: 0;
    left: 0;
  }
  .web_application-action__banner:hover > *::after {
    border-bottom-color: #2c318d;
    border-right-color: #2c318d;
    bottom: 0;
    right: 0;
  }
  .web_application-action__banner:hover::before {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

/*　WEB出願について　flow
----------------------------------------------- */
.web_application-flow {
  padding-top: 13.17716vw;
  padding-bottom: 11.71303vw;
  position: relative;
}

.web_application-flow::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f8f8;
}

.web_application-flow > * {
  position: relative;
  z-index: 2;
}

.web_application-flow__desc {
  padding-top: 5.85652vw;
}

.web_application-flow__item {
  width: calc(100% + (50vw / 6.83));
  padding-top: 7.32064vw;
  padding-left: 5.85652vw;
  padding-right: 6.58858vw;
  padding-bottom: 7.32064vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(120vw / 6.83) 1fr;
      grid-template-columns: calc(120vw / 6.83) 1fr;
  grid-auto-rows: auto auto;
  position: relative;
}

.web_application-flow__item:nth-child(odd) {
  background-color: white;
}

.web_application-flow__item:nth-child(odd)::after {
  background-color: white;
}

.web_application-flow__item::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: -2.92826vw;
  bottom: calc((-20vw / 6.83) + 1px);
  left: 10.2489vw;
  width: 4.83163vw;
  height: 2.92826vw;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  background-color: #f4f8f8;
}

.web_application-flow__item::before {
  content: '';
  position: absolute;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
}

.web_application-flow__item.item01::before {
  top: 11.71303vw;
  right: 7.32064vw;
  background-image: url(../../img/page/admission/web_application_flow_icon_01.svg);
  width: 15.1142vw;
  height: 10.83455vw;
}

.web_application-flow__item.item02::before {
  top: 11.71303vw;
  right: 8.78477vw;
  background-image: url(../../img/page/admission/web_application_flow_icon_02.svg);
  width: 13.08931vw;
  height: 9.66325vw;
}

.web_application-flow__item.item03::before {
  top: 9.51684vw;
  right: 10.2489vw;
  background-image: url(../../img/page/admission/web_application_flow_icon_03.svg);
  width: 13.51245vw;
  height: 12.90776vw;
}

.web_application-flow__item.item04::before {
  top: 9.51684vw;
  right: 8.78477vw;
  background-image: url(../../img/page/admission/web_application_flow_icon_04.svg);
  width: 12.4451vw;
  height: 12.4451vw;
}

.web_application-flow__item.item05::before {
  top: 9.51684vw;
  right: 10.2489vw;
  background-image: url(../../img/page/admission/web_application_flow_icon_05.svg);
  width: 10.15959vw;
  height: 12.43924vw;
}

.web_application-flow__item.item06::before {
  top: 7.32064vw;
  right: 8.78477vw;
  background-image: url(../../img/page/admission/web_application_flow_icon_06.svg);
  width: 9.68521vw;
  height: 16.38799vw;
}

.web_application-flow__item.item07::before {
  top: 10.2489vw;
  right: 10.2489vw;
  background-image: url(../../img/page/admission/web_application_flow_icon_07.svg);
  width: 12.7101vw;
  height: 13.10688vw;
}

.web_application-flow__item.item08::before {
  top: 10.2489vw;
  right: 8.78477vw;
  background-image: url(../../img/page/admission/web_application_flow_icon_08.svg);
  width: 12.4451vw;
  height: 12.4451vw;
}

.web_application-flow__item.item09::before {
  top: 10.2489vw;
  right: 10.2489vw;
  background-image: url(../../img/page/admission/web_application_flow_icon_09.svg);
  width: 13.59736vw;
  height: 12.37042vw;
}

.web_application-flow__num {
  margin-left: -2.92826vw;
  color: #2c318d;
}

.web_application-flow__num > * > * {
  display: block;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
}

.web_application-flow__num > * > *:first-child {
  font-size: 3.85714vw;
}

.web_application-flow__num > * > *:last-child {
  margin-top: 1.46413vw;
  font-size: 12.85714vw;
}

.web_application-flow__heading {
  font-family: "Noto Serif JP", serif;
  color: #2c318d;
  font-weight: 600;
  font-size: 4.57143vw;
  letter-spacing: 0.05em;
  padding-left: 3.66032vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.web_application-flow__heading > * {
  line-height: 1.6;
}

.web_application-flow__heading > *::before, .web_application-flow__heading > *::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-flow__heading > *::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}

.web_application-flow__heading > *::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}

.web_application-flow__heading > * > * {
  font-size: 0.75em;
  letter-spacing: 0;
}

.web_application-flow__summary {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  padding-top: 6.58858vw;
  line-height: 1.9;
  letter-spacing: 0.025em;
}

.web_application-flow__summary::before, .web_application-flow__summary::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-flow__summary::before {
  margin-top: calc((1 - 1.9) * 0.5em);
}

.web_application-flow__summary::after {
  margin-bottom: calc((1 - 1.9) * 0.5em);
}

.web_application-flow__note {
  padding-top: 6.58858vw;
  margin-left: 5.85652vw;
  padding-right: 5.12445vw;
  letter-spacing: 0.025em;
  line-height: 1.93;
  width: 100%;
}

.web_application-flow__note::before, .web_application-flow__note::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-flow__note::before {
  margin-top: calc((1 - 1.93) * 0.5em);
}

.web_application-flow__note::after {
  margin-bottom: calc((1 - 1.93) * 0.5em);
}

.web_application-flow__pdf {
  margin-top: 16.10542vw;
}

.web_application-flow__pdf--items {
  padding-top: 5.85652vw;
  margin-top: -1.46413vw;
}

.web_application-flow__pdf--item {
  margin-top: 1.46413vw;
}

@media screen and (min-width: 700.9999px) {
  .web_application-flow {
    padding-top: 85px;
    padding-bottom: 80px;
  }
  .web_application-flow::before {
    width: calc(1280px - 140px + ((100% - 1280px) / 2));
  }
  .web_application-flow__desc {
    padding-top: 40px;
  }
  .web_application-flow__item {
    width: 100%;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 45px;
    padding-bottom: 43px;
    -ms-grid-columns: 115px 1fr;
        grid-template-columns: 115px 1fr;
    grid-auto-rows: 20px auto;
  }
  .web_application-flow__item:nth-child(odd) {
    background-color: white;
  }
  .web_application-flow__item:nth-child(odd)::after {
    background-color: white;
  }
  .web_application-flow__item::after {
    width: 25px;
    height: 15px;
    left: 60px;
    bottom: -15px;
    background-color: #f4f8f8;
  }
  .web_application-flow__item.item01::before {
    top: 55px;
    right: 55px;
    width: 103.23px;
    height: 74px;
  }
  .web_application-flow__item.item02::before {
    top: 60px;
    right: 65px;
    width: 89.4px;
    height: 66px;
  }
  .web_application-flow__item.item03::before {
    top: 45px;
    right: 70px;
    width: 92.29px;
    height: 88.16px;
  }
  .web_application-flow__item.item04::before {
    top: 45px;
    right: 65px;
    width: 85px;
    height: 85px;
  }
  .web_application-flow__item.item05::before {
    top: 75px;
    right: 75px;
    width: 69.39px;
    height: 84.96px;
  }
  .web_application-flow__item.item06::before {
    top: 35px;
    right: 75px;
    width: 66.15px;
    height: 111.9px;
  }
  .web_application-flow__item.item07::before {
    top: 45px;
    right: 60px;
    width: 86.81px;
    height: 89.52px;
  }
  .web_application-flow__item.item08::before {
    top: 45px;
    right: 65px;
    width: 85px;
    height: 85px;
  }
  .web_application-flow__item.item09::before {
    top: 50px;
    right: 60px;
    width: 92.87px;
    height: 84.49px;
  }
  .web_application-flow__num {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
    width: auto;
    margin-left: -10px;
    padding-right: 40px;
  }
  .web_application-flow__num > * > *:first-child {
    font-size: 16px;
  }
  .web_application-flow__num > * > *:last-child {
    font-size: 54px;
    margin-top: 10px;
  }
  .web_application-flow__heading {
    font-size: 20px;
    padding-left: 0;
  }
  .web_application-flow__heading > * {
    line-height: 1.6;
  }
  .web_application-flow__heading > *::before, .web_application-flow__heading > *::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .web_application-flow__heading > *::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .web_application-flow__heading > *::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
  .web_application-flow__heading > * > * {
    font-size: 0.8em;
    letter-spacing: 0;
  }
  .web_application-flow__summary {
    grid-column: auto;
    padding-top: 25px;
    letter-spacing: 0.05em;
    width: 610px;
  }
  .web_application-flow__note {
    line-height: 1.8;
    padding-top: 40px;
    margin-left: 0;
    padding-right: 70px;
    letter-spacing: 0.05em;
  }
  .web_application-flow__note::before, .web_application-flow__note::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .web_application-flow__note::before {
    margin-top: calc((1 - 1.8) * 0.5em);
  }
  .web_application-flow__note::after {
    margin-bottom: calc((1 - 1.8) * 0.5em);
  }
  .web_application-flow__pdf {
    margin-top: 80px;
    width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
  .web_application-flow__pdf--items {
    padding-top: 30px;
    margin-top: 0;
    margin-left: -20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .web_application-flow__pdf--item {
    margin-top: 0;
    margin-left: 20px;
    width: 320px;
  }
  .web_application-flow__pdf--item > * > * {
    padding-right: 20px;
  }
  .web_application-flow__pdf--item > * > *::after {
    right: 20px;
  }
}

/*　WEB出願について　faq
----------------------------------------------- */
.web_application-faq {
  padding-top: 13.17716vw;
  padding-bottom: 11.71303vw;
}

.web_application-faq__items {
  padding-top: 5.85652vw;
  margin-top: -2.92826vw;
}

.web_application-faq__item {
  margin-top: 2.92826vw;
}

@media screen and (max-width: 700.9999px) {
  .web_application-faq__item:nth-child(even) .web_application-faq__heading {
    color: #2c318d;
    background-color: #f4f8f8;
  }
}

.web_application-faq__heading {
  font-size: 4.57143vw;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  color: #ffffff;
  padding-left: 12.4451vw;
  padding-top: 5.56369vw;
  padding-bottom: 5.12445vw;
  position: relative;
  letter-spacing: 0.05em;
  background-color: #2c318d;
  -webkit-clip-path: polygon(0 0, calc(100% - (25vw / 6.83)) 0, 100% calc(25vw / 6.83), 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - (25vw / 6.83)) 0, 100% calc(25vw / 6.83), 100% 100%, 0 100%);
}

.web_application-faq__heading::before {
  content: 'Q';
  position: absolute;
  top: 4.83163vw;
  left: 4.68521vw;
  font-family: "Poppins", sans-serif;
  font-size: 5.71429vw;
  font-weight: 500;
}

.web_application-faq__heading > * {
  display: block;
  line-height: 1.6;
}

.web_application-faq__heading > *::before, .web_application-faq__heading > *::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-faq__heading > *::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}

.web_application-faq__heading > *::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}

.web_application-faq__heading > * > * {
  font-size: 0.8em;
}

.web_application-faq__text {
  padding-left: 12.4451vw;
  padding-right: 5.85652vw;
  padding-top: 7.32064vw;
  padding-bottom: 5.85652vw;
  position: relative;
  letter-spacing: 0.025em;
}

.web_application-faq__text::before {
  content: 'A';
  position: absolute;
  top: 5.85652vw;
  left: 4.68521vw;
  font-family: "Poppins", sans-serif;
  font-size: 5.71429vw;
  font-weight: 500;
  color: #2c318d;
}

.web_application-faq__text > * {
  line-height: 2;
}

.web_application-faq__text > *::before, .web_application-faq__text > *::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-faq__text > *::before {
  margin-top: calc((1 - 2) * 0.5em);
}

.web_application-faq__text > *::after {
  margin-bottom: calc((1 - 2) * 0.5em);
}

.web_application-faq__not {
  margin-top: 10.98097vw;
  position: relative;
}

.web_application-faq__not::before {
  content: '';
  position: absolute;
  top: 0;
  top: 2.92826vw;
  left: 0;
  width: 100%;
  height: calc(100% - (20vw / 6.83));
  background-color: white;
  border: 1px solid #2c318d;
}

.web_application-faq__not > * {
  position: relative;
  z-index: 2;
}

.web_application-faq__not--title > * {
  letter-spacing: 0.05em;
}

.web_application-faq__not--title > * > * {
  display: inline-block;
  background-color: #ffffff;
  padding-left: 2.92826vw;
  padding-right: 2.92826vw;
}

.web_application-faq__not--text {
  padding-top: 6.58858vw;
  padding-left: 7.32064vw;
  padding-right: 6.58858vw;
  padding-bottom: 7.32064vw;
  letter-spacing: 0.025em;
}

.web_application-faq__not--text > * {
  line-height: 2;
}

.web_application-faq__not--text > *::before, .web_application-faq__not--text > *::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-faq__not--text > *::before {
  margin-top: calc((1 - 2) * 0.5em);
}

.web_application-faq__not--text > *::after {
  margin-bottom: calc((1 - 2) * 0.5em);
}

.web_application-faq__not--text > * > * {
  color: #FF0000;
}

@media screen and (min-width: 700.9999px) {
  .web_application-faq {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .web_application-faq__items {
    padding-top: 60px;
    margin-top: -30px;
    margin-left: -40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .web_application-faq__item {
    margin-top: 30px;
    margin-left: 40px;
    width: calc(50% - 40px);
  }
  .web_application-faq__item:nth-child(4n + 2) .web_application-faq__heading, .web_application-faq__item:nth-child(4n + 3) .web_application-faq__heading {
    color: #2c318d;
    background-color: #f4f8f8;
  }
  .web_application-faq__heading {
    font-size: 20px;
    padding-left: 75px;
    padding-top: 35px;
    padding-bottom: 30px;
    -webkit-clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%);
  }
  .web_application-faq__heading::before {
    top: 30px;
    left: 30px;
    font-size: 32px;
  }
  .web_application-faq__heading > * {
    display: block;
    line-height: 1.6;
  }
  .web_application-faq__heading > *::before, .web_application-faq__heading > *::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .web_application-faq__heading > *::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .web_application-faq__heading > *::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
  .web_application-faq__heading > * > * {
    font-size: 0.8em;
    font-size: 1em;
  }
  .web_application-faq__text {
    letter-spacing: 0.05em;
    padding-left: 75px;
    padding-top: 25px;
    padding-bottom: 30px;
    padding-right: 30px;
  }
  .web_application-faq__text::before {
    top: 25px;
    left: 28px;
    font-size: 32px;
  }
  .web_application-faq__text > * {
    line-height: 2;
  }
  .web_application-faq__text > *::before, .web_application-faq__text > *::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .web_application-faq__text > *::before {
    margin-top: calc((1 - 2) * 0.5em);
  }
  .web_application-faq__text > *::after {
    margin-bottom: calc((1 - 2) * 0.5em);
  }
  .web_application-faq__not {
    margin-top: 55px;
  }
  .web_application-faq__not::before {
    top: 15px;
    height: calc(100% - 15px);
    background-color: #2c318d;
    -webkit-clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%);
    border: none;
  }
  .web_application-faq__not::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: calc(100% - 15px);
    background-color: white;
    border: 1px solid #2c318d;
    -webkit-clip-path: polygon(0 0, calc(100% - 15px - 1px) 0, 100% calc(15px + 1px), 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 15px - 1px) 0, 100% calc(15px + 1px), 100% 100%, 0 100%);
  }
  .web_application-faq__not--title > * {
    letter-spacing: 0.075em;
  }
  .web_application-faq__not--title > * > * {
    display: inline-block;
    padding-left: 2.92826vw;
    padding-right: 2.92826vw;
    padding-left: 50px;
    padding-right: 50px;
  }
  .web_application-faq__not--text {
    letter-spacing: 0.05em;
    padding-top: 30px;
    padding-left: 95px;
    padding-right: 95px;
    padding-bottom: 45px;
  }
  .web_application-faq__not--text > * {
    line-height: 2;
  }
  .web_application-faq__not--text > *::before, .web_application-faq__not--text > *::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .web_application-faq__not--text > *::before {
    margin-top: calc((1 - 2) * 0.5em);
  }
  .web_application-faq__not--text > *::after {
    margin-bottom: calc((1 - 2) * 0.5em);
  }
  .web_application-faq__not--text > * > * {
    color: #FF0000;
  }
}

/*　WEB出願について　teacher
----------------------------------------------- */
.web_application-teacher {
  padding-top: 12.4451vw;
  padding-bottom: 11.71303vw;
  background-color: #f4f8f8;
}

.web_application-teacher__desc {
  margin-top: 7.32064vw;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

.web_application-teacher__desc::before, .web_application-teacher__desc::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-teacher__desc::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}

.web_application-teacher__desc::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}

.web_application-teacher__items {
  padding-top: 8.05271vw;
}

.web_application-teacher__item:not(:first-child) {
  padding-top: 9.51684vw;
  margin-top: 8.78477vw;
  border-top: 1px solid #2c318d;
}

.web_application-teacher__heading {
  font-size: 4.57143vw;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  color: #2c318d;
}

.web_application-teacher__heading > * {
  line-height: 1.6;
}

.web_application-teacher__heading > *::before, .web_application-teacher__heading > *::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-teacher__heading > *::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}

.web_application-teacher__heading > *::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}

.web_application-teacher__heading > * > * {
  font-size: 0.8em;
}

.web_application-teacher__lists {
  padding-top: 3.66032vw;
  margin-top: -1.46413vw;
}

.web_application-teacher__list {
  margin-top: 1.46413vw;
}

@media screen and (min-width: 700.9999px) {
  .web_application-teacher {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .web_application-teacher__desc {
    margin-top: 25px;
    font-size: 18px;
  }
  .web_application-teacher__items {
    padding-top: 60px;
    width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
  .web_application-teacher__item:not(:first-child) {
    margin-top: 30px;
    padding-top: 45px;
  }
  .web_application-teacher__heading {
    font-size: 20px;
  }
  .web_application-teacher__heading > * {
    line-height: 1.6;
  }
  .web_application-teacher__heading > *::before, .web_application-teacher__heading > *::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .web_application-teacher__heading > *::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .web_application-teacher__heading > *::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
  .web_application-teacher__heading > * > * {
    font-size: 0.9em;
  }
  .web_application-teacher__lists {
    padding-top: 25px;
    margin-top: 0;
    margin-left: -20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .web_application-teacher__list {
    margin-top: 0;
    margin-left: 20px;
    width: calc(50% - 20px);
  }
  .web_application-teacher__list > * > * {
    padding-right: 20px;
  }
  .web_application-teacher__list > * > *::after {
    right: 20px;
  }
}

/*　WEB出願について　footer
----------------------------------------------- */
.web_application-contact {
  margin-top: 12.4451vw;
}

.web_application-contact__title {
  text-align: center;
  padding-bottom: 5.85652vw;
  border-bottom: 1px solid #2c318d;
}

.web_application-contact__title > * {
  display: block;
}

.web_application-contact__title > *:first-child {
  font-size: 6vw;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #2c318d;
}

.web_application-contact__title > *:first-child > * {
  line-height: 1.5;
}

.web_application-contact__title > *:first-child > *::before, .web_application-contact__title > *:first-child > *::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-contact__title > *:first-child > *::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.web_application-contact__title > *:first-child > *::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

.web_application-contact__title > *:last-child {
  margin-top: 5.85652vw;
  font-family: "Poppins", sans-serif;
  font-size: 3.42857vw;
  color: #2c318d;
  letter-spacing: .025em;
}

.web_application-contact__text {
  font-family: "Noto Serif JP", serif;
  text-align: center;
  margin-top: 5.12445vw;
}

.web_application-contact__address {
  font-size: 4.57143vw;
  font-weight: 500;
}

.web_application-contact__address > * {
  line-height: 1.6;
}

.web_application-contact__address > *::before, .web_application-contact__address > *::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-contact__address > *::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}

.web_application-contact__address > *::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}

.web_application-contact__note {
  margin-top: 5.85652vw;
  font-size: 4vw;
  letter-spacing: 0;
}

.web_application-contact__note > * {
  line-height: 1.6;
}

.web_application-contact__note > *::before, .web_application-contact__note > *::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.web_application-contact__note > *::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}

.web_application-contact__note > *::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}

@media screen and (min-width: 700.9999px) {
  .web_application-contact {
    margin-top: 80px;
  }
  .web_application-contact > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .web_application-contact__title {
    padding-bottom: 35px;
    padding-top: 30px;
    text-align: left;
    border-bottom: none;
    border-right: 1px solid #2c318d;
    padding-right: 50px;
  }
  .web_application-contact__title > *:first-child {
    font-size: 28px;
    letter-spacing: 0.05em;
  }
  .web_application-contact__title > *:last-child {
    font-size: 16px;
    margin-top: 20px;
  }
  .web_application-contact__text {
    margin-top: 15px;
    text-align: left;
    padding-left: 50px;
  }
  .web_application-contact__address {
    font-size: 18px;
  }
  .web_application-contact__address > * {
    line-height: 1.6;
  }
  .web_application-contact__address > *::before, .web_application-contact__address > *::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .web_application-contact__address > *::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .web_application-contact__address > *::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
  .web_application-contact__note {
    font-size: 16px;
    margin-top: 5px;
  }
  .web_application-contact__note > * {
    line-height: 1.6;
  }
  .web_application-contact__note > *::before, .web_application-contact__note > *::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .web_application-contact__note > *::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .web_application-contact__note > *::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}

/*　WEB出願について　footer
----------------------------------------------- */
.web_application__footer {
  margin-top: 18.30161vw;
}

@media screen and (min-width: 700.9999px) {
  .web_application__footer {
    margin-top: 80px;
  }
}
/*# sourceMappingURL=web_application.css.map */