@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  border: 0;
  word-break: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: baseline;
  background: transparent; }

html,
body {
  overflow-x: hidden;
  font-size: 62.5%; }

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

li {
  list-style-type: none; }

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

a {
  text-decoration: none;
  color: inherit; }

img,
picture {
  vertical-align: middle;
  max-width: 100%; }

img {
  height: auto; }

picture {
  display: block; }

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

input,
select {
  vertical-align: middle; }

br {
  line-height: 0; }

input,
textarea,
select,
button {
  font: inherit; }

/* safariでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none; }
  input[type="submit"]:focus,
  input[type="button"]:focus {
    outline-offset: -2px; }

:focus:not(:focus-visible) {
  outline: none; }

/* -----------------------------------------------------
	variables
----------------------------------------------------- */
body {
  font-family: sans-serif;
  font-size: 0;
  line-height: 1; }

img {
  display: block;
  vertical-align: top; }

.pc {
  display: block; }
  @media screen and (max-width: 750px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 750px) {
    .sp {
      display: block; } }

section .inner {
  max-width: 750px;
  margin: 0 auto; }
  section .inner > div {
    margin-top: -1px; }
  section .inner a {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    section .inner a:hover {
      opacity: 0.7; }
  section .inner .sec_06 {
    position: relative; }
    section .inner .sec_06 video {
      width: 66.66666666666666%;
      position: absolute;
      bottom: 1.6603773584905661%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  section .inner .sec_07 {
    position: relative; }
    section .inner .sec_07 video {
      width: 66.66666666666666%;
      position: absolute;
      bottom: 26.270456503014643%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  section .inner .sec_10 {
    position: relative; }
    section .inner .sec_10 .btn {
      display: block;
      width: 90.26666666666667%;
      position: absolute;
      bottom: 1.8204385601985933%;
      left: 1.7333333333333332%; }
  section .inner .sec_11 {
    width: 78.93%;
    margin: auto;
    padding-bottom: min(15.33vw,115px); }
  section .inner .sec_16 {
    position: relative; }
    section .inner .sec_16 .btn {
      display: block;
      width: 90.26666666666667%;
      position: absolute;
      bottom: 2.345679012345679%;
      left: 1.7333333333333332%; }
  section .inner .sec_18 {
    position: relative; }
    section .inner .sec_18 .btn {
      display: block;
      width: 90.26666666666667%;
      position: absolute;
      bottom: 1.8204385601985933%;
      left: 1.7333333333333332%; }