@charset "UTF-8";
/* =============================================================== */
/* reset */
/* =============================================================== */
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

:before,
:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/ }

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0; }

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0; }

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none; }

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */ }

address {
  font-style: inherit; }

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content */
/* ============================================ */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  vertical-align: bottom; }

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom; }

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit; }

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox; }

[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
  cursor: default; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none; }

/**
 * Remove padding
 */
option {
  padding: 0; }

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the outline style in Safari.
 */
[type="search"] {
  outline-offset: -2px;
  /* 1 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer; }

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none; }

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0; }

caption {
  text-align: left; }

td,
th {
  vertical-align: top;
  padding: 0; }

th {
  text-align: left;
  font-weight: bold; }

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* =============================================================== */
/* reset */
/* =============================================================== */
/* =============================================================== */
/* foundation */
/* =============================================================== */
html {
  font-size: 62.5%; }

body {
  margin: 0 auto;
  font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  color: #333333; }
  @media print, screen and (max-width: 1199px) {
    body:not(#tinymce) {
      min-width: 1200px;
      overflow-x: scroll; } }
  @media print, screen and (max-width: 1024px) {
    body:not(#tinymce) {
      min-width: 0;
      overflow-x: hidden;
      -webkit-text-size-adjust: 100%;
      -webkit-overflow-scrolling: touch; } }

img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  @media print, screen and (max-width: 1024px) {
    img {
      width: 100%;
      height: auto; } }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1; }

a {
  color: #333333;
  text-decoration: none; }

.center_x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.center_y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.preload * {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition-delay: unset !important;
          transition-delay: unset !important; }

.resizing *,
.resizing *:before,
.resizing *:after {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition-delay: unset !important;
          transition-delay: unset !important; }

.w100 img,
img.w100 {
  width: 100%;
  height: auto; }

@media print, screen and (min-width: 1024px) {
  .hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: .2s opacity;
    transition: .2s opacity; }
    .hover:hover {
      opacity: .8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      cursor: pointer; } }

.oswald-r {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  -webkit-font-feature-settings: "liga" 0;
          font-feature-settings: "liga" 0; }

.oswald-m {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  -webkit-font-feature-settings: "liga" 0;
          font-feature-settings: "liga" 0; }

.min {
  font-family: 'Noto Serif JP', serif; }

.yu-min {
  font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Noto Serif JP', sans-serif;
  font-weight: 400; }

.wf-roundedmplus1c {
  font-family: "M PLUS Rounded 1c", sans-serif; }

.pc_b {
  display: block !important; }
  @media print, screen and (max-width: 1024px) {
    .pc_b {
      display: none !important; } }

.pc_i {
  display: inline !important; }
  @media print, screen and (max-width: 1024px) {
    .pc_i {
      display: none !important; } }

.pc_ib {
  display: inline-block !important; }
  @media print, screen and (max-width: 1024px) {
    .pc_ib {
      display: none !important; } }

.sp_b {
  display: none !important; }
  @media print, screen and (max-width: 1024px) {
    .sp_b {
      display: block !important; } }

.sp_i {
  display: none !important; }
  @media print, screen and (max-width: 1024px) {
    .sp_i {
      display: inline !important; } }

.sp_ib {
  display: none !important; }
  @media print, screen and (max-width: 1024px) {
    .sp_ib {
      display: inline-block !important; } }

@-webkit-keyframes bg-Star {
  0% {
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; }
  100% {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }

@keyframes bg-Star {
  0% {
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; }
  100% {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }

@-webkit-keyframes tail {
  0% {
    width: 0; }
  15% {
    width: 100px; }
  50% {
    width: 0; }
  100% {
    width: 0; } }

@keyframes tail {
  0% {
    width: 0; }
  15% {
    width: 100px; }
  50% {
    width: 0; }
  100% {
    width: 0; } }

@-webkit-keyframes shining {
  0% {
    width: 0; }
  25% {
    width: 30px; }
  50% {
    width: 0; }
  100% {
    width: 0; } }

@keyframes shining {
  0% {
    width: 0; }
  25% {
    width: 30px; }
  50% {
    width: 0; }
  100% {
    width: 0; } }

@-webkit-keyframes shooting {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  50% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px); }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px); } }

@keyframes shooting {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  50% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px); }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px); } }

/* =============================================================== */
/* st */
/* =============================================================== */
/* =============================================================== */
/* .st-Container */
/* =============================================================== */
.st-Container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  background: -webkit-linear-gradient(left, #8dd0ff 0%, #418fdc 25%, rgba(20, 104, 199, 0) 50%, #418fdc 75%, #8dd0ff 100%) 0 0/100% repeat-y #1468c7;
  background: -webkit-gradient(linear, left top, right top, from(#8dd0ff), color-stop(25%, #418fdc), color-stop(50%, rgba(20, 104, 199, 0)), color-stop(75%, #418fdc), to(#8dd0ff)) 0 0/100% repeat-y #1468c7;
  background: linear-gradient(to right, #8dd0ff 0%, #418fdc 25%, rgba(20, 104, 199, 0) 50%, #418fdc 75%, #8dd0ff 100%) 0 0/100% repeat-y #1468c7; }

/* =============================================================== */
/* .st-Letter */
/* =============================================================== */
.st-Letter {
  position: relative;
  padding: 100px 0 80px; }
  @media print, screen and (max-width: 1024px) {
    .st-Letter {
      padding: 8.07292vw 0 11.84896vw; } }
  .st-Letter_Inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative; }
  .st-Letter_Txt {
    background: url("../../images/common/bg_line-h.png") left top/7px auto repeat-x, url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x, url("../../images/common/bg_line-h.png") left 50%/7px auto repeat-x;
    padding: 22px 0 20px; }
    .st-Letter_Txt span {
      display: block;
      width: 552px;
      position: relative;
      z-index: 20; }
    @media print, screen and (max-width: 1024px) {
      .st-Letter_Txt {
        background: url("../../images/common/bg_line-h.png") left top/7px auto repeat-x, url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x, url("../../images/common/bg_line-h.png") left 33%/7px auto repeat-x, url("../../images/common/bg_line-h.png") left 66%/7px auto repeat-x;
        padding: 2.47396vw 0 2.60417vw;
        width: 60.28646vw;
        margin: 0 0 0 35.15625vw; }
        .st-Letter_Txt span {
          width: 51.04167vw; } }
  .st-Letter_Detail {
    margin: 34px auto 0;
    position: relative;
    z-index: 20; }
    @media print, screen and (max-width: 1024px) {
      .st-Letter_Detail {
        margin: 5.72917vw 0 0 35.15625vw;
        width: 54.6875vw; } }
  .st-Letter_Btn {
    margin: 50px auto 0; }
    @media print, screen and (max-width: 1024px) {
      .st-Letter_Btn {
        margin: 9.11458vw auto 0; } }
    .st-Letter_Btn .sw-Btn {
      width: 380px;
      height: 80px;
      z-index: 10; }
      @media print, screen and (max-width: 1024px) {
        .st-Letter_Btn .sw-Btn {
          width: 78.90625vw;
          height: 14.0625vw;
          z-index: 20; } }
      .st-Letter_Btn .sw-Btn:before {
        background-image: -webkit-linear-gradient(left, #1da1f2 0%, #137ab9 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(#1da1f2), to(#137ab9));
        background-image: linear-gradient(90deg, #1da1f2 0%, #137ab9 100%); }
    .st-Letter_Btn .mail {
      width: 24px;
      display: inline-block;
      margin: 0 15px 0 0;
      -webkit-transform: translateY(2px);
              transform: translateY(2px); }
      @media print, screen and (max-width: 1024px) {
        .st-Letter_Btn .mail {
          width: 5.20833vw;
          margin: 0 2.08333vw 0 0; } }
    .st-Letter_Btn .icon-mail-b {
      fill: #fff; }
  .st-Letter_Chara {
    display: block;
    width: 633px;
    height: 652px;
    position: absolute;
    top: -185px;
    right: 0px; }
    @media print, screen and (max-width: 1024px) {
      .st-Letter_Chara {
        top: -8.07292vw;
        right: 0;
        width: 100vw;
        height: 112.23958vw; } }
    .st-Letter_Chara.akito {
      background: url("../../images/pc/footer/img_akito.png") left top/100% auto no-repeat; }
      @media print, screen and (max-width: 1024px) {
        .st-Letter_Chara.akito {
          background: url("../../images/sp/footer/img_akito.png") left top/100% auto no-repeat; } }

/* =============================================================== */
/* .st-Footer */
/* =============================================================== */
.st-Footer {
  background: #052246;
  position: relative;
  padding: 80px 0 50px; }
  @media print, screen and (max-width: 1024px) {
    .st-Footer {
      padding: 13.02083vw 0 7.8125vw; } }
  .st-Footer:after {
    content: '';
    width: 100%;
    height: 4px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient(left, rgba(255, 58, 58, 0.4) 0%, rgba(255, 58, 58, 0.4) 12%, rgba(58, 90, 255, 0.4) 12%, rgba(58, 90, 255, 0.4) 25%, rgba(255, 240, 0, 0.4) 25%, rgba(255, 240, 0, 0.4) 37%, rgba(255, 58, 58, 0.4) 37%, rgba(255, 58, 58, 0.4) 50%, rgba(58, 90, 255, 0.4) 50%, rgba(58, 90, 255, 0.4) 62%, rgba(255, 240, 0, 0.4) 62%, rgba(255, 240, 0, 0.4) 75%, rgba(255, 58, 58, 0.4) 75%, rgba(255, 58, 58, 0.4) 87%, rgba(58, 90, 255, 0.4) 87%, rgba(58, 90, 255, 0.4) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 58, 58, 0.4)), color-stop(12%, rgba(255, 58, 58, 0.4)), color-stop(12%, rgba(58, 90, 255, 0.4)), color-stop(25%, rgba(58, 90, 255, 0.4)), color-stop(25%, rgba(255, 240, 0, 0.4)), color-stop(37%, rgba(255, 240, 0, 0.4)), color-stop(37%, rgba(255, 58, 58, 0.4)), color-stop(50%, rgba(255, 58, 58, 0.4)), color-stop(50%, rgba(58, 90, 255, 0.4)), color-stop(62%, rgba(58, 90, 255, 0.4)), color-stop(62%, rgba(255, 240, 0, 0.4)), color-stop(75%, rgba(255, 240, 0, 0.4)), color-stop(75%, rgba(255, 58, 58, 0.4)), color-stop(87%, rgba(255, 58, 58, 0.4)), color-stop(87%, rgba(58, 90, 255, 0.4)), to(rgba(58, 90, 255, 0.4)));
    background: linear-gradient(90deg, rgba(255, 58, 58, 0.4) 0%, rgba(255, 58, 58, 0.4) 12%, rgba(58, 90, 255, 0.4) 12%, rgba(58, 90, 255, 0.4) 25%, rgba(255, 240, 0, 0.4) 25%, rgba(255, 240, 0, 0.4) 37%, rgba(255, 58, 58, 0.4) 37%, rgba(255, 58, 58, 0.4) 50%, rgba(58, 90, 255, 0.4) 50%, rgba(58, 90, 255, 0.4) 62%, rgba(255, 240, 0, 0.4) 62%, rgba(255, 240, 0, 0.4) 75%, rgba(255, 58, 58, 0.4) 75%, rgba(255, 58, 58, 0.4) 87%, rgba(58, 90, 255, 0.4) 87%, rgba(58, 90, 255, 0.4) 100%); }
    @media print, screen and (max-width: 1024px) {
      .st-Footer:after {
        background: -webkit-linear-gradient(left, rgba(255, 58, 58, 0.4) 0%, rgba(255, 58, 58, 0.4) 33%, rgba(58, 90, 255, 0.4) 33%, rgba(58, 90, 255, 0.4) 66%, rgba(255, 240, 0, 0.4) 66%, rgba(255, 240, 0, 0.4) 100%);
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 58, 58, 0.4)), color-stop(33%, rgba(255, 58, 58, 0.4)), color-stop(33%, rgba(58, 90, 255, 0.4)), color-stop(66%, rgba(58, 90, 255, 0.4)), color-stop(66%, rgba(255, 240, 0, 0.4)), to(rgba(255, 240, 0, 0.4)));
        background: linear-gradient(90deg, rgba(255, 58, 58, 0.4) 0%, rgba(255, 58, 58, 0.4) 33%, rgba(58, 90, 255, 0.4) 33%, rgba(58, 90, 255, 0.4) 66%, rgba(255, 240, 0, 0.4) 66%, rgba(255, 240, 0, 0.4) 100%); } }
  .st-Footer_Contents {
    width: 960px;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
        grid-template-columns: 50% 50%;
        -ms-grid-rows: auto 0px auto 0px auto 0px auto;
        grid-template-rows: auto auto auto auto;
    gap: 0px 0px;
    grid-template-areas: "share share" "menu menu" "twitter logo" "copy copy"; }
    .st-Footer_Contents .share {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-area: share; }
    .st-Footer_Contents .menu {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-area: menu; }
    .st-Footer_Contents .twitter {
      -ms-grid-row: 5;
      -ms-grid-column: 1;
      grid-area: twitter; }
    .st-Footer_Contents .logo {
      -ms-grid-row: 5;
      -ms-grid-column: 3;
      grid-area: logo; }
    .st-Footer_Contents .copy {
      -ms-grid-row: 7;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-area: copy; }
    @media print, screen and (max-width: 1024px) {
      .st-Footer_Contents {
        width: 100%;
        -ms-grid-columns: 100%;
            grid-template-columns: 100%;
            -ms-grid-rows: auto 0px auto 0px auto 0px auto 0px auto;
            grid-template-rows: auto auto auto auto auto;
        gap: 0px 0px;
        grid-template-areas: "share" "menu" "twitter" "logo" "copy"; }
        .st-Footer_Contents .share {
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-area: share; }
        .st-Footer_Contents .menu {
          -ms-grid-row: 3;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-area: menu; }
        .st-Footer_Contents .twitter {
          -ms-grid-row: 5;
          -ms-grid-column: 1;
          grid-area: twitter; }
        .st-Footer_Contents .logo {
          -ms-grid-row: 5;
          -ms-grid-column: 3;
          grid-area: logo; }
        .st-Footer_Contents .copy {
          -ms-grid-row: 7;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-area: copy; }
      .st-Footer_Contents .share {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .st-Footer_Contents .menu {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .st-Footer_Contents .twitter {
    -ms-grid-row: 5;
    -ms-grid-column: 1; }
      .st-Footer_Contents .logo {
    -ms-grid-row: 7;
    -ms-grid-column: 1; }
      .st-Footer_Contents .copy {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; } }
    .st-Footer_Contents .share {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media print, screen and (max-width: 1024px) {
        .st-Footer_Contents .share {
          display: block; } }
      .st-Footer_Contents .share .ttl {
        color: #fff;
        font-size: 18px;
        letter-spacing: 0.15em;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .share .ttl {
            font-size: 3.90625vw;
            text-align: center;
            display: block; } }
      .st-Footer_Contents .share_List {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 0 20px; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .share_List {
            margin: 3.90625vw 0 0;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        .st-Footer_Contents .share_List li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .st-Footer_Contents .share_List li:last-child .Item-Anchor {
            margin: 0; }
      .st-Footer_Contents .share .Item-Anchor {
        display: block;
        width: 42px;
        height: 42px;
        margin: 0 14px 0 0; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .share .Item-Anchor {
            width: 11.71875vw;
            height: 11.71875vw;
            margin: 0 3.90625vw 0 0; } }
        .st-Footer_Contents .share .Item-Anchor svg {
          width: 42px;
          height: 42px; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .share .Item-Anchor svg {
              width: 11.71875vw;
              height: 11.71875vw; } }
          @media print, screen and (min-width: 1025px) {
            .st-Footer_Contents .share .Item-Anchor svg {
              -webkit-transition: -webkit-transform .3s;
              transition: -webkit-transform .3s;
              transition: transform .3s;
              transition: transform .3s, -webkit-transform .3s; }
              .st-Footer_Contents .share .Item-Anchor svg:hover {
                -webkit-transform: scale(1.08);
                        transform: scale(1.08); } }
    .st-Footer_Contents .menu_List {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin: 60px 0 0;
      position: relative;
      z-index: 2; }
      @media print, screen and (max-width: 1024px) {
        .st-Footer_Contents .menu_List {
          margin: 13.02083vw auto 0;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          width: 85.41667vw; } }
      .st-Footer_Contents .menu_List .item {
        width: 228px;
        height: 74px;
        font-size: 18px;
        letter-spacing: 0.05em;
        background: url("../../images/common/bg_line-h.png") left top/7px auto repeat-x, url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x; }
        @media print, screen and (min-width: 1025px) {
          .st-Footer_Contents .menu_List .item:not(:nth-child(4n-3)) {
            margin: 0 0 0 14px; }
          .st-Footer_Contents .menu_List .item:nth-child(n+5) {
            background: url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x; } }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .menu_List .item {
            width: 41.14583vw;
            height: 13.02083vw;
            font-size: 3.64583vw; }
            .st-Footer_Contents .menu_List .item:nth-child(n+3) {
              background: url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x; } }
        .st-Footer_Contents .menu_List .item a {
          color: #fff;
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .st-Footer_Contents .menu_List .item a.close {
            color: #888;
            pointer-events: none; }
          @media print, screen and (min-width: 1025px) {
            .st-Footer_Contents .menu_List .item a {
              -webkit-transition: color .3s;
              transition: color .3s; }
              .st-Footer_Contents .menu_List .item a:hover {
                color: #ccc; } }
    .st-Footer_Contents .twitter {
      margin: 60px 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      @media print, screen and (max-width: 1024px) {
        .st-Footer_Contents .twitter {
          margin: 10.41667vw 0 0;
          display: block; } }
      .st-Footer_Contents .twitter .sw-Btn {
        color: #fff;
        width: 240px;
        height: 54px;
        margin: 0; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .twitter .sw-Btn {
            width: 62.5vw;
            height: 12.23958vw;
            margin: 0 auto; } }
        .st-Footer_Contents .twitter .sw-Btn .icon {
          width: 18px;
          display: inline-block;
          margin: 0 5px 0 0; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .twitter .sw-Btn .icon {
              width: 4.94792vw;
              margin: 0 1.82292vw 0 0; } }
          .st-Footer_Contents .twitter .sw-Btn .icon + span {
            -webkit-transform: translateY(-3px);
                    transform: translateY(-3px);
            display: inline-block; }
        .st-Footer_Contents .twitter .sw-Btn .txt {
          font-size: 16px; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .twitter .sw-Btn .txt {
              font-size: 3.64583vw; } }
        .st-Footer_Contents .twitter .sw-Btn .btn-twitter-w {
          fill: #fff; }
        .st-Footer_Contents .twitter .sw-Btn .btn-youtube-w {
          fill: #fff; }
        .st-Footer_Contents .twitter .sw-Btn + .sw-Btn {
          margin: 0 0 0 27px; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .twitter .sw-Btn + .sw-Btn {
              margin: 6.51042vw auto 0; } }
    .st-Footer_Contents .logo {
      margin: -18px 0 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end;
      position: relative;
      z-index: 1; }
      @media print, screen and (max-width: 1024px) {
        .st-Footer_Contents .logo {
          margin: 0;
          display: block; } }
      .st-Footer_Contents .logo_Item {
        width: 220px;
        margin: 60px 0 0;
        display: block; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .logo_Item {
            width: 45.70312vw;
            margin: 9.11458vw auto 0; } }
        .st-Footer_Contents .logo_Item.shochiku {
          width: 150px;
          margin: 15px 14px 0 0;
          display: block; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .logo_Item.shochiku {
              width: 32.55208vw;
              margin: 3.90625vw auto 0; } }
      .st-Footer_Contents .logo ul {
        margin: 25px 14px 0 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .logo ul {
            margin: 6.51042vw 0 0;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        .st-Footer_Contents .logo ul li a {
          padding: 0 0 3px;
          font-size: 12px;
          color: #fff;
          display: inline-block;
          border-bottom: 1px solid #fff; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .logo ul li a {
              font-size: 2.34375vw; } }
        .st-Footer_Contents .logo ul li + li {
          margin-left: 20px; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .logo ul li + li {
              margin-left: 3.25521vw; } }
    .st-Footer_Contents .copy {
      margin: -14px 0 0;
      position: relative;
      z-index: 0; }
      @media print, screen and (max-width: 1024px) {
        .st-Footer_Contents .copy {
          margin: 0; } }
      .st-Footer_Contents .copy .txt {
        font-size: 12px;
        color: #cccccc;
        letter-spacing: 0.1em; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .copy .txt {
            margin: 9.11458vw 0 0;
            font-size: 2.60417vw;
            text-align: center; } }

/* =============================================================== */
/* .st-Menu */
/* =============================================================== */
.st-Menu {
  display: block;
  width: 82px;
  height: 97px;
  position: fixed;
  top: 18px;
  left: 30px;
  z-index: 300; }
  @media print, screen and (max-width: 1024px) {
    .st-Menu {
      width: 16.06706vw;
      height: 19.01992vw;
      top: 4.42708vw;
      left: 4.16667vw; } }
  .st-Menu.opened {
    background: url("../../images/common/header/menu_close.png") left top/100% auto no-repeat; }
  .st-Menu.closed {
    background: url("../../images/common/header/menu_open.png") left top/100% auto no-repeat; }

/* =============================================================== */
/* .st-Logo */
/* =============================================================== */
.st-Logo {
  width: 210px;
  max-width: 210px;
  position: fixed;
  z-index: 300;
  top: 25px;
  right: 30px; }
  @media print, screen and (max-width: 1024px) {
    .st-Logo {
      min-width: 0;
      max-width: 100%;
      width: 46.22396vw;
      top: 5.20833vw;
      right: 2.86458vw; } }
  .st-Logo a {
    display: block; }

/* =============================================================== */
/* .st-Header */
/* =============================================================== */
.st-Header {
  position: fixed;
  z-index: 150;
  width: 100%; }
  .st-Header_Bg {
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 150;
    position: fixed;
    background: #052246;
    overflow: hidden; }
    .st-Header_Bg.closed {
      -webkit-transition: opacity .2s;
      transition: opacity .2s;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      pointer-events: none; }
    .st-Header_Bg.opened {
      -webkit-transition: opacity .4s;
      transition: opacity .4s;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .st-Header_Nav {
    width: 100%;
    height: 100%;
    z-index: 200;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; }
    .st-Header_Nav.closed {
      -webkit-transition: opacity .2s;
      transition: opacity .2s;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      pointer-events: none; }
    .st-Header_Nav.opened {
      -webkit-transition: opacity .6s;
      transition: opacity .6s;
      width: 100%;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .st-Header_Nav_Inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 540px;
      padding: 75px 0;
      position: absolute;
      top: calc((100vh - 540px)/ 2); }
      @media (max-height: 540px) {
        .st-Header_Nav_Inner {
          top: 0; } }
      @media print, screen and (max-width: 1199px) {
        .st-Header_Nav_Inner {
          height: auto;
          padding: 12.5vw 0 5.20833vw;
          width: 100%;
          top: 0;
          display: block; } }
      @media print, screen and (max-width: 1024px) {
        .st-Header_Nav_Inner {
          padding: 37.5vw 0 18.22917vw; } }
  .st-Header_Menu {
    max-width: 1280px;
    padding: 0 40px;
    margin: 0 auto;
    position: relative; }
    .st-Header_Menu:before {
      content: '';
      display: block;
      position: absolute;
      z-index: 9;
      width: 352px;
      height: 198px;
      background: url("../../images/common/postmark-lb.png") left top/100% auto no-repeat;
      left: -80px;
      top: -138px; }
      @media print, screen and (max-width: 1024px) {
        .st-Header_Menu:before {
          width: 42.05729vw;
          height: 24.21875vw;
          left: 9.11458vw;
          top: -22.13542vw; } }
    @media print, screen and (max-width: 1024px) {
      .st-Header_Menu {
        padding: 0 7.29167vw; } }
    .st-Header_Menu_List {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      position: relative;
      z-index: 10; }
      @media print, screen and (max-width: 1024px) {
        .st-Header_Menu_List {
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between; } }
      .st-Header_Menu_List li {
        width: 23.6%;
        height: 102px;
        font-size: 22px;
        letter-spacing: 0.05em;
        background: url("../../images/common/bg_line-h.png") left top/7px auto repeat-x, url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x;
        white-space: nowrap; }
        @media print, screen and (max-width: 1024px) {
          .st-Header_Menu_List li {
            width: 41.14583vw;
            height: 16.92708vw;
            font-size: 3.64583vw; } }
        @media print, screen and (min-width: 1025px) {
          .st-Header_Menu_List li:not(:nth-child(4n-3)) {
            margin: 0 0 0 1.5%; }
          .st-Header_Menu_List li:nth-child(n+5) {
            background: url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x; } }
        @media print, screen and (max-width: 1024px) {
          .st-Header_Menu_List li:nth-child(n+3) {
            background: url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x; } }
        .st-Header_Menu_List li a {
          color: #fff;
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .st-Header_Menu_List li a.close {
            color: #ccc;
            pointer-events: none; }
          @media print, screen and (min-width: 1025px) {
            .st-Header_Menu_List li a {
              -webkit-transition: color .3s;
              transition: color .3s; }
              .st-Header_Menu_List li a:hover {
                color: #01b3cd; } }
    .st-Header_Menu_Btn {
      margin: 80px 0 0; }
      @media print, screen and (max-width: 1024px) {
        .st-Header_Menu_Btn {
          margin: 10.41667vw 0 0; } }
      .st-Header_Menu_Btn .sw-Btn {
        width: 336px;
        height: 75px; }
        @media print, screen and (max-width: 1024px) {
          .st-Header_Menu_Btn .sw-Btn {
            width: 62.5vw;
            height: 12.23958vw; } }
        .st-Header_Menu_Btn .sw-Btn .icon {
          width: 24px;
          display: inline-block;
          margin: 0 8px 0 0;
          -webkit-transform: translateY(2px);
                  transform: translateY(2px); }
          @media print, screen and (max-width: 1024px) {
            .st-Header_Menu_Btn .sw-Btn .icon {
              width: 4.94792vw;
              margin: 0 1.82292vw 0 0; } }
          .st-Header_Menu_Btn .sw-Btn .icon + span {
            -webkit-transform: translateY(-3px);
                    transform: translateY(-3px);
            display: inline-block; }
        .st-Header_Menu_Btn .sw-Btn .txt {
          font-size: 22px; }
          @media print, screen and (max-width: 1024px) {
            .st-Header_Menu_Btn .sw-Btn .txt {
              font-size: 3.64583vw; } }
        .st-Header_Menu_Btn .sw-Btn .btn-twitter-w {
          fill: #fff; }

.st-Header_Nav .st-Header_Menu li,
.st-Header_Nav .st-Header_Official_List li {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none;
  -webkit-transform: translateY(5px);
          transform: translateY(5px); }

.st-Header_Nav .heading {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px); }

.st-Header_Nav.opened .st-Header_Menu li {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  pointer-events: inherit;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.st-Header_Nav.opened .heading {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity .2s .2s, -webkit-transform .2s .2s;
  transition: opacity .2s .2s, -webkit-transform .2s .2s;
  transition: opacity .2s .2s, transform .2s .2s;
  transition: opacity .2s .2s, transform .2s .2s, -webkit-transform .2s .2s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* =============================================================== */
/* .st-Sub-Menu */
/* =============================================================== */
.st-Sub-Menu {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  padding: 56px calc((1920px - 100vw) * .19) 0 0;
  width: 100%; }
  @media print, screen and (min-width: 1920px) {
    .st-Sub-Menu {
      padding: 56px 0 0 0; } }
  @media print, screen and (max-width: 1200px) {
    .st-Sub-Menu {
      display: none; } }
  .st-Sub-Menu_List {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .st-Sub-Menu_List li {
      font-size: 0.83333vw;
      letter-spacing: 0.05em; }
      @media print, screen and (min-width: 1920px) {
        .st-Sub-Menu_List li {
          font-size: 16px; } }
      @media print, screen and (max-width: 1680px) {
        .st-Sub-Menu_List li {
          font-size: 14px; } }
      .st-Sub-Menu_List li + li {
        margin: 0 0 0 1.66667vw; }
      .st-Sub-Menu_List li a {
        color: #fff;
        position: relative; }
        .st-Sub-Menu_List li a:after {
          content: '';
          display: block;
          background: #01b3cd;
          height: 2px;
          width: 0;
          position: absolute;
          bottom: -8px;
          left: 0;
          right: 0;
          margin: 0 auto;
          -webkit-transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
          transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
        .st-Sub-Menu_List li a.close {
          color: #ccc;
          pointer-events: none; }
      .st-Sub-Menu_List li.current a:after {
        width: 100%; }
      @media print, screen and (min-width: 1025px) {
        .st-Sub-Menu_List li a:hover:after {
          width: 100%; } }

/* =============================================================== */
/* sw */
/* =============================================================== */
.paren {
  font-size: .8em;
  display: inline-block;
  -webkit-transform: translateY(-0.05em);
          transform: translateY(-0.05em); }

/* =============================================================== */
/* .sw-Star */
/* =============================================================== */
.sw-Star:before, .sw-Star:after {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.sw-Star:before {
  background: url("../../images/common/bg_star_0.png") 0 0/cover no-repeat;
  -webkit-animation-name: bg-Star;
          animation-name: bg-Star;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  will-change: opacity, filter; }
  @media print, screen and (max-width: 1024px) {
    .sw-Star:before {
      background-size: 100%;
      background-repeat: repeat-y; } }

.sw-Star:after {
  background: url("../../images/common/bg_star_1.png") 0 0/cover no-repeat;
  -webkit-animation-name: bg-Star;
          animation-name: bg-Star;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  will-change: opacity, filter; }
  @media print, screen and (max-width: 1024px) {
    .sw-Star:after {
      background-size: 100%;
      background-repeat: repeat-y; } }

/* =============================================================== */
/* .sw-ShoogingStar */
/* =============================================================== */
.sw-ShoogingStar {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0; }
  .sw-ShoogingStar > div {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    position: absolute; }
    .sw-ShoogingStar > div span {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      height: 2px;
      background: -webkit-linear-gradient(135deg, white, rgba(255, 255, 255, 0));
      background: linear-gradient(-45deg, white, rgba(255, 255, 255, 0));
      border-radius: 999px;
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="6" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(0 0 6px white);
              filter: drop-shadow(0 0 6px white);
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      will-change: width;
      -webkit-animation: tail 6000ms ease-in-out infinite, shooting 6000ms ease-in-out infinite;
              animation: tail 6000ms ease-in-out infinite, shooting 6000ms ease-in-out infinite; }
      .sw-ShoogingStar > div span:before {
        content: '';
        position: absolute;
        top: calc(50% - 1px);
        right: 0;
        height: 2px;
        background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
        background: linear-gradient(-45deg, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
        -webkit-transform: translateX(50%) rotateZ(45deg);
                transform: translateX(50%) rotateZ(45deg);
        border-radius: 100%;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        will-change: width;
        -webkit-animation: shining 6000ms ease-in-out infinite;
                animation: shining 6000ms ease-in-out infinite; }
      .sw-ShoogingStar > div span:after {
        content: '';
        position: absolute;
        top: calc(50% - 1px);
        right: 0;
        height: 2px;
        background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
        background: linear-gradient(-45deg, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
        -webkit-transform: translateX(50%) rotateZ(45deg);
                transform: translateX(50%) rotateZ(45deg);
        border-radius: 100%;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        will-change: width;
        -webkit-animation: shining 6000ms ease-in-out infinite;
                animation: shining 6000ms ease-in-out infinite;
        -webkit-transform: translateX(50%) rotateZ(-45deg);
                transform: translateX(50%) rotateZ(-45deg); }
    .sw-ShoogingStar > div:nth-child(1) {
      top: 20%;
      left: 50%; }
      .sw-ShoogingStar > div:nth-child(1) span {
        -webkit-animation-delay: .6s;
                animation-delay: .6s; }
        .sw-ShoogingStar > div:nth-child(1) span:before, .sw-ShoogingStar > div:nth-child(1) span:after {
          -webkit-animation-delay: .6s;
                  animation-delay: .6s; }
    .sw-ShoogingStar > div:nth-child(2) {
      top: 60%;
      left: 25%; }
      .sw-ShoogingStar > div:nth-child(2) span {
        -webkit-animation-delay: 2.4s;
                animation-delay: 2.4s; }
        .sw-ShoogingStar > div:nth-child(2) span:before, .sw-ShoogingStar > div:nth-child(2) span:after {
          -webkit-animation-delay: 2.4s;
                  animation-delay: 2.4s; }
    .sw-ShoogingStar > div:nth-child(3) {
      top: 60%;
      left: 90%; }
      @media print, screen and (max-width: 1024px) {
        .sw-ShoogingStar > div:nth-child(3) {
          top: 80%;
          left: 120%; } }
      .sw-ShoogingStar > div:nth-child(3) span {
        -webkit-animation-delay: 3.0s;
                animation-delay: 3.0s; }
        .sw-ShoogingStar > div:nth-child(3) span:before, .sw-ShoogingStar > div:nth-child(3) span:after {
          -webkit-animation-delay: 3.0s;
                  animation-delay: 3.0s; }
    .sw-ShoogingStar > div:nth-child(4) {
      top: 10%;
      left: 100%; }
      .sw-ShoogingStar > div:nth-child(4) span {
        -webkit-animation-delay: 2.4s;
                animation-delay: 2.4s; }
        .sw-ShoogingStar > div:nth-child(4) span:before, .sw-ShoogingStar > div:nth-child(4) span:after {
          -webkit-animation-delay: 2.4s;
                  animation-delay: 2.4s; }
    .sw-ShoogingStar > div:nth-child(5) {
      top: 20%;
      left: 20%; }
      @media print, screen and (max-width: 1024px) {
        .sw-ShoogingStar > div:nth-child(5) {
          top: 80%; } }
      .sw-ShoogingStar > div:nth-child(5) span {
        -webkit-animation-delay: 1.2s;
                animation-delay: 1.2s; }
        .sw-ShoogingStar > div:nth-child(5) span:before, .sw-ShoogingStar > div:nth-child(5) span:after {
          -webkit-animation-delay: 1.2s;
                  animation-delay: 1.2s; }
    .sw-ShoogingStar > div:nth-child(6) {
      top: 65%;
      left: 55%; }
      @media print, screen and (max-width: 1024px) {
        .sw-ShoogingStar > div:nth-child(6) {
          top: 55%;
          left: 105%; } }
      .sw-ShoogingStar > div:nth-child(6) span {
        -webkit-animation-delay: 3.0s;
                animation-delay: 3.0s; }
        .sw-ShoogingStar > div:nth-child(6) span:before, .sw-ShoogingStar > div:nth-child(6) span:after {
          -webkit-animation-delay: 3.0s;
                  animation-delay: 3.0s; }
    .sw-ShoogingStar > div:nth-child(7) {
      top: 40%;
      left: 20%; }
      .sw-ShoogingStar > div:nth-child(7) span {
        -webkit-animation-delay: 3.6s;
                animation-delay: 3.6s; }
        .sw-ShoogingStar > div:nth-child(7) span:before, .sw-ShoogingStar > div:nth-child(7) span:after {
          -webkit-animation-delay: 3.6s;
                  animation-delay: 3.6s; }
    .sw-ShoogingStar > div:nth-child(8) {
      top: 50%;
      left: 70%; }
      .sw-ShoogingStar > div:nth-child(8) span {
        -webkit-animation-delay: 3.6s;
                animation-delay: 3.6s; }
        .sw-ShoogingStar > div:nth-child(8) span:before, .sw-ShoogingStar > div:nth-child(8) span:after {
          -webkit-animation-delay: 3.6s;
                  animation-delay: 3.6s; }
    .sw-ShoogingStar > div:nth-child(9) {
      top: 40%;
      left: 100%; }
      .sw-ShoogingStar > div:nth-child(9) span {
        -webkit-animation-delay: 4.8s;
                animation-delay: 4.8s; }
        .sw-ShoogingStar > div:nth-child(9) span:before, .sw-ShoogingStar > div:nth-child(9) span:after {
          -webkit-animation-delay: 4.8s;
                  animation-delay: 4.8s; }

/* =============================================================== */
/* .sw-Bg-g */
/* =============================================================== */
.sw-Bg-b {
  position: relative; }
  .sw-Bg-b:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(7, 44, 89, 0.2); }

/* =============================================================== */
/* .sw-Btn */
/* =============================================================== */
.sw-Btn {
  width: 320px;
  height: 62px;
  color: #fff;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  @media print, screen and (max-width: 1024px) {
    .sw-Btn {
      width: 58.33333vw;
      height: 12.23958vw; } }
  .sw-Btn.more {
    width: 150px;
    height: 30px;
    margin: 0;
    position: absolute;
    right: -10px;
    bottom: -10px; }
    @media print, screen and (max-width: 1024px) {
      .sw-Btn.more {
        width: 27.34375vw;
        height: 5.46875vw; } }
    .sw-Btn.more:before {
      background: none !important;
      border: 1px solid #0b3e7c; }
    .sw-Btn.more:after {
      background: #0b3e7c;
      border: none; }
    .sw-Btn.more .txt {
      font-size: 16px;
      line-height: 1;
      z-index: 100; }
      @media print, screen and (max-width: 1024px) {
        .sw-Btn.more .txt {
          font-size: 3.125vw; } }
    .sw-Btn.more:hover {
      -webkit-transform: scale(1);
              transform: scale(1); }
  .sw-Btn:before, .sw-Btn:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute; }
  .sw-Btn:before {
    top: 7px;
    left: 7px;
    background: #0b3e7c; }
    @media print, screen and (max-width: 1024px) {
      .sw-Btn:before {
        top: 0.91146vw;
        left: 0.91146vw; } }
  .sw-Btn:after {
    top: 0;
    left: 0;
    border: 1px solid #fff; }
  .sw-Btn .txt {
    font-size: 18px;
    letter-spacing: .1em;
    line-height: 0;
    position: relative; }
    @media print, screen and (max-width: 1024px) {
      .sw-Btn .txt {
        font-size: 3.64583vw; } }
  .sw-Btn .arw {
    width: 50px;
    height: 1px;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
    overflow: hidden; }
    @media print, screen and (max-width: 1024px) {
      .sw-Btn .arw {
        width: 9.11458vw;
        right: -4.55729vw; } }
    .sw-Btn .arw:before, .sw-Btn .arw:after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #fff; }
    .sw-Btn .arw:before {
      -webkit-transform: translateX(-120%);
              transform: translateX(-120%); }
  @media print, screen and (min-width: 1025px) {
    .sw-Btn {
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s; }
      .sw-Btn .arw:before, .sw-Btn .arw:after {
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
      .sw-Btn .arw:after {
        -webkit-transition-delay: .3s;
                transition-delay: .3s; }
      .sw-Btn:hover {
        -webkit-transform: scale(1.03);
                transform: scale(1.03); }
        .sw-Btn:hover .arw:before {
          -webkit-transform: translateX(0);
                  transform: translateX(0);
          -webkit-transition-delay: .3s;
                  transition-delay: .3s; }
        .sw-Btn:hover .arw:after {
          -webkit-transform: translateX(120%);
                  transform: translateX(120%);
          -webkit-transition-delay: 0s;
                  transition-delay: 0s; } }

/* =============================================================== */
/* .sw-Ttl */
/* =============================================================== */
.sw-Ttl {
  text-align: center;
  color: #fff;
  position: relative; }
  .sw-Ttl .icon-star {
    position: relative;
    z-index: 10;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .sw-Ttl .icon-star svg {
      width: 28px;
      fill: transparent;
      stroke: #fff;
      position: relative; }
      @media print, screen and (max-width: 1024px) {
        .sw-Ttl .icon-star svg {
          width: 3.64583vw; } }
      .sw-Ttl .icon-star svg:nth-child(2) {
        margin: 0 15px;
        top: -7px; }
        @media print, screen and (max-width: 1024px) {
          .sw-Ttl .icon-star svg:nth-child(2) {
            margin: 0 1.95312vw;
            top: -0.91146vw; } }
  .sw-Ttl .en {
    display: block;
    font-size: 38px;
    letter-spacing: .1em;
    margin: 16px auto 0;
    position: relative;
    z-index: 10;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .sw-Ttl .en span {
      position: relative;
      top: 10px;
      left: 10px;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    @media print, screen and (max-width: 1024px) {
      .sw-Ttl .en {
        font-size: 6.51042vw;
        margin: 3.25521vw auto 0; } }
  .sw-Ttl .ja {
    display: block;
    font-size: 14px;
    letter-spacing: .1em;
    margin: 12px auto 0;
    position: relative;
    z-index: 10;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(0.5em);
            transform: translateY(0.5em); }
    @media print, screen and (max-width: 1024px) {
      .sw-Ttl .ja {
        font-size: 2.86458vw;
        margin: 2.86458vw auto 0; } }
  .sw-Ttl_Lower:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 9;
    width: 251px;
    height: 145px;
    background: url("../../images/common/postmark-lb.png") left top/100% auto no-repeat;
    left: calc(50% - 241px);
    top: -37px; }
    @media print, screen and (max-width: 1024px) {
      .sw-Ttl_Lower:before {
        width: 49.86979vw;
        height: 28.77604vw;
        left: 7.29167vw;
        top: -8.07292vw; } }
  .sw-Ttl.is-animated .icon-star {
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s cubic-bezier(0.17, 0.67, 0.04, 1.37);
    transition: opacity 0.6s, -webkit-transform 0.6s cubic-bezier(0.17, 0.67, 0.04, 1.37);
    transition: opacity 0.6s, transform 0.6s cubic-bezier(0.17, 0.67, 0.04, 1.37);
    transition: opacity 0.6s, transform 0.6s cubic-bezier(0.17, 0.67, 0.04, 1.37), -webkit-transform 0.6s cubic-bezier(0.17, 0.67, 0.04, 1.37);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .sw-Ttl.is-completed .ja {
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
            transform: translateY(0); }

/* =============================================================== */
/* .sw-Txt */
/* =============================================================== */
.sw-Txt {
  font-size: 16px;
  color: #fff;
  line-height: 2; }
  @media print, screen and (max-width: 1024px) {
    .sw-Txt {
      font-size: 3.125vw; } }

/* =============================================================== */
/* .sw-Boder */
/* =============================================================== */
.sw-Boder p {
  position: relative; }
  @media print, screen and (max-width: 1024px) {
    .sw-Boder p {
      font-size: 3.125vw;
      line-height: 2em; } }
  .sw-Boder p:before {
    content: '';
    display: block;
    background: url("../../images/pc/bg_txt.png") left top/7px 32px repeat;
    width: 100%;
    height: calc(100% + 1px);
    position: absolute;
    z-index: 0;
    top: -1px;
    left: 0px;
    pointer-events: none; }
    @media print, screen and (max-width: 1024px) {
      .sw-Boder p:before {
        height: calc(100% + 2vw);
        top: 0;
        background: url("../../images/sp/bg_txt.png") left top/auto 2em repeat; } }
  .sw-Boder p.sender {
    text-align: right; }

.sw-Boder p + p {
  margin: 2em 0 0; }

/* =============================================================== */
/* .sw-Bnr */
/* =============================================================== */
.sw-Bnr {
  width: 470px;
  position: fixed;
  bottom: 50px;
  right: 0;
  z-index: 20;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }
  @media print, screen and (max-width: 1024px) {
    .sw-Bnr {
      width: 88.80208vw;
      bottom: 7.8125vw; } }
  .sw-Bnr.is-fixed {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .sw-Bnr.is-removed {
    -webkit-transform: translateX(100%) !important;
            transform: translateX(100%) !important; }
  .sw-Bnr .bnr a {
    display: block;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="15" /><feOffset dx="7" dy="7" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.05)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(6px 6px 15px rgba(0, 0, 0, 0.05));
            filter: drop-shadow(6px 6px 15px rgba(0, 0, 0, 0.05));
    -webkit-transition: .2s;
    transition: .2s; }
    @media print, screen and (max-width: 1024px) {
      .sw-Bnr .bnr a {
        -webkit-filter: drop-shadow(0.78125vw 0.78125vw 1.95312vw rgba(0, 0, 0, 0.05));
                filter: drop-shadow(0.78125vw 0.78125vw 1.95312vw rgba(0, 0, 0, 0.05)); } }
    @media print, screen and (min-width: 1025px) {
      .sw-Bnr .bnr a:hover {
        cursor: pointer;
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } }
  .sw-Bnr .close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -20px;
    right: 20px;
    -webkit-transition: .2s;
    transition: .2s; }
    @media print, screen and (max-width: 1024px) {
      .sw-Bnr .close {
        width: 5.07812vw;
        height: 5.07812vw;
        top: -3.90625vw;
        right: 2.60417vw; } }
    @media print, screen and (min-width: 1025px) {
      .sw-Bnr .close:hover {
        cursor: pointer;
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } }
    .sw-Bnr .close:before, .sw-Bnr .close:after {
      content: "";
      width: 2px;
      height: 34px;
      margin: auto;
      background: #fff;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0; }
      @media print, screen and (max-width: 1024px) {
        .sw-Bnr .close:before, .sw-Bnr .close:after {
          width: 0.39062vw;
          height: 7.16146vw; } }
    .sw-Bnr .close:before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .sw-Bnr .close:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }

/* =============================================================== */
/* .sw-News-List */
/* =============================================================== */
/* =============================================================== */
/* 下層ページ共通 */
/* =============================================================== */
.sw-Lower {
  padding: 190px 0 100px; }
  @media print, screen and (max-width: 1024px) {
    .sw-Lower {
      padding: 31.25vw 0 18.22917vw; } }

.lower-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0; }
  .lower-bg-p {
    background: url("https://www.prince-letters.jp/wp-content/themes/prince-letters_v0/assets/images/pc/bg_circle-p.png") left top/100% auto repeat-y; }
  .lower-bg-b {
    background: url("https://www.prince-letters.jp/wp-content/themes/prince-letters_v0/assets/images/pc/bg_circle-b.png") left top/100% auto repeat-y; }
  .lower-bg-y {
    background: url("https://www.prince-letters.jp/wp-content/themes/prince-letters_v0/assets/images/pc/bg_circle-y.png") left top/100% auto repeat-y; }
  @media print, screen and (max-width: 1024px) {
    .lower-bg-p {
      background: url("https://www.prince-letters.jp/wp-content/themes/prince-letters_v0/assets/images/sp/bg_circle-p.png") left top/100% auto repeat-y; }
    .lower-bg-b {
      background: url("https://www.prince-letters.jp/wp-content/themes/prince-letters_v0/assets/images/sp/bg_circle-b.png") left top/100% auto repeat-y; }
    .lower-bg-y {
      background: url("https://www.prince-letters.jp/wp-content/themes/prince-letters_v0/assets/images/sp/bg_circle-y.png") left top/100% auto repeat-y; } }

/* =============================================================== */
/* .sw-Pagenavi */
/* =============================================================== */
/* =============================================================== */
/* .sw-Contents */
/* =============================================================== */
.sw-Contents {
  width: 960px;
  margin: 0 auto;
  padding: 60px 80px 100px;
  background-color: rgba(255, 255, 255, 0.96);
  -webkit-box-shadow: 0px 16px 38.4px 9.6px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 16px 38.4px 9.6px rgba(0, 0, 0, 0.05);
  position: relative; }
  @media print, screen and (max-width: 1024px) {
    .sw-Contents {
      width: 91.66667vw;
      padding: 9.11458vw 4.16667vw 7.8125vw; } }

/* =============================================================== */
/* .sw-Heading */
/* =============================================================== */
.sw-Heading .data {
  font-size: 16px; }
  @media print, screen and (max-width: 1024px) {
    .sw-Heading .data {
      font-size: 3.125vw; } }
  .sw-Heading .data .pen {
    width: 17px;
    fill: #666;
    display: inline-block; }
    @media print, screen and (max-width: 1024px) {
      .sw-Heading .data .pen {
        width: 3.25521vw; } }
  .sw-Heading .data time {
    position: relative;
    margin: 0 0 0 10px;
    letter-spacing: 0.05em; }
    @media print, screen and (max-width: 1024px) {
      .sw-Heading .data time {
        margin: 0 0 0 1.95312vw; } }

.sw-Heading .ttl {
  margin: 15px 0 40px;
  color: #333;
  font-size: 22px;
  line-height: 41px;
  position: relative; }
  @media print, screen and (max-width: 1024px) {
    .sw-Heading .ttl {
      margin: 2.60417vw 0 7.8125vw;
      font-size: 4.16667vw;
      line-height: 8.33333vw; } }
  .sw-Heading .ttl:before {
    content: '';
    display: block;
    background: url("../../images/pc/bg_ttl.png") left top/7px 41px repeat;
    width: 100%;
    height: calc(100% + 1px);
    position: absolute;
    z-index: 0;
    top: -1px;
    left: 0px;
    pointer-events: none; }
    @media print, screen and (max-width: 1024px) {
      .sw-Heading .ttl:before {
        height: calc(100% + 0.5vw);
        top: -0.26042vw;
        background: url("../../images/sp/bg_ttl.png") left top/0.78125vw 8.33333vw repeat; } }

/* =============================================================== */
/* .sw-Txtarea */
/* =============================================================== */
.sw-Txtarea,
body.post-type-post,
body.post-type-cpt_musics,
body.post-type-protected_areas,
body.acf_content {
  font-size: 16px;
  word-break: break-all;
  /*動画の最大幅を指定する*/
  /*動画の大きさを調整*/
  /*動画を囲んでいるdiv目一杯に広げる*/ }
  @media print, screen and (max-width: 1024px) {
    .sw-Txtarea,
    body.post-type-post,
    body.post-type-cpt_musics,
    body.post-type-protected_areas,
    body.acf_content {
      font-size: 3.125vw; } }
  .sw-Txtarea .thumb,
  body.post-type-post .thumb,
  body.post-type-cpt_musics .thumb,
  body.post-type-protected_areas .thumb,
  body.acf_content .thumb {
    position: relative;
    height: 100%;
    margin: 0 0 30px 0;
    line-height: 0;
    overflow: hidden; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea .thumb,
      body.post-type-post .thumb,
      body.post-type-cpt_musics .thumb,
      body.post-type-protected_areas .thumb,
      body.acf_content .thumb {
        margin: 0 0 3.90625vw 0; } }
  .sw-Txtarea img,
  body.post-type-post img,
  body.post-type-cpt_musics img,
  body.post-type-protected_areas img,
  body.acf_content img {
    height: auto;
    max-width: 100%; }
  .sw-Txtarea .aligncenter,
  body.post-type-post .aligncenter,
  body.post-type-cpt_musics .aligncenter,
  body.post-type-protected_areas .aligncenter,
  body.acf_content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .sw-Txtarea .alignright,
  body.post-type-post .alignright,
  body.post-type-cpt_musics .alignright,
  body.post-type-protected_areas .alignright,
  body.acf_content .alignright {
    display: block;
    margin: 0 0 0 auto; }
  .sw-Txtarea p,
  body.post-type-post p,
  body.post-type-cpt_musics p,
  body.post-type-protected_areas p,
  body.acf_content p {
    line-height: 2; }
  .sw-Txtarea iframe,
  body.post-type-post iframe,
  body.post-type-cpt_musics iframe,
  body.post-type-protected_areas iframe,
  body.acf_content iframe {
    max-width: 100%; }
  .sw-Txtarea pre,
  body.post-type-post pre,
  body.post-type-cpt_musics pre,
  body.post-type-protected_areas pre,
  body.acf_content pre {
    white-space: pre-wrap;
    line-height: 2; }
  .sw-Txtarea ul li,
  body.post-type-post ul li,
  body.post-type-cpt_musics ul li,
  body.post-type-protected_areas ul li,
  body.acf_content ul li {
    list-style-type: disc;
    margin: 0 0 .4em 1.5em;
    line-height: 1.8; }
  .sw-Txtarea ol li,
  body.post-type-post ol li,
  body.post-type-cpt_musics ol li,
  body.post-type-protected_areas ol li,
  body.acf_content ol li {
    list-style-type: decimal;
    margin: 0 0 .4em 1.5em;
    line-height: 1.8; }
  .sw-Txtarea a,
  body.post-type-post a,
  body.post-type-cpt_musics a,
  body.post-type-protected_areas a,
  body.acf_content a {
    color: #0088f6;
    text-decoration: underline; }
    @media print, screen and (min-width: 1024px) {
      .sw-Txtarea a:hover,
      body.post-type-post a:hover,
      body.post-type-cpt_musics a:hover,
      body.post-type-protected_areas a:hover,
      body.acf_content a:hover {
        text-decoration: none;
        cursor: pointer; } }
  @media print, screen and (min-width: 1025px) {
    .sw-Txtarea .date,
    body.post-type-post .date,
    body.post-type-cpt_musics .date,
    body.post-type-protected_areas .date,
    body.acf_content .date {
      margin: 0 0 30px 0; } }
  @media print, screen and (max-width: 1024px) {
    .sw-Txtarea .date,
    body.post-type-post .date,
    body.post-type-cpt_musics .date,
    body.post-type-protected_areas .date,
    body.acf_content .date {
      margin: 0 0 3.90625vw 0; } }
  .sw-Txtarea .date table,
  body.post-type-post .date table,
  body.post-type-cpt_musics .date table,
  body.post-type-protected_areas .date table,
  body.acf_content .date table {
    width: auto;
    border-collapse: separate;
    table-layout: auto; }
    @media print, screen and (min-width: 1025px) {
      .sw-Txtarea .date table,
      body.post-type-post .date table,
      body.post-type-cpt_musics .date table,
      body.post-type-protected_areas .date table,
      body.acf_content .date table {
        border-spacing: 0px 11px; } }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea .date table,
      body.post-type-post .date table,
      body.post-type-cpt_musics .date table,
      body.post-type-protected_areas .date table,
      body.acf_content .date table {
        border-spacing: 0px 1.69271vw; } }
    .sw-Txtarea .date table th,
    body.post-type-post .date table th,
    body.post-type-cpt_musics .date table th,
    body.post-type-protected_areas .date table th,
    body.acf_content .date table th {
      text-align: center;
      color: #fff;
      letter-spacing: 0.075em;
      background: #000;
      white-space: nowrap;
      vertical-align: middle; }
      @media print, screen and (min-width: 1025px) {
        .sw-Txtarea .date table th,
        body.post-type-post .date table th,
        body.post-type-cpt_musics .date table th,
        body.post-type-protected_areas .date table th,
        body.acf_content .date table th {
          padding: 16px 18px;
          font-size: 1.6rem; } }
      @media print, screen and (max-width: 1024px) {
        .sw-Txtarea .date table th,
        body.post-type-post .date table th,
        body.post-type-cpt_musics .date table th,
        body.post-type-protected_areas .date table th,
        body.acf_content .date table th {
          padding: 2.08333vw 2.34375vw;
          font-size: 3.125vw; } }
    .sw-Txtarea .date table td:first-of-type,
    body.post-type-post .date table td:first-of-type,
    body.post-type-cpt_musics .date table td:first-of-type,
    body.post-type-protected_areas .date table td:first-of-type,
    body.acf_content .date table td:first-of-type {
      letter-spacing: 0.05em;
      vertical-align: middle;
      background: none;
      font-weight: 400;
      color: #333; }
      @media print, screen and (min-width: 1025px) {
        .sw-Txtarea .date table td:first-of-type,
        body.post-type-post .date table td:first-of-type,
        body.post-type-cpt_musics .date table td:first-of-type,
        body.post-type-protected_areas .date table td:first-of-type,
        body.acf_content .date table td:first-of-type {
          padding: 0 0 0 18px;
          font-size: 1.6rem;
          line-height: 1.75; } }
      @media print, screen and (max-width: 1024px) {
        .sw-Txtarea .date table td:first-of-type,
        body.post-type-post .date table td:first-of-type,
        body.post-type-cpt_musics .date table td:first-of-type,
        body.post-type-protected_areas .date table td:first-of-type,
        body.acf_content .date table td:first-of-type {
          padding: 0 0 0 3.77604vw;
          font-size: 3.125vw;
          line-height: 1.75; } }
  .sw-Txtarea table,
  body.post-type-post table,
  body.post-type-cpt_musics table,
  body.post-type-protected_areas table,
  body.acf_content table {
    width: 100%;
    height: auto; }
    .sw-Txtarea table tr + tr,
    body.post-type-post table tr + tr,
    body.post-type-cpt_musics table tr + tr,
    body.post-type-protected_areas table tr + tr,
    body.acf_content table tr + tr {
      border-top: 1px solid #eee; }
    .sw-Txtarea table td:first-of-type,
    body.post-type-post table td:first-of-type,
    body.post-type-cpt_musics table td:first-of-type,
    body.post-type-protected_areas table td:first-of-type,
    body.acf_content table td:first-of-type {
      padding: 16px 18px;
      color: #fff;
      font-weight: 700;
      background: #01b3cd;
      border-right: 1px solid #fff; }
      @media print, screen and (max-width: 1024px) {
        .sw-Txtarea table td:first-of-type,
        body.post-type-post table td:first-of-type,
        body.post-type-cpt_musics table td:first-of-type,
        body.post-type-protected_areas table td:first-of-type,
        body.acf_content table td:first-of-type {
          min-width: 19.53125vw;
          padding: 2.08333vw 2.34375vw; } }
    .sw-Txtarea table td,
    body.post-type-post table td,
    body.post-type-cpt_musics table td,
    body.post-type-protected_areas table td,
    body.acf_content table td {
      padding: 16px 18px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5;
      vertical-align: middle;
      background: #fff; }
      @media print, screen and (max-width: 1024px) {
        .sw-Txtarea table td,
        body.post-type-post table td,
        body.post-type-cpt_musics table td,
        body.post-type-protected_areas table td,
        body.acf_content table td {
          padding: 2.08333vw 2.34375vw;
          font-size: 3.125vw; } }
      .sw-Txtarea table td p,
      body.post-type-post table td p,
      body.post-type-cpt_musics table td p,
      body.post-type-protected_areas table td p,
      body.acf_content table td p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5; }
        @media print, screen and (max-width: 1024px) {
          .sw-Txtarea table td p,
          body.post-type-post table td p,
          body.post-type-cpt_musics table td p,
          body.post-type-protected_areas table td p,
          body.acf_content table td p {
            font-size: 3.125vw; } }
      .sw-Txtarea table td strong,
      body.post-type-post table td strong,
      body.post-type-cpt_musics table td strong,
      body.post-type-protected_areas table td strong,
      body.acf_content table td strong {
        font-weight: 700; }
    .sw-Txtarea table ol li,
    body.post-type-post table ol li,
    body.post-type-cpt_musics table ol li,
    body.post-type-protected_areas table ol li,
    body.acf_content table ol li {
      list-style: inside;
      list-style-type: decimal; }
    .sw-Txtarea table ul li,
    body.post-type-post table ul li,
    body.post-type-cpt_musics table ul li,
    body.post-type-protected_areas table ul li,
    body.acf_content table ul li {
      list-style: inside;
      list-style-type: disc; }
  .sw-Txtarea .video-container,
  body.post-type-post .video-container,
  body.post-type-cpt_musics .video-container,
  body.post-type-protected_areas .video-container,
  body.acf_content .video-container {
    max-width: 640px;
    margin: 0 auto 50px auto; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea .video-container,
      body.post-type-post .video-container,
      body.post-type-cpt_musics .video-container,
      body.post-type-protected_areas .video-container,
      body.acf_content .video-container {
        margin: 0 auto 6.51042vw auto; } }
  .sw-Txtarea .video,
  body.post-type-post .video,
  body.post-type-cpt_musics .video,
  body.post-type-protected_areas .video,
  body.acf_content .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto; }
  .sw-Txtarea .video iframe,
  .sw-Txtarea .video object,
  .sw-Txtarea .video embed,
  body.post-type-post .video iframe,
  body.post-type-post .video object,
  body.post-type-post .video embed,
  body.post-type-cpt_musics .video iframe,
  body.post-type-cpt_musics .video object,
  body.post-type-cpt_musics .video embed,
  body.post-type-protected_areas .video iframe,
  body.post-type-protected_areas .video object,
  body.post-type-protected_areas .video embed,
  body.acf_content .video iframe,
  body.acf_content .video object,
  body.acf_content .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .sw-Txtarea h1,
  body.post-type-post h1,
  body.post-type-cpt_musics h1,
  body.post-type-protected_areas h1,
  body.acf_content h1 {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.4;
    padding: 16px 18px;
    margin: 0 0 .8em;
    color: #fff;
    background: #01b3cd;
    text-align: justify; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea h1,
      body.post-type-post h1,
      body.post-type-cpt_musics h1,
      body.post-type-protected_areas h1,
      body.acf_content h1 {
        padding: 2.08333vw 2.34375vw;
        font-size: 4.16667vw; } }
  .sw-Txtarea h2,
  body.post-type-post h2,
  body.post-type-cpt_musics h2,
  body.post-type-protected_areas h2,
  body.acf_content h2 {
    font-weight: bold;
    margin: 0 0 .8em;
    position: relative;
    color: #666;
    font-size: 22px;
    line-height: 41px;
    position: relative; }
    .sw-Txtarea h2:before,
    body.post-type-post h2:before,
    body.post-type-cpt_musics h2:before,
    body.post-type-protected_areas h2:before,
    body.acf_content h2:before {
      content: '';
      display: block;
      background: url("../../images/pc/bg_ttl.png") left top/7px 41px repeat;
      width: 100%;
      height: calc(100% + 1px);
      position: absolute;
      z-index: 0;
      top: -1px;
      left: 0px;
      pointer-events: none; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea h2,
      body.post-type-post h2,
      body.post-type-cpt_musics h2,
      body.post-type-protected_areas h2,
      body.acf_content h2 {
        font-size: 4.16667vw;
        line-height: 8.33333vw; }
        .sw-Txtarea h2:before,
        body.post-type-post h2:before,
        body.post-type-cpt_musics h2:before,
        body.post-type-protected_areas h2:before,
        body.acf_content h2:before {
          height: calc(100% + 0.4vw);
          top: -0.26042vw;
          background: url("../../images/sp/bg_ttl.png") left top/0.78125vw 8.33333vw repeat; } }
  .sw-Txtarea h3,
  body.post-type-post h3,
  body.post-type-cpt_musics h3,
  body.post-type-protected_areas h3,
  body.acf_content h3 {
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 .8em;
    position: relative;
    color: #666; }
    @media print, screen and (min-width: 1025px) {
      .sw-Txtarea h3,
      body.post-type-post h3,
      body.post-type-cpt_musics h3,
      body.post-type-protected_areas h3,
      body.acf_content h3 {
        font-size: 20px;
        padding: 0 0 8px;
        border-bottom: double 4px #01b3cd; } }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea h3,
      body.post-type-post h3,
      body.post-type-cpt_musics h3,
      body.post-type-protected_areas h3,
      body.acf_content h3 {
        font-size: 3.64583vw;
        padding: 0 0 1.30208vw;
        border-bottom: double 4px #01b3cd; } }
  .sw-Txtarea h4,
  body.post-type-post h4,
  body.post-type-cpt_musics h4,
  body.post-type-protected_areas h4,
  body.acf_content h4 {
    margin: 0 0 .3em;
    color: #01b3cd;
    line-height: 1.5em;
    font-size: 18px;
    position: relative;
    padding: 0 0 0 27px; }
    .sw-Txtarea h4:before,
    body.post-type-post h4:before,
    body.post-type-cpt_musics h4:before,
    body.post-type-protected_areas h4:before,
    body.acf_content h4:before {
      content: '';
      display: block;
      background: url("../../images/common/img_mail.png") 0 0 no-repeat;
      background-size: contain;
      width: 20px;
      height: 14px;
      position: absolute;
      z-index: 0;
      top: 8px;
      left: 0px;
      pointer-events: none; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea h4,
      body.post-type-post h4,
      body.post-type-cpt_musics h4,
      body.post-type-protected_areas h4,
      body.acf_content h4 {
        font-size: 3.64583vw;
        padding: 0 0 0 5.98958vw; }
        .sw-Txtarea h4:before,
        body.post-type-post h4:before,
        body.post-type-cpt_musics h4:before,
        body.post-type-protected_areas h4:before,
        body.acf_content h4:before {
          width: 4.29688vw;
          height: 2.99479vw;
          top: 1.30208vw; } }
  .sw-Txtarea h5,
  body.post-type-post h5,
  body.post-type-cpt_musics h5,
  body.post-type-protected_areas h5,
  body.acf_content h5 {
    margin: 0 0 .3em;
    color: #666;
    line-height: 1.5em;
    font-size: 16px;
    position: relative;
    padding: 0 0 0 12px; }
    .sw-Txtarea h5:after,
    body.post-type-post h5:after,
    body.post-type-cpt_musics h5:after,
    body.post-type-protected_areas h5:after,
    body.acf_content h5:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 4px;
      height: 100%;
      background: #01b3cd; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea h5,
      body.post-type-post h5,
      body.post-type-cpt_musics h5,
      body.post-type-protected_areas h5,
      body.acf_content h5 {
        font-size: 3.38542vw;
        padding: 0 0 0 2.60417vw; }
        .sw-Txtarea h5:after,
        body.post-type-post h5:after,
        body.post-type-cpt_musics h5:after,
        body.post-type-protected_areas h5:after,
        body.acf_content h5:after {
          width: 1.04167vw; } }
  .sw-Txtarea h6,
  body.post-type-post h6,
  body.post-type-cpt_musics h6,
  body.post-type-protected_areas h6,
  body.acf_content h6 {
    margin: 0 0 .3em;
    color: #01b3cd;
    line-height: 1.5em;
    font-size: 16px;
    position: relative;
    padding: 0 0 0 21px; }
    .sw-Txtarea h6:before, .sw-Txtarea h6:after,
    body.post-type-post h6:before,
    body.post-type-post h6:after,
    body.post-type-cpt_musics h6:before,
    body.post-type-cpt_musics h6:after,
    body.post-type-protected_areas h6:before,
    body.post-type-protected_areas h6:after,
    body.acf_content h6:before,
    body.acf_content h6:after {
      content: '';
      display: block;
      background: url("../../images/common/img_arw.png") 0 0 no-repeat;
      background-size: contain;
      width: 9px;
      height: 14px;
      position: absolute;
      z-index: 0;
      top: 6px;
      left: 0px;
      pointer-events: none; }
    .sw-Txtarea h6:after,
    body.post-type-post h6:after,
    body.post-type-cpt_musics h6:after,
    body.post-type-protected_areas h6:after,
    body.acf_content h6:after {
      left: 7px; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea h6,
      body.post-type-post h6,
      body.post-type-cpt_musics h6,
      body.post-type-protected_areas h6,
      body.acf_content h6 {
        font-size: 3.38542vw;
        padding: 0 0 0 4.42708vw; }
        .sw-Txtarea h6:before, .sw-Txtarea h6:after,
        body.post-type-post h6:before,
        body.post-type-post h6:after,
        body.post-type-cpt_musics h6:before,
        body.post-type-cpt_musics h6:after,
        body.post-type-protected_areas h6:before,
        body.post-type-protected_areas h6:after,
        body.acf_content h6:before,
        body.acf_content h6:after {
          width: 1.82292vw;
          height: 2.73438vw;
          top: 1.5625vw;
          left: 0px; }
        .sw-Txtarea h6:after,
        body.post-type-post h6:after,
        body.post-type-cpt_musics h6:after,
        body.post-type-protected_areas h6:after,
        body.acf_content h6:after {
          left: 1.30208vw; } }
  .sw-Txtarea blockquote,
  body.post-type-post blockquote,
  body.post-type-cpt_musics blockquote,
  body.post-type-protected_areas blockquote,
  body.acf_content blockquote {
    background: rgba(219, 219, 219, 0.4);
    padding: 18px;
    line-height: 1.7; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea blockquote,
      body.post-type-post blockquote,
      body.post-type-cpt_musics blockquote,
      body.post-type-protected_areas blockquote,
      body.acf_content blockquote {
        padding: 3.125vw; } }
  .sw-Txtarea em,
  body.post-type-post em,
  body.post-type-cpt_musics em,
  body.post-type-protected_areas em,
  body.acf_content em {
    font-style: italic; }
  .sw-Txtarea strong,
  body.post-type-post strong,
  body.post-type-cpt_musics strong,
  body.post-type-protected_areas strong,
  body.acf_content strong {
    font-weight: bold; }
  .sw-Txtarea hr,
  body.post-type-post hr,
  body.post-type-cpt_musics hr,
  body.post-type-protected_areas hr,
  body.acf_content hr {
    border-top: 1px solid rgba(255, 255, 255, 0.4); }
  .sw-Txtarea input[name="post_password"],
  body.post-type-post input[name="post_password"],
  body.post-type-cpt_musics input[name="post_password"],
  body.post-type-protected_areas input[name="post_password"],
  body.acf_content input[name="post_password"] {
    padding: 4px 10px 5px;
    color: #2b3447;
    border: 2px solid #01b3cd;
    background: #f6f6f7; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea input[name="post_password"],
      body.post-type-post input[name="post_password"],
      body.post-type-cpt_musics input[name="post_password"],
      body.post-type-protected_areas input[name="post_password"],
      body.acf_content input[name="post_password"] {
        width: 50%;
        padding: 0.52083vw 1.30208vw 0.65104vw;
        border: 1px solid #01b3cd; } }
  .sw-Txtarea input[name="Submit"],
  body.post-type-post input[name="Submit"],
  body.post-type-cpt_musics input[name="Submit"],
  body.post-type-protected_areas input[name="Submit"],
  body.acf_content input[name="Submit"] {
    padding: 4px 10px 5px;
    color: #fff;
    border: 2px solid #01b3cd;
    background: #01b3cd; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea input[name="Submit"],
      body.post-type-post input[name="Submit"],
      body.post-type-cpt_musics input[name="Submit"],
      body.post-type-protected_areas input[name="Submit"],
      body.acf_content input[name="Submit"] {
        padding: 0.52083vw 2.60417vw 0.65104vw;
        border: 1px solid #01b3cd; } }
    @media print, screen and (min-width: 1025px) {
      .sw-Txtarea input[name="Submit"],
      body.post-type-post input[name="Submit"],
      body.post-type-cpt_musics input[name="Submit"],
      body.post-type-protected_areas input[name="Submit"],
      body.acf_content input[name="Submit"] {
        -webkit-transition: opacity .3s;
        transition: opacity .3s; }
        .sw-Txtarea input[name="Submit"]:hover,
        body.post-type-post input[name="Submit"]:hover,
        body.post-type-cpt_musics input[name="Submit"]:hover,
        body.post-type-protected_areas input[name="Submit"]:hover,
        body.acf_content input[name="Submit"]:hover {
          opacity: .6;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }
  .sw-Txtarea .passster-form,
  body.post-type-post .passster-form,
  body.post-type-cpt_musics .passster-form,
  body.post-type-protected_areas .passster-form,
  body.acf_content .passster-form {
    padding: 0;
    font-size: 16px !important; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea .passster-form,
      body.post-type-post .passster-form,
      body.post-type-cpt_musics .passster-form,
      body.post-type-protected_areas .passster-form,
      body.acf_content .passster-form {
        font-size: 3.125vw !important; } }
    .sw-Txtarea .passster-form h4,
    body.post-type-post .passster-form h4,
    body.post-type-cpt_musics .passster-form h4,
    body.post-type-protected_areas .passster-form h4,
    body.acf_content .passster-form h4 {
      display: none; }
    .sw-Txtarea .passster-form .ps-loader,
    body.post-type-post .passster-form .ps-loader,
    body.post-type-cpt_musics .passster-form .ps-loader,
    body.post-type-protected_areas .passster-form .ps-loader,
    body.acf_content .passster-form .ps-loader {
      text-align: center; }
    .sw-Txtarea .passster-form .passster-password,
    body.post-type-post .passster-form .passster-password,
    body.post-type-cpt_musics .passster-form .passster-password,
    body.post-type-protected_areas .passster-form .passster-password,
    body.acf_content .passster-form .passster-password {
      padding: 10px 10px 12px; }
      @media print, screen and (max-width: 1024px) {
        .sw-Txtarea .passster-form .passster-password,
        body.post-type-post .passster-form .passster-password,
        body.post-type-cpt_musics .passster-form .passster-password,
        body.post-type-protected_areas .passster-form .passster-password,
        body.acf_content .passster-form .passster-password {
          padding: 1.95312vw 2.60417vw 2.21354vw;
          font-size: 3.125vw !important; } }
    .sw-Txtarea .passster-form .passster-submit,
    body.post-type-post .passster-form .passster-submit,
    body.post-type-cpt_musics .passster-form .passster-submit,
    body.post-type-protected_areas .passster-form .passster-submit,
    body.acf_content .passster-form .passster-submit {
      padding: 10px 10px 12px;
      text-align: center;
      background: #01b3cd !important;
      font-size: 16px !important; }
      @media print, screen and (max-width: 1024px) {
        .sw-Txtarea .passster-form .passster-submit,
        body.post-type-post .passster-form .passster-submit,
        body.post-type-cpt_musics .passster-form .passster-submit,
        body.post-type-protected_areas .passster-form .passster-submit,
        body.acf_content .passster-form .passster-submit {
          padding: 1.95312vw 2.60417vw 2.21354vw;
          font-size: 3.125vw !important; } }
      @media print, screen and (min-width: 1025px) {
        .sw-Txtarea .passster-form .passster-submit,
        body.post-type-post .passster-form .passster-submit,
        body.post-type-cpt_musics .passster-form .passster-submit,
        body.post-type-protected_areas .passster-form .passster-submit,
        body.acf_content .passster-form .passster-submit {
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          .sw-Txtarea .passster-form .passster-submit:hover,
          body.post-type-post .passster-form .passster-submit:hover,
          body.post-type-cpt_musics .passster-form .passster-submit:hover,
          body.post-type-protected_areas .passster-form .passster-submit:hover,
          body.acf_content .passster-form .passster-submit:hover {
            opacity: .6;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }
    .sw-Txtarea .passster-form .passster-error,
    body.post-type-post .passster-form .passster-error,
    body.post-type-cpt_musics .passster-form .passster-error,
    body.post-type-protected_areas .passster-form .passster-error,
    body.acf_content .passster-form .passster-error {
      padding: 10px 10px 12px;
      font-size: 16px !important; }
      @media print, screen and (max-width: 1024px) {
        .sw-Txtarea .passster-form .passster-error,
        body.post-type-post .passster-form .passster-error,
        body.post-type-cpt_musics .passster-form .passster-error,
        body.post-type-protected_areas .passster-form .passster-error,
        body.acf_content .passster-form .passster-error {
          padding: 1.95312vw 2.60417vw 2.21354vw;
          font-size: 3.125vw !important; } }

/* =============================================================== */
/* .sw-Share */
/* =============================================================== */
.sw-Share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 60px 0 0; }
  @media print, screen and (max-width: 1024px) {
    .sw-Share {
      margin: 7.8125vw 0 0; } }
  .sw-Share .ttl {
    color: #666;
    font-size: 16px;
    letter-spacing: 0.1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0; }
    @media print, screen and (max-width: 1024px) {
      .sw-Share .ttl {
        font-size: 3.38542vw; } }
  .sw-Share_List {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 20px; }
    @media print, screen and (max-width: 1024px) {
      .sw-Share_List {
        margin: 0 0 0 3.90625vw; } }
    .sw-Share_List li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .sw-Share_List li:last-child .Item-Anchor {
        margin: 0; }
  .sw-Share .Item-Anchor {
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 14px 0 0; }
    @media print, screen and (max-width: 1024px) {
      .sw-Share .Item-Anchor {
        width: 10.41667vw;
        height: 10.41667vw;
        margin: 0 3.125vw 0 0; } }
    .sw-Share .Item-Anchor svg {
      width: 42px;
      height: 42px; }
      @media print, screen and (max-width: 1024px) {
        .sw-Share .Item-Anchor svg {
          width: 10.41667vw;
          height: 10.41667vw; } }
      @media print, screen and (min-width: 1025px) {
        .sw-Share .Item-Anchor svg {
          -webkit-transition: -webkit-transform .3s;
          transition: -webkit-transform .3s;
          transition: transform .3s;
          transition: transform .3s, -webkit-transform .3s; }
          .sw-Share .Item-Anchor svg:hover {
            -webkit-transform: scale(1.08);
                    transform: scale(1.08); } }

/* =============================================================== */
/* キャラクター一覧 */
/* =============================================================== */
.chara_Wrapper {
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 227px 373px 1fr;
      grid-template-columns: 227px 373px 1fr;
      -ms-grid-rows: 700px;
      grid-template-rows: 700px;
  gap: 0px 0px;
  grid-template-areas: "copy body txt"; }
  .chara_Wrapper.yuzu {
    -ms-grid-columns: 1fr 373px 227px;
        grid-template-columns: 1fr 373px 227px;
    grid-template-areas: "txt body copy"; }
  .chara_Wrapper.haruki {
    -ms-grid-columns: 1fr 373px 227px;
        grid-template-columns: 1fr 373px 227px;
    grid-template-areas: "txt body copy"; }
  .chara_Wrapper.shu {
    -ms-grid-columns: 1fr 373px 227px;
        grid-template-columns: 1fr 373px 227px;
    grid-template-areas: "txt body copy"; }
  .chara_Wrapper .chara_Copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: copy; }
  .chara_Wrapper .chara_Body {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: body; }
  .chara_Wrapper .chara_Txt {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: txt; }
  @media print, screen and (max-width: 1024px) {
    .chara_Wrapper {
      max-width: 100%;
      -ms-grid-columns: 40% 60%;
          grid-template-columns: 40% 60%;
          -ms-grid-rows: auto 0px 133.46354vw;
          grid-template-rows: auto 133.46354vw;
      gap: 0px 0px;
      grid-template-areas: "body copy" "body txt"; }
      .chara_Wrapper.yuzu {
        -ms-grid-columns: 60% 40%;
            grid-template-columns: 60% 40%;
        grid-template-areas: "copy body" "txt body"; }
      .chara_Wrapper.haruki {
        -ms-grid-columns: 60% 40%;
            grid-template-columns: 60% 40%;
        grid-template-areas: "copy body" "txt body"; }
      .chara_Wrapper.shu {
        -ms-grid-columns: 60% 40%;
            grid-template-columns: 60% 40%;
        grid-template-areas: "copy body" "txt body"; }
      .chara_Wrapper .body {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        grid-area: body; }
      .chara_Wrapper .copy {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: copy; }
      .chara_Wrapper .txt {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
        grid-area: txt; }
      @media print, screen and (max-width: 1024px){
      .st-Footer_Contents .share {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
      .st-Footer_Contents .menu {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
      .st-Footer_Contents .twitter {
      -ms-grid-row: 5;
      -ms-grid-column: 1; }
      .st-Footer_Contents .logo {
      -ms-grid-row: 7;
      -ms-grid-column: 1; }
      .st-Footer_Contents .copy {
      -ms-grid-row: 9;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
      .chara_Wrapper .chara_Copy {
      -ms-grid-row: 9;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .chara_Wrapper .body {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 1; }
      .chara_Wrapper.yuzu > .body {
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      -ms-grid-column: 2; }
      .chara_Wrapper.haruki > .body {
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      -ms-grid-column: 2; }
      .chara_Wrapper.shu > .body {
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      -ms-grid-column: 2; }
      .chara_Wrapper .copy {
      -ms-grid-row: 9;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .chara_Wrapper > .copy {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      -ms-grid-column-span: 1; }
      .chara_Wrapper.yuzu > .copy {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
      .chara_Wrapper.haruki > .copy {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
      .chara_Wrapper.shu > .copy {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .chara_Wrapper .txt {
      -ms-grid-row: 3;
      -ms-grid-column: 3; }
      .chara_Wrapper.yuzu > .txt {
      -ms-grid-row: 2;
      -ms-grid-column: 1; }
      .chara_Wrapper.haruki > .txt {
      -ms-grid-row: 2;
      -ms-grid-column: 1; }
      .chara_Wrapper.shu > .txt {
      -ms-grid-row: 2;
      -ms-grid-column: 1; } }
    .chara_Wrapper > .copy {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1; }
      .chara_Wrapper.yuzu > .copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .chara_Wrapper.haruki > .copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .chara_Wrapper.shu > .copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
    .chara_Wrapper > .copy {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1; }
      .chara_Wrapper.yuzu > .copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .chara_Wrapper.haruki > .copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .chara_Wrapper.shu > .copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
    .chara_Wrapper > .chara_Copy {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1; }
      .chara_Wrapper.yuzu > .chara_Copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .chara_Wrapper.haruki > .chara_Copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .chara_Wrapper.shu > .chara_Copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
    .chara_Wrapper .chara_Body {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1; }
      .chara_Wrapper.yuzu > .chara_Body {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2; }
      .chara_Wrapper.haruki > .chara_Body {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2; }
      .chara_Wrapper.shu > .chara_Body {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2; }
    .chara_Wrapper .chara_Txt {
    -ms-grid-row: 3;
    -ms-grid-column: 3; }
      .chara_Wrapper.yuzu > .chara_Txt {
    -ms-grid-row: 2;
    -ms-grid-column: 1; }
      .chara_Wrapper.haruki > .chara_Txt {
    -ms-grid-row: 2;
    -ms-grid-column: 1; }
      .chara_Wrapper.shu > .chara_Txt {
    -ms-grid-row: 2;
    -ms-grid-column: 1; } }
  .chara_Wrapper .chara_Copy {
    position: relative; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Copy {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding: 0 8.98438vw 5.20833vw 0; } }
    .chara_Wrapper .chara_Copy_Item {
      background: url("../../images/common/bg_line-v.png") left top/1px auto repeat-y, url("../../images/common/bg_line-v.png") 50% top/1px auto repeat-y, url("../../images/common/bg_line-v.png") right top/1px auto repeat-y;
      width: 153px;
      margin: 0 0 0 74px;
      padding: 0 0 0 20px;
      position: relative;
      z-index: 11;
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Copy_Item {
          background: url("../../images/common/bg_line-v.png") left top/1px auto repeat-y, url("../../images/common/bg_line-v.png") 33% top/1px auto repeat-y, url("../../images/common/bg_line-v.png") 66% top/1px auto repeat-y, url("../../images/common/bg_line-v.png") right top/1px auto repeat-y;
          margin: 0;
          padding: 0 0 0 3.38542vw;
          width: 37.76042vw; } }
      .chara_Wrapper .chara_Copy_Item span {
        display: block;
        position: relative;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .chara_Wrapper .chara_Copy_Item:before, .chara_Wrapper .chara_Copy_Item:after {
        content: "";
        width: 221px;
        height: 175px;
        position: absolute;
        background: url("../../images/common/characters/line.png") 0 0/contain no-repeat; }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Copy_Item:before, .chara_Wrapper .chara_Copy_Item:after {
            width: 28.77604vw;
            height: 22.78646vw; } }
      .chara_Wrapper .chara_Copy_Item:before {
        top: -84px;
        left: -192px; }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Copy_Item:before {
            top: -5.07812vw;
            left: -14.32292vw; } }
      .chara_Wrapper .chara_Copy_Item:after {
        bottom: 44px;
        right: -116px;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Copy_Item:after {
            bottom: -8.07292vw;
            right: -11.19792vw; } }
      .chara_Wrapper .chara_Copy_Item.yuzu:before {
        top: -78px;
        left: -125px; }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Copy_Item.yuzu:before {
            top: -5.07812vw;
            left: -13.67188vw; } }
      .chara_Wrapper .chara_Copy_Item.yuzu:after {
        bottom: -107px;
        right: -189px;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Copy_Item.yuzu:after {
            bottom: -2.60417vw;
            right: -14.58333vw; } }
      .chara_Wrapper .chara_Copy_Item.haruki:before {
        top: -78px;
        left: -125px; }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Copy_Item.haruki:before {
            top: -5.07812vw;
            left: -13.67188vw; } }
      .chara_Wrapper .chara_Copy_Item.haruki:after {
        bottom: -107px;
        right: -189px;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Copy_Item.haruki:after {
            bottom: -2.60417vw;
            right: -14.58333vw; } }
      @media print, screen and (min-width: 1025px) {
        .chara_Wrapper .chara_Copy_Item.aoi:after {
          bottom: 162px; } }
      .chara_Wrapper .chara_Copy_Item.shu:before {
        top: -78px;
        left: -125px; }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Copy_Item.shu:before {
            top: -18.22917vw;
            left: -13.67188vw; } }
      .chara_Wrapper .chara_Copy_Item.shu:after {
        bottom: -107px;
        right: -189px;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Copy_Item.shu:after {
            bottom: -15.625vw;
            right: -13.67188vw; } }
      @media print, screen and (min-width: 1025px) {
        .chara_Wrapper .chara_Copy_Item.natsutora:after {
          bottom: -182px;
          right: -82px; } }
  .chara_Wrapper .chara_Body {
    position: relative; }
    .chara_Wrapper .chara_Body_Item {
      position: absolute;
      z-index: 11;
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .chara_Wrapper .chara_Body:before {
      content: '';
      display: block;
      position: absolute;
      z-index: 9;
      width: 415px;
      height: 239px; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Body:before {
          width: 54.03646vw;
          height: 31.11979vw; } }
  .chara_Wrapper .chara_Txt {
    padding: 160px 100px 0 0;
    position: relative; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt {
        padding: 4.6875vw 4.16667vw 0 7.42188vw; } }
    .chara_Wrapper .chara_Txt:before {
      content: '';
      display: block;
      height: 400px;
      top: 60px;
      right: 5px;
      position: absolute;
      -webkit-transform: skewX(-8.5deg);
              transform: skewX(-8.5deg);
      width: 0;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt:before {
          height: 62.5vw;
          top: -2.60417vw;
          right: -34.11458vw; } }
    .chara_Wrapper .chara_Txt_Bg {
      display: block;
      height: 400px;
      position: absolute;
      top: 80px;
      right: 0;
      width: 0; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt_Bg {
          height: 62.5vw;
          top: 0;
          right: -32.03125vw; } }
    .chara_Wrapper .chara_Txt .name {
      text-align: right;
      margin: 0 0 40px;
      position: relative;
      z-index: 11; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt .name {
          margin: 0 0 5.20833vw; } }
      .chara_Wrapper .chara_Txt .name .ja {
        font-size: 58px;
        text-shadow: 3px 3px 0px #333333;
        letter-spacing: .05em;
        color: #fff;
        white-space: nowrap;
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Txt .name .ja {
            font-size: 8.85417vw;
            text-shadow: 2px 2px 0px #333333; } }
      .chara_Wrapper .chara_Txt .name .en {
        font-size: 16px;
        letter-spacing: .1em;
        color: #fff;
        margin: 20px auto 0;
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Txt .name .en {
            font-size: 2.86458vw;
            margin: 2.60417vw auto 0; } }
    .chara_Wrapper .chara_Txt.natsutora .name .ja {
      font-size: 58px; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt.natsutora .name .ja {
          font-size: 6.51042vw; } }
    .chara_Wrapper .chara_Txt > .txt {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      position: relative;
      z-index: 11; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt > .txt {
          width: 100%; }
          .chara_Wrapper .chara_Txt > .txt .sw-Txt {
            width: 100%;
            text-align: justify;
            text-justify: inter-ideograph; } }
    .chara_Wrapper .chara_Txt .sw-Txt {
      width: 400px;
      -webkit-transform: translateX(20px);
              transform: translateX(20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt .sw-Txt {
          width: 52.08333vw; } }
    .chara_Wrapper .chara_Txt .sw-Btn {
      position: absolute;
      top: 447px;
      right: 100px;
      z-index: 11; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt .sw-Btn {
          top: 57.16146vw;
          right: 8.33333vw;
          width: 44.27083vw;
          height: 10.67708vw; } }
  .chara_Wrapper.akito {
    -ms-grid-rows: 778px;
        grid-template-rows: 778px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper.akito {
        -ms-grid-rows: auto 89.32292vw;
            grid-template-rows: auto 89.32292vw; } }
  .chara_Wrapper.yuzu {
    -ms-grid-rows: 813px;
        grid-template-rows: 813px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper.yuzu {
        -ms-grid-rows: auto 91.14583vw;
            grid-template-rows: auto 91.14583vw; } }
  .chara_Wrapper.shin {
    -ms-grid-rows: 861px;
        grid-template-rows: 861px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper.shin {
        -ms-grid-rows: auto 90.625vw;
            grid-template-rows: auto 90.625vw; } }
  .chara_Wrapper.haruki {
    -ms-grid-rows: 861px;
        grid-template-rows: 861px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper.haruki {
        -ms-grid-rows: auto 91.14583vw;
            grid-template-rows: auto 91.14583vw; } }
  .chara_Wrapper.aoi {
    -ms-grid-rows: 830px;
        grid-template-rows: 830px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper.aoi {
        -ms-grid-rows: auto 90.625vw;
            grid-template-rows: auto 90.625vw; } }
  .chara_Wrapper.shu {
    -ms-grid-rows: 861px;
        grid-template-rows: 861px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper.shu {
        -ms-grid-rows: auto 91.14583vw;
            grid-template-rows: auto 91.14583vw; } }
  .chara_Wrapper.natsutora {
    -ms-grid-rows: 861px;
        grid-template-rows: 861px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper.natsutora {
        -ms-grid-rows: auto 90.625vw;
            grid-template-rows: auto 90.625vw; } }
  @media print, screen and (max-width: 1024px) {
    .chara_Wrapper .chara_Copy.yuzu {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 0 0 5.20833vw 8.98438vw; }
      .chara_Wrapper .chara_Copy.yuzu span {
        position: relative;
        z-index: 20; }
    .chara_Wrapper .chara_Copy.shin {
      padding: 0 15.49479vw 5.20833vw 0; }
    .chara_Wrapper .chara_Copy.haruki {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 0 0 5.20833vw 8.98438vw; }
      .chara_Wrapper .chara_Copy.haruki span {
        position: relative;
        z-index: 20; }
    .chara_Wrapper .chara_Copy.shu {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 0 0 5.20833vw 8.98438vw; }
      .chara_Wrapper .chara_Copy.shu span {
        position: relative;
        z-index: 20; }
    .chara_Wrapper .chara_Copy.natsutora {
      padding: 0 15.49479vw 5.20833vw 0; } }
  .chara_Wrapper .chara_Copy_Item.akito {
    height: 445px; }
    .chara_Wrapper .chara_Copy_Item.akito span {
      width: 114px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Copy_Item.akito {
        height: 64.32292vw; }
        .chara_Wrapper .chara_Copy_Item.akito span {
          width: 31.51042vw; } }
  .chara_Wrapper .chara_Copy_Item.yuzu {
    height: 578px;
    margin: 0 74px 0 0; }
    .chara_Wrapper .chara_Copy_Item.yuzu span {
      width: 116px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Copy_Item.yuzu {
        height: 69.01042vw;
        margin: 0;
        padding: 0 0 0 2.99479vw; }
        .chara_Wrapper .chara_Copy_Item.yuzu span {
          width: 31.51042vw; } }
  .chara_Wrapper .chara_Copy_Item.shin {
    height: 403px; }
    .chara_Wrapper .chara_Copy_Item.shin span {
      width: 116px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Copy_Item.shin {
        background: url("../../images/common/bg_line-v.png") left top/1px auto repeat-y, url("../../images/common/bg_line-v.png") 50% top/1px auto repeat-y, url("../../images/common/bg_line-v.png") right top/1px auto repeat-y;
        height: 72.39583vw;
        width: 26.43229vw;
        margin: 0; }
        .chara_Wrapper .chara_Copy_Item.shin span {
          width: 19.40104vw; } }
  .chara_Wrapper .chara_Copy_Item.haruki {
    height: 488px;
    margin: 0 74px 0 0; }
    .chara_Wrapper .chara_Copy_Item.haruki span {
      width: 116px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Copy_Item.haruki {
        height: 78.125vw;
        margin: 0;
        padding: 0 0 0 2.99479vw; }
        .chara_Wrapper .chara_Copy_Item.haruki span {
          width: 31.51042vw; } }
  .chara_Wrapper .chara_Copy_Item.aoi {
    height: 704px; }
    .chara_Wrapper .chara_Copy_Item.aoi span {
      width: 116px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Copy_Item.aoi {
        height: 97.65625vw;
        margin: 0; }
        .chara_Wrapper .chara_Copy_Item.aoi span {
          width: 31.51042vw; } }
  .chara_Wrapper .chara_Copy_Item.shu {
    width: 76px;
    height: 460px;
    margin: 0 0 0 74px;
    background: url("../../images/common/bg_line-v.png") left top/1px auto repeat-y, url("../../images/common/bg_line-v.png") right top/1px auto repeat-y; }
    .chara_Wrapper .chara_Copy_Item.shu span {
      width: 41px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Copy_Item.shu {
        width: 26.43229vw;
        height: 44.27083vw;
        margin: 13.02083vw 0 10.41667vw 5.20833vw;
        padding: 0 0 0 2.99479vw;
        background: url("../../images/common/bg_line-v.png") left top/1px auto repeat-y, url("../../images/common/bg_line-v.png") 50% top/1px auto repeat-y, url("../../images/common/bg_line-v.png") right top/1px auto repeat-y; }
        .chara_Wrapper .chara_Copy_Item.shu span {
          width: 19.79167vw; } }
  .chara_Wrapper .chara_Copy_Item.natsutora {
    height: 369px; }
    .chara_Wrapper .chara_Copy_Item.natsutora span {
      width: 114px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Copy_Item.natsutora {
        background: url("../../images/common/bg_line-v.png") left top/1px auto repeat-y, url("../../images/common/bg_line-v.png") 50% top/1px auto repeat-y, url("../../images/common/bg_line-v.png") right top/1px auto repeat-y;
        height: 67.70833vw;
        width: 26.43229vw;
        margin: 0; }
        .chara_Wrapper .chara_Copy_Item.natsutora span {
          width: 19.79167vw; } }
  .chara_Wrapper .chara_Body.akito:before {
    background: url("../../images/common/postmark-r.png") left top/100% auto no-repeat;
    left: -208px;
    top: 333px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body.akito:before {
        left: 6.11979vw;
        top: 43.35938vw; } }
  .chara_Wrapper .chara_Body.yuzu:before {
    background: url("../../images/common/postmark-y.png") left top/100% auto no-repeat;
    left: 226px;
    top: 428px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body.yuzu:before {
        left: -7.8125vw;
        top: 43.22917vw; } }
  .chara_Wrapper .chara_Body.shin:before {
    background: url("../../images/common/postmark-b.png") left top/100% auto no-repeat;
    left: -208px;
    top: 333px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body.shin:before {
        left: 6.11979vw;
        top: 43.22917vw; } }
  .chara_Wrapper .chara_Body.haruki:before {
    background: url("https://www.prince-letters.jp/wp-content/themes/prince-letters_v0/assets/images/common/postmark-c.png") left top/100% auto no-repeat;
    left: 226px;
    top: 428px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body.haruki:before {
        left: -7.8125vw;
        top: 43.22917vw; } }
  .chara_Wrapper .chara_Body.aoi:before {
    background: url("https://www.prince-letters.jp/wp-content/themes/prince-letters_v0/assets/images/common/postmark-l.png") left top/100% auto no-repeat;
    left: -208px;
    top: 433px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body.aoi:before {
        left: 6.11979vw;
        top: 43.22917vw; } }
  .chara_Wrapper .chara_Body.shu:before {
    background: url("https://www.prince-letters.jp/wp-content/themes/prince-letters_v0/assets/images/common/postmark-c.png") left top/100% auto no-repeat;
    left: 226px;
    top: 428px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body.shu:before {
        left: -7.8125vw;
        top: 43.22917vw; } }
  .chara_Wrapper .chara_Body.natsutora:before {
    background: url("https://www.prince-letters.jp/wp-content/themes/prince-letters_v0/assets/images/common/postmark-pu.png") left top/100% auto no-repeat;
    left: -208px;
    top: 413px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body.natsutora:before {
        left: 6.11979vw;
        top: 43.22917vw; } }
  .chara_Wrapper .chara_Body_Item.akito {
    width: 497px;
    height: 851px;
    background: url("../../images/pc/index/chara_body-0.png") left top/100% auto no-repeat;
    top: -78px;
    left: -140px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body_Item.akito {
        width: 65.625vw;
        height: 155.46875vw;
        background: url("../../images/sp/index/chara_body-0.png") left top/100% auto no-repeat;
        top: -5.85938vw;
        left: -11.71875vw; } }
  .chara_Wrapper .chara_Body_Item.yuzu {
    width: 372px;
    height: 892px;
    background: url("../../images/pc/index/chara_body-2.png") left top/100% auto no-repeat;
    top: -81px;
    left: 30px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body_Item.yuzu {
        width: 46.22396vw;
        height: 156.25vw;
        background: url("../../images/sp/index/chara_body-2.png") left top/100% auto no-repeat;
        top: -3.64583vw;
        left: auto;
        right: 0.65104vw; } }
  .chara_Wrapper .chara_Body_Item.shin {
    width: 335px;
    height: 887px;
    background: url("../../images/pc/index/chara_body-1.png") left top/100% auto no-repeat;
    top: -39px;
    left: 60px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body_Item.shin {
        width: 39.19271vw;
        height: 161.58854vw;
        background: url("../../images/sp/index/chara_body-1.png") left top/100% auto no-repeat;
        top: -5.59896vw;
        left: 7.03125vw; } }
  .chara_Wrapper .chara_Body_Item.haruki {
    width: 339px;
    height: 906px;
    background: url("../../images/pc/index/chara_body-3.png") left top/100% auto no-repeat;
    top: -41px;
    left: 18px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body_Item.haruki {
        width: 39.71354vw;
        height: 151.69271vw;
        background: url("../../images/common/characters/body_3.png") left top/100% auto no-repeat;
        top: -5.85938vw;
        left: auto;
        right: 0.91146vw; } }
  .chara_Wrapper .chara_Body_Item.aoi {
    width: 377px;
    height: 888px;
    background: url("../../images/pc/index/chara_body-4.png") left top/100% auto no-repeat;
    top: -39px;
    left: 60px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body_Item.aoi {
        width: 59.375vw;
        height: 152.73438vw;
        background: url("../../images/common/characters/body_4.png") left top/100% auto no-repeat;
        top: -5.59896vw;
        left: -10.41667vw; } }
  .chara_Wrapper .chara_Body_Item.shu {
    width: 373px;
    height: 887px;
    background: url("../../images/pc/index/chara_body-5.png") left top/100% auto no-repeat;
    top: -22px;
    left: -50px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body_Item.shu {
        width: 61.97917vw;
        height: 151.69271vw;
        background: url("../../images/common/characters/body_5.png") left top/100% auto no-repeat;
        top: -3.64583vw;
        left: auto;
        right: 6.90104vw; } }
  .chara_Wrapper .chara_Body_Item.natsutora {
    width: 404px;
    height: 878px;
    background: url("../../images/pc/index/chara_body-6.png") left top/100% auto no-repeat;
    top: -50px;
    left: 0px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body_Item.natsutora {
        width: 47.65625vw;
        height: 162.76042vw;
        background: url("../../images/common/characters/body_6.png") left top/100% auto no-repeat;
        top: -5.59896vw;
        left: 0vw; } }
  .chara_Wrapper .chara_Txt.akito:before {
    border: 1px solid #e6464a; }
  .chara_Wrapper .chara_Txt.yuzu {
    padding: 160px 0 0 100px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt.yuzu {
        padding: 4.6875vw 0 0 4.16667vw; } }
    .chara_Wrapper .chara_Txt.yuzu:before {
      border: 1px solid #e6be46;
      right: auto;
      left: 5px; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt.yuzu:before {
          right: auto;
          left: -33.46354vw; } }
    .chara_Wrapper .chara_Txt.yuzu .name {
      text-align: left;
      z-index: 20; }
    .chara_Wrapper .chara_Txt.yuzu > .txt {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt.yuzu > .txt {
          margin: 0; } }
    .chara_Wrapper .chara_Txt.yuzu .ja,
    .chara_Wrapper .chara_Txt.yuzu .en,
    .chara_Wrapper .chara_Txt.yuzu .sw-Txt {
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .chara_Wrapper .chara_Txt.yuzu .sw-Btn {
      right: auto;
      left: 100px; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt.yuzu .sw-Btn {
          left: auto; } }
  .chara_Wrapper .chara_Txt.shin:before {
    border: 1px solid #466ce6; }
  .chara_Wrapper .chara_Txt.haruki {
    padding: 160px 0 0 100px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt.haruki {
        padding: 4.6875vw 0 0 4.16667vw; } }
    .chara_Wrapper .chara_Txt.haruki:before {
      border: 1px solid #ffb0da;
      right: auto;
      left: 5px; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt.haruki:before {
          right: auto;
          left: -33.46354vw; } }
    .chara_Wrapper .chara_Txt.haruki .name {
      text-align: left;
      z-index: 20; }
    .chara_Wrapper .chara_Txt.haruki > .txt {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt.haruki > .txt {
          margin: 0; } }
    .chara_Wrapper .chara_Txt.haruki .ja,
    .chara_Wrapper .chara_Txt.haruki .en,
    .chara_Wrapper .chara_Txt.haruki .sw-Txt {
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .chara_Wrapper .chara_Txt.haruki .sw-Btn {
      right: auto;
      left: 100px; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt.haruki .sw-Btn {
          left: auto; } }
  .chara_Wrapper .chara_Txt.aoi:before {
    border: 1px solid #23b8d3; }
  .chara_Wrapper .chara_Txt.shu {
    padding: 160px 0 0 100px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt.shu {
        padding: 4.6875vw 0 0 4.16667vw; } }
    .chara_Wrapper .chara_Txt.shu:before {
      border: 1px solid #ea68e5;
      right: auto;
      left: 5px; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt.shu:before {
          right: auto;
          left: -33.46354vw; } }
    .chara_Wrapper .chara_Txt.shu .name {
      text-align: left;
      z-index: 20; }
    .chara_Wrapper .chara_Txt.shu > .txt {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt.shu > .txt {
          margin: 0; } }
    .chara_Wrapper .chara_Txt.shu .ja,
    .chara_Wrapper .chara_Txt.shu .en,
    .chara_Wrapper .chara_Txt.shu .sw-Txt {
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .chara_Wrapper .chara_Txt.shu .sw-Btn {
      right: auto;
      left: 100px; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt.shu .sw-Btn {
          left: auto; } }
  .chara_Wrapper .chara_Txt.natsutora:before {
    border: 1px solid #b741e2; }
  .chara_Wrapper .chara_Txt_Bg.akito {
    background: url("../../images/pc/index/chara_bg-0.png") right top/860px auto no-repeat; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt_Bg.akito {
        background: url("../../images/sp/index/chara_bg-0.png") right top / 134.375vw auto no-repeat; } }
  .chara_Wrapper .chara_Txt_Bg.yuzu {
    background: url("../../images/pc/index/chara_bg-2.png") left top/860px auto no-repeat;
    right: auto;
    left: 0; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt_Bg.yuzu {
        background: url("../../images/sp/index/chara_bg-2.png") left top / 134.375vw auto no-repeat;
        left: -31.90104vw; } }
  .chara_Wrapper .chara_Txt_Bg.shin {
    background: url("../../images/pc/index/chara_bg-1.png") right top/860px auto no-repeat; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt_Bg.shin {
        background: url("../../images/sp/index/chara_bg-1.png") right top / 134.375vw auto no-repeat; } }
  .chara_Wrapper .chara_Txt_Bg.haruki {
    background: url("../../images/pc/index/chara_bg-3.png") left top/860px auto no-repeat;
    right: auto;
    left: 0; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt_Bg.haruki {
        background: url("../../images/sp/index/chara_bg-3.png") left top / 134.375vw auto no-repeat;
        left: -31.90104vw; } }
  .chara_Wrapper .chara_Txt_Bg.aoi {
    background: url("../../images/pc/index/chara_bg-4.png") right top/860px auto no-repeat; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt_Bg.aoi {
        background: url("../../images/sp/index/chara_bg-4.png") right top / 134.375vw auto no-repeat; } }
  .chara_Wrapper .chara_Txt_Bg.shu {
    background: url("../../images/pc/index/chara_bg-5.png") left top/860px auto no-repeat;
    right: auto;
    left: 0; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt_Bg.shu {
        background: url("../../images/sp/index/chara_bg-5.png") left top / 134.375vw auto no-repeat;
        left: -31.90104vw; } }
  .chara_Wrapper .chara_Txt_Bg.natsutora {
    background: url("../../images/pc/index/chara_bg-6.png") right top/860px auto no-repeat; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt_Bg.natsutora {
        background: url("../../images/sp/index/chara_bg-6.png") right top / 134.375vw auto no-repeat; } }
  .chara_Wrapper .sw-Btn.akito:before {
    background: #e6464a; }
  .chara_Wrapper .sw-Btn.yuzu:before {
    background: #e6be46; }
  .chara_Wrapper .sw-Btn.shin:before {
    background: #466ce6; }
  .chara_Wrapper .sw-Btn.haruki:before {
    background: #ffb0da; }
  .chara_Wrapper .sw-Btn.aoi:before {
    background: #23b8d3; }
  .chara_Wrapper .sw-Btn.shu:before {
    background: #ea68e5; }
  .chara_Wrapper .sw-Btn.natsutora:before {
    background: #b741e2; }

/* =============================================================== */
/* アニメーション */
/* =============================================================== */
.chara_Wrapper.is-animated .chara_Copy_Item,
.chara_Wrapper.is-animated .chara_Copy_Item span {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.chara_Wrapper.is-animated .chara_Body_Item {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.chara_Wrapper.is-animated .chara_Txt_Bg {
  width: 860px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  @media print, screen and (max-width: 1024px) {
    .chara_Wrapper.is-animated .chara_Txt_Bg {
      width: 134.375vw; } }

.chara_Wrapper.is-animated .chara_Txt:before {
  width: 860px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  @media print, screen and (max-width: 1024px) {
    .chara_Wrapper.is-animated .chara_Txt:before {
      width: 134.375vw; } }

.chara_Wrapper.is-animated .chara_Txt .ja,
.chara_Wrapper.is-animated .chara_Txt .en,
.chara_Wrapper.is-animated .chara_Txt .sw-Txt {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.chara_Wrapper .chara_Copy_Item,
.chara_Wrapper .chara_Copy_Item span {
  -webkit-transition: opacity .6s .1s, -webkit-transform .6s .1s;
  transition: opacity .6s .1s, -webkit-transform .6s .1s;
  transition: transform .6s .1s, opacity .6s .1s;
  transition: transform .6s .1s, opacity .6s .1s, -webkit-transform .6s .1s; }

.chara_Wrapper .chara_Body_Item {
  -webkit-transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, -webkit-transform .8s;
  transition: transform .8s, opacity .8s;
  transition: transform .8s, opacity .8s, -webkit-transform .8s; }

.chara_Wrapper .chara_Txt_Bg {
  -webkit-transition: width 1s 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transition: width 1s 0.3s cubic-bezier(0.25, 1, 0.5, 1); }

.chara_Wrapper .chara_Txt:before {
  -webkit-transition: width 1s 0.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.1s 0.3s;
  transition: width 1s 0.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.1s 0.3s; }

.chara_Wrapper .chara_Txt .ja {
  -webkit-transition: opacity .6s .6s, -webkit-transform .6s .6s;
  transition: opacity .6s .6s, -webkit-transform .6s .6s;
  transition: transform .6s .6s, opacity .6s .6s;
  transition: transform .6s .6s, opacity .6s .6s, -webkit-transform .6s .6s; }

.chara_Wrapper .chara_Txt .en {
  -webkit-transition: opacity .6s .7s, -webkit-transform .6s .7s;
  transition: opacity .6s .7s, -webkit-transform .6s .7s;
  transition: transform .6s .7s, opacity .6s .7s;
  transition: transform .6s .7s, opacity .6s .7s, -webkit-transform .6s .7s; }

.chara_Wrapper .chara_Txt .sw-Txt {
  -webkit-transition: opacity .6s .8s, -webkit-transform .6s .8s;
  transition: opacity .6s .8s, -webkit-transform .6s .8s;
  transition: transform .6s .8s, opacity .6s .8s;
  transition: transform .6s .8s, opacity .6s .8s, -webkit-transform .6s .8s; }

/* =============================================================== */
/* #movie-Stage */
/* =============================================================== */
#movie-Stage {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300; }
  #movie-Stage #movie-Iframe {
    background: rgba(8, 49, 99, 0.9);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 89;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media print, screen and (max-width: 1024px) {
      #movie-Stage #movie-Iframe iframe {
        width: 100%;
        height: 56.25vw; } }
  #movie-Stage #movie-Close {
    position: fixed;
    z-index: 100;
    width: 56px;
    height: 84px;
    top: 30px;
    right: 30px;
    -webkit-transition: .2s;
    transition: .2s;
    background: url("../../images/common/characters/close.png") left top/100% auto no-repeat; }
    @media print, screen and (max-width: 1024px) {
      #movie-Stage #movie-Close {
        width: 10.41667vw;
        height: 15.625vw;
        top: 5.20833vw;
        right: 7.42188vw; } }
    @media print, screen and (min-width: 1025px) {
      #movie-Stage #movie-Close:hover {
        cursor: pointer;
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } }

/* =============================================================== */
/* ブレイクポイント 768px _foundation.scssも統一 */
/* =============================================================== */
/* =============================================================== */
/* ブレイクポイント 1024px _foundation.scssも統一 */
/* =============================================================== */
.story_Heading {
  width: 1200px;
  margin: 20px auto 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  @media print, screen and (max-width: 1024px) {
    .story_Heading {
      width: 100%;
      margin: 6.11979vw auto 10.41667vw;
      display: block; } }
  .story_Heading_Img {
    width: 631px;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px); }
    @media print, screen and (max-width: 1024px) {
      .story_Heading_Img {
        width: 92.57812vw;
        margin: 0 auto;
        -webkit-transform: none;
                transform: none; } }
  .story_Heading_Txt {
    width: 560px;
    padding: 90px 0 0; }
    @media print, screen and (max-width: 1024px) {
      .story_Heading_Txt {
        width: 85.41667vw;
        padding: 4.94792vw 0 0;
        margin: 0 auto; } }
    .story_Heading_Txt_Copy {
      line-height: 55px;
      font-size: 32px;
      color: #fff;
      position: relative;
      white-space: nowrap;
      font-weight: 200; }
      @media print, screen and (max-width: 1024px) {
        .story_Heading_Txt_Copy {
          line-height: 10.41667vw;
          font-size: 6.25vw; } }
      .story_Heading_Txt_Copy:before {
        content: '';
        display: block;
        background: url("../../images/pc/bg_novels.png") left top/7px 55px repeat;
        width: 100%;
        height: calc(100% + 1px);
        position: absolute;
        z-index: 0;
        top: -1px;
        left: 0px;
        pointer-events: none; }
        @media print, screen and (max-width: 1024px) {
          .story_Heading_Txt_Copy:before {
            height: calc(100% + 0.4vw);
            top: -0.26042vw;
            background: url("../../images/sp/bg_novels.png") left top/0.78125vw 10.41667vw repeat; } }
    .story_Heading_Txt_Detail {
      margin: 44px 0 0; }
      @media print, screen and (max-width: 1024px) {
        .story_Heading_Txt_Detail {
          margin: 7.8125vw 0 0; } }
      .story_Heading_Txt_Detail p + p {
        margin: 1.2em 0 0; }

.story_Contents {
  width: 840px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
  @media print, screen and (max-width: 1024px) {
    .story_Contents {
      display: block;
      width: 100%; } }
  .story_Contents-1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .story_Contents + .story_Contents {
    margin: 86px auto 0; }
    @media print, screen and (max-width: 1024px) {
      .story_Contents + .story_Contents {
        margin: 10.41667vw auto 0; } }
  .story_Contents_Img {
    width: 320px; }
    @media print, screen and (max-width: 1024px) {
      .story_Contents_Img {
        width: 100%;
        padding: 0 0 0 7.29167vw; } }
  @media print, screen and (max-width: 1024px) {
    .story_Contents-1 .story_Contents_Img {
      padding: 0 7.29167vw 0 0; } }
  .story_Contents_Txt {
    width: 460px;
    padding: 18px 0 0; }
    @media print, screen and (max-width: 1024px) {
      .story_Contents_Txt {
        width: 85.41667vw;
        padding: 0;
        margin: 9.375vw auto 0; } }
    .story_Contents_Txt p + p {
      margin: 1.2em 0 0; }

.sw-Txt .line {
  position: relative;
  font-size: 1.5em;
  background: -webkit-linear-gradient(transparent 66%, #45d0e9 0%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(66%, transparent), color-stop(0%, #45d0e9));
  background: linear-gradient(transparent 66%, #45d0e9 0%);
  padding: 0 0 .1em; }
  @media print, screen and (max-width: 1024px) {
    .sw-Txt .line {
      font-size: 1.25em; } }