@charset "UTF-8";
/* Scss Document */
.lower_spacer {
  width: 100%;
  height: 150px;
}
@media screen and (max-width: 480px) {
  .lower_spacer {
    height: 80px;
  }
}

.pc_nowrap {
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  .pc_nowrap {
    white-space: normal;
  }
}

.main_visual {
  width: 100%;
  background: #d3e6f6;
}
.main_visual__inner {
  width: 1280px;
  margin: auto;
  position: relative;
}
@media screen and (max-width: 480px) {
  .main_visual__inner {
    width: 100%;
  }
}
.main_visual__inner .page_title {
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 480px) {
  .main_visual__inner .page_title {
    width: 225px;
  }
}
.main_visual__inner ul {
  display: flex;
}
@media screen and (max-width: 480px) {
  .main_visual__inner ul {
    display: block;
  }
}

.footer_up__inner {
  padding: 25px 0 12px;
}
@media screen and (max-width: 480px) {
  .footer_up__inner {
    padding: 25px 0 45px;
  }
}
.footer_up__inner .footer_zips {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .footer_up__inner .footer_zips {
    display: block;
  }
}
.footer_up__inner .footer_zips li:first-child {
  width: 303px;
  padding-right: 25px;
}
@media screen and (max-width: 480px) {
  .footer_up__inner .footer_zips li:first-child {
    width: 100%;
    padding: 0;
    border: none;
  }
}
.footer_up__inner .footer_zips li:last-child {
  padding-left: 10px;
  font-size: 0.875em;
  line-height: 1.5;
  white-space: nowrap;
  color: #956134;
  border-left: 2px solid #956134;
}
@media screen and (max-width: 480px) {
  .footer_up__inner .footer_zips li:last-child {
    margin-top: 16px;
    font-size: 18px;
  }
}
.footer_up__inner .footer_telephone {
  margin-top: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .footer_up__inner .footer_telephone {
    display: block;
    padding-left: 24px;
  }
}
.footer_up__inner .footer_telephone li {
  font-size: 0.75em;
}
@media screen and (max-width: 480px) {
  .footer_up__inner .footer_telephone li {
    font-size: 18px;
    line-height: 1.25;
  }
}
.footer_up__inner .footer_telephone li span {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 1.66em;
}
.footer_up__inner .footer_telephone li:first-child {
  color: #e9528e;
}
.footer_up__inner .footer_telephone li:first-child a {
  color: #e9528e;
}

.md {
  display: flex;
  align-items: center;
  padding: 10px 0;
  position: relative;
  font-size: 22px;
}
@media screen and (max-width: 480px) {
  .md {
    padding: 12px 0;
    font-size: 27px;
  }
}
.md p {
  text-align: center;
  width: 8em;
  font-weight: 700;
  color: #002f4c;
}
@media screen and (max-width: 480px) {
  .md p {
    font-size: 27px;
  }
}
.md::before {
  content: "";
  height: 1px;
  background: url("../img/lower_common/dash.png") center/contain repeat-x;
  flex-grow: 1;
}
.md::after {
  content: "";
  height: 1px;
  background: url("../img/lower_common/dash.png") center/contain repeat-x;
  flex-grow: 1;
}
.md span {
  display: block;
  width: 10em;
  height: 1px;
  background: #956134;
}
.md span.up {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.md span.down {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.md2 {
  display: flex;
  align-items: center;
  padding: 10px 0;
  position: relative;
  font-size: 22px;
}
@media screen and (max-width: 480px) {
  .md2 {
    padding: 12px 0;
    font-size: 27px;
  }
}
.md2 p {
  text-align: center;
  width: 13em;
  font-weight: 700;
  color: #002f4c;
}
.md2::before {
  content: "";
  height: 1px;
  background: url("../img/lower_common/dash.png") center/contain repeat-x;
  flex-grow: 1;
}
.md2::after {
  content: "";
  height: 1px;
  background: url("../img/lower_common/dash.png") center/contain repeat-x;
  flex-grow: 1;
}
.md2 span {
  display: block;
  width: 15em;
  height: 1px;
  background: #956134;
}
.md2 span.up {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.md2 span.down {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.section_title {
  box-sizing: border-box;
  width: 400px;
  height: 40px;
  border: 1px solid #956134;
  margin: auto;
  background: linear-gradient(180deg, #fff 0%, #fff 60%, #fff096 60%, #fff096 100%);
  position: relative;
}
@media screen and (max-width: 480px) {
  .section_title {
    width: 100%;
    height: 45px;
  }
}
.section_title p {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  font-weight: 700;
  color: #002f4c;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 480px) {
  .section_title p {
    font-size: 22px;
  }
}

.section_title2 {
  box-sizing: border-box;
  width: 400px;
  height: 40px;
  border: 1px solid #956134;
  margin: auto;
  background: linear-gradient(180deg, #fff 0%, #fff 60%, #f7c8d6 60%, #f7c8d6 100%);
  position: relative;
}
@media screen and (max-width: 480px) {
  .section_title2 {
    width: 100%;
    height: 45px;
  }
}
.section_title2 p {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  font-weight: 700;
  color: #002f4c;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 480px) {
  .section_title2 p {
    font-size: 22px;
  }
}

.first_margin {
  margin-top: 50px;
}

.sub_margin {
  margin-top: 36px;
}

.mini_margin {
  margin-top: 0.75em;
}

.area_class {
  width: 100%;
}
.area_class__inner {
  width: 880px;
  margin: auto;
  padding-bottom: 70px;
}
@media screen and (max-width: 480px) {
  .area_class__inner {
    width: 93.75%;
  }
}
.area_class .items_first {
  margin: 40px auto 0;
}
@media screen and (max-width: 480px) {
  .area_class .items_first {
    width: 100%;
  }
}
.area_class .items_first li {
  position: relative;
  padding-left: 1.5em;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .area_class .items_first li {
    font-size: 17px;
  }
}
.area_class .items_first li:nth-child(n+2) {
  margin-top: 0.25em;
}
.area_class .items_first li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "◎";
  display: block;
}

.timetable_bg01 {
  background: #eaf6fd;
}

.timetable_bg02 {
  background: #fcebf3;
}

.timetable_bg03 {
  background: #fffde5;
}

.timetable_bg04 {
  background: #eff6ee;
}

.class_info {
  margin-top: 40px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 480px) {
  .class_info {
    display: block;
  }
}
.class_info > li:first-child {
  width: 500px;
}
@media screen and (max-width: 480px) {
  .class_info > li:first-child {
    width: 100%;
  }
}
.class_info > li:first-child .items {
  width: 100%;
  margin-bottom: 30px;
}
.class_info > li:first-child .items li {
  box-sizing: border-box;
  position: relative;
  padding-left: 1.5em;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .class_info > li:first-child .items li {
    font-size: 17px;
  }
}
.class_info > li:first-child .items li:nth-child(n+2) {
  margin: 0.25em 0 0;
}
.class_info > li:first-child .items li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "◎";
  display: block;
}
.class_info > li:first-child .items li .li_inner {
  position: relative;
  padding-left: 1em;
  margin-top: 0.5em;
}
.class_info > li:first-child .items li .li_inner::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "※";
  display: block;
}
.class_info > li:first-child .items2 {
  width: 100%;
  margin-bottom: 18px;
}
.class_info > li:first-child .items2 li {
  box-sizing: border-box;
  position: relative;
  padding-left: 1.5em;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .class_info > li:first-child .items2 li {
    font-size: 17px;
  }
}
.class_info > li:first-child .items2 li:nth-child(n+2) {
  margin: 0.25em 0 0;
}
.class_info > li:first-child .items2 li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "◎";
  display: block;
}
.class_info > li:first-child .items2 li .li_inner {
  position: relative;
  padding-left: 1em;
  margin-top: 0.5em;
}
.class_info > li:first-child .items2 li .li_inner::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "※";
  display: block;
}
.class_info > li:first-child .timetable .course_name {
  font-size: 1.125em;
  line-height: 1.5;
  margin-bottom: 0.5em;
  font-weight: 700;
  border-bottom: 1px solid #666;
}
.class_info > li:first-child .timetable .course_name::before {
  content: "■";
  display: inline-block;
  color: #5abe74;
  padding-right: 0.175em;
}
.class_info > li:first-child .timetable .course_text {
  line-height: 1.65;
  margin-bottom: 1em;
}
.class_info > li:first-child .timetable .taisho {
  font-size: 16px;
  color: orangered;
  font-weight: 700;
  margin-bottom: 0.5em;
}
.class_info > li:first-child .timetable table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #000;
}
.class_info > li:first-child .timetable table td {
  line-height: 1.875;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #000;
  padding: 0 0.5em;
}
.class_info > li:first-child .timetable table td p {
  line-height: 1.5;
  padding: 0.25em 0;
}
.class_info > li:first-child .timetable table td p.lhh {
  text-align: left;
}
.class_info > li:first-child .notes {
  margin-top: 0.25em;
}
.class_info > li:first-child .notes p {
  position: relative;
  padding-left: 1em;
  line-height: 1.5;
}
.class_info > li:first-child .notes p::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "※";
  display: block;
}
.class_info > li:last-child {
  width: 340px;
}
@media screen and (max-width: 480px) {
  .class_info > li:last-child {
    width: 93.75%;
    margin: 36px auto 0;
  }
}

.notes_common {
  margin-top: 0.25em;
}
.notes_common p {
  position: relative;
  padding-left: 1em;
  line-height: 1.5;
}
.notes_common p::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "※";
  display: block;
}

.qr_area {
  padding-bottom: 70px;
  width: 100%;
}
.qr_area__inner {
  width: 700px;
  box-sizing: border-box;
  margin: auto;
  border: 1px solid #00ba00;
}
@media screen and (max-width: 480px) {
  .qr_area__inner {
    width: 93.75%;
  }
}
.qr_area__inner .qr_area_title {
  font-size: 28px;
  width: 19em;
  margin: auto;
  height: 32px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .qr_area__inner .qr_area_title {
    width: 100%;
  }
}
.qr_area__inner .qr_area_title .grad_bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 14px;
  background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #fff0d9 3px, #fff0d9 7px);
}
@media screen and (max-width: 480px) {
  .qr_area__inner .qr_area_title .grad_bg {
    height: 10px;
  }
}
.qr_area__inner .qr_area_title .qr_area_name {
  position: absolute;
  left: 50%;
  top: 0;
  white-space: nowrap;
  transform: translateX(-50%);
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  color: #005fa3;
}
@media screen and (max-width: 480px) {
  .qr_area__inner .qr_area_title .qr_area_name {
    transform: scale(0.75, 1) translateX(-50%);
    transform-origin: top left;
  }
}
.qr_area__inner .qr_info {
  text-align: center;
  margin-top: 24px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 700;
}
.qr_area__inner__inner {
  margin-top: 24px;
  line-height: 1.6;
}
.qr_area__inner__inner h4 {
  position: relative;
  font-size: 1.125em;
  font-weight: 700;
  padding-left: 1.25em;
  color: #666;
}
.qr_area__inner__inner h4::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "■";
  display: block;
  color: #71c7d1;
}
.qr_area__inner__inner h4:nth-child(n+2) {
  margin-top: 1em;
}
.qr_area__inner__inner ul {
  box-sizing: border-box;
  padding-left: 1.25em;
  margin-top: 0.25em;
}
.qr_area__inner__inner ul.qr_list {
  display: flex;
  flex-wrap: wrap;
}
.qr_area__inner__inner ul.qr_list li {
  box-sizing: border-box;
  position: relative;
  padding-left: 1em;
  margin-right: 1em;
}
.qr_area__inner__inner ul.qr_list li::before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
}
.qr_area__inner__inner ul.qr_list li:last-child {
  margin-right: 0;
}
.qr_area__inner__inner ul.qr_code {
  display: flex;
}
.qr_area__inner__inner ul.qr_code li:first-child {
  flex: 1;
}
.qr_area__inner__inner ul.qr_code li:last-child {
  width: 120px;
  margin-left: 1.25em;
}
@media screen and (max-width: 480px) {
  .qr_area__inner__inner ul.qr_code li:last-child {
    width: 100px;
  }
}
.qr_area__inner__inner p {
  box-sizing: border-box;
  padding-left: 1.25em;
  margin-top: 0.25em;
}

.timetable2 table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #000;
}
.timetable2 table td {
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #000;
  padding: 0.25em 0;
}

.application_form {
  width: 100%;
  padding-bottom: 70px;
}
.application_form__inner {
  width: 600px;
  margin: auto;
}
.application_form__inner:hover {
  opacity: 0.8;
}
@media screen and (max-width: 480px) {
  .application_form__inner {
    width: 93.75%;
  }
}

.application_form2 {
  width: 100%;
  margin-top: 1em;
}
.application_form2__inner {
  width: 600px;
  margin: auto;
}
.application_form2__inner:hover {
  opacity: 0.8;
}
@media screen and (max-width: 480px) {
  .application_form2__inner {
    width: 100%;
  }
}

.button_area {
  margin-top: 36px;
  display: flex;
  justify-content: flex-end;
}
.button_area .button01,
.button_area .button02,
.button_area .button03 {
  box-sizing: border-box;
  width: 240px;
  border: 2px solid;
  padding: 3px;
}
@media screen and (max-width: 480px) {
  .button_area .button01,
.button_area .button02,
.button_area .button03 {
    width: 216px;
  }
}
.button_area .button01 div,
.button_area .button02 div,
.button_area .button03 div {
  width: 100%;
  height: 60px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .button_area .button01 div,
.button_area .button02 div,
.button_area .button03 div {
    height: 54px;
  }
}
.button_area .button01 div p,
.button_area .button02 div p,
.button_area .button03 div p {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 21px;
  line-height: 1.2;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .button_area .button01 div p,
.button_area .button02 div p,
.button_area .button03 div p {
    font-size: 18px;
  }
}
.button_area .button01 {
  border-color: #71c7d1;
}
.button_area .button01 div {
  background: url("../img/common/dlbg01.png") right center/contain no-repeat, #71c7d1;
}
.button_area .button02 {
  border-color: #8bc782;
  margin-left: 20px;
}
@media screen and (max-width: 480px) {
  .button_area .button02 {
    margin-left: 18px;
  }
}
.button_area .button02 div {
  background: url("../img/common/dlbg02.png") right center/contain no-repeat, #8bc782;
}
.button_area .button03 {
  border-color: #bbaad2;
}
.button_area .button03 div {
  background: url("../img/common/dlbg03.png") right center/contain no-repeat, #bbaad2;
}

.button_area_center {
  width: 240px;
  margin: 36px auto 0;
}
@media screen and (max-width: 480px) {
  .button_area_center {
    width: 216px;
  }
}

.aleat {
  width: 93.75%;
  max-width: 700px;
  margin: 30px auto 30px;
  box-sizing: border-box;
  border: 5px solid red;
  padding: 1em;
  line-height: 1.6;
  text-align: center;
  font-weight: 700;
  background: lightyellow;
}
.aleat .ba {
  font-size: 1.5em;
  margin: 0.25em 0;
  color: red;
}
@media screen and (max-width: 480px) {
  .aleat .ba {
    line-height: 1.25;
  }
}
/*# sourceMappingURL=lower_common.css.map */