@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP|Roboto&display=swap&subset=japanese");

@charset "UTF-8";
/*========================================
*	common
========================================*/
::-moz-selection {
  color: #fff;
  background: rgba(0, 153, 255, 0.5); }
::selection {
  color: #fff;
  background: rgba(0, 153, 255, 0.5); }

*,
*:after,
*:before {
  box-sizing: border-box; }

*:focus {
  outline: 0; }

html,
body {
  font-size: 62.5%;
  height: 100%;
  color: #000;
  background-color: #fff;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400; }

body {
  width: 100%; }

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

h1,
h2,
h3 {
  line-height: 1; }

ul,
li {
  list-style: none; }

tr,
th,
td {
  font-weight: normal;
  text-align: left; }

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

body {
  overflow-x: hidden; }
  @media only screen and (min-width: 768px) {
    body {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    body {
      max-width: 767px; } }

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

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

.common--breadcrunmb {
  display: none; }
  @media only screen and (min-width: 768px) {
    .common--breadcrunmb {
      width: 93.75vw;
      padding: 20px 0 0;
      margin: 0 auto;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .common--breadcrunmb__list {
        font-size: 16px;
        display: inline; }
        .common--breadcrunmb__list:not(:last-child):after {
          content: ">";
          font-size: 16px;
          padding: 0 7px; }
        .common--breadcrunmb__list a {
          color: #000;
          transition: all .3s; }
          .common--breadcrunmb__list a:hover {
            text-decoration: underline; }
        .common--breadcrunmb__list span {
          color: #f07800; } }
  @media only screen and (min-width: 1601px) {
    .common--breadcrunmb {
      width: 1500px; } }

.common--section {
  padding: 0 0 26.07562vw;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .common--section {
      min-height: calc(100vh - 534px);
      padding: 0 0 125px;
      margin: 0 auto; } }

.common--title {
  text-align: center;
  font-weight: 900;
  font-size: 6.5189vw;
  padding: 14.34159vw 2.60756vw 7.1708vw; }
  @media only screen and (min-width: 768px) {
    .common--title {
      font-size: 36px;
      padding: 65px 50px 60px; } }

.common--bg-gray {
  background-color: #dddddd; }
  .common--bg-gray .common--container--text,
  .common--bg-gray .common--container-numlist,
  .common--bg-gray .common--container-deflist {
    color: #000; }

.common--container {
  padding: 7.82269vw 2.60756vw 3.91134vw; }
  .common--container a {
    color: #f07800; }
  @media only screen and (min-width: 768px) {
    .common--container {
      width: 93.75vw;
      padding: 60px 0 30px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1601px) {
    .common--container {
      width: 1500px; } }
  .common--container-subtit {
    font-weight: 900;
    font-size: 3.91134vw;
    margin-top: 5.21512vw;
    margin-bottom: 5.21512vw; }
    @media only screen and (min-width: 768px) {
      .common--container-subtit {
        font-size: 20px;
        margin-top: 35px;
        margin-bottom: 35px; } }
  .common--container-text {
    color: #444444;
    font-size: 3.38983vw;
    line-height: 1.75;
    margin-top: 3.25945vw;
    margin-bottom: 3.91134vw; }
    @media only screen and (min-width: 768px) {
      .common--container-text {
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 25px; } }
    .common--container-text__img {
      margin: 0 0 5.86701vw; }
    @media only screen and (min-width: 768px) {
      .common--container-text.img-left, .common--container-text.img-right {
        overflow: hidden;
        clear: both; }
        .common--container-text.img-left .common--container-text__img, .common--container-text.img-right .common--container-text__img {
          max-width: 38.75vw; }
      .common--container-text.img-left .common--container-text__img {
        float: left;
        margin: 0.75vw 2.1875vw 0.625vw 0; }
      .common--container-text.img-right .common--container-text__img {
        float: right;
        margin: 0.75vw 0 0.625vw 2.1875vw; } }
    @media only screen and (min-width: 1601px) {
      .common--container-text.img-left .common--container-text__img, .common--container-text.img-right .common--container-text__img {
        max-width: 620px; }
      .common--container-text.img-left .common--container-text__img {
        margin: 12px 35px 10px 0; }
      .common--container-text.img-right .common--container-text__img {
        margin: 12px 0 10px 35px; } }
  .common--container-img {
    text-align: center;
    margin-top: 3.91134vw;
    margin-bottom: 3.91134vw; }
    @media only screen and (min-width: 768px) {
      .common--container-img {
        margin-top: 30px;
        margin-bottom: 30px; }
        .common--container-img img {
          width: auto; } }
  @media only screen and (min-width: 768px) {
    .common--container-flexwrap {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  .common--container-flexwrap .common--container-img {
    margin: 0; }
    @media only screen and (min-width: 768px) {
      .common--container-flexwrap .common--container-img {
        -webkit-flex-basis: 36.25vw;
            -ms-flex-preferred-size: 36.25vw;
                flex-basis: 36.25vw;
        margin: 0; } }
  .common--container-flexwrap .common--container-textarea {
    margin: 6.5189vw 0 0; }
    @media only screen and (min-width: 768px) {
      .common--container-flexwrap .common--container-textarea {
        -webkit-flex-basis: 53.125vw;
            -ms-flex-preferred-size: 53.125vw;
                flex-basis: 53.125vw;
        margin: 0; } }
  .common--container-numlist, .common--container-deflist {
    list-style-type: none;
    font-size: 3.38983vw;
    color: #444444;
    margin-top: 3.91134vw;
    margin-bottom: 3.91134vw; }
    @media only screen and (min-width: 768px) {
      .common--container-numlist, .common--container-deflist {
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 30px; } }
    .common--container-numlist > li, .common--container-deflist > li {
      margin: 0 0 0.65189vw 1.5em;
      line-height: 1.35; }
      .common--container-numlist > li:last-child, .common--container-deflist > li:last-child {
        margin: 0 0 0 1.5em; }
      .common--container-numlist > li:before, .common--container-deflist > li:before {
        display: inline-block;
        margin-left: -1.5em;
        width: 1.5em; }
      @media only screen and (min-width: 768px) {
        .common--container-numlist > li, .common--container-deflist > li {
          margin: 0 0 5px 1.5em; } }
    .common--container-numlist > .common--container-numlist,
    .common--container-numlist > .common--container-deflist, .common--container-deflist > .common--container-numlist,
    .common--container-deflist > .common--container-deflist {
      margin-top: 1.95567vw;
      margin-bottom: 1.95567vw; }
      @media only screen and (min-width: 768px) {
        .common--container-numlist > .common--container-numlist,
        .common--container-numlist > .common--container-deflist, .common--container-deflist > .common--container-numlist,
        .common--container-deflist > .common--container-deflist {
          margin-top: 15px;
          margin-bottom: 15px; } }
  .common--container-deflist > li:before {
    content: "・"; }
  .common--container-numlist > li {
    counter-increment: cnt; }
    .common--container-numlist > li:before {
      content: counter(cnt) ". "; }
  .common--container-scroll-text {
    background-color: #fff;
    border: 0.65189vw solid #f07800;
    font-size: 3.12907vw;
    width: 100%;
    height: 15em;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 3.25945vw 3.25945vw;
    margin-top: 5.21512vw;
    margin-bottom: 5.21512vw; }
    .common--container-scroll-text.gray {
      background-color: #dddddd;
      border: 0.65189vw solid #dddddd; }
    .common--container-scroll-text h5 {
      font-size: 3.38983vw;
      margin: 0 0 3.25945vw; }
    .common--container-scroll-text p {
      line-height: 1.5;
      margin: 1.95567vw 0; }
    @media only screen and (min-width: 768px) {
      .common--container-scroll-text {
        border: 4px solid #f07800;
        font-size: 16px;
        height: 17em;
        padding: 20px;
        margin-top: 40px;
        margin-bottom: 40px; }
        .common--container-scroll-text.gray {
          border: 4px solid #dddddd; }
        .common--container-scroll-text h5 {
          font-size: 20px;
          margin: 0 0 25px; }
        .common--container-scroll-text p {
          margin: 15px 0; } }

.common--line-title {
  padding: 0 2.60756vw;
  margin-top: 7.82269vw;
  margin-bottom: 7.82269vw; }
  .common--line-title-text {
    font-size: 5.21512vw;
    font-weight: 900; }
  .common--line-title-line {
    width: 100%;
    height: 0.65189vw;
    margin: 1.56454vw 0 0;
    overflow: hidden;
    position: relative; }
    .common--line-title-line:before, .common--line-title-line:after {
      content: "";
      width: 120%;
      height: 30px;
      display: block;
      position: absolute;
      -webkit-transform: skew(110deg, 0);
              transform: skew(110deg, 0); }
    .common--line-title-line:before {
      background: #f07800;
      left: -120%; }
    .common--line-title-line:after {
      background: #000;
      left: 1.25%; }
  @media only screen and (min-width: 768px) {
    .common--line-title {
      padding: 0;
      margin-top: 50px;
      margin-bottom: 50px; }
      .common--line-title-text {
        font-size: 26px; }
      .common--line-title-line {
        height: 5px;
        margin: 12px 0 0; }
        .common--line-title-line:before, .common--line-title-line:after {
          width: 120%;
          height: 30px;
          -webkit-transform: skew(100deg, 0);
                  transform: skew(100deg, 0); } }

.common--deco-title {
  position: relative;
  font-weight: 900;
  font-size: 5.21512vw;
  margin-top: 7.1708vw;
  margin-bottom: 7.1708vw; }
  .common--deco-title:before {
    content: "";
    display: block;
    background: #f07800;
    width: 3.91134vw;
    height: 0.65189vw;
    position: absolute;
    top: 2.60756vw;
    left: 0; }
  .common--deco-title > * {
    display: block;
    margin: 0 0 0 6.77966vw; }
  @media only screen and (min-width: 768px) {
    .common--deco-title {
      font-size: 26px;
      margin-top: 50px;
      margin-bottom: 50px; }
      .common--deco-title:before {
        width: 30px;
        height: 5px;
        top: 10px; }
      .common--deco-title > * {
        margin: 0 0 0 52px; } }

.common--btn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }
  .common--btn a {
    background-color: #fff;
    border: 0.78227vw solid #000;
    width: 78.22686vw;
    height: 15.64537vw;
    font-size: 5.21512vw;
    padding: 0 2.60756vw;
    font-weight: 700;
    text-align: center;
    color: #000 !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative; }
    @media only screen and (min-width: 768px) {
      .common--btn a {
        border: 3px solid #000;
        width: 330px;
        height: 60px;
        padding: 0 15px;
        font-size: 20px;
        transition: 300ms; }
        .common--btn a:hover {
          background-color: #000;
          color: #fff !important;
          -webkit-transform: translateY(-3%);
                  transform: translateY(-3%);
          box-shadow: 3px 30px 40px -3px rgba(0, 0, 0, 0.4); } }
  .common--btn.more a:before {
    content: "";
    display: block;
    background: url("../img/common/plus_b.svg") no-repeat 0 0/contain;
    position: absolute;
    width: 4.56323vw;
    height: 4.56323vw;
    top: 50%;
    right: 5.86701vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  @media only screen and (min-width: 768px) {
    .common--btn.more a:before {
      width: 16px;
      height: 16px;
      right: 20px; }
    .common--btn.more a:hover:before {
      background: url("../img/common/plus_w.svg") no-repeat 0 0/contain; } }
  .common--btn.blank a {
    padding: 0 5.21512vw 0 2.60756vw; }
    .common--btn.blank a:before {
      content: "";
      display: block;
      background: url("../img/common/blank_b.png") no-repeat 0 0/contain;
      position: absolute;
      width: 5.86701vw;
      height: 4.56323vw;
      top: 50%;
      right: 5.86701vw;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    @media only screen and (min-width: 768px) {
      .common--btn.blank a {
        padding: 0 30px 0 15px; }
        .common--btn.blank a:before {
          width: 26px;
          height: 16px;
          right: 20px; }
        .common--btn.blank a:hover:before {
          background: url("../img/common/blank_w.png") no-repeat 0 0/contain; } }

.common--pict-list {
  padding: 0 2.60756vw;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .common--pict-list__item {
    background-color: #444444;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    margin: 0 0 2.60756vw; }
  @media only screen and (min-width: 768px) {
    .common--pict-list {
      width: 95vw;
      -webkit-justify-content: start;
          -ms-flex-pack: start;
              justify-content: start;
      padding: 0;
      margin: 0 auto; }
      .common--pict-list__item {
        -webkit-flex-basis: 46.25vw;
            -ms-flex-preferred-size: 46.25vw;
                flex-basis: 46.25vw;
        width: 46.25vw;
        margin: 0 0.625vw 1.25vw; } }
  @media only screen and (min-width: 1601px) {
    .common--pict-list {
      width: 1520px; }
      .common--pict-list__item {
        -webkit-flex-basis: 740px;
            -ms-flex-preferred-size: 740px;
                flex-basis: 740px;
        width: 740px;
        margin: 0 10px 20px; } }

.bg-main {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 39.11343vw; }
  .bg-main--title {
    font-weight: 900;
    font-size: 7.82269vw;
    line-height: 1;
    color: #fff;
    position: absolute;
    left: 2.60756vw;
    bottom: 2.60756vw; }
  @media only screen and (min-width: 768px) {
    .bg-main {
      height: 300px; }
      .bg-main--title {
        font-size: 50px;
        left: 3.125vw;
        bottom: 15px; } }
  @media only screen and (min-width: 1601px) {
    .bg-main--title {
      left: 50px; } }

.common--container > *:first-child {
  margin-top: 0 !important; }

.common--section > .common--container:last-of-type {
  padding: 7.82269vw 2.60756vw 0; }
  .common--section > .common--container:last-of-type > *:last-child {
    margin-bottom: 0 !important; }
  @media only screen and (min-width: 768px) {
    .common--section > .common--container:last-of-type {
      padding: 60px 0 0; } }

.common--title + .common--container {
  margin-top: -7.82269vw; }
  @media only screen and (min-width: 768px) {
    .common--title + .common--container {
      margin-top: -60px; } }

.common--btn + .common--btn {
  margin-top: 3.91134vw; }
  @media only screen and (min-width: 768px) {
    .common--btn + .common--btn {
      margin-top: 30px; } }

@media only screen and (min-width: 768px) {
  .temp--no-main .common--breadcrunmb {
    padding: 80px 0 0; } }

@media only screen and (max-width: 767px) {
  .temp--no-main .common--section {
    padding: 16.94915vw 0 26.07562vw; } }

@media only screen and (min-width: 768px) {
  .temp--no-main .common--section {
    min-height: calc(100vh - 235px); } }

html.no-scroll {
  height: 100%;
  overflow: hidden; }

.header {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 80%);
  width: 100%;
  position: fixed;
  z-index: 3; }
  .header--inner {
    position: relative; }
  .header--logo a {
    display: block; }
  .header .lang {
    font-weight: 700; }
    .header .lang li {
      position: relative; }
      .header .lang li a {
        color: #fff; }
        .header .lang li a.current, .header .lang li a:hover {
          color: #f07800; }
  .header--navi > ul li a {
    color: #fff;
    display: block; }
  .header--navi > ul li a[target="_blank"]:after {
    content: "";
    background: url("../img/common/blank_w.png") no-repeat center 0/contain;
    width: 3.65059vw;
    height: 2.34681vw;
    margin: 0 0 0 1.56454vw;
    display: inline-block; }
  @media only screen and (max-width: 1099px) {
    .header {
      height: 20.8605vw; }
      .header--logo {
        width: 36.76662vw;
        padding: 7.1708vw 0 0 3.91134vw;
        position: relative;
        z-index: 3; }
      .header .lang {
        position: absolute;
        top: 8.08344vw;
        right: 14.99348vw;
        z-index: 2; }
        .header .lang.sp {
          display: block !important; }
        .header .lang.pc {
          display: none !important; }
        .header .lang-item {
          position: relative;
          transition: all .3s; }
          .header .lang-item > span {
            width: 5.99739vw;
            height: 4.95437vw;
            margin: 0 0 1.30378vw;
            display: block; }
          .header .lang-item--sub {
            background: rgba(0, 0, 0, 0.8);
            text-align: center;
            position: absolute;
            width: 15.64537vw;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            pointer-events: none;
            transition: all .3s;
            height: 0;
            overflow: hidden; }
            .header .lang-item--sub:before {
              content: "";
              display: block;
              background: #f07800;
              width: 4.95437vw;
              height: 4px;
              position: absolute;
              left: 50%;
              top: 0;
              -webkit-transform: translateX(-50%);
                      transform: translateX(-50%);
              z-index: 2;
              -webkit-transform: translateX(-50%) scale(0, 1);
                      transform: translateX(-50%) scale(0, 1);
              -webkit-transform-origin: center top;
                      transform-origin: center top;
              transition: -webkit-transform 300ms;
              transition: transform 300ms;
              transition: transform 300ms, -webkit-transform 300ms; }
            .header .lang-item--sub-item > a {
              display: block;
              font-size: 3.91134vw;
              padding: 2.60756vw 0; }
          .header .lang-item.open .lang-item--sub {
            pointer-events: all;
            height: auto;
            padding: 4.56323vw 0; }
            .header .lang-item.open .lang-item--sub:before {
              -webkit-transform: translateX(-50%) scale(1, 1);
                      transform: translateX(-50%) scale(1, 1); }
      .header #btn-navi {
        width: 5.21512vw;
        height: 4.95437vw;
        text-align: center;
        line-height: 0;
        cursor: pointer;
        position: absolute;
        z-index: 2;
        top: 8.21382vw;
        right: 3.91134vw; }
        .header #btn-navi.sp {
          display: block !important; }
        .header #btn-navi span {
          background: #fff;
          width: 5.21512vw;
          height: 0.52151vw;
          position: absolute;
          left: 1px;
          transition: all 330ms; }
          .header #btn-navi span:nth-child(1) {
            top: 1.04302vw; }
          .header #btn-navi span:nth-child(2) {
            top: 3.52021vw; }
      .header--navi {
        background: rgba(0, 0, 0, 0.8);
        width: 100vw;
        height: calc( var(--vh) * 100);
        padding: 23.46806vw 3.91134vw 6.5189vw;
        position: absolute;
        top: 0;
        right: -100vw;
        box-sizing: border-box;
        transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 1, 1) 0s;
        transition: transform 0.3s cubic-bezier(0.7, 0, 1, 1) 0s;
        transition: transform 0.3s cubic-bezier(0.7, 0, 1, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.7, 0, 1, 1) 0s; }
        .header--navi .gnavi {
          overflow: auto;
          -webkit-overflow-scrolling: touch;
          height: 100%; }
          .header--navi .gnavi-item a {
            font-size: 4.69361vw;
            line-height: 1;
            padding: 4.56323vw 0; }
            .header--navi .gnavi-item a:before {
              content: "＞";
              color: #fff;
              font-size: 4.69361vw;
              margin-right: 1.95567vw; }
          .header--navi .gnavi-item--sub-item {
            padding-left: 7.04042vw; }
            .header--navi .gnavi-item--sub-item a {
              font-size: 3.91134vw;
              padding: 3.91134vw 0; }
              .header--navi .gnavi-item--sub-item a:before {
                content: "ー";
                font-size: 3.91134vw; }
      .header.open #btn-navi span {
        width: 5.21512vw; }
        .header.open #btn-navi span:nth-child(1) {
          -webkit-transform: translate(0px, 2.60756vw) rotate(-45deg);
                  transform: translate(0px, 2.60756vw) rotate(-45deg);
          top: -0.65189vw; }
        .header.open #btn-navi span:nth-child(2) {
          -webkit-transform: translate(0px, -0.91265vw) rotate(-135deg);
                  transform: translate(0px, -0.91265vw) rotate(-135deg);
          top: 2.86832vw; }
      .header.open .header--navi {
        -webkit-transform: translate(-100vw);
                transform: translate(-100vw); } }
  @media only screen and (min-width: 768px) and (max-width: 1099px) {
    .header--logo {
      width: 158px;
      padding: 25px 0 0 22px; }
    .header .lang {
      top: 20px;
      right: 80px; }
      .header .lang-item > span {
        width: 37px;
        height: 30px;
        margin: 0 0 10px; }
      .header .lang-item--sub {
        width: 90px; }
        .header .lang-item--sub:before {
          height: 3px; }
        .header .lang-item--sub-item > a {
          font-size: 20px;
          padding: 15px 0; }
      .header .lang-item.open .lang-item--sub {
        padding: 20px 0; }
    .header #btn-navi {
      width: 36px;
      height: 34px;
      top: 19px;
      right: 22px; }
      .header #btn-navi span {
        width: 34px;
        height: 3px; }
        .header #btn-navi span:nth-child(1) {
          top: 8px; }
        .header #btn-navi span:nth-child(2) {
          top: 24px; }
    .header--navi {
      padding: 100px 22px 70px 38px; }
      .header--navi .gnavi {
        overflow: hidden; }
        .header--navi .gnavi-item a {
          font-size: 22px;
          padding: 15px 0;
          color: #fff; }
          .header--navi .gnavi-item a:before {
            font-size: 22px;
            margin-right: 20px; }
        .header--navi .gnavi-item a[target="_blank"]:after {
          width: 25px;
          height: 15px;
          margin: 0 0 0 10px; }
        .header--navi .gnavi-item a[target="_blank"]:hover:after {
          background: url("../img/common/blank_o.png") no-repeat center 0/contain; }
        .header--navi .gnavi-item--sub-item {
          padding-left: 46px; }
          .header--navi .gnavi-item--sub-item a {
            font-size: 20px;
            padding: 15px 0;
            transition: all .3s; }
            .header--navi .gnavi-item--sub-item a:before {
              content: "ー";
              font-size: 20px; }
            .header--navi .gnavi-item--sub-item a:hover {
              color: #f07800; }
    .header.open #btn-navi span {
      width: 34px; }
      .header.open #btn-navi span:nth-child(1) {
        -webkit-transform: translate(0px, 20px) rotate(-45deg);
                transform: translate(0px, 20px) rotate(-45deg);
        top: -4px; }
      .header.open #btn-navi span:nth-child(2) {
        -webkit-transform: translate(0px, -7px) rotate(-135deg);
                transform: translate(0px, -7px) rotate(-135deg);
        top: 24px; } }
  @media only screen and (min-width: 1100px) {
    .header {
      height: 100px; }
      .header--logo {
        width: 158px;
        position: absolute;
        top: 25px;
        left: 22px; }
      .header--navi .gnavi {
        position: absolute;
        top: 23px;
        left: 210px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .header--navi .gnavi-item {
          position: relative;
          transition: all .3s; }
          .header--navi .gnavi-item:before {
            content: "";
            display: block;
            background: #f07800;
            width: calc(100% - 20px);
            height: 4px;
            position: absolute;
            left: 50%;
            bottom: -4px;
            z-index: 2;
            -webkit-transform: translateX(-50%) scale(0, 1);
                    transform: translateX(-50%) scale(0, 1);
            -webkit-transform-origin: center top;
                    transform-origin: center top;
            transition: -webkit-transform 300ms;
            transition: transform 300ms;
            transition: transform 300ms, -webkit-transform 300ms; }
          .header--navi .gnavi-item:hover:before {
            -webkit-transform: translateX(-50%) scale(1, 1);
                    transform: translateX(-50%) scale(1, 1); }
          .header--navi .gnavi-item:hover .gnavi-item--sub {
            height: auto;
            padding: 20px;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            pointer-events: all; }
          .header--navi .gnavi-item > a {
            display: block;
            font-size: 16px;
            padding: 7px 17px; }
          .header--navi .gnavi-item a[target="_blank"]:after {
            width: 20px;
            height: 10px;
            margin: 0 0 0 7px; }
          .header--navi .gnavi-item a[target="_blank"]:hover:after {
            background: url("../img/common/blank_o.png") no-repeat center 0/contain; }
          .header--navi .gnavi-item--sub {
            background: rgba(0, 0, 0, 0.8);
            text-align: center;
            position: absolute;
            width: 200px;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            pointer-events: none;
            transition: all .3s;
            height: 0;
            overflow: hidden; }
            .header--navi .gnavi-item--sub:hover {
              height: auto;
              padding: 20px;
              opacity: 1;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              pointer-events: all; }
            .header--navi .gnavi-item--sub-item > a {
              display: block;
              font-size: 16px;
              padding: 10px 0;
              transition: all .3s; }
              .header--navi .gnavi-item--sub-item > a:hover {
                color: #f07800; }
      .header--navi .lang {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        position: absolute;
        top: 30px;
        right: 22px; }
        .header--navi .lang li a {
          font-size: 16px; }
        .header--navi .lang li:last-child {
          margin-left: 20px; }
          .header--navi .lang li:last-child:before {
            content: "/";
            display: block;
            color: #fff;
            position: absolute;
            font-size: 15px;
            top: 0;
            left: -14px; } }

@media only screen and (min-width: 1099px) and (max-width: 1200px) {
  .en .header--navi .gnavi-item > a {
    padding: 7px 12px; } }

@-webkit-keyframes header_items {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(0, -2rem, 0);
            transform: translate3d(0, -2rem, 0);
    color: #1262fb; }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

@keyframes header_items {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(0, -2rem, 0);
            transform: translate3d(0, -2rem, 0);
    color: #1262fb; }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

@media only screen and (min-width: 768px) {
  #news .header.on .gnavi-item {
    -webkit-animation: none;
            animation: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@media only screen and (min-width: 768px) {
  #news .header.on .lang li {
    -webkit-animation: none;
            animation: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

.header {
  transition: 300ms; }
  .header.on {
    height: 18.25293vw;
    background-color: #000;
    -webkit-transform: translateY(-1.30378vw);
            transform: translateY(-1.30378vw); }
    @media only screen and (min-width: 768px) {
      .header.on {
        height: 70px;
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px); } }
    @media only screen and (max-width: 1099px) {
      .header.on .header--logo {
        padding: 7.1708vw 0 0 3.91134vw; }
      .header.on .lang {
        top: 6.77966vw; }
      .header.on #btn-navi {
        top: 6.91004vw; } }
    @media only screen and (min-width: 768px) and (max-width: 1099px) {
      .header.on .header--logo {
        padding: 32px 0 0 22px; }
      .header.on .lang {
        top: 23px; }
      .header.on #btn-navi {
        top: 23px; } }
    @media only screen and (min-width: 1099px) {
      .header.on .header--navi .gnavi-item > a {
        padding: 7px 17px 18px;
        color: #999; }
        .header.on .header--navi .gnavi-item > a:hover {
          color: #fff; } }

@media only screen and (min-width: 1099px) {
  .gnavi.go .gnavi-item {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .gnavi.go .gnavi-item:nth-child(1) {
      -webkit-animation: header_items 0.6s ease 0.6s forwards;
              animation: header_items 0.6s ease 0.6s forwards; }
    .gnavi.go .gnavi-item:nth-child(2) {
      -webkit-animation: header_items 0.6s ease 0.7s forwards;
              animation: header_items 0.6s ease 0.7s forwards; }
    .gnavi.go .gnavi-item:nth-child(3) {
      -webkit-animation: header_items 0.6s ease 0.8s forwards;
              animation: header_items 0.6s ease 0.8s forwards; }
    .gnavi.go .gnavi-item:nth-child(4) {
      -webkit-animation: header_items 0.6s ease 0.9s forwards;
              animation: header_items 0.6s ease 0.9s forwards; }
    .gnavi.go .gnavi-item:nth-child(5) {
      -webkit-animation: header_items 0.6s ease 1s forwards;
              animation: header_items 0.6s ease 1s forwards; }
    .gnavi.go .gnavi-item:nth-child(6) {
      -webkit-animation: header_items 0.6s ease 1.1s forwards;
              animation: header_items 0.6s ease 1.1s forwards; }
    .gnavi.go .gnavi-item:nth-child(7) {
      -webkit-animation: header_items 0.6s ease 1.2s forwards;
              animation: header_items 0.6s ease 1.2s forwards; }
    .gnavi.go .gnavi-item:nth-child(8) {
      -webkit-animation: header_items 0.6s ease 1.3s forwards;
              animation: header_items 0.6s ease 1.3s forwards; }
    .gnavi.go .gnavi-item:nth-child(9) {
      -webkit-animation: header_items 0.6s ease 1.4s forwards;
              animation: header_items 0.6s ease 1.4s forwards; }
    .gnavi.go .gnavi-item:nth-child(10) {
      -webkit-animation: header_items 0.6s ease 1.5s forwards;
              animation: header_items 0.6s ease 1.5s forwards; } }

@media only screen and (min-width: 1099px) {
  .lang.go li {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .lang.go li:nth-child(1) {
      -webkit-animation: header_items 0.6s ease 0.6s forwards;
              animation: header_items 0.6s ease 0.6s forwards; }
    .lang.go li:nth-child(2) {
      -webkit-animation: header_items 0.6s ease 0.7s forwards;
              animation: header_items 0.6s ease 0.7s forwards; }
    .lang.go li:nth-child(3) {
      -webkit-animation: header_items 0.6s ease 0.8s forwards;
              animation: header_items 0.6s ease 0.8s forwards; }
    .lang.go li:nth-child(4) {
      -webkit-animation: header_items 0.6s ease 0.9s forwards;
              animation: header_items 0.6s ease 0.9s forwards; }
    .lang.go li:nth-child(5) {
      -webkit-animation: header_items 0.6s ease 1s forwards;
              animation: header_items 0.6s ease 1s forwards; }
    .lang.go li:nth-child(6) {
      -webkit-animation: header_items 0.6s ease 1.1s forwards;
              animation: header_items 0.6s ease 1.1s forwards; }
    .lang.go li:nth-child(7) {
      -webkit-animation: header_items 0.6s ease 1.2s forwards;
              animation: header_items 0.6s ease 1.2s forwards; }
    .lang.go li:nth-child(8) {
      -webkit-animation: header_items 0.6s ease 1.3s forwards;
              animation: header_items 0.6s ease 1.3s forwards; }
    .lang.go li:nth-child(9) {
      -webkit-animation: header_items 0.6s ease 1.4s forwards;
              animation: header_items 0.6s ease 1.4s forwards; }
    .lang.go li:nth-child(10) {
      -webkit-animation: header_items 0.6s ease 1.5s forwards;
              animation: header_items 0.6s ease 1.5s forwards; } }

.top .gnavi.go .gnavi-item {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .top .gnavi.go .gnavi-item:nth-child(1) {
    -webkit-animation: header_items 0.6s ease 0.6s forwards;
            animation: header_items 0.6s ease 0.6s forwards; }
  .top .gnavi.go .gnavi-item:nth-child(2) {
    -webkit-animation: header_items 0.6s ease 0.7s forwards;
            animation: header_items 0.6s ease 0.7s forwards; }
  .top .gnavi.go .gnavi-item:nth-child(3) {
    -webkit-animation: header_items 0.6s ease 0.8s forwards;
            animation: header_items 0.6s ease 0.8s forwards; }
  .top .gnavi.go .gnavi-item:nth-child(4) {
    -webkit-animation: header_items 0.6s ease 0.9s forwards;
            animation: header_items 0.6s ease 0.9s forwards; }
  .top .gnavi.go .gnavi-item:nth-child(5) {
    -webkit-animation: header_items 0.6s ease 1s forwards;
            animation: header_items 0.6s ease 1s forwards; }
  .top .gnavi.go .gnavi-item:nth-child(6) {
    -webkit-animation: header_items 0.6s ease 1.1s forwards;
            animation: header_items 0.6s ease 1.1s forwards; }
  .top .gnavi.go .gnavi-item:nth-child(7) {
    -webkit-animation: header_items 0.6s ease 1.2s forwards;
            animation: header_items 0.6s ease 1.2s forwards; }
  .top .gnavi.go .gnavi-item:nth-child(8) {
    -webkit-animation: header_items 0.6s ease 1.3s forwards;
            animation: header_items 0.6s ease 1.3s forwards; }
  .top .gnavi.go .gnavi-item:nth-child(9) {
    -webkit-animation: header_items 0.6s ease 1.4s forwards;
            animation: header_items 0.6s ease 1.4s forwards; }
  .top .gnavi.go .gnavi-item:nth-child(10) {
    -webkit-animation: header_items 0.6s ease 1.5s forwards;
            animation: header_items 0.6s ease 1.5s forwards; }

.top .lang.go li {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .top .lang.go li:nth-child(1) {
    -webkit-animation: header_items 0.6s ease 0.6s forwards;
            animation: header_items 0.6s ease 0.6s forwards; }
  .top .lang.go li:nth-child(2) {
    -webkit-animation: header_items 0.6s ease 0.7s forwards;
            animation: header_items 0.6s ease 0.7s forwards; }
  .top .lang.go li:nth-child(3) {
    -webkit-animation: header_items 0.6s ease 0.8s forwards;
            animation: header_items 0.6s ease 0.8s forwards; }
  .top .lang.go li:nth-child(4) {
    -webkit-animation: header_items 0.6s ease 0.9s forwards;
            animation: header_items 0.6s ease 0.9s forwards; }
  .top .lang.go li:nth-child(5) {
    -webkit-animation: header_items 0.6s ease 1s forwards;
            animation: header_items 0.6s ease 1s forwards; }
  .top .lang.go li:nth-child(6) {
    -webkit-animation: header_items 0.6s ease 1.1s forwards;
            animation: header_items 0.6s ease 1.1s forwards; }
  .top .lang.go li:nth-child(7) {
    -webkit-animation: header_items 0.6s ease 1.2s forwards;
            animation: header_items 0.6s ease 1.2s forwards; }
  .top .lang.go li:nth-child(8) {
    -webkit-animation: header_items 0.6s ease 1.3s forwards;
            animation: header_items 0.6s ease 1.3s forwards; }
  .top .lang.go li:nth-child(9) {
    -webkit-animation: header_items 0.6s ease 1.4s forwards;
            animation: header_items 0.6s ease 1.4s forwards; }
  .top .lang.go li:nth-child(10) {
    -webkit-animation: header_items 0.6s ease 1.5s forwards;
            animation: header_items 0.6s ease 1.5s forwards; }

.top #btn-navi {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .top #btn-navi.go:nth-child(1) {
    -webkit-animation: header_items 0.6s ease 0.6s forwards;
            animation: header_items 0.6s ease 0.6s forwards; }
  .top #btn-navi.go:nth-child(2) {
    -webkit-animation: header_items 0.6s ease 0.7s forwards;
            animation: header_items 0.6s ease 0.7s forwards; }
  .top #btn-navi.go:nth-child(3) {
    -webkit-animation: header_items 0.6s ease 0.8s forwards;
            animation: header_items 0.6s ease 0.8s forwards; }
  .top #btn-navi.go:nth-child(4) {
    -webkit-animation: header_items 0.6s ease 0.9s forwards;
            animation: header_items 0.6s ease 0.9s forwards; }
  .top #btn-navi.go:nth-child(5) {
    -webkit-animation: header_items 0.6s ease 1s forwards;
            animation: header_items 0.6s ease 1s forwards; }
  .top #btn-navi.go:nth-child(6) {
    -webkit-animation: header_items 0.6s ease 1.1s forwards;
            animation: header_items 0.6s ease 1.1s forwards; }
  .top #btn-navi.go:nth-child(7) {
    -webkit-animation: header_items 0.6s ease 1.2s forwards;
            animation: header_items 0.6s ease 1.2s forwards; }
  .top #btn-navi.go:nth-child(8) {
    -webkit-animation: header_items 0.6s ease 1.3s forwards;
            animation: header_items 0.6s ease 1.3s forwards; }
  .top #btn-navi.go:nth-child(9) {
    -webkit-animation: header_items 0.6s ease 1.4s forwards;
            animation: header_items 0.6s ease 1.4s forwards; }
  .top #btn-navi.go:nth-child(10) {
    -webkit-animation: header_items 0.6s ease 1.5s forwards;
            animation: header_items 0.6s ease 1.5s forwards; }

.footer {
  background-color: #dddddd; }
  .footer a {
    display: block; }
  @media only screen and (min-width: 768px) {
    .footer {
      padding: 30px 30px; } }
  .footer--inner {
    padding: 12.38592vw 0 3.91134vw; }
    @media only screen and (min-width: 768px) {
      .footer--inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0; } }
  @media only screen and (max-width: 767px) {
    .footer--logo {
      width: 56.32334vw;
      margin: 0 auto 12.38592vw; } }
  @media only screen and (min-width: 768px) {
    .footer--logo {
      -webkit-flex-basis: 216px;
          -ms-flex-preferred-size: 216px;
              flex-basis: 216px; } }
  .footer--link .link--sns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto 11.73403vw; }
    @media only screen and (min-width: 768px) {
      .footer--link .link--sns {
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin: 0 auto 45px; } }
    .footer--link .link--sns-item {
      -webkit-flex-basis: 10.43025vw;
          -ms-flex-preferred-size: 10.43025vw;
              flex-basis: 10.43025vw;
      margin: 0 3.91134vw; }
      @media only screen and (max-width: 767px) {
        .footer--link .link--sns-item:nth-child(2) {
          margin: 0 3.25945vw; }
        .footer--link .link--sns-item:last-child {
          margin: 0 4.56323vw; } }
      @media only screen and (min-width: 768px) {
        .footer--link .link--sns-item {
          -webkit-flex-basis: 40px;
              -ms-flex-preferred-size: 40px;
                  flex-basis: 40px;
          margin: 0 0 0 22px;
          transition: 300ms; }
          .footer--link .link--sns-item:hover {
            -webkit-transform: translateY(-10%);
                    transform: translateY(-10%); } }
  .footer--link .link--ui {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (min-width: 768px) {
      .footer--link .link--ui {
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    .footer--link .link--ui-item {
      font-size: 3.12907vw;
      margin: 0 3.25945vw; }
      @media only screen and (min-width: 768px) {
        .footer--link .link--ui-item {
          font-size: 14px;
          margin: 0 0 0 30px; } }
  @media only screen and (max-width: 767px) {
    .footer--copyright {
      background-color: #000;
      text-align: center;
      color: #fff;
      font-size: 2.60756vw;
      padding: 1.95567vw 0 1.69492vw; } }
  @media only screen and (min-width: 768px) {
    .footer--copyright {
      font-size: 12px;
      margin-top: -12px; } }

.pagetop {
  width: 18.25293vw;
  height: 10.43025vw;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .pagetop {
      margin: 0 auto 3.91134vw; } }
  @media only screen and (min-width: 768px) {
    .pagetop {
      cursor: pointer;
      margin: 0 30px 30px auto;
      width: 80px;
      height: 46px; }
      .pagetop:hover .pagetop-arw {
        -webkit-transform: translateX(-50%) translateY(-10px);
                transform: translateX(-50%) translateY(-10px); } }
  .pagetop-arw {
    position: absolute;
    top: 0.4vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 4.36323vw;
    transition: 300ms; }
    @media only screen and (min-width: 768px) {
      .pagetop-arw {
        width: 16px;
        top: 4px; } }
  .pagetop-text {
    position: absolute;
    bottom: 1.3vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 15.45293vw; }
    @media only screen and (min-width: 768px) {
      .pagetop-text {
        bottom: 7px;
        width: 65px; } }

.otgs-development-site-front-end {
  display: none; }

/*ポップアップスライドイン*/
@-webkit-keyframes slidein {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes slidein {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

/*ポップアップスライドアウト*/
@-webkit-keyframes slideout {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }

@keyframes slideout {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }

/**********************************
共通
**********************************/
.cookie-pop p,
.cookie-pop button,
.cookie-pop a {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: 'Roboto', 'Noto Sans JP', sans-serif;
  color: white;
  line-height: 1.4; }
  @media only screen and (max-width: 767px) {
    .cookie-pop p,
    .cookie-pop button,
    .cookie-pop a {
      font-size: 2.60756vw; } }

.cookie-pop {
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-animation-name: slidein;
          animation-name: slidein;
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100; }

.cookie-pop.pop-remove {
  -webkit-animation-name: slideout;
          animation-name: slideout;
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms; }

.cookie-pop .upper {
  text-transform: uppercase; }

.cookie-pop .txt-left {
  text-align: left; }

.cookie-pop .txt-left a {
  text-decoration: underline; }

.cookie-pop .txt-center {
  text-align: center; }

/**********************************
初期画面（cookie-pop.html）
**********************************/
.cookie-pop .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0 35px; }

.cookie-pop .container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center; }

.cookie-pop .btns {
  margin: 0 0 0 40px; }

/*同意ボタン*/
.cookie-pop .accept {
  width: 180px;
  height: 58px;
  background-color: #f07800;
  border: solid 1px #f07800;
  border-radius: 25px;
  cursor: pointer;
  text-align: center;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .cookie-pop .accept {
      width: 46.875vw;
      height: 11.625vw;
      font-size: 3.90625vw; } }

@media only screen and (max-width: 767px) {
  .cookie-pop .btns p {
    text-align: center; } }

.cookie-pop .accept:hover {
  background-color: #1a1a1a;
  border: solid 2px #f07800;
  color: #f07800; }

/*プライバシーポリシーリンク*/
.cookie-policy a {
  color: #dcd9d9;
  -webkit-text-decoration-color: #dcd9d9;
     -moz-text-decoration-color: #dcd9d9;
          text-decoration-color: #dcd9d9; }

.cookie-pop .cookie-policy {
  margin-top: 15px; }

@media screen and (max-width: 1200px) {
  /**********************************
初期画面（cookie-pop.html）
**********************************/
  .cookie-pop .wrapper {
    padding: 30px 20px 45px; } }

@media screen and (max-width: 768px) {
  /**********************************
共通
**********************************/
  .cookie-pop p,
  .cookie-pop a,
  .cookie-pop .cookie-policy a {
    /* add */
    font-size: 26px; } }
  @media only screen and (max-width: 768px) and (max-width: 767px) {
    .cookie-pop p,
    .cookie-pop a,
    .cookie-pop .cookie-policy a {
      font-size: 3.91134vw; } }

@media screen and (max-width: 768px) {
  .cookie-pop p,
  .cookie-pop button {
    line-height: 1.6; }
  /**********************************
初期画面（cookie-pop.html）
**********************************/
  .cookie-pop .wrapper {
    width: auto;
    padding: 15px 70px; } }
  @media only screen and (max-width: 768px) and (max-width: 767px) {
    .cookie-pop .wrapper {
      padding: 3.91134vw 6.5189vw; } }

@media screen and (max-width: 768px) {
  .cookie-pop .container {
    display: block; }
  .cookie-pop .text-area {
    height: 330px;
    padding-right: 20px; }
  .cookie-pop .scroll-area {
    position: relative;
    overflow: hidden; }
  /*
   * Scrollbar rail styles
   */
  .ps__rail-x {
    display: block;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: none;
    -webkit-transition: none;
    height: 10px;
    background-color: #717070;
    border-radius: 5px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute; }
  .ps__rail-y {
    display: block;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: none;
    -webkit-transition: none;
    width: 10px;
    background-color: #717070;
    border-radius: 5px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute; }
  .ps--active-x > .ps__rail-x,
  .ps--active-y > .ps__rail-y {
    display: block;
    background-color: #717070; }
  .ps:hover > .ps__rail-x,
  .ps:hover > .ps__rail-y,
  .ps--focus > .ps__rail-x,
  .ps--focus > .ps__rail-y,
  .ps--scrolling-x > .ps__rail-x,
  .ps--scrolling-y > .ps__rail-y {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .ps .ps__rail-x:hover,
  .ps .ps__rail-y:hover,
  .ps .ps__rail-x:focus,
  .ps .ps__rail-y:focus,
  .ps .ps__rail-x.ps--clicking,
  .ps .ps__rail-y.ps--clicking {
    background-color: #717070;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  /*
   * Scrollbar thumb styles
   */
  .ps__thumb-x {
    background-color: #a09f9f;
    border-radius: 5px;
    transition: none;
    -webkit-transition: none;
    height: 10px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute; }
  .ps__thumb-y {
    background-color: #a09f9f;
    border-radius: 5px;
    transition: none;
    -webkit-transition: none;
    width: 10px;
    /* there must be 'right' for ps__thumb-y */
    right: 0px;
    /* please don't change 'position' */
    position: absolute; }
  .ps__rail-x:hover > .ps__thumb-x,
  .ps__rail-x:focus > .ps__thumb-x,
  .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #a09f9f;
    height: 10px; }
  .ps__rail-y:hover > .ps__thumb-y,
  .ps__rail-y:focus > .ps__thumb-y,
  .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #a09f9f;
    width: 10px; }
  .cookie-pop .btns {
    /*  margin: 20px 0 0; */
    margin: 15px 0 0; }
  /*同意ボタン*/
  .cookie-pop .accept:hover {
    background-color: #f07800;
    border: none;
    color: #ffffff; } }

@media screen and (max-width: 480px) {
  .cookie-pop .text-area {
    height: auto;
    padding-right: 0; } }

#cookie-pop-bn.off {
  display: none; }

.load {
  width: 100%;
  height: 100%;
  background-color: #444444;
  position: fixed;
  z-index: 100;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  transition: 350ms;
  transition-timing-function: ease-in-out; }
  .load.hide {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  .load-logo {
    width: 61.53846vw;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .load-logo {
        width: 314px; } }
  .load-line {
    margin-top: 13.03781vw;
    width: 0;
    height: 0.65189vw;
    background-color: #f07800;
    transition: 300ms; }
    @media only screen and (min-width: 768px) {
      .load-line {
        margin-top: 50px;
        height: 5px; } }
  .load-text {
    font-size: 6.5189vw;
    margin-top: 13.03781vw;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .load-text {
        font-size: 26px;
        margin-top: 50px; } }

/*# sourceMappingURL=../maps/share.css.map */