@charset "UTF-8";

/* 共通 */
body {margin: 0;padding: 0;background: #fff;font-family: Arial, sans-serif;}
.wrap{max-width: 1280px;margin: 0 auto;}
.flex{display: flex;align-items: center;max-width: 1280px;margin: 0 auto;}
a.comingsoon{pointer-events: none;color: #808080;}
.pc-only{display:block;}
.sp-only{display:none;}
.ff-dnp{font-family: "dnp-shuei-ymincho-std", serif;font-weight: 400;font-style: normal;}
.ff-noto{font-family: "noto-sans", sans-serif;line-height: 2.2;}
.ff-urw{font-family: "urw-din-semi-condensed";}
.ff-apa{font-family: "A P-OTF A1 Mincho StdN";}
.main{overflow: hidden;background-color: #212121;}
/* a:hover{opacity: 0.7;} */
@media (max-width:768px) {
  .pc-only{display:none;}
  .sp-only{display:block;}
  .flex {flex-wrap: wrap;flex-direction: column;align-items: flex-start;}
  .contents01 .left-area,
  .contents01 .right-area,
  .contents02 .left-area,
  .contents02 .right-area {width: 100%;margin-left: 0;margin-bottom: 20px;}
  .contents01 .right-area img,
  .contents02 .right-area img {width: 100%;height: auto;transform: none ;}
}
/* header */
header {position: absolute;top: 0;left: 0;width: 100vw;height: 80px;background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.509615) 69%, rgba(0, 0, 0, 0) 100%);color: #fff;z-index: 1000;display: flex;justify-content: center;pointer-events: none;opacity: 1;transition: opacity 0.3s ease;}
header.hidden {opacity: 0;pointer-events: none;}
header .header-inner {pointer-events: auto;width: 100%; max-width: 1280px;padding: 0 20px;display: flex;align-items: center;box-sizing: border-box;}
header img {height: auto;width: 124px;object-fit: contain;margin-right: 40px;flex-shrink: 0;}
header .title {flex: 2;font-weight: 600;font-size: 18px;white-space: nowrap;}
header nav {flex: 3;display: flex;justify-content: flex-start;font-size: 16px; text-align: right;}
header nav a {color: #fff;text-decoration: none;padding: 8px 0;border-radius: 20px;transition: background-color 0.3s ease;position: relative;font-size: 20px;font-family: "urw-din-semi-condensed"; font-weight: 700;}
header nav a::after {content: "";display: inline-block;width: 12px;height: 12px;background-color: #fff;border-radius: 50%;margin-left: 10px;vertical-align: middle;transition: background-color 0.3s ease; margin-top: -5px;transition: .3s}
/* header nav a:hover{text-decoration: underline;text-underline-offset: 4px;} */
header nav a.active::after {background-color: #3C50CF;}
header nav a.comingsoon::after {display: none;}
header nav a:hover:after{background-color: #3C50CF;transform: scale(1.5);}
header nav a.active,header nav a.comingsoon,
header nav a[href="/sp/makaizo/team-a/"],
header nav a[href="/sp/makaizo/"] {padding-right: 40px;position: relative;padding-left: 20px;}
header nav a.active::before,
header nav a[href="/sp/makaizo/team-a/"]::before,
header nav a[href="/sp/makaizo/"]::before {content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 2px;height: 24px;background-color: #424242;}
header.scrolled {position: fixed;top: auto;left: auto;bottom: 0;right: 20px;width: 557px;height: 80px;background-color: rgba(0, 0, 0, 0.85);border-radius: 50px;padding: 0;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);display: flex;align-items: center;justify-content: center;z-index: 990;pointer-events: auto;}
header.scrolled .header-inner {max-width: 480px;width: 100%;padding: 0;display: flex;justify-content: center;align-items: center;}
header.scrolled img,
header.scrolled .title {display: none;}
header.scrolled nav {flex: 1;display: flex;justify-content: center;gap: 40px;font-size: 16px;}
header.scrolled nav.sp-only{display: none;}
header.scrolled nav a {padding: 8px 40px 8px 0;font-size: 18px; line-height: 1}
header.scrolled nav a.active,
header.scrolled nav a[href="/sp/makaizo/team-a/"],
header.scrolled nav a.comingsoon {display: inline-block;padding-right: 30px;margin: 0;}
header.scrolled nav a.comingsoon{padding-right: 0;}
header.scrolled nav a.active::before,
header.scrolled nav a[href="/sp/makaizo/team-a/"]::before {display: block;}

header .header-002 {display: none;position: absolute;top: 0;left: 0;width: 100%;background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.509615) 69%, rgba(0, 0, 0, 0) 100%);color: #fff;pointer-events: auto;height: 80px;z-index: 1100;}
header.scrolled .header-002 {display: flex;align-items: center;padding: 0;position: fixed;top: 0;left: 0;}
header .header-002-inner {max-width: 1280px;width: 100%;margin: 0 auto;display: flex;align-items: center;gap: 8px;padding: 0 20px;}
header .header-002 .img02 {display: none;height: auto;width: 124px;}
header.scrolled .header-002 .img02 {display: block;}
.title02{font-weight: 600; font-size: 18px;}
@media (max-width: 768px) {
  header {position: fixed;top: 0;left: 0;height: 100px;}
  header .header-inner {justify-content: space-between;}
  header img {height: auto;width: 90px;margin-right: 16px;}
  header nav.sp-only {display: none;position: absolute;top: 100px;left: 0;width: 100%;background-color: rgba(0, 0, 0, 0.95);flex-direction: column;align-items: center;padding: 20px 0;z-index: 2000;}
  header nav a[href="/sp/makaizo/"]::before {display: none;}
  header nav a::after{display: none;}
  header nav.sp-only{display: none;}
  header nav.sp-only .nav-sns a::after{display: none;}
  header nav.sp-only a.active{text-decoration: underline;text-underline-offset: 4px;}
  header nav.sp-only a.active::before,
  header nav.sp-only a[href="/sp/makaizo/team-a/"]::before {display: none;}
  header nav.sp-only a:nth-child(n+3)::after {display: none;}
  header nav.sp-only .nav-sns{margin: 0 auto;}
  header nav.sp-only .nav-sns p{text-align: center;font-size: 16px;margin: 100px auto 18px;}
  header nav.sp-only .nav-sns .spflex{display: flex;gap: 32px;justify-content: center;align-items: center;}
  header nav.sp-only .nav-sns .spflex a{width: 30px;height: 30px;display: inline-block;box-sizing: border-box;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;overflow: hidden;text-indent: -9999px;line-height: 0;padding: 0;border: none;white-space: nowrap;}
  header nav.sp-only .nav-sns .spflex a.-twitter {background-image: url(/sp/makaizo/img/common/x.svg);}
  header nav.sp-only .nav-sns .spflex a.-facebook {background-image: url(/sp/makaizo/img/common/facebook.svg);}
  header nav.sp-only .nav-sns .spflex a.-instagram {background-image: url(/sp/makaizo/img/common/instagram.svg);}
  header nav.sp-only .nav-sns .spflex a.-youtube {background-image: url(/sp/makaizo/img/common/youtube.svg);}
  header nav.sp-only.show {display: flex;width: 80%;height: 100vh;margin-left: 20%;align-items: flex-start;padding: 22px 0 100px;}
  header nav a {padding: 10px 20px;font-size: 16px;}
  header .hamburger {display: flex;flex-direction: column;align-items: center;padding: 0;align-items: center;gap: 4px;background: transparent;border: none;cursor: pointer;z-index: 2100;}
  header.active-bg {background-color: rgba(0, 0, 0, 1);transition: background-color 0.1s ease;}
  header .btn-trigger {position: relative;width: 32px;height: 44px;cursor: pointer;}
  header .btn-trigger span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #fff;border-radius: 4px;display: inline-block;transition: all 0.5s;box-sizing: border-box;}
  header .btn-trigger, .btn-trigger span {display: inline-block;transition: all .5s;box-sizing: border-box;}
  header .btn-trigger span:nth-of-type(1) {top: 12px;}
  header .btn-trigger span:nth-of-type(2) {top: 22px;}
  header #btn01.active span:nth-of-type(1) {transform: rotate(30deg);top: 20px;}
  header #btn01.active span:nth-of-type(2) {transform: rotate(-30deg);top: 20px;}
  header .menu-text {color: #fff;font-size: 10px;line-height: 1;position: absolute;bottom: 30px;
}
  body.nav-open {overflow: hidden;touch-action: none;}
  header .title {flex: none;font-size: 10px;margin: 0 30px 0 0;}
}

/* MV */
.mv-area {position: relative;width: 100vw;height: 100vh;padding: 0;margin: 0;background: url(/sp/makaizo/img/top/mv.png) no-repeat center center;background-size: cover;overflow: hidden;background-color: #212121;}
.mv-area h1 {position: absolute;bottom: 40px;left: 40px;width: auto;z-index: 2;}
.mv-area .slide-block {display: inline-block;background: linear-gradient(to right, #031169, #051A99, #051A99);color: transparent;transform: translateX(-50px);transition: all 0.8s ease-out;}
.mv-area .slide-block.line00 {background: none;}
.mv-area .slide-block.line00 img {opacity: 0;transform: translateX(-50px);transition: all 0.8s ease-out;transform: translateX(-50px);width: 533px;height: 489px;margin-bottom: -152px;}
.mv-area .slide-block.slide-in {color: #fff;transform: translateX(0);}
.mv-area .slide-block.line00.slide-in img {opacity: 1;transform: translateX(0);}
.mv-area .slide-block.line01.slide-in {transition-delay: 0.6s;}
.mv-area .line00 {position: relative;z-index: 2;}
.mv-area .line01 {font-family: "noto-sans", sans-serif;font-weight: 600;font-style: normal;font-size: 24px;line-height: 1;letter-spacing: 0;position: relative;top: 48px;left: -48%;width: calc(100% + 400px);text-align: right;z-index: 1;padding: 20px 10px;}
@media (max-width:768px) {
  .mv-area{background: url(/sp/makaizo/img/top/mv-sp.png) no-repeat center center;background-size: cover;height: 75vh;overflow: visible;}
  .mv-area h1 {text-align: left;bottom: -100px;left: 16px;}
  .mv-area .slide-block.line00 img {width: 246px;height: 226px;margin-bottom: 0;}
  .mv-area .line01 {font-size: 15px;top: -30px;left: -16px;width: calc(100% + -30px);text-align: left;padding: 18px 0 18px 23px;}
}

/* contents01 */
.contents01 {position: relative;    background-image: url(/sp/makaizo/img/common/pattern.png);background-color: rgba(0, 0, 0, 0.6);background-repeat: repeat;background-size: contain;background-position: center;background-blend-mode: multiply;color: #fff;padding: 120px 20px 80px 100px;overflow: hidden;}
.contents01::before {content: "";position: absolute;top: -30%;left: 40px;width: 70%;height: 70%;background: url("/sp/makaizo/img/top/smoke01.png") no-repeat top left;background-size: contain;z-index: 0;pointer-events: none;}
.contents01::after {content: "";position: absolute;bottom: -22%;right: -30%;width: 70%;height: 70%;background: url("/sp/makaizo/img/top/smoke03.png") no-repeat bottom left;background-size: contain;z-index: 1;pointer-events: none;transform: scale(1, -1) rotate(20deg);}
.contents01 .right-area::before {content: "";position: absolute;top: -30%;right: 0;width: 70%;height: 70%;background: url("/sp/makaizo/img/top/smoke02.png") no-repeat top left;background-size: contain;z-index: 0;pointer-events: none;}
.contents01 .flex,
.contents01 .left-area,
.contents01 .right-area {position: relative;z-index: 1;}
.contents01 h2.ff-zen.show-h2{font-size: 85px;font-weight: 900;line-height: 1.8;letter-spacing: -0.03em;margin-top: 24px;}
.contents01 h2.ff-zen.show-h2 .line02{font-size: 80px; font-weight: 600;}
.contents01 h2 .small{font-size: 50px; font-weight: 600;}
.contents01 .left-area h2,
.contents01 .left-area .lead-txt {opacity: 0;transform: translateY(30px);transition: opacity 0.8s ease, transform 0.8s ease;transition-delay: 0s;}
.contents01 .left-area{width: 60%;}
.contents01 .left-area .show-h2 {opacity: 1;transform: translateY(0);}
.contents01 .left-area h2 .txttwo{font-size: 85px;line-height: 180%;letter-spacing: -0.02em; font-weight: 600;}
.contents01 .lead-txt.show-h2{font-size: 32px; font-weight: 700;}
.contents01 .line02 {position: relative;display: inline-block;z-index: 1;opacity: 1;transform: none;transition: none;padding: 2px 4px;line-height: 1.2;font-size: 80px; font-weight: 600;}
.contents01 .line02::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #051787;z-index: -1;transform: scaleX(0);transform-origin: left center;transition: transform 1.2s ease;transition-delay: 0.6s;}
.contents01 .line02.bg-animate::before {transform: scaleX(1);}
.contents01 .left-area .fade-paragraph {opacity: 0;transform: translateY(30px);transition: opacity 0.8s ease, transform 0.8s ease;transition-delay: 1s;font-weight: 500;font-style: normal;font-size: 16px;line-height: 2.2;letter-spacing: 0;}
.contents01 .left-area .fade-paragraph.show {opacity: 1;transform: translateY(0);}
.contents01 .right-area {opacity: 0;transform: translateY(30px);transition: opacity 0.8s ease, transform 0.8s ease;transition-delay: 1.6s;width: 50%;margin-left: 40px;}
.contents01 .right-area img{width: 100%;}
.contents01 .right-area.slide-in {opacity: 1;transform: translateY(0);}
@media (max-width:768px) {
  .contents01 {padding: 220px 20px 40px 20px;position: relative;}
  .contents01::before{top: -65%;left: 10px;transform: scale(1, -1) rotate(-6deg);width: 100%;height: 100%;}
  .contents01::after{bottom: -64%;right: 0;transform: scale(1, -1) rotate(0deg);width: 100%;height: 100%;}
  .contents01 h2 .small {font-size: 24px; text-shadow: rgba(8, 14, 55, 1) 1px 0 10px; }
  .contents01 .left-area {width: 100%;padding-top: 120px;position: relative;z-index: 2;}
  .contents01 .left-area .show-h2 {margin: 0;}
  .contents01 .right-area {position: absolute;top: -65px;right: 0;width: 70%;max-width: 220px;margin: 0;opacity: 0;transform: translateY(30px);transition: opacity 0.8s ease, transform 0.8s ease;transition-delay: 1.6s;z-index: 1;pointer-events: none;}
  .contents01 .right-area.slide-in {opacity: 1;transform: translateY(0);}
  .contents01 .right-area img {width: 100%;height: auto;display: block;}
  .contents01 .lead-txt.show-h2 {font-size: 16px;line-height: 1;}
  .contents01 h2.ff-zen.show-h2,.contents01 h2.ff-zen.show-h2 .line02 {font-size: 32px;}
  .contents01 .left-area .fade-paragraph{font-size: 13px;line-height: 2.0;}
  .contents01 .line02{font-size: 32px;line-height: 1; margin-top: 10px;}
  .contents01 .left-area h2 .txttwo{font-size: 32px;line-height: 1.2;letter-spacing: 0px;}
}

/* contents02  */
.contents02{position: relative;background: linear-gradient(145.01deg, #010101 62%, rgba(1, 1, 1, 0) 100%);color: #fff;padding: 200px 0 270px 80px;overflow: hidden;}
.contents02 .left-area{width: 55%;position: relative;z-index: 1;}
.contents02 .right-area {position: absolute;bottom: 0;right: -20%;width: 84%;height: auto;z-index: 0;pointer-events: none;}
.contents02 .right-area img {width: 100%;height: auto;display: block;opacity: 0;transform: translateX(30px);transition: all 1s ease;}
.contents02 .left-area,
.contents02 .right-area img {opacity: 0;transform: translateX(-30px);transition: all 1s ease;}
.contents02 .right-area img {width: 100%;max-width: 1291px;}
.contents02 .left-area.show,
.contents02 .right-area img.show {opacity: 1;transform: translateX(0);}
.contents02 .more-link {display: inline-flex;align-items: center;gap: 16px;font-size: 18px;text-decoration: none;color: #fff;margin-top: 30px;font-family: "Oswald", sans-serif;position: relative;z-index: 1;}
.contents02 .more-link::after {background-color: #3C50CF;bottom: 0;content: '';display: block;height: 1px;left: 0;position: absolute;transition: .5s all;width: 0;}
.contents02 .more-link:hover::after {width: 60%;}
.contents02 .circle-icon {width: 50px;height: 50px;border-radius: 50%;background: rgba(5, 23, 135, 1);display: flex;align-items: center;justify-content: center;}
.contents02 .triangle {width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 8px solid #fff;opacity: 1;}
.contents02 .lead-txt{background: rgba(8, 14, 55, 1);padding: 13px 22px;font-size: 22px;font-family: "A P-OTF A1 Mincho StdN";}
.contents02 .fuchidori{font-size: 80px;font-weight: 700;letter-spacing: 0px;}
.contents02 h2{font-size: 100px;font-weight: 600;letter-spacing: -3px;margin-bottom: 40px;line-height: 1.2;margin-top: 40px;}
@media (max-width:768px) {
  .contents02 {position: relative;padding: 80px 20px 185px;background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 48%, rgba(20, 20, 20, 0.3) 66.35%, rgba(33, 33, 33, 0) 90.4%);}
  .contents02 .left-area {width: 100%;padding-right: 0;z-index: 2;}
  .contents02 .fuchidori {font-size: 30px;}
  .contents02 h2 {font-size: 42px; line-height: 1.4; text-shadow: rgba(8, 14, 55, 1) 1px 0 10px; margin-top: 20px;}
  .contents02 .left-area .fade-paragraph {width: 75%;font-size: 13px; text-shadow: rgba(8, 14, 55, 1) 1px 0 10px;}
  .contents02 .right-area {width: 100%;height: auto;top: 0;right: 0;z-index: 1;pointer-events: none;}
  .contents02 .right-area img {width: 100%;height: auto;}
  .contents02 .right-area img.show,
  .contents02 .right-area.show {opacity: 1;transform: translateX(0);}
  .contents02 .right-area img.show{position: absolute;top: 0;right: -90%;width: 200%;height: auto;z-index: 0;}
  .contents02 .lead-txt{font-size: 14px;padding: 7px 9px;}
  .contents02 .more-link {font-size: 16px;margin-top: 27px;}
}

/* footer */
.footer a{color: #fff;text-decoration: none;font-size: 52px;font-weight: 700;}
.footer .footer-sns .container{display: flex;height: 708px;background-color: #000000;}
.footer .footer-sns .left-area{background-image: linear-gradient(270deg, #041689 0%, #020F58 100%), url(/sp/makaizo/img/common/pattern.png);background-blend-mode: multiply;background-repeat: no-repeat;background-size: cover;width: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center; position: relative;}
.footer .left-area .left-areainfo {margin-right: 0px;max-width: 768px;text-align: center;position: absolute;right: 136px;}
.footer .footer-sns .left-area .flex {display: flex;gap: 60px;margin-top: 20px;}
.footer .footer-sns .left-area a.-twitter {background-image: url(/sp/makaizo/img/common/x.svg);}
.footer .footer-sns .left-area a.-facebook {background-image: url(/sp/makaizo/img/common/facebook.svg);}
.footer .footer-sns .left-area a.-instagram {background-image: url(/sp/makaizo/img/common/instagram.svg);}
.footer .footer-sns .left-area a.-youtube {background-image: url(/sp/makaizo/img/common/youtube.svg);}
.footer .footer-sns .left-area p{font-size: 42px;text-align: center;color: #fff;font-weight: 700;}
.footer .footer-sns .left-area a{display: block;width: 65px;height: 65px;text-indent: 100%;background: center center / contain no-repeat;white-space: nowrap;overflow: hidden;}
.footer .footer-sns .right-area{width: 50%;display: flex;flex-direction: column;max-width: 798px;}
.footer .footer-sns .right-area .recruit{background: url("/sp/makaizo/img/common/recruit.png") no-repeat top left;}
.footer .footer-sns .right-area .corporate{background: url("/sp/makaizo/img/common/corporate.png") no-repeat top left;}
.footer .footer-sns .right-area .recruit,
.footer .footer-sns .right-area .corporate {display: flex;align-items: center;justify-content: center;text-align: center;height: 354px;background-size: cover;background-repeat: no-repeat;background-position: center;text-decoration: none;color: inherit; }
.footer .footer-sns .right-area .recruit p,
.footer .footer-sns .right-area .corporate p {margin: 0;font-size: 24px;font-weight: bold;color: #fff;}
.footer .footer-bottom{background: rgba(0, 0, 0, 1);color: #fff;}
.footer .footer-bottom .logo-and-title {display: flex;}
.footer .footer-bottom .footer-bottom-link {display: flex;justify-content: center;align-items: center;gap: 40px;list-style: none;padding: 0;margin: 0;}
.footer .footer-bottom .footer-bottom-link li{position: relative;display: flex;align-items: center;}
.footer .footer-bottom .footer-bottom-link a{font-size: 18px;color: #fff;text-decoration: none;position: relative;display: inline-block;padding-right: 12px;}
.footer .footer-bottom .footer-bottom-link a::after {content: "";display: inline-block;width: 6px;height: 6px;background-color: #fff;border-radius: 50%;margin-left: 6px;vertical-align: middle;}
.footer .footer-bottom .container .flex{height: 180px;}
.footer .footer-bottom .container .flex .logo img{width: 222px;height: 53px;}
.footer .footer-bottom .container .flex .txt01{font-size: 14px;text-align: left;margin: 0 95px 0 45px;}
.footer .footer-bottom .container a::after {content: "";display: inline-block;width: 12px;height: 12px;background-color: #fff;border-radius: 50%;margin-left: 10px;vertical-align: middle;transition: background-color 0.3s ease;}
.footer .footer-bottom .container p{font-size: 12px;text-align: center;padding: 9px 0;margin: 0 auto;font-family: "Barlow";}
.footer a:hover{opacity: 0.7;} 
.footer .footer-space{height: 100px;    background-image: url(/sp/makaizo/img/common/pattern.png);background-color: rgba(0, 0, 0, 0.8);background-repeat: repeat;background-size: contain;background-position: left;background-blend-mode: multiply;}
.footer .footer-scroll.margin-adjust {margin-bottom: 90px;}
@media (max-width: 768px) {
  .footer a{font-size: 0;}
  .footer .footer-sns .container {display: flex;flex-direction: column;height: auto;}
  .footer .footer-sns .left-area {order: 3;width: 100%;}
  .footer .footer-sns .left-area .flex {display: flex;gap: 32px;margin: 20px auto 130px;flex-direction: row;}
  .footer .footer-sns .right-area{width: 100%;display: flex;flex-direction: column;}
  .footer .left-area .left-areainfo {position: relative;right: 0px;}
  .footer .footer-sns .right-area .recruit {order: 1; /* 一番上 */height: 167px;}
  .footer .footer-sns .right-area .corporate {order: 2; /* 次 */height: 167px;}
  .footer .footer-bottom .flex {display: flex;flex-direction: column;align-items: center;text-align: center;margin: 0 16px;}
  .footer .footer-bottom .logo-and-title {display: flex;align-items: center;justify-content: center;margin: 40px auto 32px;gap: 32px;}
  .footer .footer-bottom .logo img {height: 40px;width: auto;}
  .footer .footer-bottom .top-row {display: flex;align-items: center;justify-content: center;margin-bottom: 16px;gap: 10px;}
  .footer .footer-bottom .logo,
  .footer .footer-bottom .txt01 {display: inline-block;vertical-align: middle;}
  .footer .footer-bottom .logo {margin-right: 24px;}
  .footer .footer-bottom .txt01 {font-size: 14px;line-height: 1.4;text-align: left;}
  .footer .footer-bottom .flex > .logo,
  .footer .footer-bottom .flex > .txt01 {width: auto;}
  .footer .footer-bottom-link {display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-top: 8px;padding-left: 0;list-style: none;}
  .footer .footer-bottom-link li {font-size: 13px;}
  .footer .footer-bottom-link a {color: #fff;text-decoration: none;}
  .footer .footer-sns .left-area p{font-size: 24px;margin-top: 100px;}
  .footer .footer-bottom .container .flex .logo img{width: 144px;height: 34px;}
  .footer .footer-bottom .footer-bottom-link{gap: 20px;}
  .footer .footer-bottom .footer-bottom-link a{font-size: 12px;padding-right: 0;}
  .footer .footer-bottom .container a::after{width: 5px;height: 5px;}
  .footer .footer-sns .left-area a{width: 43px;height: 43px;}
  .footer .footer-bottom .container .flex{height: auto;}
  .footer .footer-bottom .container .flex .txt01{margin: 0;}
  .footer .footer-bottom .footer-bottom-link{padding: 0 0 40px 0;}
  .footer .footer-space{height: 50px;}
}

/* pageTOP */
.footer-scroll {position: fixed;bottom: 90px;right: 0;z-index: 990;display: inline-block;width: 100px;height: 100px;text-align: center;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}
.footer-scroll img {width: 100px;height: 100px;vertical-align: middle;}
.footer-scroll.visible {opacity: 1;pointer-events: auto;}
.footer-scroll:hover {opacity: 0.7;}
@media (max-width: 1280px) {
  .footer-scroll {
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .footer-scroll {width: 50px;height: 50px;}
  .footer-scroll img{width: 50px;height: 50px;}
  .footer-scroll.visible:hover{opacity: 1;}/* visibleクラスがあるときのみhover有効 */
  .footer-scroll:not(.visible):hover{opacity: 0;}/* visibleがないときはhover無効化（何も変わらないように） */
}