/* 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/2025/bar.jpg); background-position: center center;}
.sub_visual::before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;}
.visual_txt {margin-top:-28rem;}
.visual_txt h2 {color:#fff; font-size:6rem; text-transform: uppercase; letter-spacing: 1.2rem; text-shadow: rgb(0 0 0 / 66%) 0px 5px 15px;}
.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: 13rem 0;}
  .visual_txt {margin-top: -15rem;}
  .visual_txt h2 {font-size:3rem; letter-spacing: .5rem;}
}



@media only screen and (max-width: 767px){
  .sub_visual {padding: 0; min-height: 280px;}
  .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: 5px;}
  .visual_txt {margin-top: -9rem;}
}