/*============================================
 setting
============================================*/
.block01.banner-box a {
  margin: 100px auto 0;
  display: table; }
  @media screen and (max-width: 897px) {
    .block01.banner-box a {
      margin: 50px auto 0; } }
.block01.banner-box img {
  max-width: 882px; }
  @media screen and (max-width: 897px) {
    .block01.banner-box img {
      max-width: inherit;
      width: 100%; } }

/* ADD SCSS 2026.02.10 */
/*============================================
.header
============================================*/
.header__before {
  opacity: 0.7; }

/*============================================
 .top
============================================*/
@media (min-width: 768px) {
  .top .mv {
    height: 100vh; } }
@media screen and (max-width: 897px) {
  .top .mv {
    height: 60vh; } }

/*============================================
 main
============================================*/
main {
  padding-top: 0; }
  main .header__before {
    opacity: 0.6; }
  main .header__after {
    opacity: 0.6;
    mix-blend-mode: overlay; }

/*============================================
 list01
============================================*/
@media only screen and (min-width: 768px) {
  .list01 li a span {
    font-size: 2rem; } }
/*============================================
 .btn01
============================================*/
.btn01.is-style--cyan a {
  padding-left: 55px;
  padding-right: 90px;
  font-size: 1.8rem; }
  .btn01.is-style--cyan a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #f9fafb;
    transform: translateX(-100%);
    transition: transform 0.35s ease;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%);
    left: 30px; }
  .btn01.is-style--cyan a:hover::before {
    transform: translateX(0) translateY(-50%) scale(1.3); }