*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  list-style: none;
  background-repeat: no-repeat;
  box-sizing: inherit;
  vertical-align: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  outline: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

html {
  overscroll-behavior: none; }

body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  line-height: 1.8;
  color: #000;
  letter-spacing: .15em;
  font-weight: 700;
  -webkit-text-size-adjust: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"; }
  @media (max-width: 800px) {
    body {
      font-size: 14px; } }

::-moz-selection {
  background: #6ec5df;
  color: #000; }

::selection {
  background: #6ec5df;
  color: #000; }

strong {
  color: #e85513; }

sup {
  font-size: .5em;
  vertical-align: super; }

a, a img, button {
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }

button {
  background-color: transparent;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input, textarea {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none; }

input[type="text"]:focus, textarea:focus {
  outline: 0; }

input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }

img, svg {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent; }

a:hover, button:hover {
  outline: none; }

em, i {
  font-style: normal; }

a:disabled, button:disabled, input:disabled {
  pointer-events: none; }

.section {
  width: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100 - .1vh);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: ns-resize;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 5vw 9vw 8vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .section:first-child {
    cursor: s-resize; }
  .section:last-child {
    cursor: n-resize; }
  @media (orientation: portrait) {
    .section {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding: 6vh 12vw;
      padding: calc(var(--vh, 1vh) * 6) 12vw; }
      .section#section2 {
        min-height: auto; }
      .section + .section {
        margin-top: 30px; }
        .section + .section::before {
          content: "";
          display: block;
          width: 70%;
          height: 4px;
          border-radius: 4px;
          background-color: #e95513;
          -webkit-filter: url(#filter);
          filter: url(#filter);
          position: absolute;
          top: -15px;
          left: 0;
          right: 0;
          margin: auto; }
          .section + .section::before _::-webkit-full-page-media, .section + .section::before _:future, :root .section + .section::before {
            -webkit-filter: url(#filter_safari);
            filter: url(#filter_safari); }
        .section + .section#section2::before {
          display: none; } }
  @media (max-height: 710px) and (min-width: 801px) and (orientation: landscape) {
    .section {
      line-height: 1.6;
      letter-spacing: .05em; }
      .section .section__title {
        margin-bottom: 0; }
      .section .section__hanrei {
        margin-top: .5em; } }
  .section#section1, .section#section10 {
    padding: 0 14vw; }
    @media (orientation: portrait) {
      .section#section1, .section#section10 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 10vh 12vw;
        padding: calc(var(--vh, 1vh) * 10) 12vw; } }
  .section__title {
    text-align: center;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 1em; }
    @media (orientation: portrait) {
      #section3 .section__title {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1; } }
  .section__container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow: scroll;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100 - .1vh);
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    @media (orientation: landscape) {
      .section__container {
        scroll-snap-type: mandatory;
        -webkit-scroll-snap-points-y: repeat(100px);
        scroll-snap-points-y: repeat(100px);
        -ms-scroll-snap-type: mandatory;
        -ms-scroll-snap-points-y: repeat(100px);
        -webkit-scroll-snap-type: mandatory;
        -webkit-scroll-snap-points-y: repeat(100vh);
        -webkit-scroll-snap-points-y: repeat(calc(var(--vh, 1vh) * 100));
        -webkit-scroll-snap-type: y mandatory;
        -ms-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory; } }
  .section__inner {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (orientation: portrait) {
      .section__inner {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 auto; }
        #section1 .section__inner {
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; } }
    .section__inner.last {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
    @media (orientation: portrait) {
      #section3 .section__inner {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3; } }
  .section__hanrei {
    width: 100%;
    max-width: 1000px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .9em;
    margin: 2em auto 0; }
    @media (orientation: portrait) {
      .section__hanrei {
        display: block;
        margin-bottom: 2em; }
        #section3 .section__hanrei {
          -webkit-box-ordinal-group: 3;
          -webkit-order: 2;
          -ms-flex-order: 2;
          order: 2;
          margin: 0 auto 2em; } }
    .section__hanrei p {
      padding-left: 38px;
      position: relative;
      line-height: 1.4; }
      .section__hanrei p i {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        transform: translateY(-20%); }
    .section__hanrei p + p {
      margin-left: 4em; }
      @media (orientation: portrait) {
        .section__hanrei p + p {
          margin-left: 0;
          margin-top: 2em; } }

.pageframe {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100 - .1vh);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .pageframe__top, .pageframe__bottom {
    position: relative;
    width: 100%;
    height: 5vw;
    background-color: #fff; }
    @media (orientation: portrait) {
      .pageframe__top, .pageframe__bottom {
        height: 6vh;
        height: calc(var(--vh, 1vh) * 6); } }
  .pageframe__top {
    height: 2vw; }
    @media (orientation: portrait) and (max-width: 380px) {
      .pageframe__top {
        height: 3vh;
        height: calc(var(--vh, 1vh) * 3); } }
  .pageframe__left, .pageframe__right {
    width: 2vw;
    height: calc(100% - 7vw);
    background-color: #fff; }
    @media (orientation: portrait) {
      .pageframe__left, .pageframe__right {
        height: calc(100% - 7vh);
        height: calc(100% - (var(--vh, 1vh) * 7)); } }
    @media (orientation: portrait) and (max-width: 380px) {
      .pageframe__left, .pageframe__right {
        height: calc(100% - 9vh);
        height: calc(100% - (var(--vh, 1vh) * 9)); } }
  .pageframe__frame {
    -webkit-filter: url(#filter);
    filter: url(#filter);
    position: relative;
    z-index: 1;
    width: calc(100% - 4vw);
    height: calc(100% - 7vw);
    border: 10px solid #e95513;
    border-radius: 10vh; }
    .pageframe__frame _::-webkit-full-page-media, .pageframe__frame _:future, :root .pageframe__frame {
      -webkit-filter: url(#filter_safari);
      filter: url(#filter_safari); }
    @media (orientation: portrait) {
      .pageframe__frame {
        height: calc(100% - 7vh);
        height: calc(100% - (var(--vh, 1vh) * 7)); } }
    @media (orientation: portrait) and (max-width: 380px) {
      .pageframe__frame {
        height: calc(100% - 9vh);
        height: calc(100% - (var(--vh, 1vh) * 9)); } }
    @media (max-width: 600px) {
      .pageframe__frame {
        border: 7px solid #e95513; } }
  .pageframe__top::before, .pageframe__top::after, .pageframe__bottom::before, .pageframe__bottom::after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 3vw solid transparent; }
    @media (orientation: portrait) {
      .pageframe__top::before, .pageframe__top::after, .pageframe__bottom::before, .pageframe__bottom::after {
        border: 3.8vh solid transparent; } }
  .pageframe__top::before, .pageframe__top::after {
    top: 2vw; }
    @media (orientation: portrait) {
      .pageframe__top::before, .pageframe__top::after {
        top: 2vh;
        top: calc(var(--vh, 1vh) * 2); } }
    @media (orientation: portrait) and (max-width: 380px) {
      .pageframe__top::before, .pageframe__top::after {
        top: 3vh;
        top: calc(var(--vh, 1vh) * 3); } }
  .pageframe__bottom::before, .pageframe__bottom::after {
    bottom: 5vw; }
    @media (orientation: portrait) {
      .pageframe__bottom::before, .pageframe__bottom::after {
        bottom: 6vh;
        bottom: calc(var(--vh, 1vh) * 6); } }
  .pageframe__top::before {
    left: 2vw;
    border-top-color: #fff;
    border-left-color: #fff; }
  .pageframe__top::after {
    right: 2vw;
    border-top-color: #fff;
    border-right-color: #fff; }
  .pageframe__bottom::before {
    left: 2vw;
    border-left-color: #fff;
    border-bottom-color: #fff; }
  .pageframe__bottom::after {
    right: 2vw;
    border-right-color: #fff;
    border-bottom-color: #fff; }

.navigation {
  position: fixed;
  top: 0;
  left: 6vw;
  width: 32px;
  margin-left: -16px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100); }
  @media (orientation: portrait) {
    .navigation {
      width: 100%;
      height: 100vh;
      height: calc(var(--vh, 1vh) * 100 - .1vh);
      background-color: #fff;
      left: 0;
      margin-left: 0;
      -webkit-transition: -webkit-transform 400ms;
      transition: -webkit-transform 400ms;
      transition: transform 400ms;
      transition: transform 400ms, -webkit-transform 400ms;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%); }
      .menu-open .navigation {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }
  .navigation__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%; }
  .navigation__item {
    margin: 1px auto; }
    @media (orientation: portrait) {
      .navigation__item {
        margin: 5px auto; }
        .navigation__item:last-child {
          display: none; } }
    .navigation__item a {
      position: relative;
      display: block;
      background-color: #e95513;
      width: 32px;
      height: 32px;
      border-radius: 16px;
      -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
      transform: scale(0.3);
      -webkit-transition: -webkit-transform 400ms;
      transition: -webkit-transform 400ms;
      transition: transform 400ms;
      transition: transform 400ms, -webkit-transform 400ms; }
      .navigation__item a:hover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
      .navigation__item a * {
        pointer-events: none; }
      @media (orientation: portrait) {
        .navigation__item a {
          width: 100%;
          border-radius: 0;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          background-color: #fff;
          line-height: 1;
          height: auto;
          padding: 1em; } }
    .navigation__item.active a {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .navigation__item--icon {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: -webkit-transform 300ms ease 0;
      transition: -webkit-transform 300ms ease 0;
      transition: transform 300ms ease 0;
      transition: transform 300ms ease 0, -webkit-transform 300ms ease 0;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      a:hover .navigation__item--icon {
        -webkit-transition: -webkit-transform 300ms cubic-bezier(0.25, 0.25, 0.355, 1.51) 200ms;
        transition: -webkit-transform 300ms cubic-bezier(0.25, 0.25, 0.355, 1.51) 200ms;
        transition: transform 300ms cubic-bezier(0.25, 0.25, 0.355, 1.51) 200ms;
        transition: transform 300ms cubic-bezier(0.25, 0.25, 0.355, 1.51) 200ms, -webkit-transform 300ms cubic-bezier(0.25, 0.25, 0.355, 1.51) 200ms;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
      @media (orientation: portrait) {
        .navigation__item--icon {
          display: none; } }
    .navigation__item--fukidashi {
      max-width: none;
      position: absolute;
      top: 50%;
      left: 37px;
      margin-top: -17px;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: -webkit-transform 300ms ease 0;
      transition: -webkit-transform 300ms ease 0;
      transition: transform 300ms ease 0;
      transition: transform 300ms ease 0, -webkit-transform 300ms ease 0;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      a:hover .navigation__item--fukidashi {
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.25, 0.355, 1.51);
        transition: -webkit-transform 500ms cubic-bezier(0.25, 0.25, 0.355, 1.51);
        transition: transform 500ms cubic-bezier(0.25, 0.25, 0.355, 1.51);
        transition: transform 500ms cubic-bezier(0.25, 0.25, 0.355, 1.51), -webkit-transform 500ms cubic-bezier(0.25, 0.25, 0.355, 1.51);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
      @media (orientation: portrait) {
        .navigation__item--fukidashi {
          display: none; } }
    .navigation__item--text {
      display: none; }
      @media (orientation: portrait) {
        .navigation__item--text {
          display: block; } }

#menu {
  display: none;
  width: 45px;
  height: 45px;
  position: fixed;
  top: 6vh;
  top: calc(var(--vh, 1vh) * 6);
  right: 5vw;
  z-index: 3; }
  @media (orientation: portrait) {
    #menu {
      display: block; } }
  @media (orientation: portrait) and (max-width: 380px) {
    #menu {
      top: 2vh;
      top: calc(var(--vh, 1vh) * 2);
      right: 3vw; } }
  #menu i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid #e95513;
    background-color: #e95513; }
    .menu-open #menu i {
      background-color: #fff; }
  #menu span {
    display: block;
    height: 2px;
    width: 60%;
    background-color: #fff;
    position: absolute;
    left: 20%;
    top: 50%;
    z-index: 1;
    margin-top: -1px;
    -webkit-transition: -webkit-transform 400ms;
    transition: -webkit-transform 400ms;
    transition: transform 400ms;
    transition: transform 400ms, -webkit-transform 400ms; }
    #menu span:nth-child(1) {
      -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
      transform: translateY(-8px); }
    #menu span:nth-child(3) {
      -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
      transform: translateY(8px); }
    .menu-open #menu span {
      background-color: #e95513; }
      .menu-open #menu span:nth-child(1) {
        -webkit-transform: translateY(0) rotate(45deg);
        -ms-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg); }
      .menu-open #menu span:nth-child(2) {
        -webkit-transform: translateY(0) rotateX(90deg);
        transform: translateY(0) rotateX(90deg); }
      .menu-open #menu span:nth-child(3) {
        -webkit-transform: translateY(0) rotate(135deg);
        -ms-transform: translateY(0) rotate(135deg);
        transform: translateY(0) rotate(135deg); }

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 5vw; }
  @media (orientation: portrait) {
    .footer {
      height: 6vh;
      height: calc(var(--vh, 1vh) * 6); } }
  .footer li {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms; }
    .footer li a {
      display: block; }
      .footer li a * {
        pointer-events: none; }
  .footer__scroll {
    opacity: 0;
    pointer-events: none; }
    .firstview .footer__scroll {
      opacity: 1;
      pointer-events: auto; }
    .lastview .footer__scroll {
      opacity: 0;
      pointer-events: none; }
  .footer__item {
    opacity: 1;
    pointer-events: auto; }
    .firstview .footer__item {
      opacity: 0;
      pointer-events: none; }
    .lastview .footer__item {
      opacity: 0;
      pointer-events: none; }
  .footer__totop {
    opacity: 0;
    pointer-events: none; }
    .firstview .footer__totop {
      opacity: 0;
      pointer-events: none; }
    .lastview .footer__totop {
      opacity: 1;
      pointer-events: auto; }

.layout {
  width: 100%; }
  .layout-fv {
    width: 100%;
    max-width: 516px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .layout-fv__img {
      width: 100%; }
      .last .layout-fv__img {
        width: 65%; }
        @media (orientation: portrait) {
          .last .layout-fv__img {
            width: 100%; } }
    .layout-fv__chuuki {
      color: #777;
      font-size: 10px;
      letter-spacing: 0.1em;
      display: inline-block;
      margin-top: 3em;
      padding-left: 1em;
      text-indent: -1em; }
      @media (orientation: portrait) {
        .layout-fv__chuuki br {
          display: none; } }
    .layout-fv__button {
      position: absolute;
      bottom: 0;
      right: 0; }
      @media (orientation: portrait) {
        .layout-fv__button {
          left: 0;
          margin: auto;
          -webkit-transform: translateY(150%);
          -ms-transform: translateY(150%);
          transform: translateY(150%); } }
      .layout-fv__button a {
        display: block; }
      .layout-fv__button img {
        pointer-events: none; }
        .layout-fv__button img.sp {
          display: none; }
        @media (orientation: portrait) {
          .layout-fv__button img {
            margin: auto;
            max-width: 90%; }
            .layout-fv__button img.pc {
              display: none; }
            .layout-fv__button img.sp {
              display: block; } }
  .layout__flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (orientation: portrait) {
      .layout__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .layout__flex--image {
      width: 50%; }
      @media (orientation: portrait) {
        .layout__flex--image {
          width: 100%; }
          #section2 .layout__flex--image,
          #section4 .layout__flex--image {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2; }
          #section9 .layout__flex--image {
            margin-top: 2em; } }
    .layout__flex--copy {
      width: 40%; }
      @media (orientation: portrait) {
        .layout__flex--copy {
          width: 100%; }
          #section2 .layout__flex--copy,
          #section4 .layout__flex--copy {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1; } }
    .layout__flex--chuuki {
      color: #777;
      font-size: 10px;
      letter-spacing: 0.1em;
      display: inline-block;
      margin-top: 1em;
      padding-left: 1em;
      text-indent: -1em; }
      @media (orientation: portrait) {
        .layout__flex--chuuki br {
          display: none; } }
  .layout__kakomi-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media (orientation: portrait) {
      .layout__kakomi-flex {
        display: block; } }
    .layout__kakomi-flex__flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      border: 2px solid #dadada;
      border-top: 0;
      border-bottom-left-radius: 16px;
      border-bottom-right-radius: 16px;
      padding: 1em .5em 2em; }
      @media (orientation: portrait) {
        .layout__kakomi-flex__flex {
          display: block; } }
    .layout__kakomi-flex__block {
      text-align: center;
      width: 35%; }
      @media (orientation: portrait) {
        .layout__kakomi-flex__block {
          width: 100%; } }
      .layout__kakomi-flex__block:first-child {
        width: 62%; }
        @media (orientation: portrait) {
          .layout__kakomi-flex__block:first-child {
            width: 100%;
            margin-bottom: 2em; } }
      .layout__kakomi-flex__block--title {
        background-color: #e85513;
        color: #fff;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        padding: .5em; }
      .layout__kakomi-flex__block--item {
        font-size: .9em;
        width: 90%;
        max-width: 18vw;
        position: relative;
        z-index: 0; }
        @media (orientation: portrait) {
          .layout__kakomi-flex__block--item {
            width: 100%;
            max-width: none; }
            .layout__kakomi-flex__block--item + .layout__kakomi-flex__block--item {
              margin-top: 1em; } }
        .layout__kakomi-flex__block--item .bomb {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1; }
          @media (orientation: portrait) {
            .layout__kakomi-flex__block--item .bomb {
              width: 70px;
              top: 10px; } }
        .layout__kakomi-flex__block--item .copy {
          margin-top: 1em; }
  .layout__col2-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    margin-top: 2em; }
    @media (orientation: portrait) {
      .layout__col2-flex {
        display: block; } }
    .layout__col2-flex--item {
      width: 50%; }
      @media (orientation: portrait) {
        .layout__col2-flex--item {
          width: 100%; }
          .layout__col2-flex--item + .layout__col2-flex--item {
            margin-top: 2em; } }
    .layout__col2-flex--title {
      font-size: .8em;
      margin-bottom: 2em; }
    .layout__col2-flex--block {
      position: relative;
      z-index: 0; }
      .layout__col2-flex--block .bomb {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; }
        @media (orientation: portrait) {
          .layout__col2-flex--block .bomb {
            width: 70px; } }
  .layout__col3-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1em; }
    @media (orientation: portrait) {
      .layout__col3-flex {
        display: block; } }
    .layout__col3-flex--item {
      width: 30%;
      position: relative;
      z-index: 0; }
      @media (orientation: portrait) {
        .layout__col3-flex--item {
          width: 100%; }
          .layout__col3-flex--item + .layout__col3-flex--item {
            margin-top: 1em; } }
      .layout__col3-flex--item .bomb {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; }
        @media (orientation: portrait) {
          .layout__col3-flex--item .bomb {
            width: 65px;
            top: 15px; } }
      .layout__col3-flex--item ul {
        font-size: .8em;
        margin-top: 1em; }
        @media (orientation: portrait) {
          .layout__col3-flex--item ul {
            width: 80%;
            margin: auto; } }
        .layout__col3-flex--item ul li {
          margin: .5em 0;
          position: relative;
          padding-left: 0.8em;
          letter-spacing: .1em;
          line-height: 1.4; }
          .layout__col3-flex--item ul li::before {
            content: "";
            border-radius: 50%;
            width: 5px;
            height: 5px;
            display: block;
            position: absolute;
            left: 0;
            top: 0.7em;
            background: #e85513; }
            @media (orientation: portrait) {
              .layout__col3-flex--item ul li::before {
                top: 0.5em; } }

.last__hr {
  display: block;
  height: 1px;
  width: 60%;
  margin: 1.5em auto;
  background-color: #dadada;
  border: 0; }
  @media (orientation: portrait) {
    .last__hr {
      width: 100%; } }

@media (orientation: portrait) {
  .last__bnr {
    max-width: 80%;
    margin: auto; } }

.text {
  letter-spacing: .25em; }
  .text strong {
    color: #e95513; }
  @media (max-width: 600px) {
    .text {
      letter-spacing: .2em; } }

.button {
  line-height: 1;
  font-size: .82em;
  letter-spacing: .25em;
  text-align: center;
  display: block;
  background-color: #e95513;
  color: #fff;
  padding: 1.5em 0 1.75em;
  border-radius: 12px;
  position: relative;
  margin-top: 2em; }
  @media (max-width: 600px) {
    .button {
      font-size: .93em; } }
  .button::after {
    content: "";
    display: block;
    width: .6em;
    height: .6em;
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -.3em;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

svg {
  width: 100%; }

.pc_only {
  display: block; }

.sp_only {
  display: none; }

@media (orientation: portrait) {
  .pc_only {
    display: none; }
  .sp_only {
    display: block; } }

.scrolling .section__container {
  pointer-events: none; }

/*# sourceMappingURL=style.css.map */