@charset "UTF-8";
/* ======================================================
 * _vars.scss
 * ------------------------------------------------------
 * img_path
 * pc_width
 * break_point
 * font
 * color
 * set_prefix
 * easing
====================================================== */
/* ======================================================
 * _base.scss
 *-------------------------------------------------
 * Reset
 * Basic
 * Basic - PC
 * Basic - SP
====================================================== */
/*-------------------------------------------------
 * Reset
------------------------------------------------------ */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* custom */
main {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

h1, h2, h3, h4, h5, h6, small {
  font-weight: normal; }

ul, ol {
  list-style: none; }

strong {
  font-weight: bold; }

em, i {
  font-style: normal; }

address {
  font-style: normal; }

hr, legend {
  display: none; }

time {
  display: block; }

sub, sup {
  position: relative;
  font-size: 74%;
  line-height: 1; }

sup {
  top: -.35em; }

sub {
  bottom: -.1em; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
  border: 0; }

/*-------------------------------------------------
 * Basic
------------------------------------------------------ */
html {
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll; }

body {
  min-height: 100%;
  color: #333333;
  line-height: 1.86667;
  font-size: 15px;
  word-wrap: break-word;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%; }
  body *,
  body *:before,
  body *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

/* link */
::-moz-selection {
  background: #406ea1;
  color: #FFF; }
::selection {
  background: #406ea1;
  color: #FFF; }

/* link */
a {
  -webkit-transition: background-color, border-color, color, .2s ease-out 0s;
  transition: background-color, border-color, color, .2s ease-out 0s; }
  a:link {
    color: #333333; }
  a:visited {
    color: #333333; }
  a:hover {
    text-decoration: none; }
    a:hover img {
      opacity: 0.8; }
  a:active {
    color: #406ea1;
    text-decoration: none; }
  a img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
    -webkit-transition: opacity, color, .2s ease-out 0s;
    transition: opacity, color, .2s ease-out 0s; }

/* form */
input,
select,
textarea,
button {
  line-height: 1.86667;
  font-size: 15px; }

/*-------------------------------------------------
 * Basic - PC
------------------------------------------------------ */
@media print, screen and (min-width: 768px) {
  body {
    font-family: dnp-shuei-mgothic-std, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }
  input,
  select,
  textarea,
  button {
    font-family: dnp-shuei-mgothic-std, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; } }

@media screen and (max-width: 1440px) and (min-width: 768px) {
  body {
    font-size: 1.04167vw; }
  input,
  select,
  textarea,
  button {
    font-size: 1.04167vw; } }

/*-------------------------------------------------
 * Basic - SP
------------------------------------------------------ */
@media screen and (max-width: 767px) {
  body {
    min-width: auto;
    font-family: dnp-shuei-mgothic-std, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }
  input,
  select,
  textarea,
  button {
    font-family: dnp-shuei-mgothic-std, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; } }

/* ------------------------------------------------------
 * util - all
------------------------------------------------------ */
/* width */
.w-auto {
  width: auto !important; }

.w-001per {
  width: 1% !important; }

.w-002per {
  width: 2% !important; }

.w-003per {
  width: 3% !important; }

.w-004per {
  width: 4% !important; }

.w-005per {
  width: 5% !important; }

.w-006per {
  width: 6% !important; }

.w-007per {
  width: 7% !important; }

.w-008per {
  width: 8% !important; }

.w-009per {
  width: 9% !important; }

.w-010per {
  width: 10% !important; }

.w-011per {
  width: 11% !important; }

.w-012per {
  width: 12% !important; }

.w-013per {
  width: 13% !important; }

.w-014per {
  width: 14% !important; }

.w-015per {
  width: 15% !important; }

.w-016per {
  width: 16% !important; }

.w-017per {
  width: 17% !important; }

.w-018per {
  width: 18% !important; }

.w-019per {
  width: 19% !important; }

.w-020per {
  width: 20% !important; }

.w-021per {
  width: 21% !important; }

.w-022per {
  width: 22% !important; }

.w-023per {
  width: 23% !important; }

.w-024per {
  width: 24% !important; }

.w-025per {
  width: 25% !important; }

.w-026per {
  width: 26% !important; }

.w-027per {
  width: 27% !important; }

.w-028per {
  width: 28% !important; }

.w-029per {
  width: 29% !important; }

.w-030per {
  width: 30% !important; }

.w-031per {
  width: 31% !important; }

.w-032per {
  width: 32% !important; }

.w-033per {
  width: 33% !important; }

.w-034per {
  width: 34% !important; }

.w-035per {
  width: 35% !important; }

.w-036per {
  width: 36% !important; }

.w-037per {
  width: 37% !important; }

.w-038per {
  width: 38% !important; }

.w-039per {
  width: 39% !important; }

.w-040per {
  width: 40% !important; }

.w-041per {
  width: 41% !important; }

.w-042per {
  width: 42% !important; }

.w-043per {
  width: 43% !important; }

.w-044per {
  width: 44% !important; }

.w-045per {
  width: 45% !important; }

.w-046per {
  width: 46% !important; }

.w-047per {
  width: 47% !important; }

.w-048per {
  width: 48% !important; }

.w-049per {
  width: 49% !important; }

.w-050per {
  width: 50% !important; }

.w-051per {
  width: 51% !important; }

.w-052per {
  width: 52% !important; }

.w-053per {
  width: 53% !important; }

.w-054per {
  width: 54% !important; }

.w-055per {
  width: 55% !important; }

.w-056per {
  width: 56% !important; }

.w-057per {
  width: 57% !important; }

.w-058per {
  width: 58% !important; }

.w-059per {
  width: 59% !important; }

.w-060per {
  width: 60% !important; }

.w-061per {
  width: 61% !important; }

.w-062per {
  width: 62% !important; }

.w-063per {
  width: 63% !important; }

.w-064per {
  width: 64% !important; }

.w-065per {
  width: 65% !important; }

.w-066per {
  width: 66% !important; }

.w-067per {
  width: 67% !important; }

.w-068per {
  width: 68% !important; }

.w-069per {
  width: 69% !important; }

.w-070per {
  width: 70% !important; }

.w-071per {
  width: 71% !important; }

.w-072per {
  width: 72% !important; }

.w-073per {
  width: 73% !important; }

.w-074per {
  width: 74% !important; }

.w-075per {
  width: 75% !important; }

.w-076per {
  width: 76% !important; }

.w-077per {
  width: 77% !important; }

.w-078per {
  width: 78% !important; }

.w-079per {
  width: 79% !important; }

.w-080per {
  width: 80% !important; }

.w-081per {
  width: 81% !important; }

.w-082per {
  width: 82% !important; }

.w-083per {
  width: 83% !important; }

.w-084per {
  width: 84% !important; }

.w-085per {
  width: 85% !important; }

.w-086per {
  width: 86% !important; }

.w-087per {
  width: 87% !important; }

.w-088per {
  width: 88% !important; }

.w-089per {
  width: 89% !important; }

.w-090per {
  width: 90% !important; }

.w-091per {
  width: 91% !important; }

.w-092per {
  width: 92% !important; }

.w-093per {
  width: 93% !important; }

.w-094per {
  width: 94% !important; }

.w-095per {
  width: 95% !important; }

.w-096per {
  width: 96% !important; }

.w-097per {
  width: 97% !important; }

.w-098per {
  width: 98% !important; }

.w-099per {
  width: 99% !important; }

.w-100per {
  width: 100% !important; }

/* border */
.bd-none {
  border: none !important; }

.bd-t-none {
  border-top: none !important; }

.bd-r-none {
  border-right: none !important; }

.bd-b-none {
  border-bottom: none !important; }

.bd-l-none {
  border-left: none !important; }

/* br */
.br-nowrap {
  white-space: nowrap !important; }

/* align */
.al-center {
  text-align: center !important; }

.al-right {
  text-align: right !important; }

.al-left {
  text-align: left !important; }

.al-top {
  vertical-align: top !important; }

.al-middle {
  vertical-align: middle !important; }

.al-bottom {
  vertical-align: bottom !important; }

/* font */
.f-small {
  font-size: 75% !important; }

.f-bold {
  font-weight: bold !important; }

.f-color {
  color: #e90f0f !important; }

.f-color-v2 {
  color: #0b9ae2 !important; }

.f-highlight {
  color: #e90f0f !important;
  font-weight: bold !important; }

.f-italic {
  font-style: italic !important; }

.f-underline {
  text-decoration: underline !important; }

.f-strike {
  text-decoration: line-through !important; }

.f-normal-weight {
  font-weight: normal !important; }

.f-normal-style {
  font-style: normal !important; }

/* margin */
.mt-00 {
  margin-top: 0 !important; }

.mt-05 {
  margin-top: 5px !important; }

/* ------------------------------------------------------
 * util - PC
------------------------------------------------------ */
@media print, screen and (min-width: 768px) {
  /* pc-margin */
  .pc-ml-1em {
    margin-left: 1em !important; }
  .pc-ml-2em {
    margin-left: 2em !important; }
  .pc-ml-3em {
    margin-left: 3em !important; }
  .pc-ml-4em {
    margin-left: 4em !important; }
  .pc-ml-5em {
    margin-left: 5em !important; }
  .pc-ml-6em {
    margin-left: 6em !important; }
  .pc-ml-7em {
    margin-left: 7em !important; }
  .pc-ml-8em {
    margin-left: 8em !important; }
  .pc-ml-9em {
    margin-left: 9em !important; }
  .pc-ml-10em {
    margin-left: 10em !important; }
  /* pc-hidden */
  .pc-hidden {
    display: none !important; } }

/* ------------------------------------------------------
 * util - SP
------------------------------------------------------ */
@media screen and (max-width: 767px) {
  /* sp-hidden */
  .sp-hidden {
    display: none !important; } }

/*!
 * animsition v4.0.2
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */
.js-animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/**
  * overlay option
  */
.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd; }

/* loading option */
.animsition-loading,
.animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 100; }

.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading; }

@-webkit-keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in; }

@-webkit-keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fade-out {
  -webkit-animation-name: fade-out;
  animation-name: fade-out; }

@-webkit-keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fade-in-up {
  -webkit-animation-name: fade-in-up;
  animation-name: fade-in-up; }

@-webkit-keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0; } }

@keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0; } }

.fade-out-up {
  -webkit-animation-name: fade-out-up;
  animation-name: fade-out-up; }

@-webkit-keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fade-in-up-sm {
  -webkit-animation-name: fade-in-up-sm;
  animation-name: fade-in-up-sm; }

@-webkit-keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0; } }

@keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0; } }

.fade-out-up-sm {
  -webkit-animation-name: fade-out-up-sm;
  animation-name: fade-out-up-sm; }

@-webkit-keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fade-in-up-lg {
  -webkit-animation-name: fade-in-up-lg;
  animation-name: fade-in-up-lg; }

@-webkit-keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0; } }

@keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0; } }

.fade-out-up-lg {
  -webkit-animation-name: fade-out-up-lg;
  animation-name: fade-out-up-lg; }

@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fade-in-down {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down; }

@-webkit-keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0; } }

@keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0; } }

.fade-out-down {
  -webkit-animation-name: fade-out-down;
  animation-name: fade-out-down; }

@-webkit-keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fade-in-down-sm {
  -webkit-animation-name: fade-in-down-sm;
  animation-name: fade-in-down-sm; }

@-webkit-keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; } }

@keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; } }

.fade-out-down-sm {
  -webkit-animation-name: fade-out-down-sm;
  animation-name: fade-out-down-sm; }

@-webkit-keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fade-in-down-lg {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down; }

@-webkit-keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0; } }

@keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0; } }

.fade-out-down-lg {
  -webkit-animation-name: fade-out-down-lg;
  animation-name: fade-out-down-lg; }

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fade-in-left {
  -webkit-animation-name: fade-in-left;
  animation-name: fade-in-left; }

@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0; } }

@keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0; } }

.fade-out-left {
  -webkit-animation-name: fade-out-left;
  animation-name: fade-out-left; }

@-webkit-keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fade-in-left-sm {
  -webkit-animation-name: fade-in-left-sm;
  animation-name: fade-in-left-sm; }

@-webkit-keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0; } }

@keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0; } }

.fade-out-left-sm {
  -webkit-animation-name: fade-out-left-sm;
  animation-name: fade-out-left-sm; }

@-webkit-keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fade-in-left-lg {
  -webkit-animation-name: fade-in-left-lg;
  animation-name: fade-in-left-lg; }

@-webkit-keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0; } }

@keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0; } }

.fade-out-left-lg {
  -webkit-animation-name: fade-out-left-lg;
  animation-name: fade-out-left-lg; }

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fade-in-right {
  -webkit-animation-name: fade-in-right;
  animation-name: fade-in-right; }

@-webkit-keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0; } }

@keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0; } }

.fade-out-right {
  -webkit-animation-name: fade-out-right;
  animation-name: fade-out-right; }

@-webkit-keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fade-in-right-sm {
  -webkit-animation-name: fade-in-right-sm;
  animation-name: fade-in-right-sm; }

@-webkit-keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0; } }

@keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0; } }

.fade-out-right-sm {
  -webkit-animation-name: fade-out-right-sm;
  animation-name: fade-out-right-sm; }

@-webkit-keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fade-in-right-lg {
  -webkit-animation-name: fade-in-right-lg;
  animation-name: fade-in-right-lg; }

@-webkit-keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0; } }

@keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0; } }

.fade-out-right-lg {
  -webkit-animation-name: fade-out-right-lg;
  animation-name: fade-out-right-lg; }

@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; } }

@keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; } }

.rotate-in {
  -webkit-animation-name: rotate-in;
  animation-name: rotate-in; }

@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; } }

@keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; } }

.rotate-out {
  -webkit-animation-name: rotate-out;
  animation-name: rotate-out; }

@-webkit-keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; } }

@keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; } }

.rotate-in-sm {
  -webkit-animation-name: rotate-in-sm;
  animation-name: rotate-in-sm; }

@-webkit-keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; } }

@keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; } }

.rotate-out-sm {
  -webkit-animation-name: rotate-out-sm;
  animation-name: rotate-out-sm; }

@-webkit-keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; } }

@keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; } }

.rotate-in-lg {
  -webkit-animation-name: rotate-in-lg;
  animation-name: rotate-in-lg; }

@-webkit-keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; } }

@keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; } }

.rotate-out-lg {
  -webkit-animation-name: rotate-out-lg;
  animation-name: rotate-out-lg; }

@-webkit-keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1; } }

@keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1; } }

.flip-in-x {
  -webkit-animation-name: flip-in-x;
  animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0; } }

@keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0; } }

.flip-out-x {
  -webkit-animation-name: flip-out-x;
  animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1; } }

@keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1; } }

.flip-in-x-nr {
  -webkit-animation-name: flip-in-x-nr;
  animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0; } }

@keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0; } }

.flip-out-x-nr {
  -webkit-animation-name: flip-out-x-nr;
  animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1; } }

@keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1; } }

.flip-in-x-fr {
  -webkit-animation-name: flip-in-x-fr;
  animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

@keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

.flip-out-x-fr {
  -webkit-animation-name: flip-out-x-fr;
  animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1; } }

@keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1; } }

.flip-in-y {
  -webkit-animation-name: flip-in-y;
  animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0; } }

@keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0; } }

.flip-out-y {
  -webkit-animation-name: flip-out-y;
  animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1; } }

@keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1; } }

.flip-in-y-nr {
  -webkit-animation-name: flip-in-y-nr;
  animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0; } }

@keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0; } }

.flip-out-y-nr {
  -webkit-animation-name: flip-out-y-nr;
  animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1; } }

@keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1; } }

.flip-in-y-fr {
  -webkit-animation-name: flip-in-y-fr;
  animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0; } }

@keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0; } }

.flip-out-y-fr {
  -webkit-animation-name: flip-out-y-fr;
  animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }
  100% {
    opacity: 1; } }

.zoom-in {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in; }

@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }
  100% {
    opacity: 0; } }

.zoom-out {
  -webkit-animation-name: zoom-out;
  animation-name: zoom-out; }

@-webkit-keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  100% {
    opacity: 1; } }

.zoom-in-sm {
  -webkit-animation-name: zoom-in-sm;
  animation-name: zoom-in-sm; }

@-webkit-keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; }
  100% {
    opacity: 0; } }

.zoom-out-sm {
  -webkit-animation-name: zoom-out-sm;
  animation-name: zoom-out-sm; }

@-webkit-keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0; }
  100% {
    opacity: 1; } }

.zoom-in-lg {
  -webkit-animation-name: zoom-in-lg;
  animation-name: zoom-in-lg; }

@-webkit-keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0; }
  100% {
    opacity: 0; } }

.zoom-out-lg {
  -webkit-animation-name: zoom-out-lg;
  animation-name: zoom-out-lg; }

@-webkit-keyframes overlay-slide-in-top {
  0% {
    height: 100%; }
  100% {
    height: 0; } }

@keyframes overlay-slide-in-top {
  0% {
    height: 100%; }
  100% {
    height: 0; } }

.overlay-slide-in-top {
  top: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-top;
  animation-name: overlay-slide-in-top; }

@-webkit-keyframes overlay-slide-out-top {
  0% {
    height: 0; }
  100% {
    height: 100%; } }

@keyframes overlay-slide-out-top {
  0% {
    height: 0; }
  100% {
    height: 100%; } }

.overlay-slide-out-top {
  top: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-top;
  animation-name: overlay-slide-out-top; }

@-webkit-keyframes overlay-slide-in-bottom {
  0% {
    height: 100%; }
  100% {
    height: 0; } }

@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%; }
  100% {
    height: 0; } }

.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-bottom;
  animation-name: overlay-slide-in-bottom; }

@-webkit-keyframes overlay-slide-out-bottom {
  0% {
    height: 0; }
  100% {
    height: 100%; } }

@keyframes overlay-slide-out-bottom {
  0% {
    height: 0; }
  100% {
    height: 100%; } }

.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-bottom;
  animation-name: overlay-slide-out-bottom; }

@-webkit-keyframes overlay-slide-in-left {
  0% {
    width: 100%; }
  100% {
    width: 0; } }

@keyframes overlay-slide-in-left {
  0% {
    width: 100%; }
  100% {
    width: 0; } }

.overlay-slide-in-left {
  width: 0;
  -webkit-animation-name: overlay-slide-in-left;
  animation-name: overlay-slide-in-left; }

@-webkit-keyframes overlay-slide-out-left {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes overlay-slide-out-left {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

.overlay-slide-out-left {
  left: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-left;
  animation-name: overlay-slide-out-left; }

@-webkit-keyframes overlay-slide-in-right {
  0% {
    width: 100%; }
  100% {
    width: 0; } }

@keyframes overlay-slide-in-right {
  0% {
    width: 100%; }
  100% {
    width: 0; } }

.overlay-slide-in-right {
  right: 0;
  width: 0;
  -webkit-animation-name: overlay-slide-in-right;
  animation-name: overlay-slide-in-right; }

@-webkit-keyframes overlay-slide-out-right {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes overlay-slide-out-right {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

.overlay-slide-out-right {
  right: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-right;
  animation-name: overlay-slide-out-right; }

/* slick */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  line-height: 1;
  font-size: 0; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '←'; }

[dir='rtl'] .slick-prev:before {
  content: '→'; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: '→'; }

[dir='rtl'] .slick-next:before {
  content: '←'; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

/* -------------------------------------------
		element
	------------------------------------------- */
@media print, screen and (min-width: 768px) {
  /* banner */
  .banner__block {
    position: relative;
    padding: 60px 0;
    background-color: #eaf2f7;
    z-index: 1; }
  .banner {
    margin: 62px auto 0; }
    .banner__set {
      text-align: center; }
      .banner__set img {
        width: 500px; }
  .chapter00 {
    position: relative;
    padding: 80px 0 64px;
    border: 4px solid #5A0304;
    z-index: 1;
    overflow: hidden; }
    .chapter00::before {
      content: "";
      position: absolute;
      width: 200%;
      height: 200%;
      background-repeat: repeat;
      background-image: url("../img/com-bg03.png");
      background-size: 82px auto;
      background-color: #EADBD3;
      top: -50%;
      left: -50%;
      z-index: -1;
      -webkit-transform: rotate(6deg);
      transform: rotate(6deg); }
    .chapter00::after {
      content: "";
      position: absolute;
      width: 282px;
      height: 163px;
      bottom: -2px;
      right: 8px;
      background: url("../img/chapter00-img01.png") no-repeat top left/100% auto;
      z-index: 4; }
    .chapter00 > *:first-child {
      margin-top: 0 !important; }
    .chapter00 .chapter__head__title__lead {
      font-size: 16px; }
      .chapter00 .chapter__head__title__lead::after {
        content: "";
        position: absolute;
        width: 48px;
        height: 2px;
        background: #5A0304;
        margin: auto;
        left: 0;
        right: 0;
        bottom: -12px;
        border-radius: 4px; }
    .chapter00 .chapter__head__title {
      position: relative; }
    .chapter00 .chapter__head__title__accent {
      width: 236px;
      display: inline-block;
      position: absolute;
      top: -8px;
      left: -128px;
      -webkit-transform: rotate(-19deg);
      transform: rotate(-19deg); }
      .chapter00 .chapter__head__title__accent img {
        width: 100%; }
    .chapter00 .chapter__lead__text {
      position: relative;
      max-width: 1135px;
      margin-top: 32px;
      font-size: 38px;
      line-height: 1.6; }
      .chapter00 .chapter__lead__text::before {
        content: "日本弁理士会 知的財産って何ですか？";
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 38px;
        left: 2px;
        top: 4px;
        color: #D3ADA0;
        z-index: -1; }
    .chapter00 .chapter__box__00 {
      width: 846px;
      margin: 48px auto 0; }
  /* chapter01 */
  .chapter01 {
    position: relative;
    margin-bottom: 165px;
    background-color: #eaf2f7;
    z-index: 1; }
    .chapter01 > *:first-child {
      margin-top: 0 !important; }
    .chapter01::after {
      content: "";
      display: block;
      position: absolute;
      left: -50vw;
      bottom: -95px;
      width: 200vw;
      height: 200px;
      background-color: #eaf2f7;
      -webkit-transform: rotate(4deg);
      transform: rotate(4deg);
      z-index: -2; }
    .chapter01 .chapter__head__block {
      padding: 60px 0;
      background: #406ea1;
      width: 100%;
      position: relative; }
      .chapter01 .chapter__head__block::before {
        content: "";
        position: absolute;
        width: 332px;
        height: 210px;
        left: 40px;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url("../img/chapter-heading_01.png") no-repeat top left/100% auto; }
      .chapter01 .chapter__head__block::after {
        content: "";
        position: absolute;
        width: 282px;
        height: 200px;
        right: 80px;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url("../img/chapter-heading_02.png") no-repeat top left/100% auto; }
    .chapter01 .chapter__head__title__lead > em {
      color: #fff; }
      .chapter01 .chapter__head__title__lead > em::before {
        background-image: url("../img/com-icon02_01_white.svg"); }
      .chapter01 .chapter__head__title__lead > em::after {
        background-image: url("../img/com-icon02_02_white.svg"); }
    .chapter01 .chapter__head__title__text {
      color: #fff; }
      .chapter01 .chapter__head__title__text > em {
        color: #f4ed51; }
  /* chapter02 */
  .chapter02 {
    padding-bottom: 160px; }
    .chapter02 + .aside {
      margin-top: 48px; }
  /* chapter03 */
  .chapter03 {
    margin-top: 30px; }
  /* chapter04 */
  .chapter04 {
    margin-top: 190px; }
  /* chapter05 */
  .chapter05 {
    margin-top: 214px; }
  /* chapter__head */
  .chapter__head {
    text-align: center; }
    .chapter__head.js-view-point .chapter__head__icon {
      -webkit-transform: scale(0.01);
      transform: scale(0.01);
      opacity: 0;
      -webkit-transition: opacity .5s, -webkit-transform .5s;
      transition: opacity .5s, -webkit-transform .5s;
      transition: opacity .5s, transform .5s;
      transition: opacity .5s, transform .5s, -webkit-transform .5s;
      -webkit-transition-delay: calc(3*.1s);
      transition-delay: calc(3*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__head.js-view-point .chapter__head__title__lead {
      -webkit-transform: scale(0.01);
      transform: scale(0.01);
      -webkit-transition: -webkit-transform .5s;
      transition: -webkit-transform .5s;
      transition: transform .5s;
      transition: transform .5s, -webkit-transform .5s;
      -webkit-transition-delay: calc(5*.1s);
      transition-delay: calc(5*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__head.js-view-point .chapter__head__title__text > em::before {
      width: 0;
      -webkit-transition: width .5s;
      transition: width .5s;
      -webkit-transition-delay: calc(8*.1s);
      transition-delay: calc(8*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__head.js-view-point .chapter__lead__text__line::after {
      width: 0;
      -webkit-transition: width .5s;
      transition: width .5s;
      -webkit-transition-delay: calc(8*.1s);
      transition-delay: calc(8*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__head.js-view-point.is-active .chapter__head__icon {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
    .chapter__head.js-view-point.is-active .chapter__head__title__lead {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .chapter__head.js-view-point.is-active .chapter__head__title__text > em::before {
      width: 100%; }
    .chapter__head.js-view-point.is-active .chapter__lead__text__line::after {
      width: 100%; }
    .chapter__head__block {
      display: inline-block;
      position: relative;
      padding: 15px 155px 5px 150px; }
    .chapter__head__icon {
      position: absolute;
      top: 0;
      left: 0; }
      .chapter__head__icon img {
        width: 125px; }
    .chapter__head__title__lead {
      display: block;
      line-height: 1; }
      .chapter__head__title__lead > em {
        display: inline-block;
        position: relative;
        padding: 0 23px;
        font-size: 22px;
        font-family: dnp-shuei-mgothic-std, sans-serif;
        font-weight: 600;
        font-style: normal; }
        .chapter__head__title__lead > em::before, .chapter__head__title__lead > em::after {
          display: block;
          content: "";
          position: absolute;
          top: 0;
          width: 10px;
          height: 20px;
          background-repeat: no-repeat;
          background-size: 100% auto; }
        .chapter__head__title__lead > em::before {
          left: 0;
          background-image: url("../img/com-icon02_01.svg"); }
        .chapter__head__title__lead > em::after {
          right: 0;
          background-image: url("../img/com-icon02_02.svg"); }
    .chapter__head__title__text {
      display: block;
      margin-top: 12px;
      font-size: 36px;
      line-height: 1;
      font-family: dnp-shuei-mgothic-std, sans-serif;
      font-weight: 600;
      font-style: normal; }
      .chapter__head__title__text > em {
        display: inline-block;
        position: relative;
        color: #2970b3;
        font-size: 56px;
        line-height: 1.5; }
        .chapter__head__title__text > em::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: -5%;
          width: 110%;
          height: 8px;
          border-radius: 4px;
          background-color: #f0e94b; }
  /* chapter__lead */
  .chapter__lead {
    margin-top: 42px;
    text-align: center; }
    .chapter__lead.js-view-point .chapter__lead__icon {
      -webkit-transform: scale(0.01);
      transform: scale(0.01);
      opacity: 0;
      -webkit-transition: opacity .5s, -webkit-transform .5s;
      transition: opacity .5s, -webkit-transform .5s;
      transition: opacity .5s, transform .5s;
      transition: opacity .5s, transform .5s, -webkit-transform .5s;
      -webkit-transition-delay: calc(2*.1s);
      transition-delay: calc(2*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__lead.js-view-point .chapter__lead__text > em::before {
      width: 0;
      -webkit-transition: width .5s;
      transition: width .5s;
      -webkit-transition-delay: calc(5*.1s);
      transition-delay: calc(5*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__lead.js-view-point.is-active .chapter__lead__icon {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
    .chapter__lead.js-view-point.is-active .chapter__lead__text > em::before {
      width: 106%; }
    .chapter__lead.is-type01 .chapter__lead__text {
      font-size: 28px; }
      .chapter__lead.is-type01 .chapter__lead__text > em {
        font-size: 39px; }
    .chapter__lead__block {
      display: inline-block;
      position: relative;
      padding: 38px 42px 20px 173px; }
    .chapter__lead__icon {
      position: absolute;
      top: 0;
      left: 0; }
      .chapter__lead__icon img {
        width: 160px; }
    .chapter__lead__text {
      display: block;
      font-size: 32px;
      line-height: 1;
      font-family: dnp-shuei-mgothic-std, sans-serif;
      font-weight: 600;
      font-style: normal; }
      .chapter__lead__text > em {
        position: relative;
        padding-bottom: 16px;
        color: #2970b3;
        font-size: 44px;
        display: inline-block; }
        .chapter__lead__text > em::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: -3%;
          width: 106%;
          height: 8px;
          border-radius: 4px;
          background-color: #f0e94b; }
  /* chapter__movie */
  .chapter__movie {
    position: relative;
    width: 854px;
    margin: 32px auto 0;
    z-index: 1; }
    .chapter__movie::before {
      content: "";
      display: block;
      position: absolute;
      bottom: -10px;
      right: -10px;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      overflow: hidden;
      background-repeat: repeat;
      background-image: url("../img/com-bg01.png");
      z-index: -1; }
    .chapter__movie--special::before {
      content: "";
      display: block;
      position: absolute;
      background-repeat: repeat;
      background-image: url("../img/com-bg02.png"); }
    .chapter__movie + .chapter__capacity {
      margin-top: 80px; }
    .chapter__movie__set {
      font-size: 0;
      line-height: 1;
      border: solid 2px #000000;
      border-radius: 10px;
      overflow: hidden; }
  /* chapter__wrap */
  .chapter__wrap {
    width: 800px;
    margin: 30px auto 0;
    padding-left: 6px; }
    .chapter__wrap::after {
      content: "";
      display: block;
      clear: both; }
    .chapter__wrap__item {
      position: relative;
      float: left;
      width: calc((100% - 26px) / 2);
      margin-top: 44px;
      margin-left: 26px;
      z-index: 1; }
      .chapter__wrap__item:nth-child(-n+2) {
        margin-top: 0 !important; }
      .chapter__wrap__item:nth-child(2n+1) {
        clear: left;
        margin-left: 0 !important; }
      .chapter__wrap__item::before, .chapter__wrap__item::after {
        content: "";
        display: block;
        position: absolute; }
      .chapter__wrap__item::before {
        top: -21px;
        left: 14px;
        width: 54px;
        height: 54px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: 100% auto;
        z-index: 2; }
      .chapter__wrap__item::after {
        bottom: -6px;
        right: -6px;
        width: 100%;
        height: 100%;
        border-radius: 14px;
        overflow: hidden;
        background-repeat: repeat;
        background-image: url("../img/com-bg01.png");
        z-index: -1; }
      .chapter__wrap__item:nth-child(1)::before {
        background-image: url("../img/chapter01-icon02_01.png"); }
      .chapter__wrap__item:nth-child(2)::before {
        background-image: url("../img/chapter01-icon02_02.png"); }
      .chapter__wrap__item:nth-child(3)::before {
        background-image: url("../img/chapter01-icon02_03.png"); }
      .chapter__wrap__item:nth-child(4)::before {
        background-image: url("../img/chapter01-icon02_04.png"); }
      .chapter__wrap__item__block {
        min-height: 170px;
        padding: 20px 32px;
        border: 2px solid #000;
        border-radius: 14px;
        background-color: #fff;
        overflow: hidden; }
      .chapter__wrap__item__title {
        color: #2970b3;
        font-size: 24px;
        font-family: dnp-shuei-mgothic-std, sans-serif;
        font-weight: 600;
        font-style: normal;
        text-align: center; }
  /* chapter__talk */
  .chapter__talk {
    width: 1060px;
    margin: 44px auto 0; }
    .chapter__talk.is-reverse > li:nth-child(2n+1) {
      padding: 35px 242px 35px 0; }
      .chapter__talk.is-reverse > li:nth-child(2n+1)::before {
        left: auto;
        right: 0; }
      .chapter__talk.is-reverse > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner {
        float: right;
        background-color: #8cb2dc; }
        .chapter__talk.is-reverse > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::before {
          left: -8px; }
        .chapter__talk.is-reverse > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
          left: auto;
          right: -15px;
          background-image: url("../img/chapter01-icon05_02.png"); }
    .chapter__talk.is-reverse > li:nth-child(2n) {
      padding-left: 242px; }
      .chapter__talk.is-reverse > li:nth-child(2n)::before {
        left: 0; }
      .chapter__talk.is-reverse > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner {
        float: left;
        background-color: #dbeaf4; }
        .chapter__talk.is-reverse > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::before {
          right: -8px; }
        .chapter__talk.is-reverse > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
          left: -15px;
          background-image: url("../img/chapter01-icon05_01.png"); }
    .chapter__talk > li {
      position: relative; }
      .chapter__talk > li:nth-child(2n) {
        padding-right: 242px; }
        .chapter__talk > li:nth-child(2n)::before {
          right: 0; }
        .chapter__talk > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner {
          float: right;
          background-color: #8cb2dc; }
          .chapter__talk > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::before {
            left: -8px; }
          .chapter__talk > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
            right: -15px;
            background-image: url("../img/chapter01-icon05_02.png"); }
      .chapter__talk > li:nth-child(2n+1) {
        padding: 35px 0 35px 242px; }
        .chapter__talk > li:nth-child(2n+1)::before {
          left: 0; }
        .chapter__talk > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner {
          float: left;
          background-color: #dbeaf4; }
          .chapter__talk > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::before {
            right: -8px; }
          .chapter__talk > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
            left: -15px;
            background-image: url("../img/chapter01-icon05_01.png"); }
      .chapter__talk > li::before {
        content: "";
        position: absolute;
        top: 50%;
        width: 210px;
        height: 210px;
        margin-top: -105px;
        background-repeat: no-repeat;
        background-size: 100% auto; }
      .chapter__talk > li.character01_01::before {
        background-image: url("../img/chapter01-icon03_01.png"); }
      .chapter__talk > li.character01_02::before {
        background-image: url("../img/chapter01-icon03_02.png"); }
      .chapter__talk > li.character01_03::before {
        background-image: url("../img/chapter01-icon03_03.png"); }
      .chapter__talk > li.character01_04::before {
        background-image: url("../img/chapter01-icon03_04.png"); }
      .chapter__talk > li.character01_05::before {
        background-image: url("../img/chapter01-icon03_05.png"); }
      .chapter__talk > li.character01_06::before {
        background-image: url("../img/chapter01-icon03_06.png"); }
      .chapter__talk > li.character01_07::before {
        background-image: url("../img/chapter01-icon03_07.png"); }
      .chapter__talk > li.character02_01::before {
        background-image: url("../img/chapter01-icon04_01.png"); }
      .chapter__talk > li.character02_02::before {
        background-image: url("../img/chapter01-icon04_02.png"); }
      .chapter__talk > li.character02_03::before {
        background-image: url("../img/chapter01-icon04_03.png"); }
      .chapter__talk > li.character02_04::before {
        background-image: url("../img/chapter01-icon04_04.png"); }
      .chapter__talk > li.character02_05::before {
        background-image: url("../img/chapter01-icon04_05.png"); }
      .chapter__talk > li.character02_06::before {
        background-image: url("../img/chapter01-icon04_06.png"); }
    .chapter__talk__box {
      position: relative;
      z-index: 1; }
      .chapter__talk__box::after {
        content: "";
        display: block;
        clear: both; }
      .chapter__talk__box.box__size01 .chapter__talk__box__inner {
        width: 580px; }
      .chapter__talk__box.box__size02 .chapter__talk__box__inner {
        width: 410px; }
      .chapter__talk__box.box__size03 .chapter__talk__box__inner {
        width: 470px; }
      .chapter__talk__box__inner {
        position: relative;
        display: table;
        min-height: 96px;
        border: 2px solid #000;
        border-radius: 10px;
        padding: 16px 20px 16px 30px; }
        .chapter__talk__box__inner::before, .chapter__talk__box__inner::after {
          content: "";
          display: block;
          position: absolute; }
        .chapter__talk__box__inner::before {
          bottom: -8px;
          width: 100%;
          height: 100%;
          border-radius: 10px;
          overflow: hidden;
          background-repeat: repeat;
          background-image: url("../img/com-bg01.png");
          z-index: -1; }
        .chapter__talk__box__inner::after {
          top: 50%;
          width: 15px;
          height: 19px;
          margin-top: -9px;
          background-size: 100% auto; }
        .chapter__talk__box__inner > p {
          display: table-cell;
          vertical-align: middle;
          font-size: 16px;
          line-height: 1.75; }
  /* chapter__box */
  .chapter__box {
    position: relative; }
    .chapter__box__01 {
      position: relative;
      width: 850px;
      margin: 82px auto 0;
      border: 2px solid #000;
      border-radius: 30px;
      background-color: #fff; }
      .chapter__box__01.js-view-point[class*="character"]::after {
        -webkit-transform: scale(0.01);
        transform: scale(0.01);
        opacity: 0;
        -webkit-transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .5s, transform .5s;
        transition: opacity .5s, transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: calc(5*.1s);
        transition-delay: calc(5*.1s);
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .chapter__box__01.js-view-point > .chapter__box__inner > .chapter__box__title > em::before {
        width: 0;
        -webkit-transition: width .5s;
        transition: width .5s;
        -webkit-transition-delay: calc(5*.1s);
        transition-delay: calc(5*.1s);
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .chapter__box__01.js-view-point.is-active[class*="character"]::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1); }
      .chapter__box__01.js-view-point.is-active > .chapter__box__inner > .chapter__box__title > em::before {
        width: 100%; }
      .chapter__box__01[class*="character"]::before, .chapter__box__01[class*="character"]::after {
        content: "";
        position: absolute;
        display: block;
        background-repeat: no-repeat;
        background-size: 100% auto; }
      .chapter__box__01[class*="character"]::before {
        bottom: -10px;
        left: -46px;
        width: 108px;
        height: 212px; }
      .chapter__box__01[class*="character"]::after {
        bottom: 218px;
        left: -85px;
        width: 174px;
        height: 134px; }
      .chapter__box__01.character01::before {
        background-image: url("../img/chapter01-img01.png"); }
      .chapter__box__01.character01::after {
        background-image: url("../img/chapter01-txt01.svg"); }
      .chapter__box__01.character02::before {
        background-image: url("../img/chapter02-img02.png"); }
      .chapter__box__01.character02::after {
        background-image: url("../img/chapter02-txt01.svg"); }
      .chapter__box__01.character03::before {
        bottom: -2px;
        left: -38px;
        width: 98px;
        height: 190px;
        background-image: url("../img/chapter03-img02.png"); }
      .chapter__box__01.character03::after {
        bottom: 205px;
        width: 184px;
        height: 134px;
        background-image: url("../img/chapter03-txt02.svg"); }
      .chapter__box__01.character04 > .chapter__box__inner {
        padding-bottom: 0; }
      .chapter__box__01.character04 .chapter__box__img {
        margin-top: 35px; }
        .chapter__box__01.character04 .chapter__box__img .chapter__box__img__set {
          position: relative;
          text-align: center; }
          .chapter__box__01.character04 .chapter__box__img .chapter__box__img__set img {
            height: 275px; }
        .chapter__box__01.character04 .chapter__box__img .chapter__box__img__name {
          position: absolute;
          bottom: 10px;
          left: 50%; }
          .chapter__box__01.character04 .chapter__box__img .chapter__box__img__name.name__01 {
            margin-left: -201px; }
          .chapter__box__01.character04 .chapter__box__img .chapter__box__img__name.name__02 {
            margin-left: 148px; }
      .chapter__box__01.character05 {
        margin-top: 106px; }
        .chapter__box__01.character05 > .chapter__box__inner {
          padding-top: 50px;
          padding-bottom: 63px; }
          .chapter__box__01.character05 > .chapter__box__inner .chapter__box__title > em {
            padding-bottom: 13px;
            line-height: 1; }
        .chapter__box__01.character05::before {
          bottom: 3px;
          left: -72px;
          width: 98px;
          height: 186px;
          background-image: url("../img/chapter02-img02.png");
          background-size: 100% auto; }
        .chapter__box__01.character05::after {
          bottom: 203px;
          left: -120px;
          width: 182px;
          background-image: url("../img/chapter05-txt01.svg"); }
      .chapter__box__01 > .chapter__box__inner {
        padding: 35px 78px 42px; }
        .chapter__box__01 > .chapter__box__inner::after {
          content: "";
          position: absolute;
          display: block;
          bottom: -6px;
          right: -6px;
          width: 100%;
          height: 100%;
          border-radius: 30px;
          overflow: hidden;
          background-repeat: repeat;
          background-image: url("../img/com-bg01.png");
          z-index: -1; }
        .chapter__box__01 > .chapter__box__inner > .chapter__box__title {
          font-family: dnp-shuei-mgothic-std, sans-serif;
          font-weight: 600;
          font-style: normal;
          text-align: center;
          font-size: 26px; }
          .chapter__box__01 > .chapter__box__inner > .chapter__box__title > em {
            position: relative;
            color: #2970b3;
            font-size: 39px;
            display: inline-block; }
            .chapter__box__01 > .chapter__box__inner > .chapter__box__title > em::before {
              content: "";
              position: absolute;
              bottom: 0;
              left: 0%;
              width: 100%;
              height: 8px;
              border-radius: 4px;
              background-color: #f0e94b; }
        .chapter__box__01 > .chapter__box__inner .chapter__box__text {
          margin-top: 31px; }
        .chapter__box__01 > .chapter__box__inner .chapter__box__note {
          position: relative;
          margin-top: 30px;
          padding-left: 1em;
          letter-spacing: -0.01em; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__note::before {
            content: "※";
            position: absolute;
            top: 0;
            left: 0; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__note a:hover {
            text-decoration: none; }
        .chapter__box__01 > .chapter__box__inner .chapter__box__media {
          margin-top: 24px; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__media::after {
            content: "";
            display: block;
            clear: both; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__media .chapter__box__media__detail {
            float: left;
            width: calc(100% - 198px);
            padding-top: 15px;
            padding-left: 30px; }
            .chapter__box__01 > .chapter__box__inner .chapter__box__media .chapter__box__media__detail > *:first-child {
              margin-top: 0 !important; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__media .chapter__box__media__img {
            float: right;
            width: 184px; }
            .chapter__box__01 > .chapter__box__inner .chapter__box__media .chapter__box__media__img > img {
              position: relative;
              top: 0;
              right: -10px; }
        .chapter__box__01 > .chapter__box__inner .chapter__box__bnr {
          margin-top: 44px; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__bnr__title {
            text-align: center; }
            .chapter__box__01 > .chapter__box__inner .chapter__box__bnr__title img {
              height: 20px; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__bnr__set {
            margin-top: 10px;
            text-align: center; }
            .chapter__box__01 > .chapter__box__inner .chapter__box__bnr__set img {
              height: 84px; }
    .chapter__box__02 {
      margin-top: 45px;
      border-radius: 10px;
      background-color: #e3eef6; }
      .chapter__box__02 > .chapter__box__inner {
        padding: 20px 32px 30px; }
        .chapter__box__02 > .chapter__box__inner > .chapter__box__title {
          text-align: center;
          line-height: 1; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em {
            display: inline-block;
            position: relative;
            padding: 0 33px 6px;
            font-size: 20px;
            font-family: dnp-shuei-mgothic-std, sans-serif;
            font-weight: 600;
            font-style: normal;
            line-height: 1; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::before, .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::after {
              display: block;
              content: "";
              position: absolute;
              top: 3px;
              width: 14px;
              height: 22px;
              background-repeat: no-repeat;
              background-size: 100% auto; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::before {
              left: 0;
              background-image: url("../img/com-icon03_01.svg"); }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::after {
              right: 0;
              background-image: url("../img/com-icon03_02.svg"); }
        .chapter__box__02 > .chapter__box__inner > .chapter__box__list {
          margin-top: 30px; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__list::after {
            display: block;
            content: "";
            clear: both; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__list > li {
            display: table;
            float: left;
            width: calc((100% - 42px)/4);
            min-height: 56px;
            margin-top: 14px;
            margin-left: 14px;
            border-radius: 10px;
            background-color: #a0c0e2; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__list > li:nth-child(-n+4) {
              margin-top: 0 !important; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__list > li:nth-child(4n+1) {
              clear: left;
              margin-left: 0 !important; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__list > li > p {
              display: table-cell;
              line-height: 1.33333;
              text-align: center;
              vertical-align: middle; }
        .chapter__box__02 > .chapter__box__inner > .chapter__box__icon {
          width: 580px;
          margin: 22px auto 0; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__icon::after {
            content: "";
            display: block;
            clear: both; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li {
            width: calc((100% - 80px) / 5);
            float: left;
            text-align: center;
            margin-left: 20px; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(5n+1) {
              margin-left: 0 !important; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(1) .chapter__box__icon__set img {
              height: 75px; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(1) .chapter__box__icon__text {
              margin-top: 10px; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(2) .chapter__box__icon__set {
              padding-top: 17px; }
              .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(2) .chapter__box__icon__set img {
                height: 53px; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(3) .chapter__box__icon__set {
              padding-top: 10px; }
              .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(3) .chapter__box__icon__set img {
                height: 65px; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(4) .chapter__box__icon__set {
              padding-top: 10px; }
              .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(4) .chapter__box__icon__set img {
                height: 61px; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(5) .chapter__box__icon__set {
              padding-top: 10px; }
              .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(5) .chapter__box__icon__set img {
                height: 68px; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li .chapter__box__icon__set {
              height: 94px; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li .chapter__box__icon__text {
              font-size: 14px;
              line-height: 1.42857; }
  /* chapter__capacity */
  .chapter__capacity {
    position: relative;
    width: 1016px;
    margin: 65px auto 0;
    z-index: 2; }
    .chapter__capacity.js-view-point .chapter__capacity__title span {
      -webkit-transform: scale(0.01) rotate(-3deg);
      transform: scale(0.01) rotate(-3deg);
      -webkit-transition: -webkit-transform .5s;
      transition: -webkit-transform .5s;
      transition: transform .5s;
      transition: transform .5s, -webkit-transform .5s;
      -webkit-transition-delay: calc(5*.1s);
      transition-delay: calc(5*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__capacity.js-view-point .chapter__capacity__title.is-type01 span {
      -webkit-transform: scale(0.01) rotate(-7deg);
      transform: scale(0.01) rotate(-7deg);
      -webkit-transition: -webkit-transform .5s;
      transition: -webkit-transform .5s;
      transition: transform .5s;
      transition: transform .5s, -webkit-transform .5s;
      -webkit-transition-delay: calc(5*.1s);
      transition-delay: calc(5*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__capacity.js-view-point .chapter__capacity__title > span > em::before {
      width: 0;
      -webkit-transition: width .5s;
      transition: width .5s;
      -webkit-transition-delay: calc(9*.1s);
      transition-delay: calc(9*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__capacity.js-view-point.is-active .chapter__capacity__title span {
      -webkit-transform: scale(1) rotate(-3deg);
      transform: scale(1) rotate(-3deg); }
    .chapter__capacity.js-view-point.is-active .chapter__capacity__title.is-type01 span {
      -webkit-transform: scale(1) rotate(-7deg);
      transform: scale(1) rotate(-7deg); }
    .chapter__capacity.js-view-point.is-active .chapter__capacity__title > span > em::before {
      width: 100%; }
    .chapter__capacity__title {
      position: relative;
      margin-left: 95px;
      line-height: 1; }
      .chapter__capacity__title.is-type01 {
        margin-left: 15px; }
        .chapter__capacity__title.is-type01 > span {
          -webkit-transform: scale(1) rotate(-7deg);
          transform: scale(1) rotate(-7deg); }
          .chapter__capacity__title.is-type01 > span > em {
            font-size: 36px; }
        .chapter__capacity__title.is-type01 + .chapter__talk {
          margin-top: -34px; }
      .chapter__capacity__title.is-type02 {
        margin-left: 0 !important;
        text-align: center; }
        .chapter__capacity__title.is-type02 > span {
          -webkit-transform: scale(1) rotate(0) !important;
          transform: scale(1) rotate(0) !important; }
          .chapter__capacity__title.is-type02 > span > em {
            font-size: 36px; }
        .chapter__capacity__title.is-type02 + .chapter__talk {
          margin-top: 22px; }
      .chapter__capacity__title > span {
        display: inline-block;
        position: relative;
        padding: 0 33px 6px;
        font-size: 28px;
        font-family: dnp-shuei-mgothic-std, sans-serif;
        font-weight: 600;
        font-style: normal;
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg); }
        .chapter__capacity__title > span::before, .chapter__capacity__title > span::after {
          display: block;
          content: "";
          position: absolute;
          bottom: 16px;
          width: 16px;
          height: 26px;
          background-repeat: no-repeat;
          background-size: 100% auto; }
        .chapter__capacity__title > span::before {
          left: 0;
          background-image: url("../img/com-icon03_01.svg"); }
        .chapter__capacity__title > span::after {
          right: 0;
          background-image: url("../img/com-icon03_02.svg"); }
        .chapter__capacity__title > span > em {
          display: inline-block;
          position: relative;
          padding-bottom: 16px;
          color: #2970b3;
          font-size: 47px;
          line-height: 1; }
          .chapter__capacity__title > span > em::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 8px;
            border-radius: 4px;
            background-color: #f0e94b; }
    .chapter__capacity__img {
      text-align: center;
      padding-left: 25px; }
      .chapter__capacity__img img {
        height: 416px; }
    .chapter__capacity__box {
      position: absolute; }
      .chapter__capacity__box::after {
        content: "";
        display: block;
        clear: both; }
      .chapter__capacity__box.box__01 {
        width: 284px;
        top: 128px;
        right: 4px; }
        .chapter__capacity__box.box__01 .chapter__capacity__box__inner {
          background-color: #8cb2dc; }
          .chapter__capacity__box.box__01 .chapter__capacity__box__inner::before {
            right: -8px; }
          .chapter__capacity__box.box__01 .chapter__capacity__box__inner::after {
            left: -15px;
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
            background-image: url("../img/chapter01-icon05_02.png"); }
      .chapter__capacity__box.box__02 {
        width: 302px;
        top: 218px;
        left: 7px; }
        .chapter__capacity__box.box__02 .chapter__capacity__box__inner {
          background-color: #dbeaf4; }
          .chapter__capacity__box.box__02 .chapter__capacity__box__inner::before {
            left: -8px; }
          .chapter__capacity__box.box__02 .chapter__capacity__box__inner::after {
            right: -15px;
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
            background-image: url("../img/chapter01-icon05_01.png"); }
      .chapter__capacity__box__inner {
        position: relative;
        display: table;
        border: 2px solid #000;
        border-radius: 10px;
        padding: 18px 30px; }
        .chapter__capacity__box__inner::before, .chapter__capacity__box__inner::after {
          content: "";
          display: block;
          position: absolute; }
        .chapter__capacity__box__inner::before {
          bottom: -8px;
          width: 100%;
          height: 100%;
          border-radius: 10px;
          overflow: hidden;
          background-repeat: repeat;
          background-image: url("../img/com-bg01.png");
          z-index: -1; }
        .chapter__capacity__box__inner::after {
          top: 50%;
          width: 15px;
          height: 19px;
          margin-top: -9px;
          background-size: 100% auto; }
        .chapter__capacity__box__inner > p {
          display: table-cell;
          vertical-align: middle;
          font-size: 16px;
          line-height: 1.75; }
  /* chapter__bg01 */
  .chapter__bg01 {
    position: relative;
    background-color: #eaf2f7;
    z-index: 1; }
    .chapter__bg01.is-reverse::before {
      top: -75px;
      -webkit-transform: rotate(4deg);
      transform: rotate(4deg); }
    .chapter__bg01.is-reverse::after {
      bottom: -115px;
      -webkit-transform: rotate(4deg);
      transform: rotate(4deg); }
    .chapter__bg01::before, .chapter__bg01::after {
      content: "";
      display: block;
      position: absolute;
      left: -50vw;
      width: 200vw;
      height: 200px;
      background-color: #eaf2f7;
      z-index: -2; }
    .chapter__bg01::before {
      top: -105px;
      -webkit-transform: rotate(-4deg);
      transform: rotate(-4deg); }
    .chapter__bg01::after {
      bottom: -105px;
      -webkit-transform: rotate(-4deg);
      transform: rotate(-4deg); }
  /* aside */
  .aside {
    margin-top: 238px; }
    .aside__release {
      width: 850px;
      margin: 0 auto; }
      .aside__release > li {
        margin-top: 74px; }
        .aside__release > li:first-child {
          margin-top: 0 !important; }
        .aside__release > li.js-view-point .aside__release__box__title,
        .aside__release > li.js-view-point .aside__release__box__bubble {
          -webkit-transform: scale(0.01);
          transform: scale(0.01);
          opacity: 0;
          -webkit-transition: opacity .5s, -webkit-transform .5s;
          transition: opacity .5s, -webkit-transform .5s;
          transition: opacity .5s, transform .5s;
          transition: opacity .5s, transform .5s, -webkit-transform .5s;
          -webkit-transition-delay: calc(2*.1s);
          transition-delay: calc(2*.1s);
          -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .aside__release > li.js-view-point .aside__release__box__bubble {
          -webkit-transition-delay: calc(4*.1s);
          transition-delay: calc(4*.1s); }
        .aside__release > li.js-view-point.is-active .aside__release__box__title,
        .aside__release > li.js-view-point.is-active .aside__release__box__bubble {
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1); }
      .aside__release__box {
        position: relative; }
        .aside__release__box.is-coming a {
          pointer-events: none; }
        .aside__release__box.is-coming ::-moz-selection {
          background: transparent;
          color: inherit; }
        .aside__release__box.is-coming ::selection {
          background: transparent;
          color: inherit; }
        .aside__release__box.is-coming .aside__release__box__coming {
          display: block; }
        .aside__release__box.is-coming .aside__release__box__head__block {
          opacity: 0.1; }
        .aside__release__box__coming {
          display: none;
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          margin-top: -0.5em;
          color: #1e61ab;
          font-size: 45px;
          line-height: 1;
          font-family: dnp-shuei-mgothic-std, sans-serif;
          font-weight: 600;
          font-style: normal;
          text-align: center;
          z-index: 2; }
        .aside__release__box__title {
          position: absolute;
          top: 50%;
          left: -45px;
          margin-top: -65px;
          z-index: 2; }
          .aside__release__box__title img {
            width: 125px; }
        .aside__release__box__bubble {
          position: absolute;
          top: -28px;
          right: 14px; }
          .aside__release__box__bubble > img {
            width: 182px; }
        .aside__release__box__block {
          position: relative;
          display: block;
          height: 200px;
          border-radius: 20px;
          border: 2px solid #000;
          background-color: #fff;
          text-decoration: none !important; }
          .aside__release__box__block::after {
            content: "";
            position: absolute;
            display: block;
            bottom: -6px;
            right: -6px;
            width: 100%;
            height: 100%;
            border-radius: 20px;
            overflow: hidden;
            background-repeat: repeat;
            background-image: url("../img/com-bg01.png");
            z-index: -1; }
        .aside__release__box__head {
          display: table;
          width: 100%;
          height: 100%; }
          .aside__release__box__head__block {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            color: #222222; }
            .aside__release__box__head__block > span {
              position: relative;
              display: inline-block;
              padding: 0 23px;
              font-size: 22px;
              font-family: dnp-shuei-mgothic-std, sans-serif;
              font-weight: 600;
              font-style: normal; }
              .aside__release__box__head__block > span::before, .aside__release__box__head__block > span::after {
                display: block;
                content: "";
                position: absolute;
                bottom: 12px;
                width: 10px;
                height: 20px;
                background-repeat: no-repeat;
                background-size: 100% auto; }
              .aside__release__box__head__block > span::before {
                left: 0;
                background-image: url("../img/com-icon02_01.svg"); }
              .aside__release__box__head__block > span::after {
                right: 0;
                background-image: url("../img/com-icon02_02.svg"); }
            .aside__release__box__head__block > em {
              display: block;
              margin-top: 10px;
              font-size: 42px;
              line-height: 1;
              font-family: dnp-shuei-mgothic-std, sans-serif;
              font-weight: 600;
              font-style: normal; } }

@media screen and (max-width: 1440px) and (min-width: 768px) {
  .banner__block {
    padding: 4.16667vw 0; }
  /* banner */
  .banner {
    margin: 4.30556vw auto 0; }
    .banner__set img {
      width: 34.72222vw; }
  .chapter00 {
    padding: 5.55556vw 0 4.44444vw; }
    .chapter00::after {
      content: "";
      position: absolute;
      width: 19.58333vw;
      height: 11.31944vw;
      bottom: -0.13889vw;
      right: 0.41667vw;
      background: url("../img/chapter00-img01.png") no-repeat top left/100% auto;
      z-index: 4; }
    .chapter00 > *:first-child {
      margin-top: 0 !important; }
    .chapter00 .chapter__head__title__lead {
      font-weight: bold;
      font-size: 1.11111vw;
      position: relative; }
      .chapter00 .chapter__head__title__lead::after {
        content: "";
        position: absolute;
        width: 3.33333vw;
        height: 0.13889vw;
        background: #5A0304;
        margin: auto;
        left: 0;
        right: 0;
        bottom: -0.83333vw;
        border-radius: 0.27778vw; }
    .chapter00 .chapter__head__title {
      position: relative; }
    .chapter00 .chapter__head__title__accent {
      width: 16.38889vw;
      display: inline-block;
      position: absolute;
      top: -0.55556vw;
      left: -8.88889vw;
      -webkit-transform: rotate(-19deg);
      transform: rotate(-19deg); }
      .chapter00 .chapter__head__title__accent img {
        width: 100%; }
    .chapter00 .chapter__lead__text {
      position: relative;
      font-size: 2.63889vw;
      margin-top: 2.22222vw;
      line-height: 1.6; }
      .chapter00 .chapter__lead__text::before {
        content: "日本弁理士会 知的財産って何ですか？";
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 2.63889vw;
        left: 0.13889vw;
        top: 0.27778vw;
        color: #D3ADA0;
        z-index: -1; }
    .chapter00 .chapter__lead__text__line {
      position: relative;
      display: inline-block; }
      .chapter00 .chapter__lead__text__line::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 0.55556vw;
        background: #5A0304;
        left: 0;
        bottom: -0.27778vw;
        border-radius: 0.27778vw; }
    .chapter00 .chapter__box__00 {
      width: 58.75vw;
      margin: 3.33333vw auto 0; }
  /* chapter01 */
  .chapter01 {
    padding-top: 4.30556vw;
    margin-bottom: 11.45833vw; }
    .chapter01::after {
      bottom: -6.59722vw;
      height: 13.88889vw; }
    .chapter01 .chapter__head__block {
      padding: 4.16667vw 0;
      background: #406ea1;
      width: 100%;
      position: relative; }
      .chapter01 .chapter__head__block::before {
        content: "";
        position: absolute;
        width: 23.05556vw;
        height: 14.58333vw;
        left: 2.77778vw;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url("../img/chapter-heading_01.png") no-repeat top left/100% auto; }
      .chapter01 .chapter__head__block::after {
        content: "";
        position: absolute;
        width: 19.58333vw;
        height: 13.88889vw;
        right: 5.55556vw;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url("../img/chapter-heading_02.png") no-repeat top left/100% auto; }
  /* chapter02 */
  .chapter02 {
    padding-bottom: 11.11111vw; }
    .chapter02 + .aside {
      margin-top: 3.33333vw; }
  /* chapter03 */
  .chapter03 {
    margin-top: 2.08333vw; }
  /* chapter04 */
  .chapter04 {
    margin-top: 13.19444vw; }
  /* chapter05 */
  .chapter05 {
    margin-top: 14.86111vw; }
    .chapter05 .chapter__capacity__title {
      margin-top: 5.55556vw; }
  /* chapter__head */
  .chapter__head__block {
    padding: 1.04167vw 10.76389vw 0.34722vw 10.41667vw; }
  .chapter__head__icon img {
    width: 8.68056vw; }
  .chapter__head__title__lead > em {
    padding: 0 1.59722vw;
    font-size: 1.52778vw; }
    .chapter__head__title__lead > em::before, .chapter__head__title__lead > em::after {
      width: 0.69444vw;
      height: 1.38889vw; }
  .chapter__head__title__text {
    margin-top: 0.83333vw;
    font-size: 2.5vw; }
    .chapter__head__title__text > em {
      font-size: 3.88889vw; }
      .chapter__head__title__text > em::before {
        height: 0.69444vw;
        border-radius: 0.27778vw; }
  /* chapter__lead */
  .chapter__lead {
    margin-top: 2.91667vw; }
    .chapter__lead.is-type01 .chapter__lead__text {
      font-size: 1.94444vw; }
      .chapter__lead.is-type01 .chapter__lead__text > em {
        font-size: 2.70833vw; }
    .chapter__lead__block {
      padding: 2.63889vw 2.91667vw 1.38889vw 12.01389vw; }
    .chapter__lead__icon img {
      width: 11.11111vw; }
    .chapter__lead__text {
      font-size: 2.22222vw; }
      .chapter__lead__text > em {
        padding-bottom: 1.11111vw;
        font-size: 3.05556vw; }
        .chapter__lead__text > em::before {
          height: 0.69444vw;
          border-radius: 0.27778vw; }
  /* chapter__movie */
  .chapter__movie {
    width: 59.30556vw;
    margin: 2.22222vw auto 0; }
    .chapter__movie::before {
      bottom: -0.69444vw;
      right: -0.69444vw;
      border-radius: 0.69444vw; }
    .chapter__movie__set {
      border: 0.13889vw solid #000;
      border-radius: 0.69444vw; }
      .chapter__movie__set > iframe {
        width: 59.30556vw;
        height: 33.33333vw; }
  /* chapter__wrap */
  .chapter__wrap {
    width: 55.55556vw;
    margin: 2.08333vw auto 0;
    padding-left: 0.41667vw; }
    .chapter__wrap__item {
      width: calc((100% - ((26 / 1440) * 100vw)) / 2);
      margin-top: 3.05556vw;
      margin-left: 1.80556vw; }
      .chapter__wrap__item::before {
        top: -1.45833vw;
        left: 0.97222vw;
        width: 3.75vw;
        height: 3.75vw; }
      .chapter__wrap__item::after {
        bottom: -0.41667vw;
        right: -0.41667vw;
        border-radius: 0.97222vw; }
      .chapter__wrap__item__block {
        min-height: 11.80556vw;
        padding: 1.38889vw 2.22222vw;
        border-radius: 0.97222vw; }
      .chapter__wrap__item__title {
        font-size: 1.66667vw; }
  /* chapter__talk */
  .chapter__talk {
    width: 73.61111vw;
    margin: 3.05556vw auto 0; }
    .chapter__talk.is-reverse > li:nth-child(2n+1) {
      padding: 2.43056vw 16.80556vw 2.43056vw 0; }
      .chapter__talk.is-reverse > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::before {
        left: -0.55556vw; }
      .chapter__talk.is-reverse > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
        right: -1.04167vw; }
    .chapter__talk.is-reverse > li:nth-child(2n) {
      padding-left: 16.80556vw; }
      .chapter__talk.is-reverse > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::before {
        right: -0.55556vw; }
      .chapter__talk.is-reverse > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
        left: -1.04167vw; }
    .chapter__talk > li:nth-child(2n) {
      padding-right: 16.80556vw; }
      .chapter__talk > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::before {
        left: -0.55556vw; }
      .chapter__talk > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
        right: -1.04167vw; }
    .chapter__talk > li:nth-child(2n+1) {
      padding: 2.43056vw 0 2.43056vw 16.80556vw; }
      .chapter__talk > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::before {
        right: -0.55556vw; }
      .chapter__talk > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
        left: -1.04167vw; }
    .chapter__talk > li::before {
      width: 14.58333vw;
      height: 14.58333vw;
      margin-top: -7.29167vw; }
    .chapter__talk__box.box__size01 .chapter__talk__box__inner {
      width: 40.27778vw; }
    .chapter__talk__box.box__size02 .chapter__talk__box__inner {
      width: 28.47222vw; }
    .chapter__talk__box.box__size03 .chapter__talk__box__inner {
      width: 32.63889vw; }
    .chapter__talk__box__inner {
      min-height: 6.66667vw;
      border-radius: 0.69444vw;
      padding: 1.11111vw 1.38889vw 1.11111vw 2.08333vw; }
      .chapter__talk__box__inner::before {
        bottom: -0.55556vw;
        border-radius: 0.69444vw; }
      .chapter__talk__box__inner::after {
        width: 1.04167vw;
        height: 1.31944vw;
        margin-top: -0.625vw; }
      .chapter__talk__box__inner > p {
        font-size: 1.11111vw; }
  /* chapter__box */
  .chapter__box__01 {
    width: 59.02778vw;
    margin: 5.69444vw auto 0;
    border-radius: 2.08333vw; }
    .chapter__box__01.character01::before, .chapter__box__01.character02::before {
      bottom: -0.69444vw;
      left: -3.19444vw;
      width: 7.5vw;
      height: 14.72222vw; }
    .chapter__box__01.character01::after, .chapter__box__01.character02::after {
      bottom: 15.13889vw;
      left: -5.90278vw;
      width: 12.08333vw;
      height: 9.30556vw; }
    .chapter__box__01.character03::before {
      bottom: -0.13889vw;
      left: -2.63889vw;
      width: 6.80556vw;
      height: 13.19444vw; }
    .chapter__box__01.character03::after {
      bottom: 14.23611vw;
      width: 12.77778vw;
      height: 9.30556vw; }
    .chapter__box__01.character04 > .chapter__box__inner {
      padding-bottom: 0; }
    .chapter__box__01.character04 .chapter__box__img {
      margin-top: 2.43056vw; }
      .chapter__box__01.character04 .chapter__box__img .chapter__box__img__set img {
        height: 19.09722vw; }
      .chapter__box__01.character04 .chapter__box__img .chapter__box__img__name {
        bottom: 0.69444vw; }
        .chapter__box__01.character04 .chapter__box__img .chapter__box__img__name.name__01 {
          margin-left: -13.95833vw; }
        .chapter__box__01.character04 .chapter__box__img .chapter__box__img__name.name__02 {
          margin-left: 10.27778vw; }
    .chapter__box__01.character05 {
      margin-top: 7.36111vw; }
      .chapter__box__01.character05 > .chapter__box__inner {
        padding-top: 3.47222vw;
        padding-bottom: 4.375vw; }
        .chapter__box__01.character05 > .chapter__box__inner .chapter__box__title > em {
          padding-bottom: 0.90278vw; }
      .chapter__box__01.character05::before {
        bottom: 0.20833vw;
        left: -5vw;
        width: 6.80556vw;
        height: 12.91667vw; }
      .chapter__box__01.character05::after {
        bottom: 14.09722vw;
        left: -8.33333vw;
        width: 12.63889vw; }
    .chapter__box__01 > .chapter__box__inner {
      padding: 2.43056vw 5.41667vw 2.91667vw; }
      .chapter__box__01 > .chapter__box__inner::after {
        bottom: -0.41667vw;
        right: -0.41667vw;
        border-radius: 2.08333vw; }
      .chapter__box__01 > .chapter__box__inner > .chapter__box__title {
        font-size: 1.80556vw; }
        .chapter__box__01 > .chapter__box__inner > .chapter__box__title > em {
          font-size: 2.70833vw; }
          .chapter__box__01 > .chapter__box__inner > .chapter__box__title > em::before {
            height: 0.69444vw;
            border-radius: 0.27778vw; }
      .chapter__box__01 > .chapter__box__inner .chapter__box__text {
        margin-top: 2.15278vw; }
      .chapter__box__01 > .chapter__box__inner .chapter__box__note {
        margin-top: 2.08333vw; }
      .chapter__box__01 > .chapter__box__inner .chapter__box__media {
        margin-top: 1.66667vw; }
        .chapter__box__01 > .chapter__box__inner .chapter__box__media .chapter__box__media__detail {
          width: calc(100% - ((198 / 1440) * 100vw));
          padding-top: 1.04167vw;
          padding-left: 2.08333vw; }
        .chapter__box__01 > .chapter__box__inner .chapter__box__media .chapter__box__media__img {
          width: 12.77778vw; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__media .chapter__box__media__img > img {
            right: -0.69444vw; }
      .chapter__box__01 > .chapter__box__inner .chapter__box__bnr {
        margin-top: 3.05556vw; }
        .chapter__box__01 > .chapter__box__inner .chapter__box__bnr__title img {
          height: 1.38889vw; }
        .chapter__box__01 > .chapter__box__inner .chapter__box__bnr__set {
          margin-top: 0.69444vw; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__bnr__set img {
            height: 5.83333vw; }
  .chapter__box__02 {
    margin-top: 3.125vw;
    border-radius: 0.69444vw; }
    .chapter__box__02 > .chapter__box__inner {
      padding: 1.38889vw 2.22222vw 2.08333vw; }
      .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em {
        padding: 0 2.29167vw 0.41667vw;
        font-size: 1.38889vw; }
        .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::before, .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::after {
          top: 0.20833vw;
          width: 0.97222vw;
          height: 1.52778vw; }
      .chapter__box__02 > .chapter__box__inner > .chapter__box__list {
        margin-top: 2.08333vw; }
        .chapter__box__02 > .chapter__box__inner > .chapter__box__list > li {
          width: calc((100% - ((42 / 1440) * 100vw))/4);
          min-height: 3.88889vw;
          margin-top: 0.97222vw;
          margin-left: 0.97222vw;
          border-radius: 0.69444vw; }
      .chapter__box__02 > .chapter__box__inner > .chapter__box__icon {
        width: 40.27778vw;
        margin: 1.52778vw auto 0; }
        .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li {
          width: calc((100% - ((80 / 1440) * 100vw)) / 5);
          margin-left: 1.38889vw; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(1) .chapter__box__icon__set img {
            height: 5.20833vw; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(1) .chapter__box__icon__text {
            margin-top: 0.69444vw; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(2) .chapter__box__icon__set {
            padding-top: 1.18056vw; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(2) .chapter__box__icon__set img {
              height: 3.68056vw; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(3) .chapter__box__icon__set {
            padding-top: 0.69444vw; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(3) .chapter__box__icon__set img {
              height: 4.51389vw; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(4) .chapter__box__icon__set {
            padding-top: 0.69444vw; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(4) .chapter__box__icon__set img {
              height: 4.23611vw; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(5) .chapter__box__icon__set {
            padding-top: 0.69444vw; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(5) .chapter__box__icon__set img {
              height: 4.72222vw; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li .chapter__box__icon__set {
            height: 6.52778vw; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li .chapter__box__icon__text {
            font-size: 0.97222vw; }
  /* chapter__capacity */
  .chapter__capacity {
    width: 70.55556vw;
    margin: 4.51389vw auto 0; }
    .chapter__capacity__title {
      margin-left: 6.59722vw; }
      .chapter__capacity__title.is-type01 {
        margin-left: 1.04167vw; }
        .chapter__capacity__title.is-type01 > span {
          -webkit-transform: scale(1) rotate(-7deg);
          transform: scale(1) rotate(-7deg); }
          .chapter__capacity__title.is-type01 > span > em {
            font-size: 2.5vw; }
        .chapter__capacity__title.is-type01 + .chapter__talk {
          margin-top: -2.36111vw; }
      .chapter__capacity__title.is-type02 + .chapter__talk {
        margin-top: 1.52778vw; }
      .chapter__capacity__title > span {
        padding: 0 2.29167vw 0.41667vw;
        font-size: 1.94444vw; }
        .chapter__capacity__title > span::before, .chapter__capacity__title > span::after {
          bottom: 1.11111vw;
          width: 1.11111vw;
          height: 1.80556vw; }
        .chapter__capacity__title > span > em {
          padding-bottom: 1.11111vw;
          font-size: 3.26389vw; }
          .chapter__capacity__title > span > em::before {
            height: 0.69444vw;
            border-radius: 0.27778vw; }
    .chapter__capacity__img {
      padding-left: 1.73611vw; }
      .chapter__capacity__img img {
        height: 28.88889vw; }
    .chapter__capacity__box.box__01 {
      width: 19.72222vw;
      top: 8.88889vw;
      right: 0.27778vw; }
      .chapter__capacity__box.box__01 .chapter__capacity__box__inner::before {
        right: -0.55556vw; }
      .chapter__capacity__box.box__01 .chapter__capacity__box__inner::after {
        left: -1.04167vw; }
    .chapter__capacity__box.box__02 {
      width: 20.97222vw;
      top: 15.13889vw;
      left: 0.48611vw; }
      .chapter__capacity__box.box__02 .chapter__capacity__box__inner::before {
        left: -0.55556vw; }
      .chapter__capacity__box.box__02 .chapter__capacity__box__inner::after {
        right: -1.04167vw; }
    .chapter__capacity__box__inner {
      border-radius: 0.69444vw;
      padding: 1.25vw 2.08333vw; }
      .chapter__capacity__box__inner::before {
        bottom: -0.55556vw;
        border-radius: 0.69444vw; }
      .chapter__capacity__box__inner::after {
        width: 1.04167vw;
        height: 1.31944vw;
        margin-top: -0.625vw; }
      .chapter__capacity__box__inner > p {
        font-size: 1.11111vw; }
  /* chapter__bg01 */
  .chapter__bg01.is-reverse::before {
    top: -5.20833vw;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  .chapter__bg01.is-reverse::after {
    bottom: -7.98611vw;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  .chapter__bg01::before, .chapter__bg01::after {
    height: 13.88889vw; }
  .chapter__bg01::before {
    top: -7.29167vw; }
  .chapter__bg01::after {
    bottom: -7.29167vw; }
  /* aside */
  .aside {
    margin-top: 16.52778vw; }
    .aside__release {
      width: 59.02778vw; }
      .aside__release > li {
        margin-top: 5.13889vw; }
      .aside__release__box__coming {
        font-size: 3.125vw; }
      .aside__release__box__title {
        left: -3.125vw;
        margin-top: -4.51389vw; }
        .aside__release__box__title img {
          width: 8.68056vw; }
      .aside__release__box__bubble {
        top: -1.94444vw;
        right: 0.97222vw; }
        .aside__release__box__bubble > img {
          width: 12.63889vw; }
      .aside__release__box__block {
        height: 13.88889vw;
        border-radius: 1.38889vw; }
        .aside__release__box__block::after {
          bottom: -0.41667vw;
          right: -0.41667vw;
          border-radius: 1.38889vw; }
      .aside__release__box__head__block > span {
        padding: 0 1.59722vw;
        font-size: 1.52778vw; }
        .aside__release__box__head__block > span::before, .aside__release__box__head__block > span::after {
          width: 0.69444vw;
          height: 1.38889vw; }
      .aside__release__box__head__block > em {
        margin-top: 0.69444vw;
        font-size: 2.91667vw; } }

@media screen and (max-width: 767px) {
  /* banner */
  .banner__block {
    position: relative;
    padding: 8vw 0;
    background-color: #eaf2f7;
    z-index: 1; }
  .banner {
    margin: 0 auto; }
    .banner__set {
      text-align: center; }
      .banner__set img {
        width: 89.33333vw; }
  .chapter00 {
    position: relative;
    padding: 12.53333vw 0 44vw;
    border: 1.06667vw solid #5A0304;
    overflow: hidden;
    z-index: 1; }
    .chapter00::before {
      content: "";
      position: absolute;
      width: 200%;
      height: 200%;
      background-repeat: repeat;
      background-image: url("../img/com-bg03.png");
      background-size: 13.86667vw auto;
      background-color: #EADBD3;
      top: -50%;
      left: -50%;
      z-index: -1;
      -webkit-transform: rotate(6deg);
      transform: rotate(6deg); }
    .chapter00::after {
      content: "";
      position: absolute;
      width: 58.13333vw;
      height: 33.6vw;
      bottom: -0.26667vw;
      right: 0;
      background: url("../img/chapter00-img01.png") no-repeat top left/100% auto;
      z-index: 4; }
    .chapter00 > *:first-child {
      margin-top: 0 !important; }
    .chapter00 .chapter__head__title__lead {
      font-weight: bold;
      font-size: 4.26667vw;
      position: relative; }
      .chapter00 .chapter__head__title__lead::after {
        content: "";
        position: absolute;
        width: 12.8vw;
        height: 0.53333vw;
        background: #5A0304;
        margin: auto;
        left: 0;
        right: 0;
        bottom: -2.4vw;
        border-radius: 0.53333vw; }
    .chapter00 .chapter__head__title {
      position: relative;
      letter-spacing: 0.08em; }
    .chapter00 .chapter__head__title__accent {
      margin-top: 6.93333vw;
      width: 49.86667vw;
      display: inline-block; }
      .chapter00 .chapter__head__title__accent img {
        width: 100%; }
    .chapter00 .chapter__lead__text {
      position: relative;
      margin-top: 4.26667vw;
      font-size: 7.73333vw;
      line-height: 10.26667vw; }
      .chapter00 .chapter__lead__text::before {
        white-space: pre;
        content: "日本弁理士会\A 知的財産って何ですか？";
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 7.73333vw;
        line-height: 10.26667vw;
        left: 0.53333vw;
        top: 0.8vw;
        color: #D3ADA0;
        z-index: -1; }
      .chapter00 .chapter__lead__text .chapter__lead__text__line {
        position: relative;
        display: inline-block; }
        .chapter00 .chapter__lead__text .chapter__lead__text__line::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 1.33333vw;
          background: #5A0304;
          left: 0;
          bottom: -1.6vw;
          border-radius: 0.8vw; }
    .chapter00 .chapter__box__00 {
      width: 87.2vw;
      margin: 8.53333vw auto 0; }
      .chapter00 .chapter__box__00 .chapter__box__text {
        text-align: left;
        font-size: 4vw;
        line-height: 9.06667vw; }
  /* chapter01 */
  .chapter01 {
    position: relative;
    padding-top: 6.66667vw;
    margin-bottom: 22vw;
    background-color: #eaf2f7;
    z-index: 1; }
    .chapter01 > *:first-child {
      margin-top: 0 !important; }
    .chapter01::after {
      content: "";
      display: block;
      position: absolute;
      left: -50vw;
      bottom: -16vw;
      width: 200vw;
      height: 26.66667vw;
      background-color: #eaf2f7;
      -webkit-transform: rotate(4deg);
      transform: rotate(4deg);
      z-index: -2; }
    .chapter01 .chapter__head__block {
      padding: 8vw 0;
      background: #406ea1;
      width: 100%;
      position: relative; }
    .chapter01 .chapter__head__title__lead > em {
      color: #fff; }
      .chapter01 .chapter__head__title__lead > em::before {
        background-image: url("../img/com-icon02_01_white.svg"); }
      .chapter01 .chapter__head__title__lead > em::after {
        background-image: url("../img/com-icon02_02_white.svg"); }
    .chapter01 .chapter__head__title__text {
      color: #fff; }
      .chapter01 .chapter__head__title__text > em {
        color: #f4ed51; }
  /* chapter02 */
  .chapter02 {
    padding-top: 4vw; }
    .chapter02 .chapter__head .chapter__head__block {
      padding-top: 5.6vw;
      padding-left: 5.33333vw; }
    .chapter02 .chapter__capacity {
      padding-top: 42.66667vw;
      margin-top: 0; }
  /* chapter03 */
  .chapter03 {
    margin-top: 14.66667vw; }
    .chapter03 .chapter__head .chapter__head__icon {
      top: 7.73333vw;
      left: 6.93333vw; }
  /* chapter04 */
  .chapter04 {
    margin-top: 22.66667vw; }
    .chapter04 .chapter__head .chapter__head__icon {
      top: 6.66667vw; }
    .chapter04 .chapter__head .chapter__head__title .chapter__head__title__text {
      margin-top: 5.6vw;
      padding-left: 4vw;
      font-size: 3.2vw; }
      .chapter04 .chapter__head .chapter__head__title .chapter__head__title__text > em {
        position: relative;
        left: -1.33333vw;
        font-size: 9.6vw; }
    .chapter04 .chapter__talk {
      margin-top: 5.6vw; }
  /* chapter05 */
  .chapter05 {
    margin-top: 14.13333vw; }
    .chapter05 .chapter__head .chapter__head__icon {
      top: 6.66667vw;
      left: 5.33333vw; }
    .chapter05 .chapter__head .chapter__head__title .chapter__head__title__text > span {
      display: block;
      font-size: 3.73333vw; }
    .chapter05 .chapter__head .chapter__head__title .chapter__head__title__text > em {
      position: relative;
      left: -1.33333vw; }
    .chapter05 .chapter__capacity {
      margin-top: 9.06667vw; }
  /* chapter__head */
  .chapter__head {
    position: relative;
    text-align: center; }
    .chapter__head.js-view-point .chapter__head__icon {
      -webkit-transform: scale(0.01);
      transform: scale(0.01);
      opacity: 0;
      -webkit-transition: opacity .5s, -webkit-transform .5s;
      transition: opacity .5s, -webkit-transform .5s;
      transition: opacity .5s, transform .5s;
      transition: opacity .5s, transform .5s, -webkit-transform .5s;
      -webkit-transition-delay: calc(3*.1s);
      transition-delay: calc(3*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__head.js-view-point .chapter__head__title__lead {
      -webkit-transform: scale(0.01);
      transform: scale(0.01);
      -webkit-transition: -webkit-transform .5s;
      transition: -webkit-transform .5s;
      transition: transform .5s;
      transition: transform .5s, -webkit-transform .5s;
      -webkit-transition-delay: calc(5*.1s);
      transition-delay: calc(5*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__head.js-view-point .chapter__head__title__text > em::before {
      width: 0;
      -webkit-transition: width .5s;
      transition: width .5s;
      -webkit-transition-delay: calc(8*.1s);
      transition-delay: calc(8*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__head.js-view-point .chapter__lead__text__line::after {
      width: 0;
      -webkit-transition: width .5s;
      transition: width .5s;
      -webkit-transition-delay: calc(8*.1s);
      transition-delay: calc(8*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__head.js-view-point.is-active .chapter__head__icon {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
    .chapter__head.js-view-point.is-active .chapter__head__title__lead {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .chapter__head.js-view-point.is-active .chapter__lead__text__line::after {
      width: 100%; }
    .chapter__head.js-view-point.is-active .chapter__head__title__text > em::before {
      width: 110%; }
    .chapter__head__block {
      display: inline-block;
      padding: 10.66667vw 0 0; }
    .chapter__head__icon {
      position: absolute;
      top: 0;
      left: 1.33333vw; }
      .chapter__head__icon img {
        width: 15.2vw; }
    .chapter__head__title__lead {
      display: block;
      line-height: 1; }
      .chapter__head__title__lead > em {
        display: inline-block;
        position: relative;
        padding: 0 1.86667vw;
        font-size: 3.73333vw;
        font-family: dnp-shuei-mgothic-std, sans-serif;
        font-weight: 600;
        font-style: normal; }
        .chapter__head__title__lead > em::before, .chapter__head__title__lead > em::after {
          display: block;
          content: "";
          position: absolute;
          bottom: 0;
          width: 1.33333vw;
          height: 2.66667vw;
          background-repeat: no-repeat;
          background-size: 100% auto; }
        .chapter__head__title__lead > em::before {
          left: 0;
          background-image: url("../img/com-icon02_01.svg"); }
        .chapter__head__title__lead > em::after {
          right: 0;
          background-image: url("../img/com-icon02_02.svg"); }
    .chapter__head__title__text {
      display: block;
      margin-top: 1.6vw;
      font-size: 6.93333vw;
      line-height: 1.59615;
      font-family: dnp-shuei-mgothic-std, sans-serif;
      font-weight: 600;
      font-style: normal; }
      .chapter__head__title__text > em {
        display: inline-block;
        position: relative;
        color: #2970b3;
        font-size: 11.06667vw;
        line-height: 1.5; }
        .chapter__head__title__text > em::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: -5%;
          width: 110%;
          height: 1.06667vw;
          border-radius: 0.53333vw;
          background-color: #f0e94b; }
  /* chapter__lead */
  .chapter__lead {
    position: relative;
    margin-top: 7.73333vw;
    text-align: center; }
    .chapter__lead.js-view-point .chapter__lead__icon {
      -webkit-transform: scale(0.01);
      transform: scale(0.01);
      opacity: 0;
      -webkit-transition: opacity .5s, -webkit-transform .5s;
      transition: opacity .5s, -webkit-transform .5s;
      transition: opacity .5s, transform .5s;
      transition: opacity .5s, transform .5s, -webkit-transform .5s;
      -webkit-transition-delay: calc(2*.1s);
      transition-delay: calc(2*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__lead.js-view-point .chapter__lead__text > em::before {
      width: 0;
      -webkit-transition: width .5s;
      transition: width .5s;
      -webkit-transition-delay: calc(5*.1s);
      transition-delay: calc(5*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__lead.js-view-point.is-active .chapter__lead__icon {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
    .chapter__lead.js-view-point.is-active .chapter__lead__text > em::before {
      width: 106%; }
    .chapter__lead.is-type01 .chapter__lead__icon {
      top: -2.66667vw; }
    .chapter__lead.is-type01 .chapter__lead__text {
      font-size: 4vw; }
      .chapter__lead.is-type01 .chapter__lead__text > em {
        font-size: 8.53333vw; }
    .chapter__lead__block {
      display: inline-block;
      padding: 10.93333vw 0 0; }
    .chapter__lead__icon {
      position: absolute;
      top: 0;
      left: 1.33333vw; }
      .chapter__lead__icon img {
        width: 23.86667vw; }
    .chapter__lead__text {
      display: block;
      font-size: 5.86667vw;
      font-family: dnp-shuei-mgothic-std, sans-serif;
      font-weight: 600;
      font-style: normal; }
      .chapter__lead__text > em {
        position: relative;
        padding-bottom: 2.13333vw;
        color: #2970b3;
        font-size: 8.26667vw;
        line-height: 1;
        display: inline-block; }
        .chapter__lead__text > em::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: -3%;
          width: 106%;
          height: 1.06667vw;
          border-radius: 0.53333vw;
          background-color: #f0e94b; }
  /* chapter__movie */
  .chapter__movie {
    position: relative;
    width: 89.33333vw;
    margin: 6.66667vw auto 0;
    z-index: 1; }
    .chapter__movie::before {
      content: "";
      display: block;
      position: absolute;
      bottom: -1.33333vw;
      right: -1.33333vw;
      width: 100%;
      height: 100%;
      border-radius: 2.66667vw;
      overflow: hidden;
      background-repeat: repeat;
      background-image: url("../img/com-bg01.png");
      z-index: -1; }
    .chapter__movie--special::before {
      content: "";
      display: block;
      position: absolute;
      background-repeat: repeat;
      background-image: url("../img/com-bg02.png"); }
    .chapter__movie__set {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      border-radius: 2.66667vw;
      overflow: hidden;
      z-index: 1; }
      .chapter__movie__set iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important; }
  /* chapter__wrap */
  .chapter__wrap {
    width: 84vw;
    margin: 8.53333vw auto 0; }
    .chapter__wrap__item {
      position: relative;
      width: 100%;
      z-index: 1; }
      .chapter__wrap__item + .chapter__wrap__item {
        margin-top: 9.6vw; }
      .chapter__wrap__item::before, .chapter__wrap__item::after {
        content: "";
        display: block;
        position: absolute; }
      .chapter__wrap__item::before {
        top: -3.33333vw;
        left: 4.26667vw;
        width: 10.66667vw;
        height: 10.66667vw;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: 100% auto;
        z-index: 2; }
      .chapter__wrap__item::after {
        bottom: -1.06667vw;
        right: -1.06667vw;
        width: 100%;
        height: 100%;
        border-radius: 2.13333vw;
        overflow: hidden;
        background-repeat: repeat;
        background-image: url("../img/com-bg01.png");
        z-index: -1; }
      .chapter__wrap__item:nth-child(1)::before {
        background-image: url("../img/chapter01-icon02_01.png"); }
      .chapter__wrap__item:nth-child(2)::before {
        background-image: url("../img/chapter01-icon02_02.png"); }
      .chapter__wrap__item:nth-child(3)::before {
        background-image: url("../img/chapter01-icon02_03.png"); }
      .chapter__wrap__item:nth-child(4)::before {
        background-image: url("../img/chapter01-icon02_04.png"); }
      .chapter__wrap__item__block {
        padding: 4.4vw 8.93333vw 7.06667vw;
        border: 0.26667vw solid #000;
        border-radius: 2.13333vw;
        background-color: #fff;
        overflow: hidden; }
      .chapter__wrap__item__title {
        color: #2970b3;
        font-size: 4.8vw;
        font-family: dnp-shuei-mgothic-std, sans-serif;
        font-weight: 600;
        font-style: normal;
        text-align: center; }
      .chapter__wrap__item__text {
        margin-top: 1.06667vw;
        font-size: 3.46667vw; }
  /* chapter__talk */
  .chapter__talk {
    width: 100vw;
    margin: 2.66667vw auto 0;
    padding-left: 2.66667vw;
    padding-right: 4vw; }
    .chapter__talk.is-reverse > li {
      position: relative; }
      .chapter__talk.is-reverse > li:nth-child(2n+1) {
        padding: 9.86667vw 26.66667vw 9.86667vw 0; }
        .chapter__talk.is-reverse > li:nth-child(2n+1)::before {
          left: auto;
          right: 0; }
        .chapter__talk.is-reverse > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner {
          float: right;
          background-color: #8cb2dc; }
          .chapter__talk.is-reverse > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::before {
            left: -1.33333vw; }
          .chapter__talk.is-reverse > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
            left: auto;
            right: -2vw;
            background-image: url("../img/chapter01-icon05_02.png"); }
      .chapter__talk.is-reverse > li:nth-child(2n) {
        padding-left: 26.66667vw; }
        .chapter__talk.is-reverse > li:nth-child(2n)::before {
          left: 0; }
        .chapter__talk.is-reverse > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner {
          float: left;
          background-color: #dbeaf4; }
          .chapter__talk.is-reverse > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::before {
            left: auto;
            right: -1.33333vw; }
          .chapter__talk.is-reverse > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
            left: -2vw;
            background-image: url("../img/chapter01-icon05_01.png"); }
    .chapter__talk > li {
      position: relative; }
      .chapter__talk > li:nth-child(2n) {
        padding-right: 26.66667vw; }
        .chapter__talk > li:nth-child(2n)::before {
          left: auto;
          right: 0; }
        .chapter__talk > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner {
          float: right;
          background-color: #8cb2dc; }
          .chapter__talk > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::before {
            left: -1.33333vw; }
          .chapter__talk > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
            left: auto;
            right: -2vw;
            background-image: url("../img/chapter01-icon05_02.png"); }
      .chapter__talk > li:nth-child(2n+1) {
        padding: 9.86667vw 0 9.86667vw 26.66667vw; }
        .chapter__talk > li:nth-child(2n+1)::before {
          left: 0; }
        .chapter__talk > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner {
          float: left;
          background-color: #dbeaf4; }
          .chapter__talk > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::before {
            right: -1.33333vw; }
          .chapter__talk > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
            left: -2vw;
            background-image: url("../img/chapter01-icon05_01.png"); }
      .chapter__talk > li::before {
        content: "";
        position: absolute;
        top: 50%;
        width: 25.33333vw;
        height: 25.33333vw;
        margin-top: -12.66667vw;
        background-repeat: no-repeat;
        background-size: 100% auto; }
      .chapter__talk > li.character01_01::before {
        background-image: url("../img/chapter01-icon03_01.png"); }
      .chapter__talk > li.character01_02::before {
        background-image: url("../img/chapter01-icon03_02.png"); }
      .chapter__talk > li.character01_03::before {
        background-image: url("../img/chapter01-icon03_03.png"); }
      .chapter__talk > li.character01_04::before {
        background-image: url("../img/chapter01-icon03_04.png"); }
      .chapter__talk > li.character01_05::before {
        background-image: url("../img/chapter01-icon03_05.png"); }
      .chapter__talk > li.character01_06::before {
        background-image: url("../img/chapter01-icon03_06.png"); }
      .chapter__talk > li.character01_07::before {
        background-image: url("../img/chapter01-icon03_07.png"); }
      .chapter__talk > li.character02_01::before {
        background-image: url("../img/chapter01-icon04_01.png"); }
      .chapter__talk > li.character02_02::before {
        background-image: url("../img/chapter01-icon04_02.png"); }
      .chapter__talk > li.character02_03::before {
        background-image: url("../img/chapter01-icon04_03.png"); }
      .chapter__talk > li.character02_04::before {
        background-image: url("../img/chapter01-icon04_04.png"); }
      .chapter__talk > li.character02_05::before {
        background-image: url("../img/chapter01-icon04_05.png"); }
      .chapter__talk > li.character02_06::before {
        background-image: url("../img/chapter01-icon04_06.png"); }
    .chapter__talk__box {
      position: relative;
      z-index: 1; }
      .chapter__talk__box::after {
        content: "";
        display: block;
        clear: both; }
      .chapter__talk__box__inner {
        position: relative;
        display: table;
        width: 65.33333vw;
        border: 0.26667vw solid #000;
        border-radius: 1.33333vw;
        padding: 4.26667vw 2.93333vw; }
        .chapter__talk__box__inner::before, .chapter__talk__box__inner::after {
          content: "";
          display: block;
          position: absolute; }
        .chapter__talk__box__inner::before {
          bottom: -1.33333vw;
          width: 100%;
          height: 100%;
          border-radius: 1.33333vw;
          overflow: hidden;
          background-repeat: repeat;
          background-image: url("../img/com-bg01.png");
          z-index: -1; }
        .chapter__talk__box__inner::after {
          top: 50%;
          width: 2vw;
          height: 2.53333vw;
          margin-top: -1.2vw;
          background-size: 100% auto; }
        .chapter__talk__box__inner > p {
          display: table-cell;
          vertical-align: middle;
          font-size: 3.46667vw;
          line-height: 1.76923; }
  /* chapter__box */
  .chapter__box {
    position: relative; }
    .chapter__box__01 {
      position: relative;
      width: 89.33333vw;
      margin: 9.33333vw auto 0;
      border: 0.26667vw solid #000;
      border-radius: 4vw;
      background-color: #fff; }
      .chapter__box__01.js-view-point[class*="character"]::after {
        -webkit-transform: scale(0.01);
        transform: scale(0.01);
        opacity: 0;
        -webkit-transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .5s, transform .5s;
        transition: opacity .5s, transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: calc(5*.1s);
        transition-delay: calc(5*.1s);
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .chapter__box__01.js-view-point > .chapter__box__inner > .chapter__box__title > em::before {
        width: 0;
        -webkit-transition: width .5s;
        transition: width .5s;
        -webkit-transition-delay: calc(8*.1s);
        transition-delay: calc(8*.1s);
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .chapter__box__01.js-view-point.is-active[class*="character"]::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1); }
      .chapter__box__01.js-view-point.is-active > .chapter__box__inner > .chapter__box__title > em::before {
        width: 100%; }
      .chapter__box__01[class*="character"]::before, .chapter__box__01[class*="character"]::after {
        content: "";
        position: absolute;
        display: block;
        background-repeat: no-repeat;
        background-size: 100% auto; }
      .chapter__box__01[class*="character"]::before {
        top: 5.33333vw;
        left: -2.13333vw;
        width: 11.2vw;
        height: 21.33333vw; }
      .chapter__box__01[class*="character"]::after {
        top: -10.66667vw;
        left: 0;
        width: 24.8vw;
        height: 18.13333vw; }
      .chapter__box__01.character01::before {
        background-image: url("../img/chapter01-img01.png"); }
      .chapter__box__01.character01::after {
        background-image: url("../img/chapter01-txt01.svg"); }
      .chapter__box__01.character02::before {
        background-image: url("../img/chapter02-img02.png"); }
      .chapter__box__01.character02::after {
        top: -12.66667vw;
        width: 27.06667vw;
        height: 19.86667vw;
        background-image: url("../img/chapter02-txt01.svg"); }
      .chapter__box__01.character02 .chapter__box__text {
        letter-spacing: -0.02em; }
      .chapter__box__01.character02 .chapter__box__02 .chapter__box__inner {
        padding: 6.66667vw 4.66667vw 8vw; }
      .chapter__box__01.character03 {
        margin-top: 13.33333vw; }
        .chapter__box__01.character03::before {
          top: 5.86667vw;
          left: -2vw;
          width: 10.93333vw;
          height: 21.33333vw;
          background-image: url("../img/chapter03-img02.png"); }
        .chapter__box__01.character03::after {
          top: -11.46667vw;
          width: 27.46667vw;
          height: 20.13333vw;
          background-image: url("../img/chapter03-txt02.svg"); }
      .chapter__box__01.character04 > .chapter__box__inner {
        padding-bottom: 0; }
      .chapter__box__01.character04 .chapter__box__img {
        margin-top: 5.33333vw; }
        .chapter__box__01.character04 .chapter__box__img .chapter__box__img__set {
          position: relative;
          text-align: center; }
          .chapter__box__01.character04 .chapter__box__img .chapter__box__img__set img {
            height: 41.06667vw; }
        .chapter__box__01.character04 .chapter__box__img .chapter__box__img__name {
          position: absolute;
          bottom: 2.66667vw;
          left: 50%;
          font-size: 3.46667vw; }
          .chapter__box__01.character04 .chapter__box__img .chapter__box__img__name.name__01 {
            margin-left: -36.4vw; }
          .chapter__box__01.character04 .chapter__box__img .chapter__box__img__name.name__02 {
            margin-left: 23.06667vw; }
      .chapter__box__01.character05 {
        margin-top: 25.86667vw; }
        .chapter__box__01.character05::before {
          top: 2.8vw;
          left: -4.53333vw;
          background-image: url("../img/chapter02-img02.png"); }
        .chapter__box__01.character05::after {
          top: -12.53333vw;
          background-image: url("../img/chapter05-txt01.svg"); }
        .chapter__box__01.character05 > .chapter__box__inner {
          padding-top: 12vw;
          padding-bottom: 12vw; }
          .chapter__box__01.character05 > .chapter__box__inner > .chapter__box__title {
            line-height: 1.5; }
            .chapter__box__01.character05 > .chapter__box__inner > .chapter__box__title > em {
              font-size: 5.6vw; }
        .chapter__box__01.character05 .chapter__box__text {
          letter-spacing: -0.02em; }
        .chapter__box__01.character05 .chapter__box__02 .chapter__box__inner {
          padding: 6.66667vw 4.66667vw 8vw; }
      .chapter__box__01 > .chapter__box__inner {
        padding: 8.8vw 5.06667vw 9.6vw; }
        .chapter__box__01 > .chapter__box__inner::after {
          content: "";
          position: absolute;
          display: block;
          bottom: -1.33333vw;
          right: -1.33333vw;
          width: 100%;
          height: 100%;
          border-radius: 4vw;
          overflow: hidden;
          background-repeat: repeat;
          background-image: url("../img/com-bg01.png");
          z-index: -1; }
        .chapter__box__01 > .chapter__box__inner > .chapter__box__title {
          font-family: dnp-shuei-mgothic-std, sans-serif;
          font-weight: 600;
          font-style: normal;
          text-align: center;
          font-size: 4.53333vw; }
          .chapter__box__01 > .chapter__box__inner > .chapter__box__title > em {
            position: relative;
            color: #2970b3;
            font-size: 6.8vw;
            display: inline-block; }
            .chapter__box__01 > .chapter__box__inner > .chapter__box__title > em::before {
              content: "";
              position: absolute;
              bottom: 0;
              left: 0%;
              width: 100%;
              height: 1.06667vw;
              border-radius: 0.53333vw;
              background-color: #f0e94b; }
        .chapter__box__01 > .chapter__box__inner .chapter__box__text {
          margin-top: 6.13333vw;
          font-size: 3.46667vw;
          line-height: 1.76923; }
        .chapter__box__01 > .chapter__box__inner .chapter__box__note {
          margin-top: 4vw;
          font-size: 3.46667vw;
          line-height: 1.76923;
          letter-spacing: -0.03em; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__note::before {
            content: "※"; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__note a:hover {
            text-decoration: none; }
        .chapter__box__01 > .chapter__box__inner .chapter__box__media {
          margin-top: 24px; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__media .chapter__box__media__detail > *:first-child {
            margin-top: 0 !important; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__media .chapter__box__media__img {
            margin-top: 4.26667vw;
            text-align: center; }
            .chapter__box__01 > .chapter__box__inner .chapter__box__media .chapter__box__media__img > img {
              width: 46.66667vw; }
        .chapter__box__01 > .chapter__box__inner .chapter__box__bnr {
          margin-top: 9.33333vw; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__bnr__title {
            text-align: center; }
            .chapter__box__01 > .chapter__box__inner .chapter__box__bnr__title img {
              width: 63.33333vw; }
          .chapter__box__01 > .chapter__box__inner .chapter__box__bnr__set {
            margin-top: 3.2vw;
            text-align: center; }
            .chapter__box__01 > .chapter__box__inner .chapter__box__bnr__set img {
              width: 60.53333vw; }
    .chapter__box__02 {
      margin-top: 8.26667vw;
      border-radius: 1.33333vw;
      background-color: #e3eef6; }
      .chapter__box__02 > .chapter__box__inner {
        padding: 6.66667vw 5.86667vw 8vw; }
        .chapter__box__02 > .chapter__box__inner > .chapter__box__title {
          text-align: center;
          line-height: 1; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em {
            display: inline-block;
            position: relative;
            padding: 0 4.4vw 0.8vw;
            font-size: 4.26667vw;
            font-family: dnp-shuei-mgothic-std, sans-serif;
            font-weight: 600;
            font-style: normal;
            line-height: 1; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::before, .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::after {
              display: block;
              content: "";
              position: absolute;
              top: 0.4vw;
              width: 1.86667vw;
              height: 2.93333vw;
              background-repeat: no-repeat;
              background-size: 100% auto; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::before {
              left: 0;
              background-image: url("../img/com-icon03_01.svg"); }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::after {
              right: 0;
              background-image: url("../img/com-icon03_02.svg"); }
        .chapter__box__02 > .chapter__box__inner > .chapter__box__list {
          margin-top: 6vw; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__list::after {
            display: block;
            content: "";
            clear: both; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__list > li {
            display: table;
            float: left;
            width: calc((100% - ((22 / 750) * 100vw))/2);
            min-height: 11.73333vw;
            margin-top: 2.93333vw;
            margin-left: 2.93333vw;
            border-radius: 1.33333vw;
            background-color: #a0c0e2; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__list > li:nth-child(-n+2) {
              margin-top: 0 !important; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__list > li:nth-child(2n+1) {
              clear: left;
              margin-left: 0 !important; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__list > li > p {
              display: table-cell;
              font-size: 3.46667vw;
              line-height: 1.23077;
              text-align: center;
              vertical-align: middle; }
        .chapter__box__02 > .chapter__box__inner > .chapter__box__icon {
          position: relative;
          margin: 6vw auto 0;
          height: 56vw; }
          .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li {
            position: absolute;
            text-align: center; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(1) {
              top: 0.26667vw;
              left: 2.26667vw; }
              .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(1) .chapter__box__icon__set img {
                height: 14vw; }
              .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(1) .chapter__box__icon__text {
                margin-top: 0.93333vw; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(2) {
              top: 0.26667vw;
              left: 26.53333vw; }
              .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(2) .chapter__box__icon__set {
                padding-top: 1.86667vw; }
                .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(2) .chapter__box__icon__set img {
                  height: 9.73333vw; }
              .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(2) .chapter__box__icon__text {
                margin-top: 0.93333vw; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(3) {
              top: 0.26667vw;
              left: 46.26667vw; }
              .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(3) .chapter__box__icon__set {
                padding-top: 1.33333vw; }
                .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(3) .chapter__box__icon__set img {
                  height: 12vw; }
              .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(3) .chapter__box__icon__text {
                margin-top: 0.93333vw; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(4) {
              top: 30.13333vw;
              left: 13.6vw; }
              .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(4) .chapter__box__icon__set {
                padding-top: 0.4vw; }
                .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(4) .chapter__box__icon__set img {
                  height: 11.73333vw; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(5) {
              top: 30.13333vw;
              left: 38.66667vw; }
              .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li:nth-child(5) .chapter__box__icon__set img {
                height: 13.06667vw; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li .chapter__box__icon__set {
              height: 15.33333vw; }
            .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li .chapter__box__icon__text {
              font-size: 3.2vw;
              line-height: 1.41667; }
  /* chapter__capacity */
  .chapter__capacity {
    position: relative;
    width: 89.33333vw;
    margin: 11.73333vw auto 0;
    z-index: 2; }
    .chapter__capacity.js-view-point .chapter__capacity__title span {
      -webkit-transform: scale(0.01) rotate(-3deg);
      transform: scale(0.01) rotate(-3deg);
      -webkit-transition: -webkit-transform .5s;
      transition: -webkit-transform .5s;
      transition: transform .5s;
      transition: transform .5s, -webkit-transform .5s;
      -webkit-transition-delay: calc(5*.1s);
      transition-delay: calc(5*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__capacity.js-view-point .chapter__capacity__title > span > em::before {
      width: 0;
      -webkit-transition: width .5s;
      transition: width .5s;
      -webkit-transition-delay: calc(9*.1s);
      transition-delay: calc(9*.1s);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .chapter__capacity.js-view-point.is-active .chapter__capacity__title span {
      -webkit-transform: scale(1) rotate(-3deg);
      transform: scale(1) rotate(-3deg); }
    .chapter__capacity.js-view-point.is-active .chapter__capacity__title > span > em::before {
      width: 100%; }
    .chapter__capacity__title {
      position: relative;
      line-height: 1; }
      .chapter__capacity__title.is-type01 {
        padding-top: 2.66667vw;
        text-align: center; }
        .chapter__capacity__title.is-type01 > span {
          -webkit-transform: rotate(0) !important;
          transform: rotate(0) !important; }
          .chapter__capacity__title.is-type01 > span > em {
            font-size: 6.13333vw; }
      .chapter__capacity__title.is-type02 {
        padding-top: 2.66667vw;
        text-align: center; }
        .chapter__capacity__title.is-type02 > span {
          -webkit-transform: rotate(0) !important;
          transform: rotate(0) !important; }
          .chapter__capacity__title.is-type02 > span > em {
            font-size: 5.6vw; }
      .chapter__capacity__title > span {
        display: inline-block;
        position: relative;
        padding: 0 5.73333vw 0.8vw 4.4vw;
        font-size: 5.86667vw;
        font-family: dnp-shuei-mgothic-std, sans-serif;
        font-weight: 600;
        font-style: normal;
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg); }
        .chapter__capacity__title > span::before, .chapter__capacity__title > span::after {
          display: block;
          content: "";
          position: absolute;
          bottom: 3.33333vw;
          width: 3.06667vw;
          height: 4.26667vw;
          background-repeat: no-repeat;
          background-size: 100% auto; }
        .chapter__capacity__title > span::before {
          left: 0;
          background-image: url("../img/com-icon03_01.svg"); }
        .chapter__capacity__title > span::after {
          right: 0;
          background-image: url("../img/com-icon03_02.svg"); }
        .chapter__capacity__title > span > em {
          display: inline-block;
          position: relative;
          padding-bottom: 2.13333vw;
          color: #2970b3;
          font-size: 8.8vw;
          line-height: 1; }
          .chapter__capacity__title > span > em::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1.06667vw;
            border-radius: 0.53333vw;
            background-color: #f0e94b; }
    .chapter__capacity__img {
      margin-top: 10.66667vw;
      padding-right: 1.6vw;
      text-align: center; }
      .chapter__capacity__img img {
        height: 55.33333vw; }
    .chapter__capacity__box {
      position: absolute; }
      .chapter__capacity__box::after {
        content: "";
        display: block;
        clear: both; }
      .chapter__capacity__box.box__01 {
        width: 44vw;
        top: 18.4vw;
        right: -1.2vw; }
        .chapter__capacity__box.box__01 .chapter__capacity__box__inner {
          background-color: #8cb2dc; }
          .chapter__capacity__box.box__01 .chapter__capacity__box__inner::before {
            right: -1.06667vw; }
          .chapter__capacity__box.box__01 .chapter__capacity__box__inner::after {
            width: 3.2vw;
            height: 3.73333vw;
            bottom: -3.73333vw;
            left: 15.73333vw;
            background-image: url("../img/chapter01-icon05_02-sp.png"); }
      .chapter__capacity__box.box__02 {
        width: 44vw;
        top: 23.86667vw;
        left: -0.93333vw; }
        .chapter__capacity__box.box__02 .chapter__capacity__box__inner {
          background-color: #dbeaf4; }
          .chapter__capacity__box.box__02 .chapter__capacity__box__inner::before {
            left: -1.06667vw; }
          .chapter__capacity__box.box__02 .chapter__capacity__box__inner::after {
            width: 2.66667vw;
            height: 2.4vw;
            bottom: -2.4vw;
            left: 21.33333vw;
            background-image: url("../img/chapter01-icon05_01-sp.png"); }
      .chapter__capacity__box__inner {
        position: relative;
        display: table;
        border: 0.26667vw solid #000;
        border-radius: 1.33333vw;
        padding: 2.66667vw; }
        .chapter__capacity__box__inner::before, .chapter__capacity__box__inner::after {
          content: "";
          display: block;
          position: absolute; }
        .chapter__capacity__box__inner::before {
          bottom: -1.06667vw;
          width: 100%;
          height: 100%;
          border-radius: 1.33333vw;
          overflow: hidden;
          background-repeat: repeat;
          background-image: url("../img/com-bg01.png");
          z-index: -1; }
        .chapter__capacity__box__inner::after {
          background-size: 100% auto;
          background-repeat: no-repeat; }
        .chapter__capacity__box__inner > p {
          display: table-cell;
          vertical-align: middle;
          font-size: 3.46667vw;
          line-height: 1.76923;
          letter-spacing: -0.03em; }
    .chapter__capacity .chapter__talk {
      width: 89.33333vw;
      padding: 0; }
      .chapter__capacity .chapter__talk > li:nth-child(2n+1) {
        left: 2.66667vw; }
      .chapter__capacity .chapter__talk > li:nth-child(2n) {
        right: 2.66667vw; }
      .chapter__capacity .chapter__talk .chapter__talk__box__inner {
        width: 65.33333vw; }
  /* chapter__bg01 */
  .chapter__bg01 {
    position: relative;
    margin-top: 9.33333vw;
    padding-top: 1px;
    background-color: #eaf2f7;
    z-index: 1; }
    .chapter__bg01.is-reverse::before {
      top: -11.33333vw;
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg); }
    .chapter__bg01.is-reverse::after {
      bottom: -15.33333vw;
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg); }
    .chapter__bg01::before, .chapter__bg01::after {
      content: "";
      display: block;
      position: absolute;
      left: -50vw;
      width: 200vw;
      height: 26.66667vw;
      background-color: #eaf2f7;
      z-index: -2; }
    .chapter__bg01::before {
      top: -11.33333vw;
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg); }
    .chapter__bg01::after {
      bottom: -11.33333vw;
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg); }
  /* aside */
  .aside {
    margin-top: 30.66667vw; }
    .aside__release {
      width: 89.33333vw;
      margin: 0 auto; }
      .aside__release > li {
        margin-top: 14.93333vw; }
        .aside__release > li:first-child {
          margin-top: 0 !important; }
        .aside__release > li.js-view-point .aside__release__box__title,
        .aside__release > li.js-view-point .aside__release__box__bubble {
          -webkit-transform: scale(0.01);
          transform: scale(0.01);
          opacity: 0;
          -webkit-transition: opacity .5s, -webkit-transform .5s;
          transition: opacity .5s, -webkit-transform .5s;
          transition: opacity .5s, transform .5s;
          transition: opacity .5s, transform .5s, -webkit-transform .5s;
          -webkit-transition-delay: calc(2*.1s);
          transition-delay: calc(2*.1s);
          -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .aside__release > li.js-view-point .aside__release__box__bubble {
          -webkit-transition-delay: calc(4*.1s);
          transition-delay: calc(4*.1s); }
        .aside__release > li.js-view-point.is-active .aside__release__box__title,
        .aside__release > li.js-view-point.is-active .aside__release__box__bubble {
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1); }
      .aside__release__box {
        position: relative;
        z-index: 1; }
        .aside__release__box.is-coming a {
          pointer-events: none; }
        .aside__release__box.is-coming ::-moz-selection {
          background: transparent;
          color: inherit; }
        .aside__release__box.is-coming ::selection {
          background: transparent;
          color: inherit; }
        .aside__release__box.is-coming .aside__release__box__coming {
          display: block; }
        .aside__release__box.is-coming .aside__release__box__head__block {
          opacity: 0.1; }
        .aside__release__box__coming {
          display: none;
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          margin-top: -0.5em;
          color: #1e61ab;
          font-size: 6.8vw;
          line-height: 1;
          font-family: dnp-shuei-mgothic-std, sans-serif;
          font-weight: 600;
          font-style: normal;
          text-align: center;
          z-index: 2; }
        .aside__release__box__title {
          position: absolute;
          top: 50%;
          left: -2.66667vw;
          margin-top: -7.6vw;
          z-index: 2; }
          .aside__release__box__title img {
            width: 15.2vw; }
        .aside__release__box__bubble {
          position: absolute;
          top: -6.66667vw;
          right: -2.66667vw; }
          .aside__release__box__bubble > img {
            width: 25.86667vw; }
        .aside__release__box__block {
          position: relative;
          display: block;
          height: 37.33333vw;
          border-radius: 2.66667vw;
          border: 0.26667vw solid #000;
          background-color: #fff;
          text-decoration: none !important; }
          .aside__release__box__block::after {
            content: "";
            position: absolute;
            display: block;
            bottom: -1.33333vw;
            right: -1.33333vw;
            width: 100%;
            height: 100%;
            border-radius: 2.66667vw;
            overflow: hidden;
            background-repeat: repeat;
            background-image: url("../img/com-bg01.png");
            z-index: -1; }
        .aside__release__box__head {
          display: table;
          width: 100%;
          height: 100%; }
          .aside__release__box__head__block {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            color: #222222; }
            .aside__release__box__head__block > span {
              position: relative;
              display: inline-block;
              padding: 0 3.06667vw;
              font-size: 3.73333vw;
              font-family: dnp-shuei-mgothic-std, sans-serif;
              font-weight: 600;
              font-style: normal; }
              .aside__release__box__head__block > span::before, .aside__release__box__head__block > span::after {
                display: block;
                content: "";
                position: absolute;
                bottom: 1.33333vw;
                width: 1.33333vw;
                height: 2.66667vw;
                background-repeat: no-repeat;
                background-size: 100% auto; }
              .aside__release__box__head__block > span::before {
                left: 0;
                background-image: url("../img/com-icon02_01.svg"); }
              .aside__release__box__head__block > span::after {
                right: 0;
                background-image: url("../img/com-icon02_02.svg"); }
            .aside__release__box__head__block > em {
              display: block;
              margin-top: 1.33333vw;
              font-size: 6.93333vw;
              line-height: 1;
              font-family: dnp-shuei-mgothic-std, sans-serif;
              font-weight: 600;
              font-style: normal; } }

/* -------------------------------------------
		browser
------------------------------------------- */
/* IE */
@media print, screen and (min-width: 768px) {
  .IE .chapter__talk > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
    left: -13px; }
  .IE .chapter__talk > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
    right: -13px; }
  .IE .chapter__talk.is-reverse > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
    left: -13px; }
  .IE .chapter__talk.is-reverse > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
    left: auto !important;
    right: -13px; }
  .IE .chapter__capacity__box.box__01 .chapter__capacity__box__inner::after {
    left: -13px; }
  .IE .chapter__capacity__box.box__02 .chapter__capacity__box__inner::after {
    right: -13px; }
  .IE .chapter__head__title__text {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  .IE .chapter__capacity__title > span::before, .IE .chapter__capacity__title > span::after {
    bottom: 20px; }
  .IE .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  .IE .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::before,
  .IE .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::after {
    top: -5px; }
  .IE .aside__release__box__coming {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); } }

@media screen and (max-width: 1440px) and (min-width: 768px) {
  .IE .chapter__talk > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
    left: -0.90278vw; }
  .IE .chapter__talk > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
    right: -0.90278vw; }
  .IE .chapter__talk.is-reverse > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
    left: -0.90278vw; }
  .IE .chapter__talk.is-reverse > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
    left: auto !important;
    right: -0.90278vw; }
  .IE .chapter__capacity__box.box__01 .chapter__capacity__box__inner::after {
    left: -0.90278vw; }
  .IE .chapter__capacity__box.box__02 .chapter__capacity__box__inner::after {
    right: -0.90278vw; }
  .IE .chapter__head__title__text {
    -webkit-transform: translateY(0.69444vw);
    transform: translateY(0.69444vw); }
  .IE .chapter__capacity__title > span::before, .IE .chapter__capacity__title > span::after {
    bottom: 1.38889vw; }
  .IE .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em {
    -webkit-transform: translateY(0.69444vw);
    transform: translateY(0.69444vw); }
  .IE .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::before,
  .IE .chapter__box__02 > .chapter__box__inner > .chapter__box__title > em::after {
    top: -0.34722vw; }
  .IE .aside__release__box__coming {
    -webkit-transform: translateY(0.69444vw);
    transform: translateY(0.69444vw); } }

/* Firefox */
@media print, screen and (min-width: 768px) {
  .Firefox .chapter__talk > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
    left: -13px; }
  .Firefox .chapter__talk > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
    right: -13px; }
  .Firefox .chapter__talk.is-reverse > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
    left: -13px; }
  .Firefox .chapter__talk.is-reverse > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
    left: auto !important;
    right: -13px; }
  .Firefox .chapter__capacity__box.box__01 .chapter__capacity__box__inner::after {
    left: -13px; }
  .Firefox .chapter__capacity__box.box__02 .chapter__capacity__box__inner::after {
    right: -13px; } }

@media screen and (max-width: 1440px) and (min-width: 768px) {
  .Firefox .chapter__talk > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
    left: calc((-13 / 1440) * 100vw + 0.5px); }
  .Firefox .chapter__talk > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
    right: calc((-13 / 1440) * 100vw + 0.5px); }
  .Firefox .chapter__talk.is-reverse > li:nth-child(2n) .chapter__talk__box .chapter__talk__box__inner::after {
    left: calc((-13 / 1440) * 100vw + 0.5px); }
  .Firefox .chapter__talk.is-reverse > li:nth-child(2n+1) .chapter__talk__box .chapter__talk__box__inner::after {
    left: auto !important;
    right: calc((-13 / 1440) * 100vw + 0.5px); }
  .Firefox .chapter__capacity__box.box__01 .chapter__capacity__box__inner::after {
    left: calc((-13 / 1440) * 100vw + 0.5px); }
  .Firefox .chapter__capacity__box.box__02 .chapter__capacity__box__inner::after {
    right: calc((-13 / 1440) * 100vw + 0.5px); }
  .Firefox .chapter__wrap .chapter__wrap__item {
    width: calc(((100% - ((26 / 1440) * 100vw)) / 2) - 0.1px); }
  .Firefox .chapter__box__02 > .chapter__box__inner > .chapter__box__list > li {
    width: calc(((100% - ((42 / 1440) * 100vw)) / 4) - 0.1px); }
  .Firefox .chapter__box__02 > .chapter__box__inner > .chapter__box__icon > li {
    width: calc(((100% - ((80 / 1440) * 100vw))/ 5) - 0.1px); } }

/* -------------------------------------------
		movie
	------------------------------------------- */
@media print, screen and (min-width: 768px) {
  .page-LP01--underlayer .character__title {
    text-align: center;
    background: url(../img/movie-bg01.png) no-repeat top left/100%;
    padding: 132px 0 250px; }
    .page-LP01--underlayer .character__title img {
      width: 436px; }
  .character {
    position: relative;
    padding-bottom: 270px; }
    .character::after {
      content: '';
      position: absolute;
      left: 0;
      top: -194px;
      /*四角形を傾けます*/
      -webkit-transform: skewY(-5deg);
      transform: skewY(-5deg);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      z-index: 1;
      width: 100%;
      height: 100%;
      background: #93B2D8; }
    .character h3 {
      position: relative;
      z-index: 2;
      font-weight: bold;
      font-size: 32px;
      text-align: center; }
      .character h3 span {
        position: relative;
        display: inline-block;
        padding: 0 4px; }
        .character h3 span::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 6px;
          border-radius: 6px;
          background: #EAF1F5;
          bottom: 12px;
          left: 0;
          z-index: -1; }
    .character .character__block--main {
      width: 1152px;
      position: relative;
      z-index: 2;
      margin: 124px auto 0; }
      .character .character__block--main .character__desc span {
        font-weight: bold; }
      .character .character__block--main .character__desc em {
        font-weight: bold;
        font-size: 20px; }
      .character .character__block--main .character__desc p {
        margin-top: 20px;
        font-size: 15px; }
      .character .character__block--main .character__item:nth-of-type(1) {
        margin-left: 159px;
        width: 240px; }
        .character .character__block--main .character__item:nth-of-type(1) .character__desc {
          padding-right: 60px; }
          .character .character__block--main .character__item:nth-of-type(1) .character__desc p {
            width: 180px; }
        .character .character__block--main .character__item:nth-of-type(1) .character__images {
          width: 60px;
          margin: 0 0 0 auto; }
      .character .character__block--main .character__item:nth-of-type(2) {
        display: inline-block;
        margin: -82px 0 0 0;
        /* width: 240px */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; }
        .character .character__block--main .character__item:nth-of-type(2) .character__desc p {
          width: 338px; }
        .character .character__block--main .character__item:nth-of-type(2) .character__images {
          width: 138px;
          margin: 0 0 0 72px; }
      .character .character__block--main .character__item:nth-of-type(3) {
        position: absolute;
        top: 218px;
        right: 0;
        display: inline-block;
        margin: -82px 0 27px 149px;
        /* // width: 240px */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; }
        .character .character__block--main .character__item:nth-of-type(3) .character__desc p {
          width: 338px; }
        .character .character__block--main .character__item:nth-of-type(3) .character__images {
          width: 146px;
          margin: 0 80px 0 0; }
    .character .character__block--dogs {
      position: relative;
      z-index: 2;
      margin-top: 132px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .character .character__block--dogs > .character__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        width: 232px;
        text-align: center; }
        .character .character__block--dogs > .character__item + * {
          margin-left: 40px; }
        .character .character__block--dogs > .character__item em {
          display: inline-block;
          font-size: 20px;
          font-weight: bold;
          margin-top: 20px; }
  .movie {
    /* // height: 2336px; */
    position: relative;
    padding-bottom: 360px; }
    .movie::after {
      content: '';
      position: absolute;
      left: 0;
      top: -194px;
      /*四角形を傾けます*/
      -webkit-transform: skewY(-5deg);
      transform: skewY(-5deg);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      z-index: 1;
      width: 100%;
      height: 100%;
      background: #EAF1F5; }
    .movie h3 {
      position: relative;
      z-index: 2;
      font-weight: bold;
      font-size: 32px;
      text-align: center; }
      .movie h3 span {
        position: relative;
        display: inline-block;
        padding: 0 4px; }
        .movie h3 span::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 6px;
          border-radius: 6px;
          background: #93B2D8;
          bottom: 12px;
          left: 0;
          z-index: -1; }
    .movie__block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 1304px;
      margin: 94px auto 0; }
      .movie__block + * {
        margin-top: 175px; }
    .movie__item {
      position: relative;
      z-index: 3;
      display: inline-block; }
      .movie__item + * {
        margin-left: 16px; }
      .movie__item:nth-of-type(n+4) {
        margin-top: 104px; }
    .movie__thumbnail {
      cursor: pointer;
      position: relative;
      width: 416px;
      height: 234px;
      margin-top: 32px; }
      .movie__thumbnail img {
        width: 100%;
        height: auto;
        display: inline-block;
        position: relative;
        border: 2px solid #333333;
        border-radius: 14px; }
    .movie__bg {
      display: block;
      width: 416px;
      height: 234px;
      position: absolute;
      top: 0;
      left: 0; }
      .movie__bg::after {
        content: "";
        position: absolute;
        background: url(../img/com-bg01.png);
        width: 100%;
        height: 100%;
        top: 8px;
        left: 8px;
        border-radius: 14px; }
    .movie h4 {
      text-align: center;
      font-weight: bold;
      font-size: 24px; }
    .movie__text {
      width: 392px;
      margin: 32px auto 0;
      font-size: 15px;
      line-height: 28px; }
  .nav--contents {
    padding-bottom: 144px; }
    .nav--contents .header__nav__panel {
      background: none; } }

@media screen and (max-width: 1440px) and (min-width: 768px) {
  .page-LP01--underlayer .character__title {
    text-align: center;
    background: url(../img/movie-bg01.png) no-repeat top left/100%;
    padding: 9.16667vw 0 17.36111vw; }
    .page-LP01--underlayer .character__title img {
      width: 30.27778vw; }
  .character {
    position: relative;
    padding-bottom: 18.75vw; }
    .character::after {
      content: '';
      position: absolute;
      left: 0;
      top: -13.47222vw;
      /*四角形を傾けます*/
      -webkit-transform: skewY(-5deg);
      transform: skewY(-5deg);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      z-index: 1;
      width: 100%;
      height: 100%;
      background: #93B2D8; }
    .character h3 {
      position: relative;
      z-index: 2;
      font-weight: bold;
      font-size: 2.22222vw;
      text-align: center; }
      .character h3 span {
        position: relative;
        display: inline-block;
        padding: 0 4px; }
        .character h3 span::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 6px;
          border-radius: 6px;
          background: #EAF1F5;
          bottom: 12px;
          left: 0;
          z-index: -1; }
    .character .character__block--main {
      width: 80vw;
      position: relative;
      z-index: 2;
      margin: 8.61111vw auto 0; }
      .character .character__block--main .character__desc span {
        font-weight: bold; }
      .character .character__block--main .character__desc em {
        font-weight: bold;
        font-size: 1.38889vw; }
      .character .character__block--main .character__desc p {
        margin-top: 1.38889vw;
        font-size: 1.04167vw; }
      .character .character__block--main .character__item:nth-of-type(1) {
        margin-left: 11.04167vw;
        width: 16.66667vw; }
        .character .character__block--main .character__item:nth-of-type(1) .character__desc {
          padding-right: 4.16667vw; }
          .character .character__block--main .character__item:nth-of-type(1) .character__desc p {
            width: 12.5vw; }
        .character .character__block--main .character__item:nth-of-type(1) .character__images {
          width: 4.16667vw;
          margin: 0 0 0 auto; }
      .character .character__block--main .character__item:nth-of-type(2) {
        display: inline-block;
        margin: -5.69444vw 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; }
        .character .character__block--main .character__item:nth-of-type(2) .character__desc p {
          width: 23.47222vw; }
        .character .character__block--main .character__item:nth-of-type(2) .character__images {
          width: 9.58333vw;
          margin: 0 0 0 5vw; }
      .character .character__block--main .character__item:nth-of-type(3) {
        position: absolute;
        top: 15.13889vw;
        right: 0;
        display: inline-block;
        margin: -5.69444vw 0 1.875vw 10.34722vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; }
        .character .character__block--main .character__item:nth-of-type(3) .character__desc p {
          width: 23.47222vw; }
        .character .character__block--main .character__item:nth-of-type(3) .character__images {
          width: 10.13889vw;
          margin: 0 5.55556vw 0 0; }
    .character .character__block--dogs {
      position: relative;
      z-index: 2;
      margin-top: 9.16667vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .character .character__block--dogs > .character__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        width: 16.11111vw;
        text-align: center; }
        .character .character__block--dogs > .character__item + * {
          margin-left: 2.77778vw; }
        .character .character__block--dogs > .character__item em {
          display: inline-block;
          font-size: 1.38889vw;
          font-weight: bold;
          margin-top: 1.38889vw; }
  .movie {
    position: relative;
    padding-bottom: 25vw; }
    .movie::after {
      content: '';
      position: absolute;
      left: 0;
      top: -13.47222vw;
      /*四角形を傾けます*/
      -webkit-transform: skewY(-5deg);
      transform: skewY(-5deg);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      z-index: 1;
      width: 100%;
      height: 100%;
      background: #EAF1F5; }
    .movie h3 {
      position: relative;
      z-index: 2;
      font-weight: bold;
      font-size: 2.22222vw;
      text-align: center; }
      .movie h3 span {
        position: relative;
        display: inline-block;
        padding: 0 4px; }
        .movie h3 span::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 6px;
          border-radius: 6px;
          background: #93B2D8;
          bottom: 12px;
          left: 0;
          z-index: -1; }
    .movie__block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 90.55556vw;
      margin: 6.52778vw auto 0; }
      .movie__block + * {
        margin-top: 12.15278vw; }
    .movie__item {
      position: relative;
      z-index: 3;
      display: inline-block; }
      .movie__item + * {
        margin-left: 1.11111vw; }
      .movie__item:nth-of-type(n+4) {
        margin-top: 7.22222vw; }
    .movie__thumbnail {
      cursor: pointer;
      position: relative;
      width: 28.88889vw;
      height: 16.25vw;
      margin-top: 2.22222vw; }
      .movie__thumbnail img {
        width: 100%;
        height: auto;
        display: inline-block;
        position: relative;
        border: 2px solid #333333;
        border-radius: 0.97222vw; }
    .movie__bg {
      display: block;
      width: 28.88889vw;
      height: 16.25vw;
      position: absolute;
      top: 0;
      left: 0; }
      .movie__bg::after {
        content: "";
        position: absolute;
        background: url(../img/com-bg01.png);
        width: 100%;
        height: 100%;
        top: 0.55556vw;
        left: 0.55556vw;
        border-radius: 0.97222vw; }
    .movie h4 {
      text-align: center;
      font-weight: bold;
      font-size: 1.66667vw; }
    .movie__text {
      width: 27.22222vw;
      margin: 2.22222vw auto 0;
      font-size: 1.04167vw;
      line-height: 1.94444vw; }
  .nav--contents {
    padding-bottom: 10vw; }
    .nav--contents .header__nav__panel {
      background: none; } }

@media screen and (max-width: 767px) {
  .page-LP01--underlayer .character__title {
    text-align: center;
    background: url(../img/movie-bg01-sp.png) no-repeat top left/100%;
    padding: 16.53333vw 0 22.93333vw; }
    .page-LP01--underlayer .character__title img {
      width: 58.13333vw; }
  .character {
    position: relative;
    padding: 12.8vw 0 45.86667vw; }
    .character::after {
      content: '';
      position: absolute;
      left: 0;
      top: -9.06667vw;
      /*四角形を傾けます*/
      -webkit-transform: skewY(-5deg);
      transform: skewY(-5deg);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      z-index: 1;
      width: 100%;
      height: 100%;
      background: #93B2D8; }
    .character h3 {
      position: relative;
      z-index: 2;
      font-weight: bold;
      font-size: 8.53333vw;
      text-align: center; }
      .character h3 span {
        position: relative;
        display: inline-block;
        padding: 0 4px; }
        .character h3 span::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 1.6vw;
          border-radius: 12px;
          background: #EAF1F5;
          bottom: 12px;
          left: 0;
          z-index: -1; }
    .character .character__block--main {
      position: relative;
      z-index: 2;
      margin-top: 10.13333vw; }
      .character .character__block--main .character__desc span {
        font-weight: bold; }
      .character .character__block--main .character__desc em {
        font-weight: bold;
        font-size: 5.33333vw; }
        .character .character__block--main .character__desc em i {
          display: inline-block;
          margin: 0 2.66667vw 0 -2.66667vw; }
      .character .character__block--main .character__desc p {
        margin-top: 4.26667vw;
        font-size: 4vw; }
      .character .character__block--main .character__item:nth-of-type(1) {
        margin-left: 5.86667vw;
        width: 58.13333vw; }
        .character .character__block--main .character__item:nth-of-type(1) .character__desc {
          padding-left: 10.13333vw; }
          .character .character__block--main .character__item:nth-of-type(1) .character__desc p {
            width: 48vw; }
        .character .character__block--main .character__item:nth-of-type(1) .character__images {
          width: 12.8vw;
          margin: 6.4vw 0 0 0; }
      .character .character__block--main .character__item:nth-of-type(2) {
        display: inline-block;
        margin: -12vw 0 0 21.06667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap; }
        .character .character__block--main .character__item:nth-of-type(2) .character__desc {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          padding-left: 4.93333vw; }
          .character .character__block--main .character__item:nth-of-type(2) .character__desc p {
            width: 43.2vw; }
        .character .character__block--main .character__item:nth-of-type(2) .character__images {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
          width: 28.93333vw;
          margin: 0 0 0 0; }
      .character .character__block--main .character__item:nth-of-type(3) {
        display: inline-block;
        margin: 10.66667vw 0 0 5.86667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap; }
        .character .character__block--main .character__item:nth-of-type(3) .character__desc {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; }
          .character .character__block--main .character__item:nth-of-type(3) .character__desc p {
            width: 43.2vw; }
        .character .character__block--main .character__item:nth-of-type(3) .character__images {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          width: 30.93333vw;
          margin: 0 0 0 4.26667vw; }
    .character .character__block--dogs {
      position: relative;
      z-index: 2;
      margin: 12.8vw auto 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .character .character__block--dogs > .character__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        width: 30.93333vw;
        text-align: center; }
        .character .character__block--dogs > .character__item .character__images {
          width: 30.93333vw;
          margin: auto; }
        .character .character__block--dogs > .character__item:nth-of-type(1) {
          width: 80.8vw; }
        .character .character__block--dogs > .character__item:nth-of-type(n+2) {
          margin-top: 6.66667vw; }
        .character .character__block--dogs > .character__item:nth-of-type(2) {
          margin-left: 3.2vw; }
        .character .character__block--dogs > .character__item:nth-of-type(3) {
          width: 37.33333vw;
          margin-left: 14.13333vw; }
        .character .character__block--dogs > .character__item em {
          display: inline-block;
          font-size: 5.33333vw;
          font-weight: bold;
          margin-top: 4.26667vw; }
  .movie {
    position: relative;
    padding: 15.2vw 0 32vw; }
    .movie::after {
      content: '';
      position: absolute;
      left: 0;
      top: -25.86667vw;
      /*四角形を傾けます*/
      -webkit-transform: skewY(-5deg);
      transform: skewY(-5deg);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      z-index: -1;
      width: 100%;
      height: 105%;
      background: #EAF1F5; }
    .movie h3 {
      position: relative;
      z-index: 2;
      font-weight: bold;
      font-size: 8.53333vw;
      text-align: center; }
      .movie h3 span {
        position: relative;
        display: inline-block;
        padding: 0 4px; }
        .movie h3 span::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 1.6vw;
          border-radius: 12px;
          background: #93B2D8;
          bottom: 12px;
          left: 0;
          z-index: -1; }
    .movie__block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 89.33333vw;
      margin: 21.33333vw auto 0; }
      .movie__block + * {
        margin-top: 40.53333vw; }
    .movie__item {
      position: relative;
      z-index: 3;
      display: inline-block; }
      .movie__item + * {
        margin-top: 17.06667vw; }
    .movie__thumbnail {
      position: relative;
      width: 89.33333vw;
      height: 50.25067vw;
      margin-top: 8.53333vw; }
      .movie__thumbnail img {
        width: 100%;
        height: auto;
        display: inline-block;
        position: relative;
        border: 2px solid #333333;
        border-radius: 1.86667vw; }
    .movie__bg {
      display: block;
      width: 89.33333vw;
      height: 50.25067vw;
      position: absolute;
      top: 0;
      left: 0; }
      .movie__bg::after {
        content: "";
        position: absolute;
        background: url(../img/com-bg01.png);
        width: 100%;
        height: 100%;
        top: 2.13333vw;
        left: 2.13333vw;
        border-radius: 1.86667vw; }
    .movie h4 {
      text-align: center;
      font-weight: bold;
      font-size: 6.4vw; }
    .movie__text {
      width: 88.26667vw;
      margin: 7.73333vw auto 0;
      font-size: 4vw;
      line-height: 7.46667vw; }
  .nav--contents {
    padding-bottom: 19.2vw; }
    .nav--contents .header__nav__panel {
      background: none; } }

/* -------------------------------------------
		header
	------------------------------------------- */
@media print, screen and (min-width: 768px) {
  html.is-spNavOpen {
    overflow: hidden; }
    html.is-spNavOpen #js-overlay {
      opacity: 1; }
    html.is-spNavOpen .header__logo {
      opacity: 0; }
  html #js-overlay {
    position: fixed;
    top: 110px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    background-color: #496E9D;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .25s;
    transition: all .25s; }
  .page-LP01--underlayer header::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 110px;
    background-color: #496E9D;
    z-index: 98; }
  .page-LP01--underlayer .header__logo {
    position: fixed;
    width: 864px;
    padding-left: 0; }
  .header {
    position: relative;
    z-index: 99; }
    .header__block__main {
      background-color: #406ea1; }
      .header__block__main__inner {
        position: relative;
        z-index: 99;
        width: 1440px;
        margin: 0 auto;
        padding: 30px 458px 43px 288px; }
    .header__block__util {
      background-color: #fff; }
      .header__block__util--underlayer {
        background: #496E9D;
        padding: 16px 0 24px; }
    .header__logo {
      text-align: center; }
      .header__logo img {
        height: 50px; }
    .header__mascot.js-view-point .header__mascot__bubble {
      -webkit-transform: scale(0.01);
      transform: scale(0.01);
      opacity: 0;
      -webkit-transition: opacity .5s, -webkit-transform .5s;
      transition: opacity .5s, -webkit-transform .5s;
      transition: opacity .5s, transform .5s;
      transition: opacity .5s, transform .5s, -webkit-transform .5s;
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .header__mascot.js-view-point .header__mascot__bubble.bubble__01 {
        -webkit-transition-delay: calc(3*.1s);
        transition-delay: calc(3*.1s); }
      .header__mascot.js-view-point .header__mascot__bubble.bubble__02 {
        -webkit-transition-delay: calc(4*.1s);
        transition-delay: calc(4*.1s); }
    .header__mascot.js-view-point.is-active .header__mascot__bubble {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
    .header__mascot__bubble.bubble__01 {
      position: absolute;
      top: 86px;
      left: 106px; }
      .header__mascot__bubble.bubble__01 img {
        height: 112px; }
    .header__mascot__bubble.bubble__02 {
      position: absolute;
      top: 198px;
      left: 45px; }
      .header__mascot__bubble.bubble__02 img {
        height: 88px; }
    .header__mascot__img {
      position: absolute;
      left: 152px;
      top: 284px; }
      .header__mascot__img img {
        height: 170px; }
    .header__mascot__name {
      position: absolute;
      width: 140px;
      left: 92px;
      bottom: 15px; }
      .header__mascot__name > span {
        display: block;
        color: #fff;
        font-size: 11px; }
      .header__mascot__name > em {
        display: block;
        color: #fff;
        font-size: 14px;
        line-height: 1.57143; }
    .header__title {
      margin-top: 42px; }
      .header__title img {
        height: 196px; }
    .header__lead {
      margin-top: 27px;
      color: #fff;
      font-size: 14px;
      letter-spacing: 0.01em; }
    .header__character > li:nth-child(1) {
      width: 170px; }
      .header__character > li:nth-child(1) .header__character__set {
        bottom: -7px;
        right: 315px; }
        .header__character > li:nth-child(1) .header__character__set img {
          height: 368px; }
      .header__character > li:nth-child(1) .header__character__name {
        right: 236px;
        bottom: 14px; }
    .header__character > li:nth-child(2) .header__character__set {
      bottom: -10px;
      right: 103px; }
      .header__character > li:nth-child(2) .header__character__set img {
        height: 384px; }
    .header__character > li:nth-child(2) .header__character__name {
      right: -38px;
      bottom: 14px; }
    .header__character__set {
      position: absolute; }
    .header__character__name {
      position: absolute;
      width: 160px; }
      .header__character__name > span {
        display: block;
        color: #fff;
        font-size: 11px; }
      .header__character__name > em {
        display: block;
        color: #fff;
        font-size: 14px;
        line-height: 1.57143; }
    .header__nav__btn--underlayer {
      position: fixed;
      top: 0;
      right: 0;
      z-index: 99; }
      .header__nav__btn--underlayer.is-active > a > span:nth-child(1) {
        -webkit-transform: translateY(16px) rotate(-45deg);
        transform: translateY(16px) rotate(-45deg); }
      .header__nav__btn--underlayer.is-active > a > span:nth-child(2) {
        opacity: 0; }
      .header__nav__btn--underlayer.is-active > a > span:nth-child(3) {
        -webkit-transform: translateY(-16px) rotate(45deg);
        transform: translateY(-16px) rotate(45deg); }
      .header__nav__btn--underlayer > a {
        position: relative;
        display: block;
        width: 110px;
        height: 110px;
        padding: 38px 0px 30px;
        -webkit-transition: all .25s;
        transition: all .25s;
        z-index: 1; }
        .header__nav__btn--underlayer > a > span {
          display: block;
          position: absolute;
          right: 30px;
          width: 50px;
          height: 2px;
          background-color: #fff;
          -webkit-transition: all .25s;
          transition: all .25s; }
          .header__nav__btn--underlayer > a > span:nth-child(1) {
            top: auto; }
          .header__nav__btn--underlayer > a > span:nth-child(2) {
            top: 54px; }
          .header__nav__btn--underlayer > a > span:nth-child(3) {
            top: 70px; }
    .header__nav__comingsoon::before {
      background: #898989 !important; }
    .header__nav__comingsoon::after {
      background: #555555 !important; }
    .header__nav__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 40px auto; }
      .header__nav__list > li {
        width: 248px;
        height: 104px;
        z-index: 4;
        position: relative; }
        .header__nav__list > li + * {
          margin-left: 36px; }
        .header__nav__list > li::before {
          content: "";
          position: absolute;
          width: 248px;
          height: 104px;
          border: 2px solid #333333;
          background: #fff;
          border-radius: 8px;
          top: 0;
          left: 0;
          z-index: 3;
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
          -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
        .header__nav__list > li::after {
          content: "";
          position: absolute;
          width: 248px;
          height: 104px;
          background: #93B2D8;
          border-radius: 8px;
          top: 8px;
          left: 8px;
          z-index: 2; }
        .header__nav__list > li > a, .header__nav__list > li span {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          font-size: 19px;
          font-family: dnp-shuei-mgothic-std, sans-serif;
          font-weight: 600;
          font-style: normal;
          text-decoration: none;
          will-change: opacity;
          text-align: center;
          position: relative;
          z-index: 4; }
          .header__nav__list > li > a i, .header__nav__list > li span i {
            display: inline-block;
            position: relative;
            padding: 0 4px; }
            .header__nav__list > li > a i::after, .header__nav__list > li span i::after {
              content: "";
              position: absolute;
              width: 100%;
              height: 4px;
              border-radius: 4px;
              background: #93B2D8;
              bottom: 6px;
              left: 0;
              z-index: -1; }
        .header__nav__list > li:hover, .header__nav__list > li.is-active {
          opacity: 1;
          border-radius: 8px;
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
          -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
          .header__nav__list > li:hover > a, .header__nav__list > li:hover span, .header__nav__list > li.is-active > a, .header__nav__list > li.is-active span {
            -webkit-transform: translate(8px, 8px);
            transform: translate(8px, 8px);
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            color: #fff;
            cursor: pointer; }
            .header__nav__list > li:hover > a i::after, .header__nav__list > li:hover span i::after, .header__nav__list > li.is-active > a i::after, .header__nav__list > li.is-active span i::after {
              position: absolute;
              content: none; }
          .header__nav__list > li:hover::before, .header__nav__list > li.is-active::before {
            content: "";
            position: absolute;
            width: 248px;
            height: 104px;
            border: 2px solid #333333;
            background: #333333;
            border-radius: 8px;
            z-index: 3;
            -webkit-transform: translate(8px, 8px);
            transform: translate(8px, 8px);
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; }
    .header__nav__comingsoon {
      pointer-events: none !important; }
    .header__nav__panel {
      position: fixed;
      right: 0;
      left: 0;
      margin: auto;
      padding: 16px 0 32px;
      background: #496E9D;
      height: calc(100vh - ((110 / 1440) * 100vw));
      opacity: 0;
      pointer-events: none;
      -webkit-transition: all .25s;
      transition: all .25s;
      z-index: 99;
      overflow-y: scroll; }
      .header__nav__panel--sub {
        position: absolute;
        background: none !important; }
      .header__nav__panel--contents {
        position: absolute;
        z-index: 4;
        height: auto; }
      .header__nav__panel.is-open {
        opacity: 1;
        pointer-events: visible; }
        .header__nav__panel.is-open .header__nav__sub__list > li {
          opacity: 1;
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }
          .header__nav__panel.is-open .header__nav__sub__list > li:nth-child(1) {
            -webkit-transition-delay: calc(1*.1s);
            transition-delay: calc(1*.1s); }
          .header__nav__panel.is-open .header__nav__sub__list > li:nth-child(2) {
            -webkit-transition-delay: calc(2*.1s);
            transition-delay: calc(2*.1s); }
          .header__nav__panel.is-open .header__nav__sub__list > li:nth-child(3) {
            -webkit-transition-delay: calc(3*.1s);
            transition-delay: calc(3*.1s); }
          .header__nav__panel.is-open .header__nav__sub__list > li:nth-child(4) {
            -webkit-transition-delay: calc(4*.1s);
            transition-delay: calc(4*.1s); }
          .header__nav__panel.is-open .header__nav__sub__list > li:nth-child(5) {
            -webkit-transition-delay: calc(5*.1s);
            transition-delay: calc(5*.1s); }
          .header__nav__panel.is-open .header__nav__sub__list > li:last-child {
            padding-bottom: 0; }
    .header__nav__sub__list {
      position: relative;
      text-align: center;
      font-size: 0;
      border: 2px solid #333333;
      width: 1328px;
      margin: auto;
      background: #fff;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: all .25s;
      transition: all .25s; }
      .header__nav__sub__list.is-open {
        display: block;
        opacity: 1;
        pointer-events: visible; }
      .header__nav__sub__list::before {
        content: "";
        position: absolute;
        top: -31px;
        right: 352px;
        margin-left: -16px;
        border: 16px solid transparent;
        border-bottom: 16px solid #fff;
        z-index: 2; }
      .header__nav__sub__list::after {
        content: "";
        position: absolute;
        top: -36px;
        right: 350px;
        margin-left: -18px;
        border: 18px solid transparent;
        border-bottom: 18px solid #333333;
        z-index: 1; }
      .header__nav__sub__list--contents-two::before {
        content: "";
        position: absolute;
        top: -31px;
        right: 497px;
        margin-left: -16px;
        border: 16px solid transparent;
        border-bottom: 16px solid #fff;
        z-index: 2; }
      .header__nav__sub__list--contents-two::after {
        content: "";
        position: absolute;
        top: -36px;
        right: 495px;
        margin-left: -18px;
        border: 18px solid transparent;
        border-bottom: 18px solid #333333;
        z-index: 1; }
      .header__nav__sub__list > li {
        display: inline-block; }
        .header__nav__sub__list > li.is-nolink a {
          pointer-events: none; }
        .header__nav__sub__list > li.is-nolink ::-moz-selection {
          background: transparent;
          color: inherit; }
        .header__nav__sub__list > li.is-nolink ::selection {
          background: transparent;
          color: inherit; }
        .header__nav__sub__list > li > a {
          display: block;
          position: relative;
          min-width: 192px;
          padding: 27px 32px 56px;
          color: #2970b3;
          font-size: 16px;
          font-family: dnp-shuei-mgothic-std, sans-serif;
          font-weight: 600;
          font-style: normal;
          text-decoration: none;
          will-change: opacity;
          -webkit-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
          transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
          .header__nav__sub__list > li > a:hover {
            opacity: 0.7; }
            .header__nav__sub__list > li > a:hover::after {
              -webkit-transform: translate(0, 3px);
              transform: translate(0, 3px); }
          .header__nav__sub__list > li > a::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 30px;
            width: 11px;
            height: 7px;
            margin-left: -7px;
            background-image: url("../img/com-icon01.svg");
            background-repeat: no-repeat;
            background-size: 100% auto;
            will-change: transform;
            -webkit-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
            transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
          .header__nav__sub__list > li > a > span {
            position: absolute;
            top: 22px;
            left: 50%;
            width: 108px;
            height: 40px;
            margin-left: -54px;
            padding-top: 14px;
            color: #222222;
            font-size: 14px;
            line-height: 1;
            -webkit-transform: rotate(-11deg);
            transform: rotate(-11deg);
            background-image: url("../img/header-icon01.png");
            background-repeat: no-repeat;
            background-size: 100% auto; } }

@media screen and (max-width: 1440px) and (min-width: 768px) {
  html #js-overlay {
    top: 7.63889vw; }
  .page-LP01--underlayer header::before {
    height: 7.63889vw; }
  .header__block__main__inner {
    width: 100vw;
    padding: 2.08333vw 31.80556vw 2.98611vw 20vw; }
    .header__block__main__inner--underlayer {
      background: #496E9D; }
  .header__logo {
    width: 60vw; }
    .header__logo img {
      height: 3.47222vw; }
  .header__mascot__bubble.bubble__01 {
    top: 5.97222vw;
    left: 7.36111vw; }
    .header__mascot__bubble.bubble__01 img {
      height: 7.77778vw; }
  .header__mascot__bubble.bubble__02 {
    top: 13.75vw;
    left: 3.125vw; }
    .header__mascot__bubble.bubble__02 img {
      height: 6.11111vw; }
  .header__mascot__img {
    left: 10.55556vw;
    top: 19.72222vw; }
    .header__mascot__img img {
      height: 11.80556vw; }
  .header__mascot__name {
    width: 9.72222vw;
    left: 6.38889vw;
    bottom: 1.04167vw; }
    .header__mascot__name > span {
      font-size: 0.76389vw; }
    .header__mascot__name > em {
      font-size: 0.97222vw; }
  .header__title {
    margin-top: 2.91667vw; }
    .header__title img {
      height: 13.61111vw; }
  .header__lead {
    margin-top: 1.875vw;
    font-size: 0.97222vw; }
  .header__character > li:nth-child(1) {
    width: 11.80556vw; }
    .header__character > li:nth-child(1) .header__character__set {
      bottom: -0.48611vw;
      right: 21.875vw; }
      .header__character > li:nth-child(1) .header__character__set img {
        height: 25.55556vw; }
    .header__character > li:nth-child(1) .header__character__name {
      right: 16.38889vw;
      bottom: 0.97222vw; }
  .header__character > li:nth-child(2) .header__character__set {
    bottom: -0.69444vw;
    right: 7.15278vw; }
    .header__character > li:nth-child(2) .header__character__set img {
      height: 26.66667vw; }
  .header__character > li:nth-child(2) .header__character__name {
    right: -2.63889vw;
    bottom: 0.97222vw; }
  .header__character__name {
    width: 11.11111vw; }
    .header__character__name > span {
      font-size: 0.76389vw; }
    .header__character__name > em {
      font-size: 0.97222vw; }
  .header__nav__btn--underlayer {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99; }
    .header__nav__btn--underlayer.is-active > a > span:nth-child(1) {
      -webkit-transform: translateY(1.11111vw) rotate(-45deg);
      transform: translateY(1.11111vw) rotate(-45deg); }
    .header__nav__btn--underlayer.is-active > a > span:nth-child(2) {
      opacity: 0; }
    .header__nav__btn--underlayer.is-active > a > span:nth-child(3) {
      -webkit-transform: translateY(-1.11111vw) rotate(45deg);
      transform: translateY(-1.11111vw) rotate(45deg); }
    .header__nav__btn--underlayer > a {
      position: relative;
      display: block;
      width: 7.63889vw;
      height: 7.63889vw;
      padding: 2.63889vw 2.08333vw 2.08333vw;
      -webkit-transition: all .25s;
      transition: all .25s;
      z-index: 1; }
      .header__nav__btn--underlayer > a > span {
        display: block;
        position: absolute;
        right: 2.08333vw;
        width: 3.47222vw;
        height: 2px;
        background-color: #fff;
        -webkit-transition: all .25s;
        transition: all .25s; }
        .header__nav__btn--underlayer > a > span:nth-child(1) {
          top: auto; }
        .header__nav__btn--underlayer > a > span:nth-child(2) {
          top: 3.75vw; }
        .header__nav__btn--underlayer > a > span:nth-child(3) {
          top: 4.86111vw; }
  .header__nav__sub__list {
    width: 92.22222vw; }
    .header__nav__sub__list::before {
      content: "";
      position: absolute;
      top: -2.15278vw;
      right: 24.44444vw;
      margin-left: -1.11111vw;
      border: 1.11111vw solid transparent;
      border-bottom: 1.11111vw solid #fff;
      z-index: 2; }
    .header__nav__sub__list::after {
      content: "";
      position: absolute;
      top: -2.5vw;
      right: 24.30556vw;
      margin-left: -1.25vw;
      border: 1.25vw solid transparent;
      border-bottom: 1.25vw solid #333333;
      z-index: 1; }
    .header__nav__sub__list > li > a {
      min-width: 13.33333vw;
      padding: 1.875vw 2.22222vw 3.88889vw;
      font-size: 1.11111vw; }
      .header__nav__sub__list > li > a::after {
        bottom: 2.08333vw;
        width: 0.76389vw;
        height: 0.48611vw;
        margin-left: -0.48611vw; }
      .header__nav__sub__list > li > a > span {
        top: 1.52778vw;
        width: 7.5vw;
        height: 2.77778vw;
        margin-left: -3.75vw;
        padding-top: 0.97222vw;
        font-size: 0.97222vw; }
    .header__nav__sub__list--contents-two::before {
      content: "";
      position: absolute;
      top: -2.15278vw;
      right: 34.51389vw;
      margin-left: -1.11111vw;
      border: 1.11111vw solid transparent;
      border-bottom: 1.11111vw solid #fff;
      z-index: 2; }
    .header__nav__sub__list--contents-two::after {
      content: "";
      position: absolute;
      top: -2.5vw;
      right: 34.375vw;
      margin-left: -1.25vw;
      border: 1.25vw solid transparent;
      border-bottom: 1.25vw solid #333333;
      z-index: 1; } }

@media screen and (max-width: 767px) {
  html.is-spNavOpen {
    overflow: hidden; }
    html.is-spNavOpen #js-overlay {
      opacity: 1; }
    html.is-spNavOpen .header__logo {
      opacity: 0; }
  html #js-overlay {
    position: fixed;
    top: 14.66667vw;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    background-color: #496E9D;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .25s;
    transition: all .25s; }
  .header {
    position: relative; }
    .header::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 14.66667vw;
      background-color: #496E9D;
      z-index: 98; }
    .header__block__main {
      padding: 14.66667vw 5.33333vw 0;
      background-color: #496E9D; }
      .header__block__main__inner {
        position: relative;
        width: 100%;
        height: 114.4vw;
        margin: 0 auto; }
        .header__block__main__inner--underlayer {
          height: auto; }
    .header__logo {
      position: fixed;
      top: 2.93333vw;
      left: 0;
      width: 100%;
      text-align: center;
      z-index: 99;
      -webkit-transition: all .25s;
      transition: all .25s; }
      .header__logo img {
        height: 8.8vw; }
    .header__mascot.js-view-point .header__mascot__bubble {
      -webkit-transform: scale(0.01);
      transform: scale(0.01);
      opacity: 0;
      -webkit-transition: all .5s;
      transition: all .5s;
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .header__mascot.js-view-point .header__mascot__bubble.bubble__01 {
        -webkit-transition-delay: calc(3*.1s);
        transition-delay: calc(3*.1s); }
      .header__mascot.js-view-point .header__mascot__bubble.bubble__02 {
        -webkit-transition-delay: calc(4*.1s);
        transition-delay: calc(4*.1s); }
    .header__mascot.js-view-point.is-active .header__mascot__bubble {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
    .header__mascot__bubble.bubble__01 {
      position: absolute;
      bottom: 38.93333vw;
      left: 7.73333vw; }
      .header__mascot__bubble.bubble__01 img {
        height: 15.73333vw; }
    .header__mascot__bubble.bubble__02 {
      position: absolute;
      bottom: 28.26667vw;
      left: -2.4vw; }
      .header__mascot__bubble.bubble__02 img {
        height: 12.26667vw; }
    .header__mascot__img {
      position: absolute;
      left: 7.2vw;
      bottom: -1.46667vw;
      z-index: 2; }
      .header__mascot__img img {
        height: 28.13333vw; }
    .header__mascot__name {
      position: absolute;
      left: -3.46667vw;
      bottom: 1.86667vw;
      z-index: 2; }
      .header__mascot__name > span {
        display: block;
        color: #fff;
        font-size: 2.66667vw; }
      .header__mascot__name > em {
        display: block;
        color: #fff;
        font-size: 2.93333vw;
        line-height: 1.57143; }
    .header__title {
      margin-top: 5.6vw; }
      .header__title img {
        height: 29.2vw; }
    .header__lead {
      margin-top: 3.6vw;
      color: #fff;
      font-size: 3.2vw;
      line-height: 1.75;
      letter-spacing: 0.01em; }
    .header__character > li:nth-child(1) .header__character__set {
      bottom: -0.93333vw;
      right: 26.4vw; }
      .header__character > li:nth-child(1) .header__character__set img {
        height: 58.4vw; }
    .header__character > li:nth-child(1) .header__character__name {
      right: 48.26667vw;
      bottom: 1.86667vw; }
    .header__character > li:nth-child(2) .header__character__set {
      bottom: -1.33333vw;
      right: -3.06667vw; }
      .header__character > li:nth-child(2) .header__character__set img {
        height: 60.26667vw; }
    .header__character > li:nth-child(2) .header__character__name {
      right: 20vw;
      bottom: 1.86667vw; }
    .header__character__set {
      position: absolute;
      z-index: 2; }
    .header__character__name {
      position: absolute;
      z-index: 2; }
      .header__character__name > span {
        display: block;
        color: #fff;
        font-size: 2.66667vw;
        -webkit-transform: scale(0.8);
        transform: scale(0.8); }
      .header__character__name > em {
        display: block;
        color: #fff;
        padding-left: 1.86667vw;
        font-size: 2.93333vw;
        line-height: 1.42857; }
    .header__nav__btn {
      position: fixed;
      top: 0;
      right: 0;
      z-index: 99; }
      .header__nav__btn.is-active > a > span:nth-child(1) {
        -webkit-transform: translateY(2.13333vw) rotate(-45deg);
        transform: translateY(2.13333vw) rotate(-45deg); }
      .header__nav__btn.is-active > a > span:nth-child(2) {
        opacity: 0; }
      .header__nav__btn.is-active > a > span:nth-child(3) {
        -webkit-transform: translateY(-2.13333vw) rotate(45deg);
        transform: translateY(-2.13333vw) rotate(45deg); }
      .header__nav__btn > a {
        position: relative;
        display: block;
        width: 14.66667vw;
        height: 14.66667vw;
        padding: 5.06667vw 4vw 4vw;
        -webkit-transition: all .25s;
        transition: all .25s;
        z-index: 1; }
        .header__nav__btn > a > span {
          display: block;
          position: absolute;
          right: 4vw;
          width: 6.66667vw;
          height: 2px;
          background-color: #fff;
          -webkit-transition: all .25s;
          transition: all .25s; }
          .header__nav__btn > a > span:nth-child(1) {
            top: auto; }
          .header__nav__btn > a > span:nth-child(2) {
            top: 7.2vw; }
          .header__nav__btn > a > span:nth-child(3) {
            top: 9.33333vw; }
    .header__nav__panel {
      position: fixed;
      top: 14.66667vw;
      left: 0;
      width: 100%;
      padding-top: 9.06667vw;
      padding-bottom: 23.46667vw;
      height: calc(100vh - ((110 / 750) * 100vw));
      opacity: 0;
      pointer-events: none;
      -webkit-transition: all .25s;
      transition: all .25s;
      z-index: 99;
      overflow-y: scroll; }
      .header__nav__panel.is-open {
        opacity: 1;
        pointer-events: visible; }
        .header__nav__panel.is-open .header__nav__sub__list > li {
          opacity: 1;
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }
          .header__nav__panel.is-open .header__nav__sub__list > li:nth-child(1) {
            -webkit-transition-delay: calc(1*.1s);
            transition-delay: calc(1*.1s); }
          .header__nav__panel.is-open .header__nav__sub__list > li:nth-child(2) {
            -webkit-transition-delay: calc(2*.1s);
            transition-delay: calc(2*.1s); }
          .header__nav__panel.is-open .header__nav__sub__list > li:nth-child(3) {
            -webkit-transition-delay: calc(3*.1s);
            transition-delay: calc(3*.1s); }
          .header__nav__panel.is-open .header__nav__sub__list > li:nth-child(4) {
            -webkit-transition-delay: calc(4*.1s);
            transition-delay: calc(4*.1s); }
          .header__nav__panel.is-open .header__nav__sub__list > li:nth-child(5) {
            -webkit-transition-delay: calc(5*.1s);
            transition-delay: calc(5*.1s); }
          .header__nav__panel.is-open .header__nav__sub__list > li:last-child {
            padding-bottom: 0; }
    .header__nav__comingsoon::before {
      background: #898989 !important; }
    .header__nav__comingsoon::after {
      background: #555555 !important; }
    .header__nav__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 40px 0;
      background: #EAF1F5; }
      .header__nav__list > li {
        width: 39.46667vw;
        height: 16.53333vw;
        z-index: 4;
        position: relative; }
        .header__nav__list > li + * {
          margin-left: 3.46667vw; }
        .header__nav__list > li::before {
          content: "";
          position: absolute;
          width: 39.46667vw;
          height: 16.53333vw;
          border: 2px solid #333333;
          background: #fff;
          border-radius: 2.13333vw;
          top: 0;
          left: 0;
          z-index: 3;
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
          -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
        .header__nav__list > li::after {
          content: "";
          position: absolute;
          width: 39.46667vw;
          height: 16.53333vw;
          background: #93B2D8;
          border-radius: 2.13333vw;
          top: 1.6vw;
          left: 1.6vw;
          z-index: 2; }
        .header__nav__list > li > a, .header__nav__list > li span {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          font-size: 2.93333vw;
          line-height: 4.8vw;
          font-family: dnp-shuei-mgothic-std, sans-serif;
          font-weight: 600;
          font-style: normal;
          text-decoration: none;
          will-change: opacity;
          text-align: center;
          position: relative;
          z-index: 4; }
          .header__nav__list > li > a i, .header__nav__list > li span i {
            display: inline-block;
            position: relative;
            padding: 0 4px; }
            .header__nav__list > li > a i.font-small, .header__nav__list > li span i.font-small {
              font-size: 1.6vw; }
            .header__nav__list > li > a i::after, .header__nav__list > li span i::after {
              content: "";
              position: absolute;
              width: 100%;
              height: 2px;
              border-radius: 4px;
              background: #93B2D8;
              bottom: 3px;
              left: 0;
              z-index: -1; }
        .header__nav__list > li.is-active {
          opacity: 1;
          border-radius: 2.13333vw;
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
          -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
          .header__nav__list > li.is-active > a, .header__nav__list > li.is-active span {
            -webkit-transform: translate(1.6vw, 1.6vw);
            transform: translate(1.6vw, 1.6vw);
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            color: #fff;
            cursor: pointer; }
          .header__nav__list > li.is-active::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            border: 2px solid #333333;
            background: #333333;
            border-radius: 2.13333vw;
            z-index: 3;
            -webkit-transform: translate(1.6vw, 1.6vw);
            transform: translate(1.6vw, 1.6vw);
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; }
          .header__nav__list > li.is-active i::after {
            content: none; }
        .header__nav__list > li:first-of-type em {
          padding-bottom: 1.06667vw; }
      .header__nav__list--in-menu {
        background: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0; }
        .header__nav__list--in-menu > li {
          width: 49.6vw;
          height: 20.8vw;
          z-index: 4;
          position: relative; }
          .header__nav__list--in-menu > li + * {
            margin: 6.93333vw 0 0 0; }
          .header__nav__list--in-menu > li::before {
            content: "";
            position: absolute;
            width: 49.6vw;
            height: 20.8vw;
            border: 2px solid #333333;
            background: #fff;
            border-radius: 2.13333vw;
            top: 0;
            left: 0;
            z-index: 3;
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; }
          .header__nav__list--in-menu > li::after {
            content: "";
            position: absolute;
            width: 49.6vw;
            height: 20.8vw;
            background: #93B2D8;
            border-radius: 2.13333vw;
            top: 1.6vw;
            left: 1.6vw;
            z-index: 2; }
          .header__nav__list--in-menu > li > a, .header__nav__list--in-menu > li span {
            font-size: 4.26667vw;
            line-height: 6.13333vw; }
            .header__nav__list--in-menu > li > a i, .header__nav__list--in-menu > li span i {
              position: relative; }
              .header__nav__list--in-menu > li > a i::after, .header__nav__list--in-menu > li span i::after {
                content: "";
                position: absolute;
                bottom: 3px; }
          .header__nav__list--in-menu > li:first-of-type a {
            font-size: 5.06667vw; }
            .header__nav__list--in-menu > li:first-of-type a i::after {
              content: "";
              position: absolute;
              height: 2px;
              bottom: 1px; }
            .header__nav__list--in-menu > li:first-of-type a i.font-small::after {
              bottom: 6px; }
    .header__nav__sub__list {
      width: 58.66667vw;
      margin: 9.86667vw auto 0;
      border: 2px solid #333333;
      padding: 10.66667vw 4.26667vw;
      background: #fff;
      text-align: center;
      font-size: 0;
      position: relative;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: all .25s;
      transition: all .25s; }
      .header__nav__sub__list.is-open {
        display: block;
        opacity: 1;
        pointer-events: visible; }
      .header__nav__sub__list::before {
        content: "";
        position: absolute;
        top: -31px;
        left: 50%;
        margin-left: -16px;
        border: 16px solid transparent;
        border-bottom: 16px solid #fff;
        z-index: 2; }
      .header__nav__sub__list::after {
        content: "";
        position: absolute;
        top: -36px;
        left: 50%;
        margin-left: -18px;
        border: 18px solid transparent;
        border-bottom: 18px solid #333333;
        z-index: 1; }
      .header__nav__sub__list > li {
        display: block; }
        .header__nav__sub__list > li + li {
          margin-top: 6.93333vw; }
        .header__nav__sub__list > li.is-nolink a {
          pointer-events: none; }
        .header__nav__sub__list > li.is-nolink ::-moz-selection {
          background: transparent;
          color: inherit; }
        .header__nav__sub__list > li.is-nolink ::selection {
          background: transparent;
          color: inherit; }
        .header__nav__sub__list > li > a {
          display: block;
          position: relative;
          color: #406ea1;
          font-size: 3.73333vw;
          font-family: dnp-shuei-mgothic-std, sans-serif;
          font-weight: 600;
          font-style: normal;
          text-decoration: none; }
          .header__nav__sub__list > li > a > span {
            position: absolute;
            top: 1.46667vw;
            left: 50%;
            width: 28vw;
            height: 5.86667vw;
            margin-left: -14vw;
            padding-top: 1.06667vw;
            color: #222222;
            font-size: 4vw;
            line-height: 1;
            -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
            background-image: url("../img/header-icon01.png");
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-position: center center; } }

/* -------------------------------------------
		footer
	------------------------------------------- */
@media print, screen and (min-width: 768px) {
  .page-LP01--underlayer .footer--movie {
    margin-top: -200px; }
  .page-LP01--underlayer .footer--special {
    margin-top: 0; }
  .footer {
    margin-top: 6.94444vw;
    z-index: 99;
    position: relative; }
    .footer__block__main {
      padding: 45px 0 40px;
      background-color: #2c65a4; }
    .footer__block__util {
      padding: 26px 0; }
    .footer__sns__title {
      text-align: center; }
      .footer__sns__title > em {
        position: relative;
        display: inline-block;
        padding: 0 27px; }
        .footer__sns__title > em::before, .footer__sns__title > em::after {
          display: block;
          content: "";
          position: absolute;
          top: 0;
          width: 10px;
          height: 20px;
          background-repeat: no-repeat;
          background-size: 100% auto; }
        .footer__sns__title > em::before {
          left: 0;
          background-image: url("../img/footer-icon01_01.svg"); }
        .footer__sns__title > em::after {
          right: 0;
          background-image: url("../img/footer-icon01_02.svg"); }
      .footer__sns__title img {
        height: 16px; }
    .footer__sns__list {
      margin-top: 16px;
      font-size: 0;
      text-align: center; }
      .footer__sns__list > li {
        display: inline-block;
        margin: 0 20px; }
        .footer__sns__list > li > a {
          display: block; }
        .footer__sns__list > li.sns__twitter img {
          width: 30px;
          height: 25px; }
        .footer__sns__list > li.sns__facebook img {
          width: 16px;
          height: 32px; }
        .footer__sns__list > li.sns__line img {
          width: 30px;
          height: 30px; }
        .footer__sns__list > li > a {
          display: block; }
    .footer__logo {
      text-align: center; }
      .footer__logo img {
        height: 62px; }
    .footer__copy {
      margin-top: 26px;
      text-align: center; }
      .footer__copy small {
        font-size: 14px;
        letter-spacing: 0.01em; } }

@media screen and (max-width: 1440px) and (min-width: 768px) {
  .page-LP01--underlayer .footer--movie {
    margin-top: -13.88889vw; }
  .page-LP01--underlayer .footer--special {
    margin-top: 0; }
  .footer {
    margin-top: 6.94444vw; }
    .footer__block__main {
      padding: 3.125vw 0 2.77778vw; }
    .footer__block__util {
      padding: 1.80556vw 0; }
    .footer__sns__title > em {
      padding: 0 1.875vw; }
      .footer__sns__title > em::before, .footer__sns__title > em::after {
        width: 0.69444vw;
        height: 1.38889vw; }
    .footer__sns__title img {
      height: 1.11111vw; }
    .footer__sns__list {
      margin-top: 1.11111vw; }
      .footer__sns__list > li {
        margin: 0 1.38889vw; }
        .footer__sns__list > li.sns__twitter img {
          width: 2.08333vw;
          height: 1.73611vw; }
        .footer__sns__list > li.sns__facebook img {
          width: 1.11111vw;
          height: 2.22222vw; }
        .footer__sns__list > li.sns__line img {
          width: 2.08333vw;
          height: 2.08333vw; }
    .footer__logo img {
      height: 4.30556vw; }
    .footer__copy {
      margin-top: 1.80556vw; }
      .footer__copy small {
        font-size: 0.97222vw; } }

@media screen and (max-width: 767px) {
  .page-LP01--underlayer .footer--special {
    margin-top: 0; }
  .footer {
    position: relative;
    margin-top: 13.33333vw; }
    .footer__block__main {
      padding: 7.2vw 0 5.86667vw;
      background-color: #2c65a4; }
    .footer__block__util {
      padding: 5.06667vw 0; }
    .footer__sns__title {
      text-align: center; }
      .footer__sns__title > em {
        position: relative;
        display: inline-block;
        padding: 0 2.66667vw; }
        .footer__sns__title > em::before, .footer__sns__title > em::after {
          display: block;
          content: "";
          position: absolute;
          top: 0;
          width: 1.33333vw;
          height: 2.66667vw;
          background-repeat: no-repeat;
          background-size: 100% auto; }
        .footer__sns__title > em::before {
          left: 0;
          background-image: url("../img/footer-icon01_01.svg"); }
        .footer__sns__title > em::after {
          right: 0;
          background-image: url("../img/footer-icon01_02.svg"); }
      .footer__sns__title img {
        height: 2.93333vw; }
    .footer__sns__list {
      margin-top: 3.46667vw;
      font-size: 0;
      text-align: center; }
      .footer__sns__list > li {
        display: inline-block;
        margin: 0 4.26667vw; }
        .footer__sns__list > li > a {
          display: block; }
        .footer__sns__list > li.sns__twitter img {
          width: 6.13333vw;
          height: 5.06667vw; }
        .footer__sns__list > li.sns__facebook img {
          width: 3.2vw;
          height: 6.4vw; }
        .footer__sns__list > li.sns__line img {
          width: 6.13333vw;
          height: 6.13333vw; }
        .footer__sns__list > li > a {
          display: block; }
    .footer__logo {
      text-align: center; }
      .footer__logo img {
        height: 8.13333vw; }
    .footer__copy {
      margin-top: 3.73333vw;
      text-align: center; }
      .footer__copy small {
        font-size: 2.66667vw;
        letter-spacing: 0.01em; } }