@charset "UTF-8";
/*
* program.css
*
*/
.program-entryStep {
  padding-top: 85px;
}

@media (max-width: 767.98px) {
  .program-entryStep {
    padding-top: 11.33333vw;
  }
}

.program-entryStep__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px auto 135px;
  width: 853px;
  height: 299px;
  background: url(/img/sharen/program/entryStep_bg_lg.png) center top no-repeat;
}

@media (max-width: 767.98px) {
  .program-entryStep__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 7.33333vw auto 13.33333vw;
    width: 100%;
    height: auto;
    background: 0;
  }
}

.program-entryStep__item {
  position: relative;
  width: 31.6%;
  text-align: center;
}

@media (max-width: 767.98px) {
  .program-entryStep__item + .program-entryStep__item {
    margin-top: 12vw;
  }
}

.program-entryStep__item dt {
  padding: 5px 0 22px;
  color: #fff;
  font-size: 2.2rem;
}

@media (max-width: 767.98px) {
  .program-entryStep__item dt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: -8.66667vw;
    left: -5.33333vw;
    padding: 0;
    border-radius: 50%;
    width: 17.33333vw;
    height: 17.33333vw;
    background-color: #000;
    font-size: 3.46667vw;
  }
}

.program-entryStep__item dd {
  letter-spacing: 0.05em;
  font-size: 1.8rem;
  line-height: 1.11111;
}

@media (max-width: 767.98px) {
  .program-entryStep__item dd {
    font-size: 4.26667vw;
  }
}

.program-entryStep__item dd + dd {
  font-size: 1.4rem;
  line-height: 1.42857;
}

@media (max-width: 767.98px) {
  .program-entryStep__item dd + dd {
    font-size: 3.2vw;
  }
}

.program-entryStep__item a {
  position: relative;
  border-bottom: solid 1px #717171;
  color: #717171;
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

@media (min-width: 768px) {
  .program-entryStep__item a:hover {
    opacity: 0.65;
    -webkit-transition: opacity 0.15s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: opacity 0.15s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
}

@media (max-width: 767.98px) {
  .program-entryStep__item {
    margin: auto;
    border: solid 1px #000;
    border-radius: 3px;
    width: 78.66667vw;
    min-height: 62.13333vw;
  }
}

.program-entryStep__img {
  margin: auto;
  padding-top: 12px;
  height: 100px;
}

.program-entryStep__img.-downloadImg {
  margin-bottom: 11px;
  width: 70px;
}

@media (max-width: 767.98px) {
  .program-entryStep__img.-downloadImg {
    margin-bottom: 3.46667vw;
    padding-top: 3.86667vw;
    padding-left: 4vw;
    width: 26.66667vw;
  }
}

.program-entryStep__img.-writeImg {
  margin-bottom: 20px;
  width: 60px;
}

@media (max-width: 767.98px) {
  .program-entryStep__img.-writeImg {
    margin-bottom: 5.33333vw;
    padding-top: 3.86667vw;
    width: 17.33333vw;
  }
}

.program-entryStep__img.-mailImg {
  margin-bottom: 10px;
  margin-top: 5px;
  width: 90px;
}

@media (max-width: 767.98px) {
  .program-entryStep__img.-mailImg {
    margin-top: 0;
    margin-bottom: 3.86667vw;
    padding-top: 6vw;
    width: 22.66667vw;
  }
}

@media (max-width: 767.98px) {
  .program-entryStep__img {
    height: 26.66667vw;
  }
}

.program-entryStep__text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
}

@media (max-width: 767.98px) {
  .program-entryStep__text {
    padding-top: 6.53333vw;
    height: 16vw;
  }
}

.program-event {
  position: relative;
  padding: 119px 0 82px;
}

@media (max-width: 767.98px) {
  .program-event {
    padding: 16.66667vw 0 16vw;
  }
}

.program-event__title {
  padding-bottom: 89px;
}

@media (max-width: 767.98px) {
  .program-event__title {
    padding-bottom: 11.6vw;
  }
}

.program-eventDesc {
  position: relative;
  margin: auto;
  padding: 50px 40px 40px 40px;
  border: solid 2px #000;
  border-radius: 3px;
  max-width: 820px;
  text-align: center;
}

.program-eventDesc + .program-eventDesc {
  margin-top: 132px;
  padding-bottom: 58px;
}

@media (max-width: 767.98px) {
  .program-eventDesc + .program-eventDesc {
    margin-top: 16.93333vw;
    padding-bottom: 6.66667vw;
  }
  .program-eventDesc + .program-eventDesc .program-eventDesc__lead {
    padding: 0.93333vw 0;
    font-size: 3.2vw;
  }
}

.program-eventDesc:last-child:after {
  content: "";
  position: absolute;
  right: -10%;
  bottom: -45%;
  width: 159px;
  height: 240px;
  background-image: url(/img/sharen/program/event_img.png);
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 767.98px) {
  .program-eventDesc:last-child:after {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .program-eventDesc {
    border: solid 1px #000;
    padding: 10.13333vw 5.33333vw 8.26667vw 5.33333vw;
  }
}

.lead__wrapper {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 58%;
  -webkit-transform: translateX(-50%) translateY(50%);
          transform: translateX(-50%) translateY(50%);
  background-color: #fff;
}

@media (max-width: 767.98px) {
  .lead__wrapper {
    width: 92%;
  }
}

.program-eventDesc__lead {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11px 0;
  border-radius: 5px;
  width: 98%;
  background-color: #c7000a;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
}

.program-eventDesc__lead:before {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -50%;
  left: 50%;
  border: 13px solid transparent;
  border-top: 20px solid #c7000a;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 767.98px) {
  .program-eventDesc__lead:before {
    bottom: -45%;
    border: 1.6vw solid transparent;
    border-top: 2.4vw solid #c7000a;
  }
}

@media (max-width: 767.98px) {
  .program-eventDesc__lead {
    border-radius: 0.66667vw;
    padding: 1.2vw 0;
    font-size: 2.93333vw;
  }
}

.program-eventDesc__title {
  padding-bottom: 14px;
  font-weight: 900;
}

@media (max-width: 767.98px) {
  .program-eventDesc__title {
    padding-bottom: 4vw;
  }
}

.program-eventDesc__text {
  display: inline-block;
  padding: 0 110px;
  text-align: left;
  letter-spacing: 0.06em;
  font-size: 1.4rem;
  line-height: 2.14286;
}

@media (max-width: 767.98px) {
  .program-eventDesc__text {
    padding: 0;
    font-size: 3.2vw;
    line-height: 1.5;
  }
}

.program-eventDesc__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 30px;
}

@media (max-width: 767.98px) {
  .program-eventDesc__img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 5.33333vw;
  }
  .program-eventDesc__img img:last-child {
    padding-top: 4.93333vw;
  }
}

.program-requirement {
  padding-bottom: 147px;
  background-color: #f0f0f0;
}

@media (max-width: 767.98px) {
  .program-requirement {
    padding-bottom: 16.66667vw;
  }
}

.program-requirement__title {
  position: relative;
  padding: 167px 0 42px;
}

.program-requirement__title:before {
  content: "";
  position: absolute;
  top: 63px;
  right: 50%;
  width: 101px;
  height: 92px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  background-image: url(/img/sharen/program/requirement_img_01.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 767.98px) {
  .program-requirement__title:before {
    top: 18.66667vw;
    width: 13.46667vw;
    height: 12.26667vw;
  }
}

@media (max-width: 767.98px) {
  .program-requirement__title {
    padding: 33.33333vw 0 8vw;
  }
}

.program-requirement__block {
  padding: 5px 60px 16px 60px;
  border: solid 1px #000;
  border-radius: 5px;
  background-image: url(/img/sharen/program/requirement_img_02.png);
  background-repeat: no-repeat;
  background-position: 7% 92%;
  background-size: 154px;
  background-color: #fff;
}

.program-requirement__block dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.program-requirement__block dl:last-child dt,
.program-requirement__block dl:last-child dd {
  border: 0;
}

@media (max-width: 767.98px) {
  .program-requirement__block dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.program-requirement__block dt {
  padding: 50px 0 0 20px;
  border-bottom: solid 1px #c7000a;
  width: 21.5%;
  color: #c7000a;
  font-size: 2.2rem;
  line-height: 1.36364;
}

@media (max-width: 767.98px) {
  .program-requirement__block dt {
    padding: 7.33333vw 0 0;
    width: 100%;
    border: 0;
    text-align: center;
    font-size: 4.26667vw;
  }
}

.program-requirement__block dd {
  padding: 48px 20px 48px 1.5em;
  width: 78.5%;
  border-bottom: solid 1px #20282d;
  font-size: 2.2rem;
  line-height: 1.36364;
  font-weight: 500;
}

@media (max-width: 767.98px) {
  .program-requirement__block dd {
    padding: 3.2vw 0 7.46667vw;
    width: 100%;
    font-size: 3.73333vw;
  }
}

@media (max-width: 767.98px) {
  .program-requirement__block {
    padding: 0 5.33333vw;
    background-image: none;
  }
}

.program-requirement__list {
  font-size: 1.4rem;
}

.program-requirement__list li {
  text-indent: -1em;
  letter-spacing: 0.06em;
  line-height: 1.78571;
}

.program-requirement__list li + li {
  padding-top: 1px;
}

@media (max-width: 767.98px) {
  .program-requirement__list li + li {
    padding-top: 0;
  }
}

.program-requirement__list li:before {
  content: "・";
}

.program-requirement__list li a {
  position: relative;
  color: #717171;
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.program-requirement__list li a span {
  border-bottom: solid 1px #717171;
}

.program-requirement__list li a img {
  padding-left: 5px;
  padding-right: 5px;
}

@media (min-width: 768px) {
  .program-requirement__list li a:hover {
    opacity: 0.65;
    -webkit-transition: opacity 0.15s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: opacity 0.15s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
}

@media (max-width: 767.98px) {
  .program-requirement__list li {
    line-height: 1.46154;
  }
}

@media (max-width: 767.98px) {
  .program-requirement__list {
    padding-left: 2.66667vw;
    font-size: 3.46667vw;
  }
}

.program-requirement_btn {
  margin: 70px auto 0;
}

.program-requirement_btn img {
  width: 32px;
  height: 32px;
  margin-left: 15px;
}

@media (max-width: 767.98px) {
  .program-requirement_btn img {
    width: 4.26667vw;
    height: 4.26667vw;
    margin-left: 2vw;
  }
}

@media (max-width: 767.98px) {
  .program-requirement_btn {
    margin-top: 12vw;
  }
}

.program-section {
  position: relative;
  padding: 396px 0 140px;
  background: url(/img/sharen/program/content_bg_lg.png) center top no-repeat;
}

@media (max-width: 767.98px) {
  .program-section {
    padding: 37.33333vw 0 20.8vw;
    background: url(/img/sharen/program/content_bg_sm.png) center top no-repeat;
    background-size: contain;
  }
}

.program-section__inner {
  margin: auto;
  padding: 0 70px;
  max-width: 1120px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .program-section__inner {
    padding: 0 5.46875vw;
  }
}

@media (max-width: 767.98px) {
  .program-section__inner {
    max-width: 100vw;
    padding: 0 5.33333vw;
  }
}

.program-section__obj {
  position: absolute;
  bottom: 88.6%;
  top: auto;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  left: auto;
  width: 932px;
}

@media (max-width: 767.98px) {
  .program-section__obj {
    bottom: 94.1%;
    width: 100%;
  }
}

.program-section__lead {
  padding-top: 134px;
}

.program-section__lead span {
  border-bottom: solid 8px #c7000a;
}

@media (max-width: 767.98px) {
  .program-section__lead span {
    border-bottom: solid 1.6vw #c7000a;
  }
}

@media (max-width: 767.98px) {
  .program-section__lead {
    padding-top: 36.53333vw;
    letter-spacing: 0.06em;
    line-height: 1.51613;
  }
}

.program-section__text {
  padding-top: 58px;
  text-align: center;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
}

@media (max-width: 767.98px) {
  .program-section__text {
    padding-top: 12vw;
    font-size: 3.46667vw;
    line-height: 1.53846;
  }
}
/*# sourceMappingURL=program.css.map */