@charset "UTF-8";
@import url("global.css");
/*---------------------------------
 entry(カスタマイズ用)
---------------------------------*/
#bodyarea {
  padding-top: 0; }

.entry.custom_page .maintitle {
  margin-bottom: 0;
  text-align: start; }
  .entry.custom_page .maintitle .postbody {
    margin: 0 auto;
    text-align: start; }
    .entry.custom_page .maintitle .postbody ul {
      margin: 0 auto; }
      .entry.custom_page .maintitle .postbody ul li {
        padding: 0;
        text-indent: 0; }
        .entry.custom_page .maintitle .postbody ul li::before {
          content: "";
          display: none; }
.entry.custom_page .introarea {
  width: 100%;
  height: 100vh;
  color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  position: relative;
  overflow: hidden;
  clip-path: inset(0 0); }
  .entry.custom_page .introarea .body_bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    animation: show-blur 2s both; }
    .entry.custom_page .introarea .body_bg::after {
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(31, 31, 31, 0.3);
      position: absolute;
      top: 0;
      left: 0; }
    .entry.custom_page .introarea .body_bg video {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .entry.custom_page .introarea .brand {
    position: absolute;
    top: 6vw;
    left: 50%;
    transform: translateX(-50%); }
    .entry.custom_page .introarea .brand .logo {
      margin: 0 auto 10px;
      text-align: center; }
      .entry.custom_page .introarea .brand .logo img {
        max-width: 200px;
        max-height: 120px;
        width: auto;
        height: auto;
        object-fit: contain;
        font-family: 'object-fit:contain;';
        filter: brightness(0) saturate(100%) invert(95%) sepia(0%) saturate(0%) hue-rotate(108deg) brightness(104%) contrast(106%); }
    .entry.custom_page .introarea .brand .text {
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-align: center; }
  .entry.custom_page .introarea .textbox {
    position: absolute;
    left: 6vw;
    right: 6vw;
    bottom: 6vw; }
    .entry.custom_page .introarea .textbox .entrytitle {
      font-size: clamp(18px, 3.5vw, 38px);
      font-weight: 600; }
    .entry.custom_page .introarea .textbox .catch {
      margin-top: 10px;
      font-size: clamp(16px, 2vw, 24px);
      font-weight: 600; }

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 (1400px)
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 960px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  /*---------------------------------
   entry
  ---------------------------------*/
  .entry.custom_page .introarea .brand {
    top: 12vh; }
    .entry.custom_page .introarea .brand .logo img {
      max-width: 200px;
      max-height: 120px; }
    .entry.custom_page .introarea .brand .text {
      font-size: 15px; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  /*---------------------------------
   entry
  ---------------------------------*/
  .entry.custom_page .introarea {
    height: calc(100vh - 60px); }
    .entry.custom_page .introarea .brand {
      width: 80%; }
      .entry.custom_page .introarea .brand .logo img {
        max-width: 160px;
        max-height: 60px; }
      .entry.custom_page .introarea .brand .text {
        font-size: 12px; }
    .entry.custom_page .introarea .textbox .entrytitle {
      font-size: 20px; }
    .entry.custom_page .introarea .textbox .catch {
      font-size: 15px; } }