@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Noto+Sans+JP:wght@100..900&family=Roboto+Condensed:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
#anoikkaku-contents {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
  margin: 0;
  /**
   * Render the `main` element consistently in IE.
   */
  /* Vertical rhythm */
  /* ============================================ */
  /* Headings */
  /* ============================================ */
  /* Lists (enumeration) */
  /* ============================================ */
  /* Lists (definition) */
  /* ============================================ */
  /* Grouping content */
  /* ============================================ */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  /* Text-level semantics */
  /* ============================================ */
  /**
   * Remove the gray background on active links in IE 10.
   */
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  /**
   * Add the correct font size in all browsers.
   */
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  /* Replaced content */
  /* ============================================ */
  /**
   * Prevent vertical alignment issues.
   */
  /* Forms */
  /* ============================================ */
  /**
   * Reset form fields to make them styleable.
   * 1. Make form elements stylable across systems iOS especially.
   * 2. Inherit text-transform from parent.
   */
  /**
   * Reset radio and checkbox appearance to preserve their look in iOS.
   */
  /**
   * Correct cursors for clickable elements.
   */
  /**
   * Improve outlines for Firefox and unify style with input elements & buttons.
   */
  /**
   * Remove padding
   */
  /**
   * Reset to invisible
   */
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  /**
   * 1. Correct the outline style in Safari.
   */
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Fix font inheritance.
   */
  /**
   * Clickable labels
   */
  /* Interactive */
  /* ============================================ */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  /*
   * Add the correct display in all browsers.
   */
  /*
   * Remove outline for editable content.
   */
  /* Tables */
  /* ============================================ */
  /**
  1. Correct table border color inheritance in all Chrome and Safari.
  */
}
#anoikkaku-contents *,
#anoikkaku-contents ::before,
#anoikkaku-contents ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}
#anoikkaku-contents main {
  display: block;
}
#anoikkaku-contents p,
#anoikkaku-contents table,
#anoikkaku-contents blockquote,
#anoikkaku-contents address,
#anoikkaku-contents pre,
#anoikkaku-contents iframe,
#anoikkaku-contents form,
#anoikkaku-contents figure,
#anoikkaku-contents dl {
  margin: 0;
}
#anoikkaku-contents h1,
#anoikkaku-contents h2,
#anoikkaku-contents h3,
#anoikkaku-contents h4,
#anoikkaku-contents h5,
#anoikkaku-contents h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
#anoikkaku-contents ul,
#anoikkaku-contents ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
#anoikkaku-contents dt {
  font-weight: bold;
}
#anoikkaku-contents dd {
  margin-left: 0;
}
#anoikkaku-contents hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}
#anoikkaku-contents pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}
#anoikkaku-contents address {
  font-style: inherit;
}
#anoikkaku-contents a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
#anoikkaku-contents abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
#anoikkaku-contents b,
#anoikkaku-contents strong {
  font-weight: bolder;
}
#anoikkaku-contents code,
#anoikkaku-contents kbd,
#anoikkaku-contents samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}
#anoikkaku-contents small {
  font-size: 80%;
}
#anoikkaku-contents sub,
#anoikkaku-contents sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
#anoikkaku-contents sub {
  bottom: -0.25em;
}
#anoikkaku-contents sup {
  top: -0.5em;
}
#anoikkaku-contents svg,
#anoikkaku-contents img,
#anoikkaku-contents embed,
#anoikkaku-contents object,
#anoikkaku-contents iframe {
  vertical-align: bottom;
}
#anoikkaku-contents button,
#anoikkaku-contents input,
#anoikkaku-contents optgroup,
#anoikkaku-contents select,
#anoikkaku-contents textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}
#anoikkaku-contents [type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}
#anoikkaku-contents [type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}
#anoikkaku-contents button,
#anoikkaku-contents [type=button],
#anoikkaku-contents [type=reset],
#anoikkaku-contents [type=submit] {
  cursor: pointer;
}
#anoikkaku-contents button:disabled,
#anoikkaku-contents [type=button]:disabled,
#anoikkaku-contents [type=reset]:disabled,
#anoikkaku-contents [type=submit]:disabled {
  cursor: default;
}
#anoikkaku-contents :-moz-focusring {
  outline: auto;
}
#anoikkaku-contents select:disabled {
  opacity: inherit;
}
#anoikkaku-contents option {
  padding: 0;
}
#anoikkaku-contents fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}
#anoikkaku-contents legend {
  padding: 0;
}
#anoikkaku-contents progress {
  vertical-align: baseline;
}
#anoikkaku-contents textarea {
  overflow: auto;
}
#anoikkaku-contents [type=number]::-webkit-inner-spin-button,
#anoikkaku-contents [type=number]::-webkit-outer-spin-button {
  height: auto;
}
#anoikkaku-contents [type=search] {
  outline-offset: -2px; /* 1 */
}
#anoikkaku-contents [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
#anoikkaku-contents ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
#anoikkaku-contents label[for] {
  cursor: pointer;
}
#anoikkaku-contents details {
  display: block;
}
#anoikkaku-contents summary {
  display: list-item;
}
#anoikkaku-contents [contenteditable]:focus {
  outline: auto;
}
#anoikkaku-contents table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}
#anoikkaku-contents caption {
  text-align: left;
}
#anoikkaku-contents td,
#anoikkaku-contents th {
  vertical-align: top;
  padding: 0;
}
#anoikkaku-contents th {
  text-align: left;
  font-weight: bold;
}

#anoikkaku-contents,
.anoikkaku-modaal {
  --vw: 1vw;
}

/*
@function cpv($num,$w: $pcW2){
    $num1: calc(floor(calc($num / 1440 * 10000)) / 100 * var(--vw));
	$num2: calc($num * 1px);
	@return min($num1,$num2);
}
*/
@-webkit-keyframes anoikkaku-color-sweep {
  from {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  to {
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
  }
}
@keyframes anoikkaku-color-sweep {
  from {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  to {
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
  }
}
#anoikkaku-contents {
  width: 100%;
  font-family: YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, "system-ui", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "Hiragino Sans", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  letter-spacing: normal;
  background-color: #fff;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
#anoikkaku-contents.is-fixed {
  position: fixed;
}
#anoikkaku-contents button {
  cursor: pointer;
}
#anoikkaku-contents img {
  width: 100%;
  height: auto;
}
#anoikkaku-contents a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents .link-sponly {
    color: #fff;
    pointer-events: none;
  }
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents .show-sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #anoikkaku-contents .show-pc {
    display: none;
  }
}
#anoikkaku-contents .js-fit {
  font-family: "object-fit: cover;";
}

#modal {
  display: none;
}

.anoikkaku-modaal-movie {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  letter-spacing: normal;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie {
    --vw: 5px;
  }
}
.anoikkaku-modaal-movie .modaal-inner-wrapper {
  padding: 0;
  padding: 0 calc((100% - 883px) / 2);
}
@media screen and (max-width: 767px) {
  .anoikkaku-modaal-movie .modaal-inner-wrapper {
    padding: 0;
  }
}
.anoikkaku-modaal-movie .modaal-container {
  padding-top: calc(22.05 * var(--vw));
  padding-bottom: calc(10.25 * var(--vw));
}
@media screen and (max-width: 767px) {
  .anoikkaku-modaal-movie .modaal-container {
    padding-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie .modaal-container {
    padding-top: 138px;
  }
}
@media screen and (max-width: 767px) {
  .anoikkaku-modaal-movie .modaal-content {
    padding-top: calc(22.05 * var(--vw));
  }
}
.anoikkaku-modaal-movie.modaal-wrapper .modaal-close {
  top: calc(8.97 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie.modaal-wrapper .modaal-close {
    top: 72px;
    right: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie.is-vertical .modaal-inner-wrapper {
    padding: 0 calc((100% - 753px) / 2);
  }
  .anoikkaku-modaal-movie.is-vertical .modaal-container {
    padding-top: 70px;
  }
  .anoikkaku-modaal-movie.is-vertical .modal-movie-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .anoikkaku-modaal-movie.is-vertical .modal-movie-inner .block {
    width: 270px;
    margin-left: auto;
  }
  .anoikkaku-modaal-movie.is-vertical .modal-movie-inner .block .txt {
    margin-top: 0;
  }
}
.anoikkaku-modaal-movie .logo {
  width: calc(39.74 * var(--vw));
  margin: 0 0 calc(4.1 * var(--vw)) calc(4.1 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie .logo {
    display: none;
  }
}
.anoikkaku-modaal-movie .youtube {
  position: relative;
  padding-top: 56.25%;
}
.anoikkaku-modaal-movie .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.anoikkaku-modaal-movie.is-vertical .youtube {
  width: min(100%, 360px, 39.375vh);
  width: calc(78.46 * var(--vw));
  aspect-ratio: 9/16;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 0;
  margin-inline: auto;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie.is-vertical .youtube {
    width: 419px;
    margin: 0;
  }
}
.anoikkaku-modaal-movie .txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(4.1 * var(--vw));
  text-align: center;
  line-height: 1.25;
  margin-top: calc(6.15 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie .txt {
    font-size: 16px;
    margin-top: 34px;
  }
}
.anoikkaku-modaal-movie.is-vertical .subttl {
  font-size: calc(4.1 * var(--vw));
  line-height: 1.75;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie.is-vertical .subttl {
    font-size: 16px;
    line-height: 1.625;
  }
}
.anoikkaku-modaal-movie .subttl {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(5.12 * var(--vw));
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  margin-top: calc(6.15 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie .subttl {
    font-size: 20px;
    margin-top: 32px;
  }
}
.anoikkaku-modaal-movie .subttl .txt-small {
  font-size: calc(4.1 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie .subttl .txt-small {
    font-size: 16px;
  }
}
.anoikkaku-modaal-movie.is-vertical .ttl-share {
  margin-top: calc(6.15 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie.is-vertical .ttl-share {
    margin-top: 24px;
  }
}
.anoikkaku-modaal-movie .ttl-share {
  font-family: "Montserrat", sans-serif;
  font-size: calc(5.38 * var(--vw));
  font-weight: bold;
  text-align: center;
  line-height: 1.3333333333;
  color: #000;
  margin-top: calc(12.82 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie .ttl-share {
    font-size: 21px;
    margin-top: 24px;
  }
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie.is-vertical .list-share {
    width: 167px;
    margin-top: 8px;
  }
}
.anoikkaku-modaal-movie .list-share {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 calc(4.1 * var(--vw));
  width: calc(48.2 * var(--vw));
  margin: calc(4.1 * var(--vw)) auto 0;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-movie .list-share {
    width: 188px;
    gap: 7px;
    margin-top: 16px;
  }
}
.anoikkaku-modaal-movie .list-share a {
  position: relative;
  display: block;
  -webkit-transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) and (pointer: fine) {
  .anoikkaku-modaal-movie .list-share a:hover {
    opacity: 0.8;
  }
}
@media (hover: none), (pointer: coarse) {
  .anoikkaku-modaal-movie .list-share a:active {
    opacity: 0.8;
  }
}

.anoikkaku-modaal-qr {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  letter-spacing: normal;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-qr {
    --vw: 5px;
  }
}
.anoikkaku-modaal-qr .modaal-inner-wrapper {
  padding: 0;
  padding: 0 calc((100% - 500px) / 2);
}
@media screen and (max-width: 767px) {
  .anoikkaku-modaal-qr .modaal-inner-wrapper {
    padding: 0;
  }
}
.anoikkaku-modaal-qr .modaal-container {
  padding-top: 0;
  padding-bottom: calc(10.25 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-qr .modaal-container {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.anoikkaku-modaal-qr.modaal-wrapper .modaal-close {
  top: calc(8.46 * var(--vw));
  right: calc(11.79 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-qr.modaal-wrapper .modaal-close {
    top: 0;
    right: -68px;
  }
}
.anoikkaku-modaal-qr .modaal-content {
  padding-top: calc(16.41 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-qr .modaal-content {
    position: relative;
    width: 500px;
    padding: 0;
    --scrollbar-width: 0px;
  }
  .anoikkaku-modaal-qr .modaal-content::before {
    content: "";
    position: absolute;
    inset: 0 var(--scrollbar-width) 0 0;
    background: radial-gradient(circle at bottom right, transparent 24px, #fff 24px) top left, radial-gradient(circle at bottom left, transparent 24px, #fff 24px) top right, radial-gradient(circle at top right, transparent 24px, #fff 24px) bottom left, radial-gradient(circle at top left, transparent 24px, #fff 24px) bottom right;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 2;
  }
  .anoikkaku-modaal-qr .modaal-content::after {
    content: "";
    position: absolute;
    inset: 0 var(--scrollbar-width) 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 6px solid #000;
    border-radius: 24px;
    pointer-events: none;
    z-index: 3;
  }
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-qr .modaal-content-container {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: calc(100vh - 80px);
    padding: 6px;
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: clip;
  }
}
.anoikkaku-modaal-qr .modal-qr-inner {
  font-family: "Noto Sans JP", sans-serif;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-qr .modal-qr-inner {
    position: relative;
    width: 100%;
    border: 0;
    border-radius: 18px;
    padding: 40px 0;
    margin: 0 auto;
    overflow: hidden;
  }
}
.anoikkaku-modaal-qr .modal-qr-inner .ttl {
  font-size: calc(4.61 * var(--vw));
  font-weight: bold;
  line-height: 1.3333333333;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-qr .modal-qr-inner .ttl {
    font-size: 20px;
  }
}
.anoikkaku-modaal-qr .modal-qr-inner .txt-price {
  font-size: calc(4.1 * var(--vw));
  text-align: center;
  line-height: 1.3125;
  margin-top: calc(2.05 * var(--vw));
}
.anoikkaku-modaal-qr .modal-qr-inner .gray-block {
  width: calc(79.48 * var(--vw));
  background-color: #EDEDED;
  padding-top: calc(6.15 * var(--vw));
  padding-bottom: calc(4.61 * var(--vw));
  border-radius: calc(1.53 * var(--vw));
  margin: calc(6.15 * var(--vw)) auto 0;
}
.anoikkaku-modaal-qr .modal-qr-inner .subttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(63.07 * var(--vw));
  height: calc(6.92 * var(--vw));
  color: #fff;
  background-color: #3869AE;
  font-size: calc(3.58 * var(--vw));
  font-weight: bold;
  line-height: 1.2142857143;
  text-align: center;
  border-radius: calc(1.53 * var(--vw));
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-qr .modal-qr-inner .subttl {
    font-size: 16px;
  }
}
.anoikkaku-modaal-qr .modal-qr-inner .txt-qr {
  font-size: calc(3.58 * var(--vw));
  font-weight: bold;
  line-height: 1.2142857143;
  letter-spacing: 0.2em;
  text-align: center;
  margin-top: calc(4.35 * var(--vw));
}
.anoikkaku-modaal-qr .modal-qr-inner .pic {
  width: calc(79.48 * var(--vw));
  margin: calc(6.15 * var(--vw)) auto 0;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-qr .modal-qr-inner .pic {
    width: 310px;
    margin-top: 24px;
  }
}
.anoikkaku-modaal-qr .modal-qr-inner .pic2 {
  width: calc(49.74 * var(--vw));
  margin: calc(6.15 * var(--vw)) auto 0;
}
.anoikkaku-modaal-qr .modal-qr-inner .qr {
  width: calc(33.33 * var(--vw));
  margin: calc(4.61 * var(--vw)) auto 0;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-qr .modal-qr-inner .qr {
    width: 130px;
    margin-top: 18px;
  }
}
.anoikkaku-modaal-qr .modal-qr-inner .txt-num {
  font-size: calc(4.35 * var(--vw));
  font-weight: bold;
  text-align: center;
  margin-top: calc(1.53 * var(--vw));
}
.anoikkaku-modaal-qr .modal-qr-inner .txt-code {
  letter-spacing: 0.2em;
}
.anoikkaku-modaal-qr .modal-qr-inner .txt-caution {
  font-size: calc(2.82 * var(--vw));
  letter-spacing: 0.08em;
  text-align: center;
  line-height: 1.8181818182;
  margin-top: calc(6.15 * var(--vw));
}
.anoikkaku-modaal-qr .modal-qr-inner .btn-close-bottom {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(80.76 * var(--vw));
  height: calc(16.41 * var(--vw));
  font-size: calc(4.1 * var(--vw));
  font-weight: bold;
  letter-spacing: 0.08em;
  border-radius: calc(1.53 * var(--vw));
  border: 1px solid #000;
  margin: calc(10.25 * var(--vw)) auto 0;
}
.anoikkaku-modaal-qr .modal-qr-inner .btn-close-bottom::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#E60000), color-stop(16.666%, #F0F000), color-stop(33.333%, #73E600), color-stop(50%, #00C7D9), color-stop(66.666%, #7800F0), color-stop(83.333%, #E600E6));
  background: linear-gradient(90deg, #E60000 0% 16.666%, #F0F000 16.666% 33.333%, #73E600 33.333% 50%, #00C7D9 50% 66.666%, #7800F0 66.666% 83.333%, #E600E6 83.333% 100%);
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .anoikkaku-modaal-qr .modal-qr-inner .btn-close-bottom:hover::after {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (hover: none), (pointer: coarse) {
  .anoikkaku-modaal-qr .modal-qr-inner .btn-close-bottom:active::after {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (prefers-reduced-motion: reduce) {
  .anoikkaku-modaal-qr .modal-qr-inner .btn-close-bottom::after {
    display: none;
  }
}
.anoikkaku-modaal-qr .modal-qr-inner .btn-close-bottom::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(5.89 * var(--vw));
  width: calc(5.38 * var(--vw));
  aspect-ratio: 21/14;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 14'%3E%3Crect width='22.2996' height='2.44397' transform='matrix(-0.851684 0.524055 0.616276 0.78753 18.9922 0)' fill='black'/%3E%3Crect width='22.2996' height='2.44397' transform='matrix(0.851684 0.524055 -0.616276 0.78753 2.00781 0)' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.anoikkaku-modaal-merit {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  letter-spacing: normal;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-merit {
    --vw: 5px;
  }
}
.anoikkaku-modaal-merit .modaal-inner-wrapper {
  padding: 0;
  padding: 0 calc((100% - 500px) / 2);
}
@media screen and (max-width: 767px) {
  .anoikkaku-modaal-merit .modaal-inner-wrapper {
    padding: 0;
  }
}
.anoikkaku-modaal-merit .modaal-container {
  padding-top: calc(16.41 * var(--vw));
  padding-bottom: calc(0 * var(--vw));
  padding-top: 0;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-merit .modaal-container {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.anoikkaku-modaal-merit.modaal-wrapper .modaal-close {
  top: calc(8.46 * var(--vw));
  right: calc(11.79 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-merit.modaal-wrapper .modaal-close {
    top: 0;
    right: -68px;
  }
}
.anoikkaku-modaal-merit .modaal-content {
  padding-top: calc(16.41 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-merit .modaal-content {
    position: relative;
    width: 500px;
    padding: 0;
    --scrollbar-width: 0px;
  }
  .anoikkaku-modaal-merit .modaal-content::before {
    content: "";
    position: absolute;
    inset: 0 var(--scrollbar-width) 0 0;
    background: radial-gradient(circle at bottom right, transparent 24px, #fff 24px) top left, radial-gradient(circle at bottom left, transparent 24px, #fff 24px) top right, radial-gradient(circle at top right, transparent 24px, #fff 24px) bottom left, radial-gradient(circle at top left, transparent 24px, #fff 24px) bottom right;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 2;
  }
  .anoikkaku-modaal-merit .modaal-content::after {
    content: "";
    position: absolute;
    inset: 0 var(--scrollbar-width) 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 6px solid #000;
    border-radius: 24px;
    pointer-events: none;
    z-index: 3;
  }
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-merit .modaal-content-container {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: calc(100vh - 80px);
    padding: 6px;
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: clip;
  }
}
.anoikkaku-modaal-merit .modal-merit-inner {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-merit .modal-merit-inner {
    position: relative;
    width: 100%;
    border: 0;
    border-radius: 18px;
    padding-top: 20px;
    margin: 0 auto;
    overflow: hidden;
  }
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slider {
  position: relative;
  width: calc(100 * var(--vw));
  padding: 0 calc(3.33 * var(--vw));
  margin: 0 auto;
  z-index: 1;
}
@media print, screen and (min-width: 768px) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slider {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
  }
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide {
  position: relative;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide::before {
  content: "";
  position: absolute;
  top: calc(5.12 * var(--vw));
  left: calc(0 * var(--vw));
  width: calc(93.33 * var(--vw));
  height: calc(100% - 10.25 * var(--vw));
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  z-index: 0;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(5.12 * var(--vw));
  width: calc(83.33 * var(--vw));
  height: 100%;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner {
  position: relative;
  padding: calc(11.02 * var(--vw)) calc(11.02 * var(--vw)) calc(13.07 * var(--vw));
  z-index: 2;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner::after {
  content: "";
  position: absolute;
  top: calc(4.87 * var(--vw));
  left: calc(4.87 * var(--vw));
  width: calc(83.58 * var(--vw));
  height: calc(100% - 9.74 * var(--vw));
  border: 1px solid #C3C0C0;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner::before {
  content: "";
  position: absolute;
  top: calc(3.33 * var(--vw));
  left: calc(3.33 * var(--vw));
  width: calc(86.66 * var(--vw));
  height: calc(100% - 6.66 * var(--vw));
  background-color: #fff;
  border: 1px solid #C3C0C0;
  pointer-events: none;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner > * {
  position: relative;
  z-index: 1;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner img {
  width: 100%;
  height: auto;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner .num1, .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner .num2, .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner .num3 {
  position: relative;
  display: block;
  font-size: 0;
  line-height: 0;
  width: calc(5.12 * var(--vw));
  height: calc(8.46 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 33'%3E%3Cpath d='M20 33H10.7741V10.2414H0V5.82621C2.8436 5.73517 4.83412 5.59862 5.97156 5.41655C7.78304 5.12828 9.2575 4.55172 10.3949 3.6869C11.1743 3.09517 11.7641 2.30621 12.1643 1.32C12.396 0.728276 12.5118 0.288276 12.5118 0H20V33Z' fill='%233869AE'/%3E%3C/svg%3E") center/contain no-repeat;
  margin: 0 0 calc(1.28 * var(--vw));
}
@media print {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner .num1, .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner .num2, .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner .num3 {
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline;
    background: none;
  }
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner .num2 {
  width: calc(7.94 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 33'%3E%3Cpath d='M20.2296 6.84008C19.1682 5.91901 17.6489 5.45848 15.6717 5.45848C12.9661 5.45848 11.1242 6.1908 10.146 7.65546C9.58409 8.50103 9.25109 9.84489 9.14703 11.687H0.499496C0.645183 8.89362 1.3424 6.63624 2.59114 4.91489C4.96375 1.6383 9.17825 0 15.2346 0C20.0215 0 23.8301 0.966369 26.6606 2.89911C29.4911 4.81675 30.9063 7.36102 30.9063 10.5319C30.9063 12.9629 29.9074 15.1222 27.9094 17.0096C26.5982 18.2629 24.4441 19.6596 21.4471 21.1997L17.8882 23.0343C15.6613 24.1819 14.1316 25.0124 13.2991 25.5257C12.4874 26.0391 11.8006 26.6356 11.2387 27.315H31V33H0C0.0832494 30.6445 0.780463 28.4928 2.09164 26.545C3.3612 24.3555 6.35817 22.0377 11.0826 19.5916C15.1826 17.4626 17.8362 15.9375 19.0433 15.0165C20.8956 13.582 21.8218 12.0117 21.8218 10.3054C21.8218 8.91627 21.291 7.76115 20.2296 6.84008Z' fill='%233869AE'/%3E%3C/svg%3E") center/contain no-repeat;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner .num3 {
  width: calc(7.94 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 33'%3E%3Cpath d='M10.4467 6.54253C9.45763 7.4856 8.98372 8.74548 9.02493 10.3222H0.803589C0.886009 8.73074 1.2672 7.22036 1.94716 5.79102C2.66833 4.53851 3.8016 3.38178 5.34696 2.32083C6.50083 1.56932 7.87105 0.994642 9.45763 0.596785C11.0442 0.198928 12.9914 0 15.2991 0C19.5849 0 23.0362 0.795713 25.653 2.38714C28.2905 3.96383 29.6092 6.08573 29.6092 8.75285C29.6092 10.639 28.8262 12.2304 27.2602 13.5271C26.2712 14.3376 25.2409 14.8902 24.1695 15.1849C24.9731 15.1849 26.127 15.6785 27.6311 16.6658C29.877 18.1541 31 20.1875 31 22.7662C31 25.4776 29.6813 27.8647 27.0439 29.9277C24.4271 31.9759 20.543 33 15.3918 33C9.04553 33 4.63609 31.5191 2.16351 28.5573C0.865404 26.9806 0.144234 24.9176 0 22.3684H8.65404C8.65404 23.6504 8.94251 24.7113 9.51944 25.5512C10.5909 27.0985 12.5381 27.8721 15.3609 27.8721C17.0917 27.8721 18.5959 27.4521 19.8734 26.6122C21.1715 25.7575 21.8205 24.5345 21.8205 22.9431C21.8205 20.8359 20.6255 19.4287 18.2353 18.7214C16.8754 18.3235 14.7325 18.1246 11.8066 18.1246V13.6155C14.6707 13.5861 16.6693 13.3871 17.8026 13.0188C19.7601 12.3999 20.7388 11.1474 20.7388 9.26122C20.7388 8.03818 20.234 7.04354 19.2243 6.27729C18.2353 5.51105 16.8342 5.12793 15.0209 5.12793C12.9398 5.12793 11.4151 5.59946 10.4467 6.54253Z' fill='%233869AE'/%3E%3C/svg%3E") center/contain no-repeat;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner .ttl {
  margin: 0 0 calc(5.64 * var(--vw));
  color: #fff;
  font-size: calc(7.69 * var(--vw));
  font-weight: 700;
  line-height: 0.94;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner .ttl span {
  font-size: calc(5.12 * var(--vw));
  padding: calc(0.51 * var(--vw)) calc(1.79 * var(--vw));
  background-color: #3869ae;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide-inner .txt {
  font-size: calc(3.84 * var(--vw));
  line-height: 1.6666666667;
  margin-top: calc(6.15 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block1, .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block2, .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block3 {
  width: calc(71.28 * var(--vw));
  height: calc(62.05 * var(--vw));
  background: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/anoikkaku/img/what/bg_modal_01.svg") no-repeat;
  background-size: contain;
  padding: 0 calc(4.1 * var(--vw));
  margin: calc(5.89 * var(--vw)) auto 0;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block1 .wrapper, .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block2 .wrapper, .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block3 .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 calc(2.56 * var(--vw));
  margin-top: calc(2.05 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block1 .icon, .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block2 .icon, .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block3 .icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(21.28 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block1 .icon-txt, .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block2 .icon-txt, .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block3 .icon-txt {
  font-size: calc(3.58 * var(--vw));
  line-height: 1.5714285714;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block2 {
  background-image: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/anoikkaku/img/what/bg_modal_02.svg");
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block3 {
  height: calc(46.92 * var(--vw));
  background-image: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/anoikkaku/img/what/bg_modal_03.svg");
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block3 .btn-gallary a {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(58.97 * var(--vw));
  height: calc(26.41 * var(--vw));
  font-size: calc(4.1 * var(--vw));
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background-color: #000;
  letter-spacing: 0.08em;
  border-radius: calc(2.05 * var(--vw));
  margin: calc(2.05 * var(--vw)) auto 0;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block3 .btn-gallary a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#E60000), color-stop(16.666%, #F0F000), color-stop(33.333%, #73E600), color-stop(50%, #00C7D9), color-stop(66.666%, #7800F0), color-stop(83.333%, #E600E6));
  background: linear-gradient(90deg, #E60000 0% 16.666%, #F0F000 16.666% 33.333%, #73E600 33.333% 50%, #00C7D9 50% 66.666%, #7800F0 66.666% 83.333%, #E600E6 83.333% 100%);
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block3 .btn-gallary a:hover::before {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (hover: none), (pointer: coarse) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block3 .btn-gallary a:active::before {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (prefers-reduced-motion: reduce) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block3 .btn-gallary a::before {
    display: none;
  }
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block3 .btn-gallary a .txt-small {
  font-size: calc(2.82 * var(--vw));
  text-align: center;
  letter-spacing: 0.08em;
  line-height: 1.4545454545;
  margin-bottom: calc(-2.57 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .block3 .btn-gallary a::after {
  content: "";
  display: block;
  width: calc(3.84 * var(--vw));
  height: calc(2.56 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 10'%3E%3Cpath d='M13.7069 4.375H5.96046e-07V5.625H13.7069V4.375Z' fill='white'/%3E%3Cpath d='M15 5.2369C14.2871 5.81201 12.5013 4.7536 11.011 3.43283C9.52074 2.11205 8.89109 0.575112 9.60399 0L15 5.2369Z' fill='white'/%3E%3Cpath d='M15 5.21764C14.2871 4.64253 12.5013 5.2464 11.011 6.56717C9.52074 7.88795 8.89109 9.42489 9.60399 10L15 5.21764Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
  margin-top: calc(2.05 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .subttl {
  font-size: calc(4.1 * var(--vw));
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  padding-top: calc(5.89 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 calc(1.79 * var(--vw));
  margin-top: calc(4.1 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-btn .btn-app {
  width: calc(27.43 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-btn .btn-google {
  width: calc(33.84 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 calc(4.1 * var(--vw));
  width: calc(71.28 * var(--vw));
  padding-top: calc(6.15 * var(--vw));
  border-top: 1px solid #000;
  margin: calc(6.15 * var(--vw)) auto 0;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(33.58 * var(--vw));
  height: calc(12.82 * var(--vw));
  font-size: calc(2.82 * var(--vw));
  font-weight: bold;
  color: #fff;
  background-color: #000;
  border-radius: calc(1.53 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a span {
  font-family: "Montserrat", sans-serif;
  font-size: calc(5.64 * var(--vw));
  font-weight: bold;
  margin-left: calc(0.76 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-next {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-left: calc(1.53 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-next::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#E60000), color-stop(16.666%, #F0F000), color-stop(33.333%, #73E600), color-stop(50%, #00C7D9), color-stop(66.666%, #7800F0), color-stop(83.333%, #E600E6));
  background: linear-gradient(90deg, #E60000 0% 16.666%, #F0F000 16.666% 33.333%, #73E600 33.333% 50%, #00C7D9 50% 66.666%, #7800F0 66.666% 83.333%, #E600E6 83.333% 100%);
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-next:hover::before {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (hover: none), (pointer: coarse) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-next:active::before {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (prefers-reduced-motion: reduce) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-next::before {
    display: none;
  }
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-next::after {
  content: "";
  display: block;
  width: calc(3.84 * var(--vw));
  height: calc(2.56 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 10'%3E%3Cpath d='M13.7069 4.375H5.96046e-07V5.625H13.7069V4.375Z' fill='white'/%3E%3Cpath d='M15 5.2369C14.2871 5.81201 12.5013 4.7536 11.011 3.43283C9.52074 2.11205 8.89109 0.575112 9.60399 0L15 5.2369Z' fill='white'/%3E%3Cpath d='M15 5.21764C14.2871 4.64253 12.5013 5.2464 11.011 6.56717C9.52074 7.88795 8.89109 9.42489 9.60399 10L15 5.21764Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
  margin-left: calc(2.3 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-prev {
  padding-right: calc(2.56 * var(--vw));
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-prev::before {
  content: "";
  display: block;
  width: calc(3.84 * var(--vw));
  height: calc(2.56 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 10'%3E%3Cpath d='M13.7069 4.375H5.96046e-07V5.625H13.7069V4.375Z' fill='white'/%3E%3Cpath d='M15 5.2369C14.2871 5.81201 12.5013 4.7536 11.011 3.43283C9.52074 2.11205 8.89109 0.575112 9.60399 0L15 5.2369Z' fill='white'/%3E%3Cpath d='M15 5.21764C14.2871 4.64253 12.5013 5.2464 11.011 6.56717C9.52074 7.88795 8.89109 9.42489 9.60399 10L15 5.21764Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-right: calc(2.3 * var(--vw));
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-prev::after {
  content: none;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-prev::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#E60000), color-stop(16.666%, #F0F000), color-stop(33.333%, #73E600), color-stop(50%, #00C7D9), color-stop(66.666%, #7800F0), color-stop(83.333%, #E600E6));
  background: linear-gradient(90deg, #E60000 0% 16.666%, #F0F000 16.666% 33.333%, #73E600 33.333% 50%, #00C7D9 50% 66.666%, #7800F0 66.666% 83.333%, #E600E6 83.333% 100%);
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-prev:hover::after {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (hover: none), (pointer: coarse) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-prev:active::after {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (prefers-reduced-motion: reduce) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .list-modal-nav a.arrow-prev::after {
    display: none;
  }
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .btn-close-bottom {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(71.28 * var(--vw));
  height: calc(12.82 * var(--vw));
  font-size: calc(3.58 * var(--vw));
  font-weight: bold;
  border-radius: calc(1.53 * var(--vw));
  border: 1px solid #000;
  margin: calc(4.1 * var(--vw)) auto 0;
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .btn-close-bottom::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#E60000), color-stop(16.666%, #F0F000), color-stop(33.333%, #73E600), color-stop(50%, #00C7D9), color-stop(66.666%, #7800F0), color-stop(83.333%, #E600E6));
  background: linear-gradient(90deg, #E60000 0% 16.666%, #F0F000 16.666% 33.333%, #73E600 33.333% 50%, #00C7D9 50% 66.666%, #7800F0 66.666% 83.333%, #E600E6 83.333% 100%);
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .btn-close-bottom:hover::after {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (hover: none), (pointer: coarse) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .btn-close-bottom:active::after {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (prefers-reduced-motion: reduce) {
  .anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .btn-close-bottom::after {
    display: none;
  }
}
.anoikkaku-modaal-merit .modal-merit-inner .modal-merit-slide .btn-close-bottom::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(5.89 * var(--vw));
  width: calc(5.38 * var(--vw));
  aspect-ratio: 21/14;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 14'%3E%3Crect width='22.2996' height='2.44397' transform='matrix(-0.851684 0.524055 0.616276 0.78753 18.9922 0)' fill='black'/%3E%3Crect width='22.2996' height='2.44397' transform='matrix(0.851684 0.524055 -0.616276 0.78753 2.00781 0)' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.anoikkaku-modaal-merit .modal-merit-inner .pic-bottom {
  margin-top: calc(6.15 * var(--vw));
}

.modaal-overlay {
  z-index: 499;
}

.modaal-wrapper {
  z-index: 500;
}

.modaal-inner-wrapper {
  padding: 0;
  padding: 0 calc((100% - 1127px) / 2);
}
@media print, screen and (min-width: 768px) and (max-width: 1364px) {
  .modaal-inner-wrapper {
    padding: 0 calc((100% - 1127px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .modaal-inner-wrapper {
    padding: 0 calc((100% - 91.79 * var(--vw)) / 2);
  }
}

.modaal-container {
  letter-spacing: normal;
  max-width: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  padding-top: calc(12.82 * var(--vw));
  padding-bottom: calc(10.25 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  .modaal-container {
    padding-top: 83px;
    padding-bottom: 30px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1364px) {
  .modaal-container {
    padding-top: 83px;
    padding-bottom: 30px;
  }
}
.modaal-container .txt-wide {
  display: inline-block;
  width: 1em;
  text-align: center;
}

.modaal-content-container {
  padding: 0;
}

.modaal-wrapper .modaal-close {
  position: absolute;
  border-radius: 0;
  background-color: #000;
  -webkit-transition: background-color 600ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: background-color 600ms cubic-bezier(0.22, 1, 0.36, 1);
  top: calc(2.56 * var(--vw));
  right: calc(6.15 * var(--vw));
  width: calc(8.97 * var(--vw));
  height: calc(6.15 * var(--vw));
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 24'%3E%3Crect width='38.0755' height='4.17296' transform='matrix(0.851684 0.524055 -0.616276 0.78753 2.57178 0)' fill='black'/%3E%3Crect width='38.0755' height='4.17296' transform='matrix(-0.851684 0.524055 0.616276 0.78753 32.4282 0)' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 24'%3E%3Crect width='38.0755' height='4.17296' transform='matrix(0.851684 0.524055 -0.616276 0.78753 2.57178 0)' fill='black'/%3E%3Crect width='38.0755' height='4.17296' transform='matrix(-0.851684 0.524055 0.616276 0.78753 32.4282 0)' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  /*
  @include c.mq(pc) {
  		top: 20px;
  		right: 0;
  		width: 71px;
  		height: 41px;
  		background-image: url(../images/icon_close_modal.svg);
  }
  @include c.mq(pcNarrow) {
  		top: c.cpv(20);
  		width: c.cpv(71);
  		height: c.cpv(41);
  }
  		*/
}
@media (hover: hover) and (pointer: fine) {
  .modaal-wrapper .modaal-close:hover {
    background-color: #626262;
  }
}
@media (hover: none), (pointer: coarse) {
  .modaal-wrapper .modaal-close:active {
    background-color: #626262;
  }
}
.modaal-wrapper .modaal-close::before, .modaal-wrapper .modaal-close::after {
  content: none;
}

.modaal-video .modaal-video-wrap {
  margin: 0;
}
.modaal-video .modaal-video-container {
  height: auto;
  max-width: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-bottom: 56.25%;
}

/* ---------------------------------------------------------
#anoikkaku-contents
----------------------------------------------------------*/
#anoikkaku-contents,
.anoikkaku-modaal {
  -webkit-touch-callout: none;
}
#anoikkaku-contents img,
.anoikkaku-modaal img {
  -webkit-user-drag: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

#anoikkaku-contents {
  /* ---------------------------------------------------------
  .btn-menu
  ----------------------------------------------------------*/
  /* ---------------------------------------------------------
  #sec-kv
  ----------------------------------------------------------*/
  /* ---------------------------------------------------------
  #intro-area
  ----------------------------------------------------------*/
  /* ---------------------------------------------------------
  #sec-cm
  ----------------------------------------------------------*/
  /* ---------------------------------------------------------
  #sec-short-movie
  ----------------------------------------------------------*/
  /* ---------------------------------------------------------
  #sec-making
  ----------------------------------------------------------*/
  /* ---------------------------------------------------------
  #sec-profile
  ----------------------------------------------------------*/
  /* ---------------------------------------------------------
  #service-area
  ----------------------------------------------------------*/
  /* ---------------------------------------------------------
  #sec-what
  ----------------------------------------------------------*/
  /* ---------------------------------------------------------
  #sec-print
  ----------------------------------------------------------*/
  /* ---------------------------------------------------------
  #sec-poster
  ----------------------------------------------------------*/
  /* ---------------------------------------------------------
  #main-footer
  ----------------------------------------------------------*/
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 500px minmax(0, 1fr);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    position: relative;
    isolation: isolate;
  }
  #anoikkaku-contents::before {
    content: "";
    grid-column: 1/-1;
    grid-row: 1;
    position: sticky;
    top: 0;
    height: 100vh;
    height: 100dvh;
    background: #fff url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/anoikkaku/img/bg_pc.png") repeat calc(50% - 200px) 160px/600px auto;
    pointer-events: none;
    z-index: 0;
  }
  #anoikkaku-contents > .left-col {
    grid-column: 1;
  }
  #anoikkaku-contents > .right-col {
    grid-column: 3;
  }
  #anoikkaku-contents > .left-col,
  #anoikkaku-contents > .right-col {
    position: sticky;
    top: 0;
    min-width: 0;
    height: 100vh;
    height: 100dvh;
    grid-row: 1;
    z-index: 1;
  }
  #anoikkaku-contents .left-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1000px) {
  #anoikkaku-contents .left-col > * {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents .left-col .logo {
    width: 62.6223091977%;
    max-width: 320px;
    margin-left: 6.2622309198%;
  }
  #anoikkaku-contents .right-col {
    font-family: "Noto Sans JP", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: min(13.5029354207%, 69px);
  }
}
@media print, screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1000px) {
  #anoikkaku-contents .right-col > * {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents .right-col .logo {
    width: 303px;
    width: 59.2954990215%;
    max-width: 303px;
  }
  #anoikkaku-contents .right-col .txt {
    position: relative;
    width: 99.8043052838%;
    max-width: 400px;
    margin: 23px 0 14px;
    font-size: 17px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  #anoikkaku-contents .right-col .txt {
    font-size: calc(2.7419354839vw - 13.7096774194px);
  }
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents .right-col .txt::after {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 30px;
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath d='M11.2319 14.25C10.0772 16.25 7.19041 16.25 6.03571 14.25L0.406548 4.5C-0.748154 2.5 0.695223 0 3.00462 0H14.263C16.5724 0 18.0157 2.5 16.861 4.5L11.2319 14.25Z' fill='%23CD3D32'/%3E%3C/svg%3E") center/contain no-repeat;
    pointer-events: none;
  }
  #anoikkaku-contents .right-col .txt .marker {
    font-size: inherit;
    white-space: nowrap;
    font-weight: bold;
    padding: 2px 12px 3px;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 0.2em;
    background-color: #CD3D32;
    border-radius: 20px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  #anoikkaku-contents .right-col .txt .marker {
    padding-right: 0.705882em;
    padding-left: 0.705882em;
  }
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents .right-col .txt .narrow {
    margin-left: -0.2em;
    letter-spacing: -0.2em;
  }
  #anoikkaku-contents .right-col .pic {
    position: relative;
    width: 263px;
    width: 51.976284585%;
    max-width: 263px;
    margin-top: 6px;
  }
  #anoikkaku-contents .right-col .pic a {
    position: relative;
    display: block;
  }
  #anoikkaku-contents .right-col .pic a:after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background 600ms cubic-bezier(0.22, 1, 0.36, 1);
    transition: background 600ms cubic-bezier(0.22, 1, 0.36, 1);
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #anoikkaku-contents .right-col .pic a:hover::after {
    background-color: rgba(255, 255, 255, 0.2);
  }
  #anoikkaku-contents .right-col .pic a:hover .btn {
    color: #CD3D32;
    background-color: #fff;
  }
}
@media print and (hover: none), print and (pointer: coarse), screen and (min-width: 768px) and (hover: none), screen and (min-width: 768px) and (pointer: coarse) {
  #anoikkaku-contents .right-col .pic a:active::after {
    background-color: rgba(255, 255, 255, 0.2);
  }
  #anoikkaku-contents .right-col .pic a:active .btn {
    color: #CD3D32;
    background-color: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents .right-col .btn {
    position: absolute;
    right: -74px;
    bottom: -32px;
    right: -46px;
    bottom: -46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 92px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.08em;
    aspect-ratio: 1/1;
    text-align: center;
    color: #fff;
    background-color: #CD3D32;
    padding-top: 10px;
    border-radius: 50%;
    border: 1px solid #CD3D32;
    z-index: 1;
    -webkit-transition: background 600ms cubic-bezier(0.22, 1, 0.36, 1), color 600ms cubic-bezier(0.22, 1, 0.36, 1);
    transition: background 600ms cubic-bezier(0.22, 1, 0.36, 1), color 600ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  #anoikkaku-contents .right-col .btn::after {
    content: "";
    display: block;
    width: 8px;
    height: 9px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9'%3E%3Cpath d='M4.18213 0.5C4.18213 0.223858 3.95827 -1.20706e-08 3.68213 0C3.40599 1.20706e-08 3.18213 0.223858 3.18213 0.5L3.68213 0.5L4.18213 0.5ZM3.32858 8.85355C3.52384 9.04882 3.84042 9.04882 4.03568 8.85355L7.21766 5.67157C7.41293 5.47631 7.41293 5.15973 7.21766 4.96447C7.0224 4.7692 6.70582 4.7692 6.51056 4.96447L3.68213 7.79289L0.853702 4.96447C0.65844 4.7692 0.341857 4.7692 0.146595 4.96447C-0.048667 5.15973 -0.048667 5.47631 0.146595 5.67157L3.32858 8.85355ZM3.68213 0.5L3.18213 0.5L3.18213 8.5L3.68213 8.5L4.18213 8.5L4.18213 0.5L3.68213 0.5Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9'%3E%3Cpath d='M4.18213 0.5C4.18213 0.223858 3.95827 -1.20706e-08 3.68213 0C3.40599 1.20706e-08 3.18213 0.223858 3.18213 0.5L3.68213 0.5L4.18213 0.5ZM3.32858 8.85355C3.52384 9.04882 3.84042 9.04882 4.03568 8.85355L7.21766 5.67157C7.41293 5.47631 7.41293 5.15973 7.21766 4.96447C7.0224 4.7692 6.70582 4.7692 6.51056 4.96447L3.68213 7.79289L0.853702 4.96447C0.65844 4.7692 0.341857 4.7692 0.146595 4.96447C-0.048667 5.15973 -0.048667 5.47631 0.146595 5.67157L3.32858 8.85355ZM3.68213 0.5L3.18213 0.5L3.18213 8.5L3.68213 8.5L4.18213 8.5L4.18213 0.5L3.68213 0.5Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
    -webkit-transition: background-color 600ms cubic-bezier(0.22, 1, 0.36, 1);
    transition: background-color 600ms cubic-bezier(0.22, 1, 0.36, 1);
    margin-top: 5px;
  }
  #anoikkaku-contents .right-col .txt-scroll {
    position: absolute;
    bottom: 15px;
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #anoikkaku-contents .right-col .txt-scroll::after {
    content: "";
    display: block;
    width: 8px;
    height: 180px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 180'%3E%3Cpath d='M3.32846 179.354C3.52372 179.549 3.84031 179.549 4.03557 179.354L7.21755 176.172C7.41281 175.976 7.41281 175.66 7.21755 175.464C7.02229 175.269 6.7057 175.269 6.51044 175.464L3.68201 178.293L0.853587 175.464C0.658325 175.269 0.341743 175.269 0.146481 175.464C-0.0487816 175.66 -0.0487816 175.976 0.146481 176.172L3.32846 179.354ZM3.68201 0L3.18201 2.18557e-08L3.18201 179L3.68201 179L4.18201 179L4.18201 -2.18557e-08L3.68201 0Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
    background-position: center -180px;
  }
  #anoikkaku-contents .right-col .txt-scroll .txt-en {
    position: absolute;
    top: 0;
    left: -84px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: bold;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
  #anoikkaku-contents > #anoikkaku-main {
    --vw: 5px;
    position: relative;
    grid-column: 2;
    grid-row: 1;
    z-index: 1;
    width: 500px;
    background-color: #fff;
    min-width: 0;
  }
}
@media screen and (max-width: 767px) {
  #anoikkaku-contents > .left-col,
  #anoikkaku-contents > .right-col {
    display: none;
  }
}
#anoikkaku-contents #loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 401;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  overflow: hidden;
}
#anoikkaku-contents #loading .loading-scroll {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#anoikkaku-contents #loading .loading-scroll > .txt-anime {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  #anoikkaku-contents #loading .loading-scroll {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 16px;
    padding-bottom: 24px;
  }
  #anoikkaku-contents #loading .loading-scroll > .txt-anime {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #loading .loading-scroll {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #anoikkaku-contents #loading .loading-scroll::before, #anoikkaku-contents #loading .loading-scroll::after {
    content: "";
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0px;
  }
  #anoikkaku-contents #loading .loading-scroll::before {
    min-height: 175px;
  }
  #anoikkaku-contents #loading .loading-scroll::after {
    min-height: 24px;
  }
}
#anoikkaku-contents #loading.is-fading-out {
  opacity: 0;
  pointer-events: none;
}
#anoikkaku-contents #loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fff;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
#anoikkaku-contents #loading.is-hide {
  pointer-events: none;
  display: none;
}
#anoikkaku-contents #loading .txt-anime {
  position: relative;
  width: calc(71.79 * var(--vw));
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #loading .txt-anime {
    width: 411px;
  }
}
#anoikkaku-contents #loading .txt-anime .kv-lettering {
  -webkit-transform: scaleY(1.045);
          transform: scaleY(1.045);
  -webkit-transform-origin: center;
          transform-origin: center;
}
#anoikkaku-contents .txt-wide {
  display: inline-block;
  width: 1em;
  text-align: center;
}
#anoikkaku-contents #anoikkaku-nav {
  position: sticky;
  top: 0;
  height: 0;
  z-index: 9;
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #anoikkaku-nav {
    --vw: 5px;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-self: start;
    width: 100%;
    max-width: 392px;
    height: 100vh;
    height: 100dvh;
    overflow-x: clip;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1364px) {
  #anoikkaku-contents #anoikkaku-nav {
    grid-column: 2;
    width: 488px;
    max-width: 488px;
    border-radius: 24px 24px 0 0;
    margin: 70px auto 0;
    overflow: hidden;
  }
  #anoikkaku-contents #anoikkaku-nav.is-stuck {
    border-radius: 0;
  }
}
#anoikkaku-contents #anoikkaku-nav .inner {
  display: none;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
  max-height: 100dvh;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  background-color: #fff;
}
@media print, screen and (min-width: 768px) and (max-width: 1364px) {
  #anoikkaku-contents #anoikkaku-nav .inner {
    height: 100%;
    max-height: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #anoikkaku-nav {
    pointer-events: none;
  }
  #anoikkaku-contents #anoikkaku-nav .inner {
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: opacity 0.25s ease, visibility 0s linear 0.45s, -webkit-transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    transition: opacity 0.25s ease, visibility 0s linear 0.45s, -webkit-transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease, visibility 0s linear 0.45s;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease, visibility 0s linear 0.45s, -webkit-transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  }
  #anoikkaku-contents #anoikkaku-nav.is-open .inner {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  #anoikkaku-contents #anoikkaku-nav.is-open {
    pointer-events: auto;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1364px) {
  #anoikkaku-contents #anoikkaku-nav {
    pointer-events: none;
  }
  #anoikkaku-contents #anoikkaku-nav .inner {
    display: none;
    visibility: visible;
    opacity: 1;
    pointer-events: none;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
  }
  #anoikkaku-contents #anoikkaku-nav.is-open {
    pointer-events: auto;
  }
  #anoikkaku-contents #anoikkaku-nav.is-open .inner {
    pointer-events: auto;
  }
}
#anoikkaku-contents #anoikkaku-nav ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: calc(27.17 * var(--vw)) calc(9.74 * var(--vw)) calc(27.17 * var(--vw)) calc(10.76 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #anoikkaku-nav ul {
    width: 310px;
    padding: 106px 0;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1364px) {
  #anoikkaku-contents #anoikkaku-nav ul {
    width: 368px;
    padding: 125px 0;
  }
}
#anoikkaku-contents #anoikkaku-nav ul li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#anoikkaku-contents #anoikkaku-nav ul a {
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(16.66 * var(--vw));
  font-size: calc(4.61 * var(--vw));
  font-weight: bold;
  border-top: calc(1.28 * var(--vw)) solid #008833;
}
@media (hover: hover) and (pointer: fine) {
  #anoikkaku-contents #anoikkaku-nav ul a:hover::after {
    -webkit-animation: anoikkaku-nav-arrow-bounce 600ms cubic-bezier(0.22, 1, 0.36, 1);
            animation: anoikkaku-nav-arrow-bounce 600ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  #anoikkaku-contents #anoikkaku-nav ul a:hover .label::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@media (hover: none), (pointer: coarse) {
  #anoikkaku-contents #anoikkaku-nav ul a:active::after {
    -webkit-animation: anoikkaku-nav-arrow-bounce 600ms cubic-bezier(0.22, 1, 0.36, 1);
            animation: anoikkaku-nav-arrow-bounce 600ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  #anoikkaku-contents #anoikkaku-nav ul a:active .label::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #anoikkaku-nav ul a {
    height: 65px;
    font-size: 18px;
    border-top-width: 5px;
  }
}
#anoikkaku-contents #anoikkaku-nav ul a .label {
  position: relative;
  display: inline-block;
}
#anoikkaku-contents #anoikkaku-nav ul a .label::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: calc(-1.29 * var(--vw));
  left: 0;
  height: calc(0.51 * var(--vw));
  background-color: currentColor;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: -webkit-transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #anoikkaku-nav ul a .label::after {
    bottom: -5px;
    height: 2px;
  }
}
#anoikkaku-contents #anoikkaku-nav ul a::after {
  --nav-arrow-hover-distance: calc(1.53 * var(--vw));
  content: "";
  position: absolute;
  top: 50%;
  right: calc(4.61 * var(--vw));
  width: calc(3.58 * var(--vw));
  aspect-ratio: 14/20;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 20'%3E%3Cpath d='M7.875 18.2759V0H6.125V18.2759H7.875Z' fill='black'/%3E%3Cpath d='M6.66834 20C5.86318 19.0495 7.34496 16.6684 9.19404 14.6814C11.0431 12.6943 13.1948 11.8548 14 12.8053L6.66834 20Z' fill='black'/%3E%3Cpath d='M6.6953 20C7.50046 19.0495 6.65504 16.6684 4.80596 14.6814C2.95687 12.6943 0.805158 11.8548 0 12.8053L6.6953 20Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #anoikkaku-nav ul a::after {
    --nav-arrow-hover-distance: 6px;
    right: 18px;
    width: 14px;
  }
}
#anoikkaku-contents #anoikkaku-nav ul li:last-child {
  border-bottom: calc(1.28 * var(--vw)) solid #008833;
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #anoikkaku-nav ul li:last-child {
    border-bottom-width: 5px;
  }
}
#anoikkaku-contents #anoikkaku-nav ul li:nth-child(3n-1) a {
  border-top-color: #2868B3;
}
#anoikkaku-contents #anoikkaku-nav ul li:nth-child(3n) a {
  border-top-color: #FF0000;
}
#anoikkaku-contents #anoikkaku-nav .logo {
  width: calc(48.46 * var(--vw));
  padding-bottom: calc(16.15 * var(--vw));
  margin: calc(13.33 * var(--vw)) auto 0;
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #anoikkaku-nav .logo {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #anoikkaku-main {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    padding: 0 6px;
    margin-top: 64px;
    margin-bottom: 40px;
  }
  #anoikkaku-contents #anoikkaku-main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 6.5px solid #000;
    border-radius: 24px;
    pointer-events: none;
    z-index: 11;
  }
}
#anoikkaku-contents .btn-menu-wrapper {
  position: sticky;
  top: 0;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents .btn-menu-wrapper {
    --vw: 5px;
    grid-row: 1;
    align-self: start;
    grid-column: 3;
    width: 100%;
    height: 68px;
    margin-top: 0;
    pointer-events: none;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1364px) {
  #anoikkaku-contents .btn-menu-wrapper {
    grid-column: 2;
    width: 500px;
    margin-top: 70px;
    overflow: visible;
  }
  #anoikkaku-contents .btn-menu-wrapper::after {
    content: "";
    position: absolute;
    top: -6px;
    right: 0;
    width: 82px;
    height: 74px;
    border-top: 6px solid #000;
    border-right: 6px solid #000;
    border-radius: 0 24px 0 0;
    pointer-events: none;
    z-index: 11;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
  }
  #anoikkaku-contents .btn-menu-wrapper.is-stuck::after {
    opacity: 0;
  }
}
#anoikkaku-contents .btn-menu {
  position: sticky;
  position: absolute;
  top: calc(0 * var(--vw));
  right: calc(0 * var(--vw));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(1.79 * var(--vw));
  width: calc(12.05 * var(--vw));
  aspect-ratio: 1/1;
  background-color: #fff;
  pointer-events: auto;
  z-index: 10;
}
@media (hover: hover) and (pointer: fine) {
  #anoikkaku-contents .btn-menu:hover span {
    background-color: #626262;
  }
}
@media (hover: none), (pointer: coarse) {
  #anoikkaku-contents .btn-menu:active span {
    background-color: #626262;
  }
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents .btn-menu {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    width: 69px;
    height: 68px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1364px) {
  #anoikkaku-contents .btn-menu {
    top: 0;
    right: 6px;
  }
}
#anoikkaku-contents .btn-menu span {
  position: absolute;
  top: calc(4.1 * var(--vw));
  left: calc(1.79 * var(--vw));
  display: block;
  width: calc(8.46 * var(--vw));
  height: calc(1.02 * var(--vw));
  background-color: #000;
  -webkit-transition: top 0.3s, width 0.3s, left 0.3s, background 0.3s, -webkit-transform 0.3s;
  transition: top 0.3s, width 0.3s, left 0.3s, background 0.3s, -webkit-transform 0.3s;
  transition: top 0.3s, transform 0.3s, width 0.3s, left 0.3s, background 0.3s;
  transition: top 0.3s, transform 0.3s, width 0.3s, left 0.3s, background 0.3s, -webkit-transform 0.3s;
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents .btn-menu span {
    top: 23px;
    left: 13px;
    width: 42px;
    height: 5px;
  }
}
#anoikkaku-contents .btn-menu span:last-child {
  top: calc(6.92 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents .btn-menu span:last-child {
    top: 40px;
  }
}
#anoikkaku-contents .btn-menu.is-open span {
  top: calc(5.38 * var(--vw));
  left: calc(1.28 * var(--vw));
  width: calc(9.74 * var(--vw));
}
#anoikkaku-contents .btn-menu.is-open span:first-child {
  -webkit-transform: rotate(31.6deg);
          transform: rotate(31.6deg);
}
#anoikkaku-contents .btn-menu.is-open span:last-child {
  -webkit-transform: rotate(-31.6deg);
          transform: rotate(-31.6deg);
}
#anoikkaku-contents .btn-float {
  position: sticky;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s, height 0.3s;
  transition: opacity 0.3s, visibility 0.3s, height 0.3s;
}
#anoikkaku-contents .btn-float.is-show {
  opacity: 1;
  visibility: visible;
}
#anoikkaku-contents .btn-float.is-hide {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
#anoikkaku-contents .btn-float a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(17.94 * var(--vw));
  color: #fff;
  background-color: #CD3D32;
  padding-left: calc(1.28 * var(--vw));
}
#anoikkaku-contents .btn-float a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(4.1 * var(--vw));
  display: block;
  width: calc(4.61 * var(--vw));
  height: calc(6.41 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 25'%3E%3Cpath d='M10.125 22.8448V4.17233e-07H7.875V22.8448H10.125Z' fill='white'/%3E%3Cpath d='M8.57358 25C7.53838 23.8118 9.44352 20.8355 11.8209 18.3517C14.1983 15.8679 16.9648 14.8185 18 16.0067L8.57358 25Z' fill='white'/%3E%3Cpath d='M8.60824 25C9.64344 23.8118 8.55648 20.8355 6.17909 18.3517C3.80169 15.8679 1.0352 14.8185 1.19209e-07 16.0067L8.60824 25Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#anoikkaku-contents .btn-float a .pic {
  width: calc(22.82 * var(--vw));
  margin-right: calc(2.56 * var(--vw));
}
#anoikkaku-contents .btn-float a .txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(4.1 * var(--vw));
  font-weight: bold;
  line-height: 1.375;
  letter-spacing: 0.1em;
}
#anoikkaku-contents #sec-kv {
  position: relative;
  height: calc(123.07 * var(--vw));
  background: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/anoikkaku/img/kv/bg.jpg") no-repeat;
  background-size: cover;
  padding-top: calc(95.38 * var(--vw));
}
#anoikkaku-contents #sec-kv .logo {
  width: calc(39.74 * var(--vw));
  margin-left: calc(56.15 * var(--vw));
}
#anoikkaku-contents #intro-area .lead {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(3.84 * var(--vw));
  font-weight: bold;
  line-height: 2;
  margin: calc(7.69 * var(--vw)) calc(5.12 * var(--vw)) 0 calc(6.66 * var(--vw));
}
#anoikkaku-contents #intro-area .lead + .lead {
  margin-top: 1.95em;
}
#anoikkaku-contents #intro-area .logo {
  width: calc(85.89 * var(--vw));
  margin: calc(4.1 * var(--vw)) 0 0 calc(6.66 * var(--vw));
}
#anoikkaku-contents #intro-area .cast-block {
  background-color: #FFE208;
  margin-top: calc(20.25 * var(--vw));
}
#anoikkaku-contents #intro-area .cast-block .cast-ticker {
  --cast-ticker-gap: calc(2.05 * var(--vw));
  padding: calc(2.05 * var(--vw)) 0 calc(2.05 * var(--vw));
  overflow: hidden;
  background: #CD3D32;
}
#anoikkaku-contents #intro-area .cast-block.is-ticker-paused .cast-ticker {
  padding-left: var(--cast-ticker-gap);
}
@media (prefers-reduced-motion: reduce) {
  #anoikkaku-contents #intro-area .cast-block .cast-ticker {
    padding-left: var(--cast-ticker-gap);
  }
}
#anoikkaku-contents #intro-area .cast-block .cast-ticker__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 var(--cast-ticker-gap);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
#anoikkaku-contents #intro-area .cast-block .cast-ticker__track img {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(93.07 * var(--vw));
  height: calc(15.38 * var(--vw));
  max-width: none;
}
#anoikkaku-contents #intro-area .cast-block .cast-ticker--bottom {
  padding: calc(1.28 * var(--vw)) 0 calc(1.28 * var(--vw));
}
#anoikkaku-contents #intro-area .cast-block .cast-ticker--bottom .cast-ticker__track img {
  width: calc(171.79 * var(--vw));
  height: calc(7.69 * var(--vw));
}
#anoikkaku-contents #intro-area .cast-block .cast-reveal {
  position: relative;
  overflow: hidden;
  background: #2865aa;
}
#anoikkaku-contents #intro-area .cast-block .cast-reveal__picture {
  display: block;
  width: 100%;
  height: auto;
}
#anoikkaku-contents #intro-area .cast-block .cast-txt1, #anoikkaku-contents #intro-area .cast-block .cast-txt2 {
  font-family: "Roboto", sans-serif;
  position: absolute;
  left: calc(14.61 * var(--vw));
  bottom: calc(0.25 * var(--vw));
  font-size: calc(4.35 * var(--vw));
  font-weight: 900;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#BEF6FF));
  background: linear-gradient(180deg, #FFFFFF 0%, #BEF6FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  z-index: 2;
}
#anoikkaku-contents #intro-area .cast-block .cast-txt2 {
  left: calc(52.3 * var(--vw));
}
#anoikkaku-contents #sec-cm {
  background-color: #FFE208;
  padding-top: calc(19.48 * var(--vw));
  padding-bottom: calc(13.33 * var(--vw));
}
#anoikkaku-contents #sec-cm .ttl {
  font-family: "Roboto Condensed", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(79.48 * var(--vw));
  height: calc(13.84 * var(--vw));
  font-size: calc(11.53 * var(--vw));
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.04em;
  background: #CD3D32;
  padding-top: calc(0.76 * var(--vw));
  margin: 0 auto;
}
#anoikkaku-contents #sec-cm .ttl + .block {
  margin-top: calc(10.25 * var(--vw));
}
#anoikkaku-contents #sec-cm .block + .block {
  margin-top: calc(11.28 * var(--vw));
}
#anoikkaku-contents #sec-cm .block {
  width: calc(79.48 * var(--vw));
  margin: 0 auto;
}
@media (hover: hover) and (pointer: fine) {
  #anoikkaku-contents #sec-cm .block a:hover .pic::before {
    background-color: rgba(0, 0, 0, 0);
  }
}
@media (hover: none), (pointer: coarse) {
  #anoikkaku-contents #sec-cm .block a:active .pic::before {
    background-color: rgba(0, 0, 0, 0);
  }
}
#anoikkaku-contents #sec-cm .block .pic {
  position: relative;
}
#anoikkaku-contents #sec-cm .block .pic::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 600ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: background-color 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
#anoikkaku-contents #sec-cm .block .pic::after {
  content: "";
  position: absolute;
  inset: 0;
  border: calc(1.02 * var(--vw)) solid #fff;
}
#anoikkaku-contents #sec-cm .block .pic .btn-play {
  position: absolute;
  bottom: calc(1.53 * var(--vw));
  right: calc(1.53 * var(--vw));
}
#anoikkaku-contents #sec-cm .block .txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(4.1 * var(--vw));
  text-align: center;
  line-height: 1.25;
  margin-top: calc(4.35 * var(--vw));
}
#anoikkaku-contents #sec-cm .block .subttl {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(5.12 * var(--vw));
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  margin-top: calc(4.1 * var(--vw));
}
#anoikkaku-contents #sec-cm .block .subttl .txt-small {
  font-size: calc(4.1 * var(--vw));
}
#anoikkaku-contents #sec-short-movie {
  overflow: hidden;
  background-color: #FFE208;
}
#anoikkaku-contents #sec-short-movie .ttl {
  font-family: "Roboto Condensed", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(79.48 * var(--vw));
  height: calc(13.84 * var(--vw));
  font-size: calc(11.53 * var(--vw));
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.04em;
  background: #CD3D32;
  padding-top: calc(0.76 * var(--vw));
  margin: 0 auto;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider {
  position: relative;
  width: 100%;
  margin: calc(10.25 * var(--vw)) auto 0;
  padding-bottom: calc(15.38 * var(--vw));
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider:not(.slick-initialized) > .slide:not(:first-child) {
  display: none;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slide {
  position: relative;
  width: calc(57.94 * var(--vw));
  padding: 0 calc(1.02 * var(--vw));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0.2;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slide.is-slider-center {
  opacity: 1;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider:not(.slick-initialized) > .slide {
  margin: 0 auto;
  opacity: 1;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slide > a {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  #anoikkaku-contents #sec-short-movie .shortmovie-slider .slide > a:hover .pic::before {
    background-color: rgba(0, 0, 0, 0);
  }
}
@media (hover: none), (pointer: coarse) {
  #anoikkaku-contents #sec-short-movie .shortmovie-slider .slide > a:active .pic::before {
    background-color: rgba(0, 0, 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  #anoikkaku-contents #sec-short-movie .shortmovie-slider .slide {
    -webkit-transition: none;
    transition: none;
  }
  #anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-arrow::after {
    -webkit-transition: none;
    transition: none;
  }
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .pic {
  position: relative;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .pic::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 600ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: background-color 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .pic::after {
  content: "";
  position: absolute;
  inset: 0;
  border: calc(1.02 * var(--vw)) solid #fff;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .pic .btn-play {
  position: absolute;
  bottom: calc(1.53 * var(--vw));
  right: calc(1.53 * var(--vw));
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .pic .btn-play {
  width: calc(11.02 * var(--vw));
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider a {
  pointer-events: none;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slide.is-slider-center {
  z-index: 2;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slide.is-slider-center a {
  pointer-events: inherit;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slide.is-slider-center .subttl {
  opacity: 1;
  pointer-events: inherit;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .subttl {
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  left: 50%;
  width: calc(79.48 * var(--vw));
  font-size: calc(4.1 * var(--vw));
  font-weight: bold;
  line-height: 1.75;
  text-align: center;
  margin-top: calc(6.15 * var(--vw));
  margin-left: calc(-39.75 * var(--vw));
  opacity: 0;
  pointer-events: none;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .subttl span {
  display: inline-block;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .subttl br + span {
  margin-left: 0;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .shortmovie-slider-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(10 * var(--vw));
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-arrow {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1;
  width: calc(13.58 * var(--vw));
  height: calc(8.71 * var(--vw));
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-arrow::before {
  content: "";
  display: block;
  width: calc(13.58 * var(--vw));
  height: calc(8.71 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 34' fill='none'%3E%3Cellipse cx='26.5' cy='17' rx='26.5' ry='17' fill='black'/%3E%3Cpath d='M36.8448 15.875H14V18.125H36.8448V15.875Z' fill='white'/%3E%3Cpath d='M39 17.4264C37.8118 18.4616 34.8355 16.5565 32.3517 14.1791C29.8679 11.8017 28.8185 9.0352 30.0067 8L39 17.4264Z' fill='white'/%3E%3Cpath d='M39 17.3918C37.8118 16.3566 34.8355 17.4435 32.3517 19.8209C29.8679 22.1983 28.8185 24.9648 30.0067 26L39 17.3918Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
  pointer-events: none;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-arrow::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: calc(13.58 * var(--vw));
  height: calc(8.71 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 34' fill='none'%3E%3Cpath d='M26.5 0.5C33.7366 0.5 40.2652 2.383 44.9688 5.40039C49.6775 8.42126 52.5 12.534 52.5 17C52.5 21.466 49.6775 25.5787 44.9688 28.5996C40.2652 31.617 33.7366 33.5 26.5 33.5C19.2634 33.5 12.7348 31.617 8.03125 28.5996C3.32248 25.5787 0.5 21.466 0.5 17C0.5 12.534 3.32248 8.42126 8.03125 5.40039C12.7348 2.383 19.2634 0.5 26.5 0.5Z' fill='white' stroke='black'/%3E%3Cpath d='M36.8448 15.875H14V18.125H36.8448V15.875Z' fill='black'/%3E%3Cpath d='M39 17.4264C37.8118 18.4616 34.8355 16.5565 32.3517 14.1791C29.8679 11.8017 28.8185 9.0352 30.0067 8L39 17.4264Z' fill='black'/%3E%3Cpath d='M39 17.3918C37.8118 16.3566 34.8355 17.4435 32.3517 19.8209C29.8679 22.1983 28.8185 24.9648 30.0067 26L39 17.3918Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) and (pointer: fine) {
  #anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-arrow:hover::after {
    opacity: 1;
  }
}
@media (hover: none), (pointer: coarse) {
  #anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-arrow:active::after {
    opacity: 1;
  }
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-dots {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: calc(4.87 * var(--vw));
  gap: 0 calc(4.1 * var(--vw));
  margin: 0;
  padding: 0;
  list-style: none;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-dots li {
  margin: 0;
  padding: 0;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-dots button {
  display: block;
  position: relative;
  width: calc(4.87 * var(--vw));
  height: calc(4.87 * var(--vw));
  border: 0;
  padding: 0;
  background: transparent;
  font-size: 0;
  cursor: pointer;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-dots button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #000;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: background 600ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: background 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) and (pointer: fine) {
  #anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-dots button:hover::before {
    background: #D9D9D9;
  }
}
@media (hover: none), (pointer: coarse) {
  #anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-dots button:active::before {
    background: #D9D9D9;
  }
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider .slick-dots .slick-active button::before {
  background: #000;
}
#anoikkaku-contents #sec-short-movie .shortmovie-slider button:focus-visible {
  outline: 2px solid #000;
  outline-offset: 3px;
}
#anoikkaku-contents #sec-making {
  background-color: #FFE208;
  padding-top: calc(20.51 * var(--vw));
}
#anoikkaku-contents #sec-making .ttl {
  font-family: "Roboto Condensed", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(79.48 * var(--vw));
  height: calc(13.84 * var(--vw));
  font-size: calc(11.53 * var(--vw));
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.04em;
  background: #CD3D32;
  padding-top: calc(0.76 * var(--vw));
  margin: 0 auto;
  background-color: #CD3D32;
  letter-spacing: -0.04em;
}
#anoikkaku-contents #sec-making .block {
  width: calc(79.48 * var(--vw));
  margin: calc(10.25 * var(--vw)) auto 0;
}
#anoikkaku-contents #sec-making .block a {
  position: relative;
  display: block;
}
#anoikkaku-contents #sec-making .block a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 600ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: background-color 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
#anoikkaku-contents #sec-making .block a::after {
  content: "";
  position: absolute;
  inset: 0;
  border: calc(1.02 * var(--vw)) solid #fff;
}
#anoikkaku-contents #sec-making .block a .btn-play {
  position: absolute;
  bottom: calc(1.53 * var(--vw));
  right: calc(1.53 * var(--vw));
}
@media (hover: hover) and (pointer: fine) {
  #anoikkaku-contents #sec-making .block a:hover::before {
    background-color: rgba(0, 0, 0, 0);
  }
}
@media (hover: none), (pointer: coarse) {
  #anoikkaku-contents #sec-making .block a:active::before {
    background-color: rgba(0, 0, 0, 0);
  }
}
#anoikkaku-contents #sec-making .block a .btn-play {
  width: calc(11.02 * var(--vw));
}
#anoikkaku-contents #sec-profile {
  background-color: #FFE208;
  padding-top: calc(20.51 * var(--vw));
  padding-bottom: calc(20.51 * var(--vw));
}
#anoikkaku-contents #sec-profile .ttl {
  font-family: "Roboto Condensed", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(79.48 * var(--vw));
  height: calc(13.84 * var(--vw));
  font-size: calc(11.53 * var(--vw));
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.04em;
  background: #CD3D32;
  padding-top: calc(0.76 * var(--vw));
  margin: 0 auto;
  letter-spacing: -0.04em;
}
#anoikkaku-contents #sec-profile .block {
  position: relative;
  width: calc(79.48 * var(--vw));
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: calc(2.05 * var(--vw));
  padding: calc(5.64 * var(--vw)) 0 calc(5.12 * var(--vw));
  margin: calc(10.25 * var(--vw)) auto 0;
}
#anoikkaku-contents #sec-profile .block .pic {
  width: calc(68.2 * var(--vw));
  margin: 0 auto;
}
#anoikkaku-contents #sec-profile .block .subttl {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(4.61 * var(--vw));
  font-weight: bold;
  text-align: center;
  margin-top: calc(5.38 * var(--vw));
}
#anoikkaku-contents #sec-profile .block .txt-name {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(3.84 * var(--vw));
  font-weight: 500;
  text-align: center;
  margin-top: calc(0.76 * var(--vw));
}
#anoikkaku-contents #sec-profile .block .txt-name .txt-small {
  font-size: calc(3.58 * var(--vw));
}
#anoikkaku-contents #sec-profile .block .txt {
  font-family: "Noto Sans JP", sans-serif;
  width: calc(68.2 * var(--vw));
  font-size: calc(3.58 * var(--vw));
  line-height: 1.7857142857;
  margin: calc(5.64 * var(--vw)) auto 0;
}
#anoikkaku-contents #sec-profile .block + .block {
  margin-top: calc(5.38 * var(--vw));
}
#anoikkaku-contents #service-area {
  background-color: #CD3D32;
  overflow: clip;
}
#anoikkaku-contents #service-area .service-ticker-top {
  background-color: #3869AE;
  overflow: hidden;
}
#anoikkaku-contents #service-area .service-ticker-top .service-ticker__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 calc(4.1 * var(--vw));
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: calc(1.28 * var(--vw));
}
#anoikkaku-contents #service-area .service-ticker-top img {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(171.79 * var(--vw));
  height: auto;
  max-width: none;
}
#anoikkaku-contents #service-area .block1, #anoikkaku-contents #service-area .block2 {
  position: relative;
}
#anoikkaku-contents #service-area .block1 .pic, #anoikkaku-contents #service-area .block2 .pic {
  width: calc(64.61 * var(--vw));
}
#anoikkaku-contents #service-area .block1 .txt, #anoikkaku-contents #service-area .block2 .txt {
  position: absolute;
  z-index: 1;
}
#anoikkaku-contents #service-area .block1 {
  margin: calc(20.51 * var(--vw)) 0 0 calc(25.12 * var(--vw));
}
#anoikkaku-contents #service-area .block1 .txt {
  top: calc(18.71 * var(--vw));
  left: calc(-18.72 * var(--vw));
  width: calc(45.64 * var(--vw));
}
#anoikkaku-contents #service-area .block2 {
  margin: calc(10.25 * var(--vw)) 0 calc(20.51 * var(--vw)) calc(10.25 * var(--vw));
}
#anoikkaku-contents #service-area .block2 .txt {
  top: calc(24.1 * var(--vw));
  left: calc(42.3 * var(--vw));
  width: calc(42.56 * var(--vw));
}
#anoikkaku-contents #service-area .service-ticker-bottom {
  background-color: #3869AE;
  overflow: hidden;
  padding: calc(1.28 * var(--vw)) 0;
}
#anoikkaku-contents #service-area .service-ticker-bottom .service-ticker__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 calc(4.1 * var(--vw));
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
#anoikkaku-contents #service-area .service-ticker-bottom img {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(173.84 * var(--vw));
  height: auto;
  max-width: none;
}
#anoikkaku-contents #sec-what {
  background-color: #FFE208;
  padding-top: calc(20.51 * var(--vw));
  padding-bottom: calc(20.51 * var(--vw));
}
#anoikkaku-contents #sec-what .ttl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(79.48 * var(--vw));
  height: calc(24.61 * var(--vw));
  margin: 0 auto;
}
#anoikkaku-contents #sec-what .ttl::before {
  content: "";
  position: absolute;
  width: calc(79.48 * var(--vw));
  height: calc(24.61 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 310 96' fill='none'%3E%3Cmask id='mask0' maskUnits='userSpaceOnUse' x='0' y='0' width='310' height='96'%3E%3Cpath d='M308.36 12.82L302.91 7.36L302.83 7.28C302.79 7.25 302.76 7.21 302.72 7.17L297.18 1.64C296.13 0.59 294.71 0 293.23 0H5.59C2.5 0 0 2.5 0 5.59V79.23C0 80.71 0.59 82.13 1.64 83.18L3.83 85.38L7.18 88.72C7.21 88.76 7.24 88.79 7.28 88.82L12.82 94.36C13.87 95.41 15.29 96 16.77 96H304.41C307.5 96 310 93.5 310 90.41V16.77C310 15.29 309.41 13.87 308.36 12.82Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect width='345' height='112' rx='5' fill='%23FF0000'/%3E%3Crect x='8' y='8' width='302' height='88' rx='5' fill='%23008833'/%3E%3Crect x='6' y='6' width='298' height='84' rx='5' fill='white'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
#anoikkaku-contents #sec-what .ttl .white {
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(74.87 * var(--vw));
  height: calc(20.51 * var(--vw));
  font-size: calc(6.15 * var(--vw));
  font-weight: bold;
  z-index: 1;
}
#anoikkaku-contents #sec-what .lead {
  font-family: "Noto Sans JP", sans-serif;
  width: calc(79.48 * var(--vw));
  font-size: calc(4.1 * var(--vw));
  line-height: 1.625;
  margin: calc(6.15 * var(--vw)) auto 0;
}
#anoikkaku-contents #sec-what .wrapper {
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  width: calc(79.48 * var(--vw));
  background-color: #fff;
  padding-top: calc(6.15 * var(--vw));
  padding-bottom: calc(3.58 * var(--vw));
  margin: calc(10.25 * var(--vw)) auto 0;
  border-radius: calc(1.53 * var(--vw));
  z-index: 2;
}
#anoikkaku-contents #sec-what .wrapper .subttl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(71.28 * var(--vw));
  height: calc(10.51 * var(--vw));
  font-size: calc(4.1 * var(--vw));
  font-weight: 900;
  line-height: 2;
  color: #fff;
  background-color: #CD3D32;
  padding-left: calc(1.53 * var(--vw));
  border-radius: calc(25.64 * var(--vw));
  margin: 0 auto;
}
#anoikkaku-contents #sec-what .wrapper .subttl em {
  position: relative;
  display: inline-block;
  width: calc(6.41 * var(--vw));
  height: calc(6.92 * var(--vw));
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='33' viewBox='0 0 31 33' fill='none'%3E%3Cpath d='M10.4467 6.54253C9.45763 7.4856 8.98372 8.74548 9.02493 10.3222H0.803589C0.886009 8.73074 1.2672 7.22036 1.94716 5.79102C2.66833 4.53851 3.8016 3.38178 5.34696 2.32083C6.50083 1.56932 7.87105 0.994642 9.45763 0.596785C11.0442 0.198928 12.9914 0 15.2991 0C19.5849 0 23.0362 0.795713 25.653 2.38714C28.2905 3.96383 29.6092 6.08573 29.6092 8.75285C29.6092 10.639 28.8262 12.2304 27.2602 13.5271C26.2712 14.3376 25.2409 14.8902 24.1695 15.1849C24.9731 15.1849 26.127 15.6785 27.6311 16.6658C29.877 18.1541 31 20.1875 31 22.7662C31 25.4776 29.6813 27.8647 27.0439 29.9277C24.4271 31.9759 20.543 33 15.3918 33C9.04553 33 4.63609 31.5191 2.16351 28.5573C0.865404 26.9806 0.144234 24.9176 0 22.3684H8.65404C8.65404 23.6504 8.94251 24.7113 9.51944 25.5512C10.5909 27.0985 12.5381 27.8721 15.3609 27.8721C17.0917 27.8721 18.5959 27.4521 19.8734 26.6122C21.1715 25.7575 21.8205 24.5345 21.8205 22.9431C21.8205 20.8359 20.6255 19.4287 18.2353 18.7214C16.8754 18.3235 14.7325 18.1246 11.8066 18.1246V13.6155C14.6707 13.5861 16.6693 13.3871 17.8026 13.0188C19.7601 12.3999 20.7388 11.1474 20.7388 9.26122C20.7388 8.03818 20.234 7.04354 19.2243 6.27729C18.2353 5.51105 16.8342 5.12793 15.0209 5.12793C12.9398 5.12793 11.4151 5.59946 10.4467 6.54253Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
  margin: 0 calc(0.76 * var(--vw)) 0 calc(1.02 * var(--vw));
}
@media print {
  #anoikkaku-contents #sec-what .wrapper .subttl em {
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline;
    background: none;
  }
}
#anoikkaku-contents #sec-what .wrapper .subttl .txt-small {
  position: relative;
  display: inline-block;
  font-size: calc(4.1 * var(--vw));
  letter-spacing: -0.19em;
}
#anoikkaku-contents #sec-what .wrapper .list-merit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(4.1 * var(--vw)) 0;
  width: calc(71.28 * var(--vw));
  margin: calc(4.1 * var(--vw)) auto 0;
}
#anoikkaku-contents #sec-what .wrapper li a {
  position: relative;
  display: block;
  background-color: #3869AE;
  padding: calc(2.3 * var(--vw)) calc(2.3 * var(--vw)) calc(3.07 * var(--vw));
  border-radius: calc(1.02 * var(--vw));
  -webkit-transition: background 600ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: background 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) and (pointer: fine) {
  #anoikkaku-contents #sec-what .wrapper li a:hover {
    background-color: #0A4394;
  }
}
@media (hover: none), (pointer: coarse) {
  #anoikkaku-contents #sec-what .wrapper li a:active {
    background-color: #0A4394;
  }
}
#anoikkaku-contents #sec-what .wrapper li a::after {
  content: "";
  position: absolute;
  right: calc(2.05 * var(--vw));
  bottom: calc(3.33 * var(--vw));
  width: calc(6.92 * var(--vw));
  height: calc(6.66 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 26'%3E%3Cpath d='M19.5597 6.69011L4.19244 18.1832L5.39028 19.7848L20.7575 8.29172L19.5597 6.69011Z' fill='white'/%3E%3Cpath d='M21.8353 6.7102C21.5872 8.04485 18.5709 8.18606 15.6344 7.74336C12.6979 7.30065 10.5192 5.85934 10.7673 4.52469L21.8353 6.7102Z' fill='white'/%3E%3Cpath d='M21.8169 6.68553C20.4665 6.5464 19.0431 8.81748 18.638 11.7594C18.2328 14.7013 18.9997 17.1985 20.3501 17.3376L21.8169 6.68553Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
}
#anoikkaku-contents #sec-what .wrapper li:nth-child(2) .merit-ttl::before {
  width: calc(7.94 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 33'%3E%3Cpath d='M20.2296 6.84008C19.1682 5.91901 17.6489 5.45848 15.6717 5.45848C12.9661 5.45848 11.1242 6.1908 10.146 7.65546C9.58409 8.50103 9.25109 9.84489 9.14703 11.687H0.499496C0.645183 8.89362 1.3424 6.63624 2.59114 4.91489C4.96375 1.6383 9.17825 0 15.2346 0C20.0215 0 23.8301 0.966369 26.6606 2.89911C29.4911 4.81675 30.9063 7.36102 30.9063 10.5319C30.9063 12.9629 29.9074 15.1222 27.9094 17.0096C26.5982 18.2629 24.4441 19.6596 21.4471 21.1997L17.8882 23.0343C15.6613 24.1819 14.1316 25.0124 13.2991 25.5257C12.4874 26.0391 11.8006 26.6356 11.2387 27.315H31V33H0C0.0832494 30.6445 0.780463 28.4928 2.09164 26.545C3.3612 24.3555 6.35817 22.0377 11.0826 19.5916C15.1826 17.4626 17.8362 15.9375 19.0433 15.0165C20.8956 13.582 21.8218 12.0117 21.8218 10.3054C21.8218 8.91627 21.291 7.76115 20.2296 6.84008Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
  margin-left: 0;
}
#anoikkaku-contents #sec-what .wrapper li:nth-child(3) .merit-ttl::before {
  width: calc(7.94 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 33'%3E%3Cpath d='M10.4467 6.54253C9.45763 7.4856 8.98372 8.74548 9.02493 10.3222H0.803589C0.886009 8.73074 1.2672 7.22036 1.94716 5.79102C2.66833 4.53851 3.8016 3.38178 5.34696 2.32083C6.50083 1.56932 7.87105 0.994642 9.45763 0.596785C11.0442 0.198928 12.9914 0 15.2991 0C19.5849 0 23.0362 0.795713 25.653 2.38714C28.2905 3.96383 29.6092 6.08573 29.6092 8.75285C29.6092 10.639 28.8262 12.2304 27.2602 13.5271C26.2712 14.3376 25.2409 14.8902 24.1695 15.1849C24.9731 15.1849 26.127 15.6785 27.6311 16.6658C29.877 18.1541 31 20.1875 31 22.7662C31 25.4776 29.6813 27.8647 27.0439 29.9277C24.4271 31.9759 20.543 33 15.3918 33C9.04553 33 4.63609 31.5191 2.16351 28.5573C0.865404 26.9806 0.144234 24.9176 0 22.3684H8.65404C8.65404 23.6504 8.94251 24.7113 9.51944 25.5512C10.5909 27.0985 12.5381 27.8721 15.3609 27.8721C17.0917 27.8721 18.5959 27.4521 19.8734 26.6122C21.1715 25.7575 21.8205 24.5345 21.8205 22.9431C21.8205 20.8359 20.6255 19.4287 18.2353 18.7214C16.8754 18.3235 14.7325 18.1246 11.8066 18.1246V13.6155C14.6707 13.5861 16.6693 13.3871 17.8026 13.0188C19.7601 12.3999 20.7388 11.1474 20.7388 9.26122C20.7388 8.03818 20.234 7.04354 19.2243 6.27729C18.2353 5.51105 16.8342 5.12793 15.0209 5.12793C12.9398 5.12793 11.4151 5.59946 10.4467 6.54253Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
  margin-top: calc(2.56 * var(--vw));
  margin-bottom: calc(1.79 * var(--vw));
  margin-left: 0;
}
#anoikkaku-contents #sec-what .wrapper li .merit-ttl {
  font-size: calc(4.61 * var(--vw));
  font-weight: bold;
  line-height: 1.2222222222;
  color: #fff;
  padding-left: calc(1.79 * var(--vw));
}
#anoikkaku-contents #sec-what .wrapper li .merit-ttl::before {
  content: "";
  display: block;
  width: calc(5.12 * var(--vw));
  height: calc(8.46 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 33'%3E%3Cpath d='M20 33H10.7741V10.2414H0V5.82621C2.8436 5.73517 4.83412 5.59862 5.97156 5.41655C7.78304 5.12828 9.2575 4.55172 10.3949 3.6869C11.1743 3.09517 11.7641 2.30621 12.1643 1.32C12.396 0.728276 12.5118 0.288276 12.5118 0H20V33Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
  margin: calc(2.05 * var(--vw)) calc(0.76 * var(--vw));
}
#anoikkaku-contents #sec-what .logo {
  position: relative;
  margin-top: calc(-14.88 * var(--vw));
  z-index: 1;
}
#anoikkaku-contents #sec-what .pic {
  position: relative;
  width: 100%;
  height: calc(59.23 * var(--vw));
  background-color: #42B8AA;
  overflow: hidden;
  margin-top: calc(20.51 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #sec-what .pic {
    height: auto;
    aspect-ratio: 1170/693;
  }
}
#anoikkaku-contents #sec-what .pic::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(20.51 * var(--vw));
  background-color: #FFE208;
  z-index: 1;
}
#anoikkaku-contents #sec-what .pic > img {
  display: block;
  width: 100%;
  -webkit-transform: scale(0.43) translate(0, calc(89.48 * var(--vw)));
          transform: scale(0.43) translate(0, calc(89.48 * var(--vw)));
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
#anoikkaku-contents #sec-what .pic .txt1, #anoikkaku-contents #sec-what .pic .txt2 {
  position: absolute;
  z-index: 1;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  -webkit-transition: -webkit-clip-path 0.7s cubic-bezier(0.76, 0, 0.24, 1);
  transition: -webkit-clip-path 0.7s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.7s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.7s cubic-bezier(0.76, 0, 0.24, 1), -webkit-clip-path 0.7s cubic-bezier(0.76, 0, 0.24, 1);
  will-change: clip-path;
}
#anoikkaku-contents #sec-what .pic .txt1 {
  top: calc(3.58 * var(--vw));
  right: calc(4.1 * var(--vw));
  width: calc(12.3 * var(--vw));
}
#anoikkaku-contents #sec-what .pic .txt2 {
  top: calc(3.58 * var(--vw));
  left: calc(4.1 * var(--vw));
  width: calc(12.3 * var(--vw));
}
#anoikkaku-contents #sec-print {
  overflow: hidden;
  background-color: #FFE208;
  scroll-margin-top: calc(20.51 * var(--vw));
}
#anoikkaku-contents #sec-print .ttl {
  font-family: "Roboto Condensed", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(79.48 * var(--vw));
  height: calc(13.84 * var(--vw));
  font-size: calc(11.53 * var(--vw));
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.04em;
  background: #CD3D32;
  padding-top: calc(0.76 * var(--vw));
  margin: 0 auto;
  background-color: #3869AE;
}
#anoikkaku-contents #sec-print .subttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(79.48 * var(--vw));
  height: calc(8.71 * var(--vw));
  font-size: calc(4.61 * var(--vw));
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.2em;
  background-color: #3869AE;
  margin: calc(10.25 * var(--vw)) auto 0;
}
#anoikkaku-contents #sec-print .txt-balloon {
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(78.97 * var(--vw));
  height: calc(18.46 * var(--vw));
  font-size: calc(4.1 * var(--vw));
  font-weight: bold;
  color: #000;
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-align: center;
  background-color: #fff;
  border-radius: calc(9.23 * var(--vw));
  margin: calc(10.25 * var(--vw)) auto 0;
}
#anoikkaku-contents #sec-print .txt-balloon::after {
  content: "";
  position: absolute;
  bottom: calc(-3.59 * var(--vw));
  border-left: calc(2.82 * var(--vw)) solid transparent;
  border-right: calc(2.82 * var(--vw)) solid transparent;
  border-top: calc(4.87 * var(--vw)) solid #fff;
}
#anoikkaku-contents #sec-print .txt1 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(4.61 * var(--vw));
  font-weight: bold;
  text-align: center;
  line-height: 1.5555555556;
  letter-spacing: 0.04em;
  margin-top: calc(7.69 * var(--vw));
}
#anoikkaku-contents #sec-print .print-block {
  margin-top: calc(14.35 * var(--vw));
}
#anoikkaku-contents #sec-print .print-block .pic {
  width: calc(61.53 * var(--vw));
  margin: 0 auto;
}
#anoikkaku-contents #sec-print .print-block .pic2 {
  width: calc(43.84 * var(--vw));
  margin: 0 auto;
}
#anoikkaku-contents #sec-print .print-block .txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(4.61 * var(--vw));
  font-weight: bold;
  line-height: 1.3333333333;
  text-align: center;
  margin-top: calc(4.1 * var(--vw));
}
#anoikkaku-contents #sec-print .print-block .btn a {
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(79.48 * var(--vw));
  height: calc(16.41 * var(--vw));
  font-size: calc(4.1 * var(--vw));
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.08em;
  color: #fff;
  background-color: #000;
  border-radius: calc(2.05 * var(--vw));
  margin: calc(4.1 * var(--vw)) auto 0;
}
#anoikkaku-contents #sec-print .print-block .btn a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#E60000), color-stop(16.666%, #F0F000), color-stop(33.333%, #73E600), color-stop(50%, #00C7D9), color-stop(66.666%, #7800F0), color-stop(83.333%, #E600E6));
  background: linear-gradient(90deg, #E60000 0% 16.666%, #F0F000 16.666% 33.333%, #73E600 33.333% 50%, #00C7D9 50% 66.666%, #7800F0 66.666% 83.333%, #E600E6 83.333% 100%);
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  #anoikkaku-contents #sec-print .print-block .btn a:hover::before {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (hover: none), (pointer: coarse) {
  #anoikkaku-contents #sec-print .print-block .btn a:active::before {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (prefers-reduced-motion: reduce) {
  #anoikkaku-contents #sec-print .print-block .btn a::before {
    display: none;
  }
}
#anoikkaku-contents #sec-print .print-block .btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(4.61 * var(--vw));
  width: calc(6.92 * var(--vw));
  height: calc(6.66 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 26'%3E%3Cpath d='M19.5596 6.69108L4.19237 18.1842L5.39022 19.7858L20.7574 8.2927L19.5596 6.69108Z' fill='white'/%3E%3Cpath d='M21.8353 6.71118C21.5871 8.04582 18.5708 8.18704 15.6343 7.74433C12.6979 7.30163 10.5191 5.86032 10.7673 4.52567L21.8353 6.71118Z' fill='white'/%3E%3Cpath d='M21.8168 6.6865C20.4665 6.54738 19.043 8.81846 18.6379 11.7604C18.2327 14.7022 18.9996 17.1995 20.35 17.3386L21.8168 6.6865Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#anoikkaku-contents #sec-print .print-block + .subttl {
  margin-top: calc(19.48 * var(--vw));
}
#anoikkaku-contents #sec-print .txt2, #anoikkaku-contents #sec-print .txt3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(4.1 * var(--vw));
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-align: center;
  margin-top: calc(6.15 * var(--vw));
}
#anoikkaku-contents #sec-print .txt2 + .subttl {
  margin-top: calc(5.89 * var(--vw));
}
#anoikkaku-contents #sec-print .txt2 {
  letter-spacing: normal;
  line-height: 1.3125;
}
#anoikkaku-contents #sec-print .txt3 {
  letter-spacing: 0.1em;
}
#anoikkaku-contents #sec-print .btn-detail a {
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(79.48 * var(--vw));
  height: calc(16.41 * var(--vw));
  font-size: calc(4.61 * var(--vw));
  font-weight: bold;
  line-height: 1.1111111111;
  color: #fff;
  background-color: #000;
  border-radius: calc(2.05 * var(--vw));
  margin: calc(5.12 * var(--vw)) auto 0;
}
#anoikkaku-contents #sec-print .btn-detail a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#E60000), color-stop(16.666%, #F0F000), color-stop(33.333%, #73E600), color-stop(50%, #00C7D9), color-stop(66.666%, #7800F0), color-stop(83.333%, #E600E6));
  background: linear-gradient(90deg, #E60000 0% 16.666%, #F0F000 16.666% 33.333%, #73E600 33.333% 50%, #00C7D9 50% 66.666%, #7800F0 66.666% 83.333%, #E600E6 83.333% 100%);
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  #anoikkaku-contents #sec-print .btn-detail a:hover::before {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (hover: none), (pointer: coarse) {
  #anoikkaku-contents #sec-print .btn-detail a:active::before {
    -webkit-animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
            animation: anoikkaku-color-sweep 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@media (prefers-reduced-motion: reduce) {
  #anoikkaku-contents #sec-print .btn-detail a::before {
    display: none;
  }
}
#anoikkaku-contents #sec-print .btn-detail a::after {
  content: "";
  width: calc(4.1 * var(--vw));
  height: calc(4.1 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5.48806 2.0498H0.992188V15.0085H13.8186V9.98369' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.4707 8.52889L15.0079 0.991699' stroke='white' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M15.0082 6.67765V0.991699H9.32227' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  margin-left: calc(2.05 * var(--vw));
}
#anoikkaku-contents #sec-print .chara {
  margin-top: calc(20.51 * var(--vw));
}
#anoikkaku-contents #sec-poster {
  position: relative;
  padding-top: calc(20.51 * var(--vw));
}
#anoikkaku-contents #sec-poster::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 15.38 * var(--vw));
  background-color: #FFE208;
}
#anoikkaku-contents #sec-poster .ttl {
  font-family: "Roboto Condensed", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(79.48 * var(--vw));
  height: calc(13.84 * var(--vw));
  font-size: calc(11.53 * var(--vw));
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.04em;
  background: #CD3D32;
  padding-top: calc(0.76 * var(--vw));
  margin: 0 auto;
  position: relative;
  background-color: #3869AE;
  letter-spacing: -0.04em;
}
#anoikkaku-contents #sec-poster .pic {
  position: relative;
  width: calc(79.48 * var(--vw));
  margin: calc(10.25 * var(--vw)) auto 0;
}
#anoikkaku-contents #sec-poster .txt1, #anoikkaku-contents #sec-poster .txt2 {
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  width: calc(79.48 * var(--vw));
  font-size: calc(3.58 * var(--vw));
  line-height: 1.7142857143;
  margin: calc(6.15 * var(--vw)) auto 0;
}
#anoikkaku-contents #sec-poster .txt2 {
  margin-top: calc(6.15 * var(--vw));
}
#anoikkaku-contents #sec-poster .poster-ticker-top {
  height: calc(10.25 * var(--vw));
  background-color: #3869AE;
}
#anoikkaku-contents #sec-poster .poster-ticker-pic-wrapper {
  position: relative;
  display: grid;
}
#anoikkaku-contents #sec-poster .poster-txt1,
#anoikkaku-contents #sec-poster .poster-txt3 {
  font-family: "Roboto", sans-serif;
  position: absolute;
  letter-spacing: normal;
}
#anoikkaku-contents #sec-poster .poster-txt1 {
  top: calc(17.43 * var(--vw));
  left: calc(-1.54 * var(--vw));
  font-size: calc(5.38 * var(--vw));
  font-weight: 900;
  line-height: 1.1904761905;
  color: #FFFFFF;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#anoikkaku-contents #sec-poster .poster-txt3 {
  bottom: calc(0.76 * var(--vw));
  left: calc(3.58 * var(--vw));
  isolation: isolate;
  z-index: 1;
  font-size: calc(8.46 * var(--vw));
  font-weight: 900;
}
#anoikkaku-contents #sec-poster .poster-txt3::before {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-text-stroke: 4px #3869AE;
  -webkit-text-fill-color: #3869AE;
}
#anoikkaku-contents #sec-poster .poster-txt3 > span {
  position: relative;
  z-index: 1;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#BEF6FF));
  background: linear-gradient(180deg, #FFFFFF 0%, #BEF6FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0;
}
#anoikkaku-contents #sec-poster .poster-ticker-pic {
  position: relative;
  grid-area: 1/1;
}
#anoikkaku-contents #sec-poster .poster-ticker-bottom {
  height: calc(10.25 * var(--vw));
  background-color: #CD3D32;
}
#anoikkaku-contents #sec-poster.is-ticker-paused .poster-ticker-top {
  padding-left: calc(var(--poster-ticker-gap) / 2);
}
@media (prefers-reduced-motion: reduce) {
  #anoikkaku-contents #sec-poster .poster-ticker-top {
    padding-left: calc(var(--poster-ticker-gap) / 2);
  }
}
#anoikkaku-contents #sec-poster .poster-ticker-top, #anoikkaku-contents #sec-poster .poster-ticker-bottom {
  --poster-ticker-gap: calc(4.1 * var(--vw));
  position: relative;
  overflow: hidden;
}
#anoikkaku-contents #sec-poster .poster-ticker-top .ticker, #anoikkaku-contents #sec-poster .poster-ticker-bottom .ticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 var(--poster-ticker-gap);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: calc(1.28 * var(--vw)) 0;
}
#anoikkaku-contents #sec-poster .poster-ticker-top img, #anoikkaku-contents #sec-poster .poster-ticker-bottom img {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(171.79 * var(--vw));
  height: auto;
  max-width: none;
}
#anoikkaku-contents #main-footer {
  background-color: #3869AE;
  overflow: clip;
  padding-top: calc(20.51 * var(--vw));
  padding-bottom: calc(20.51 * var(--vw));
}
@media print, screen and (min-width: 768px) {
  #anoikkaku-contents #main-footer {
    border-radius: 0 0 24px 24px;
  }
}
#anoikkaku-contents #main-footer .footer-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(6.15 * var(--vw)) 0;
}
#anoikkaku-contents #main-footer .pic {
  width: calc(72.3 * var(--vw));
  margin: 0 auto;
}
#anoikkaku-contents #main-footer .ttl-share {
  font-family: "Roboto Condensed", sans-serif;
  font-size: calc(6.92 * var(--vw));
  font-weight: 500;
  text-align: center;
  line-height: 1;
  color: #fff;
  margin-top: calc(20.51 * var(--vw));
}
#anoikkaku-contents #main-footer .list-share {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 calc(1.79 * var(--vw));
  width: calc(43.58 * var(--vw));
  margin: calc(4.1 * var(--vw)) auto 0;
}
#anoikkaku-contents #main-footer .list-share a {
  position: relative;
  display: block;
  -webkit-transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) and (pointer: fine) {
  #anoikkaku-contents #main-footer .list-share a:hover {
    opacity: 0.8;
  }
}
@media (hover: none), (pointer: coarse) {
  #anoikkaku-contents #main-footer .list-share a:active {
    opacity: 0.8;
  }
}
#anoikkaku-contents #main-footer .list-share a::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
}

/* INTROロゴの表示領域。 */
#anoikkaku-contents #intro-area,
#anoikkaku-contents #intro-area .logo {
  overflow: visible;
}

@media print {
  #anoikkaku-contents img,
  #anoikkaku-contents picture,
  #anoikkaku-contents video,
  #anoikkaku-contents iframe,
  .anoikkaku-modaal img,
  .anoikkaku-modaal picture,
  .anoikkaku-modaal video,
  .anoikkaku-modaal iframe {
    visibility: hidden !important;
  }
  #anoikkaku-contents, #anoikkaku-contents *, #anoikkaku-contents *::before, #anoikkaku-contents *::after,
  .anoikkaku-modaal,
  .anoikkaku-modaal *,
  .anoikkaku-modaal *::before,
  .anoikkaku-modaal *::after {
    background-image: none !important;
  }
}
#anoikkaku-contents #intro-area .logo .intro-logo-lettering {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

#anoikkaku-contents #intro-area .logo .intro-logo-char {
  transform-box: fill-box;
  -webkit-transform-origin: center top;
          transform-origin: center top;
}

@media (prefers-reduced-motion: reduce) {
  #anoikkaku-contents #intro-area .logo .intro-logo-lettering .intro-logo-char {
    -webkit-animation: none;
            animation: none;
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
#anoikkaku-contents #loading .kv-lettering {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

@-webkit-keyframes anoikkaku-nav-arrow-bounce {
  0%, 100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  50% {
    -webkit-transform: translateY(calc(-50% + var(--nav-arrow-hover-distance)));
            transform: translateY(calc(-50% + var(--nav-arrow-hover-distance)));
  }
}

@keyframes anoikkaku-nav-arrow-bounce {
  0%, 100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  50% {
    -webkit-transform: translateY(calc(-50% + var(--nav-arrow-hover-distance)));
            transform: translateY(calc(-50% + var(--nav-arrow-hover-distance)));
  }
}
@media (prefers-reduced-motion: reduce) {
  #anoikkaku-contents #anoikkaku-nav ul a::after {
    -webkit-animation: none;
            animation: none;
  }
  #anoikkaku-contents #anoikkaku-nav ul a .label::after {
    -webkit-transition: none;
    transition: none;
  }
  #anoikkaku-contents #sec-short-movie .slick-arrow::after {
    -webkit-transition: none;
    transition: none;
  }
  #anoikkaku-contents #sec-what .pic .txt1,
  #anoikkaku-contents #sec-what .pic .txt2 {
    -webkit-transition: none;
    transition: none;
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  #anoikkaku-contents #service-area .service-ticker-top .service-ticker__track {
    -webkit-animation: none;
            animation: none;
  }
  #anoikkaku-contents #service-area .service-ticker-bottom .service-ticker__track {
    -webkit-animation: none;
            animation: none;
  }
  #anoikkaku-contents #sec-poster .poster-ticker-top .ticker,
  #anoikkaku-contents #sec-poster .poster-ticker-bottom .ticker {
    -webkit-animation: none;
            animation: none;
  }
  #anoikkaku-contents #intro-area .cast-block .cast-ticker__track {
    -webkit-animation: none;
            animation: none;
  }
  #anoikkaku-contents #main-footer .pic {
    -webkit-animation: none;
            animation: none;
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
#anoikkaku-contents.is-animation-disabled .right-col .txt-scroll::after {
  -webkit-animation: none;
          animation: none;
  background-position: center 0;
}
#anoikkaku-contents.is-animation-disabled #intro-area .cast-block .cast-ticker__track,
#anoikkaku-contents.is-animation-disabled #service-area .service-ticker-top .service-ticker__track,
#anoikkaku-contents.is-animation-disabled #sec-poster .poster-ticker-top .ticker {
  -webkit-animation: none;
          animation: none;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#anoikkaku-contents.is-animation-disabled #service-area .service-ticker-bottom .service-ticker__track,
#anoikkaku-contents.is-animation-disabled #sec-poster .poster-ticker-bottom .ticker {
  -webkit-animation: none;
          animation: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#anoikkaku-contents.is-animation-disabled #intro-area .logo .intro-logo-lettering .intro-logo-char {
  -webkit-animation: none;
          animation: none;
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
#anoikkaku-contents.is-animation-disabled #service-area .block1 .pic,
#anoikkaku-contents.is-animation-disabled #service-area .block2 .pic,
#anoikkaku-contents.is-animation-disabled #main-footer .footer-gallery .pic {
  -webkit-animation: none;
          animation: none;
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
#anoikkaku-contents.is-animation-disabled #sec-what .pic > img {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: scale(1) translate(0, 0);
          transform: scale(1) translate(0, 0);
}
#anoikkaku-contents.is-animation-disabled #sec-what .pic .txt1,
#anoikkaku-contents.is-animation-disabled #sec-what .pic .txt2 {
  -webkit-transition: none;
  transition: none;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

#anoikkaku-contents :is(a, button, input, select, textarea, [tabindex]):focus-visible,
.anoikkaku-modaal :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #000;
  outline-offset: 3px;
  -webkit-box-shadow: 0 0 0 3px #fff;
          box-shadow: 0 0 0 3px #fff;
}
