.wrap {
  width: 100%;
}

.main {
  padding: 0 !important;
}

.content {
  margin-top: 0;
}

.reset html,
.reset body,
.reset div,
.reset span,
.reset applet,
.reset object,
.reset iframe,
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6,
.reset p,
.reset blockquote,
.reset pre,
.reset a,
.reset abbr,
.reset acronym,
.reset address,
.reset big,
.reset cite,
.reset code,
.reset del,
.reset dfn,
.reset em,
.reset font,
.reset img,
.reset ins,
.reset kbd,
.reset q,
.reset s,
.reset samp,
.reset small,
.reset strike,
.reset strong,
.reset sub,
.reset sup,
.reset tt,
.reset var,
.reset dl,
.reset dt,
.reset dd,
.reset ol,
.reset ul,
.reset li,
.reset fieldset,
.reset form,
.reset label,
.reset legend,
.reset table,
.reset caption,
.reset tbody,
.reset tfoot,
.reset thead,
.reset tr,
.reset th,
.reset td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  min-height: 0;
  background-color: transparent;
}
.reset body {
  counter-reset: titleNum;
}
.reset html {
  -webkit-text-size-adjust: none;
}
.reset img {
  vertical-align: bottom;
}
.reset strong {
  font-weight: bold;
}
.reset ol,
.reset ul {
  list-style: none;
}
.reset ol li,
.reset ul li {
  margin: 0;
  padding: 0;
}
.reset table {
  border-collapse: collapse;
  border-spacing: 0;
}
.reset caption,
.reset th,
.reset td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
.reset a {
  color: inherit;
}
.reset a:link {
  text-decoration: none;
}
.reset a:visited {
  text-decoration: none;
}
.reset a:hover {
  text-decoration: none;
}
.reset button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.reset input[type=submit],
.reset input[type=button] {
  background-color: inherit;
  border: none;
  color: inherit;
  font-size: inherit;
}
.reset input[type=submit]:focus,
.reset input[type=button]:focus {
  outline: none;
}

@media only screen and (max-width: 834px) {
  .pc {
    display: none !important;
  }
}
@media only screen and (min-width: 835px) {
  .sp {
    display: none !important;
  }
}
a {
  text-decoration: none;
  color: inherit;
}

@media (hover: hover) {
  a:hover {
    opacity: 0.8;
  }
}
@media (hover: none) {
  a:hover {
    opacity: 1;
  }
}
.entry-content {
  margin: 0;
}

.entry-title {
  display: none;
}

.body .article {
  margin: 0;
}

.fz-16 {
  font-size: 16px !important;
}
@media only screen and (max-width: 834px) {
  .fz-16 {
    font-size: max(14px, min(3.4666666667vw, 16px)) !important;
  }
}

.fz-18 {
  font-size: 18px !important;
}
@media only screen and (max-width: 834px) {
  .fz-18 {
    font-size: max(14px, min(3.7333333333vw, 18px)) !important;
  }
}

.fz-20 {
  font-size: 20px !important;
}
@media only screen and (max-width: 834px) {
  .fz-20 {
    font-size: max(14px, min(3.7333333333vw, 18px)) !important;
  }
}

#my-content {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.875;
}
#my-content .my-inner {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .my-inner {
    padding: 0 5vw;
  }
}
#my-content strong {
  font-size: 1.222em !important;
  font-weight: bold !important;
}
#my-content .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#my-content .marker {
  background-color: #fff550;
}
#my-content .red {
  color: #822022;
}
#my-content .underline {
  position: relative;
  padding-bottom: 0.1em;
}
#my-content .underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #822022;
}
#my-content .mv {
  height: 380px;
  background: url(../img/mv_bg.jpg) center center/cover no-repeat;
  padding: 60px 20px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .mv {
    height: unset;
    background: unset;
  }
}
#my-content .mv__txt {
  max-width: 1260px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__txt {
    text-align: center;
  }
}
#my-content .intro {
  background: #822022;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro {
    background: linear-gradient(to top, #822022 0, #822022 50%, transparent 50%);
  }
  #my-content .intro .my-inner {
    padding: 0;
  }
}
#my-content .intro .flex {
  align-items: flex-end;
}
@media screen and (max-width: 1100px) {
  #my-content .intro .flex {
    flex-direction: column;
    align-items: center;
  }
}
#my-content .intro .flex-left {
  width: 604px;
  min-height: 303px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img/intro_bord.png) center center/100% 100% no-repeat;
  padding: 40px 30px;
  margin-top: -143px;
  margin-right: 10px;
}
@media screen and (max-width: 1100px) {
  #my-content .intro .flex-left {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .intro .flex-left {
    width: fit-content;
    min-height: unset;
    padding: 20px 5vw;
    margin-top: 0;
    margin-bottom: 0;
  }
}
#my-content .intro .flex-right {
  width: 580px;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #fff;
  border-radius: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro .flex-right {
    justify-content: center;
    width: fit-content;
    min-height: unset;
    background-color: #fff550;
    border-radius: 10px;
    margin-top: -15px;
    padding: 1em 1em;
  }
}
#my-content .intro__list {
  max-width: 470px;
  font-weight: bold;
  line-height: 1.25;
}
#my-content .intro__list li {
  border-bottom: #ccc 1px solid;
  letter-spacing: 0.05em;
  padding-left: 3em;
  padding-bottom: 0.5em;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__list li {
    border-bottom: none;
    padding-left: 2em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
}
#my-content .intro__list li:not(:last-child) {
  margin-bottom: 1em;
}
#my-content .intro__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 27px;
  height: 25px;
  background: url(../img/icon_check.png) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__list li::before {
    width: 1.2em;
    height: 1.2em;
  }
}
#my-content .intro__txt {
  padding: 10px;
  flex-shrink: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__txt {
    padding: 0;
  }
}
#my-content .intro__img {
  position: relative;
  top: -15px;
  padding: 0 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__img {
    display: none;
  }
}
#my-content .nantoka {
  padding: 50px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka {
    padding: 0 0 50px;
    background-color: #f5f5f5;
  }
  #my-content .nantoka .my-inner {
    padding: 0;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka .marker {
    background-color: #fff;
  }
}
#my-content .nantoka .flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka .flex {
    flex-direction: column;
    align-items: center;
  }
}
#my-content .nantoka .flex-left {
  width: 750px;
  margin-right: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka .flex-left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#my-content .nantoka .flex-right {
  width: 400px;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka .flex-right {
    width: 80vw;
  }
}
#my-content .nantoka .icon {
  background-color: #f5f5f5;
  border-radius: 50%;
  margin-right: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka .icon {
    width: 14vw;
    margin-right: 10px;
  }
}
#my-content .nantoka .tag {
  display: flex;
  align-items: center;
  max-width: 800px;
  width: 100%;
  min-height: 90px;
  background: #f5f5f5;
  border-radius: 16px;
  color: #333;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1px;
  padding: 10px 2em;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka .tag {
    min-height: 14.6666666667vw;
    border-radius: 10px;
    font-size: max(16px, min(4.2666666667vw, 26px));
    padding: 10px 0.5em;
  }
}
#my-content .nantoka__list {
  margin-bottom: 50px;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka__list {
    margin-bottom: 30px;
  }
}
#my-content .nantoka__list li:not(:last-child) {
  margin-bottom: 80px;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka__list li:not(:last-child) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka__list li {
    padding: 20px 5vw;
  }
  #my-content .nantoka__list li:nth-child(even) .icon {
    background-color: #fff;
  }
  #my-content .nantoka__list li:nth-child(even) .tag {
    background-color: #fff;
  }
  #my-content .nantoka__list li:nth-child(odd) {
    background-color: #fff;
  }
}
#my-content .nantoka__ttl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#my-content .nantoka__arrow {
  margin-left: 110px;
  margin-top: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka__arrow {
    margin-left: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  #my-content .nantoka__arrow img {
    width: 5.4666666667vw;
  }
}
#my-content .nantoka__catch {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 1em;
  padding-left: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka__catch {
    background-color: #fff550;
    border-radius: 10px;
    font-size: max(18px, min(4.8vw, 30px));
    padding: 0.5em;
    text-align: center;
  }
}
#my-content .nantoka__catch .red {
  color: #ac2a2c;
  font-weight: bold;
}
#my-content .nantoka__box {
  min-height: 130px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #822022;
  border-radius: 20px;
  padding: 20px;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka__box {
    width: 90vw;
    margin: 0 auto;
    text-align: left;
  }
}
#my-content .nantoka__box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 400px);
  width: 102px;
  height: 105px;
  background: url(../img/icon_teacher.png) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka__box::before {
    width: 75px;
    height: 75px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px;
  }
}
#my-content .nantoka-slider .slick-track {
  display: flex;
  align-items: stretch;
}
#my-content .nantoka-slider .slick-dots {
  display: block !important;
}
#my-content .nantoka-slider .slide {
  height: 500px;
  float: none;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide {
    height: auto;
  }
}
#my-content .nantoka-slider .slide.--01 {
  background: url(../img/slide01_bg.jpg) center bottom/cover no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--01 {
    background: url(../img/slide01_bg_sp.jpg) center bottom/cover no-repeat;
    padding: 50px 0 0;
  }
}
#my-content .nantoka-slider .slide.--01 .flex {
  height: 100%;
  align-items: flex-end;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--01 .flex {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
  }
}
#my-content .nantoka-slider .slide.--01 .flex-left {
  width: 333px;
  margin-right: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--01 .flex-left {
    width: 66.6666666667vw;
    margin-right: 0;
    margin-top: 40px;
    text-align: center;
  }
}
#my-content .nantoka-slider .slide.--01 .flex-right {
  height: 100%;
  width: 750px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--01 .flex-right {
    width: 100%;
    height: auto;
    display: block;
  }
}
#my-content .nantoka-slider .slide.--01 .ttl {
  font-family: "Zen Old Mincho", serif;
  font-size: 42px;
  line-height: 1.25;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--01 .ttl {
    font-size: max(16px, min(6.6666666667vw, 42px));
    text-align: center;
  }
}
#my-content .nantoka-slider .slide.--02 {
  background-color: #fff550;
  padding-top: 25px;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--02 {
    padding: 20px 0;
  }
}
#my-content .nantoka-slider .slide.--02 .flex {
  justify-content: center;
  min-height: 450px;
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--02 .flex {
    min-height: 0;
    flex-direction: column-reverse;
    border-radius: 10px;
    padding: 20px 5vw;
  }
}
#my-content .nantoka-slider .slide.--02 .flex-left {
  margin-right: 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--02 .flex-left {
    width: 72vw;
    margin-right: 0;
    margin-top: 10px;
  }
}
#my-content .nantoka-slider .slide.--02 .ttl {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 1em;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--02 .ttl {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-size: max(16px, min(5.0666666667vw, 24px));
  }
}
#my-content .nantoka-slider .slide.--02 .ttl::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -40px;
  width: 68px;
  height: 55px;
  background: url(../img/slide02_horn.png) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--02 .ttl::before {
    width: 40px;
    height: 30px;
    left: -20px;
  }
}
#my-content .nantoka-slider .slide.--03 {
  background-color: #add6da;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--03 {
    padding: 50px 0 0;
  }
}
#my-content .nantoka-slider .slide.--03 .flex {
  justify-content: center;
  align-items: flex-end;
  height: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--03 .flex {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
  }
}
#my-content .nantoka-slider .slide.--03 .flex-left {
  margin-right: 100px;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--03 .flex-left {
    width: 50.6666666667vw;
    margin-right: 0;
    margin-top: 40px;
    text-align: center;
  }
}
#my-content .nantoka-slider .slide.--03 .flex-right {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--03 .flex-right {
    height: unset;
  }
}
#my-content .nantoka-slider .slide.--03 .ttl {
  font-size: 22px;
  font-weight: bold;
  margin-top: 1em;
  margin-left: -2em;
}
@media only screen and (max-width: 834px) {
  #my-content .nantoka-slider .slide.--03 .ttl {
    font-size: max(14px, min(4.2666666667vw, 22px));
    margin-left: 0;
  }
}
#my-content .nantoka-slider .slide.--03 .ttl span {
  display: inline-block;
  border: 1px solid;
  padding: 0.2em 0.5em;
}/*# sourceMappingURL=hp_nantokasurunara.css.map */