/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

.noto-serif {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;}

/* subpage title text effect*/
@-webkit-keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
.focus-in-expand{-webkit-animation:focus-in-expand .8s cubic-bezier(.25,.46,.45,.94) both;animation:focus-in-expand .8s cubic-bezier(.25,.46,.45,.94) both}




.sub_visual{animation:kenburns-bottom 1s ease-in forwards; padding: 25rem 0; background:url(/img/2026/bar.jpg); background-position: center center; background-size: cover !important;}
.sub_visual::before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;}
.visual_txt {margin-top:-29rem;}
.visual_txt h2 {color:#5c3b2b; font-size:6rem; text-transform: uppercase; letter-spacing: .5rem; font-family: "Noto Serif";}
.visual_txt h6 {color:#fff; font-size:1.2rem; line-height: 1.8;}



@media screen and (min-width: 768px) and (max-width: 1200px){
  .sub_visual {padding: 15rem 0; background-repeat: no-repeat;}
  .visual_txt {margin-top: -18.2rem;}
  .visual_txt h2 {font-size:3rem; letter-spacing: .3rem;}
}



@media only screen and (min-width: 501px) and (max-width: 767px){
  .sub_visual {padding: 0; min-height: 340px;}
  /* .visual_txt h6 {font-size:1rem; line-height: 1.6; margin-bottom: 10px;} */
  .visual_txt h2 {line-height: 1.1; font-size:1.8rem; letter-spacing: 2px !important;}
  .visual_txt {margin-top: -12rem;}
}


@media only screen and (max-width: 500px){
  .sub_visual {padding: 0; min-height: 300px;}
    .visual_txt h2 {line-height: 1.1; font-size:1.6rem; letter-spacing: 2px !important;}
  .visual_txt {margin-top: -10rem;}
}