#MainVisual {
  background-image: url(../../images/application/header_film.jpg);
}

p {
  margin-bottom: 1em;
}
p:last-of-type {
  margin-bottom: 0;
}

.film_item_name {
  display: inline-block;
  color: #ffffff;
  line-height: 1;
  padding: 10px 15px;
  background: -webkit-gradient(linear, left top, right top, from(#4482eb), to(#04bdfe));
  background: linear-gradient(to right, #4482eb, #04bdfe);
  margin-bottom: 10px;
}

.film_txt {
  font-size: 24px;
  font-weight: bold;
  color: #004ea2;
  margin-bottom: 15px;
}

@media all and (max-width: 767px) {
  .film_item_name {
    padding: 2.6666666667vw 4vw;
    margin-bottom: 2.6666666667vw;
  }
  .film_txt {
    font-size: 6.4vw;
    margin-bottom: 4vw;
  }
}
/* video */
.responsive_video {
  position: relative;
  padding-bottom: 56.25%;
}
.responsive_video iframe {
  border: 1px solid #C5C5C5;
}

.responsive_video video,
.responsive_video iframe,
.responsive_video object,
.responsive_video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#Section1 figure.img__box div {
  border: none;
  padding: 0;
}
#Section1 .film_box:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
#Section1 .film_box:nth-child(2) .column2 {
  margin-bottom: 0;
}
#Section1 .film_box:nth-child(2) .column2 > * {
  width: 50%;
}
#Section1 .film_box:nth-child(2) > figure.img__box div img {
  border: 1px solid #C5C5C5;
}

@media all and (max-width: 767px) {
  #Section1 .column2 {
    margin-bottom: 0;
    gap: 5.3333333333vw;
  }
  #Section1 .film_box:nth-child(2) {
    gap: 5.3333333333vw;
  }
  #Section1 .film_box:nth-child(2) .column2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (767px <= width) {
  #Section3 .__inner .box--gray {
    padding: 40px;
  }
}
#Section3 .__inner .box--gray > div.top_txt {
  font-size: 24px;
  color: #004EA2;
  font-weight: bold;
  margin-bottom: 20px;
}
#Section3 .__inner .box--gray > div.top_txt span {
  font-size: 20px;
}
#Section3 .__inner .box--gray > div.bg-white {
  padding: 25px 30px 30px;
  background-color: #fff;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray > div.bg-white {
    padding: 6.6666666667vw 8vw 8vw;
  }
}
#Section3 .__inner .box--gray > div.bg-white .box__left {
  width: calc(60% - 20px);
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray > div.bg-white .box__left {
    width: 100%;
  }
}
#Section3 .__inner .box--gray > div.bg-white .box__left > div {
  font-size: 18px;
  color: #004EA2;
  font-weight: bold;
  margin-bottom: 12px;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray > div.bg-white .box__left > div {
    font-size: 4.8vw;
    margin-bottom: 3.2vw;
  }
}
#Section3 .__inner .box--gray > div.bg-white .box__left img {
  width: 100%;
}
#Section3 .__inner .box--gray > div.bg-white .box__left > p {
  margin-top: 5px;
  text-align: right;
  font-size: 14px;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray > div.bg-white .box__left > p {
    margin-top: 1.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
#Section3 .__inner .box--gray > div.bg-white .box__right {
  width: calc(40% - 20px);
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray > div.bg-white .box__right {
    width: 100%;
  }
}
#Section3 .__inner .box--gray > div.bg-white .box__right > div {
  font-size: 18px;
  color: #004EA2;
  font-weight: bold;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray > div.bg-white .box__right > div {
    font-size: 4.8vw;
  }
}
#Section3 .__inner .box--gray > div.bg-white .box__right > p {
  font-size: 14px;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray > div.bg-white .box__right > p {
    font-size: 3.7333333333vw;
  }
}
#Section3 .__inner .box--gray > div.bg-white .box__right > ul li {
  font-size: 16px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray > div.bg-white .box__right > ul li {
    font-size: 4.2666666667vw;
    margin-bottom: 3.2vw;
  }
}
#Section3 .__inner .box--gray > div.bg-white .box__right > ul li::before {
  margin-top: 10px;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray > div.bg-white .box__right > ul li::before {
    margin-top: 2.6666666667vw;
  }
}
#Section3 .__inner .box--gray .verification {
  margin-bottom: 13px;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray .verification {
    margin-bottom: 3.4666666667vw;
  }
}
#Section3 .__inner .box--gray .verification .box__left {
  width: calc(40% - 20px);
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray .verification .box__left {
    width: 100%;
  }
}
#Section3 .__inner .box--gray .verification .box__left > div {
  font-size: 18px;
  color: #004EA2;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray .verification .box__left > div {
    font-size: 4.8vw;
    margin-bottom: 2.6666666667vw;
  }
}
#Section3 .__inner .box--gray .verification .box__left > p {
  font-size: 16px;
  font-weight: bold;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray .verification .box__left > p {
    font-size: 4.2666666667vw;
  }
}
#Section3 .__inner .box--gray .verification .box__left > p span {
  font-weight: normal;
  margin-top: 10px;
  display: inline-block;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray .verification .box__left > p span {
    margin-top: 2.6666666667vw;
  }
}
#Section3 .__inner .box--gray .verification .box__right {
  width: calc(60% - 20px);
  gap: 10px;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray .verification .box__right {
    width: 100%;
    gap: 2.6666666667vw;
  }
}
#Section3 .__inner .box--gray .verification .box__right img {
  width: calc(50% - 5px);
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray .verification .box__right img {
    width: 100%;
  }
}
#Section3 .__inner .box--gray .improve > div {
  font-size: 18px;
  color: #004EA2;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray .improve > div {
    font-size: 4.8vw;
    margin-bottom: 2.6666666667vw;
  }
}
#Section3 .__inner .box--gray .improve ul.list--dotted li {
  color: #000;
  font-weight: normal;
}
#Section3 .__inner .box--gray .improve > p:first-of-type {
  margin-left: 165px;
}
@media (width <= 767px) {
  #Section3 .__inner .box--gray .improve > p:first-of-type {
    margin: 0 auto 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
#Section3 .__inner .box--gray .improve > p:last-of-type {
  font-weight: bold;
}

.film__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  border-bottom: 6px solid #E3E3E3;
  margin-top: 20px;
}
.film__tab li {
  width: 170px;
  height: 50px;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  background-color: #004EA2;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.film__tab li.-active {
  background-color: #E3E3E3;
  color: #000;
}

.topics__block {
  display: none;
}
.topics__block.-active {
  display: block;
}

.list--dotted.-black {
  margin-top: 10px;
}
.list--dotted.-black li {
  font-weight: 400;
  color: #333;
}

h2.top_txt {
  font-size: 24px;
  color: #004EA2;
  font-weight: bold;
  margin-bottom: 20px;
}

.box__inner h3 {
  font-size: 18px;
  color: #004EA2;
  font-weight: bold;
  margin-bottom: 10px;
  border: 0;
}
.box__inner ul {
  margin-bottom: 20px;
}
.box__inner figure img {
  width: 100%;
}
.box__inner .-box2 .box__left {
  width: 520px;
}
.box__inner .-box2 .box__right {
  width: 320px;
}
.box__inner dl {
  margin-bottom: 30px;
}
.box__inner dl:last-child {
  margin: 0;
}
.box__inner dl dt {
  border-bottom: 1px solid #CBCBCB;
  font-weight: 700;
  margin-bottom: 5px;
}
.box__inner .-box3 {
  gap: 90px;
}
.box__inner .-box3 p {
  font-weight: 700;
  margin-bottom: 14px;
}
.box__inner .-box3 p span {
  font-weight: 400;
  margin-left: 1em;
  display: inline-block;
}
.box__inner .-box3 .box__left {
  width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.box__inner .-box3 .box__left figure {
  position: relative;
}
.box__inner .-box3 .box__left figure::after {
  content: "";
  display: block;
  width: 52px;
  height: 18px;
  background: url(../../images/application/film_university_02_arrow.png) no-repeat 0 0;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -71px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.box__inner .-box3 .box__right {
  width: 540px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media all and (max-width: 767px) {
  .film__tab {
    gap: 2.6666666667vw;
  }
  .film__tab li {
    width: 45.3333333333vw;
    height: 13.3333333333vw;
    border-radius: 1.6vw 1.6vw 0 0;
    font-size: 4.2666666667vw;
  }
  .list--dotted.-black {
    margin-top: 2.6666666667vw;
  }
  h2.top_txt {
    font-size: 6.4vw;
    margin-bottom: 5.3333333333vw;
  }
  .box__inner h3 {
    font-size: 4.8vw;
    margin-bottom: 2.6666666667vw;
  }
  .box__inner ul {
    margin-bottom: 5.3333333333vw;
  }
  .box__inner .-box2 .box__left {
    width: 100%;
  }
  .box__inner .-box2 .box__right {
    width: 100%;
  }
  .box__inner dl {
    margin-bottom: 8vw;
  }
  .box__inner dl:last-child {
    margin: 0;
  }
  .box__inner dl dt {
    margin-bottom: 1.3333333333vw;
  }
  .box__inner .-box3 {
    gap: 2.6666666667vw;
  }
  .box__inner .-box3 p {
    margin-bottom: 3.7333333333vw;
  }
  .box__inner .-box3 .box__left {
    width: 100%;
  }
  .box__inner .-box3 .box__left figure {
    width: 46%;
  }
  .box__inner .-box3 .box__left figure::after {
    width: 13.8666666667vw;
    height: 4.8vw;
    right: -18.9333333333vw;
  }
  .box__inner .-box3 .box__right {
    width: 100%;
  }
}