/* ------------------------------------------
  mv
------------------------------------------ */
.mv {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/top/mv_bg.webp);
  height: 120rem;
  position: relative;
}
.mv_bnr {
  position: absolute;
  top: 4.5rem;
  right: 4.5rem;
  width: 34.5rem;
}
.mv .container {
  height: 100%;
}
.mv_contents {
  padding-top: 24rem;
}
.mv_contents .mv_text .ja {
  font-size: 9.6rem;
  letter-spacing: .1em;
  font-weight: bold;
  color: #000;
}
.mv_contents .mv_text .jar {
  font-size: 2.6rem;
  letter-spacing: .1em;
  font-weight: bold;
  color: #c1c1c1;
  line-height: 3.5rem;
  padding: 2rem 0rem 0rem 2rem;
}
.mv_contents .mv_text .ja span {
  line-height: 12.7rem;
  display: table;
  padding: 0 1rem;
}
.mv_contents .mv_text .ja span + span {
  margin-top: .8rem;
}
.mv_contents .mv_text .en {
  width: 87.6rem;
  margin-top: 5.5rem;
}
@media screen and (max-width: 767px) {
  .mv {
    background-position: top;
    height: calc(100vh - 6rem);
    background-image: url(../img/top/mv_bg_s.webp);
    background-size: contain;
  }
  .mv_contents .mv_text .jar {
    font-size: 1.6rem;
    letter-spacing: .1em;
    line-height: 2.2rem;
    padding: 2rem 0rem 0rem 1rem
  }
  .mv_bnr {
    top: auto;
    bottom: 3rem;
    right: 50%;
    transform: translateX(50%);
    width: 60%;
  }
  .mv_contents {
    padding-top: 4rem;
  }
  .mv_contents .mv_text .ja {
    font-size: 4.2rem;
  }
  .mv_contents .mv_text .ja span {
    line-height: 5rem;
  }
  .mv_contents .mv_text .ja span + span {
    margin-top: .6rem;
  }
  .mv_contents .mv_text .en {
    width: 95%;
    margin: 4rem auto 0;
  }
}
/* ------------------------------------------
  共通
------------------------------------------ */
.common_link_btn {
  display: block;
  border: .1rem solid;
  width: 25rem;
  line-height: 4.5rem;
  letter-spacing: .1em;
  font-size: 1.5rem;
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 1.2rem 1.9rem;
}
main {
  overflow: hidden;
  margin-bottom: 0rem;
}
@media screen and (max-width: 767px) {
  .common_link_btn {
    width: auto;
    line-height: 4rem;
    font-size: 1.4rem;
    text-align: center;
    padding: 0 2rem;
  }
}
/* ------------------------------------------
  見出し大
------------------------------------------ */
.head_l {
  color: #6baf45;
  font-size: 5.4rem;
  font-weight: bold;
  letter-spacing: .07em;
  line-height: normal;
  text-align: left;
  margin: 16rem 0rem 0rem 0rem;
  font-style: italic;
}
.head_l span {
  font-size: 2.0rem;
  color: #000;
}
@media screen and (max-width: 767px) {
  .head_l {
    font-size: 2.4rem;
    color: #6baf45;
    font-weight: bold;
    letter-spacing: .07em;
    line-height: normal;
    text-align: left;
    margin: 24rem 0rem 0rem 0rem;
    font-style: italic;
  }
}
/* ------------------------------------------
  見出し大2
------------------------------------------ */
.head_l2 {
  color: #6baf45;
  font-size: 5.4rem;
  font-weight: bold;
  letter-spacing: .07em;
  line-height: normal;
  text-align: left;
  margin: 3rem 0rem 0rem 0rem;
  font-style: italic;
}
.head_l2 span {
  font-size: 2.0rem;
  color: #000;
}
@media screen and (max-width: 767px) {
  .head_l2 {
    font-size: 2.4rem;
    margin: 0rem 0rem 0rem 0rem;
  }
}
/* ------------------------------------------
  見出し大
------------------------------------------ */
.head_l3 {
  color: #6baf45;
  font-size: 5.4rem;
  font-weight: bold;
  letter-spacing: .07em;
  line-height: normal;
  text-align: left;
  margin: 16rem 0rem 0rem 0rem;
  font-style: italic;
}
.head_l3 span {
  font-size: 2.0rem;
  color: #000;
}
@media screen and (max-width: 767px) {
  .head_l3 {
    font-size: 2.4rem;
    color: #6baf45;
    font-weight: bold;
    letter-spacing: .07em;
    line-height: normal;
    text-align: left;
    margin: 30rem 0rem 0rem 0rem;
    font-style: italic;
  }
}
/* ------------------------------------------
  見出し大
------------------------------------------ */
.head_l4 {
  color: #6baf45;
  font-size: 5.4rem;
  font-weight: bold;
  letter-spacing: .07em;
  line-height: normal;
  text-align: left;
  margin: 16rem 0rem 0rem 0rem;
  font-style: italic;
}
.head_l4 span {
  font-size: 2.0rem;
  color: #000;
}
@media screen and (max-width: 767px) {
  .head_l4 {
    font-size: 2.4rem;
    color: #6baf45;
    font-weight: bold;
    letter-spacing: .07em;
    line-height: normal;
    text-align: left;
    margin: 3rem 0rem 2rem 0rem;
    font-style: italic;
  }
}
/* ------------------------------------------
  sec01
------------------------------------------ */
.sec01 {
  background-image: url(../img/top/sec01_bk.webp);
  margin-top: -30rem;
  padding-bottom: 30rem;
  background-size: 100%;
  background-repeat: no-repeat;
}
.sec01 .container {
  padding: 15rem 2rem 15.5rem;
  max-width: 120rem;
}
.sec01 .top {
  width: 87rem;
  margin-left: auto;
}
.sec01 .top .bold_text {
  font-weight: bold;
  font-size: 5.4rem;
  line-height: calc(80/54);
  letter-spacing: .07em;
  color: #343434;
}
.sec01 .top .top_desc {
  margin-top: 5rem;
}
.sec01 .top .top_desc p {
  font-size: 1.9rem;
  line-height: calc(36/19);
  letter-spacing: .1em;
  color: #343434;
}
.sec01 .top .top_desc p + p {
  margin-top: 3rem;
}
.sec01 .bottom {
  display: flex;
  margin-top: 2rem;
}
.sec01 .bottom .news_head {
  width: 24.3rem;
  height: 24.3rem;
  background-color: #6baf45;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 8.2rem;
  flex-shrink: 0;
}
.sec01 .bottom .news_head .en {
  width: 13.1rem;
}
.sec01 .bottom .news_head .ja {
  margin-top: 1.5rem;
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: .2em;
  font-weight: bold;
}
.sec01 .bottom .news_contents {
  width: calc(100% - 32.5rem);
}
.sec01 .bottom .news_list_row {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: .1em;
  color: #000;
  border-top: .025rem solid #000;
  padding: 1.5rem 2rem;
}
.sec01 .bottom .news_list_row:last-of-type {
  border-bottom: .025rem solid #000;
}
.sec01 .bottom .news_list_row .date {
  font-weight: 500;
  margin-right: 1rem;
}
.sec01 .bottom .news_page_link {
  margin-left: auto;
  margin-top: 2rem;
  padding-left: 3rem;
  background-image: url(../img/common/arrow_gr.webp);
  color: #6baf45;
  background-color: #f1f1f1;
}
.sec01 .bottom img {
  max-width: 40rem;
  margin: -28rem -8rem -15rem 0rem;
  z-index: 2;
}
.news_list_row span {
  color: #fff;
  background-color: #6baf45;
  border-radius: 50px;
  padding: 0.2rem 2rem 0.4rem 2rem;
  margin-right: 1rem;
}
@media screen and (max-width: 767px) {
  .sec01 .bottom img {
    max-width: 16rem;
    margin: -60rem 0rem 0rem 0rem;
    z-index: 2;
  }
  .sec01 {
    background-image: url(../img/top/sec01_bk_s.webp);
    margin-top: -50rem;
    padding-bottom: 0rem;
    background-size: 100%;
  }
  .sec01 .container {
    padding: 7rem 1rem 7rem;
    max-width: unset;
  }
  .sec01 .top {
    width: auto;
    margin-left: 0;
  }
  .sec01 .top .bold_text {
    font-size: 3rem;
  }
  .sec01 .top .top_desc {
    margin-top: 3rem;
  }
  .sec01 .top .top_desc p {
    font-size: 1.6rem;
  }
  .sec01 .top .top_desc p + p {
    margin-top: 2rem;
  }
  .sec01 .bottom {
    flex-direction: column;
    margin-top: 0rem;
  }
  .sec01 .bottom .news_head {
    width: 12rem;
    height: 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
  .sec01 .bottom .news_head .en {
    width: 9.5rem;
  }
  .sec01 .bottom .news_head .ja {
    margin-top: 1rem;
    font-size: 1.6rem;
    letter-spacing: .1em;
  }
  .sec01 .bottom .news_contents {
    width: auto;
    margin-top: 1rem;
  }
  .sec01 .bottom .news_list_row {
    flex-direction: column;
    align-items: flex-start;
    font-size: 1.6rem;
    padding: 1.5rem 1rem;
  }
  .sec01 .bottom .news_list_row .date {
    margin-right: 5rem;
  }
  .sec01 .bottom .news_list_row .ttl {
    font-size: 1.6rem;
    margin-top: .7rem;
  }
  .sec01 .bottom .news_page_link {
    margin-left: 0;
    margin-top: 2rem;
    padding-left: 2rem;
  }
}
/* ------------------------------------------
  画像＋テキスト 4カラム
------------------------------------------ */
.four_columns {
  display: flex;
  justify-content: space-between;
  margin: 6rem 0;
}
.four_columns li {
  width: calc((100% - 15rem) / 4);
}
.four_columns li .img {
  flex-shrink: 0;
  height: 18rem;
  position: relative;
  width: 100%;
}
.four_columns li .img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.four_columns li .desc .ttl {
  align-items: center;
  border-bottom: .1rem solid #6baf45;
  display: flex;
  flex-direction: column;
  font-size: 2.3rem;
  font-weight: bold;
  justify-content: center;
  line-height: calc(33/23);
  min-height: 8.5rem;
  padding: 1rem 0;
  text-align: center;
  background-color: #6baf45;
  color: #fff;
}
.four_columns li .desc p {
  color: #343434;
  font-size: 1.6rem;
  letter-spacing: .1em;
  line-height: calc(32/19);
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .four_columns {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    margin: 1rem 0;
  }
  .four_columns li {
    width: auto;
  }
  .four_columns li + li {
    margin-top: 3rem;
  }
  .four_columns li .img {
    height: 67.3%;
  }
  .four_columns li .desc .ttl {
    font-size: 2.0rem;
    min-height: unset;
    padding: 1.5rem 0;
  }
  .four_columns li .desc p {
    font-size: 1.4rem;
    margin-top: 0.5rem;
  }
}
.bg_whi01 {
  background-color: rgba(255, 255, 255, 0.50);
  padding: 5rem;
  border-radius: 20px;
  font-size: 1.8rem;
  line-height: 3.5rem;
}
@media screen and (max-width: 767px) {
  .bg_whi01 {
    background-color: rgba(255, 255, 255, 0.50);
    padding: 2rem;
    border-radius: 20px;
    font-size: 1.6rem;
    line-height: 2.3rem;
  }
}
/* ------------------------------------------
  sec02
------------------------------------------ */
.sec02 {}
.sec02 .container {
  padding: 9rem 2rem 0rem 2rem;
  max-width: 120rem;
}
.sec02 .sec_ttl {
  font-weight: bold;
  font-size: 5.4rem;
  letter-spacing: .2em;
  color: #FFF;
  text-align: center;
}
.sec02 .circle_wrap {
  display: flex;
  margin: 12.5rem auto 0;
  gap: 0 9rem;
}
.sec02 .circle_wrap .circle {
  width: calc((100% - 18rem) / 3);
  aspect-ratio: 1 / 1;
  border: .2rem solid #fff;
  border-radius: 50%;
  padding-top: 15.5rem;
  text-align: center;
  color: #fff;
  line-height: calc(45/32);
  font-weight: 300;
  font-size: 3.2rem;
  background-repeat: no-repeat;
}
.sec02 .circle_wrap .circle:nth-child(1) {
  background-position: top 4.5rem center;
  background-size: 13.7rem 9.4rem;
  background-image: url(../img/top/sec02_icon01.webp);
}
.sec02 .circle_wrap .circle:nth-child(2) {
  background-position: top 3.8rem right;
  background-size: 27.2rem 12.5rem;
  background-image: url(../img/top/sec02_icon02.webp);
}
.sec02 .circle_wrap .circle:nth-child(3) {
  padding-top: 18rem;
  background-position: top 3.2rem center;
  background-size: 9.5rem 13.3rem;
  background-image: url(../img/top/sec02_icon03.webp);
}
.sec02 .text_wrap {
  margin-top: 8rem;
}
.sec02 .text_wrap p {
  font-size: 1.9rem;
  line-height: calc(36/19);
  letter-spacing: .1em;
  color: #fff;
}
.sec02 .text_wrap p + p {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .sec02 {
    background-position: center;
    background-size: auto 100%;
  }
  .sec02 .container {
    padding: 2rem 2rem 2rem;
    max-width: unset;
  }
  .sec02 .sec_ttl {
    font-size: 3rem;
    line-height: 1.2;
  }
  .sec02 .circle_wrap {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 5rem auto 0;
    gap: 3rem 0;
  }
  .sec02 .circle_wrap .circle {
    width: 75%;
    padding-top: 15rem;
    line-height: 1.5;
    font-size: 2rem;
    background-repeat: no-repeat;
  }
  .sec02 .circle_wrap .circle:nth-child(1) {
    background-position: top 3.5rem center;
    background-size: 13.7rem 9.4rem;
  }
  .sec02 .circle_wrap .circle:nth-child(2) {
    background-position: top 2.8rem right;
    background-size: 27.2rem 12.5rem;
  }
  .sec02 .circle_wrap .circle:nth-child(3) {
    padding-top: 18rem;
    background-position: top 2.7rem center;
    background-size: 9.5rem 13.3rem;
  }
  .sec02 .text_wrap {
    margin-top: 5rem;
  }
  .sec02 .text_wrap p {
    font-size: 1.6rem;
  }
  .sec02 .text_wrap p + p {
    margin-top: 2rem;
  }
}
/* ------------------------------------------
  sec03
------------------------------------------ */
.sec03 .container {
  padding: 5.7rem 2rem 12.5rem 2rem;
  max-width: 120rem;
}
.sec03 .sec03_contents {
  display: flex;
  background-color: #6baf45;
}
.sec03 .sec03_contents .img {
  width: 51.1rem;
  flex-shrink: 0;
}
.sec03 .sec03_contents .text {
  padding: 1.5rem 4rem 1.5rem 4rem;
}
.sec03 .sec03_contents .text p {
  line-height: calc(25/19);
  color: #fff;
  font-size: 2.0rem;
  border-bottom: 0.5px #fff dashed;
  letter-spacing: 0.5rem;
}
.sec03 .sec03_contents .text a {
  color: #fff;
  font-size: 2.0rem;
}
.sec03 .sec03_contents .text p + p {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .sec03 .container {
    padding: 1rem 2rem 6rem;
    max-width: 120rem;
  }
  .sec03 .sec03_contents {
    flex-direction: column;
  }
  .sec03 .sec03_contents .img {
    width: auto;
  }
  .sec03 .sec03_contents .text {
    padding: 2rem;
  }
  .sec03 .sec03_contents .text p {
    font-size: 1.6rem;
  }
  .sec03 .sec03_contents .text p + p {
    margin-top: 2rem;
  }
}