@charset "UTF-8";
.p-hamburger {
  right: 14.8rem;
}
@media screen and (max-width: 1024px) {
  .p-hamburger {
    right: 2.0rem;
  }
}

/* mv */
.mvBlock {
  width: 100%;
  max-width: 1300px;
  position: relative;
  margin: -5.4rem auto 0;
}
@media screen and (max-width: 1024px) {
  .mvBlock {
    height: 65rem;
    margin-top: -1.8rem;
  }
}
@media screen and (max-width: 540px) {
  .mvBlock {
    min-height: 36rem;
  }
}

.mvBlock_mask{
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5.4rem;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .mvBlock_mask{
    height: 1.8rem;
  }
}
.mvBlock_maskImg{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .mvBlock_maskImg{
    object-fit: initial;
  }
}

.mvMainImg_container {
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 57.5%;
}
@media screen and (max-width: 1024px) {
  .mvMainImg_container {
    height: 100%;
    padding-top: 0;
  }
}
.mvMainImg_item{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.mvMainImg_itemLink{
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.mvMainImg_picture{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: calc(100% + 9rem);
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .mvMainImg_picture{
    height: 100%;
  }
}
@media (hover: hover) {
  .mvMainImg_itemLink .mvMainImg_picture{
    transform: scale(1);
    transition: transform 0.3s var(--var-animation-timing-function);
  }
  .mvMainImg_itemLink:hover .mvMainImg_picture{
    transform: scale(1.05);
  }
}
.mvMainImg_img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.mvMainImg_itemTextBox{
  position: relative;
  z-index: 2;
  padding-top: 7.552vw;
  padding-left: 7rem;
  color: #fff;
  line-height: 1.5;
  width: calc(100% - 32rem);
  font-weight: 700;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8),0px 0px 10px rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 1024px) {
  .mvMainImg_itemTextBox{
    padding-top: 8.2rem;
    padding-left: 6.5rem;
    padding-right: 6.5rem;
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .mvMainImg_itemTextBox{
    padding-top: 10.0rem;
    padding-left: 4.5rem;
    padding-right: 2rem;
    width: 100%;
    text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 375px) {
  .mvMainImg_itemTextBox{
    padding-top: 8.0rem;
  }
}
.mvMainImg_itemLocation{
  font-size: 3.0rem;
  margin-bottom: 1.5rem;
  position: relative;
}
.mvMainImg_itemLocation::before{
  content: "";
  display: block;
  width: 6.2rem;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: calc(50% - 1px);
  left: -7.8rem;

}
@media screen and (max-width: 1024px) {
  .mvMainImg_itemLocation::before{
    height: 1px;
  }
}
@media screen and (max-width: 540px) {
  .mvMainImg_itemLocation::before{
    left: -7.3rem;
  }
}
.mvMainImg_itemCopy{
  font-size: 6rem;
  margin-bottom: 1rem;
}
.mvMainImg_itemCopySmall{
  font-size: 3.2rem;
}
@media screen and (max-width: 1920px) {
  .mvMainImg_itemLocation{
    font-size: 1.719vw;
    margin-bottom: 0.781vw;
  }
  .mvMainImg_itemCopy{
    font-size: 3.125vw;
    margin-bottom: 0.521vw;
  }
  .mvMainImg_itemCopySmall{
    font-size: 1.823vw;
  }
}
@media screen and (max-width: 1024px) {
  .mvMainImg_itemLocation{
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
  }
  .mvMainImg_itemCopy{
    font-size: 6rem;
    margin-bottom: 0.5rem;
  }
  .mvMainImg_itemCopySmall{
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 540px) {
  .mvMainImg_itemLocation{
    font-size: 3.0rem;
    margin-bottom: 1.5rem;
  }
  .mvMainImg_itemCopy{
    font-size: 5.9rem;
    margin-bottom: 0.8rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .mvMainImg_itemCopySmall{
    font-size: 3.0rem;
  }
}
@media screen and (max-width: 375px) {
  .mvMainImg_itemCopy{
    font-size: 5.8rem;
  }
}

.mvThumbnail_wrapper{
  position: absolute;
  top: 13.6rem;
  right: 3rem;
  overflow: hidden;
}
.mvThumbnail_container{
  display: flex;
  flex-direction: column;
  gap: 4rem 0;
}
@media screen and (max-width: 1920px) {
  .mvThumbnail_wrapper{
    top: 7.083vw;
  }
}
@media screen and (max-width: 1024px) {
  .mvThumbnail_wrapper{
    top: auto;
    bottom: 8rem;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .mvThumbnail_container{
    gap: 0 1.2rem;
    flex-direction: row;
  }
}
.mvThumbnail_item{
  position: relative;
  width: 100%;
  height: 14.1rem;
}
@media screen and (max-width: 1024px) {
  .mvThumbnail_item{
    width: 14.4rem;
    height: 100%;
    padding-top: 0;
  }
}
.mvThumbnail_itemLink{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mvThumbnail_picture{
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.mvThumbnail_img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .mvThumbnail_itemLink .mvThumbnail_img{
    transform: scale(1);
    transition: transform 0.3s var(--var-animation-timing-function);
  }
  .mvThumbnail_itemLink:hover .mvThumbnail_img{
    transform: scale(1.05);
  }

}

/* スライド */
/* １枚あたり6秒で計算 */
/* ６枚 */
.mvBlock.six-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(1),
.mvBlock.six-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(1){
  animation: mv-bg-anime-6 36s -1.5s infinite;
}
.mvBlock.six-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(2),
.mvBlock.six-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(2){
  animation: mv-bg-anime-6 36s 4.5s infinite;
}
.mvBlock.six-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(3),
.mvBlock.six-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(3){
  animation: mv-bg-anime-6 36s 10.5s infinite;
}
.mvBlock.six-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(4),
.mvBlock.six-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(4){
  animation: mv-bg-anime-6 36s 16.5s infinite;
}
.mvBlock.six-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(5),
.mvBlock.six-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(5){
  animation: mv-bg-anime-6 36s 22.5s infinite;
}
.mvBlock.six-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(6),
.mvBlock.six-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(6){
  animation: mv-bg-anime-6 36s 28.5s infinite;
}
@keyframes mv-bg-anime-6 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  8.35% {
    opacity: 1;
    visibility: visible;
  }
  16.7% {
    opacity: 1;
    visibility: visible;
  }
  25.05% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/* ５枚 */
.mvBlock.five-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(1),
.mvBlock.five-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(1){
  animation: mv-bg-anime-5 30s -1.5s infinite;
}
.mvBlock.five-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(2),
.mvBlock.five-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(2){
  animation: mv-bg-anime-5 30s 4.5s infinite;
}
.mvBlock.five-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(3),
.mvBlock.five-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(3){
  animation: mv-bg-anime-5 30s 10.5s infinite;
}
.mvBlock.five-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(4),
.mvBlock.five-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(4){
  animation: mv-bg-anime-5 30s 16.5s infinite;
}
.mvBlock.five-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(5),
.mvBlock.five-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(5){
  animation: mv-bg-anime-5 30s 22.5s infinite;
}
@keyframes mv-bg-anime-5 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  10% {
    opacity: 1;
    visibility: visible;
  }
  20% {
    opacity: 1;
    visibility: visible;
  }
  30% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/* ４枚 */
.mvBlock.four-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(1),
.mvBlock.four-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(1){
  animation: mv-bg-anime-4 24s -1.5s infinite;
}
.mvBlock.four-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(2),
.mvBlock.four-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(2){
  animation: mv-bg-anime-4 24s 4.5s infinite;
}
.mvBlock.four-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(3),
.mvBlock.four-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(3){
  animation: mv-bg-anime-4 24s 10.5s infinite;
}
.mvBlock.four-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(4),
.mvBlock.four-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(4){
  animation: mv-bg-anime-4 24s 16.5s infinite;
}
@keyframes mv-bg-anime-4 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  12.5% {
    opacity: 1;
    visibility: visible;
  }
  25% {
    opacity: 1;
    visibility: visible;
  }
  37.5% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/* ３枚 */
.mvBlock.three-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(1),
.mvBlock.three-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(1){
  animation: mv-bg-anime-3 18s -1.5s infinite;
}
.mvBlock.three-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(2),
.mvBlock.three-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(2){
  animation: mv-bg-anime-3 18s 4.5s infinite;
}
.mvBlock.three-items.pc-start .mvMainImg_container .mvMainImg_item:nth-child(3),
.mvBlock.three-items.sp-start .mvMainImg_container .mvMainImg_item:nth-child(3){
  animation: mv-bg-anime-3 18s 10.5s infinite;
}
@keyframes mv-bg-anime-3 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  16.65% {
    opacity: 1;
    visibility: visible;
  }
  33.3% {
    opacity: 1;
    visibility: visible;
  }
  49.95% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/* サムネイル */
/*
１枚あたり６秒で計算
  ボックスの高さ = 14.1rem * 枚数 + 4rem * (枚数 - 1)
SP時
  ボックスの幅 = 14.4rem * 枚数 + 1.2rem * (枚数 - 1)
*/
/* ６枚 */
.mvBlock.six-items .mvThumbnail_wrapper{
  height: 50.3rem;
}
.mvBlock.six-items .mvThumbnail_container{
  width: 25rem;
  height: 213.2rem;
}
.mvBlock.six-items.pc-start .mvThumbnail_container .mvThumbnail_item:first-child{
  animation: carousel-scroll-6 36s 0s infinite;
}
@keyframes carousel-scroll-6 {
  0% { margin-top: 0; }
  13.34% { margin-top: 0; }
  16.67% { margin-top: calc(-18.1rem * 1); }
  30.01% { margin-top: calc(-18.1rem * 1); }
  33.34% { margin-top: calc(-18.1rem * 2); }
  46.68% { margin-top: calc(-18.1rem * 2); }
  50.01% { margin-top: calc(-18.1rem * 3); }
  63.35% { margin-top: calc(-18.1rem * 3); }
  66.68% { margin-top: calc(-18.1rem * 4); }
  80.02% { margin-top: calc(-18.1rem * 4); }
  83.35% { margin-top: calc(-18.1rem * 5); }
  96.67% { margin-top: calc(-18.1rem * 5); }
  100% { margin-top: calc(-18.1rem * 6); }
}
@media screen and (max-width: 1024px) {
  .mvBlock.six-items .mvThumbnail_wrapper{
    width: 61.2rem;
    height: 8.8rem;
  }
  .mvBlock.six-items .mvThumbnail_container{
    width: 186rem;
    height: 100%;
  }
  .mvBlock.six-items.sp-start .mvThumbnail_container .mvThumbnail_item:first-child{
    animation: carousel-scroll-6sp 36s 0s infinite;
  }
  @keyframes carousel-scroll-6sp {
    0% { margin-left: 0; }
    13.34% { margin-left: 0; }
    16.67% { margin-left: calc(-15.6rem * 1); }
    30.01% { margin-left: calc(-15.6rem * 1); }
    33.34% { margin-left: calc(-15.6rem * 2); }
    46.68% { margin-left: calc(-15.6rem * 2); }
    50.01% { margin-left: calc(-15.6rem * 3); }
    63.35% { margin-left: calc(-15.6rem * 3); }
    66.68% { margin-left: calc(-15.6rem * 4); }
    80.02% { margin-left: calc(-15.6rem * 4); }
    83.35% { margin-left: calc(-15.6rem * 5); }
    96.67% { margin-left: calc(-15.6rem * 5); }
    100% { margin-left: calc(-15.6rem * 6); }
  }
}

/* ５枚 */
.mvBlock.five-items .mvThumbnail_wrapper{
  height: 50.3rem;
}
.mvBlock.five-items .mvThumbnail_container{
  width: 25rem;
  height: 177rem;
}
.mvBlock.five-items.pc-start .mvThumbnail_container .mvThumbnail_item:first-child{
  animation: carousel-scroll-5 30s 0s infinite;
}
@keyframes carousel-scroll-5 {
  0% { margin-top: 0; }
  16% { margin-top: 0; }
  20% { margin-top: calc(-18.1rem * 1); }
  36% { margin-top: calc(-18.1rem * 1); }
  40% { margin-top: calc(-18.1rem * 2); }
  56% { margin-top: calc(-18.1rem * 2); }
  60% { margin-top: calc(-18.1rem * 3); }
  76% { margin-top: calc(-18.1rem * 3); }
  80% { margin-top: calc(-18.1rem * 4); }
  96% { margin-top: calc(-18.1rem * 4); }
  100% { margin-top: calc(-18.1rem * 5); }
}
@media screen and (max-width: 1024px) {
  .mvBlock.five-items .mvThumbnail_wrapper{
    width: 61.2rem;
    height: 8.8rem;
  }
  .mvBlock.five-items .mvThumbnail_container{
    width: 154.8rem;
    height: 100%;
  }
  .mvBlock.five-items.sp-start .mvThumbnail_container .mvThumbnail_item:first-child{
    animation: carousel-scroll-5sp 30s 0s infinite;
  }
  @keyframes carousel-scroll-5sp {
    0% { margin-left: 0; }
    16% { margin-left: 0; }
    20% { margin-left: calc(-15.6rem * 1); }
    36% { margin-left: calc(-15.6rem * 1); }
    40% { margin-left: calc(-15.6rem * 2); }
    56% { margin-left: calc(-15.6rem * 2); }
    60% { margin-left: calc(-15.6rem * 3); }
    76% { margin-left: calc(-15.6rem * 3); }
    80% { margin-left: calc(-15.6rem * 4); }
    96% { margin-left: calc(-15.6rem * 4); }
    100% { margin-left: calc(-15.6rem * 5); }
  }
}

/* ４枚 */
.mvBlock.four-items .mvThumbnail_wrapper{
  height: 50.3rem;
}
.mvBlock.four-items .mvThumbnail_container{
  width: 25rem;
  height: 140.8rem;
}
.mvBlock.four-items.pc-start .mvThumbnail_container .mvThumbnail_item:first-child{
  animation: carousel-scroll-4 24s 0s infinite;
}
@keyframes carousel-scroll-4 {
  0% { margin-top: 0; }
  20% { margin-top: 0; }
  25% { margin-top: calc(-18.1rem * 1); }
  45% { margin-top: calc(-18.1rem * 1); }
  50% { margin-top: calc(-18.1rem * 2); }
  70% { margin-top: calc(-18.1rem * 2); }
  75% { margin-top: calc(-18.1rem * 3); }
  95% { margin-top: calc(-18.1rem * 3); }
  100% { margin-top: calc(-18.1rem * 4); }
}
@media screen and (max-width: 1024px) {
  .mvBlock.four-items .mvThumbnail_wrapper{
    width: 45.6rem;
    height: 8.8rem;
  }
  .mvBlock.four-items .mvThumbnail_container{
    width: 123.6rem;
    height: 100%;
  }
  .mvBlock.four-items.sp-start .mvThumbnail_container .mvThumbnail_item:first-child{
    animation: carousel-scroll-4sp 24s 0s infinite;
  }
  @keyframes carousel-scroll-4sp {
    0% { margin-left: 0; }
    20% { margin-left: 0; }
    25% { margin-left: calc(-15.6rem * 1); }
    45% { margin-left: calc(-15.6rem * 1); }
    50% { margin-left: calc(-15.6rem * 2); }
    70% { margin-left: calc(-15.6rem * 2); }
    75% { margin-left: calc(-15.6rem * 3); }
    95% { margin-left: calc(-15.6rem * 3); }
    100% { margin-left: calc(-15.6rem * 4); }
  }
}

/* ３枚 */
.mvBlock.three-items .mvThumbnail_wrapper{
  height: 32.2rem;
}
.mvBlock.three-items .mvThumbnail_container{
  width: 25rem;
  height: 104.6rem;
}
.mvBlock.three-items.pc-start .mvThumbnail_container .mvThumbnail_item:first-child{
  animation: carousel-scroll-3 18s 0s infinite;
}
@keyframes carousel-scroll-3 {
  0% { margin-top: 0; }
  26.3% { margin-top: 0; }
  33.3% { margin-top: calc(-18.1rem * 1); }
  59.6% { margin-top: calc(-18.1rem * 1); }
  66.6% { margin-top: calc(-18.1rem * 2); }
  93% { margin-top: calc(-18.1rem * 2); }
  100% { margin-top: calc(-18.1rem * 3); }
}
@media screen and (max-width: 1024px) {
  .mvBlock.three-items .mvThumbnail_wrapper{
    width: 30.0rem;
    height: 8.8rem;
  }
  .mvBlock.three-items .mvThumbnail_container{
    width: 92.4rem;
    height: 100%;
  }
  .mvBlock.three-items.sp-start .mvThumbnail_container .mvThumbnail_item:first-child{
    animation: carousel-scroll-3sp 18s 0s infinite;
  }
  @keyframes carousel-scroll-3sp {
    0% { margin-left: 0; }
    26.3% { margin-left: 0; }
    33.3% { margin-left: calc(-15.6rem * 1); }
    59.6% { margin-left: calc(-15.6rem * 1); }
    66.6% { margin-left: calc(-15.6rem * 2); }
    93% { margin-left: calc(-15.6rem * 2); }
    100% { margin-left: calc(-15.6rem * 3); }
  }
}

.sec01{
  margin-top: calc(6rem * var(--var-size-correct-val));
}
@media screen and (max-width: 1024px) {
  .sec01{
    margin-top: calc(10rem * var(--var-size-correct-val));
  }
}
.sec01Head{
  position: relative;
}
.sec01Head_title{
  display: flex;
  justify-content: center;
  background-image: url(../img/top/tohoku.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  padding-top: calc(5rem * var(--var-size-correct-val));
}
.sec01Head_titleText{
  writing-mode: vertical-rl;
  display: flex;
  flex-direction: column;
  gap: 4rem 0;
  background-image: url(../img/top/deco_line01.png), url(../img/top/deco_line02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top right, bottom left;
  background-size: calc(6.2rem * var(--var-size-correct-val)) calc(6.7rem * var(--var-size-correct-val)), calc(6.2rem * var(--var-size-correct-val)) calc(6.7rem * var(--var-size-correct-val));
  padding: calc(6.6rem * var(--var-size-correct-val)) calc(5rem * var(--var-size-correct-val));
}
.sec01Head_titleText .titleText{
  display: block;
  line-height: 1;
  font-size: calc(6rem * var(--var-size-correct-val));
  font-feature-settings: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1024px) {
  .sec01Head_title{
    padding-top: 4.5rem;
  }
  .sec01Head_titleText{
    gap: 3.5rem 0;
    padding: 6rem 5rem;
  }
}

.sec01Head_credit{
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0 0.4rem;
}
.sec01Head_credit .text01{
  font-size: calc(2.8rem * var(--var-size-correct-val));
  color: #bf1a20;
  line-height: 1;
  padding-bottom: calc(1.5rem * var(--var-size-correct-val));
  letter-spacing: 0.1em;
}
.sec01Head_credit .text02{
  width: calc(17rem * var(--var-size-correct-val));
}
@media screen and (max-width: 1024px) {
  .sec01Head_credit{
    position: static;
    justify-content: center;
    margin-top: 9rem;
  }
  .sec01Head_credit .text01{
    font-size: 2.4rem;
    padding-bottom: 1.0rem;
  }
  .sec01Head_credit .text02{
    width: 12.3rem;
  }
}

.sec01Content{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-template-rows: repeat(3,auto);
  gap: calc(2.5rem * var(--var-size-correct-val)) calc(2.5rem * var(--var-size-correct-val));
  margin-top: calc(13.5rem * var(--var-size-correct-val));
  opacity: 0;
}
.sec01Content.loaded{
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .sec01Content{
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(6,auto);
    gap: 2.0rem 2.0rem;
    margin-top: 13.0rem;
  }
}

.sec01Content .item01{
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.sec01Content .item02{
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.sec01Content .item03{
  grid-column: 1 / 3;
  grid-row: 2 / 4;
}
.sec01Content .item04{
  grid-column: 3 / 5;
  grid-row: 1 / 3;
}
.sec01Content .item05{
  grid-column: 3 / 4;
  grid-row: 3 / 4;
}
.sec01Content .item06{
  grid-column: 4 / 5;
  grid-row: 3 / 4;
}
@media screen and (max-width: 1024px) {
  .sec01Content .item01{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .sec01Content .item02{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  .sec01Content .item03{
    grid-column: 1 / 3;
    grid-row: 2 / 4;
  }
  .sec01Content .item04{
    grid-column: 1 / 3;
    grid-row: 5 / 7;
  }
  .sec01Content .item05{
    grid-column: 1 / 2;
    grid-row: 4 / 5;
  }
  .sec01Content .item06{
    grid-column: 2 / 3;
    grid-row: 4 / 5;
  }
}

.sec01Grid_itemLink{
  display: block;
  position: relative;
  overflow: hidden;
}
.sec01Grid_itemLink::after{
  content: "";
  display: block;
  width: calc(5rem * var(--var-size-correct-val));
  height: calc(5rem * var(--var-size-correct-val));
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  background-color: #157e3a;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 1024px) {
  .sec01Grid_itemLink::after{
    width: 4.7rem;
    height: 4.7rem;
  }
}
.sec01Grid_itemImg{
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.sec01Grid_itemImg .sec01Grid_img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .sec01Grid_itemLink .sec01Grid_img{
    transform: scale(1);
    transition: transform 0.3s var(--var-animation-timing-function);
  }
  .sec01Grid_itemLink:hover .sec01Grid_img{
    transform: scale(1.05);
  }
}

.sec01Grid_itemLocation{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  gap: 0 0.7rem;
  background-color: #2b2b2b;
  color: #fff;
  font-size: calc(3rem * var(--var-size-correct-val));
  letter-spacing: 0.05em;
  padding: 0.2rem calc(3rem * var(--var-size-correct-val));
}
@media screen and (max-width: 1024px) {
  .sec01Grid_itemLocation{
    font-size: 2.8rem;
  }
}
.sec01Grid_itemText{
  position: absolute;
  bottom: calc(6rem * var(--var-size-correct-val));
  left: calc(6rem * var(--var-size-correct-val));
  z-index: 2;
  width: calc(100% - calc(12rem * var(--var-size-correct-val)));
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .sec01Grid_itemText{
    bottom: 2.8rem;
    left: 4.8rem;
    width: calc(100% - 9.6rem);
  }
}
.sec01Grid_itemTitle{
  width: 100%;
  border: 2px solid #fff;
  line-height: 1.5;
  background-color: rgba(43,43,43,0.9);
  font-size: calc(3.5rem * var(--var-size-correct-val));
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: calc(1.6rem * var(--var-size-correct-val)) calc(2.2rem * var(--var-size-correct-val));
}
@media screen and (max-width: 1024px) {
  .sec01Grid_itemTitle{
    font-size: 3.3rem;
    padding: 1.2rem 2.0rem;
  }
}
.sec01Grid_itemDescription{
  width: calc(100% - calc(9rem * var(--var-size-correct-val)));
  border-width: 0 2px 2px 2px;
  border-color: #fff;
  border-style: solid;
  background-color: rgba(43,43,43,0.9);
  font-size: calc(18px * var(--var-size-correct-val));
  padding: calc(1.2rem * var(--var-size-correct-val)) calc(2.2rem * var(--var-size-correct-val));
}
@media screen and (max-width: 1024px) {
  .sec01Grid_itemDescription{
    width: 100%;
    font-size: 2.0rem;
    padding: 1.2rem 2.0rem;
  }
}

.sec01Content .item01 .sec01Grid_itemLocation,
.sec01Content .item02 .sec01Grid_itemLocation,
.sec01Content .item05 .sec01Grid_itemLocation,
.sec01Content .item06 .sec01Grid_itemLocation{
  font-size: calc(2rem * var(--var-size-correct-val));
  padding: 0.3rem calc(2rem * var(--var-size-correct-val));
}
.sec01Content .item01 .sec01Grid_itemLocation .separator,
.sec01Content .item01 .sec01Grid_itemLocation .pref,
.sec01Content .item02 .sec01Grid_itemLocation .separator,
.sec01Content .item02 .sec01Grid_itemLocation .pref,
.sec01Content .item05 .sec01Grid_itemLocation .separator,
.sec01Content .item05 .sec01Grid_itemLocation .pref,
.sec01Content .item06 .sec01Grid_itemLocation .separator,
.sec01Content .item06 .sec01Grid_itemLocation .pref{
  display: none;
}
.sec01Content .item01 .sec01Grid_itemText,
.sec01Content .item02 .sec01Grid_itemText,
.sec01Content .item05 .sec01Grid_itemText,
.sec01Content .item06 .sec01Grid_itemText{
  bottom: calc(2.7rem * var(--var-size-correct-val));
  left: calc(2.7rem * var(--var-size-correct-val));
  width: calc(100% - calc(5.4rem * var(--var-size-correct-val)));
}
.sec01Content .item01 .sec01Grid_itemTitle,
.sec01Content .item02 .sec01Grid_itemTitle,
.sec01Content .item05 .sec01Grid_itemTitle,
.sec01Content .item06 .sec01Grid_itemTitle{
  font-size: calc(2rem * var(--var-size-correct-val));
  padding: calc(1.0rem * var(--var-size-correct-val)) calc(1.4rem * var(--var-size-correct-val));
}

.sec01Content .item01 .sec01Grid_itemDescription,
.sec01Content .item02 .sec01Grid_itemDescription,
.sec01Content .item05 .sec01Grid_itemDescription,
.sec01Content .item06 .sec01Grid_itemDescription{
  display: none;
}

@media screen and (max-width: 1024px) {
  .sec01Content .item01 .sec01Grid_itemLocation,
  .sec01Content .item02 .sec01Grid_itemLocation,
  .sec01Content .item05 .sec01Grid_itemLocation,
  .sec01Content .item06 .sec01Grid_itemLocation{
    font-size: 2.4rem;
    padding: 1rem 1rem;
  }
  .sec01Content .item01 .sec01Grid_itemText,
  .sec01Content .item02 .sec01Grid_itemText,
  .sec01Content .item05 .sec01Grid_itemText,
  .sec01Content .item06 .sec01Grid_itemText{
    bottom: 3rem;
    left: 2rem;
    width: calc(100% - 4rem);
  }
  .sec01Content .item01 .sec01Grid_itemTitle,
  .sec01Content .item02 .sec01Grid_itemTitle,
  .sec01Content .item05 .sec01Grid_itemTitle,
  .sec01Content .item06 .sec01Grid_itemTitle{
    font-size: 2.4rem;
    padding: 1rem 1rem 1rem 1.5rem;
  }
}

.sec01Content .item01 .sec01Grid_itemTitle .text_a,
.sec01Content .item02 .sec01Grid_itemTitle .text_a,
.sec01Content .item05 .sec01Grid_itemTitle .text_a,
.sec01Content .item06 .sec01Grid_itemTitle .text_a{
  display: none;
}
.sec01Content .item01 .sec01Grid_itemTitle .text_b,
.sec01Content .item02 .sec01Grid_itemTitle .text_b,
.sec01Content .item05 .sec01Grid_itemTitle .text_b,
.sec01Content .item06 .sec01Grid_itemTitle .text_b{
  display: initial;
}
.sec01Content .item03 .sec01Grid_itemTitle .text_b,
.sec01Content .item04 .sec01Grid_itemTitle .text_b{
  display: none;
}


.sec01LinkBtn{
  margin-top: calc(2.5rem * var(--var-size-correct-val));
}
@media screen and (max-width: 1024px) {
  .sec01LinkBtn{
    margin-top: 2.0rem;
  }
}