@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap");

.l-top .c-sectionIcon {
  width: 14.6666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 711px) {
  .l-top .c-sectionIcon {
    width: 7.4285714286vw;
  }
}

.l-top .c-sectionText {
  width: 27.7333333333vw;
  margin: -2.1333333333vw auto 0;
}
@media screen and (min-width: 711px) {
  .l-top .c-sectionText {
    width: 15.7142857143vw;
    margin: 0.5714285714vw auto 0;
  }
}

.l-top .c-sectionTitle {
  font-feature-settings: "palt";
  font-size: 9.3333333333vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  font-weight: 600;
  margin-top: 5.3333333333vw;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 711px) {
  .l-top .c-sectionTitle {
    font-size: 5vw;
    margin-top: 2.8571428571vw;
  }
}

.l-top .c-sectionTitle--sml {
  font-size: 8.5333333333vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  font-weight: 600;
  margin-top: 4vw;
  line-height: 1;
}
@media screen and (min-width: 711px) {
  .l-top .c-sectionTitle--sml {
    font-size: 2.2857142857vw;
    margin-top: 2.1428571429vw;
  }
}

.l-top .c-sectionBottom {
  width: 100%;
}

.l-top .p-mainVisual > .p-mainVisual__inner {
  width: 100%;
  height: 110.9333333333vw;
  background: url(../image/top/mainvisual_pic_sp.png) no-repeat 0 0 / cover;
}
@media screen and (min-width: 711px) {
  .l-top .p-mainVisual > .p-mainVisual__inner {
    height: 52.5vw;
    background-image: url(../image/top/mainvisual_pic_pc.png);
  }
}

.l-top .p-mainVisual > .p-mainVisual__inner > .p-mainVisual__textArea {
  padding-top: 66.6666666667vw;
  padding-left: 8vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-mainVisual > .p-mainVisual__inner > .p-mainVisual__textArea {
    padding-top: 27.1428571429vw;
    padding-left: 10.7142857143vw;
  }
}

.l-top
  .p-mainVisual
  > .p-mainVisual__inner
  > .p-mainVisual__textArea
  > .p-mainVisual__text {
  color: #3c3830;
  font-size: 5.3333333333vw;
  font-weight: 600;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  line-height: 1;
  letter-spacing: -0.03em;
  background-color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1.3333333333vw 2.6666666667vw;
  margin-bottom: 1.8666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-mainVisual
    > .p-mainVisual__inner
    > .p-mainVisual__textArea
    > .p-mainVisual__text {
    font-size: 2.4285714286vw;
    padding: 0.5714285714vw 0.7142857143vw;
    margin-bottom: 0.9285714286vw;
  }
}

.l-top
  .p-mainVisual
  > .p-mainVisual__inner
  > .p-mainVisual__textArea
  > .p-mainVisual__text:last-of-type {
  margin-bottom: 0;
}

.l-top .p-event {
  background-color: #fff;
  padding: 2.6666666667vw 0 0;
}
@media screen and (min-width: 711px) {
  .l-top .p-event {
    background-color: #f0f0e6;
    padding: 0.7142857143vw 0 10vw;
  }
}

.l-top .p-event > .p-event__inner > .p-event__List > .p-event__ListItem {
  width: 100%;
  margin: 0 auto 2.6666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-event > .p-event__inner > .p-event__List > .p-event__ListItem {
    margin: 0 auto 1.4285714286vw;
  }
}

.l-top
  .p-event
  > .p-event__inner
  > .p-event__List
  > .p-event__ListItem:last-of-type {
  margin-bottom: 0;
}

.l-top .p-features {
  padding-top: 16vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-features {
    padding-top: 11.4285714286vw;
  }
}

.l-top .p-features > .p-features__inner > .p-features__title {
  text-align: center;
}

.l-top .p-features > .p-features__inner > .p-features__lead {
  text-align: center;
  margin-top: 3.7333333333vw;
  margin-bottom: 9.6vw;
  font-size: 3.7333333333vw;
  line-height: 1.8;
}
@media screen and (min-width: 711px) {
  .l-top .p-features > .p-features__inner > .p-features__lead {
    margin-top: 3.2142857143vw;
    margin-bottom: 7.1428571429vw;
    font-size: 1.5714285714vw;
  }
}

.l-top .p-features > .p-features__inner > .p-features__pointWrap {
  display: block;
  width: 76vw;
  margin: 0 auto 2.6666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-features > .p-features__inner > .p-features__pointWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 71.4285714286vw;
    margin: 0 auto 0.7142857143vw;
  }
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point {
  width: 100%;
  margin-bottom: 11.7333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-features
    > .p-features__inner
    > .p-features__pointWrap
    > .p-features__point {
    width: 21.4285714286vw;
    margin-bottom: 0;
  }
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point:last-of-type {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-features
    > .p-features__inner
    > .p-features__pointWrap
    > .p-features__point:last-of-type {
    margin-bottom: 0;
  }
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point
  > .p-features__pointIcon {
  width: 30.9333333333vw;
  margin: 0 auto 3.2vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-features
    > .p-features__inner
    > .p-features__pointWrap
    > .p-features__point
    > .p-features__pointIcon {
    width: 10.5714285714vw;
    margin: 0 auto 2.1428571429vw;
  }
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point
  > .p-features__pointImg {
  width: 100%;
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point
  > .p-features__pointImg
  > img {
  vertical-align: bottom;
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point
  > .p-features__pointTit {
  background-color: #7c001b;
  color: #fff;
  font-size: 6.4vw;
  font-weight: 600;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  text-align: center;
  line-height: 1;
  letter-spacing: -0.03em;
  padding: 2.6666666667vw 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-features
    > .p-features__inner
    > .p-features__pointWrap
    > .p-features__point
    > .p-features__pointTit {
    font-size: 2vw;
    padding: 1.0714285714vw 0;
  }
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point
  > .p-features__pointTxt {
  font-size: 3.7333333333vw;
  margin-top: 2.6666666667vw;
  line-height: 1.6;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-features
    > .p-features__inner
    > .p-features__pointWrap
    > .p-features__point
    > .p-features__pointTxt {
    font-size: 1.4285714286vw;
    line-height: 1.4;
    margin-top: 1.4285714286vw;
  }
}

.l-top .p-achievement {
  padding: 14.4vw 0 16vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-achievement {
    padding: 5.7142857143vw 0 12.1428571429vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__title {
  text-align: center;
  font-size: 8.5333333333vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: #7c001b;
}
@media screen and (min-width: 711px) {
  .l-top .p-achievement > .p-achievement__inner > .p-achievement__title {
    line-height: 1;
    font-size: 3vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__title > span {
  position: relative;
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__title
  > span::before {
  position: absolute;
  content: "";
  background: url(../image/top/achievement_h_left.svg) no-repeat center;
  background-size: contain;
  top: 11.2vw;
  left: -4vw;
  width: 6.6666666667vw;
  height: 8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__title
    > span::before {
    top: 0;
    left: -2.8571428571vw;
    width: 2.5vw;
    height: 3.2142857143vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__title
  > span::after {
  position: absolute;
  content: "";
  background: url(../image/top/achievement_h_right.svg) no-repeat center;
  background-size: contain;
  top: 11.2vw;
  right: -5.3333333333vw;
  width: 6.6666666667vw;
  height: 8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__title
    > span::after {
    top: 0;
    right: -2.1428571429vw;
    width: 2.5vw;
    height: 3.2142857143vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__text {
  text-align: center;
  font-size: 4.2666666667vw;
  font-weight: 600;
  line-height: 1.9;
  letter-spacing: -0.03em;
  margin-top: 1.6vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-achievement > .p-achievement__inner > .p-achievement__text {
    font-size: 1.5714285714vw;
    margin-top: 0.7142857143vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__bar {
  width: 14.9333333333vw;
  margin: 3.4666666667vw auto;
  border-top: 0.4vw solid #3c3830;
}
@media screen and (min-width: 711px) {
  .l-top .p-achievement > .p-achievement__inner > .p-achievement__bar {
    width: 7.1428571429vw;
    margin: 1.4285714286vw auto;
    border-top-width: 0.2142857143vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__note {
  text-align: center;
  font-size: 2.6666666667vw;
  line-height: 1;
  letter-spacing: normal;
}
@media screen and (min-width: 711px) {
  .l-top .p-achievement > .p-achievement__inner > .p-achievement__note {
    font-size: 1vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__content {
  margin: 10.6666666667vw auto 15.4666666667vw;
  width: 84vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 711px) {
  .l-top .p-achievement > .p-achievement__inner > .p-achievement__content {
    margin: 3.5714285714vw auto 6.4285714286vw;
    width: 71.4285714286vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card {
  width: 41.6vw;
  margin-bottom: 6.6666666667vw;
  display: grid;
  grid-template-columns: 21.3333333333vw 20.2666666667vw;
  grid-template-rows: 13.8666666667vw 5.3333333333vw 10.6666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card {
    width: 17vw;
    margin-bottom: 4.2857142857vw;
    grid-template-columns: 8.2857142857vw 8.7142857143vw;
    grid-template-rows: 6.1428571429vw 2.5714285714vw 4.3571428571vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card:nth-last-of-type(-n + 2) {
  margin-bottom: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card:nth-last-of-type(-n + 2) {
    margin-bottom: 0;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card:nth-last-of-type(3) {
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card:nth-last-of-type(3) {
    margin-bottom: 0;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card:nth-last-of-type(4) {
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card:nth-last-of-type(4) {
    margin-bottom: 0;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardGrd {
  grid-row: 1/2;
  grid-column: 1/2;
  margin-top: 7.4666666667vw;
  padding-top: 2.1333333333vw;
  padding-left: 1.6vw;
  border-top: 0.4vw solid #3c3830;
  border-left: 0.4vw solid #3c3830;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardGrd {
    margin-top: 3.2857142857vw;
    padding-top: 1vw;
    padding-left: 0.7142857143vw;
    border-top-width: 0.2142857143vw;
    border-left-width: 0.2142857143vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardGrd
  > p {
  font-size: 3.7333333333vw;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardGrd
    > p {
    font-size: 1.5714285714vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardSubj {
  grid-row: 2/3;
  grid-column: 1/2;
  padding-top: 2.1333333333vw;
  padding-left: 2vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardSubj {
    padding-top: 1vw;
    padding-left: 0.9285714286vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardSubj
  > p {
  font-size: 3.4666666667vw;
  font-weight: 600;
  line-height: 1;
  color: #7c001b;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardSubj
    > p {
    font-size: 1.5vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardArrow {
  width: 15.2vw;
  height: 19.2vw;
  background: url(../image/top/achievement_up_arrow.png) no-repeat 0 0 / cover;
  grid-row: 1/3;
  grid-column: 2/3;
  text-align: center;
  margin-left: 1.0666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardArrow {
    width: 6.3571428571vw;
    height: 8.7142857143vw;
    margin-left: 0.5714285714vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardPoint {
  grid-row: 3/4;
  grid-column: 1/2;
  padding-top: 1.8666666667vw;
  padding-right: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardPoint {
    padding-top: 0.5714285714vw;
    padding-right: 0.2142857143vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardPoint
  > p {
  font-size: 3.4666666667vw;
  font-weight: 600;
  line-height: 1;
  color: #7c001b;
  text-align: right;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardPoint
    > p {
    font-size: 1.5vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardPoint
  > p
  > span {
  font-size: 8.8vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardPoint
    > p
    > span {
    font-size: 3.7857142857vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp {
  grid-row: 3/4;
  grid-column: 2/3;
  padding-left: 0.8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardUp {
    padding-left: 0;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp
  > p {
  position: relative;
  font-weight: 600;
  line-height: 1;
  color: #7c001b;
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp
  > p
  > span::after {
  position: absolute;
  content: "！";
  font-size: 9.6vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardUp
    > p
    > span::after {
    font-size: 4vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp
  > p.u-get {
  font-size: 7.4666666667vw;
  padding-top: 2.1333333333vw;
  padding-left: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardUp
    > p.u-get {
    font-size: 3vw;
    padding-top: 0.8571428571vw;
    padding-left: 0;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp
  > p.u-get
  > span::after {
  top: calc(50% - 3.7333333333vw);
  right: -3.2vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardUp
    > p.u-get
    > span::after {
    top: 0.2142857143vw;
    right: 0;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp
  > p.u-up {
  font-size: 9.0666666667vw;
  padding-top: 1.3333333333vw;
  padding-left: 0.8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardUp
    > p.u-up {
    font-size: 3.5714285714vw;
    padding-top: 0.4285714286vw;
    padding-left: 0.5714285714vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp
  > p.u-up
  > span::after {
  top: calc(50% - 4vw);
  right: -1.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardUp
    > p.u-up
    > span::after {
    top: 0.2142857143vw;
    right: 0.5vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__btnWrap {
  text-align: center;
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__btnWrap
  > .p-achievement__btn {
  display: inline-block;
  width: 76vw;
  padding-top: 2.1333333333vw;
  padding-bottom: 2.1333333333vw;
  border: 0.4vw solid #004b30;
  border-radius: 4.9333333333vw;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  font-size: 4.8vw;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #004b30;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__btnWrap
    > .p-achievement__btn {
    font-size: 2.2857142857vw;
    width: 48.5714285714vw;
    padding-top: 1.5714285714vw;
    padding-bottom: 1.5714285714vw;
    border-radius: 2.8571428571vw;
    border-width: 0.2142857143vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__btnWrap
  > .p-achievement__btn
  > .p-achievement__btnArrow {
  position: relative;
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__btnWrap
  > .p-achievement__btn
  > .p-achievement__btnArrow::after {
  position: absolute;
  content: "";
  background: url(../image/top/achievement_btn_arrow.svg) no-repeat center;
  background-size: contain;
  top: 1.0666666667vw;
  right: -19.2vw;
  width: 4.8vw;
  height: 4.8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__btnWrap
    > .p-achievement__btn
    > .p-achievement__btnArrow::after {
    top: 0.25vw;
    right: -14.6428571429vw;
    width: 2.8571428571vw;
    height: 2.8571428571vw;
  }
}

.l-top .p-course {
  background-color: #f0f0e6;
  padding-top: 16vw;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-course {
    padding-top: 11vw;
    padding-bottom: 12.8571428571vw;
  }
}

.l-top .p-course > .p-course__inner > .p-course__title {
  text-align: center;
}

.l-top .p-course > .p-course__inner > .p-course__text {
  text-align: center;
  margin-top: 4vw;
  margin-bottom: 8vw;
  font-size: 3.7333333333vw;
  line-height: 1.7;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 711px) {
  .l-top .p-course > .p-course__inner > .p-course__text {
    margin-top: 3.2142857143vw;
    margin-bottom: 6.1428571429vw;
    font-size: 1.5714285714vw;
    line-height: 1;
  }
}

.l-top .p-course > .p-course__inner > .p-course__cardWrap {
  display: block;
  width: 100%;
}
@media screen and (min-width: 711px) {
  .l-top .p-course > .p-course__inner > .p-course__cardWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.l-top .p-course > .p-course__inner > .p-course__cardWrap > .p-course__card {
  width: 84vw;
  margin: 0 auto 10.6666666667vw;
  background-color: #fff;
  padding-bottom: 6.1333333333vw;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 711px) {
  .l-top .p-course > .p-course__inner > .p-course__cardWrap > .p-course__card {
    width: 22.8571428571vw;
    margin: 0;
    padding-bottom: 3vw;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card:last-of-type {
  margin-bottom: 0;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardTitle {
  text-align: center;
  font-size: 6.4vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #fff;
  padding: 2.6666666667vw 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardTitle {
    font-size: 2.1428571429vw;
    padding: 1.0714285714vw 0;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBox {
    display: block;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBox
  > .p-course__cardImg {
  width: 50%;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBox
    > .p-course__cardImg {
    width: 100%;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBox
  > .p-course__cardCatch {
  width: 50%;
  text-align: left;
  font-size: 4.8vw;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.03em;
  padding-left: 2.6666666667vw;
  margin-top: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBox
    > .p-course__cardCatch {
    width: 100%;
    text-align: center;
    font-size: 1.7142857143vw;
    line-height: 1.4;
    padding-left: 0;
    margin-top: 1.2857142857vw;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBox
  > .p-course__cardCatch
  > span {
  letter-spacing: -0.5em;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBox
    > .p-course__cardCatch
    > span {
    letter-spacing: -0.03em;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBox
  > .p-course__cardCatch--ind {
  text-indent: -0.5em;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBox
    > .p-course__cardCatch--ind {
    text-indent: 0;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardText {
  width: 76.2666666667vw;
  height: auto;
  font-size: 3.7333333333vw;
  line-height: 1.6;
  letter-spacing: -0.03em;
  padding-left: 2.6666666667vw;
  margin: 4vw auto;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardText {
    width: 19.4285714286vw;
    height: 9.7857142857vw;
    font-size: 1.1428571429vw;
    line-height: 1.75;
    padding-left: 0;
    margin: 0.9285714286vw auto 1.4285714286vw;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBtnWrap {
  text-align: center;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBtnWrap
  > .p-course__cardBtn {
  display: inline-block;
  width: 48vw;
  padding-top: 2.6666666667vw;
  padding-bottom: 2.6666666667vw;
  border-radius: 4.4vw;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  font-size: 3.7333333333vw;
  font-weight: 600;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #fff;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBtnWrap
    > .p-course__cardBtn {
    width: 15.7142857143vw;
    padding-top: 0.8571428571vw;
    padding-bottom: 0.8571428571vw;
    border-radius: 1.4285714286vw;
    font-size: 1.1428571429vw;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBtnWrap
  > .p-course__cardBtn
  > .p-course__cardBtnArw {
  position: relative;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBtnWrap
  > .p-course__cardBtn
  > .p-course__cardBtnArw::after {
  position: absolute;
  content: "";
  background-size: contain;
  top: calc(50% - 2.1333333333vw);
  right: -12.8vw;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBtnWrap
    > .p-course__cardBtn
    > .p-course__cardBtnArw::after {
    top: -0.1428571429vw;
    right: -4.2857142857vw;
    width: 1.4285714286vw;
    height: 1.4285714286vw;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--els
  > .p-course__cardTitle {
  background-color: #02a227;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--els
  > .p-course__cardBtnWrap
  > .p-course__cardBtn {
  background-color: #02a227;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--els
  > .p-course__cardBtnWrap
  > .p-course__cardBtn
  > .p-course__cardBtnArw::after {
  background-image: url(../image/common/btn_arrow_elsh.svg);
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--jhs
  > .p-course__cardTitle {
  background-color: #ce0505;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--jhs
  > .p-course__cardBtnWrap
  > .p-course__cardBtn {
  background-color: #ce0505;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--jhs
  > .p-course__cardBtnWrap
  > .p-course__cardBtn
  > .p-course__cardBtnArw::after {
  background-image: url(../image/common/btn_arrow_jhsh.svg);
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--his
  > .p-course__cardTitle {
  background-color: #3451a2;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--his
  > .p-course__cardBtnWrap
  > .p-course__cardBtn {
  background-color: #3451a2;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--his
  > .p-course__cardBtnWrap
  > .p-course__cardBtn
  > .p-course__cardBtnArw::after {
  background-image: url(../image/common/btn_arrow_hish.svg);
}

.l-top .p-classroom {
  padding-top: 21.3333333333vw;
  padding-bottom: 21.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-classroom {
    padding-top: 13.5714285714vw;
    padding-bottom: 10.7142857143vw;
  }
}

.l-top .p-classroom > .p-classroom__inner > .p-classroom__title {
  text-align: center;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__title
  > .p-classroom__titleNote {
  margin-top: 2.6666666667vw;
  font-size: 2.6666666667vw;
  line-height: 1;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__title
    > .p-classroom__titleNote {
    margin-top: 0.9285714286vw;
    font-size: 1vw;
  }
}

.l-top .p-classroom > .p-classroom__inner > .p-classroom__text {
  text-align: center;
  margin-top: 3.2vw;
  margin-bottom: 12vw;
  font-size: 3.7333333333vw;
  line-height: 1.7;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 711px) {
  .l-top .p-classroom > .p-classroom__inner > .p-classroom__text {
    margin-top: 2.8571428571vw;
    margin-bottom: 6.7857142857vw;
    font-size: 1.5714285714vw;
    line-height: 1;
  }
}

.l-top .p-classroom > .p-classroom__inner > .p-classroom__content {
  width: 100%;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  input[type="radio"] {
  display: none;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea {
  margin: 0;
  border-bottom: 0.5333333333vw solid #004b30;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__tabArea {
    border-bottom-width: 0.3571428571vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp {
  font-size: 0;
  margin: 0 auto;
  width: 84vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__tabArea
    .p-classroom__tabLblWarp {
    width: 64.2857142857vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  label {
  width: 24.8vw;
  margin-right: 4.8vw;
  display: inline-block;
  padding: 2.1333333333vw 0;
  border-top-left-radius: 2.6666666667vw 2.6666666667vw;
  border-top-right-radius: 2.6666666667vw 2.6666666667vw;
  text-align: center;
  font-size: 3.4666666667vw;
  font-weight: 600;
  cursor: pointer;
  transition: ease 0.2s opacity;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__tabArea
    .p-classroom__tabLblWarp
    label {
    width: 20.7142857143vw;
    margin-right: 1.0714285714vw;
    padding: 1.6428571429vw 0;
    border-top-left-radius: 0.7142857143vw 0.7142857143vw;
    border-top-right-radius: 0.7142857143vw 0.7142857143vw;
    font-size: 2vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  label:last-of-type {
  margin-right: 0;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  label:hover {
  opacity: 1;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__tabArea
    .p-classroom__tabLblWarp
    label:hover {
    opacity: 0.5;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl1 {
  background: #e4e4e4;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl2 {
  background: #e4e4e4;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl3 {
  background: #e4e4e4;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel {
  width: 100%;
  display: none;
  padding-top: 8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel {
    padding-top: 12.8571428571vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo {
  width: 84vw;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo {
    width: 64.2857142857vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card {
  display: block;
  width: 39.4666666667vw;
  margin-right: 5.0666666667vw;
  margin-bottom: 5.3333333333vw;
  padding-bottom: 4.2666666667vw;
  border: 0.5333333333vw solid #004b30;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    > .p-classroom__card {
    width: 19.6428571429vw;
    margin-right: 2.6785714286vw;
    margin-bottom: 2.7142857143vw;
    padding-bottom: 1.2857142857vw;
    border-width: 0.1428571429vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card:nth-of-type(2n) {
  margin-right: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    > .p-classroom__card:nth-of-type(2n) {
    margin-right: 2.6785714286vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card:nth-of-type(3n) {
  margin-right: 5.0666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    > .p-classroom__card:nth-of-type(3n) {
    margin-right: 0;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card:nth-of-type(6n) {
  margin-right: 0;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTitle {
  background-color: #004b30;
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding: 2.1333333333vw 0 2.1333333333vw 1.6vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    > .p-classroom__card
    > .p-classroom__cardTitle {
    padding: 0.5714285714vw 0.9285714286vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTitle
  > .p-classroom__cardArea {
  width: 13.6vw;
  padding: 0.5333333333vw 0;
  background-color: #fff;
  color: #004b30;
  font-size: 2.6666666667vw;
  font-weight: 600;
  text-align: center;
  border-radius: 2.4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    > .p-classroom__card
    > .p-classroom__cardTitle
    > .p-classroom__cardArea {
    width: 5vw;
    padding: 0.1428571429vw 0;
    font-size: 1.1428571429vw;
    border-radius: 0.9285714286vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTitle
  > .p-classroom__cardName {
  color: #fff;
  font-size: 3.4666666667vw;
  font-weight: 600;
  margin-left: 1.6vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    > .p-classroom__card
    > .p-classroom__cardTitle
    > .p-classroom__cardName {
    font-size: 1.7142857143vw;
    margin-left: 0.8571428571vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardOnline {
  width: 100%;
  padding: 3.4666666667vw 0 2.1333333333vw 4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    > .p-classroom__card
    > .p-classroom__cardOnline {
    padding: 1.3571428571vw 0 0.7857142857vw 1.7142857143vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardOnline
  > .p-classroom__cardName {
  color: #004b30;
  font-size: 3.4666666667vw;
  font-weight: 600;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    > .p-classroom__card
    > .p-classroom__cardOnline
    > .p-classroom__cardName {
    font-size: 1.7142857143vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardAdd {
  font-size: 3.4666666667vw;
  line-height: 1.3;
  margin: 1.6vw 1.0666666667vw 1.6vw 2.6666666667vw;
  height: 14.4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    > .p-classroom__card
    > .p-classroom__cardAdd {
    font-size: 1.1428571429vw;
    line-height: 1.5;
    margin: 0.7857142857vw 1.6428571429vw 1vw 1.6428571429vw;
    height: 3.5714285714vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTarget {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  padding: 0 4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    > .p-classroom__card
    > .p-classroom__cardTarget {
    padding: 0 1.4285714286vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTarget
  > p {
  width: 13.6vw;
  padding: 0.8vw 0;
  font-size: 0;
  font-weight: 600;
  text-align: center;
  color: #fff;
  border-radius: 0.8vw;
  margin-right: 4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    > .p-classroom__card
    > .p-classroom__cardTarget
    > p {
    width: 4.8571428571vw;
    padding: 0.3571428571vw 0;
    border-radius: 0.3571428571vw;
    margin-right: 0.7142857143vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTarget
  > p::before {
  font-size: 3.2vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    > .p-classroom__card
    > .p-classroom__cardTarget
    > p::before {
    font-size: 1vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTarget
  > p:last-of-type {
  margin-right: 0;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTarget
  > p.p-classroom__cardTarget--els {
  background-color: #02a227;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTarget
  > p.p-classroom__cardTarget--els::before {
  content: "小学";
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTarget
  > p.p-classroom__cardTarget--jhs {
  background-color: #ce0505;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTarget
  > p.p-classroom__cardTarget--jhs::before {
  content: "中学";
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTarget
  > p.p-classroom__cardTarget--his {
  background-color: #3451a2;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  > .p-classroom__card
  > .p-classroom__cardTarget
  > p.p-classroom__cardTarget--his::before {
  content: "高校";
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab1:checked
  ~ .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl1 {
  background: #004b30;
  color: #fff;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab1:checked
  ~ .p-classroom__panelArea
  #p-classroom__panel1 {
  display: block;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab2:checked
  ~ .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl2 {
  background: #004b30;
  color: #fff;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab2:checked
  ~ .p-classroom__panelArea
  #p-classroom__panel2 {
  display: block;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab3:checked
  ~ .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl3 {
  background: #004b30;
  color: #fff;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab3:checked
  ~ .p-classroom__panelArea
  #p-classroom__panel3 {
  display: block;
}

.l-top .p-announcement {
  background-color: #f0f0e6;
  padding-top: 13.3333333333vw;
  padding-bottom: 17.0666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-announcement {
    padding-top: 13.5714285714vw;
    padding-bottom: 13.5714285714vw;
  }
}

.l-top .p-announcement > .p-announcement__inner > .p-announcement__title {
  text-align: center;
}

.l-top .p-announcement > .p-announcement__inner > .p-announcement__content {
  width: 100%;
  margin-top: 11.2vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-announcement > .p-announcement__inner > .p-announcement__content {
    margin-top: 4.2857142857vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  input[type="radio"] {
  display: none;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea {
  margin: 0;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp {
  font-size: 0;
  padding: 0 2.6666666667vw 4.5333333333vw;
  border-bottom: 0.5333333333vw solid #004b30;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__tabArea
    .p-announcement__tabLblWarp {
    padding: 0 11.4285714286vw 2.1428571429vw;
    border-bottom-width: 0.1428571429vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  label {
  position: relative;
  width: 14.4vw;
  padding: 0.9333333333vw 0;
  border-radius: 2.9333333333vw;
  text-align: center;
  font-size: 2.9333333333vw;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: ease 0.2s opacity;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__tabArea
    .p-announcement__tabLblWarp
    label {
    width: 8.8571428571vw;
    padding: 0.6428571429vw 0;
    border-radius: 1.5vw;
    font-size: 1.2857142857vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  label:last-of-type {
  margin-right: 0;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  label:hover {
  opacity: 1;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__tabArea
    .p-announcement__tabLblWarp
    label:hover {
    opacity: 0.5;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  label::after {
  display: none;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 2.1333333333vw 2.4vw 2.1333333333vw;
  border-color: transparent transparent #004b30 transparent;
  bottom: -4.5333333333vw;
  left: calc(50% - 2.1333333333vw);
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__tabArea
    .p-announcement__tabLblWarp
    label::after {
    border-width: 0 0.5714285714vw 0.6428571429vw 0.5714285714vw;
    bottom: -2.1428571429vw;
    left: calc(50% - 0.5714285714vw);
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl1 {
  background: #c8c8c8;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl2 {
  background: #c8c8c8;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl3 {
  background: #c8c8c8;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl4 {
  background: #c8c8c8;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl5 {
  background: #c8c8c8;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea {
  border-bottom: 0.5333333333vw solid #004b30;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea {
    border-bottom-width: 0.1428571429vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel {
  display: none;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn {
  display: block;
  border-bottom: 1px dashed #707070;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn:last-child {
  border-bottom: none;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4.5333333333vw 4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list {
    align-items: center;
    padding: 1.4285714286vw 3.5714285714vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list
  > .p-announcement__listL {
  display: block;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list
    > .p-announcement__listL {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row-reverse;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list
  > .p-announcement__listL
  > .p-announcement__listCate {
  width: 14.4vw;
  padding: 0.9333333333vw 0;
  border-radius: 2.9333333333vw;
  text-align: center;
  font-size: 2.9333333333vw;
  font-weight: 600;
  color: #fff;
  background-color: #004b30;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list
    > .p-announcement__listL
    > .p-announcement__listCate {
    width: 8.8571428571vw;
    margin-right: 2.8571428571vw;
    padding: 0.6428571429vw 0;
    border-radius: 1.5vw;
    font-size: 1.2857142857vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list
  > .p-announcement__listL
  > .p-announcement__listDate {
  width: 20vw;
  margin-top: 1.3333333333vw;
  font-size: 2.9333333333vw;
  font-weight: 500;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list
    > .p-announcement__listL
    > .p-announcement__listDate {
    width: 7.5714285714vw;
    margin-top: 0;
    font-size: 1.1428571429vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list
  > .p-announcement__listR {
  display: block;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list
    > .p-announcement__listR {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list
  > .p-announcement__listR
  > .p-announcement__listTitle {
  width: 57.8666666667vw;
  margin-right: 0;
  font-size: 4.2666666667vw;
  font-weight: 600;
  color: #004b30;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list
    > .p-announcement__listR
    > .p-announcement__listTitle {
    width: 21.4285714286vw;
    margin-right: 2.1428571429vw;
    font-size: 1.5714285714vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list
  > .p-announcement__listR
  > .p-announcement__listText {
  width: 60.5333333333vw;
  height: 2.8em;
  margin-top: 2.6666666667vw;
  font-size: 3.7333333333vw;
  line-height: 1.4;
  overflow: hidden;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list
    > .p-announcement__listR
    > .p-announcement__listText {
    width: 30vw;
    height: 3.2em;
    margin-top: 0;
    font-size: 1.1428571429vw;
    line-height: 1.6;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab1:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl1 {
  background: #004b30;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab1:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl1::after {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab1:checked
  ~ .p-announcement__panelArea
  #p-announcement__panel1 {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab2:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl2 {
  background: #004b30;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab2:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl2::after {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab2:checked
  ~ .p-announcement__panelArea
  #p-announcement__panel2 {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab3:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl3 {
  background: #004b30;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab3:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl3::after {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab3:checked
  ~ .p-announcement__panelArea
  #p-announcement__panel3 {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab4:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl4 {
  background: #004b30;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab4:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl4::after {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab4:checked
  ~ .p-announcement__panelArea
  #p-announcement__panel4 {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab5:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl5 {
  background: #004b30;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab5:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl5::after {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab5:checked
  ~ .p-announcement__panelArea
  #p-announcement__panel5 {
  display: block;
}

.l-top .p-link {
  padding-top: 21.3333333333vw;
  padding-bottom: 21.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-link {
    padding-top: 12.1428571429vw;
    padding-bottom: 8.5714285714vw;
  }
}

.l-top .p-link > .p-link__inner > .p-link__blog {
  display: block;
  width: 84vw;
  margin: 0 auto;
}
@media screen and (min-width: 711px) {
  .l-top .p-link > .p-link__inner > .p-link__blog {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 71.4285714286vw;
  }
}

.l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn {
  margin-bottom: 4.8vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn {
    margin-bottom: 0;
  }
}

.l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn > a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 12.5333333333vw;
  background: url(../image/top/link_blog_green_sp.png) no-repeat 0 0 / cover;
  font-size: 4.8vw;
  font-weight: 600;
  padding: 2.4vw 9.3333333333vw;
  color: #004b30;
}
@media screen and (min-width: 711px) {
  .l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn > a {
    width: 32vw;
    height: 6.3571428571vw;
    background-image: url(../image/top/link_blog_green_pc.png);
    font-size: 2.1428571429vw;
    padding: 1.4285714286vw 3.5714285714vw;
  }
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__blog
  > .p-link__blogBtn
  > a:last-child {
  margin-bottom: 0;
}

.l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn > a::after {
  position: absolute;
  content: "";
  background: url(../image/common/btn_arrow_bg-green.svg) no-repeat center;
  background-size: contain;
  top: 2.6666666667vw;
  right: 4.8vw;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-link
    > .p-link__inner
    > .p-link__blog
    > .p-link__blogBtn
    > a::after {
    top: 1.7142857143vw;
    right: 1.7857142857vw;
    width: 2.5vw;
    height: 2.5vw;
  }
}

.l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn--jhblog > a {
  background-image: url(../image/top/link_blog_green_sp.png);
  color: #004b30;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-link
    > .p-link__inner
    > .p-link__blog
    > .p-link__blogBtn--jhblog
    > a {
    background-image: url(../image/top/link_blog_green_pc.png);
  }
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__blog
  > .p-link__blogBtn--jhblog
  > a::after {
  background-image: url(../image/common/btn_arrow_bg-green.svg);
}

.l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn--blog > a {
  background-image: url(../image/top/link_blog_red_sp.png);
  color: #7c001b;
}
@media screen and (min-width: 711px) {
  .l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn--blog > a {
    background-image: url(../image/top/link_blog_red_pc.png);
  }
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__blog
  > .p-link__blogBtn--blog
  > a::after {
  background-image: url(../image/common/btn_arrow_bg-red.svg);
}

.l-top .p-link > .p-link__inner > .p-link__banner {
  margin: 10.6666666667vw auto 0;
  width: 84vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-link > .p-link__inner > .p-link__banner {
    margin-top: 11.4285714286vw;
    width: 71.4285714286vw;
  }
}

.l-top .p-link > .p-link__inner > .p-link__banner > .p-link__bannerList {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__banner
  > .p-link__bannerList
  > .p-link__bannerItem {
  width: 40vw;
  margin-bottom: 3.3333333333vw;
  margin-right: 4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-link
    > .p-link__inner
    > .p-link__banner
    > .p-link__bannerList
    > .p-link__bannerItem {
    width: 21.4285714286vw;
    margin-bottom: 1.7857142857vw;
    margin-right: 3.5714285714vw;
  }
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__banner
  > .p-link__bannerList
  > .p-link__bannerItem:nth-of-type(2n) {
  margin-right: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-link
    > .p-link__inner
    > .p-link__banner
    > .p-link__bannerList
    > .p-link__bannerItem:nth-of-type(2n) {
    margin-right: 3.5714285714vw;
  }
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__banner
  > .p-link__bannerList
  > .p-link__bannerItem:nth-of-type(3n) {
  margin-right: 4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-link
    > .p-link__inner
    > .p-link__banner
    > .p-link__bannerList
    > .p-link__bannerItem:nth-of-type(3n) {
    margin-right: 0;
  }
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__banner
  > .p-link__bannerList
  > .p-link__bannerItem:nth-of-type(6n) {
  margin-right: 0;
}

.l-top .c-sectionIcon {
  width: 14.6666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 711px) {
  .l-top .c-sectionIcon {
    width: 7.4285714286vw;
  }
}

.l-top .c-sectionText {
  width: 27.7333333333vw;
  margin: -2.1333333333vw auto 0;
}
@media screen and (min-width: 711px) {
  .l-top .c-sectionText {
    width: 15.7142857143vw;
    margin: 0.5714285714vw auto 0;
  }
}

.l-top .c-sectionTitle {
  font-feature-settings: "palt";
  font-size: 9.3333333333vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  font-weight: 600;
  margin-top: 5.3333333333vw;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 711px) {
  .l-top .c-sectionTitle {
    font-size: 5vw;
    margin-top: 2.8571428571vw;
  }
}

.l-top .c-sectionTitle--sml {
  font-size: 8.5333333333vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  font-weight: 600;
  margin-top: 4vw;
  line-height: 1;
}
@media screen and (min-width: 711px) {
  .l-top .c-sectionTitle--sml {
    font-size: 2.2857142857vw;
    margin-top: 2.1428571429vw;
  }
}

.l-top .c-sectionBottom {
  width: 100%;
}

.l-top .p-mainVisual > .p-mainVisual__inner {
  width: 100%;
  height: 110.9333333333vw;
  background: url(../image/top/mainvisual_pic_sp.png) no-repeat 0 0 / cover;
}
@media screen and (min-width: 711px) {
  .l-top .p-mainVisual > .p-mainVisual__inner {
    height: 52.5vw;
    background-image: url(../image/top/mainvisual_pic_pc.png);
  }
}

.l-top .p-mainVisual > .p-mainVisual__inner > .p-mainVisual__textArea {
  padding-top: 66.6666666667vw;
  padding-left: 8vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-mainVisual > .p-mainVisual__inner > .p-mainVisual__textArea {
    padding-top: 27.1428571429vw;
    padding-left: 10.7142857143vw;
  }
}

.l-top
  .p-mainVisual
  > .p-mainVisual__inner
  > .p-mainVisual__textArea
  > .p-mainVisual__text {
  color: #3c3830;
  font-size: 5.3333333333vw;
  font-weight: 600;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  line-height: 1;
  letter-spacing: -0.03em;
  background-color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1.3333333333vw 2.6666666667vw;
  margin-bottom: 1.8666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-mainVisual
    > .p-mainVisual__inner
    > .p-mainVisual__textArea
    > .p-mainVisual__text {
    font-size: 2.4285714286vw;
    padding: 0.5714285714vw 0.7142857143vw;
    margin-bottom: 0.9285714286vw;
  }
}

.l-top
  .p-mainVisual
  > .p-mainVisual__inner
  > .p-mainVisual__textArea
  > .p-mainVisual__text:last-of-type {
  margin-bottom: 0;
}

.l-top .p-event {
  background-color: #fff;
  padding: 2.6666666667vw 0 0;
}
@media screen and (min-width: 711px) {
  .l-top .p-event {
    background-color: #f0f0e6;
    padding: 0.7142857143vw 0 10vw;
  }
}

.l-top .p-event > .p-event__inner > .p-event__List {
  padding: 0 5.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-event > .p-event__inner > .p-event__List {
    padding: 0 1.0714285714vw;
  }
}

.l-top .p-event > .p-event__inner > .p-event__List > .p-event__ListItem {
  width: 100%;
  margin: 0 auto 2.6666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-event > .p-event__inner > .p-event__List > .p-event__ListItem {
    margin: 0 auto 1.4285714286vw;
  }
}

.l-top
  .p-event
  > .p-event__inner
  > .p-event__List
  > .p-event__ListItem:last-of-type {
  margin-bottom: 0;
}

.l-top .p-features {
  padding-top: 16vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-features {
    padding-top: 11.4285714286vw;
  }
}

.l-top .p-features > .p-features__inner > .p-features__title {
  text-align: center;
}

.l-top .p-features > .p-features__inner > .p-features__lead {
  text-align: center;
  margin-top: 3.7333333333vw;
  margin-bottom: 9.6vw;
  font-size: 3.7333333333vw;
  line-height: 1.8;
}
@media screen and (min-width: 711px) {
  .l-top .p-features > .p-features__inner > .p-features__lead {
    margin-top: 3.2142857143vw;
    margin-bottom: 7.1428571429vw;
    font-size: 1.5714285714vw;
  }
}

.l-top .p-features > .p-features__inner > .p-features__pointWrap {
  display: block;
  width: 76vw;
  margin: 0 auto 2.6666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-features > .p-features__inner > .p-features__pointWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 71.4285714286vw;
    margin: 0 auto 0.7142857143vw;
  }
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point {
  width: 100%;
  margin-bottom: 11.7333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-features
    > .p-features__inner
    > .p-features__pointWrap
    > .p-features__point {
    width: 21.4285714286vw;
    margin-bottom: 0;
  }
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point:last-of-type {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-features
    > .p-features__inner
    > .p-features__pointWrap
    > .p-features__point:last-of-type {
    margin-bottom: 0;
  }
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point
  > .p-features__pointIcon {
  width: 30.9333333333vw;
  margin: 0 auto 3.2vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-features
    > .p-features__inner
    > .p-features__pointWrap
    > .p-features__point
    > .p-features__pointIcon {
    width: 10.5714285714vw;
    margin: 0 auto 2.1428571429vw;
  }
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point
  > .p-features__pointImg {
  width: 100%;
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point
  > .p-features__pointImg
  > img {
  vertical-align: bottom;
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point
  > .p-features__pointTit {
  background-color: #7c001b;
  color: #fff;
  font-size: 6.4vw;
  font-weight: 600;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  text-align: center;
  line-height: 1;
  letter-spacing: -0.03em;
  padding: 2.6666666667vw 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-features
    > .p-features__inner
    > .p-features__pointWrap
    > .p-features__point
    > .p-features__pointTit {
    font-size: 2vw;
    padding: 1.0714285714vw 0;
  }
}

.l-top
  .p-features
  > .p-features__inner
  > .p-features__pointWrap
  > .p-features__point
  > .p-features__pointTxt {
  font-size: 3.7333333333vw;
  margin-top: 2.6666666667vw;
  line-height: 1.6;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-features
    > .p-features__inner
    > .p-features__pointWrap
    > .p-features__point
    > .p-features__pointTxt {
    font-size: 1.4285714286vw;
    line-height: 1.4;
    margin-top: 1.4285714286vw;
  }
}

.l-top .p-achievement {
  padding: 14.4vw 0 16vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-achievement {
    padding: 5.7142857143vw 0 12.1428571429vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__title {
  text-align: center;
  font-size: 8.5333333333vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: #7c001b;
}
@media screen and (min-width: 711px) {
  .l-top .p-achievement > .p-achievement__inner > .p-achievement__title {
    line-height: 1;
    font-size: 3vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__title > span {
  position: relative;
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__title
  > span::before {
  position: absolute;
  content: "";
  background: url(../image/top/achievement_h_left.svg) no-repeat center;
  background-size: contain;
  top: 11.2vw;
  left: -4vw;
  width: 6.6666666667vw;
  height: 8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__title
    > span::before {
    top: 0;
    left: -2.8571428571vw;
    width: 2.5vw;
    height: 3.2142857143vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__title
  > span::after {
  position: absolute;
  content: "";
  background: url(../image/top/achievement_h_right.svg) no-repeat center;
  background-size: contain;
  top: 11.2vw;
  right: -5.3333333333vw;
  width: 6.6666666667vw;
  height: 8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__title
    > span::after {
    top: 0;
    right: -2.1428571429vw;
    width: 2.5vw;
    height: 3.2142857143vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__text {
  text-align: center;
  font-size: 4.2666666667vw;
  font-weight: 600;
  line-height: 1.9;
  letter-spacing: -0.03em;
  margin-top: 1.6vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-achievement > .p-achievement__inner > .p-achievement__text {
    font-size: 1.5714285714vw;
    margin-top: 0.7142857143vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__bar {
  width: 14.9333333333vw;
  margin: 3.4666666667vw auto;
  border-top: 0.4vw solid #3c3830;
}
@media screen and (min-width: 711px) {
  .l-top .p-achievement > .p-achievement__inner > .p-achievement__bar {
    width: 7.1428571429vw;
    margin: 1.4285714286vw auto;
    border-top-width: 0.2142857143vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__note {
  text-align: center;
  font-size: 2.6666666667vw;
  line-height: 1;
  letter-spacing: normal;
}
@media screen and (min-width: 711px) {
  .l-top .p-achievement > .p-achievement__inner > .p-achievement__note {
    font-size: 1vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__content {
  margin: 10.6666666667vw auto 15.4666666667vw;
  width: 84vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 711px) {
  .l-top .p-achievement > .p-achievement__inner > .p-achievement__content {
    margin: 3.5714285714vw auto 6.4285714286vw;
    width: 71.4285714286vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card {
  width: 41.6vw;
  margin-bottom: 6.6666666667vw;
  display: grid;
  grid-template-columns: 21.3333333333vw 20.2666666667vw;
  grid-template-rows: 13.8666666667vw 5.3333333333vw 10.6666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card {
    width: 17vw;
    margin-bottom: 4.2857142857vw;
    grid-template-columns: 8.2857142857vw 8.7142857143vw;
    grid-template-rows: 6.1428571429vw 2.5714285714vw 4.3571428571vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card:nth-last-of-type(-n + 2) {
  margin-bottom: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card:nth-last-of-type(-n + 2) {
    margin-bottom: 0;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card:nth-last-of-type(3) {
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card:nth-last-of-type(3) {
    margin-bottom: 0;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card:nth-last-of-type(4) {
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card:nth-last-of-type(4) {
    margin-bottom: 0;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardGrd {
  grid-row: 1/2;
  grid-column: 1/2;
  margin-top: 7.4666666667vw;
  padding-top: 2.1333333333vw;
  padding-left: 1.6vw;
  border-top: 0.4vw solid #3c3830;
  border-left: 0.4vw solid #3c3830;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardGrd {
    margin-top: 3.2857142857vw;
    padding-top: 1vw;
    padding-left: 0.7142857143vw;
    border-top-width: 0.2142857143vw;
    border-left-width: 0.2142857143vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardGrd
  > p {
  font-size: 3.7333333333vw;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardGrd
    > p {
    font-size: 1.5714285714vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardSubj {
  grid-row: 2/3;
  grid-column: 1/2;
  padding-top: 2.1333333333vw;
  padding-left: 2vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardSubj {
    padding-top: 1vw;
    padding-left: 0.9285714286vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardSubj
  > p {
  font-size: 3.4666666667vw;
  font-weight: 600;
  line-height: 1;
  color: #7c001b;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardSubj
    > p {
    font-size: 1.5vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardArrow {
  width: 15.2vw;
  height: 19.2vw;
  background: url(../image/top/achievement_up_arrow.png) no-repeat 0 0 / cover;
  grid-row: 1/3;
  grid-column: 2/3;
  text-align: center;
  margin-left: 1.0666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardArrow {
    width: 6.3571428571vw;
    height: 8.7142857143vw;
    margin-left: 0.5714285714vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardPoint {
  grid-row: 3/4;
  grid-column: 1/2;
  padding-top: 1.8666666667vw;
  padding-right: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardPoint {
    padding-top: 0.5714285714vw;
    padding-right: 0.2142857143vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardPoint
  > p {
  font-size: 3.4666666667vw;
  font-weight: 600;
  line-height: 1;
  color: #7c001b;
  text-align: right;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardPoint
    > p {
    font-size: 1.5vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardPoint
  > p
  > span {
  font-size: 8.8vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardPoint
    > p
    > span {
    font-size: 3.7857142857vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp {
  grid-row: 3/4;
  grid-column: 2/3;
  padding-left: 0.8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardUp {
    padding-left: 0;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp
  > p {
  position: relative;
  font-weight: 600;
  line-height: 1;
  color: #7c001b;
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp
  > p
  > span::after {
  position: absolute;
  content: "！";
  font-size: 9.6vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardUp
    > p
    > span::after {
    font-size: 4vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp
  > p.u-get {
  font-size: 7.4666666667vw;
  padding-top: 2.1333333333vw;
  padding-left: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardUp
    > p.u-get {
    font-size: 3vw;
    padding-top: 0.8571428571vw;
    padding-left: 0;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp
  > p.u-get
  > span::after {
  top: calc(50% - 3.7333333333vw);
  right: -3.2vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardUp
    > p.u-get
    > span::after {
    top: 0.2142857143vw;
    right: 0;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp
  > p.u-up {
  font-size: 9.0666666667vw;
  padding-top: 1.3333333333vw;
  padding-left: 0.8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardUp
    > p.u-up {
    font-size: 3.5714285714vw;
    padding-top: 0.4285714286vw;
    padding-left: 0.5714285714vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__content
  > .p-achievement__card
  > .p-achievement__cardUp
  > p.u-up
  > span::after {
  top: calc(50% - 4vw);
  right: -1.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__content
    > .p-achievement__card
    > .p-achievement__cardUp
    > p.u-up
    > span::after {
    top: 0.2142857143vw;
    right: 0.5vw;
  }
}

.l-top .p-achievement > .p-achievement__inner > .p-achievement__btnWrap {
  text-align: center;
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__btnWrap
  > .p-achievement__btn {
  display: inline-block;
  width: 76vw;
  padding-top: 2.1333333333vw;
  padding-bottom: 2.1333333333vw;
  border: 0.4vw solid #004b30;
  border-radius: 4.9333333333vw;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  font-size: 4.8vw;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #004b30;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__btnWrap
    > .p-achievement__btn {
    font-size: 2.2857142857vw;
    width: 48.5714285714vw;
    padding-top: 1.5714285714vw;
    padding-bottom: 1.5714285714vw;
    border-radius: 2.8571428571vw;
    border-width: 0.2142857143vw;
  }
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__btnWrap
  > .p-achievement__btn
  > .p-achievement__btnArrow {
  position: relative;
}

.l-top
  .p-achievement
  > .p-achievement__inner
  > .p-achievement__btnWrap
  > .p-achievement__btn
  > .p-achievement__btnArrow::after {
  position: absolute;
  content: "";
  background: url(../image/top/achievement_btn_arrow.svg) no-repeat center;
  background-size: contain;
  top: 1.0666666667vw;
  right: -19.2vw;
  width: 4.8vw;
  height: 4.8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-achievement
    > .p-achievement__inner
    > .p-achievement__btnWrap
    > .p-achievement__btn
    > .p-achievement__btnArrow::after {
    top: 0.25vw;
    right: -14.6428571429vw;
    width: 2.8571428571vw;
    height: 2.8571428571vw;
  }
}

.l-top .p-course {
  background-color: #f0f0e6;
  padding-top: 16vw;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-course {
    padding-top: 11vw;
    padding-bottom: 12.8571428571vw;
  }
}

.l-top .p-course > .p-course__inner > .p-course__title {
  text-align: center;
}

.l-top .p-course > .p-course__inner > .p-course__text {
  text-align: center;
  margin-top: 4vw;
  margin-bottom: 8vw;
  font-size: 3.7333333333vw;
  line-height: 1.7;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 711px) {
  .l-top .p-course > .p-course__inner > .p-course__text {
    margin-top: 3.2142857143vw;
    margin-bottom: 6.1428571429vw;
    font-size: 1.5714285714vw;
    line-height: 1;
  }
}

.l-top .p-course > .p-course__inner > .p-course__cardWrap {
  display: block;
  width: 100%;
}
@media screen and (min-width: 711px) {
  .l-top .p-course > .p-course__inner > .p-course__cardWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.l-top .p-course > .p-course__inner > .p-course__cardWrap > .p-course__card {
  width: 84vw;
  margin: 0 auto 10.6666666667vw;
  background-color: #fff;
  padding-bottom: 6.1333333333vw;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 711px) {
  .l-top .p-course > .p-course__inner > .p-course__cardWrap > .p-course__card {
    width: 22.8571428571vw;
    margin: 0;
    padding-bottom: 3vw;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card:last-of-type {
  margin-bottom: 0;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardTitle {
  text-align: center;
  font-size: 6.4vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #fff;
  padding: 2.6666666667vw 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardTitle {
    font-size: 2.1428571429vw;
    padding: 1.0714285714vw 0;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBox {
    display: block;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBox
  > .p-course__cardImg {
  width: 50%;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBox
    > .p-course__cardImg {
    width: 100%;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBox
  > .p-course__cardCatch {
  width: 50%;
  text-align: left;
  font-size: 4.8vw;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.03em;
  padding-left: 2.6666666667vw;
  margin-top: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBox
    > .p-course__cardCatch {
    width: 100%;
    text-align: center;
    font-size: 1.7142857143vw;
    line-height: 1.4;
    padding-left: 0;
    margin-top: 1.2857142857vw;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBox
  > .p-course__cardCatch
  > span {
  letter-spacing: -0.5em;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBox
    > .p-course__cardCatch
    > span {
    letter-spacing: -0.03em;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBox
  > .p-course__cardCatch--ind {
  text-indent: -0.5em;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBox
    > .p-course__cardCatch--ind {
    text-indent: 0;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardText {
  width: 76.2666666667vw;
  height: auto;
  font-size: 3.7333333333vw;
  line-height: 1.6;
  letter-spacing: -0.03em;
  padding-left: 2.6666666667vw;
  margin: 4vw auto;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardText {
    width: 19.4285714286vw;
    height: 9.7857142857vw;
    font-size: 1.1428571429vw;
    line-height: 1.75;
    padding-left: 0;
    margin: 0.9285714286vw auto 1.4285714286vw;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBtnWrap {
  text-align: center;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBtnWrap
  > .p-course__cardBtn {
  display: inline-block;
  width: 48vw;
  padding-top: 2.6666666667vw;
  padding-bottom: 2.6666666667vw;
  border-radius: 4.4vw;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  font-size: 3.7333333333vw;
  font-weight: 600;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #fff;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBtnWrap
    > .p-course__cardBtn {
    width: 15.7142857143vw;
    padding-top: 0.8571428571vw;
    padding-bottom: 0.8571428571vw;
    border-radius: 1.4285714286vw;
    font-size: 1.1428571429vw;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBtnWrap
  > .p-course__cardBtn
  > .p-course__cardBtnArw {
  position: relative;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card
  > .p-course__cardBtnWrap
  > .p-course__cardBtn
  > .p-course__cardBtnArw::after {
  position: absolute;
  content: "";
  background-size: contain;
  top: calc(50% - 2.1333333333vw);
  right: -12.8vw;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-course
    > .p-course__inner
    > .p-course__cardWrap
    > .p-course__card
    > .p-course__cardBtnWrap
    > .p-course__cardBtn
    > .p-course__cardBtnArw::after {
    top: -0.1428571429vw;
    right: -4.2857142857vw;
    width: 1.4285714286vw;
    height: 1.4285714286vw;
  }
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--els
  > .p-course__cardTitle {
  background-color: #02a227;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--els
  > .p-course__cardBtnWrap
  > .p-course__cardBtn {
  background-color: #02a227;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--els
  > .p-course__cardBtnWrap
  > .p-course__cardBtn
  > .p-course__cardBtnArw::after {
  background-image: url(../image/btn_arrow_elsh.svg);
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--jhs
  > .p-course__cardTitle {
  background-color: #ce0505;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--jhs
  > .p-course__cardBtnWrap
  > .p-course__cardBtn {
  background-color: #ce0505;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--jhs
  > .p-course__cardBtnWrap
  > .p-course__cardBtn
  > .p-course__cardBtnArw::after {
  background-image: url(../image/btn_arrow_jhsh.svg);
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--his
  > .p-course__cardTitle {
  background-color: #3451a2;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--his
  > .p-course__cardBtnWrap
  > .p-course__cardBtn {
  background-color: #3451a2;
}

.l-top
  .p-course
  > .p-course__inner
  > .p-course__cardWrap
  > .p-course__card--his
  > .p-course__cardBtnWrap
  > .p-course__cardBtn
  > .p-course__cardBtnArw::after {
  background-image: url(../image/btn_arrow_hish.svg);
}

.l-top .p-classroom {
  padding-top: 21.3333333333vw;
  padding-bottom: 21.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-classroom {
    padding-top: 13.5714285714vw;
    padding-bottom: 10.7142857143vw;
  }
}

.l-top .p-classroom > .p-classroom__inner > .p-classroom__title {
  text-align: center;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__title
  > .p-classroom__titleNote {
  margin-top: 2.6666666667vw;
  font-size: 2.6666666667vw;
  line-height: 1;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__title
    > .p-classroom__titleNote {
    margin-top: 0.9285714286vw;
    font-size: 1vw;
  }
}

.l-top .p-classroom > .p-classroom__inner > .p-classroom__text {
  text-align: center;
  margin-top: 3.2vw;
  margin-bottom: 12vw;
  font-size: 3.7333333333vw;
  line-height: 1.7;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 711px) {
  .l-top .p-classroom > .p-classroom__inner > .p-classroom__text {
    margin-top: 2.8571428571vw;
    margin-bottom: 6.7857142857vw;
    font-size: 1.5714285714vw;
    line-height: 1;
  }
}

.l-top .p-classroom > .p-classroom__inner > .p-classroom__city {
  width: 81.3333333333vw;
  margin: 0 auto 16vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-classroom > .p-classroom__inner > .p-classroom__city {
    width: 64.2857142857vw;
    margin: 0 auto 10vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityTitle {
  font-feature-settings: "palt";
  font-size: 5.3333333333vw;
  font-weight: 600;
  color: #004b30;
  margin-top: 5.3333333333vw;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityTitle {
    font-size: 2.7142857143vw;
    margin-top: 2.8571428571vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBar {
  width: 25.3333333333vw;
  border-top: 0.4vw solid #004b30;
  margin: 5.3333333333vw auto;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityBar {
    width: 12.1428571429vw;
    border-top-width: 0.2142857143vw;
    margin: 0.7142857143vw auto;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityNote {
  margin-top: 2.6666666667vw;
  font-size: 2.6666666667vw;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityNote {
    margin-top: 0.9285714286vw;
    font-size: 1vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox {
  margin: 8vw auto 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityBox {
    margin: 4.2857142857vw auto 0;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox
  > .p-classroom__cityBoxTit {
  margin-top: 10.6666666667vw;
  margin-bottom: 5.3333333333vw;
  padding: 2.6666666667vw 0;
  font-size: 5.3333333333vw;
  font-weight: 600;
  color: #004b30;
  margin-top: 5.3333333333vw;
  line-height: 1;
  text-align: center;
  background-color: #f0f0e6;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityBox
    > .p-classroom__cityBoxTit {
    margin-top: 5.7142857143vw;
    margin-bottom: 2.8571428571vw;
    padding: 1.2857142857vw 0;
    font-size: 2vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox
  > .p-classroom__cityBoxTit:first-of-type {
  margin-top: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityBox
    > .p-classroom__cityBoxTit:first-of-type {
    margin-top: 0;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox
  > ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox
  > ul
  > li {
  position: relative;
  width: 22.9333333333vw;
  margin-top: 5.3333333333vw;
  margin-right: 6.1333333333vw;
  padding: 1.6vw 2.6666666667vw 1.6vw 0;
  font-size: 3.4666666667vw;
  font-weight: 600;
  color: #004b30;
  line-height: 1;
  text-align: center;
  border: solid 0.2666666667vw #004b30;
  border-radius: 1.0666666667vw;
  cursor: pointer;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityBox
    > ul
    > li {
    width: 10.3571428571vw;
    margin-top: 2.1428571429vw;
    margin-right: 3vw;
    padding: 0.8571428571vw 0;
    font-size: 1.2857142857vw;
    text-align: center;
    border-width: 0.1428571429vw;
    border-radius: 0.2857142857vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox
  > ul
  > li:hover {
  opacity: 1;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityBox
    > ul
    > li:hover {
    opacity: 0.5;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox
  > ul
  > li:nth-of-type(-n + 3) {
  margin-top: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityBox
    > ul
    > li:nth-of-type(-n + 3) {
    margin-top: 0;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox
  > ul
  > li:nth-of-type(n + 4):nth-of-type(-n + 5) {
  margin-top: 5.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityBox
    > ul
    > li:nth-of-type(n + 4):nth-of-type(-n + 5) {
    margin-top: 0;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox
  > ul
  > li:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityBox
    > ul
    > li:nth-of-type(3n) {
    margin-right: 3vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox
  > ul
  > li:nth-of-type(5n) {
  margin-right: 6.1333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityBox
    > ul
    > li:nth-of-type(5n) {
    margin-right: 0;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox
  > ul
  > li:nth-of-type(15n) {
  margin-right: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityBox
    > ul
    > li:nth-of-type(15n) {
    margin-right: 0;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox
  > ul
  > li::after {
  content: "";
  position: absolute;
  top: 1.8666666667vw;
  right: 1.0666666667vw;
  width: 3.2vw;
  height: 3.2vw;
  background: url(../image/top/classl_link_arrow.svg) no-repeat;
  background-size: contain;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__city
    > .p-classroom__cityBox
    > ul
    > li::after {
    top: 0.8214285714vw;
    right: 0.5714285714vw;
    width: 1.3571428571vw;
    height: 1.3571428571vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__city
  > .p-classroom__cityBox
  > ul
  > li.active {
  background-color: #f9f8cc;
}

.l-top .p-classroom > .p-classroom__inner > .p-classroom__content {
  width: 100%;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  input[type="radio"] {
  display: none;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea {
  margin: 0;
  border-bottom: 0.5333333333vw solid #004b30;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__tabArea {
    border-bottom-width: 0.3571428571vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp {
  font-size: 0;
  margin: 0 auto;
  width: 84vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__tabArea
    .p-classroom__tabLblWarp {
    width: 64.2857142857vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  label {
  width: 19.2vw;
  margin-right: 2.1333333333vw;
  display: inline-block;
  padding: 2.1333333333vw 0;
  border-top-left-radius: 2.6666666667vw 2.6666666667vw;
  border-top-right-radius: 2.6666666667vw 2.6666666667vw;
  text-align: center;
  font-size: 3.4666666667vw;
  font-weight: 600;
  cursor: pointer;
  transition: ease 0.2s opacity;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__tabArea
    .p-classroom__tabLblWarp
    label {
    width: 15.2142857143vw;
    margin-right: 1.0714285714vw;
    padding: 1.6428571429vw 0;
    border-top-left-radius: 0.7142857143vw 0.7142857143vw;
    border-top-right-radius: 0.7142857143vw 0.7142857143vw;
    font-size: 2vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  label:last-of-type {
  margin-right: 0;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  label:hover {
  opacity: 1;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__tabArea
    .p-classroom__tabLblWarp
    label:hover {
    opacity: 0.5;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl1 {
  background: #e4e4e4;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl2 {
  background: #e4e4e4;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl3 {
  background: #e4e4e4;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl4 {
  background: #e4e4e4;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel {
  width: 100%;
  display: none;
  padding-top: 8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel {
    padding-top: 12.8571428571vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo {
  width: 84vw;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo {
    width: 64.2857142857vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap {
  margin-right: 5.0666666667vw;
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap {
    margin-right: 2.6785714286vw;
    margin-bottom: 2.7142857143vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap:nth-of-type(2n) {
  margin-right: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap:nth-of-type(2n) {
    margin-right: 2.6785714286vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap:nth-of-type(3n) {
  margin-right: 5.0666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap:nth-of-type(3n) {
    margin-right: 0;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap:nth-of-type(6n) {
  margin-right: 0;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card {
  display: block;
  border: 0.5333333333vw solid #004b30;
  width: 39.4666666667vw;
  padding-bottom: 4.2666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card {
    width: 19.6428571429vw;
    border-width: 0.1428571429vw;
    padding-bottom: 1.2857142857vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTitle {
  background-color: #004b30;
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding: 2.1333333333vw 0 2.1333333333vw 1.6vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardTitle {
    padding: 0.5714285714vw 0.9285714286vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTitle
  > .p-classroom__cardArea {
  width: 13.6vw;
  padding: 0.5333333333vw 0;
  background-color: #fff;
  color: #004b30;
  font-size: 2.6666666667vw;
  font-weight: 600;
  text-align: center;
  border-radius: 2.4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardTitle
    > .p-classroom__cardArea {
    width: 5vw;
    padding: 0.1428571429vw 0;
    font-size: 1.1428571429vw;
    border-radius: 0.9285714286vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTitle
  > .p-classroom__cardName {
  color: #fff;
  font-size: 3.4666666667vw;
  font-weight: 600;
  margin-left: 1.6vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardTitle
    > .p-classroom__cardName {
    font-size: 1.7142857143vw;
    margin-left: 0.8571428571vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTitle
  > .p-classroom__cardName
  > small {
  font-size: 2.1333333333vw;
  padding-right: 0.2em;
  vertical-align: middle;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardTitle
    > .p-classroom__cardName
    > small {
    font-size: 1.0714285714vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTitle.p-classroom__cardTitle--hs {
  padding-right: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardTitle.p-classroom__cardTitle--hs {
    padding-right: 0;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTitle.p-classroom__cardTitle--hs
  > .p-classroom__cardName {
  margin-left: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardTitle.p-classroom__cardTitle--hs
    > .p-classroom__cardName {
    margin-left: 0.4285714286vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTitle.p-classroom__cardTitle--hs
  > .p-classroom__cardName.p-classroom__cardName--ls {
  letter-spacing: -0.1em;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardTitle.p-classroom__cardTitle--hs
    > .p-classroom__cardName.p-classroom__cardName--ls {
    letter-spacing: normal;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardOnline {
  width: 100%;
  padding: 3.4666666667vw 0 2.1333333333vw 4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardOnline {
    padding: 1.3571428571vw 0 0.7857142857vw 1.7142857143vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardOnline
  > .p-classroom__cardName {
  color: #004b30;
  font-size: 3.4666666667vw;
  font-weight: 600;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardOnline
    > .p-classroom__cardName {
    font-size: 1.7142857143vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardAdd {
  font-size: 3.4666666667vw;
  line-height: 1.3;
  margin: 1.6vw 1.0666666667vw 1.6vw 2.6666666667vw;
  height: 14.4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardAdd {
    font-size: 1.1428571429vw;
    line-height: 1.5;
    margin: 0.7857142857vw 1.6428571429vw 1vw 1.6428571429vw;
    height: 3.5714285714vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTarget {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  padding: 0 4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardTarget {
    padding: 0 1.4285714286vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTarget
  > p {
  width: 13.6vw;
  padding: 0.8vw 0;
  font-size: 0;
  font-weight: 600;
  text-align: center;
  color: #fff;
  border-radius: 0.8vw;
  margin-right: 0.8vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardTarget
    > p {
    width: 4.8571428571vw;
    padding: 0.3571428571vw 0;
    border-radius: 0.3571428571vw;
    margin-right: 0.7142857143vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTarget
  > p::before {
  font-size: 3.2vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-classroom
    > .p-classroom__inner
    > .p-classroom__content
    .p-classroom__panelArea
    .p-classroom__panel
    > .p-classroom__panelInfo
    .p-classroom__cardWrap
    .p-classroom__card
    > .p-classroom__cardTarget
    > p::before {
    font-size: 1vw;
  }
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTarget
  > p:last-of-type {
  margin-right: 0;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTarget
  > p.p-classroom__cardTarget--els {
  background-color: #02a227;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTarget
  > p.p-classroom__cardTarget--els::before {
  content: "小学";
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTarget
  > p.p-classroom__cardTarget--jhs {
  background-color: #ce0505;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTarget
  > p.p-classroom__cardTarget--jhs::before {
  content: "中学";
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTarget
  > p.p-classroom__cardTarget--his {
  background-color: #3451a2;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap
  .p-classroom__card
  > .p-classroom__cardTarget
  > p.p-classroom__cardTarget--his::before {
  content: "高校";
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  .p-classroom__panelArea
  .p-classroom__panel
  > .p-classroom__panelInfo
  .p-classroom__cardWrap.highlight
  > .p-classroom__card {
  background-color: #f9f8cc;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab1:checked
  ~ .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl1 {
  background: #004b30;
  color: #fff;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab1:checked
  ~ .p-classroom__panelArea
  #p-classroom__panel1 {
  display: block;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab2:checked
  ~ .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl2 {
  background: #004b30;
  color: #fff;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab2:checked
  ~ .p-classroom__panelArea
  #p-classroom__panel2 {
  display: block;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab3:checked
  ~ .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl3 {
  background: #004b30;
  color: #fff;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab3:checked
  ~ .p-classroom__panelArea
  #p-classroom__panel3 {
  display: block;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab4:checked
  ~ .p-classroom__tabArea
  .p-classroom__tabLblWarp
  .p-classroom__tabLbl4 {
  background: #004b30;
  color: #fff;
}

.l-top
  .p-classroom
  > .p-classroom__inner
  > .p-classroom__content
  #p-classroom__tab4:checked
  ~ .p-classroom__panelArea
  #p-classroom__panel4 {
  display: block;
}

.l-top .p-announcement {
  background-color: #f0f0e6;
  padding-top: 13.3333333333vw;
  padding-bottom: 17.0666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-announcement {
    padding-top: 13.5714285714vw;
    padding-bottom: 13.5714285714vw;
  }
}

.l-top .p-announcement > .p-announcement__inner > .p-announcement__title {
  text-align: center;
}

.l-top .p-announcement > .p-announcement__inner > .p-announcement__content {
  width: 100%;
  margin-top: 11.2vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-announcement > .p-announcement__inner > .p-announcement__content {
    margin-top: 4.2857142857vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  input[type="radio"] {
  display: none;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea {
  margin: 0;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp {
  font-size: 0;
  padding: 0 2.6666666667vw 4.5333333333vw;
  border-bottom: 0.5333333333vw solid #004b30;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__tabArea
    .p-announcement__tabLblWarp {
    padding: 0 11.4285714286vw 2.1428571429vw;
    border-bottom-width: 0.1428571429vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  label {
  position: relative;
  width: 14.4vw;
  padding: 0.9333333333vw 0;
  border-radius: 2.9333333333vw;
  text-align: center;
  font-size: 2.9333333333vw;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: ease 0.2s opacity;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__tabArea
    .p-announcement__tabLblWarp
    label {
    width: 8.8571428571vw;
    padding: 0.6428571429vw 0;
    border-radius: 1.5vw;
    font-size: 1.2857142857vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  label:last-of-type {
  margin-right: 0;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  label:hover {
  opacity: 1;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__tabArea
    .p-announcement__tabLblWarp
    label:hover {
    opacity: 0.5;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  label::after {
  display: none;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 2.1333333333vw 2.4vw 2.1333333333vw;
  border-color: transparent transparent #004b30 transparent;
  bottom: -4.5333333333vw;
  left: calc(50% - 2.1333333333vw);
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__tabArea
    .p-announcement__tabLblWarp
    label::after {
    border-width: 0 0.5714285714vw 0.6428571429vw 0.5714285714vw;
    bottom: -2.1428571429vw;
    left: calc(50% - 0.5714285714vw);
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl1 {
  background: #c8c8c8;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl2 {
  background: #c8c8c8;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl3 {
  background: #c8c8c8;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl4 {
  background: #c8c8c8;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl5 {
  background: #c8c8c8;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea {
  border-bottom: 0.5333333333vw solid #004b30;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea {
    border-bottom-width: 0.1428571429vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel {
  display: none;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn {
  display: block;
  border-bottom: 1px dashed #707070;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn:last-child {
  border-bottom: none;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4.5333333333vw 4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list {
    align-items: center;
    padding: 1.4285714286vw 3.5714285714vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list
  > .p-announcement__listL {
  display: block;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list
    > .p-announcement__listL {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row-reverse;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list
  > .p-announcement__listL
  > .p-announcement__listCate {
  width: 14.4vw;
  padding: 0.9333333333vw 0;
  border-radius: 2.9333333333vw;
  text-align: center;
  font-size: 2.9333333333vw;
  font-weight: 600;
  color: #fff;
  background-color: #004b30;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list
    > .p-announcement__listL
    > .p-announcement__listCate {
    width: 8.8571428571vw;
    margin-right: 2.8571428571vw;
    padding: 0.6428571429vw 0;
    border-radius: 1.5vw;
    font-size: 1.2857142857vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list
  > .p-announcement__listL
  > .p-announcement__listDate {
  width: 20vw;
  margin-top: 1.3333333333vw;
  font-size: 2.9333333333vw;
  font-weight: 500;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list
    > .p-announcement__listL
    > .p-announcement__listDate {
    width: 7.5714285714vw;
    margin-top: 0;
    font-size: 1.1428571429vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list
  > .p-announcement__listR {
  display: block;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list
    > .p-announcement__listR {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list
  > .p-announcement__listR
  > .p-announcement__listTitle {
  width: 57.8666666667vw;
  margin-right: 0;
  font-size: 4.2666666667vw;
  font-weight: 600;
  color: #004b30;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list
    > .p-announcement__listR
    > .p-announcement__listTitle {
    width: 21.4285714286vw;
    margin-right: 2.1428571429vw;
    font-size: 1.5714285714vw;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  .p-announcement__panelArea
  .p-announcement__panel
  > .p-announcement__panelInfo
  .p-announcement__listBtn
  .p-announcement__list
  > .p-announcement__listR
  > .p-announcement__listText {
  width: 60.5333333333vw;
  height: 2.8em;
  margin-top: 2.6666666667vw;
  font-size: 3.7333333333vw;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-announcement
    > .p-announcement__inner
    > .p-announcement__content
    .p-announcement__panelArea
    .p-announcement__panel
    > .p-announcement__panelInfo
    .p-announcement__listBtn
    .p-announcement__list
    > .p-announcement__listR
    > .p-announcement__listText {
    width: 30vw;
    height: 3.2em;
    margin-top: 0;
    font-size: 1.1428571429vw;
    line-height: 1.6;
  }
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab1:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl1 {
  background: #004b30;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab1:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl1::after {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab1:checked
  ~ .p-announcement__panelArea
  #p-announcement__panel1 {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab2:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl2 {
  background: #004b30;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab2:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl2::after {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab2:checked
  ~ .p-announcement__panelArea
  #p-announcement__panel2 {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab3:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl3 {
  background: #004b30;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab3:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl3::after {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab3:checked
  ~ .p-announcement__panelArea
  #p-announcement__panel3 {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab4:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl4 {
  background: #004b30;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab4:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl4::after {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab4:checked
  ~ .p-announcement__panelArea
  #p-announcement__panel4 {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab5:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl5 {
  background: #004b30;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab5:checked
  ~ .p-announcement__tabArea
  .p-announcement__tabLblWarp
  .p-announcement__tabLbl5::after {
  display: block;
}

.l-top
  .p-announcement
  > .p-announcement__inner
  > .p-announcement__content
  #p-announcement__tab5:checked
  ~ .p-announcement__panelArea
  #p-announcement__panel5 {
  display: block;
}

.l-top .p-link {
  padding-top: 21.3333333333vw;
  padding-bottom: 21.3333333333vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-link {
    padding-top: 12.1428571429vw;
    padding-bottom: 8.5714285714vw;
  }
}

.l-top .p-link > .p-link__inner > .p-link__blog {
  display: block;
  width: 84vw;
  margin: 0 auto;
}
@media screen and (min-width: 711px) {
  .l-top .p-link > .p-link__inner > .p-link__blog {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 71.4285714286vw;
  }
}

.l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn {
  margin-bottom: 4.8vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn {
    margin-bottom: 0;
  }
}

.l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn > a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 12.5333333333vw;
  background: url(../image/top/link_blog_green_sp.png) no-repeat 0 0 / cover;
  font-size: 4.8vw;
  font-weight: 600;
  padding: 2.4vw 9.3333333333vw;
  color: #004b30;
}
@media screen and (min-width: 711px) {
  .l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn > a {
    width: 32vw;
    height: 6.3571428571vw;
    background-image: url(../image/top/link_blog_green_pc.png);
    font-size: 2.1428571429vw;
    padding: 1.4285714286vw 3.5714285714vw;
  }
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__blog
  > .p-link__blogBtn
  > a:last-child {
  margin-bottom: 0;
}

.l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn > a::after {
  position: absolute;
  content: "";
  background: url(../image/btn_arrow_bg-green.svg) no-repeat center;
  background-size: contain;
  top: 2.6666666667vw;
  right: 4.8vw;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-link
    > .p-link__inner
    > .p-link__blog
    > .p-link__blogBtn
    > a::after {
    top: 1.7142857143vw;
    right: 1.7857142857vw;
    width: 2.5vw;
    height: 2.5vw;
  }
}

.l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn--jhblog > a {
  background-image: url(../image/top/link_blog_green_sp.png);
  color: #004b30;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-link
    > .p-link__inner
    > .p-link__blog
    > .p-link__blogBtn--jhblog
    > a {
    background-image: url(../image/top/link_blog_green_pc.png);
  }
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__blog
  > .p-link__blogBtn--jhblog
  > a::after {
  background-image: url(../image/btn_arrow_bg-green.svg);
}

.l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn--blog > a {
  background-image: url(../image/top/link_blog_red_sp.png);
  color: #7c001b;
}
@media screen and (min-width: 711px) {
  .l-top .p-link > .p-link__inner > .p-link__blog > .p-link__blogBtn--blog > a {
    background-image: url(../image/top/link_blog_red_pc.png);
  }
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__blog
  > .p-link__blogBtn--blog
  > a::after {
  background-image: url(../image/btn_arrow_bg-red.svg);
}

.l-top .p-link > .p-link__inner > .p-link__banner {
  margin: 10.6666666667vw auto 0;
  width: 84vw;
}
@media screen and (min-width: 711px) {
  .l-top .p-link > .p-link__inner > .p-link__banner {
    margin-top: 11.4285714286vw;
    width: 71.4285714286vw;
  }
}

.l-top .p-link > .p-link__inner > .p-link__banner > .p-link__bannerList {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__banner
  > .p-link__bannerList
  > .p-link__bannerItem {
  width: 40vw;
  margin-bottom: 3.3333333333vw;
  margin-right: 4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-link
    > .p-link__inner
    > .p-link__banner
    > .p-link__bannerList
    > .p-link__bannerItem {
    width: 21.4285714286vw;
    margin-bottom: 1.7857142857vw;
    margin-right: 3.5714285714vw;
  }
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__banner
  > .p-link__bannerList
  > .p-link__bannerItem:nth-of-type(2n) {
  margin-right: 0;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-link
    > .p-link__inner
    > .p-link__banner
    > .p-link__bannerList
    > .p-link__bannerItem:nth-of-type(2n) {
    margin-right: 3.5714285714vw;
  }
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__banner
  > .p-link__bannerList
  > .p-link__bannerItem:nth-of-type(3n) {
  margin-right: 4vw;
}
@media screen and (min-width: 711px) {
  .l-top
    .p-link
    > .p-link__inner
    > .p-link__banner
    > .p-link__bannerList
    > .p-link__bannerItem:nth-of-type(3n) {
    margin-right: 0;
  }
}

.l-top
  .p-link
  > .p-link__inner
  > .p-link__banner
  > .p-link__bannerList
  > .p-link__bannerItem:nth-of-type(6n) {
  margin-right: 0;
}