@charset "UTF-8";

.mainvisualBackground.extra_bred{
  padding:0;
}
.breadcrumbs.extra_lp{
  margin:0;
}
/* color */
/* Web FONT */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
.dx20 .img_responsive {
  width: 100%;
  height: auto;
}

.dx20 h1, .dx20 h2, .dx20 h3, .dx20 h4, .dx20 h5, .dx20 p {
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.02em;
}

.dx20 p {
  font-size: 1.6rem;
}

.dx20 .bdr_elm {
  background: -webkit-gradient(linear, left top, right top, from(black), color-stop(25%, black), color-stop(25%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))) 0% 0%;
  background: linear-gradient(to right, black, black 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%) 0% 0%;
  background-size: 4px 1px;
  width: 100%;
  height: 1px;
}

.dx20 .mx1120 {
  max-width: 112rem;
  padding: 0 0px;
  margin: 0 auto 0;
  /*
  max-width: 100%;
  padding:0 5rem 0 0;
  */
}

@media (max-width: 767px) {
  .dx20 .pc_only {
    display: none;
  }
  .dx20 .mx1120 {
    padding: 0 2rem;
  }
}

@media (min-width: 768px) {
  .dx20 .sp_only {
    display: none;
  }
}

/* アニメーション */
/* *** *** *** *** *** *** *** *** *** *** *** */
.dx20 .inview,
.dx20 .kv_inview {
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-transition-duration: .8s;
          transition-duration: .8s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  opacity: 0;
}

.dx20 .inview.is-inview,
.dx20 .kv_inview.is-inview {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  opacity: 1;
}

.dx20 .localnav_wrap {
  -webkit-transition-duration: 1.8s;
          transition-duration: 1.8s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
  opacity: 0;
}

.dx20 .localnav_wrap.is-anime {
  opacity: 1;
}

.dx20 .section01 .mx1120.title_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: -1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .dx20 .section01 .mx1120.title_sticky {
    z-index: auto;
  }
}

.dx20 .section01 .title_wrap {
  -webkit-transform: scale(1.7);
          transform: scale(1.7);
  -webkit-transition: .5s ease-out;
  transition: .5s ease-out;
}

@media (max-width: 767px) {
  .dx20 .section01 .title_wrap {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@media (max-width: 340px) {
  .dx20 .section01 .title_wrap {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.dx20 .section01 .title_wrap.is-scale {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.dx20 .section01 .title_wrap .mask {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

.dx20 .section01 .title_wrap .mask:nth-of-type(2) {
  -webkit-animation-delay: .3s;
          animation-delay: .3s;
}

@-webkit-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(1.5em);
            transform: translateY(1.5em);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

.dx20 .section01 img.kv_inview {
  -webkit-transition-delay: .8s;
          transition-delay: .8s;
}

@media (min-width: 768px) {
  .dx20 .section02 .main_area .item_area li.inview:nth-of-type(2) {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
  }
  .dx20 .section02 .main_area .item_area li.inview:nth-of-type(3) {
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
  }
  .dx20 .section02 .main_area .item_area li.inview:nth-of-type(4) {
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
  }
  .dx20 .section04 .list_program li:nth-of-type(2) .inview {
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
  }
  .dx20 .section04 .list_program li:nth-of-type(3) .inview {
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
  }
}

.dx20 .section11 .main_area .text_area p:nth-of-type(1) {
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}

.dx20 .section11 .main_area .text_area p:nth-of-type(2) {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.dx20 .section11 .main_area .img_area {
  -webkit-transition-delay: .8s;
          transition-delay: .8s;
}

@media (max-width: 767px) {
  .dx20 .section11 .main_area .text_area p:nth-of-type(1) {
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
  }
  .dx20 .section11 .main_area .text_area p:nth-of-type(2) {
    -webkit-transition-delay: .8s;
            transition-delay: .8s;
  }
  .dx20 .section11 .main_area .img_area {
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
  }
}

@media (min-width: 768px) {
  .dx20 .section12 .details_area li:nth-of-type(2), .dx20 .section12 .details_area li:nth-of-type(5) {
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
  }
  .dx20 .section12 .details_area li:nth-of-type(3) {
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
  }
  .dx20 .section13 .program_head_img {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
  }
  .dx20 .section13 ul.list_program > li:nth-of-type(2) .inview {
    -webkit-transition-delay: .5s;
            transition-delay: .5s;
  }
  .dx20 .section13.section_young .ex_theme_area li:nth-of-type(2) {
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
  }
  .dx20 .section13.section_young .ex_theme_area li:nth-of-type(3) {
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
  }
}

.dx20 {
  color: #000;
}

.dx20 .section_contact {
  padding: 8rem 0;
  background: #000;
  text-align: center;
  margin-bottom: 12rem;
}

.dx20 .section_contact a {
  display: inline-block;
  margin: 0 auto;
  padding: 2.8rem 10rem;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  pointer-events: auto;
  -webkit-transition: .3s;
  transition: .3s;
}

.dx20 .section_contact a .contact_text {
  position: relative;
  z-index: 1000;
}

.dx20 .section_contact a .contact_text .arrow {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: -8rem;
  pointer-events: none;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
  background: url(../images/arrow01_blk.png) no-repeat center center/cover;
}

.dx20 .section_contact a::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  color: #000;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.dx20 .section_contact a:hover {
  color: #000;
  border: 1px solid #000;
}

.dx20 .section_contact a:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.dx20 .section_contact a:hover > .contact_text .arrow {
  right: -11rem;
  background: url(../images/arrow01_wht.png) no-repeat center center/cover;
}

.dx20 .localnav_wrap {
  width: 100%;
  background-color: #6496fa;
}

.dx20 .localnav_wrap.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}


.dx20 .localnav ul.localnav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 2.5rem 0 2.5rem;
}

.dx20 .localnav ul.localnav_list li {
  margin-right: 3.2rem;
  font-size: 1.4rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

.dx20 .localnav ul.localnav_list li:last-of-type {
  margin: 0;
}

.dx20 .localnav ul.localnav_list li.nav_disabled {
  color: #fff;
  opacity: 0.5;
}

.dx20 .localnav ul.localnav_list li.flat_chara {
  display: inline-block;
  -webkit-transform: scaleX(1.05);
          transform: scaleX(1.05);
}

.dx20 .localnav ul.localnav_list li a {
  color: #fff;
  position: relative;
}

.dx20 .localnav ul.localnav_list li a::before {
  position: absolute;
  bottom: -0.8rem;
  left: 0;
  content: '';
  width: 100%;
  height: 0.2rem;
  background: #fff;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.dx20 .localnav ul.localnav_list li a:hover::before {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.dx20 .localnav ul.localnav_list li.is-current a::before {
  position: absolute;
  bottom: -0.8rem;
  left: 0;
  content: '';
  width: 100%;
  height: 0.2rem;
  background: #fff;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

@media (max-width: 767px) {
  .dx20 .localnav {
    /*display: none;*/
  }
  .dx20 .localnav ul.localnav_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    margin: 0;
    padding: 0.5rem 0;
  }
  .dx20 .localnav ul.localnav_list li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .dx20 .localnav ul.localnav_list li a {
    display: inline-block;
    padding: 1rem 0.1rem;
  }
  .dx20 .localnav ul.localnav_list li.is-current a::before {
    bottom: 0.4rem;
  }
  .dx20 .localnav ul.localnav_list li.nav_disabled {
    display: none;
  }
  .dx20 .section_contact {
    padding: 6rem 0;
  }
  .dx20 .section_contact a {
    margin: 0 2rem;
    padding: 2rem 5rem;
    font-size: 1.8rem;
  }
  .dx20 .section_contact a .contact_text .arrow {
    right: -3rem;
  }
}

.dx20 .section01 {
  margin: 0 auto 2rem;
}

.dx20 .section01 .title_wrap {
  padding: 14.7rem 0 4.3rem;
}

.dx20 .section01 .title_wrap .mask {
  position: relative;
  overflow: hidden;
}

.dx20 .section01 .title_wrap .mask p {
  font-size: 5rem;
  font-weight: 600;
  line-height: 1.7;
  text-align: center;
  letter-spacing: .06em;
  margin: 0;
}

.dx20 .section01 img {
  width: 120rem;
  margin: 0 auto;
}

.dx20 .section02 {
  background: #6496fa;
  position: relative;
}

.dx20 .section02 .main_area {
  margin: 0 auto;
  padding: 10rem 0 13.4rem;
  text-align: center;
}

.dx20 .section02 .main_area .title_area {
  color: #fff;
  line-height: 1.0;
}

.dx20 .section02 .main_area .title_area p {
  display: block;
  margin: 0 0 4rem;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: .06em;
}

.dx20 .section02 .main_area .title_area h1 {
  width: 43.65rem;
  margin: 0 auto;
}

.dx20 .section02 .item_area {
  width: 112rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  left:0;
  right:0;
  margin:auto;
}

.dx20 .section02 .item_area li {
  -ms-flex-preferred-size: 24.5%;
      flex-basis: 24.5%;
  height: 7.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #6496fa;
  background: #fff;
  color: #6496fa;
  font-size: 1.8rem;
  font-weight: 500;
  line-height:1.5;
}

.dx20 .section03 {
  background: #f4f4f4;
}

.dx20 .section03 .main_area {
  margin: 0 auto;
  padding: 12.25rem 0 9rem;
  text-align: center;
}

.dx20 .section03 .main_area .text_lead {
  margin: 0 0 8rem;
  color: #000;
  font-size: 3.2rem;
  font-weight: bolder;
  line-height: 1.6;
}

.dx20 .section03 .main_area .text_lead span {
  color: #6496fa;
}

.dx20 .section03 .main_area .description_area p {
  margin-bottom: 3.4rem;
  font-size: 1.8rem;
  line-height: 2.0;
  font-weight: 400;
  color: #000;
}

.dx20 .section03 .main_area .description_area p:last-child {
  margin-bottom: 0;
}

.dx20 .section04 {
  padding: 15.5rem 0 5.75rem;
}

.dx20 .section04 ul.list_program {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 6.45rem;
}

.dx20 .section04 ul.list_program li {
  -ms-flex-preferred-size: 30.5%;
      flex-basis: 30.5%;
  margin-right: 12.5%;
}

.dx20 .section04 ul.list_program li h2 {
  margin-bottom: 3rem;
  font-size: 2.8rem;
  text-align: center;
  height: 6.6rem;
}

.dx20 .section04 ul.list_program li h2 span {
  display: block;
  margin: 1.2rem 0 2.5rem;
  font-size: 2rem;
  line-height: 1.4;
}

.dx20 .section04 ul.list_program li:not(:first-of-type) h2 {
  padding-top: 1.8rem;
}

.dx20 .section04 ul.list_program li:last-of-type {
  margin-right: 0;
}

.dx20 .section04 ul.list_program li p {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: justify;
  text-justify: inter-cluster;
}

.dx20 .section04 ul.list_program li .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3rem;
  padding: 0.7rem 1.5rem;
  width: 16rem;
  height: 4rem;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
}

.dx20 .section04 ul.list_program li .btn.btn_more {
  border: 1px solid #000;
}

.dx20 .section04 ul.list_program li .btn.btn_more .btn_img {
  position: relative;
  z-index: 1000;
  -webkit-transition: .3s;
  transition: .3s;
}

.dx20 .section04 ul.list_program li .btn.btn_more .btn_img .more {
  width: 6.5rem;
  height: 2.4rem;
  background: url(../../images/text_more_blk.png) no-repeat center center/contain;
  -webkit-transition: .3s;
  transition: .3s;
}

.dx20 .section04 ul.list_program li .btn.btn_more .btn_img .arrow {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: -7rem;
  background: url(../images/arrow01_wht.png) no-repeat center center/contain;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.dx20 .section04 ul.list_program li .btn.btn_more::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.dx20 .section04 ul.list_program li .btn.btn_more:hover {
  border: 1px solid #fff;
}

.dx20 .section04 ul.list_program li .btn.btn_more:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.dx20 .section04 ul.list_program li .btn.btn_more:hover > .btn_img .more {
  background: url(../../images/text_more_wht.png) no-repeat center center/contain;
}

.dx20 .section04 ul.list_program li .btn.btn_more:hover > .btn_img .arrow {
  right: -8.7rem;
}

.dx20 .section04 ul.list_program li .btn.btn_disabled {
  padding: 0.7rem 2.5rem;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.dx20 .section04 ul.list_program li .btn.btn_disabled .img_coming-soon {
  width: 10.8rem;
  height: 2.4rem;
  opacity: 0.5;
}

.dx20 .section04 p.caption {
  font-size: 1.2rem;
  text-align: right;
}

@media (max-width: 767px) {
  .dx20 .section01 {
    margin: 0 auto 2rem;
  }
  .dx20 .section01 .title_wrap {
    margin: 8rem auto 4rem;
    padding: 0;
  }
  .dx20 .section01 .title_wrap .mask p {
    font-size: 2.4rem;
    font-weight: bold;
  }
  .dx20 .section02 .main_area {
    padding: 6rem 2rem;
  }
  .dx20 .section02 .main_area .title_area {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-bottom: 3rem;
  }
  .dx20 .section02 .main_area .title_area p {
    margin: 0 0 1.5rem;
    font-size: 1.8rem;
    text-align: left;
    font-weight: normal;
  }
  .dx20 .section02 .main_area .title_area h1 {
    width: auto;
  }
  .dx20 .section02 .main_area .item_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    position: static;
    margin: 0 auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .dx20 .section02 .main_area .item_area li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .dx20 .section02 .main_area .item_area li:last-of-type {
    margin-bottom: 0;
  }
  .dx20 .section03 .main_area {
    padding: 6rem 2rem;
    text-align: left;
  }
  .dx20 .section03 .main_area .title_area {
    margin-bottom: 3rem;
  }
  .dx20 .section03 .main_area .title_area .text_lead {
    margin: 3rem 0;
    font-size: 2.4rem;
    font-weight: bold;
  }
  .dx20 .section03 .main_area .description_area p {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: normal;
  }
  .dx20 .section04 {
    padding: 6rem 0;
  }
  .dx20 .section04 ul.list_program {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dx20 .section04 ul.list_program li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-bottom: 6rem;
    padding: 0;
  }
  .dx20 .section04 ul.list_program li figure {
    margin: 0 auto;
    max-width: 52rem;
  }
  .dx20 .section04 ul.list_program li p {
    font-weight: normal;
  }
  .dx20 .section04 ul.list_program li:last-child {
    margin-bottom: 0;
  }
  .dx20 .section04 p.caption {
    text-align: left;
    font-weight: normal;
  }
}

.dx20 .section11 {
  margin: 14.6rem auto 22.2rem;
}

.dx20 .section11 h1 {
  font-size: 5.6rem;
  line-height: 1.5;
}

.dx20 .section11 h1 .title_sub {
  display: block;
  margin-bottom: 3rem;
  font-size: 2.4rem;
}

.dx20 .section11 h1 .title_program {
  display: block;
  width: 46rem;
}

.dx20 .section11 .main_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.dx20 .section11 .main_area .text_area {
  -ms-flex-preferred-size: 58rem;
      flex-basis: 58rem;
}

.dx20 .section11 .main_area .text_area p {
  line-height: 2.0;
  font-weight: 400;
}

.dx20 .section11 .main_area .text_area p.text_lead {
  margin: 10rem 0 6.5rem;
  font-size: 3rem;
  line-height: 1.4;
  font-weight: 700;
}

.dx20 .section11 .main_area .text_area p.pc_only {
  margin-bottom: 0;
}

.dx20 .section11 .main_area .text_area .detail p {
  margin-bottom: 3rem;
}

.dx20 .section11 .main_area .text_area .detail p:last-of-type {
  margin-bottom: 0;
}

.dx20 .section11 .main_area .img_area {
  -ms-flex-preferred-size: 48.9rem;
      flex-basis: 48.9rem;
}

@media (min-width: 768px) {
  .dx20 .section11.section_young .main_area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .dx20 .section11.section_young .main_area .text_area {
    -ms-flex-preferred-size: 50.3rem;
        flex-basis: 50.3rem;
  }
  .dx20 .section11.section_young .main_area .text_area p.text_lead {
    margin: 17.5rem 0 6.5rem;
  }
  .dx20 .section11.section_young .main_area .img_area {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 10rem;
  }
}

.dx20 .section11b.reason_area {
  margin: 0 auto 24rem;
  padding-bottom: 9rem;
  background: rgba(100, 150, 250, 0.3);
}

.dx20 .section11b.reason_area .head {
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dx20 .section11b.reason_area .head .left_box {
  width: 40rem;
  margin-right: 2.8rem;
  position: relative;
}

.dx20 .section11b.reason_area .head .left_box h2 {
  width: 100%;
  height: 40rem;
  color: #fff;
  background: #000;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.6rem;
  line-height: 1.6;
  position: absolute;
  bottom: 1.5rem;
}

.dx20 .section11b.reason_area .head .right_box {
  padding-top: 8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.dx20 .section11b.reason_area .head .right_box p {
  line-height: 2;
}

.dx20 .section11b.reason_area .env_area {
  max-width: 96.5rem;
  margin: 0 auto;
}

.dx20 .section12 {
  margin: 0 auto 24rem;
}

.dx20 .section12 h2 {
  display: inline-block;
  width: 27.5rem;
  margin-bottom: 9.5rem;
}

.dx20 .section12 ul.details_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 6.8rem;
}

.dx20 .section12 ul.details_area li {
  -ms-flex-preferred-size: 30.7%;
      flex-basis: 30.7%;
  margin-bottom: 8rem;
  margin-right: 4.4rem;
}

.dx20 .section12 ul.details_area li:nth-of-type(3n) {
  margin-right: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .dx20 .section12 ul.details_area li {
    -ms-flex-preferred-size: 30.9%;
        flex-basis: 30.9%;
    margin-right: 4rem;
  }
}

.dx20 .section12 ul.details_area li h3 {
  margin: 0.7rem auto 2.4rem;
  font-size: 2.2rem;
  text-align: center;
}

.dx20 .section12 ul.details_area li h3 span {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

.dx20 .section12 ul.details_area li p {
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
  text-align: justify;
  text-justify: inter-cluster;
}

.dx20 .section12 table.details_table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #6496fa;
  font-size: 1.4rem;
}

.dx20 .section12 table.details_table th {
  padding: 1.5rem 2.5rem;
  background: #6496fa;
  width: 20%;
  border: 1px solid #fff;
  font-weight: normal;
}

.dx20 .section12 table.details_table th.cell_1 {
  width: 20%;
}

.dx20 .section12 table.details_table th.cell_2 {
  width: 36%;
}

.dx20 .section12 table.details_table th.cell_3 {
  width: 44%;
}

.dx20 .section12 table.details_table th.bdr {
  border-right: 1px solid #6496fa;
}

.dx20 .section12 table.details_table th.bdl {
  border-left: 1px solid #6496fa;
}

.dx20 .section12 table.details_table td {
  padding: 2.5rem 3.2rem;
  background: #f4f4f4;
  border: 1px solid #6496fa;
  font-weight: 500;
  vertical-align: middle;
  text-align: center;
  font-size: 1.6rem;
}

.dx20 .section12 table.details_table td small {
  display: inline-block;
  margin-top: 1rem;
  line-height: 1.4;
  font-size: 1.2rem;
  font-weight: normal;
}

.dx20 .section12.section_young .head {
  margin-bottom: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dx20 .section12.section_young .head .txt_box {
  margin-right: 7rem;
  -ms-flex-preferred-size: 32.5rem;
      flex-basis: 32.5rem;
}

.dx20 .section12.section_young .head .txt_box p {
  line-height: 2;
}

.dx20 .section12.section_young .head ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.dx20 .section12.section_young .head ul li {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dx20 .section12.section_young .head ul li:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.dx20 .section12.section_young .head ul li .left_box {
  -ms-flex-preferred-size: 38.62%;
      flex-basis: 38.62%;
  margin-right: 2.5rem;
  padding: 1.5rem 1.5rem 1.5rem 4.5rem;
  color: #fff;
  background: #000;
  font-size: 2.1rem;
  font-weight: bold;
  font-weight: 600;
  position: relative;
}

.dx20 .section12.section_young .head ul li .left_box::before {
  content: '';
  border-top: 1.1rem solid transparent;
  border-bottom: 1.1rem solid transparent;
  border-left: 1.8rem solid #fff;
  position: absolute;
  top: 50%;
  left: 1.7rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.dx20 .section12.section_young .head ul li .right_box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.dx20 .section12.section_young .head ul li .right_box p {
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 1.6;
}

.dx20 .section13 {
  margin: 0 auto 16rem;
}

.dx20 .section13 .program_area {
  margin: 0 auto 6.6rem;
}

.dx20 .section13 .program_area h2 {
  display: inline-block;
  width: 27.5rem;
}

.dx20 .section13 .program_area .program_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dx20 .section13 .program_area .program_head .program_head_title {
  -ms-flex-preferred-size: 58rem;
      flex-basis: 58rem;
}

.dx20 .section13 .program_area .program_head .program_head_title .text_lead {
  font-size: 3.6rem;
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: 8rem;
}

.dx20 .section13 .program_area .program_head .program_head_img {
  -ms-flex-preferred-size: 38.1rem;
      flex-basis: 38.1rem;
  margin-right: 6.2rem;
}

.dx20 .section13 ul.list_program {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 8rem auto 0;
}

.dx20 .section13 ul.list_program.first {
  margin-top: 0;
}

.dx20 .section13 ul.list_program li {
  -ms-flex-preferred-size: 52rem;
      flex-basis: 52rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 7.3rem;
  position: relative;
}

.dx20 .section13 ul.list_program li span.program_case {
  position: absolute;
  top: -5rem;
  left: 10.8rem;
  padding: 0 1.5rem;
  border: 1px solid #000;
  border-radius: 1rem 1rem 0 0;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.dx20 .section13 ul.list_program li .program_num {
  -ms-flex-preferred-size: 8rem;
      flex-basis: 8rem;
  text-align: center;
}

.dx20 .section13 ul.list_program li .program_num .img_num {
  margin: 0 auto 2.5rem;
  height: 10rem;
}

.dx20 .section13 ul.list_program li .program_num .month_area {
  padding: 0.7rem 0;
  font-size: 2rem;
  font-weight: 700;
}

.dx20 .section13 ul.list_program li .program_num .month_area span {
  font-size: 2.2rem;
  position: relative;
  top: 1px;
}

.dx20 .section13 ul.list_program li .program_detail {
  -ms-flex-preferred-size: 42rem;
      flex-basis: 42rem;
}

.dx20 .section13 ul.list_program li .program_detail h3 {
  margin-bottom: 2.2rem;
  font-size: 2.6rem;
  font-weight: 500;
}

.dx20 .section13 ul.list_program li .program_detail p {
  margin-bottom: 1.8rem;
  line-height: 2.0;
  font-weight: 400;
  text-align: justify;
  text-justify: inter-cluster;
}

.dx20 .section13 ul.list_program li .program_detail .program_voice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dx20 .section13 ul.list_program li .program_detail .program_voice figure {
  -ms-flex-preferred-size: 7.5rem;
      flex-basis: 7.5rem;
}

.dx20 .section13 ul.list_program li .program_detail .program_voice ol.list_voice {
  -ms-flex-preferred-size: 33rem;
      flex-basis: 33rem;
  padding-left: 2rem;
  list-style: disc;
}

.dx20 .section13 ul.list_program li .program_detail .program_voice ol.list_voice li {
  display: list-item;
  margin: 0.4rem 0;
  font-size: 1.2rem;
  line-height: 1.6;
}

.dx20 .section13.section_young {
  margin-bottom: 20rem;
}

.dx20 .section13.section_young h2 {
  margin-bottom: 8rem;
}

.dx20 .section13.section_young .program_item {
  margin-bottom: 12.5rem;
}

.dx20 .section13.section_young .program_item h3 {
  padding-bottom: 1.5rem;
  font-size: 2.4rem;
  border-bottom: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.dx20 .section13.section_young .program_item h3 .img_num {
  width: 7rem;
  height: 8rem;
  margin-right: 1rem;
  display: inline-block;
}

.dx20 .section13.section_young .program_item .tl_contents_img {
  width: 16.25rem;
  position: relative;
  top: -0.1rem;
}

.dx20 .section13.section_young .program_item .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dx20 .section13.section_young .program_item .content .left_box {
  -ms-flex-preferred-size: 48rem;
      flex-basis: 48rem;
}

.dx20 .section13.section_young .program_item .content .left_box h4 {
  margin: 4rem 0 5rem;
  font-size: 3.2rem;
}

.dx20 .section13.section_young .program_item .content .left_box p {
  line-height: 2;
  text-align: justify;
  text-justify: inter-cluster;
}

.dx20 .section13.section_young .program_item .content .right_box {
  -ms-flex-preferred-size: 56rem;
      flex-basis: 56rem;
}

.dx20 .section13.section_young .program_item .content .right_box .inn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dx20 .section13.section_young .program_item .content .right_box .inn figure {
  -ms-flex-preferred-size: 7.5rem;
      flex-basis: 7.5rem;
  margin-right: 2.5rem;
}

.dx20 .section13.section_young .program_item .content .right_box .inn .txt_area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.dx20 .section13.section_young .program_item .content .right_box .inn .txt_area h5 {
  padding-top: 1.5rem;
  margin-bottom: 1.7rem;
  font-size: 2rem;
}

.dx20 .section13.section_young .program_item .content .right_box .inn .txt_area p {
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-cluster;
}

.dx20 .section13.section_young .program_item .content .right_box .inn .txt_area.list_goal {
  padding-left: 20px;
  list-style: disc;
}

.dx20 .section13.section_young .program_item .content .right_box .inn .txt_area.list_goal li {
  display: list-item;
  font-size: 1.4rem;
  line-height: 2;
}

.dx20 .section13.section_young .program_item .content .right_box .inn:first-of-type .txt_area::after {
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(black), color-stop(25%, black), color-stop(25%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))) 0% 0%;
  background: linear-gradient(to right, black, black 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%) 0% 0%;
  background-size: 4px 1px;
  width: 100%;
  height: 0.1rem;
  margin: 2.5rem 0;
  display: block;
}

.dx20 .section13.section_young .ex_theme_area .theme_tl {
  margin-bottom: 4.5rem;
  font-size: 2rem;
  position: relative;
}

.dx20 .section13.section_young .ex_theme_area .theme_tl::after {
  content: '';
  width: 76.5%;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: solid 1px #000;
}

.dx20 .section13.section_young .ex_theme_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dx20 .section13.section_young .ex_theme_area ul li {
  -ms-flex-preferred-size: calc(100% / 3);
      flex-basis: calc(100% / 3);
  margin-right: 6rem;
}

.dx20 .section13.section_young .ex_theme_area ul li .theme_img {
  width: 9rem;
  margin-bottom: 1.8rem;
}

.dx20 .section13.section_young .ex_theme_area ul li h6 {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: bold;
  font-weight: 600;
}

.dx20 .section13.section_young .ex_theme_area ul li p {
  font-size: 1.4rem;
  text-align: justify;
  text-justify: inter-cluster;
}

.dx20 .section13.section_young .ex_theme_area ul li:nth-child(3n) {
  margin-right: 0;
}

.dx20 .section14 {
  margin: 0 0 24rem;
  background: rgba(100, 150, 250, 0.3);
}

.dx20 .section14 .explanation_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8rem 0 7.65rem;
  position: relative;
}

.dx20 .section14 .explanation_area h2 {
  display: inline-block;
  width: 36rem;
  position: absolute;
  top: -1.2rem;
}

.dx20 .section14 .explanation_area .explanation_img {
  -ms-flex-preferred-size: 30.5rem;
      flex-basis: 305px;
  margin-right: auto;
}

.dx20 .section14 .explanation_area .explanation_text {
  -ms-flex-preferred-size: 72rem;
      flex-basis: 72rem;
}

.dx20 .section14 .explanation_area .explanation_text p {
  font-size: 1.6rem;
  line-height: 2.0;
  font-weight: 400;
  text-align: justify;
  text-justify: inter-cluster;
}

.dx20 .section14 .explanation_area .explanation_text p.text_lead {
  font-size: 2.6rem;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 4.6rem;
}

.dx20 .section15 {
  margin: 0 0 16rem;
}

.dx20 .section15 h2 {
  display: inline-block;
  margin-bottom: 7.4rem;
  width: 17.8rem;
}

.dx20 .section15 ul.voice_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6rem;
}

.dx20 .section15 ul.voice_box:last-child {
  margin-bottom: 0;
}

.dx20 .section15 ul.voice_box .voice_title {
  -ms-flex-preferred-size: 24rem;
      flex-basis: 24rem;
}

.dx20 .section15 ul.voice_box .voice_text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-indent: -1.4em;
  padding-left: 1.4em;
}

.dx20 .section15 ul.voice_box .voice_text ol {
  padding: 0 0 0 4.3rem;
}

.dx20 .section15 ul.voice_box .voice_text ol li {
  font-size: 2rem;
  line-height: 1.6;
  padding-top: 0.8rem;
  padding-bottom: 1rem;
}

.dx20 .section15 ul.voice_box .voice_text ol li:last-child {
  margin-bottom: 0;
}

.dx20 .section15 ul.voice_box.is_reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.dx20 .section15 ul.voice_box.is_reversed .voice_text {
  text-align: right;
}

.dx20 .section15 ul.voice_box.is_reversed .voice_text ol {
  padding: 0 4.3rem 0 0;
}

@media (min-width: 768px) {
  .dx20 .section15.section_young ul.voice_box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .dx20 .section15.section_young ul.voice_box .voice_title {
    padding-top: 1.5rem;
  }
  .dx20 .section15.section_young ul.voice_box.is_reversed {
    width: calc(100% + 3.2rem);
    margin-left: -3.2rem;
  }
}

/* 詳細ページ IEハック */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .dx20 .section12 ul.details_area li {
    padding: 0;
  }
  /* IE11 */
}

/* 詳細ページ Safariハック(PC) */
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root .dx20 .section12 ul.details_area li {
    flex-basis: 30.9%;
    margin-right: 4rem;
  }
  _::-webkit-full-page-media, _:future, :root .dx20 .section12 ul.details_area li:nth-of-type(3n) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .dx20 .section11 {
    margin: 0 auto 12rem;
  }
  .dx20 .section11 h1 {
    margin: 8rem auto 5rem;
    font-size: 4rem;
    line-height: 1.2;
  }
  .dx20 .section11 h1 .title_sub {
    margin-top: 1rem;
    font-size: 1.8rem;
  }
  .dx20 .section11 h1 .title_program {
    width: 100%;
  }
  .dx20 .section11 .main_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .dx20 .section11 .main_area .text_area {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .dx20 .section11 .main_area .text_area p {
    font-weight: normal;
  }
  .dx20 .section11 .main_area .text_area p.text_lead {
    margin: 0 auto 2rem;
    font-weight: bold;
  }
  .dx20 .section11 .main_area .img_area {
    margin-bottom: 2rem;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .dx20 .section11b.reason_area {
    padding: 4rem 0;
    margin-bottom: 12rem;
  }
  .dx20 .section11b.reason_area .head {
    margin-bottom: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dx20 .section11b.reason_area .head .left_box {
    width: 25rem;
    height: 25rem;
    margin: 0 auto;
  }
  .dx20 .section11b.reason_area .head .left_box h2 {
    height: 100%;
    font-size: 1.6rem;
    position: initial;
  }
  .dx20 .section11b.reason_area .head .right_box {
    padding-top: 4rem;
  }
  .dx20 .section11b.reason_area .env_area {
    width: 80%;
  }
  .dx20 .section12 {
    margin: 0 auto 12rem;
  }
  .dx20 .section12 h2 {
    margin-bottom: 2rem;
  }
  .dx20 .section12 ul.details_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
  .dx20 .section12 ul.details_area li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-bottom: 6rem;
    margin-right: 0;
    padding: 0;
  }
}

@media all and (max-width: 767px) and (-ms-high-contrast: none), (max-width: 767px) and (-ms-high-contrast: active) {
  .dx20 .section12 ul.details_area li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .dx20 .section12 ul.details_area li p {
    font-weight: normal;
  }
  .dx20 .section12 table.details_table th {
    padding: 1rem 0.5rem;
    vertical-align: middle;
  }
  .dx20 .section12 table.details_table th.cell_1 {
    width: auto;
  }
  .dx20 .section12 table.details_table th.cell_2 {
    width: auto;
  }
  .dx20 .section12 table.details_table th.cell_3 {
    width: auto;
  }
  .dx20 .section12 table.details_table th.bdt {
    border-top: 1px solid #6496fa;
  }
  .dx20 .section12 table.details_table th.bdb {
    border-bottom: 1px solid #6496fa;
  }
  .dx20 .section12 table.details_table td {
    padding: 1rem 1.5rem;
  }
  .dx20 .section12.section_young .head {
    margin-bottom: 7rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dx20 .section12.section_young .head .txt_box {
    margin-right: 0;
    margin-bottom: 2rem;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .dx20 .section12.section_young .head ul li {
    margin-bottom: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    border-bottom: none;
  }
  .dx20 .section12.section_young .head ul li .left_box {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-right: 0;
    margin-bottom: 1rem;
    padding: 0.8rem 0.8rem 0.8rem 4rem;
    font-size: 1.8rem;
  }
  .dx20 .section12.section_young .head ul li .left_box::before {
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-left: 1.7rem solid #fff;
    left: 1.5rem;
  }
  .dx20 .section13 {
    margin: 0 auto 6rem;
  }
  .dx20 .section13 .program_area {
    margin: 0 auto 6rem;
  }
  .dx20 .section13 .program_area h2 {
    margin-bottom: 2rem;
  }
  .dx20 .section13 .program_area .program_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dx20 .section13 .program_area .program_head .program_head_title {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .dx20 .section13 .program_area .program_head .program_head_title p.text_lead {
    margin-bottom: 2rem;
    font-size: 2.6rem;
    line-height: 1.4;
    font-weight: bold;
  }
  .dx20 .section13 .program_area .program_head .program_head_img {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-right: 0;
  }
  .dx20 .section13 ul.list_program {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
  }
  .dx20 .section13 ul.list_program li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .dx20 .section13 ul.list_program li .program_num {
    -ms-flex-preferred-size: 4rem;
        flex-basis: 4rem;
  }
  .dx20 .section13 ul.list_program li .program_num .img_num {
    height: 7rem;
  }
  .dx20 .section13 ul.list_program li .program_num .month_area {
    padding: 0.5rem 0;
    font-size: 1.4rem;
  }
  .dx20 .section13 ul.list_program li .program_num .month_area span {
    font-size: 1.8rem;
  }
  .dx20 .section13 ul.list_program li .program_detail {
    -ms-flex-preferred-size: calc(100% - 6rem);
        flex-basis: calc(100% - 6rem);
  }
  .dx20 .section13 ul.list_program li .program_detail h3 {
    margin-bottom: 1.5rem;
    font-size: 2rem;
  }
  .dx20 .section13 ul.list_program li .program_detail p {
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    font-weight: normal;
  }
  .dx20 .section13 ul.list_program li span.program_case {
    top: -3.8rem;
    left: 5.8rem;
  }
  .dx20 .section13.section_young {
    margin-bottom: 12rem;
  }
  .dx20 .section13.section_young .program_area .program_head .program_head_title p.text_lead {
    margin-bottom: 0;
  }
  .dx20 .section13.section_young .program_item {
    margin-bottom: 6rem;
  }
  .dx20 .section13.section_young .program_item h3 {
    padding-bottom: 1rem;
    font-size: 2rem;
  }
  .dx20 .section13.section_young .program_item h3 .img_num {
    width: 5rem;
    height: 5rem;
    margin-right: 2rem;
  }
  .dx20 .section13.section_young .program_item .tl_contents_img {
    width: 12rem;
  }
  .dx20 .section13.section_young .program_item .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dx20 .section13.section_young .program_item .content .left_box {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-bottom: 2rem;
  }
  .dx20 .section13.section_young .program_item .content .left_box h4 {
    margin: 2.5rem 0;
    font-size: 2.6rem;
  }
  .dx20 .section13.section_young .program_item .content .right_box {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .dx20 .section13.section_young .ex_theme_area .theme_tl {
    margin-bottom: 2.5rem;
    font-size: 1.8rem;
  }
  .dx20 .section13.section_young .ex_theme_area .theme_tl::after {
    width: calc(100% - 23.3rem);
  }
  .dx20 .section13.section_young .ex_theme_area ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dx20 .section13.section_young .ex_theme_area ul li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin: 0 0 60px;
  }
  .dx20 .section13.section_young .ex_theme_area ul li:last-of-type {
    margin-bottom: 0;
  }
  .dx20 .section13.section_young .ex_theme_area ul li .theme_img {
    margin-bottom: 1.5rem;
  }
  .dx20 .section13.section_young .ex_theme_area ul li h6 {
    margin-bottom: 1rem;
  }
  .dx20 .section14 {
    margin: 0 0 12rem;
  }
  .dx20 .section14 .explanation_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 6rem 2rem;
  }
  .dx20 .section14 .explanation_area h2 {
    width: 28rem;
  }
  .dx20 .section14 .explanation_area .explanation_img {
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
    margin-bottom: 4rem;
  }
  .dx20 .section14 .explanation_area .explanation_text {
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
  .dx20 .section14 .explanation_area .explanation_text p {
    font-weight: normal;
  }
  .dx20 .section14 .explanation_area .explanation_text p.text_lead {
    margin-bottom: 3rem;
    font-size: 2.4rem;
    font-weight: bold;
  }
  .dx20 .section15 {
    margin: 0 0 11rem;
  }
  .dx20 .section15 h2 {
    margin-bottom: 3rem;
  }
  .dx20 .section15 ul.voice_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dx20 .section15 ul.voice_box .voice_title {
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
    margin-bottom: 2.5rem;
    width: 60%;
    max-width: 26rem;
  }
  .dx20 .section15 ul.voice_box .voice_title img {
    margin: 0 auto;
  }
  .dx20 .section15 ul.voice_box .voice_text {
    text-indent: 0;
    padding-left: 0;
  }
  .dx20 .section15 ul.voice_box .voice_text ol {
    padding: 0;
  }
  .dx20 .section15 ul.voice_box .voice_text ol li {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    line-height: 1.5;
    padding-top: 0;
    padding-bottom: 0;
  }
  .dx20 .section15 ul.voice_box.is_reversed {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .dx20 .section15 ul.voice_box.is_reversed .voice_text {
    text-align: left;
  }
  .dx20 .section15 ul.voice_box.is_reversed .voice_text ol {
    padding: 0;
  }
}
/*# sourceMappingURL=style.css.map */

@media (max-width: 767px) {
  .dx20 .localnav_wrap.fixed {
    width: 100%;
    position: fixed;
    top:6rem;
    left: 0;
    z-index: 1;
  }
}
.dx20 .localnav_wrap{
  max-width: 100%;
  padding:0 5rem 0 0;
}
.dx20 .localnav_wrap .mx1120{
  max-width: 100%;
  padding:0 5rem 0 0;
}
.dx20 .localnav_wrap.fixed .mx1120{
  max-width: 100%;
  padding:0 5rem 0 0;
}
@media (max-width: 767px) {
  .dx20 .localnav_wrap .mx1120{
    padding:0 2rem;
  }
  .dx20 .localnav_wrap.fixed .mx1120{
    padding:0 2rem;
  }
  .dx20 .localnav_wrap{
    padding:0 0rem 0 0;
  }
}