.bg-video-wrap {
  background: url(../imgs/kv_bg.jpg) no-repeat center;
  background-size: cover;
}

#main_content
  .main_content_inner
  .low_content_inner.bg01
  .cont_box
  + .cont_box {
  margin-top: 10rem;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #main_content
    .main_content_inner
    .low_content_inner.bg01
    .cont_box
    + .cont_box {
    margin-top: 5rem;
    margin-bottom: 0;
  }
}
#main_content .main_content_inner .low_content_inner.bg01 .cont_box .movie_box {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  #main_content
    .main_content_inner
    .low_content_inner.bg01
    .cont_box
    .movie_box {
    margin-top: 2rem;
  }
}
#main_content
  .main_content_inner
  .low_content_inner.bg01
  .cont_box
  .movie_box
  video {
  width: 100%;
}

.clm_box.clm2_1 .large {
  width: 100%;
  margin-top: 3rem;
}
.clm_box.clm2_1 .large p {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  letter-spacing: 0.14em;
  line-height: 2.571428571;
  text-align: center;
}
.clm_box.clm2_1 .small {
  text-align: center;
  width: 100%;
  display: block;
}
@media screen and (max-width: 767px) {
  .clm_box.clm2_1 {
    display: block;
  }
  .clm_box.clm2_1 .large {
    margin-top: 20px;
    width: 100%;
  }
  .clm_box.clm2_1 .large p {
    font-size: 1.2rem;
    letter-spacing: 0.14em;
    line-height: 2.571428571;
  }
  .clm_box.clm2_1 .small {
    max-width: 250px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.frame_area {
  border: 2px solid #aa8420;
  padding: 6px;
  margin-top: 6rem;
  background: #fff;
  box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  .frame_area {
    margin-top: 4rem;
  }
}
.frame_area_wrapper {
  border: 1px solid #ded0ae;
}
.frame_area_inner {
  padding: 4.2rem 1.5rem 3rem;
  max-width: 95.4rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .frame_area_inner {
    padding: 2rem 1.5rem;
  }
}
.frame_area_inner .ttlG {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: -0.4rem;
  margin-bottom: 1.1rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .frame_area_inner .ttlG {
    font-size: 1.4rem;
    margin-top: -0.35rem;
    margin-bottom: 1.15rem;
  }
}
.frame_area_inner .ttlG::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #666666;
}
.frame_area_inner .ttlG span {
  letter-spacing: 0.05em;
  background: #fff;
  display: inline-block;
  padding-right: 1.5rem;
}
.frame_area_inner .pcap {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin-top: 2.6rem;
  margin-bottom: -0.4rem;
}
.frame_area .logo_area {
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .frame_area .logo_area {
    margin-top: 3rem;
    margin-bottom: 2rem;
  }
}
.frame_area .clm_box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.frame_area .clm_box .small {
  width: 33.333333333%;
  display: block;
}
.frame_area .clm_box .small img {
  border: 1px solid #ccc;
}
.frame_area .clm_box .large {
  width: 63.41991342%;
  display: block;
}
@media screen and (max-width: 767px) {
  .frame_area .clm_box {
    display: block;
  }
  .frame_area .clm_box .small {
    width: 100%;
  }
  .frame_area .clm_box .large {
    width: 100%;
  }
  .frame_area .clm_box > div img {
    margin-left: auto;
    margin-right: auto;
  }
  .frame_area .clm_box > div + div {
    margin-top: 2rem;
  }
}

.bg02 .line1_img {
  margin-top: 6rem;
}
.bg02 .clm_box.clm2_n {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10rem;
  margin-bottom: -6rem;
}
@media screen and (max-width: 767px) {
  .bg02 .clm_box.clm2_n {
    margin-top: 5rem;
    margin-bottom: -4rem;
  }
}
.bg02 .clm_box.clm2_n > div {
  width: 48.4375%;
  margin-bottom: 6rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .bg02 .clm_box.clm2_n > div {
    width: 100%;
    margin-bottom: 4rem;
  }
}
.bg02 .clm_box.clm2_n > div > * {
  min-height: 0%;
}
.bg02 .clm_box.clm2_n > div .imageArea {
  margin-top: 1.5rem;
  position: relative;
}
.bg02 .clm_box.clm2_n > div .imageArea.frame::after {
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
.bg02 .clm_box.clm2_n > div .sttl {
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  color: #0b6539;
  font-weight: normal;
  overflow: hidden;
}
.bg02 .clm_box.clm2_n > div .sttl.red {
  color: #935f6d;
}
.bg02 .clm_box.clm2_n > div .sttl.red span::after {
  background: -moz-linear-gradient(left, #935f6d 0%, rgba(11, 101, 57, 0) 100%);
  background: -webkit-linear-gradient(
    left,
    #0b6539 0%,
    rgba(11, 101, 57, 0) 100%
  );
  background: linear-gradient(to right, #935f6d 0%, rgba(11, 101, 57, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#935f6d', endColorstr='#000b6539',GradientType=1 );
}
@media screen and (max-width: 767px) {
  .bg02 .clm_box.clm2_n > div .sttl {
    font-size: 1.4rem;
  }
}
.bg02 .clm_box.clm2_n > div .sttl span {
  position: relative;
  display: inline-block;
}
.bg02 .clm_box.clm2_n > div .sttl span::after {
  content: "";
  width: 255px;
  height: 1px;
  position: absolute;
  background: -moz-linear-gradient(left, #0b6539 0%, rgba(11, 101, 57, 0) 100%);
  background: -webkit-linear-gradient(
    left,
    #0b6539 0%,
    rgba(11, 101, 57, 0) 100%
  );
  background: linear-gradient(to right, #0b6539 0%, rgba(11, 101, 57, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b6539', endColorstr='#000b6539',GradientType=1 );
  top: 50%;
  right: -10px;
  transform: translateX(100%);
}
.bg02 .clm_box.clm2_n > div .sttl small {
  font-size: 80%;
}
.bg02 .clm_box.clm2_n > div .stxt {
  margin-top: 1.5rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .bg02 .clm_box.clm2_n > div .stxt {
    font-size: 1.2rem;
  }
}
.bg02 .clm_box.clm2_n > div .stxt .pcap {
  font-size: 10px;
}

sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}

.ja sup {
  font-size: 10%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .ja sup {
    font-size: 30%;
  }
}

.ttlA sup {
  font-size: 10%;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .ttlA sup {
    font-size: 30%;
  }
}

  .line1_img + .photo {
    margin-top: 6rem;
  }

  .photo {
    position: relative;
  }
  .photo .cap {
    position: absolute;
    font-size: 10px;
    letter-spacing: .1em;
    line-height: 1.5;
  }
  .cap--inRight {
    bottom: 0;
    right: 0;
    padding: 8px;
    text-align: right;
  }

  [data-color="white"] {
    color: #fff;
  }
  [data-color="shadowWhite"] {
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .8), 0px 0px 5px rgba(0, 0, 0, .8), 0px 0px 5px rgba(0, 0, 0, .8);
  }

  .number {
    position: relative;
    padding-left: 45px;
  }
  .iconNumber {
    position: absolute;
    top: -5px;
    left: 0;
  }

/*# sourceMappingURL=style.css.map */