@charset "UTF-8";
/*************************************
breakpoint
*************************************/
/*************************************
font-size
*************************************/
/*========================================================
▼Reset CSS
========================================================*/
/*
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 {
  background: transparent;
  border: 0;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

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

ul, ol {
  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;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
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;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*========================================================
▼共通コンテンツ
========================================================*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  font-family: '游ゴシック',YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
  font-weight: 400;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
  -webkit-font-smoothing: antialiased;
}

html {
  font-size: 62.5%;
  height: 100%;
}

body {
  color: #333;
  height: 100%;
  margin: 0 auto;
  position: relative;
  -webkit-text-size-adjust: 100%;
  width: 100%;
}

#wrapper {
  padding-top: 0;
}

sup {
  font-size: 70%;
  vertical-align: super;
}

@media screen and (min-width: 768px) {
  .disp--sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .disp--pc {
    display: none !important;
  }
}

small {
  font-size: 80%;
}

img {
  max-width: 100%;
  vertical-align: bottom;
  width: auto;
}

@media screen and (min-width: 768px) {
  .overflow-pc {
    overflow: hidden;
  }
}

.l-header {
  background-color: #fff;
  position: relative;
  z-index: 10;
}

.l-header__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .l-header__container {
    padding: 20px;
  }
}

@media screen and (max-width: 767px) {
  .l-header__container {
    height: calc(41.25px + 1vw);
    padding: 0 3%;
  }
}

@media screen and (min-width: 768px) {
  .l-header__logo {
    width: 211px;
  }
}

@media screen and (max-width: 767px) {
  .l-header__logo {
    width: 30vw;
  }
}

@media screen and (min-width: 768px) {
  .l-header__logo:hover {
    opacity: .8;
  }
}

.l-header__logo img {
  height: auto;
  max-width: 100%;
}

.l-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .l-container {
    min-width: 1080px;
  }
}

.l-main {
  color: #333;
  display: block;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  position: relative;
  background-size: contain;
  z-index: 5;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .l-main {
    font-size: 1.18182rem;
  }
}

.l-main * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.l-main span {
  font-weight: inherit;
}

.l-main img {
  width: 100%;
}

.l-footer {
  background-color: #d2eaf6;
  color: #333;
  position: relative;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .l-footer {
    min-width: 1080px;
  }
}

@media screen and (min-width: 768px) {
  .l-footer__cont {
    padding: calc(70 / 1366 * 100%) calc(10 / 1366 * 100%) calc(20 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .l-footer__cont {
    padding: calc(75/750*100vw) calc(10/750*100vw) calc(34/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .l-footer__credit {
    font-size: 1.2rem;
    line-height: 2.1;
    letter-spacing: .2px;
    margin-bottom: calc(70 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .l-footer__credit {
    font-size: calc(22/750*100vw);
    line-height: 2;
    margin-bottom: calc(100/750*100vw);
  }
}

.l-footer__outro {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .l-footer__outro {
    width: 366px;
    margin-bottom: calc(70 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .l-footer__outro {
    width: calc(366 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .l-footer__outro {
    width: calc(366/750*100vw);
    margin-bottom: calc(100/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .l-footer__copyright {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .l-footer__copyright {
    font-size: calc(22/750*100vw);
  }
}

.c-btn {
  line-height: 1.2;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .c-btn {
    height: 42px;
    max-width: 160px;
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .c-btn {
    font-size: 1.18182rem;
    height: calc(60/750*100vw);
    max-width: calc(224/750*100vw);
    margin-top: calc(70/750*100vw);
  }
}

.c-btn__link {
  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;
  text-decoration: none;
  font-weight: 500;
  color: #fff;
  background-color: #000;
}

@media screen and (min-width: 768px) {
  .c-btn__link {
    font-size: 1.45455rem;
    color: #fff;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 1.1px;
  }
}

@media screen and (max-width: 767px) {
  .c-btn__link {
    font-size: calc(24/750*100vw);
    line-height: calc(60/750*100vw);
    letter-spacing: 1.1px;
  }
}

.c-btn__link.is_hover {
  opacity: .6;
}

.ani-up {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

.ani-up.is-active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.ani-left {
  opacity: 0;
  -webkit-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

.ani-left.is-active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.ani-right {
  opacity: 0;
  -webkit-transform: translate(50px, 0);
          transform: translate(50px, 0);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

.ani-right.is-active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.ani_fade {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  opacity: 0;
}

.ani_fade.is-active {
  opacity: 1;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 2000ms ease, -webkit-transform 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 2000ms ease, transform 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 2000ms ease, transform 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-filter: none;
          filter: none;
}

.ani-viwe {
  opacity: 0;
  -webkit-transform: translate(2px, 0);
          transform: translate(2px, 0);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

.ani-viwe.is-active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .t-delay02s {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
  }
}

@media screen and (min-width: 768px) {
  .t-delay04s {
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
  }
}

@media screen and (min-width: 768px) {
  .t-delay06s {
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
  }
}

@media screen and (min-width: 768px) {
  .t-delay08s {
    -webkit-transition-delay: .8s;
            transition-delay: .8s;
  }
}

@media screen and (min-width: 768px) {
  .t-delay01ss {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
}

@media screen and (min-width: 768px) {
  .t-delay02ss {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
}

@media screen and (min-width: 768px) {
  .t-delay04ss {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
  }
}

@media screen and (min-width: 768px) {
  .t-delay06ss {
    -webkit-transition-delay: 1.6s;
            transition-delay: 1.6s;
  }
}

.p-block09__inner .t-delay02s {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.p-block09__inner .t-delay06s {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.p-block09__inner .t-delay01ss {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.p-block09__inner .t-delay04ss {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.effect-fade {
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translate(50px, 0);
          transform: translate(50px, 0);
  /* フェードインで動く高さを指定 */
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
  /* フェードインにかかる時間を指定 */
}

.effect-scroll {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

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

@media screen and (min-width: 768px) {
  .c-flex-center-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.c-lead {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-lead {
    font-size: 1.36364rem;
    line-height: 1.5;
    margin: 30px auto 0;
    width: calc(810/1100*100%);
  }
}

@media screen and (max-width: 767px) {
  .c-lead {
    font-size: 1.18182rem;
    line-height: 2;
    margin: calc(25/750*100vw) 0 0;
  }
}

.items-credit {
  z-index: 10;
  position: relative;
}

.items-credit__list {
  color: #333333;
}

@media screen and (min-width: 768px) {
  .items-credit__list {
    display: inline-block;
    font-size: 1.27273rem;
    letter-spacing: .08em;
    line-height: 1.923076923076923;
  }
}

@media screen and (max-width: 767px) {
  .items-credit__list {
    line-height: 1.6;
    font-size: calc(24/750*100vw);
    letter-spacing: 0px;
  }
}

@media screen and (min-width: 768px) {
  .items-credit__list:last-child .credit__link::after {
    content: '';
    margin: 0 0em;
  }
}

.items-credit__list .credit__link {
  display: inline-block;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #333333;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .items-credit__list .credit__link {
    font-size: 1.27273rem;
    letter-spacing: .08em;
    line-height: 1.923076923076923;
    text-decoration: none;
  }
}

@media screen and (max-width: 767px) {
  .items-credit__list .credit__link {
    line-height: 2;
    font-size: calc(24/750*100vw);
    letter-spacing: 0px;
  }
}

.items-credit__list .credit__link.is_hover {
  opacity: .8;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

@media screen and (min-width: 768px) {
  .items-credit__list .credit__link::after {
    content: '/';
    margin: 0 0.6em;
  }
}

@media screen and (min-width: 768px) {
  .items-credit__list .credit__link:last-child {
    content: '';
    margin: 0 0em;
    clear: both;
  }
}

@media screen and (min-width: 768px) {
  .p-block__text {
    margin-top: 12px;
  }
}

@media screen and (max-width: 767px) {
  .p-block__text {
    margin-top: calc(25/750*100vw);
  }
}

.p-block__text--ttl {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-family: "Noto Serif JP", sans-serif;
  color: #333333;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-block__text--ttl {
    font-size: 1.36364rem;
    letter-spacing: .08em;
    line-height: 1.923076923076923;
    text-decoration: none;
  }
}

@media screen and (max-width: 767px) {
  .p-block__text--ttl {
    line-height: 2;
    font-size: calc(24/750*100vw);
    letter-spacing: 0px;
  }
}

@media screen and (min-width: 768px) {
  .p-block__text--ttl:not(:first-child) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-block__text--ttl:not(:first-child) {
    margin-top: calc(50/750*100vw);
  }
}

.c-title {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.5;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.c-title--main {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-title--main {
    font-size: 30px;
    font-size: 2.89575vw;
  }
}

@media screen and (max-width: 767px) {
  .c-title--main {
    font-size: 1.90909rem;
  }
}

.c-title--primary {
  text-align: center;
  display: block;
}

@media screen and (min-width: 768px) {
  .c-title--primary {
    font-size: 2.90909rem;
    margin-bottom: 18px;
  }
}

@media screen and (max-width: 767px) {
  .c-title--primary {
    line-height: 1.4;
    font-size: calc(42/750*100vw);
    margin-bottom: calc(28/750*100vw);
  }
}

.c-title--primary span {
  display: block;
}

@media screen and (min-width: 768px) {
  .c-title--primary span {
    font-size: 1.81818rem;
  }
}

@media screen and (max-width: 767px) {
  .c-title--primary span {
    line-height: 1.5;
    font-size: calc(30/750*100vw);
  }
}

.c-title--secondary {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-title--secondary {
    font-size: 2.36364rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 767px) {
  .c-title--secondary {
    text-align: center;
    line-height: 1.4;
    font-size: calc(36/750*100vw);
  }
}

.c-title__brillant {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .c-title__brillant {
    max-width: 280px;
  }
}

@media screen and (min-width: 1100px) {
  .c-title__brillant {
    width: 280px;
  }
}

@media screen and (max-width: 767px) {
  .c-title__brillant {
    width: calc(280/750*100vw);
  }
}

.c-title__tempete {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .c-title__tempete {
    max-width: 280px;
  }
}

@media screen and (min-width: 1100px) {
  .c-title__tempete {
    width: 280px;
  }
}

@media screen and (max-width: 767px) {
  .c-title__tempete {
    width: calc(280/750*100vw);
  }
}

.c-title__lingot {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .c-title__lingot {
    max-width: 280px;
  }
}

@media screen and (min-width: 1100px) {
  .c-title__lingot {
    width: 280px;
  }
}

@media screen and (max-width: 767px) {
  .c-title__lingot {
    width: calc(280/750*100vw);
  }
}

.p-mv {
  position: relative;
  z-index: 100;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-mv {
    min-width: 1080px;
  }
}

.p-mv__cont {
  position: relative;
  display: block;
}

@media screen and (min-width: 768px) {
  .p-mv__cont {
    margin-bottom: 250px;
    min-width: 1080px;
  }
}

@media screen and (max-width: 767px) {
  .p-mv__cont {
    margin-bottom: calc(200 / 750 * 100%);
  }
}

.p-mv__title {
  text-align: left;
  color: #fff;
  position: absolute;
  -webkit-filter: invert(0);
          filter: invert(0);
  z-index: 999;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media screen and (min-width: 768px) {
  .p-mv__title {
    width: calc(320 / 1366 * 100%);
    bottom: calc(206 / 914 * 100%);
    right: calc(0 / 1366 * 100%);
  }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
  .p-mv__title {
    width: calc(320 / 1366 * 100%);
  }
}

.p-mv__title img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .p-mv__title {
    width: calc(386 / 750 * 100vw);
    bottom: calc(50 / 750 * 100vw);
    right: calc(0 / 750 * 100vw);
  }
}

.p-mv__title--sml {
  display: block;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.3;
  -webkit-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
}

@media screen and (min-width: 768px) {
  .p-mv__title--sml {
    letter-spacing: 1px;
    font-size: 2.36364rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
  .p-mv__title--sml {
    letter-spacing: 1px;
    font-size: 26px;
    font-size: 2.50965vw;
  }
}

@media screen and (max-width: 767px) {
  .p-mv__title--sml {
    line-height: 1.6;
    font-size: calc(27/750*100vw);
    letter-spacing: 1.6px;
  }
}

.p-mv__title--big {
  display: block;
  font-family: "Roboto Mono", monospace;
  line-height: 1;
  -webkit-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
}

@media screen and (min-width: 768px) {
  .p-mv__title--big {
    letter-spacing: -.5px;
    font-size: 4.54545rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
  .p-mv__title--big {
    letter-spacing: -.5px;
    font-size: 50px;
    font-size: 4.82625vw;
  }
}

@media screen and (max-width: 767px) {
  .p-mv__title--big {
    line-height: 1.6;
    font-size: calc(27/750*100vw);
    letter-spacing: 1.6px;
  }
}

@media screen and (min-width: 768px) {
  .p-mv .is-fixed {
    position: fixed;
    top: 0;
    left: calc(50 / 1366 * 100%);
    z-index: 2;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition: -webkit-transform 640ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-filter 640ms ease;
    transition: -webkit-transform 640ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-filter 640ms ease;
    transition: transform 640ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 640ms ease;
    transition: transform 640ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 640ms ease, -webkit-transform 640ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-filter 640ms ease;
  }
}

@media screen and (min-width: 768px) {
  .p-mv .p-mv__title.is-fixed.Color-default {
    -webkit-filter: invert(1);
            filter: invert(1);
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    display: none;
  }
}

.logo-side.is-show {
  opacity: 1;
}

.logo-side {
  position: fixed;
  top: 50%;
  left: calc(96 / 1366 * 100%);
  margin-top: -200px;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  z-index: 999;
}

@media screen and (max-width: 767px) {
  .logo-side {
    display: none;
    opacity: 0;
  }
}

.logo-side img {
  width: 14px;
  height: 418px;
}

.num {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  display: inline-block;
  -webkit-transition: 0.9s cubic-bezier(0.37, 0, 0.63, 1);
  transition: 0.9s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transition-property: -webkit-clip-path;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

@media screen and (max-width: 767px) {
  .num {
    -webkit-transition: 0.8s cubic-bezier(0.37, 0, 0.63, 1);
    transition: 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  }
}

.num.ani-viwe.is-active {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

.p-block01 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block01 {
    margin-bottom: 280px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
  .p-block01 {
    margin-bottom: calc(280 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block01 {
    width: calc(650/750*100vw);
    margin-bottom: calc(200/750*100vw);
  }
}

.p-block01__cont {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block01__cont {
    min-width: 1080px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block01__cont {
    width: calc(1080 / 1366 * 100vw);
  }
}

.p-block01__pic01 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block01__pic01 {
    margin-bottom: calc(150 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block01__pic01 {
    margin-bottom: 150px;
  }
}

@media screen and (max-width: 767px) {
  .p-block01__pic01 {
    width: calc(650/750*100vw);
    margin-bottom: calc(120/750*100vw);
  }
}

.p-block01__num {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block01__num {
    width: calc(122/566*100%);
    top: calc(0 / 566 * 100%);
    right: calc(-110 / 566 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block01__num {
    width: calc(122/750*100vw);
    top: calc(-50/750*100vw);
    left: calc(20/750*100vw);
  }
}

.p-block01__col {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block01__col {
    width: calc(1080 / 1366 * 100%);
    margin-bottom: calc(130 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block01__col {
    margin-bottom: 130px;
    width: calc(1080 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block01__col {
    margin-bottom: calc(120/750*100vw);
  }
}

.p-block01__col--right {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block01__col--right {
    margin-right: calc(45 / 1080 * 100%);
    width: 372px;
    width: calc(372 / 1080 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block01__col--right {
    width: calc(372 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block01__col--right {
    width: calc(650/750*100vw);
    margin-bottom: calc(120/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block01__col--left {
    width: 484px;
    padding-top: calc(108 / 11366 * 100%);
    width: calc(484 / 1080 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block01__col--left {
    padding-top: 108px;
    width: calc(484 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block01__col--left {
    width: calc(484/750*100vw);
    margin-left: calc(130/750*100vw);
    margin-bottom: calc(150/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block01__pic04 {
    margin-left: auto;
    width: calc(726 / 1080 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block01__pic04 {
    width: calc(650/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block01__col--right.ani-up.js-waypoints {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
}

@media screen and (min-width: 768px) {
  .p-block01__col--right.ani-up.js-waypoints {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
  }
}

.p-block02 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block02 {
    min-width: 1080px;
    position: relative;
    margin-bottom: calc(200 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block02 {
    width: calc(650/750*100vw);
    margin-bottom: calc(200/750*100vw);
  }
}

@media screen and (min-width: 1100px) {
  .p-block02 {
    margin-bottom: 200px;
  }
}

.p-block02__num {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block02__num {
    width: 132px;
    top: -105px;
    left: 0px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block02__num {
    width: calc(132 / 1366 * 100vw);
    top: calc(-105 / 1080 * 100%);
    left: calc(0 / 1080 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block02__num {
    width: calc(122/750*100vw);
    top: calc(340/750*100vw);
    left: calc(-90/750*100vw);
  }
}

.p-block02__pic01 {
  position: relative;
}

.p-block02__col01 {
  margin-left: auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block02__col01 {
    width: calc(1220 / 1366 * 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: calc(150 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block02__col01 {
    width: calc(1210 / 1366 * 100vw);
  }
}

.p-block02__col01--left {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block02__col01--left {
    width: calc(498 / 1220 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block02__col01--left {
    width: calc(498 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block02__col01--left {
    width: calc(484/750*100vw);
    margin-left: calc(110/750*100vw);
    margin-bottom: calc(400/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block02__col01--right {
    width: 566px;
    padding-top: calc(116 / 1366 * 100%);
    width: calc(566 / 1220 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block02__col01--right {
    padding-top: 116px;
    width: calc(566 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block02__col01--right {
    margin-left: auto;
    margin-right: auto;
    width: calc(650/750*100vw);
    margin-bottom: calc(150/750*100vw);
  }
}

.p-block02__col01--vest {
  position: absolute;
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block02__col01--vest {
    width: 290px;
    width: calc(290 / 566 * 100%);
    bottom: calc(-235 / 1015 * 100%);
    left: calc(500 / 1000 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block02__col01--vest {
    width: calc(290 / 1366 * 100vw);
    bottom: calc(-245 / 1366 * 100vw);
    left: calc(215 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block02__col01--vest {
    width: calc(334/750*100vw);
    bottom: calc(-320/750*100vw);
    left: calc(130/750*100vw);
  }
}

.p-block02__col02 {
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-block02__col02 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: calc(125 / 1366 * 100%);
  }
}

@media screen and (min-width: 768px) {
  .p-block02__col02--left {
    width: calc(726 / 1316 * 100%);
    margin-left: calc(50 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block02__col02--left {
    width: calc(726 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block02__col02--left {
    width: calc(650/750*100vw);
    margin-bottom: calc(120/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block02__col02--right {
    width: 566px;
    margin-right: calc(10 / 1366 * 100%);
    width: calc(400 / 1316 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block02__col02--right {
    width: calc(400 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block02__col02--right {
    width: calc(458/750*100vw);
    margin-left: calc(127/750*100vw);
  }
}

.p-block03 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block03 {
    min-width: 1080px;
    position: relative;
    margin-bottom: calc(160 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block03 {
    margin-bottom: calc(200/750*100vw);
  }
}

@media screen and (min-width: 1100px) {
  .p-block03 {
    margin-bottom: 160px;
  }
}

.p-block03__pic01 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block03__pic01 {
    width: 92.68%;
    margin-bottom: calc(150 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block03__pic01 {
    width: calc(1266 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block03__pic01 {
    margin-bottom: calc(120/750*100vw);
  }
}

.p-block03__num {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block03__num {
    width: 233px;
    bottom: -50px;
    right: 10px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block03__num {
    width: calc(232 / 1366 * 100vw);
    bottom: calc(-50 / 1366 * 100vw);
    right: calc(10 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block03__num {
    width: calc(234/750*100vw);
    top: calc(20/750*100vw);
    right: calc(30/750*100vw);
  }
}

.p-block03__col {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block03__col {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 1100px;
    padding-left: calc(35 / 1366 * 100%);
    padding-right: calc(150 / 1366 * 100%);
    margin-bottom: calc(125 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block03__col {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .p-block03__col {
    width: calc(670/750*100vw);
    padding-bottom: calc(100 /1366 * 100%);
  }
}

.p-block03__col--left {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block03__col--left {
    width: 450px;
    width: calc(450 / 1266 * 100%);
    margin-right: calc(-32 /1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block03__col--left {
    width: calc(450 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block03__col--left {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(358/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block03__col--md {
    width: 357px;
    width: calc(357 / 1266 * 100%);
    padding-bottom: calc(42 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block03__col--md {
    width: calc(357 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block03__col--md {
    width: calc(358/750*100vw);
    margin-left: calc(15 /1366 * 100%);
  }
}

@media screen and (min-width: 768px) {
  .p-block03__col--right {
    width: 242px;
    width: calc(242 / 1266 * 100%);
    padding-bottom: calc(252 / 1366 * 100%);
    margin-left: calc(35 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block03__col--right {
    width: calc(242 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block03__col--right {
    position: absolute;
    top: calc(85/750*100vw);
    right: calc(60/750*100vw);
    width: calc(257/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block03__pic04 {
    margin-left: calc(20 / 1366 * 100vw);
  }
}

.p-block03__inner {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block03__text {
    width: 380px;
    padding-bottom: 170px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block03__text {
    width: 380px;
    padding-bottom: calc(170 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block03__text {
    width: calc(650/750*100vw);
    margin-left: auto;
    margin-right: auto;
  }
}

.p-block03__playball {
  content: "";
  display: inline-block;
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block03__playball {
    top: -20px;
    left: calc(220 / 1366 * 100%);
    width: 200px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block03__playball {
    top: calc(-12 / 1366 * 100vw);
    left: calc(275 / 1366 * 100vw);
    width: calc(248 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block03__playball {
    top: calc(-22 / 750 * 100vw);
    left: calc(228 / 750 * 100vw);
    width: calc(248 / 750 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block03__playball--img {
    height: 100px;
    -webkit-animation: playballPc 1.2s steps(2) infinite;
    animation: playballPc 1.2s steps(2) infinite;
    background: url(/special/beamsdot/22ss/assets/images/playball.png) no-repeat;
    background-size: 200px 210px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block03__playball--img {
    height: calc(100 / 1366 * 100vw);
    -webkit-animation: playballxl 1.2s steps(2) infinite;
    animation: playballxl 1.2s steps(2) infinite;
    background: url(/special/beamsdot/22ss/assets/images/playball.png) no-repeat;
    background-size: calc(248 / 1366 * 100vw) calc(210 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block03__playball--img {
    height: calc(78 / 750 * 100vw);
    -webkit-animation: playballsp 1.2s steps(2) infinite;
    animation: playballsp 1.2s steps(2) infinite;
    background: url(/special/beamsdot/22ss/assets/images/playball_sp.png) no-repeat;
    background-size: calc(224 / 750 * 100vw) calc(170 / 750 * 100vw);
  }
}

@-webkit-keyframes playballPc {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center -210px;
  }
}

@keyframes playballPc {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center -220px;
  }
}

@-webkit-keyframes playballxl {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center calc(-220 / 1366 * 100vw);
  }
}

@keyframes playballxl {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center calc(-220 / 1366 * 100vw);
  }
}

@-webkit-keyframes playballsp {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center calc(-185 / 750 * 100vw);
  }
}

@keyframes playballsp {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center calc(-185 / 750 * 100vw);
  }
}

.p-block04 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block04 {
    min-width: 1080px;
    position: relative;
    margin-bottom: calc(175 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block04 {
    margin-bottom: calc(200/750*100vw);
  }
}

@media screen and (min-width: 1100px) {
  .p-block04 {
    margin-bottom: 200px;
  }
}

.p-block04__pic01 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block04__pic01 {
    margin-bottom: calc(58 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block04__pic01 {
    width: calc(650/750*100vw);
    margin-bottom: calc(100/750*100vw);
  }
}

.p-block04__num {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block04__num {
    width: calc(122/566*100%);
    top: calc(10 / 566 * 100%);
    right: calc(-105 / 566 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block04__num {
    width: calc(122/750*100vw);
    top: calc(10/750*100vw);
    left: calc(10/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block04__col01 {
    margin-left: auto;
    width: calc(1224 / 1366 * 100%);
    position: relative;
    margin-bottom: calc(-200 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block04__col01 {
    margin-left: auto;
    margin-right: auto;
  }
}

.p-block04__col01--left {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block04__col01--left {
    width: calc(486 / 1224 * 100%);
    padding-top: calc(135 /1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block04__col01--left {
    width: calc(486 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block04__col01--left {
    margin-left: auto;
    margin-right: auto;
    width: calc(486/750*100vw);
    margin-bottom: calc(30/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block04__col01--right {
    margin-left: auto;
    width: 680px;
    width: calc(680 / 1224 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block04__col01--right {
    width: calc(680 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block04__col01--right {
    width: calc(592/750*100vw);
    margin-left: auto;
    margin-bottom: calc(120/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block04__col02 {
    margin-left: auto;
    width: calc(1224 / 1366 * 100%);
    position: relative;
    margin-bottom: calc(125 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block04__col02 {
    margin-left: auto;
    margin-right: auto;
    width: calc(650/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block04__col02--left {
    margin-left: auto;
    width: calc(680 / 1224 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block04__col02--left {
    width: calc(680 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block04__col02--left {
    margin-left: auto;
    margin-right: auto;
    width: calc(650/750*100vw);
    margin-bottom: calc(100/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block04__col02--right {
    text-align: right;
    width: 486px;
    width: calc(486 / 1224 * 100%);
    padding-top: calc(255 / 1224 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block04__col02--right {
    width: calc(486 / 1366 * 100vw);
    padding-top: calc(255 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block04__col02--right {
    width: calc(370/750*100vw);
    margin-left: calc(50/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block04__col02--right img {
    margin-left: auto;
    width: calc(300 / 486 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block04__col02--right img {
    width: calc(300 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block04__col02--right img {
    width: calc(484/750*100vw);
  }
}

.p-block04__inner {
  position: relative;
}

.p-block05 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block05 {
    min-width: 1080px;
    position: relative;
    margin-bottom: calc(200 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block05 {
    margin-bottom: 200px;
  }
}

@media screen and (max-width: 767px) {
  .p-block05 {
    width: calc(650/750*100vw);
    margin-bottom: calc(200/750*100vw);
  }
}

.p-block05__inner {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block05__inner {
    margin-left: auto;
    margin-right: auto;
    width: calc(1080 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block05__inner {
    width: calc(1080 / 1366 * 100vw);
  }
}

.p-block05__num {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block05__num {
    width: calc(120/500 * 100%);
    top: calc(-20 / 500 * 100%);
    left: calc(-2 / 500 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block05__num {
    width: calc(120/750*100vw);
    top: calc(-0/750*100vw);
    left: calc(20/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block05__col01 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: calc(-130 / 1366 * 100%);
  }
}

.p-block05__col01--left {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block05__col01--left {
    width: calc(500 / 1080 * 100%);
    padding-top: calc(135 /1080 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block05__col01--left {
    width: calc(500 / 1366 * 100vw);
    padding-top: calc(135 /1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block05__col01--left {
    margin-left: auto;
    margin-right: auto;
    width: calc(650/750*100vw);
    margin-bottom: calc(110/750*100vw);
  }
}

.p-block05__col01--right {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block05__col01--right {
    width: calc(500 / 1080 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block05__col01--right {
    width: calc(500 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block05__col01--right {
    margin-left: auto;
    margin-right: auto;
    width: calc(650/750*100vw);
    margin-bottom: calc(100/750*100vw);
  }
}

.p-block05__pic01 {
  position: relative;
}

.p-block05__pic03 {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block05__pic03 {
    margin-left: auto;
    width: calc(504 / 1080 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block05__pic03 {
    width: calc(505 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block05__pic03 {
    width: calc(504/750*100vw);
    margin-left: calc(85/750*100vw);
  }
}

.p-block05__text {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block05__text {
    width: 350px;
    text-align: left;
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-block05__text {
    width: calc(280/750*100vw);
  }
}

.p-block06 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block06 {
    min-width: 1080px;
    position: relative;
    margin-bottom: calc(200 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block06 {
    margin-bottom: calc(200/750*100vw);
  }
}

@media screen and (min-width: 1100px) {
  .p-block06 {
    margin-bottom: 200px;
  }
}

.p-block06__pic01 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block06__pic01 {
    width: 92.68%;
    margin-bottom: calc(180 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block06__pic01 {
    width: calc(1266 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block06__pic01 {
    width: 100%;
    margin-bottom: calc(120/750*100vw);
  }
}

.p-block06__num {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block06__num {
    width: 124px;
    top: 26px;
    right: 15px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block06__num {
    width: calc(124 / 1366 * 100vw);
    top: calc(26 / 1366 * 100vw);
    right: calc(15 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block06__num {
    width: calc(124/750*100vw);
    bottom: calc(21/750*100vw);
    right: calc(28/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block06__col01 {
    margin-left: auto;
    width: calc(1224 / 1366 * 100%);
    position: relative;
    margin-bottom: calc(-275 / 1366 * 100%);
  }
}

.p-block06__col01--left {
  position: relative;
  z-index: 9;
}

@media screen and (min-width: 768px) {
  .p-block06__col01--left {
    width: calc(726 / 1224 * 100%);
    margin-right: calc(-61 /1224 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block06__col01--left {
    width: calc(726 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block06__col01--left {
    width: calc(650/750*100vw);
    margin-bottom: calc(80/750*100vw);
  }
}

.p-block06__col01--right {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-block06__col01--right {
    width: calc(540 / 1224 * 100%);
    padding-top: calc(205 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block06__col01--right {
    width: calc(540 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block06__col01--right {
    width: calc(540/750*100vw);
    margin-left: auto;
    margin-bottom: calc(100/750*100vw);
  }
}

.p-block06__pic03 {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block06__pic03 {
    margin-left: auto;
    z-index: 2;
    margin-bottom: calc(-5 /540 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block06__pic03 {
    width: calc(540/750*100vw);
    margin-left: auto;
    margin-bottom: calc(-5/750*100vw);
    z-index: 9;
  }
}

@media screen and (min-width: 768px) {
  .p-block06__pic04 {
    z-index: 1;
    margin-left: auto;
    width: 470px;
    width: calc(470 / 540 * 100%);
    margin-bottom: calc(-88 /540 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block06__pic04 {
    width: calc(470 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block06__pic04 {
    width: calc(470/750*100vw);
    margin-left: auto;
    margin-bottom: calc(-103/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block06__pic05 {
    margin-left: auto;
    width: 264px;
    width: calc(264 / 540 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block06__pic05 {
    width: calc(264 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block06__pic05 {
    width: calc(264/750*100vw);
    margin-left: auto;
  }
}

.p-block06__col02 {
  z-index: 99;
}

@media screen and (min-width: 768px) {
  .p-block06__col02 {
    margin-left: auto;
    margin-right: auto;
    width: calc(960 / 1366 * 100%);
    position: relative;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.p-block06__col02--left {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-block06__col02--left {
    width: calc(486 /960 * 100%);
    margin-left: calc(65 /960 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block06__col02--left {
    width: calc(486 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block06__col02--left {
    margin-left: auto;
    margin-right: auto;
    width: calc(486/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block06__text {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .p-block06__text {
    margin-left: auto;
    margin-right: auto;
    width: calc(590/750*100vw);
    top: calc(257/750*100vw);
    left: calc(215/750*100vw);
  }
}

.p-block07 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block07 {
    min-width: 1080px;
    position: relative;
    margin-bottom: calc(200 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block07 {
    margin-bottom: calc(200/750*100vw);
  }
}

@media screen and (min-width: 1100px) {
  .p-block07 {
    margin-bottom: 200px;
  }
}

.p-block07__pic01 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block07__pic01 {
    width: 92.68%;
    margin-bottom: calc(180 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block07__pic01 {
    width: calc(1266 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block07__pic01 {
    width: 100%;
    margin-bottom: calc(150/750*100vw);
  }
}

.p-block07__pic02 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block07__pic02 {
    margin-bottom: calc(155 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block07__pic02 {
    margin-bottom: calc(120/750*100vw);
  }
}

.p-block07__num {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block07__num {
    width: 228px;
    bottom: -100px;
    right: 10px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block07__num {
    width: calc(228 / 1366 * 100vw);
    bottom: calc(-100 / 1366 * 100vw);
    right: calc(10 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block07__num {
    width: calc(228/750*100vw);
    top: calc(18/750*100vw);
    right: calc(30/750*100vw);
  }
}

.p-block07__col01 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block07__col01 {
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(1240 / 1366 * 100%);
    margin-bottom: calc(120/1366*100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block07__col01 {
    width: calc(660/750*100vw);
  }
}

.p-block07__col01--left {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block07__col01--left {
    width: 450px;
    width: calc(450 / 1240 * 100%);
    margin-left: calc(80 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block07__col01--left {
    width: calc(450 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block07__col01--left {
    width: calc(498/750*100vw);
    margin-left: calc(125/750*100vw);
    margin-bottom: calc(100/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block07__col01--right {
    width: 550px;
    width: calc(550 / 1240 * 100%);
    padding-top: calc(60 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block07__col01--right {
    width: calc(550 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block07__col01--right {
    width: calc(550/750*100vw);
    margin-bottom: calc(62/750*100vw);
    margin-left: calc(-20/750*100vw);
  }
}

.p-block07__col02 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block07__col02 {
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(1260 / 1366 * 100%);
    margin-bottom: calc(-280/1366*100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block07__col02 {
    margin-bottom: calc(-280/1366*100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block07__col02 {
    width: calc(650/750*100vw);
  }
}

.p-block07__col02--left {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block07__col02--left {
    width: 846px;
    margin-left: calc(90 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block07__col02--left {
    width: calc(846 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block07__col02--left {
    z-index: 99;
    margin-left: auto;
    margin-right: auto;
    width: calc(650/750*100vw);
    margin-bottom: calc(120/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block07__col02--right {
    width: 382px;
    padding-top: calc(300 / 1366 * 100%);
    margin-left: calc(-55 / 1366 * 100%);
    z-index: 999;
  }
}

@media screen and (min-width: 1100px) {
  .p-block07__col02--right {
    padding-top: calc(300 / 1366 * 100vw);
    width: calc(382 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block07__col02--right {
    position: relative;
    width: calc(472/750*100vw);
    margin-left: auto;
    z-index: 999;
    margin-bottom: calc(-50/750*100vw);
  }
}

@media screen and (min-width: 1100px) {
  .p-block07__text {
    width: calc(566 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block07__text {
    width: calc(650/750*100vw);
    top: calc(257/750*100vw);
    left: calc(215/750*100vw);
  }
}

.p-block08 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block08 {
    min-width: 1080px;
    position: relative;
    margin-bottom: calc(120 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block08 {
    width: calc(650/750*100vw);
    margin-bottom: calc(150/750*100vw);
  }
}

@media screen and (min-width: 1100px) {
  .p-block08 {
    margin-bottom: 120px;
  }
}

.p-block08__pic01 {
  position: relative;
}

.p-block08__pic02 {
  position: relative;
}

.p-block08__num {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block08__num {
    width: 116px;
    top: 10px;
    left: -30px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block08__num {
    width: calc(116 / 1366 * 100vw);
    top: calc(10 / 1366 * 100vw);
    left: calc(-30 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block08__num {
    width: calc(116/750*100vw);
    top: calc(22/750*100vw);
    left: calc(18/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block08__col01 {
    margin-left: auto;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(1224 / 1366 * 100%);
    margin-bottom: calc(172/1366*100%);
  }
}

.p-block08__col01--left {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block08__col01--left {
    width: calc(566 / 1224 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block08__col01--left {
    width: calc(566 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block08__col01--left {
    width: calc(650/750*100vw);
    margin-bottom: calc(150/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block08__col01--right {
    width: 500px;
    width: calc(500 / 1224 * 100%);
    padding-top: calc(282 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block08__col01--right {
    width: calc(500 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block08__col01--right {
    width: calc(500/750*100vw);
    margin-left: calc(110/750*100vw);
    margin-bottom: calc(265/750*100vw);
  }
}

.p-block08__vest {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block08__vest {
    width: 236px;
    bottom: -220px;
    left: 0px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block08__vest {
    width: calc(236 / 1366 * 100vw);
    bottom: calc(-300 / 1366 * 100vw);
    left: calc(0 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block08__vest {
    width: calc(236/750*100vw);
    bottom: calc(-117/750*100vw);
    left: calc(-110/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block08__pic03 {
    width: 398px;
    margin-left: auto;
    margin-right: calc(125 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block08__pic03 {
    width: calc(398 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block08__pic03 {
    width: calc(398/750*100vw);
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) {
  .p-block08__text {
    width: 400px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block08__text {
    width: calc(460 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block08__text {
    width: calc(620/750*100vw);
  }
}

.p-block09 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block09 {
    min-width: 1080px;
    position: relative;
    margin-bottom: calc(200 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block09 {
    margin-bottom: calc(200/750*100vw);
  }
}

@media screen and (min-width: 1100px) {
  .p-block09 {
    margin-bottom: 200px;
  }
}

.p-block09__pic01 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block09__pic01 {
    margin-bottom: calc(180 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block09__pic01 {
    width: calc(650/750*100vw);
    margin-bottom: calc(140/750*100vw);
  }
}

.p-block09__num {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block09__num {
    width: 112px;
    top: -80px;
    left: -0px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block09__num {
    width: calc(112 / 1366 * 100vw);
    top: calc(-80 / 1366 * 100vw);
    left: calc(-0 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block09__num {
    width: calc(112/750*100vw);
    top: calc(748/750*100vw);
    right: calc(40/750*100vw);
  }
}

.p-block09__inner {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block09__inner {
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(1080 / 1366 * 100%);
  }
}

.p-block09__col02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block09__col02 {
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: calc(160/1366*100%);
  }
}

@media screen and (min-width: 768px) {
  .p-block09__col02--img {
    width: calc(388 / 1080 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block09__col02--img {
    width: calc(388 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block09__col02--img {
    width: calc(270 / 750 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block09__col02--img:not(:first-child) {
    margin-left: -45px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block09__col02--img:not(:first-child) {
    margin-left: calc(-45/1080*100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block09__col02--img:not(:first-child) {
    margin-left: calc(-45/750*100vw);
  }
}

.p-block09__star {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block09__star {
    width: calc(986 / 1080 * 100%);
    top: 0px;
    left: calc(70 / 1080 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block09__star {
    width: calc(986 / 1366 * 100vw);
    top: calc(0 / 1366 * 100vw);
    left: calc(70 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block09__star {
    width: calc(684/750*100vw);
    top: calc(0/750*100vw);
    left: calc(50/750*100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block09__text {
    width: calc(600/750*100vw);
  }
}

.p-block10 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block10 {
    min-width: 1080px;
    position: relative;
    margin-bottom: calc(230 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block10 {
    margin-bottom: calc(75/750*100vw);
  }
}

@media screen and (min-width: 1100px) {
  .p-block10 {
    margin-bottom: 230px;
  }
}

.p-block10__pic01 {
  position: relative;
}

.p-block10__pic02 {
  position: relative;
}

.p-block10__num {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block10__num {
    width: 122px;
    top: 0px;
    left: -135px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block10__num {
    width: calc(122 / 1366 * 100vw);
    top: calc(0 / 1366 * 100vw);
    left: calc(-135 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block10__num {
    width: calc(122/750*100vw);
    top: calc(310/750*100vw);
    right: calc(32/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block10__col01 {
    margin-left: auto;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(1224 / 1366 * 100%);
    margin-bottom: calc(-30/1366*100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block10__col01 {
    margin-left: auto;
    margin-right: auto;
    width: calc(650/750*100vw);
    margin-bottom: calc(120/750*100vw);
  }
}

.p-block10__col01--left {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block10__col01--left {
    width: 566px;
    width: calc(566 / 1224 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block10__col01--left {
    width: calc(566 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block10__col01--left {
    width: calc(650/750*100vw);
    margin-bottom: calc(180/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block10__col01--right {
    width: 500px;
    width: calc(500 / 1224 * 100%);
    padding-top: calc(282 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block10__col01--right {
    width: calc(500 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block10__col01--right {
    width: calc(500/750*100vw);
    margin-left: calc(110/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block10__col02 {
    margin-left: auto;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(1224 / 1366 * 100%);
    margin-bottom: calc(-20/1366*100%);
  }
}

@media screen and (min-width: 768px) {
  .p-block10__pic03 {
    width: 640px;
    width: calc(640 / 1224 * 100%);
    margin-left: auto;
    margin-right: calc(125 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block10__pic03 {
    width: calc(640 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block10__pic03 {
    width: calc(640/750*100vw);
    margin-right: auto;
    margin-bottom: calc(150/750*100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block10__text {
    margin-left: auto;
    margin-right: auto;
    width: calc(650/750*100vw);
    top: calc(257/750*100vw);
    left: calc(215/750*100vw);
  }
}

.p-block11 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block11 {
    min-width: 1100px;
    position: relative;
    margin-bottom: calc(120 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block11 {
    width: calc(650/750*100vw);
    margin-bottom: calc(75/750*100vw);
  }
}

@media screen and (min-width: 1100px) {
  .p-block11 {
    margin-bottom: 120px;
  }
}

.p-block11__pic01 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block11__pic01 {
    margin-bottom: calc(120 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block11__pic01 {
    margin-bottom: calc(80/750*100vw);
  }
}

.p-block11__num {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block11__num {
    width: 114px;
    top: 0px;
    left: -120px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block11__num {
    width: calc(114 / 1366 * 100vw);
    top: calc(-0 / 1366 * 100vw);
    left: calc(-120 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block11__num {
    width: calc(112/750*100vw);
    top: calc(22/750*100vw);
    left: calc(20/750*100vw);
  }
}

.p-block11__col01 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block11__col01 {
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(1080 / 1366 * 100%);
    margin-bottom: calc(160/1366*100%);
  }
}

.p-block11__col01--left {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block11__col01--left {
    width: 402px;
    width: calc(402 / 1080 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block11__col01--left {
    width: calc(402 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block11__col01--left {
    width: calc(402/750*100vw);
    margin-left: calc(130/750*100vw);
    margin-bottom: calc(120/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block11__col01--right {
    width: 498px;
    width: calc(498 / 1080 * 100%);
    padding-top: calc(86 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block11__col01--right {
    width: calc(498 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block11__col01--right {
    width: calc(498/750*100vw);
    margin-left: calc(110/750*100vw);
    margin-bottom: calc(150/750*100vw);
  }
}

.p-block12 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block12 {
    min-width: 1080px;
    position: relative;
    margin-bottom: calc(130 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block12 {
    margin-bottom: calc(110/750*100vw);
  }
}

@media screen and (min-width: 1100px) {
  .p-block12 {
    margin-bottom: 130px;
  }
}

.p-block12__pic01 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block12__pic01 {
    width: 92.68%;
    margin-bottom: calc(80 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block12__pic01 {
    width: calc(1266 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block12__pic01 {
    margin-bottom: calc(150/750*100vw);
  }
}

.p-block12__num {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block12__num {
    width: 208px;
    top: 20px;
    left: 20px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block12__num {
    width: calc(208 / 1366 * 100vw);
    top: calc(20 / 1366 * 100vw);
    left: calc(20 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block12__num {
    width: calc(208/750*100vw);
    top: calc(20/750*100vw);
    left: calc(30/750*100vw);
  }
}

.p-block12__col01 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block12__col01 {
    width: calc(486 / 1366 * 100%);
    margin-bottom: calc(-650/1366*100%);
  }
}

@media screen and (max-width: 767px) {
  .p-block12__col01 {
    width: calc(486/750*100vw);
    margin-bottom: calc(-135/750*100vw);
  }
}

.p-block12__inner {
  position: relative;
}

.p-block12__col02 {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-block12__col02 {
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}

.p-block12__col02--left {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block12__col02--left {
    width: calc(440 / 1366 * 100%);
    padding-top: calc(120 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block12__col02--left {
    width: calc(435 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block12__col02--left {
    width: calc(335/750*100vw);
    margin-bottom: calc(-270/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block12__col02--right {
    width: calc(440 / 1366 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block12__col02--right {
    width: calc(430 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block12__col02--right {
    width: calc(375/750*100vw);
    margin-left: auto;
    margin-bottom: calc(110/750*100vw);
  }
}

.p-block12__pic03 {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block12__pic03 {
    height: 443px;
    -webkit-animation: Routine01Pc 1.2s steps(2) infinite;
    animation: Routine01Pc 1.2s steps(2) infinite;
    background: url(/special/beamsdot/22ss/assets/images/pic_14_03_pc.png) no-repeat;
    background-size: 355px 886px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block12__pic03 {
    height: calc(540 / 1366 * 100vw);
    -webkit-animation: Routine01xl 1.2s steps(2) infinite;
    animation: Routine01xl 1.2s steps(2) infinite;
    background: url(/special/beamsdot/22ss/assets/images/pic_14_03_pc.png) no-repeat;
    background-size: calc(440 / 1366 * 100vw) calc(1079 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block12__pic03 {
    margin-left: calc(52 / 750 * 100vw);
    height: calc(372 / 750 * 100vw);
    -webkit-animation: Routine01sp 1.2s steps(2) infinite;
    animation: Routine01sp 1.2s steps(2) infinite;
    background: url(/special/beamsdot/22ss/assets/images/pic_14_03_sp.png) no-repeat;
    background-size: calc(282 / 750 * 100vw) calc(756 / 750 * 100vw);
  }
}

.p-block12__pic03--kirakira {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block12__pic03--kirakira {
    top: calc(45 / 440 * 100%);
    left: 0px;
    width: calc(141 / 440 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block12__pic03--kirakira {
    top: calc(50 / 1366 * 100vw);
    left: 0px;
    width: calc(141 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block12__pic03--kirakira {
    top: calc(-72 / 750 * 100vw);
    left: calc(-52 / 750 * 100vw);
    width: calc(74 / 750 * 100vw);
    height: calc(194 / 750 * 100vw);
  }
}

.p-block12__pic04 {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-block12__pic04 {
    height: 390px;
    -webkit-animation: Routine02Pc 1.2s steps(2) infinite;
    animation: Routine02Pc 1.2s steps(2) infinite;
    background: url(/special/beamsdot/22ss/assets/images/pic_14_04_pc.png) no-repeat;
    background-size: 318px 780px;
  }
}

@media screen and (min-width: 1100px) {
  .p-block12__pic04 {
    height: calc(480 / 1366 * 100vw);
    -webkit-animation: Routine02xl 1.2s steps(2) infinite;
    animation: Routine02xl 1.2s steps(2) infinite;
    background: url(/special/beamsdot/22ss/assets/images/pic_14_04_pc.png) no-repeat;
    background-size: calc(440 / 1366 * 100vw) calc(960 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block12__pic04 {
    margin-right: calc(40 / 750 * 100vw);
    height: calc(410 / 750 * 100vw);
    -webkit-animation: Routine02sp 1.2s steps(2) infinite;
    animation: Routine02sp 1.2s steps(2) infinite;
    background: url(/special/beamsdot/22ss/assets/images/pic_14_04_sp.png) no-repeat;
    background-size: calc(332 / 750 * 100vw) calc(848 / 750 * 100vw);
  }
}

.p-block12__pic04--kirakira {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .p-block12__pic04--kirakira {
    bottom: calc(40 / 440 * 100%);
    right: 0px;
    width: calc(254 / 440 * 100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-block12__pic04--kirakira {
    bottom: calc(40 / 1366 * 100vw);
    right: 0px;
    width: calc(254 / 1366 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-block12__pic04--kirakira {
    bottom: calc(20 / 750 * 100vw);
    right: calc(-40 / 750 * 100vw);
    width: calc(228 / 750 * 100vw);
    height: calc(214 / 750 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-block12__text {
    width: 520px;
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  .p-block12__text {
    margin-left: auto;
    margin-right: auto;
    width: calc(650/750*100vw);
  }
}

@-webkit-keyframes Routine01Pc {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center -886px;
  }
}

@keyframes Routine01Pc {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center -886px;
  }
}

@-webkit-keyframes Routine01xl {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center calc(-1079 / 1366 * 100vw);
  }
}

@keyframes Routine01xl {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center calc(-1079 / 1366 * 100vw);
  }
}

@-webkit-keyframes Routine01sp {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center calc(-766 / 750 * 100vw);
  }
}

@keyframes Routine01sp {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center calc(-766 / 750 * 100vw);
  }
}

@-webkit-keyframes Routine02Pc {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center -780px;
  }
}

@keyframes Routine02Pc {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center -780px;
  }
}

@-webkit-keyframes Routine02xl {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center calc(-960 / 1366 * 100vw);
  }
}

@keyframes Routine02xl {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center calc(-960 / 1366 * 100vw);
  }
}

@-webkit-keyframes Routine02sp {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center calc(- 818/ 750 * 100vw);
  }
}

@keyframes Routine02sp {
  0% {
    background-position: center 0;
  }
  100% {
    background-position: center calc(-818 / 700 * 100vw);
  }
}

.p-credit {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.p-credit__cont {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-credit__cont {
    max-width: 1020px;
  }
}

@media screen and (min-width: 1100px) {
  .p-credit__cont {
    padding-bottom: 20px;
    padding-top: 5px;
    max-width: calc(1020/1366*100%);
  }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
  .p-credit__cont {
    padding-bottom: calc(105/1100*100%);
    padding-bottom: calc(105/1100*100%);
  }
}

@media screen and (max-width: 767px) {
  .p-credit__cont {
    max-width: calc(650/750*100vw);
    padding-bottom: calc(50/750*100vw);
    padding-top: calc(00/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-credit .p-about {
    margin-bottom: 150px;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-about {
    margin-bottom: calc(100/750*100vw);
  }
}

.p-credit .p-about__ttl {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-credit .p-about__ttl {
    min-width: 168px;
    width: calc(168/890*100%);
    margin-bottom: 56px;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-about__ttl {
    width: calc(200/750*100vw);
    margin-bottom: calc(64/750*100vw);
  }
}

.p-credit .p-about__text {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-credit .p-about__text {
    font-size: 1.45455rem;
    line-height: 2;
    letter-spacing: 1.1px;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-about__text {
    font-size: calc(24/750*100vw);
    line-height: 2;
    letter-spacing: 1.1px;
  }
}

@media screen and (min-width: 768px) {
  .p-credit .p-about__text:not(:first-child) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-about__text:not(:first-child) {
    margin-top: 20px;
  }
}

.p-credit .p-insta {
  border-top: 1px solid #cbcbcb;
}

@media screen and (min-width: 768px) {
  .p-credit .p-insta {
    padding-top: 132px;
    padding-bottom: 132px;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-insta {
    padding-top: calc(100/750*100vw);
    padding-bottom: calc(100/750*100vw);
  }
}

.p-credit .p-insta__ttl {
  font-family: "Noto Serif JP", sans-serif;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .p-credit .p-insta__ttl {
    font-size: 3.27273rem;
    line-height: 1;
    letter-spacing: .5px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-insta__ttl {
    font-size: calc(40/750*100vw);
    line-height: 1;
    letter-spacing: 1.1px;
    margin-bottom: calc(36/750*100vw);
  }
}

.p-credit .p-insta__text {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-credit .p-insta__text {
    font-size: 1.63636rem;
    letter-spacing: 1.1px;
    line-height: 2;
    letter-spacing: 1.1px;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-insta__text {
    font-size: calc(24/750*100vw);
    line-height: 1.9;
    letter-spacing: 1.1px;
  }
}

.p-credit .p-insta__link {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-credit .p-insta__link {
    display: block;
    width: calc(622/1020*100%);
    margin: 44px auto 0;
    -webkit-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}

@media screen and (min-width: 1100px) {
  .p-credit .p-insta__link {
    width: 622px;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-insta__link {
    max-width: calc(650/750*100vw);
    margin: calc(50/750*100vw) auto 0;
  }
}

.p-credit .p-insta__link.is_hover {
  opacity: .85;
}

.p-credit .p-share {
  border-top: 1px solid #cbcbcb;
}

@media screen and (min-width: 768px) {
  .p-credit .p-share {
    padding-top: 132px;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-share {
    padding-top: calc(100/750*100vw);
  }
}

.p-credit .p-share__ttl {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-credit .p-share__ttl {
    font-size: 1.45455rem;
    line-height: 1;
    letter-spacing: .5px;
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-share__ttl {
    font-size: calc(26/750*100vw);
    line-height: 1;
    letter-spacing: .5px;
    margin-bottom: calc(70/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .p-credit .p-share__list {
    margin-top: 36px;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-share__list {
    margin-top: calc(45/750*100vw);
  }
}

.p-credit .p-share__items {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .p-credit .p-share__items {
    width: 42px;
    margin: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-share__items {
    width: calc(64/750*100vw);
    margin: 0 calc(10/750*100vw);
  }
}

.p-credit .p-share__itemsLink {
  -webkit-transition: -webkit-transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: block;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.p-credit .p-share__itemsLink.is_hover {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

@media screen and (min-width: 768px) {
  .p-credit .p-share__notice {
    margin-top: 120px;
    font-size: 1.1rem;
    letter-spacing: .12em;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .p-credit .p-share__notice {
    font-size: calc(22/750*100vw);
    line-height: 1;
    letter-spacing: .5px;
    margin-top: calc(145/750*100vw);
  }
}

.p-lead {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 2;
  text-align: center;
  z-index: 1;
  position: relative;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-lead {
    font-size: 1.63636rem;
    letter-spacing: 1.2px;
  }
}

@media screen and (max-width: 767px) {
  .p-lead {
    color: #111111;
    font-size: calc(28/750*100vw);
    letter-spacing: 1.1px;
    text-align: center;
  }
}

.p-lead__container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 840px;
}

@media screen and (min-width: 768px) {
  .p-lead__container {
    padding: 0px 20px 120px;
  }
}

@media screen and (max-width: 767px) {
  .p-lead__container {
    padding: calc(00/750*100vw) calc(32/750*100vw) calc(142/750*100vw);
  }
}

.p-lead__container p {
  position: relative;
  color: #111111;
}

.u-align-center {
  text-align: center;
}

.u-align-left {
  text-align: left;
}

.u-align-right {
  text-align: right;
}

.u-align-justify {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
}

.u-bgclr-primary {
  background-color: #5b595c;
}

.u-bgclr-secondary {
  background-color: #f1e9e4;
}

.u-bgclr-tertiary {
  background-color: #f4f2ec;
}

.bg-color {
  background-color: rgba(241, 233, 228, 0.3);
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .bg-color {
    font-size: 1.36364rem;
    background-image: linear-gradient(#d8d6d5 1px, transparent 1px), linear-gradient(to right, #d8d6d5 1px, #f1e9e4 1px);
    z-index: 1;
    background-position: center;
    background-size: 185px 185px;
  }
}

@media screen and (max-width: 767px) {
  .bg-color {
    font-size: 1.18182rem;
    background-image: linear-gradient(#d8d6d5 1px, transparent 1px), linear-gradient(to right, #d8d6d5 1px, transparent 1px);
    z-index: 1;
    background-size: calc(180/750*100vw) calc(180/750*100vw);
    background-position: center;
  }
}

.u-color-white {
  color: #fff;
}

.u-color-black {
  color: #333;
}

.u-display-block {
  display: block;
}

.u-display-inline-block {
  display: inline-block;
}

@media screen and (min-width: 769px) {
  .l-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

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

.u-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.u-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.u-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.u-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.wth566 {
  position: relative;
}

@media screen and (min-width: 768px) {
  .wth566 {
    width: calc(566 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .wth566 {
    width: calc(650/750*100vw);
  }
}
/*# sourceMappingURL=style.css.map */