.fadeInUp {
  opacity: 0;
}

.fadeInUp.show {
  animation-fill-mode: both;
  animation-duration: 0.8s;
  animation-delay: 0.3s;
  animation-name: fadeInUp;
}

.fadeInUp_L {
  opacity: 0;
}

.fadeInUp_L.show {
  animation-fill-mode: both;
  animation-duration: 0.8s;
  animation-delay: 0.3s;
  animation-name: fadeInUp_L;
}

.fadeInRight {
  opacity: 0;
}

.fadeInRight.show {
  animation-fill-mode: both;
  animation-duration: 0.8s;
  animation-delay: 0.3s;
  animation-name: fadeInRight;
}

.fadeInLeft {
  opacity: 0;
}

.fadeInLeft.show {
  animation-fill-mode: both;
  animation-duration: 0.8s;
  animation-delay: 0.3s;
  animation-name: fadeInLeft;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp_L {
  0% {
    opacity: 0;
    transform: translateY(80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInZoom {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

body:before {
  content: "";
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-image: url("../_img/achievements-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}

@media screen and (max-width: 767px) {
  body:before {
    bottom: auto;
    top: 0;
    height: 100vh;
    background-image: url("../_img/achievements-bg-sp.jpg");
  }
}

@media screen and (min-width: 768px) {
  body.scrolled .header__inner {
    border-bottom: 1px solid #d7d7d7;
  }
}

/* mainvisual
----------------------------------------*/
.sec-mainvisual {
  position: relative;
  height: 100vh;
  color: #fff;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual {
    height: calc((var(--vh, 1vh) * 100));
  }
}

.sec-mainvisual:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 300px;
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.3;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual:after {
    height: 40vw;
  }
}

.sec-mainvisual .mainvisual-slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.sec-mainvisual .mainvisual-slide .slide-item {
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .mainvisual-slide .slide-item {
    height: calc((var(--vh, 1vh) * 100));
  }
}

.sec-mainvisual .mainvisual-slide .slide-item.slide-01 {
  background-image: url("../_img/slide1.jpg");
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .mainvisual-slide .slide-item.slide-01 {
    background-image: url("../_img/slide1.jpg");
  }
}

.sec-mainvisual .mainvisual-slide .slide-item.slide-02 {
  background-image: url("../_img/slide2.jpg");
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .mainvisual-slide .slide-item.slide-02 {
    background-image: url("../_img/slide2.jpg");
  }
}

.sec-mainvisual .mainvisual-slide .slide-item.slide-03 {
  background-image: url("../_img/slide3.jpg");
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .mainvisual-slide .slide-item.slide-03 {
    background-image: url("../_img/slide3.jpg");
  }
}

.sec-mainvisual .mainvisual-slide .slide-item.slide-04 {
  background-image: url("../_img/slide4.jpg");
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .mainvisual-slide .slide-item.slide-04 {
    background-image: url("../_img/slide4.jpg");
  }
}

.sec-mainvisual .mainvisual-slide .slide-item.slide-05 {
  background-image: url("../_img/slide5.jpg");
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .mainvisual-slide .slide-item.slide-05 {
    background-image: url("../_img/slide5.jpg");
  }
}

/* .sec-mainvisual .mainvisual-slide .slide-item.slide-06 {
  background-image: url("../_img/mainvisual-06.jpg");
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .mainvisual-slide .slide-item.slide-06 {
    background-image: url("../_img/mainvisual-06-sp.jpg");
  }
} */

.sec-mainvisual .mainvisual-slide .zoom-animation {
  animation: slide-zoom 5s 0s forwards;
}

@keyframes slide-zoom {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

.sec-mainvisual .indicator-list {
  position: absolute;
  right: 90px;
  bottom: 100px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .indicator-list {
    right: 2.26667vw;
    bottom: 6vw;
  }
}

.sec-mainvisual .indicator-list .indicator {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sec-mainvisual .indicator-list .indicator:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .indicator-list .indicator {
    width: 4.8vw;
    height: 4.8vw;
  }
}

.sec-mainvisual .indicator-list .indicator + .indicator {
  margin-left: 12px;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .indicator-list .indicator + .indicator {
    margin-left: 2vw;
  }
}

.sec-mainvisual .indicator-list .indicator:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
}

@media screen and (min-width: 768px) {
  .sec-mainvisual .indicator-list .indicator:before {
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .indicator-list .indicator:before {
    width: 1.33333vw;
    height: 1.33333vw;
  }
}

.sec-mainvisual .indicator-list .indicator > span {
  position: absolute;
  display: none;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.sec-mainvisual .indicator-list .indicator > span:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  width: 200%;
  height: 100%;
  background-image: url("../_img/indicator.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.sec-mainvisual .indicator-list .indicator > span:nth-child(1) {
  left: 50%;
}

.sec-mainvisual .indicator-list .indicator > span:nth-child(1):before {
  left: -100%;
}

.sec-mainvisual .indicator-list .indicator > span:nth-child(2) {
  left: 0;
}

.sec-mainvisual .indicator-list .indicator > span:nth-child(2):before {
  left: 0;
}

.sec-mainvisual .indicator-list .indicator.active:before {
  transform: scale(2.25);
}

.sec-mainvisual .indicator-list .indicator.active > span {
  display: block;
}

.sec-mainvisual .indicator-list .indicator.active > span:nth-child(1):before {
  animation: indicator-right 7s linear -2s forwards;
}

.sec-mainvisual .indicator-list .indicator.active > span:nth-child(2):before {
  animation: indicator-left 7s linear -2s forwards;
}

.sec-mainvisual .indicator-list .indicator.no-delay.active > span:before {
  animation-delay: 0s;
}

@keyframes indicator-right {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}

@keyframes indicator-left {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.sec-mainvisual .hyde-title-wrapper {
  width: 640px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  margin-right: 115px;
  margin-left: auto;
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .hyde-title-wrapper {
    width: 59.2vw;
    margin-right: 5.33333vw;
  }
}

.sec-mainvisual .hyde-title-wrapper .hyde-txt {
  margin-bottom: 28px;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .hyde-title-wrapper .hyde-txt {
    margin-bottom: 4.26667vw;
  }
}

.sec-mainvisual .hyde-title-wrapper .hyde-logo {
  width: 303px;
  margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .hyde-title-wrapper .hyde-logo {
    width: 49.46667vw;
    margin-bottom: 4.4vw;
  }
}

.sec-mainvisual .hyde-title-wrapper .hyde-more-btn {
  width: 100%;
}

.sec-mainvisual .hyde-title-wrapper .hyde-more-btn div {
  width: 280px;
  margin: 0 auto 0;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .hyde-title-wrapper .hyde-more-btn div {
    width: 56vw;
  }
}

.sec-mainvisual .hyde-title-wrapper .hyde-more-btn div .tpl-btn {
  background-color: #1f273a;
  border: 1px solid #fff;
}

@media screen and (min-width: 768px) {
  .sec-mainvisual .hyde-title-wrapper .hyde-more-btn div .tpl-btn:hover {
    background-color: #313d5b;
    color: #fff;
  }
  .sec-mainvisual .hyde-title-wrapper .hyde-more-btn div .tpl-btn:hover:after {
    border-color: #fff;
  }
}

.sec-mainvisual .sec-mainvisual__inner {
  position: relative;
  width: 85.71429%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .sec-mainvisual__inner {
    width: 92vw;
  }
}

.sec-mainvisual .sec-mainvisual__title-wrapper {
  position: absolute;
  bottom: 14.11765%;
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .sec-mainvisual__title-wrapper {
    bottom: 21.86667vw;
  }
}

.sec-mainvisual .sec-mainvisual__title {
  position: relative;
  width: 800px;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .sec-mainvisual__title {
    width: 90.66667vw;
    margin-bottom: 8vw;
  }
}

.sec-mainvisual .sec-mainvisual__btn {
  width: 290px;
}

@media screen and (max-width: 767px) {
  .sec-mainvisual .sec-mainvisual__btn {
    width: 50.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .sec-mainvisual .scroll-sign {
    position: absolute;
    right: 48px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3px;
    height: 160px;
    overflow: hidden;
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  body.scrolled .sec-mainvisual .scroll-sign {
    opacity: 0;
  }
  .sec-mainvisual .scroll-sign:after,
  .sec-mainvisual .scroll-sign:before {
    content: "";
    position: absolute;
    top: 0;
    box-sizing: border-box;
  }
  .sec-mainvisual .scroll-sign:before {
    left: 1px;
    width: 1px;
    height: 100%;
    background-color: #fff;
  }
  .sec-mainvisual .scroll-sign:after {
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #00a76d;
    animation-name: scroll-line;
    animation-duration: 4s;
    animation-iteration-count: infinite;
  }
}

.sec-mainvisual.hyde .sec-mainvisual__title-wrapper {
  opacity: 0;
  pointer-events: none;
}

.sec-mainvisual.hyde .hyde-title-wrapper {
  opacity: 1;
  pointer-events: all;
}

@keyframes scroll-line {
  0% {
    transform-origin: center top;
    transform: scale(1, 0);
  }
  25% {
    transform-origin: center top;
    transform: scale(1, 1);
  }
  26% {
    transform-origin: center bottom;
    transform: scale(1, 1);
  }
  50% {
    transform-origin: center bottom;
    transform: scale(1, 0);
  }
  100% {
    transform-origin: center bottom;
    transform: scale(1, 0);
  }
}

/* sec-topics
----------------------------------------*/
.sec-topics {
  background-color: #fff;
  border-bottom: 1px solid #d7d7d7;
}

.sec-topics .sec-topics__inner {
  padding: 50px 50px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .sec-topics .sec-topics__inner {
    padding: 6.66667vw 4vw;
  }
}

.sec-topics .sec-topics__inner .sec-topics__head {
  font-size: 16px;
  font-weight: bold;
  width: 105px;
}

@media screen and (max-width: 767px) {
  .sec-topics .sec-topics__inner .sec-topics__head {
    width: 18.13333vw;
    font-size: 28px;
    font-size: 3.73333vw;
  }
}

.sec-topics .sec-topics__inner > div {
  flex: 1;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .sec-topics .sec-topics__inner > div {
    font-size: 26px;
    font-size: 3.46667vw;
  }
}

/* sec-about
----------------------------------------*/
.sec-about {
  background-color: #fff;
  padding-top: 110px;
}

@media screen and (max-width: 767px) {
  .sec-about {
    padding-top: 14.66667vw;
  }
}

.sec-about .sec-about__inner {
  width: 100%;
  min-width: 1200px;
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .sec-about .sec-about__inner {
    width: 92vw;
    max-width: none;
    min-width: 0;
    padding: 0;
  }
}

.sec-about .section-head {
  font-size: 46px;
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .sec-about .section-head {
    font-size: 54px;
    font-size: 7.2vw;
    margin-bottom: 6.66667vw;
  }
}

.sec-about .about-txt {
  font-size: 18px;
  width: 1010px;
  margin: 0 auto 100px;
  line-height: 2em;
}

@media screen and (max-width: 767px) {
  .sec-about .about-txt {
    font-size: 30px;
    font-size: 4vw;
    width: auto;
    margin-bottom: 10.66667vw;
    text-align: center;
  }
}

.sec-about .about-movie {
  position: relative;
  display: block;
  width: 100%;
  height: 550px;
  margin: 0 auto 50px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .sec-about .about-movie {
    cursor: pointer;
  }
  .sec-about .about-movie:hover .about-movie__inner {
    transform: scale(1.02);
  }
}

@media screen and (max-width: 767px) {
  .sec-about .about-movie {
    height: 69.33333vw;
    margin-bottom: 6.66667vw;
  }
}

.sec-about .about-movie .about-movie__inner {
  width: 100%;
  height: 100%;
  background-image: url("../_img/about-us-movie.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 767px) {
  .sec-about .about-movie .about-movie__inner {
    margin-bottom: 6.66667vw;
    background-image: url("../_img/about-us-movie-sp.jpg");
  }
}

.sec-about .about-movie.about-thumb2 .about-movie__inner {
  background-image: url("../_img/about-us-movie2.jpg");
}

@media screen and (max-width: 767px) {
  .sec-about .about-movie.about-thumb2 .about-movie__inner {
    background-image: url("../_img/about-us-movie-sp2.jpg");
  }
}

.sec-about .about-movie .icon-play {
  position: absolute;
  width: 236px;
  height: 236px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.sec-about .about-movie p {
  position: absolute;
  left: 50px;
  top: 40px;
  color: #fff;
  font-size: 22px;
}

@media screen and (max-width: 767px) {
  .sec-about .about-movie p {
    left: 4vw;
    top: 4vw;
    font-size: 26px;
    font-size: 3.46667vw;
  }
}

.sec-about .tpl-line-btn--full-width {
  border-top: 1px solid #c8c8c8;
}

/* sec-achievements
----------------------------------------*/
.sec-achievements {
  position: relative;
}

.sec-achievements .sec-achievements__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
}

@media screen and (max-width: 767px) {
  .sec-achievements .sec-achievements__bg {
    height: 13.33333vw;
  }
}

.sec-achievements .sec-achievements__bg > div {
  background-color: #ebebeb;
  height: 100%;
}

.sec-achievements .sec-achievements__bg:after {
  content: "";
  background-image: linear-gradient(
    to bottom,
    rgba(235, 235, 235, 0) 0%,
    rgba(235, 235, 235, 0.7) 50%,
    rgba(235, 235, 235, 0.85) 65%,
    rgba(235, 235, 235, 0.925) 75.5%,
    rgba(235, 235, 235, 0.963) 82.85%,
    rgba(235, 235, 235, 0.981) 88%,
    #ebebeb
  );
  position: absolute;
  left: 0;
  bottom: 100px;
  width: 100%;
  height: 250px;
}

@media screen and (max-width: 767px) {
  .sec-achievements .sec-achievements__bg:after {
    bottom: 13.33333vw;
    height: 68vw;
  }
}

.sec-achievements .sec-achievements__inner {
  position: relative;
}

@media screen and (min-width: 768px) {
  .sec-achievements .sec-achievements__inner {
    padding-top: 120px;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .sec-achievements .sec-achievements__inner {
    padding-top: 14.66667vw;
  }
}

.sec-achievements .sec-achievements__head {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 44.64286%;
  color: #fff;
  padding: 140px 80px 0;
}

@media screen and (max-width: 767px) {
  .sec-achievements .sec-achievements__head {
    width: 100%;
    padding: 0;
    margin-bottom: 32vw;
  }
}

.sec-achievements .sec-achievements__head .section-head,
.sec-achievements .sec-achievements__head p {
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 767px) {
  .sec-achievements .sec-achievements__head .section-head,
  .sec-achievements .sec-achievements__head p {
    text-shadow: 0 0 4vw rgba(0, 0, 0, 0.7);
  }
}

.sec-achievements .sec-achievements__head .section-head {
  font-size: 46px;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .sec-achievements .sec-achievements__head .section-head {
    font-size: 54px;
    font-size: 7.2vw;
  }
}

.sec-achievements .sec-achievements__head p {
  font-size: 18px;
  line-height: 2em;
}

@media screen and (max-width: 767px) {
  .sec-achievements .sec-achievements__head p {
    font-size: 30px;
    font-size: 4vw;
  }
}

/* sec-overseas
----------------------------------------*/
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sec-overseas {
  background-color: #ebebeb;
}

.sec-overseas .section-head {
  text-align: center;
  font-size: 28px;
  line-height: 1em;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .sec-overseas .section-head {
    font-size: 40px;
    font-size: 5.33333vw;
    margin-bottom: 8vw;
  }
}

.sec-overseas .overseas-map .overseas-map__tabs {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .sec-overseas .overseas-map .overseas-map__tabs {
    width: 100%;
    min-width: 1200px;
    max-width: 1400px;
  }
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .overseas-map__tabs {
    flex-wrap: wrap;
    width: 100%;
  }
}

.sec-overseas .overseas-map .overseas-map__tabs a {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 25%;
  height: 80px;
  font-size: 18px;
  padding: 0 25px 0 30px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .overseas-map__tabs a {
    justify-content: flex-start;
    width: 50%;
    height: 13.06667vw;
    font-size: 28px;
    font-size: 3.73333vw;
    padding: 0 0 0 4vw;
  }
}

.sec-overseas .overseas-map .overseas-map__tabs a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 4px;
  background-color: #00a76d;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: width 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .overseas-map__tabs a:before {
    height: 0.53333vw;
  }
}

@media screen and (min-width: 768px) {
  .sec-overseas .overseas-map .overseas-map__tabs a {
    border-left: 1px solid #d0d0d0;
  }
  .sec-overseas .overseas-map .overseas-map__tabs a:last-child {
    border-right: 1px solid #d0d0d0;
  }
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .overseas-map__tabs a:nth-child(even) {
    border-left: 1px solid #d0d0d0;
  }
  .sec-overseas .overseas-map .overseas-map__tabs a:nth-child(n + 3) {
    border-top: 1px solid #d0d0d0;
  }
}

body.pc .sec-overseas .overseas-map .overseas-map__tabs a:hover:before {
  width: 100%;
}

.sec-overseas .overseas-map .overseas-map__tabs a.active:before {
  width: 100%;
}

.sec-overseas .overseas-map .overseas-map__tabs a:after {
  content: "";
  display: block;
  border-color: #00a76d;
  border-style: solid;
  border-width: 0 2px 2px 0;
  width: 9px;
  height: 9px;
  vertical-align: middle;
  transform: rotate(-45deg);
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .overseas-map__tabs a:after {
    display: block;
    border-color: #00a76d;
    border-style: solid;
    border-width: 0 1px 1px 0;
    width: 1.86667vw;
    height: 1.86667vw;
    vertical-align: middle;
    transform: rotate(-45deg);
    margin-left: 3.33333vw;
  }
}

.sec-overseas .overseas-map .map-area {
  position: relative;
  width: 100%;
  height: 790px;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area {
    height: 244vw;
  }
}

.sec-overseas .overseas-map .map-area .map-area-bg-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.sec-overseas .overseas-map .map-area .map-area-bg-list .bg-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.sec-overseas .overseas-map .map-area .map-area-bg-list .bg-item.bg-item-1 {
  background-image: url("../_img/overseas-bg-south-asia.jpg");
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .map-area-bg-list .bg-item.bg-item-1 {
    background-image: url("../_img/overseas-bg-south-asia-sp.jpg");
  }
}

.sec-overseas .overseas-map .map-area .map-area-bg-list .bg-item.bg-item-2 {
  background-image: url("../_img/overseas-bg-east-asia.jpg");
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .map-area-bg-list .bg-item.bg-item-2 {
    background-image: url("../_img/overseas-bg-east-asia-sp.jpg");
  }
}

.sec-overseas .overseas-map .map-area .map-area-bg-list .bg-item.bg-item-3 {
  background-image: url("../_img/overseas-bg-oceania.jpg");
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .map-area-bg-list .bg-item.bg-item-3 {
    background-image: url("../_img/overseas-bg-oceania-sp.jpg");
  }
}

.sec-overseas .overseas-map .map-area .map-area-bg-list .bg-item.bg-item-4 {
  background-image: url("../_img/overseas-bg-northamerica.jpg");
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .map-area-bg-list .bg-item.bg-item-4 {
    background-image: url("../_img/overseas-bg-northamerica-sp.jpg");
  }
}

.sec-overseas .overseas-map .map-area .map-area-bg-list .bg-item.active {
  animation: fade-in 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.sec-overseas .overseas-map .map-area .map-area__inner {
  position: relative;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .sec-overseas .overseas-map .map-area .map-area__inner {
    padding-top: 150px;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .map-area__inner {
    padding-top: 12vw;
    width: 100%;
  }
}

.sec-overseas .overseas-map .map-area .world-map {
  position: relative;
  width: 655px;
  height: 367px;
  background-image: url("../_img/world-map.png");
  background-size: cover;
  margin-top: 105px;
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .world-map {
    width: 93.33333vw;
    height: 52.26667vw;
    margin: 0 auto 6.66667vw;
  }
}

.sec-overseas .overseas-map .map-area .map-btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 66px;
  height: 66px;
  cursor: pointer;
}

.sec-overseas .overseas-map .map-area .map-btn.map-btn-01 {
  left: 28.70229%;
  top: 44.95913%;
}

.sec-overseas .overseas-map .map-area .map-btn.map-btn-02 {
  left: 26.87023%;
  top: 24.52316%;
}

.sec-overseas .overseas-map .map-area .map-btn.map-btn-03 {
  left: 37.40458%;
  top: 60.21798%;
}

.sec-overseas .overseas-map .map-area .map-btn.map-btn-04 {
  left: 69.77099%;
  top: 21.79837%;
}

.sec-overseas .overseas-map .map-area .map-btn.map-btn-05 {
  left: 2.59542%;
  top: 20.43597%;
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .map-btn {
    width: 9.33333vw;
    height: 9.33333vw;
  }
}

.sec-overseas .overseas-map .map-area .map-btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../_img/circle.svg");
  background-size: 100% 100%;
  pointer-events: none;
  animation: circle-move 2s linear infinite;
  background-color: transparent;
}

.sec-overseas .overseas-map .map-area .map-btn span {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 167, 109, 0.5);
  font-size: 0;
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .map-btn span {
    width: 5.2vw;
    height: 5.2vw;
  }
}

.sec-overseas .overseas-map .map-area .map-btn span:after,
.sec-overseas .overseas-map .map-area .map-btn span:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .map-btn span:after,
  .sec-overseas .overseas-map .map-area .map-btn span:before {
    width: 0.93333vw;
    height: 0.93333vw;
  }
}

.sec-overseas .overseas-map .map-area .map-btn span:before {
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #00a76d;
}

.sec-overseas .overseas-map .map-area .map-btn span:after {
  background-color: #fff;
  display: none;
}

body.pc .sec-overseas .overseas-map .map-area .map-btn:hover span {
  border: 2px solid #fff;
}

body.pc .sec-overseas .overseas-map .map-area .map-btn:hover span:before {
  width: 100%;
  height: 100%;
}

body.pc .sec-overseas .overseas-map .map-area .map-btn:hover span:after {
  display: block;
}

.sec-overseas .overseas-map .map-area .map-btn.active span {
  border: 2px solid #fff;
}

.sec-overseas .overseas-map .map-area .map-btn.active span:before {
  width: 100%;
  height: 100%;
}

.sec-overseas .overseas-map .map-area .map-btn.active span:after {
  display: block;
}

.sec-overseas .overseas-map .map-area .region-list {
  position: relative;
  width: 500px;
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .region-list {
    width: 92vw;
    margin: 0 auto;
  }
}

.sec-overseas .overseas-map .map-area .region-item {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
}

.sec-overseas .overseas-map .map-area .region-item.active {
  display: block;
}

.sec-overseas .overseas-map .map-area .region-item .region-head {
  font-size: 28px;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .region-item .region-head {
    font-size: 40px;
    font-size: 5.33333vw;
  }
}

.sec-overseas .overseas-map .map-area .region-item > p {
  font-size: 18px;
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .region-item > p {
    font-size: 30px;
    font-size: 4vw;
    margin-bottom: 4.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .sec-overseas .overseas-map .map-area .region-item .icon-list {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .region-item .icon-list {
    margin-bottom: 4.66667vw;
  }
}

.sec-overseas .overseas-map .map-area .region-item .icon-list a {
  position: relative;
  display: block;
  width: 33.3%;
  color: inherit;
}

@media screen and (min-width: 768px) {
  .sec-overseas .overseas-map .map-area .region-item .icon-list a {
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .sec-overseas .overseas-map .map-area .region-item .icon-list a:hover {
    opacity: 0.8;
  }
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .region-item .icon-list a {
    width: 100%;
    height: 18.66667vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 2.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .sec-overseas .overseas-map .map-area .region-item .icon-list a + a {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
  }
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .region-item .icon-list a + a {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
}

@media screen and (min-width: 768px) {
  .sec-overseas .overseas-map .map-area .region-item .icon-list a figure {
    width: 53px;
    margin: 0 auto 15px;
  }
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .region-item .icon-list a figure {
    width: 14.66667vw;
  }
}

.sec-overseas .overseas-map .map-area .region-item .icon-list a figure img {
  width: 100%;
}

.sec-overseas .overseas-map .map-area .region-item .icon-list a p {
  font-size: 13px;
  padding-left: 30px;
  text-align: left;
  width: 85%;
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .region-item .icon-list a p {
    font-size: 30px;
    font-size: 4vw;
    padding-left: 6.66667vw;
    width: 70.66667vw;
  }
}

.sec-overseas .overseas-map .map-area .region-item .icon-list a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  border-color: #fff;
  border-style: solid;
  border-width: 0 2px 2px 0;
  width: 9px;
  height: 9px;
  vertical-align: middle;
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .sec-overseas .overseas-map .map-area .region-item .icon-list a:after {
    display: block;
    border-color: #fff;
    border-style: solid;
    border-width: 0 1px 1px 0;
    width: 1.86667vw;
    height: 1.86667vw;
    vertical-align: middle;
    transform: rotate(-45deg);
    right: 2.66667vw;
  }
}

@keyframes circle-move {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* sec-investor-relations
----------------------------------------*/
@media screen and (min-width: 768px) {
  .sec-investor-relations {
    background-image: url("../_img/investor-relations-bg.jpg");
  }
}

@media screen and (max-width: 767px) {
  .sec-investor-relations {
    background-image: url("../_img/investor-relations-bg-sp.jpg");
  }
}

/* sec-sustainability-report
----------------------------------------*/
@media screen and (min-width: 768px) {
  .sec-sustainability-report {
    background-image: url("../_img/sustainability-report-bg.jpg");
  }
}

@media screen and (max-width: 767px) {
  .sec-sustainability-report {
    background-image: url("../_img/sustainability-report-bg.jpg");
  }
  .sec-sustainability-report h2 p {
    color: green !important;
  }
}

@media screen and (min-width: 768px) {
  .sec-sustainability-report .section-inner {
    flex-direction: row-reverse;
  }
}

.sec-sustainability-report .title-block .section-head,
.sec-sustainability-report .title-block p {
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(6, 65, 1, 0.7);
}

/* sec-investor-relations, sec-sustainability-report
----------------------------------------*/
.sec-investor-relations,
.sec-sustainability-report {
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .sec-investor-relations,
  .sec-sustainability-report {
    height: 580px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .sec-investor-relations,
  .sec-sustainability-report {
    padding: 16.66667vw 0 18.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .sec-investor-relations .section-inner,
  .sec-sustainability-report .section-inner {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .sec-investor-relations .section-inner > div,
  .sec-sustainability-report .section-inner > div {
    width: 570px;
  }
}

@media screen and (max-width: 767px) {
  .sec-investor-relations .section-inner,
  .sec-sustainability-report .section-inner {
    width: 92vw;
    margin-left: auto;
    margin-right: auto;
  }
}

.sec-investor-relations .section-inner .title-block,
.sec-sustainability-report .section-inner .title-block {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.sec-investor-relations .section-inner .title-block .section-head,
.sec-sustainability-report .section-inner .title-block .section-head {
  font-size: 46px;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .sec-investor-relations .section-inner .title-block .section-head,
  .sec-sustainability-report .section-inner .title-block .section-head {
    font-size: 54px;
    font-size: 7.2vw;
  }
}

.sec-investor-relations .section-inner .title-block p,
.sec-sustainability-report .section-inner .title-block p {
  font-size: 18px;
  margin-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .sec-investor-relations .section-inner .title-block p,
  .sec-sustainability-report .section-inner .title-block p {
    width: 550px;
  }
}

@media screen and (max-width: 767px) {
  .sec-investor-relations .section-inner .title-block p,
  .sec-sustainability-report .section-inner .title-block p {
    width: 86.66667vw;
    margin-bottom: 2em;
    font-size: 30px;
    font-size: 4vw;
  }
}

.sec-investor-relations .section-inner .title-block .more-btn,
.sec-sustainability-report .section-inner .title-block .more-btn {
  width: 355px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .sec-investor-relations .section-inner .title-block .more-btn,
  .sec-sustainability-report .section-inner .title-block .more-btn {
    width: 53.33333vw;
    margin-bottom: 10.66667vw;
  }
}

.sec-investor-relations .section-inner .data-block .data-slider,
.sec-sustainability-report .section-inner .data-block .data-slider {
  position: relative;
  width: 570px;
  height: 340px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .sec-investor-relations .section-inner .data-block .data-slider,
  .sec-sustainability-report .section-inner .data-block .data-slider {
    width: 92vw;
    height: 54.93333vw;
  }
}

.sec-investor-relations .section-inner .data-block .data-item,
.sec-sustainability-report .section-inner .data-block .data-item {
  width: 570px;
}

@media screen and (max-width: 767px) {
  .sec-investor-relations .section-inner .data-block .data-item,
  .sec-sustainability-report .section-inner .data-block .data-item {
    width: 92vw;
  }
}

.sec-investor-relations .section-inner .data-block .data-item img,
.sec-sustainability-report .section-inner .data-block .data-item img {
  width: 100%;
}

.sec-investor-relations .section-inner .slide-dots,
.sec-sustainability-report .section-inner .slide-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.sec-investor-relations .section-inner .slide-dots li,
.sec-sustainability-report .section-inner .slide-dots li {
  margin: 0 15px 0;
}

@media screen and (max-width: 767px) {
  .sec-investor-relations .section-inner .slide-dots li,
  .sec-sustainability-report .section-inner .slide-dots li {
    margin: 0 2.66667vw 0;
  }
}

.sec-investor-relations .section-inner .slide-dots li button,
.sec-sustainability-report .section-inner .slide-dots li button {
  position: relative;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  appearance: none;
  font-size: 0;
}

.sec-investor-relations .section-inner .slide-dots li button:before,
.sec-sustainability-report .section-inner .slide-dots li button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .sec-investor-relations .section-inner .slide-dots li button:before,
  .sec-sustainability-report .section-inner .slide-dots li button:before {
    width: 1.33333vw;
    height: 1.33333vw;
  }
}

.sec-investor-relations .slide-arrow,
.sec-sustainability-report .slide-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
  width: 80px;
  height: 80px;
}

@media screen and (max-width: 767px) {
  .sec-investor-relations .slide-arrow,
  .sec-sustainability-report .slide-arrow {
    width: 13.33333vw;
    height: 13.33333vw;
  }
}

.sec-investor-relations .slide-arrow:before,
.sec-sustainability-report .slide-arrow:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.sec-investor-relations .slide-arrow.prev-arrow,
.sec-sustainability-report .slide-arrow.prev-arrow {
  left: 0px;
}

@media screen and (min-width: 768px) {
  .sec-investor-relations .slide-arrow.prev-arrow:before,
  .sec-sustainability-report .slide-arrow.prev-arrow:before {
    display: block;
    border-color: #00a76d;
    border-style: solid;
    border-width: 0 2px 2px 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    transform: rotate(135deg);
  }
}

@media screen and (max-width: 767px) {
  .sec-investor-relations .slide-arrow.prev-arrow:before,
  .sec-sustainability-report .slide-arrow.prev-arrow:before {
    display: block;
    border-color: #00a76d;
    border-style: solid;
    border-width: 0 2px 2px 0;
    width: 3.2vw;
    height: 3.2vw;
    vertical-align: middle;
    transform: rotate(135deg);
  }
}

.sec-investor-relations .slide-arrow.next-arrow,
.sec-sustainability-report .slide-arrow.next-arrow {
  right: 0px;
}

@media screen and (min-width: 768px) {
  .sec-investor-relations .slide-arrow.next-arrow:before,
  .sec-sustainability-report .slide-arrow.next-arrow:before {
    display: block;
    border-color: #00a76d;
    border-style: solid;
    border-width: 0 2px 2px 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    transform: rotate(-45deg);
  }
}

@media screen and (max-width: 767px) {
  .sec-investor-relations .slide-arrow.next-arrow:before,
  .sec-sustainability-report .slide-arrow.next-arrow:before {
    display: block;
    border-color: #00a76d;
    border-style: solid;
    border-width: 0 2px 2px 0;
    width: 3.2vw;
    height: 3.2vw;
    vertical-align: middle;
    transform: rotate(-45deg);
  }
}

.sec-investor-relations .slide-dots li button:before {
  background-color: #fff;
}

.sec-investor-relations .slide-dots li.slick-active button:before {
  background-color: #00a76d;
}

.sec-investor-relations .title-block {
  opacity: 0;
}

.sec-investor-relations .data-block {
  opacity: 0;
}

.sec-investor-relations.show .title-block {
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-duration: 1s;
  animation-name: fadeInUp;
}

.sec-investor-relations.show .data-block {
  animation-fill-mode: both;
  animation-delay: 0.2s;
  animation-duration: 1s;
  animation-name: fadeInUp;
}

.sec-sustainability-report .slide-dots li button:before {
  background-color: #66caa7;
}

.sec-sustainability-report .slide-dots li.slick-active button:before {
  background-color: #fff;
}

.sec-sustainability-report .title-block {
  opacity: 0;
}

.sec-sustainability-report .data-block {
  opacity: 0;
}

.sec-sustainability-report.show .title-block {
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-duration: 1s;
  animation-name: fadeInUp;
}

.sec-sustainability-report.show .data-block {
  animation-fill-mode: both;
  animation-delay: 0.2s;
  animation-duration: 1s;
  animation-name: fadeInUp;
}

/* sec-news
----------------------------------------*/
.sec-news {
  background-color: #fff;
}

.sec-news .section-inner {
  width: 1200px;
  padding-top: 130px;
  padding-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .sec-news .section-inner {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .sec-news .section-inner {
    padding-top: 13.33333vw;
    padding-bottom: 17.33333vw;
    width: 92vw;
  }
}

.sec-news .title-block {
  width: 340px;
}

@media screen and (max-width: 767px) {
  .sec-news .title-block {
    width: 100%;
  }
}

.sec-news .title-block .section-head {
  font-size: 40px;
  font-style: bold;
}

@media screen and (max-width: 767px) {
  .sec-news .title-block .section-head {
    font-size: 50px;
    font-size: 6.66667vw;
    text-align: center;
    margin-bottom: 6.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .sec-news .news-block {
    flex: 1;
  }
}

.sec-news .news-block .tabs {
  display: flex;
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  .sec-news .news-block .tabs {
    justify-content: center;
  }
}

.sec-news .news-block .tabs a {
  position: relative;
  display: block;
  font-size: 16px;
  padding-bottom: 38px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .sec-news .news-block .tabs a {
    font-size: 30px;
    font-size: 4vw;
    padding-bottom: 8vw;
  }
}

.sec-news .news-block .tabs a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background-color: #00a76d;
  margin: auto;
  transition: width 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 767px) {
  .sec-news .news-block .tabs a:after {
    height: 0.66667vw;
  }
}

.sec-news .news-block .tabs a > div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 50px;
  height: 30px;
  border-left: 1px solid #d7d7d7;
}

@media screen and (max-width: 767px) {
  .sec-news .news-block .tabs a > div {
    padding: 0 8vw;
    height: 9.33333vw;
  }
}

.sec-news .news-block .tabs a:last-child > div {
  border-right: 1px solid #d7d7d7;
}

.sec-news .news-block .tabs a.active:after {
  width: 70px;
}

@media screen and (max-width: 767px) {
  .sec-news .news-block .tabs a.active:after {
    width: 12vw;
  }
}

body.pc .sec-news .news-block .tabs a:hover:after {
  width: 70px;
}

.sec-news .news-block .news-wrapper {
  border-top: 1px solid #d7d7d7;
}

.sec-news .news-block .news-box {
  display: none;
}

.sec-news .news-block .news-box.active {
  display: block;
}

.sec-news .news-block .news-list {
  padding: 50px 0;
  border-bottom: 1px solid #d7d7d7;
}

@media screen and (max-width: 767px) {
  .sec-news .news-block .news-list {
    padding: 8vw 0;
  }
}

.sec-news .news-block .news-list table tr {
  display: block;
}

.sec-news .news-block .news-list table tr:nth-child(n + 2) {
  padding-top: 30px;
}

@media screen and (max-width: 767px) {
  .sec-news .news-block .news-list table tr:nth-child(n + 2) {
    padding-top: 5.33333vw;
  }
}

.sec-news .news-block .news-list table tr th {
  display: block;
  font-size: 13px;
  color: #a9a9a9;
}

@media screen and (max-width: 767px) {
  .sec-news .news-block .news-list table tr th {
    font-size: 24px;
    font-size: 3.2vw;
  }
}

.sec-news .news-block .news-list table tr td {
  display: block;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .sec-news .news-block .news-list table tr td {
    font-size: 26px;
    font-size: 3.46667vw;
  }
}

body.pc .sec-news .news-block .news-list a {
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

body.pc .sec-news .news-block .news-list a:hover {
  opacity: 0.7;
}

.sec-news .news-block .more-btn {
  position: relative;
  display: block;
  font-size: 18px;
  padding-top: 36px;
  margin-top: -1px;
  width: 70px;
  line-height: 1em;
}

@media screen and (max-width: 767px) {
  .sec-news .news-block .more-btn {
    font-size: 30px;
    font-size: 4vw;
    padding-top: 6.66667vw;
    width: 13.33333vw;
  }
}

.sec-news .news-block .more-btn:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 3px;
  background-color: #00a76d;
}

@media screen and (max-width: 767px) {
  .sec-news .news-block .more-btn:before {
    width: 9.33333vw;
    height: 0.26667vw;
  }
}

.sec-news .news-block .more-btn div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sec-news .news-block .more-btn div:after {
  content: "";
  display: block;
  border-color: #00a76d;
  border-style: solid;
  border-width: 0 2px 2px 0;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .sec-news .news-block .more-btn div:after {
    display: block;
    border-color: #00a76d;
    border-style: solid;
    border-width: 0 1px 1px 0;
    width: 1.86667vw;
    height: 1.86667vw;
    vertical-align: middle;
    transform: rotate(-45deg);
  }
}
.title--color--green {
  color: #00a76d;
}

/*# sourceMappingURL=../../_map/english/_css/style.css.map */