body.index .gr-cat .main-content {
 width: calc(100% - 40px);
 max-width: 1020px;
 margin: 0 auto 96px;
 position: relative;
}
@media only screen and (max-width: 767px) {
 body.index .gr-cat .main-content {
  padding-top: 10px;
  margin-bottom: 30px;
 }
}
body.index .gr-cat .main-content .title {
 font-family: "Open Sans", sans-serif;
 font-size: 64.27px;
 font-size: 6.427rem;
 font-weight: 300;
 color: #4d4d4d;
 -webkit-flex: 0 0 305px;
 flex: 0 0 305px;
 margin: 0 0 20px;
 padding-left: 8px;
}
@media only screen and (max-width: 767px) {
 body.index .gr-cat .main-content .title {
  font-size: 40px;
  margin-bottom: 10px;
  padding-left: 0;
 }
}
body.index .gr-cat .main-content .linklist {
 position: absolute;
 font-size: 16px;
 right: 5px;
 top: 41px;
}
@media only screen and (min-width: 768px) {
 body.index .gr-cat .main-content .linklist:hover {
  opacity: 0.5;
 }
}
@media only screen and (max-width: 767px) {
 body.index .gr-cat .main-content .linklist {
  font-size: 14px;
  top: 30px;
  right: -6px;
 }
}
body.index .gr-cat .main-content .linklist:after {
 content: "";
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 4px 0 4px 10px;
 border-color: transparent transparent transparent #e60012;
 display: inline-block;
 margin: 0 7px;
 position: relative;
 top: -2px;
}
@media only screen and (max-width: 767px) {
 body.index .gr-cat .main-content .linklist:after {
  top: -2px;
  border-width: 3px 0 3px 8px;
  border-color: transparent transparent transparent #e60012;
 }
}
body.index .gr-cat .main-content__posts {
 display: inline-block;
 font-size: 0;
 line-height: 1;
 letter-spacing: 0;
 flex-wrap: wrap;
 margin: 0 -7px;
 max-width: 1020px;
 margin: 0 auto;
 width: 100%;
}
@media only screen and (max-width: 767px) {
 body.index .gr-cat .main-content__posts {
  justify-content: space-between;
  margin: 0;
  width: calc(100% + 14px);
  margin-left: -7px;
 }
}
body.index .gr-cat .main-content__posts .it {
 width: 33.3333%;
 padding: 0 10px 38px;
 max-width: 340px;
 display: inline-block;
 vertical-align: top;
 position: relative;
}
@media only screen and (max-width: 767px) {
 body.index .gr-cat .main-content__posts .it {
  padding: 0 8px 38px;
 }
}
body.index .gr-cat .main-content__posts .it .content {
 position: relative;
 width: 100%;
}
body.index .gr-cat .main-content__posts .it .content .img {
 position: relative;
 background-color: #ccc;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 border: none;
 cursor: pointer;
 display: block;
 width: 100%;
 max-width: 340px;
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
 background-color: #ccc;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 border: none;
}
body.index .gr-cat .main-content__posts .it .content .img:before {
 display: block;
 content: " ";
 width: 100%;
 padding-top: 56.25%;
}
body.index .gr-cat .main-content__posts .it .content .img > .content {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
}
body.index .gr-cat .main-content__posts .it .content .img .thumb {
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
}
@media only screen and (min-width: 768px) {
 body.index .gr-cat .main-content__posts .it .content .img:hover {
  opacity: 0.5;
 }
}
body.index .gr-cat .main-content__posts .it .content .img i {
 position: absolute;
 background: rgba(255, 255, 255, 0.8);
 border-radius: 50%;
 width: 50px;
 height: 50px;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
body.index .gr-cat .main-content__posts .it .content .img i::before {
 content: "";
 position: absolute;
 border-top: 9px solid transparent;
 border-bottom: 9px solid transparent;
 border-left: 15px solid rgba(0, 0, 0, 0.8);
 top: 50%;
 left: 55%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
body.index .gr-cat .main-content__posts .it .content .ttl {
 color: #4d4d4d;
 font-size: 16px;
 font-weight: bold;
 padding-top: 8px;
 line-height: 24px;
 -webkit-font-feature-settings: "palt";
 -moz-font-feature-settings: "palt";
 -ms-font-feature-settings: "palt";
 -o-font-feature-settings: "palt";
 font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
 body.index .gr-cat .main-content__posts .it .content .ttl {
  line-height: 22px;
 }
}
body.index .gr-cat .main-content__posts .it .content .info {
 padding-top: 18px;
 text-align: left;
}
body.index .gr-cat .main-content__posts .it .content .info time {
 font-size: 16px;
 letter-spacing: 0;
 font-weight: 500;
 color: #e60012;
}
body.index .gr-cat .main-content .slick-list {
 padding: 0;
}
body.index .gr-cat .main-content .slick-track {
 overflow: hidden;
}
body.index .gr-cat .main-content .slick-track .slick-slide {
 max-width: 340px;
}
body.index .gr-cat .main-content .slick-prev,
body.index .gr-cat .main-content .slick-next {
 width: 66px;
 height: 66px;
 top: 90px;
}
@media only screen and (max-width: 767px) {
 body.index .gr-cat .main-content .slick-prev,
 body.index .gr-cat .main-content .slick-next {
  background: transparent;
  z-index: 22;
  width: 33px;
  height: 33px;
  top: 45px;
 }
}
body.index .gr-cat .main-content .slick-prev::before,
body.index .gr-cat .main-content .slick-next::before {
 font-size: 0;
 content: "";
 opacity: 1;
}
body.index .gr-cat .main-content .slick-prev {
 left: -52px;
}
@media only screen and (max-width: 1100px) {
 body.index .gr-cat .main-content .slick-prev {
  left: -45px;
 }
}
@media only screen and (max-width: 767px) {
 body.index .gr-cat .main-content .slick-prev {
  left: -15px;
 }
}
body.index .gr-cat .main-content .slick-prev::before {
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 10px 10px 10px 0;
 border-color: transparent #706f70 transparent transparent;
 content: "";
}
@media only screen and (max-width: 767px) {
 body.index .gr-cat .main-content .slick-prev::before {
  border-width: 8px 8px 8px 0;
  border-color: transparent #706f70 transparent transparent;
 }
}
body.index .gr-cat .main-content .slick-next {
 right: -52px;
}
@media only screen and (max-width: 1100px) {
 body.index .gr-cat .main-content .slick-next {
  right: -45px;
 }
}
@media only screen and (max-width: 767px) {
 body.index .gr-cat .main-content .slick-next {
  right: -15px;
 }
 body.index #news.gr-cat .main-content .slick-prev,
 body.index #news.gr-cat .main-content .slick-next {
  top: 55px;
 }
}
body.index .gr-cat .main-content .slick-next::before {
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 10px 0 10px 10px;
 border-color: transparent transparent transparent #706f70;
}
@media only screen and (max-width: 767px) {
 body.index .gr-cat .main-content .slick-next::before {
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #706f70;
 }
}
body.index .gr-cat .main-content .cont-pop .popup {
 display: flex;
 align-items: center;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 10000;
 opacity: 0;
 pointer-events: none;
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
body.index .gr-cat .main-content .cont-pop .popup__background {
 background: rgba(0, 0, 0, 0.9);
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
}
body.index .gr-cat .main-content .cont-pop .popup__close {
 background: none;
 border: none;
 cursor: pointer;
 width: 35px;
 height: 35px;
 padding: 0;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 2;
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
@media only screen and (min-width: 768px) {
 body.index .gr-cat .main-content .cont-pop .popup__close:hover {
  opacity: 0.5;
 }
}
body.index .gr-cat .main-content .cont-pop .popup__close::before,
body.index .gr-cat .main-content .cont-pop .popup__close::after {
 content: "";
 position: absolute;
 background: #fff;
 border-radius: 2px;
 width: 20px;
 height: 4px;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%) rotate(45deg);
 -moz-transform: translate(-50%, -50%) rotate(45deg);
 -ms-transform: translate(-50%, -50%) rotate(45deg);
 -o-transform: translate(-50%, -50%) rotate(45deg);
 transform: translate(-50%, -50%) rotate(45deg);
}
body.index .gr-cat .main-content .cont-pop .popup__close::after {
 -webkit-transform: translate(-50%, -50%) rotate(-45deg);
 -moz-transform: translate(-50%, -50%) rotate(-45deg);
 -ms-transform: translate(-50%, -50%) rotate(-45deg);
 -o-transform: translate(-50%, -50%) rotate(-45deg);
 transform: translate(-50%, -50%) rotate(-45deg);
}
body.index .gr-cat .main-content .cont-pop .popup__video {
 position: relative;
 width: 100%;
 max-width: 964px;
 margin: 0 auto;
 position: relative;
 z-index: 3;
}
body.index .gr-cat .main-content .cont-pop .popup__video:before {
 display: block;
 content: " ";
 width: 100%;
 padding-top: 56.25%;
}
body.index .gr-cat .main-content .cont-pop .popup__video > .content {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
}
body.index .gr-cat .main-content .cont-pop .popup__video iframe {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
body.index .gr-cat .main-content .cont-pop .popup--active {
 opacity: 1;
 pointer-events: auto;
}

body.index #news.gr-cat .main-content {
 max-width: 1032px;
}
body.index #news.gr-cat .main-content .ins {
 text-align: center;
}
body.index #news.gr-cat .main-content__posts {
 max-width: 1032px;
}
@media only screen and (min-width: 768px) {
 body.index #news.gr-cat .main-content__posts .it {
  padding: 0 17px 0px;
 }
}
body.index #news.gr-cat .main-content__posts .it .content .img {
 position: relative;
}
@media only screen and (min-width: 768px) {
 body.index .gr-cat .main-content__posts .it .content:hover {
  opacity: 0.7;
 }
 body.index #news.gr-cat .main-content__posts .it .content .img:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 66.66667%;
 }
 body.index #news.gr-cat .main-content__posts .it .content .img > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 }
}
@media only screen and (min-width: 768px) {
 body.index #news.gr-cat .main-content__posts .it .content .img:hover {
  opacity: 1;
 }
}
@media only screen and (max-width: 767px) {
 body.index #news.gr-cat .main-content__posts .it .content .img {
  position: relative;
 }
 body.index #news.gr-cat .main-content__posts .it .content .img:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 68.125%;
 }
 body.index #news.gr-cat .main-content__posts .it .content .img > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 }
}
@media only screen and (min-width: 768px) {
 body.index #news.gr-cat .main-content .linklist {
  right: 10px;
 }
}
@media only screen and (min-width: 768px) {
 body.index #news.gr-cat .main-content .slick-prev {
  left: -46px;
 }
}
@media only screen and (min-width: 768px) {
 body.index #news.gr-cat .main-content .slick-next {
  right: -46px;
 }
}

@media only screen and (min-width: 768px) {
 body.index #news.gr-cat .main-content .slick-prev,
 body.index #news.gr-cat .main-content .slick-next {
  top: 70px;
 }
}
body.index.top main,
body.top-en main {
 perspective: none;
}

body.index .mv--intro .video-frame .gallery {
 z-index: -1;
}

body.index .mv--intro .video-frame .gallery img {
 object-fit: cover;
 width: 100%;
 object-position: center;
 min-height: 713px;
}
@media screen and (max-width: 767px) {
 body.index .mv--intro .video-frame .gallery img {
  min-height: 460px;
 }
}
/* body.index .mv--intro .text {
 opacity: 1 !important;
 bottom: 65px;
}
@media only screen and (max-width: 767px) {
 body.index .mv--intro .text {
  bottom: 30px;
 }
} */