@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:300,400,500,700,900&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700,900&display=swap);
/* line 3, ../scss/foundation/_reset.scss */
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 21, ../scss/foundation/_reset.scss */
body {
  margin: 0;
  padding: 0;
}

/* line 26, ../scss/foundation/_reset.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}

/* line 31, ../scss/foundation/_reset.scss */
img {
  border: none;
}

/* line 35, ../scss/foundation/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 40, ../scss/foundation/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 45, ../scss/foundation/_reset.scss */
figure {
  margin: 0;
}

/* line 50, ../scss/foundation/_reset.scss */
cite {
  font-style: normal;
}

/* line 54, ../scss/foundation/_reset.scss */
hr {
  border: none;
  width: 0;
}

/* line 60, ../scss/foundation/_reset.scss */
img {
  max-width: 100%;
  height: auto;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 4, ../scss/component/fontawesome/_core.scss */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
/* line 5, ../scss/component/fontawesome/_larger.scss */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

/* line 10, ../scss/component/fontawesome/_larger.scss */
.fa-2x {
  font-size: 2em;
}

/* line 11, ../scss/component/fontawesome/_larger.scss */
.fa-3x {
  font-size: 3em;
}

/* line 12, ../scss/component/fontawesome/_larger.scss */
.fa-4x {
  font-size: 4em;
}

/* line 13, ../scss/component/fontawesome/_larger.scss */
.fa-5x {
  font-size: 5em;
}

/* line 3, ../scss/component/fontawesome/_fixed-width.scss */
.fa-fw {
  width: 1.28571em;
  text-align: center;
}

/* line 4, ../scss/component/fontawesome/_list.scss */
.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none;
}
/* line 8, ../scss/component/fontawesome/_list.scss */
.fa-ul > li {
  position: relative;
}

/* line 10, ../scss/component/fontawesome/_list.scss */
.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center;
}
/* line 16, ../scss/component/fontawesome/_list.scss */
.fa-li.fa-lg {
  left: -1.85714em;
}

/* line 4, ../scss/component/fontawesome/_bordered-pulled.scss */
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

/* line 10, ../scss/component/fontawesome/_bordered-pulled.scss */
.fa-pull-left {
  float: left;
}

/* line 11, ../scss/component/fontawesome/_bordered-pulled.scss */
.fa-pull-right {
  float: right;
}

/* line 14, ../scss/component/fontawesome/_bordered-pulled.scss */
.fa.fa-pull-left {
  margin-right: .3em;
}
/* line 15, ../scss/component/fontawesome/_bordered-pulled.scss */
.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
/* line 19, ../scss/component/fontawesome/_bordered-pulled.scss */
.pull-right {
  float: right;
}

/* line 20, ../scss/component/fontawesome/_bordered-pulled.scss */
.pull-left {
  float: left;
}

/* line 23, ../scss/component/fontawesome/_bordered-pulled.scss */
.fa.pull-left {
  margin-right: .3em;
}
/* line 24, ../scss/component/fontawesome/_bordered-pulled.scss */
.fa.pull-right {
  margin-left: .3em;
}

/* line 4, ../scss/component/fontawesome/_animated.scss */
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

/* line 9, ../scss/component/fontawesome/_animated.scss */
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* line 4, ../scss/component/fontawesome/_rotated-flipped.scss */
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 5, ../scss/component/fontawesome/_rotated-flipped.scss */
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 6, ../scss/component/fontawesome/_rotated-flipped.scss */
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

/* line 8, ../scss/component/fontawesome/_rotated-flipped.scss */
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

/* line 9, ../scss/component/fontawesome/_rotated-flipped.scss */
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

/* line 14, ../scss/component/fontawesome/_rotated-flipped.scss */
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

/* line 4, ../scss/component/fontawesome/_stacked.scss */
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

/* line 12, ../scss/component/fontawesome/_stacked.scss */
.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

/* line 18, ../scss/component/fontawesome/_stacked.scss */
.fa-stack-1x {
  line-height: inherit;
}

/* line 19, ../scss/component/fontawesome/_stacked.scss */
.fa-stack-2x {
  font-size: 2em;
}

/* line 20, ../scss/component/fontawesome/_stacked.scss */
.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
/* line 20, ../scss/component/fontawesome/_icons.scss */
.fa-search-plus:before {
  content: "";
}

/* line 4, ../scss/component/fontawesome/_screen-reader.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 51, ../scss/component/fontawesome/_mixins.scss */
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 17, ../scss/foundation/_icon-font__icomoon.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 32, ../scss/foundation/_icon-font__icomoon.scss */
.icon-menu-open:before {
  content: "\e900";
}

/* line 35, ../scss/foundation/_icon-font__icomoon.scss */
.icon-menu-close:before {
  content: "\e901";
}

/* line 38, ../scss/foundation/_icon-font__icomoon.scss */
.icon-under:before {
  content: "\e902";
}

/* line 41, ../scss/foundation/_icon-font__icomoon.scss */
.icon-left:before {
  content: "\e903";
}

/* line 44, ../scss/foundation/_icon-font__icomoon.scss */
.icon-right:before {
  content: "\e904";
}

/*
html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}
*/
@font-face {
  font-family: 'din_alternate_bold';
  src: url("../fonts/din_alternate_bold/din_alternate_bold-webfont.eot");
  src: url("../fonts/din_alternate_bold/din_alternate_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/din_alternate_bold/din_alternate_bold-webfont.woff") format("woff"), url("../fonts/din_alternate_bold/din_alternate_bold-webfont.ttf") format("truetype");
}
/* line 82, ../scss/foundation/_config.scss */
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #0a0c29;
  width: 100%;
}

/* line 91, ../scss/foundation/_config.scss */
a:link {
  color: #101239;
  text-decoration: none;
}
/* line 96, ../scss/foundation/_config.scss */
a:hover {
  color: #101239;
  text-decoration: none;
}
/* line 101, ../scss/foundation/_config.scss */
a:visited {
  color: #101239;
  text-decoration: none;
}

/* line 107, ../scss/foundation/_config.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Chromeの青枠対策 */
/* line 114, ../scss/foundation/_config.scss */
*:focus {
  outline: none;
}

/* Safariの角丸対策 */
/* line 119, ../scss/foundation/_config.scss */
input, select, textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

/* M+フォントを使用した場合、brタグが視覚化されてしまうバグの対策 */
/* line 125, ../scss/foundation/_config.scss */
br {
  color: transparent;
}

/* ------------------------- License ------------------------- */
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
/* line 16, ../scss/component/_nav-hover.scss */
.header__nav-hover,
.footer__nav-hover {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  /* ------------------------- /License ------------------------- */
}
/* line 28, ../scss/component/_nav-hover.scss */
.header__nav-hover:before,
.footer__nav-hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #e83428;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
@media only screen and (min-width: 1280px) {
  /* line 28, ../scss/component/_nav-hover.scss */
  .header__nav-hover:before,
  .footer__nav-hover:before {
    height: 4px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1280px) {
  /* line 28, ../scss/component/_nav-hover.scss */
  .header__nav-hover:before,
  .footer__nav-hover:before {
    height: 4px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 28, ../scss/component/_nav-hover.scss */
  .header__nav-hover:before,
  .footer__nav-hover:before {
    height: 0;
  }
}
/* line 61, ../scss/component/_nav-hover.scss */
.header__nav-hover:hover:before, .header__nav-hover:focus:before, .header__nav-hover:active:before,
.footer__nav-hover:hover:before,
.footer__nav-hover:focus:before,
.footer__nav-hover:active:before {
  left: 0;
  right: 0;
}

/* 左から右へ */
/* line 2, ../scss/component/_motion-txt.scss */
.motion-txt--lr {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

/* line 8, ../scss/component/_motion-txt.scss */
.motion-txt--lr:after {
  content: '';
  position: absolute;
  opacity: 1;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #e83428;
  transform: translate3d(-101%, 0, 0);
}

/* line 20, ../scss/component/_motion-txt.scss */
.js-scroll.show .motion-txt--lr:after {
  transition-property: transform, opacity;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate3d(0, 0, 0);
}

/* line 28, ../scss/component/_motion-txt.scss */
.js-scroll.done .motion-txt--lr:after {
  transition-property: transform;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate3d(101%, 0, 0);
}

/* line 36, ../scss/component/_motion-txt.scss */
.motion-txt--lr .motion-inner {
  display: inline-block;
  opacity: 0;
}

/* line 41, ../scss/component/_motion-txt.scss */
.js-scroll.done .motion-txt--lr .motion-inner {
  opacity: 1;
}

/* 右から左へ */
/* line 46, ../scss/component/_motion-txt.scss */
.motion-txt--rl {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

/* line 52, ../scss/component/_motion-txt.scss */
.motion-txt--rl:after {
  content: '';
  position: absolute;
  opacity: 1;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #101239;
  transform: translate3d(101%, 0, 0);
}

/* line 64, ../scss/component/_motion-txt.scss */
.js-scroll.show .motion-txt--rl:after {
  transition-property: transform, opacity;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate3d(0, 0, 0);
}

/* line 72, ../scss/component/_motion-txt.scss */
.js-scroll.done .motion-txt--rl:after {
  transition-property: transform;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate3d(-101%, 0, 0);
}

/* line 80, ../scss/component/_motion-txt.scss */
.motion-txt--rl .motion-inner {
  display: inline-block;
  opacity: 0;
}

/* line 85, ../scss/component/_motion-txt.scss */
.js-scroll.done .motion-txt--rl .motion-inner {
  opacity: 1;
}

/* line 1, ../scss/layout/_common.scss */
.br--pc {
  display: inline;
}
@media only screen and (max-width: 640px) {
  /* line 1, ../scss/layout/_common.scss */
  .br--pc {
    display: none;
  }
}

/* line 9, ../scss/layout/_common.scss */
.br--sp {
  display: inline;
}
@media only screen and (min-width: 1280px) {
  /* line 9, ../scss/layout/_common.scss */
  .br--sp {
    display: none;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1280px) {
  /* line 9, ../scss/layout/_common.scss */
  .br--sp {
    display: none;
  }
}

/* line 1, ../scss/layout/_header.scss */
#header {
  position: fixed;
  width: 100%;
  min-width: 1280px;
  height: 100px;
  top: 0;
  left: 0;
  background-color: #101239;
  z-index: 999;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
@media only screen and (max-width: 640px) {
  /* line 1, ../scss/layout/_header.scss */
  #header {
    min-width: 100%;
  }
}
/* line 21, ../scss/layout/_header.scss */
#header .header__logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 186px;
  height: 136px;
  background: #ffffff;
  margin-left: 50px;
  z-index: 1000;
}
@media only screen and (max-width: 640px) {
  /* line 21, ../scss/layout/_header.scss */
  #header .header__logo {
    width: 50%;
    height: 100px;
    margin-left: 0;
  }
}
/* line 37, ../scss/layout/_header.scss */
#header .header__logo img {
  display: block;
  width: 160px;
  height: auto;
  margin: 35px auto 0;
}
@media only screen and (max-width: 640px) {
  /* line 37, ../scss/layout/_header.scss */
  #header .header__logo img {
    width: 120px;
    height: auto;
    margin: 25px auto 0;
  }
}
/* line 51, ../scss/layout/_header.scss */
#header .header__container {
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 56, ../scss/layout/_header.scss */
#header .header__container .header__nav {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
}
@media only screen and (max-width: 640px) {
  /* line 56, ../scss/layout/_header.scss */
  #header .header__container .header__nav {
    display: none;
    position: absolute;
    margin: 100px 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(16, 18, 57, 0.85);
  }
}
/* line 72, ../scss/layout/_header.scss */
#header .header__container .header__nav ul {
  display: block;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
/* line 77, ../scss/layout/_header.scss */
#header .header__container .header__nav li {
  text-align: center;
  display: inline-block;
  flex: 1;
  height: 100px;
  padding-top: 25px;
}
@media only screen and (max-width: 640px) {
  /* line 77, ../scss/layout/_header.scss */
  #header .header__container .header__nav li {
    height: 80px;
    flex: auto;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0 15px 0;
  }
}
/* line 91, ../scss/layout/_header.scss */
#header .header__container .header__nav li span {
  display: block;
  margin: 5px 0;
}
/* line 96, ../scss/layout/_header.scss */
#header .header__container .header__nav li .header__nav__text--en {
  font-family: "din_alternate_bold";
  color: #e83428;
  font-size: 14px;
  line-height: 1.2;
}
/* line 103, ../scss/layout/_header.scss */
#header .header__container .header__nav li .header__nav__text--jp {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.2;
}
/* line 109, ../scss/layout/_header.scss */
#header .header__container .header__nav li .header__nav__text--jp4 {
  color: #0a0c29;
  font-size: 14px;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  /* line 109, ../scss/layout/_header.scss */
  #header .header__container .header__nav li .header__nav__text--jp4 {
    color: #ffffff;
  }
}
@media only screen and (min-width: 1280px) {
  /* line 120, ../scss/layout/_header.scss */
  #header .header__container .header__nav li:nth-child(5) {
    background-color: #d7d6ea;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1280px) {
  /* line 120, ../scss/layout/_header.scss */
  #header .header__container .header__nav li:nth-child(5) {
    background-color: #d7d6ea;
  }
}
@media only screen and (min-width: 1280px) {
  /* line 120, ../scss/layout/_header.scss */
  #header .header__container .header__nav li:nth-child(6) {
    background-color: #d7d6ea;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1280px) {
  /* line 120, ../scss/layout/_header.scss */
  #header .header__container .header__nav li:nth-child(6) {
    background-color: #d7d6ea;
  }
}
@media only screen and (min-width: 1280px) {
  /* line 120, ../scss/layout/_header.scss */
  #header .header__container .header__nav li:nth-child(7) {
    background-color: #d7d6ea;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1280px) {
  /* line 120, ../scss/layout/_header.scss */
  #header .header__container .header__nav li:nth-child(7) {
    background-color: #d7d6ea;
  }
}
/* line 132, ../scss/layout/_header.scss */
#header .header__container .header__nav__toggle {
  display: none;
  position: absolute;
  font-size: 2em;
  line-height: 0;
  color: #e83428;
  cursor: pointer;
  top: 50%;
  right: 30px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
  /* OPEN時の動き */
}
@media only screen and (max-width: 640px) {
  /* line 132, ../scss/layout/_header.scss */
  #header .header__container .header__nav__toggle {
    display: block;
    right: 0;
  }
}
/* line 150, ../scss/layout/_header.scss */
#header .header__container .header__nav__toggle .header__nav__toggle--icon {
  position: relative;
  display: block;
  height: 2px;
  width: 30px;
  background: #e83428;
  -webkit-transition: all .25s ease 0s;
  -moz-transition: all .25s ease 0s;
  -ms-transition: all .25s ease 0s;
  -o-transition: all .25s ease 0s;
  transition: all .25s ease 0s;
}
/* line 164, ../scss/layout/_header.scss */
#header .header__container .header__nav__toggle .header__nav__toggle--icon:nth-child(1) {
  top: 0;
}
/* line 167, ../scss/layout/_header.scss */
#header .header__container .header__nav__toggle .header__nav__toggle--icon:nth-child(2) {
  margin: 8px 0;
}
/* line 170, ../scss/layout/_header.scss */
#header .header__container .header__nav__toggle .header__nav__toggle--icon:nth-child(3) {
  top: 0;
}
/* line 175, ../scss/layout/_header.scss */
#header .header__container .header__nav__toggle .header__nav__toggle--icon.open:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 180, ../scss/layout/_header.scss */
#header .header__container .header__nav__toggle .header__nav__toggle--icon.open:nth-child(2) {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
}
/* line 185, ../scss/layout/_header.scss */
#header .header__container .header__nav__toggle .header__nav__toggle--icon.open:nth-child(3) {
  top: -10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 194, ../scss/layout/_header.scss */
#header.disappear {
  margin-top: -136px;
}

/* line 1, ../scss/layout/_keyvisual.scss */
#keyvisual {
  width: 100%;
  min-width: 1280px;
  padding: 100px 0 50px 0;
}
@media only screen and (max-width: 640px) {
  /* line 1, ../scss/layout/_keyvisual.scss */
  #keyvisual {
    min-width: 100%;
  }
}
/* line 10, ../scss/layout/_keyvisual.scss */
#keyvisual .keyvisual__container {
  position: relative;
  background-color: #ffffff;
  width: 100%;
  height: 400px;
  min-height: 400px;
}
/* line 17, ../scss/layout/_keyvisual.scss */
#keyvisual .keyvisual__container .keyvisual__bcg {
  position: absolute;
  background-color: #101239;
  width: 80%;
  height: 300px;
  min-height: 300px;
}
@media only screen and (max-width: 640px) {
  /* line 17, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__bcg {
    width: 85%;
  }
}
/* line 29, ../scss/layout/_keyvisual.scss */
#keyvisual .keyvisual__container .keyvisual__visual {
  position: absolute;
  display: block;
  width: 80%;
  height: 400px;
  min-height: 400px;
  right: 0;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  /* line 29, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__visual {
    width: 85%;
  }
}
/* line 42, ../scss/layout/_keyvisual.scss */
#keyvisual .keyvisual__container .keyvisual__visual img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 640px) {
  /* line 48, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__our-mission {
    content: url("../img/our-mission/img_keyvisual_sp.jpg");
  }
}
@media only screen and (max-width: 640px) {
  /* line 54, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__services {
    content: url("../img/services/img_keyvisual_sp.jpg");
  }
}
@media only screen and (max-width: 640px) {
  /* line 60, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__real-estate_brokerage {
    content: url("../img/real-estate_brokerage/img_keyvisual_sp.jpg");
  }
}
@media only screen and (max-width: 640px) {
  /* line 66, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__real-estate_sales {
    content: url("../img/real-estate_sales/img_keyvisual_sp.jpg");
  }
}
@media only screen and (max-width: 640px) {
  /* line 72, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__consulting {
    content: url("../img/consulting/img_keyvisual_sp.jpg");
  }
}
@media only screen and (max-width: 640px) {
  /* line 78, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__company-profile {
    content: url("../img/company-profile/img_keyvisual_sp.jpg");
  }
}
@media only screen and (max-width: 640px) {
  /* line 84, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__inquiry {
    content: url("../img/inquiry/img_keyvisual_sp.jpg");
  }
}
/* line 90, ../scss/layout/_keyvisual.scss */
#keyvisual .keyvisual__container .keyvisual__title {
  position: absolute;
  height: 250px;
  bottom: 0;
  margin: 0 0 50px 10%;
  background: url(../img/common/bcg_gradation-line.png) no-repeat;
}
@media only screen and (max-width: 640px) {
  /* line 90, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__title {
    height: 200px;
    margin: 0 0 50px 0;
  }
}
/* line 102, ../scss/layout/_keyvisual.scss */
#keyvisual .keyvisual__container .keyvisual__title h1 {
  font-family: "din_alternate_bold";
  font-size: 56px;
  line-height: 56px;
  margin: 0 0 25px 25px;
  color: #ffffff;
}
@media only screen and (max-width: 640px) {
  /* line 102, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__title h1 {
    font-size: 34px;
    line-height: 34px;
    margin: 0 0 15px 25px;
  }
}
/* line 116, ../scss/layout/_keyvisual.scss */
#keyvisual .keyvisual__container .keyvisual__title p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 18px;
  margin: 0 0 0 25px;
  color: #ffffff;
}
@media only screen and (max-width: 640px) {
  /* line 116, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__title p {
    font-size: 14px;
    line-height: 14px;
  }
}
/* line 131, ../scss/layout/_keyvisual.scss */
#keyvisual .keyvisual__container .keyvisual__scroll-down {
  position: absolute;
  width: 60px;
  height: 180px;
  background-color: #101239;
  bottom: -50px;
  right: 0;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  /* line 131, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__scroll-down {
    width: 40px;
    height: 140px;
  }
}
/* line 145, ../scss/layout/_keyvisual.scss */
#keyvisual .keyvisual__container .keyvisual__scroll-down img {
  display: block;
  position: absolute;
  width: auto;
  height: 120px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 640px) {
  /* line 145, ../scss/layout/_keyvisual.scss */
  #keyvisual .keyvisual__container .keyvisual__scroll-down img {
    height: 100px;
  }
}

/* line 164, ../scss/layout/_keyvisual.scss */
.motion-inner {
  line-height: 1.2;
}

/* line 1, ../scss/layout/_contents.scss */
#contents {
  width: 100%;
  min-width: 1280px;
}
@media only screen and (max-width: 640px) {
  /* line 1, ../scss/layout/_contents.scss */
  #contents {
    min-width: 100%;
  }
}
/* line 9, ../scss/layout/_contents.scss */
#contents .contents__container {
  position: relative;
  width: 100%;
}
/* line 13, ../scss/layout/_contents.scss */
#contents .contents__container .locator {
  position: absolute;
  top: -50px;
  left: 0;
  margin: 0 0 0 15%;
}
@media only screen and (max-width: 640px) {
  /* line 13, ../scss/layout/_contents.scss */
  #contents .contents__container .locator {
    margin: 0 0 0 15%;
  }
}
/* line 23, ../scss/layout/_contents.scss */
#contents .contents__container .locator p {
  padding-top: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
}
@media only screen and (max-width: 640px) {
  /* line 23, ../scss/layout/_contents.scss */
  #contents .contents__container .locator p {
    font-size: 12px;
    line-height: 12px;
  }
}
/* line 37, ../scss/layout/_contents.scss */
#contents .contents__container .contents__side {
  display: inline-block;
  width: 15%;
  height: 600px;
  background-color: #101239;
}
/* line 44, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main {
  display: inline-block;
  width: 82.5%;
  vertical-align: top;
  padding: 50px 100px;
}
@media only screen and (max-width: 640px) {
  /* line 44, ../scss/layout/_contents.scss */
  #contents .contents__container .contents__main {
    padding: 50px 5%;
  }
}
/* line 54, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main h2 {
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-size: 36px;
  line-height: 54px;
  margin: 0 0 50px 0;
}
@media only screen and (max-width: 640px) {
  /* line 54, ../scss/layout/_contents.scss */
  #contents .contents__container .contents__main h2 {
    margin: 0 0 50px 0;
    font-size: 24px;
    line-height: 36px;
  }
}
/* line 68, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main h4 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  margin: 50px 0;
}
@media only screen and (max-width: 640px) {
  /* line 68, ../scss/layout/_contents.scss */
  #contents .contents__container .contents__main h4 {
    margin: 25px 0;
    font-size: 16px;
    line-height: 24px;
  }
}
/* line 81, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main h4:before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../img/common/img_eye-catch.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: 0 10px -10px 0;
}
@media only screen and (max-width: 640px) {
  /* line 81, ../scss/layout/_contents.scss */
  #contents .contents__container .contents__main h4:before {
    width: 30px;
    height: 30px;
  }
}
/* line 97, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main .open-close--01 h4,
#contents .contents__container .contents__main .open-close--02 h4,
#contents .contents__container .contents__main .open-close--03 h4,
#contents .contents__container .contents__main .open-close--04 h4,
#contents .contents__container .contents__main .open-close--05 h4 {
  cursor: pointer;
}
/* line 105, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main .open-close--01 p,
#contents .contents__container .contents__main .open-close--02 p,
#contents .contents__container .contents__main .open-close--03 p,
#contents .contents__container .contents__main .open-close--04 p,
#contents .contents__container .contents__main .open-close--05 p {
  display: none;
}
/* line 113, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main h5 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  margin: 0 0 25px 0;
}
@media only screen and (max-width: 640px) {
  /* line 113, ../scss/layout/_contents.scss */
  #contents .contents__container .contents__main h5 {
    margin: 0 0 25px 0;
    font-size: 14px;
    line-height: 18px;
  }
}
/* line 127, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main p, #contents .contents__container .contents__main dl, #contents .contents__container .contents__main li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  margin: 0 0 25px 0;
}
@media only screen and (max-width: 640px) {
  /* line 127, ../scss/layout/_contents.scss */
  #contents .contents__container .contents__main p, #contents .contents__container .contents__main dl, #contents .contents__container .contents__main li {
    margin: 0 0 25px 0;
    font-size: 12px;
    line-height: 18px;
  }
}
/* line 141, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main dl {
  display: block;
}
/* line 145, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main dt {
  display: inline-block;
  width: 165px;
  font-weight: 500;
}
@media only screen and (max-width: 640px) {
  /* line 145, ../scss/layout/_contents.scss */
  #contents .contents__container .contents__main dt {
    display: block;
  }
}
/* line 155, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main dd {
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  /* line 155, ../scss/layout/_contents.scss */
  #contents .contents__container .contents__main dd {
    display: block;
  }
}
/* line 163, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main ol {
  display: block;
  list-style-type: decimal;
  margin: 0 30px;
}
/* line 169, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main .va--top {
  vertical-align: top;
}
/* line 173, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main .va--middle {
  vertical-align: middle;
}
/* line 177, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main .signature--position {
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  line-height: 18px;
  margin: 0 0 10px 75%;
}
@media only screen and (max-width: 640px) {
  /* line 177, ../scss/layout/_contents.scss */
  #contents .contents__container .contents__main .signature--position {
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 10px 65%;
  }
}
/* line 190, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main .signature--name {
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  line-height: 36px;
  margin: 0 0 10px 75%;
}
@media only screen and (max-width: 640px) {
  /* line 190, ../scss/layout/_contents.scss */
  #contents .contents__container .contents__main .signature--name {
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 10px 65%;
  }
}
/* line 203, ../scss/layout/_contents.scss */
#contents .contents__container .contents__main .sales-flow {
  width: 90%;
  height: auto;
  margin: 25px 5%;
}

/* line 1, ../scss/layout/_form.scss */
.inquiry___form--input,
.inquiry___form--select {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  border: solid 1px #ccc;
  padding: 5px;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 15, ../scss/layout/_form.scss */
.inquiry___form--textarea {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  border: solid 1px #ccc;
  padding: 5px;
  height: 200px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 28, ../scss/layout/_form.scss */
.inquiry___form--submit {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  padding: 5px;
  height: 50px;
  color: #e83428;
  background-color: #101239;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 43, ../scss/layout/_form.scss */
.inquiry___form--submit {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  padding: 5px;
  height: 50px;
  color: #e83428;
  background-color: #101239;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 58, ../scss/layout/_form.scss */
.inquiry___form--prev {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  padding: 5px;
  height: 50px;
  color: #101239;
  background-color: #e83428;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 73, ../scss/layout/_form.scss */
.w150 {
  width: 150px;
}
@media only screen and (max-width: 640px) {
  /* line 73, ../scss/layout/_form.scss */
  .w150 {
    width: 100%;
  }
}

/* line 81, ../scss/layout/_form.scss */
.w300 {
  width: 300px;
}
@media only screen and (max-width: 640px) {
  /* line 81, ../scss/layout/_form.scss */
  .w300 {
    width: 100%;
  }
}

/* line 89, ../scss/layout/_form.scss */
.w450 {
  width: 450px;
}
@media only screen and (max-width: 640px) {
  /* line 89, ../scss/layout/_form.scss */
  .w450 {
    width: 100%;
  }
}

/* line 97, ../scss/layout/_form.scss */
.w600 {
  width: 600px;
}
@media only screen and (max-width: 640px) {
  /* line 97, ../scss/layout/_form.scss */
  .w600 {
    width: 100%;
  }
}

/* line 105, ../scss/layout/_form.scss */
.w750 {
  width: 750px;
}
@media only screen and (max-width: 640px) {
  /* line 105, ../scss/layout/_form.scss */
  .w750 {
    width: 100%;
  }
}

/* line 113, ../scss/layout/_form.scss */
.required-item {
  color: #e83428;
  padding: 0 3px;
}

/* line 1, ../scss/layout/_inquiry.scss */
#inquiry {
  width: 100%;
  min-width: 1280px;
  margin: 50px 0 0 0;
}
@media only screen and (max-width: 640px) {
  /* line 1, ../scss/layout/_inquiry.scss */
  #inquiry {
    min-width: 100%;
  }
}
/* line 10, ../scss/layout/_inquiry.scss */
#inquiry .inquiry__container {
  position: relative;
  background-color: #ffffff;
  width: 100%;
  height: 300px;
}
/* line 16, ../scss/layout/_inquiry.scss */
#inquiry .inquiry__container .inquiry__visual {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  /* line 16, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .inquiry__visual {
    height: 300px;
  }
}
/* line 28, ../scss/layout/_inquiry.scss */
#inquiry .inquiry__container .inquiry__visual img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 640px) {
  /* line 28, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .inquiry__visual img {
    content: url("../img/common/img_inquiry_sp.jpg");
  }
}
/* line 38, ../scss/layout/_inquiry.scss */
#inquiry .inquiry__container .inquiry__title {
  position: absolute;
  height: 200px;
  top: 0;
  margin: 0 0 0 7.5%;
  background: url(../img/common/bcg_gradation-line.png) no-repeat;
}
/* line 45, ../scss/layout/_inquiry.scss */
#inquiry .inquiry__container .inquiry__title h2 {
  font-family: "din_alternate_bold";
  font-size: 32px;
  line-height: 32px;
  margin: 0 0 15px 25px;
  color: #0a0c29;
}
@media only screen and (max-width: 640px) {
  /* line 45, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .inquiry__title h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
/* line 58, ../scss/layout/_inquiry.scss */
#inquiry .inquiry__container .inquiry__title p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 18px;
  margin: 0 0 0 25px;
  color: #0a0c29;
}
@media only screen and (max-width: 640px) {
  /* line 58, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .inquiry__title p {
    font-size: 14px;
    line-height: 14px;
  }
}
/* line 73, ../scss/layout/_inquiry.scss */
#inquiry .inquiry__container .inquiry-column {
  position: absolute;
  width: 400px;
  height: 100px;
  background-color: #e83428;
  bottom: 50px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  /* line 73, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .inquiry-column {
    width: 250px;
  }
}
/* line 85, ../scss/layout/_inquiry.scss */
#inquiry .inquiry__container .inquiry-column .inquiry-column__title {
  position: absolute;
  top: 45px;
  left: 25px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #0a0c29;
}
@media only screen and (max-width: 640px) {
  /* line 85, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .inquiry-column .inquiry-column__title {
    top: 43px;
    left: 10px;
    font-size: 14px;
    line-height: 14px;
  }
}
/* line 103, ../scss/layout/_inquiry.scss */
#inquiry .inquiry__container .inquiry-column .inquiry-column__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  margin: 10px 0 0 0;
  color: #0a0c29;
}
@media only screen and (max-width: 640px) {
  /* line 103, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .inquiry-column .inquiry-column__text {
    font-size: 14px;
    line-height: 14px;
  }
}
/* line 117, ../scss/layout/_inquiry.scss */
#inquiry .inquiry__container .inquiry-column .inquiry-column__tel-and-mail {
  font-family: "din_alternate_bold";
  font-size: 30px;
  line-height: 30px;
  margin: 10px 0 0 0;
  color: #ffffff;
}
@media only screen and (max-width: 640px) {
  /* line 117, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .inquiry-column .inquiry-column__tel-and-mail {
    font-size: 28px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1280px) {
  /* line 131, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .tel-column {
    left: 15%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1280px) {
  /* line 131, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .tel-column {
    left: 15%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 131, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .tel-column {
    top: 185px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 1280px) {
  /* line 149, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .mail-column {
    right: 15%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1280px) {
  /* line 149, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .mail-column {
    right: 15%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 149, ../scss/layout/_inquiry.scss */
  #inquiry .inquiry__container .mail-column {
    top: 315px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

/* line 1, ../scss/layout/_footer.scss */
#footer {
  width: 100%;
  min-width: 1280px;
  padding: 150px 0 0 0;
}
@media only screen and (max-width: 640px) {
  /* line 1, ../scss/layout/_footer.scss */
  #footer {
    min-width: 100%;
    padding: 250px 0 0 0;
  }
}
/* line 11, ../scss/layout/_footer.scss */
#footer .footer__container {
  position: relative;
  background-color: #d7d6ea;
  width: 100%;
  height: 620px;
}
@media only screen and (max-width: 640px) {
  /* line 11, ../scss/layout/_footer.scss */
  #footer .footer__container {
    height: 550px;
  }
}
/* line 21, ../scss/layout/_footer.scss */
#footer .footer__container .footer__bcg {
  position: absolute;
  background-color: #101239;
  width: 85%;
  height: 620px;
}
@media only screen and (max-width: 640px) {
  /* line 21, ../scss/layout/_footer.scss */
  #footer .footer__container .footer__bcg {
    height: 550px;
  }
}
/* line 32, ../scss/layout/_footer.scss */
#footer .footer__container .footer__go-to-top {
  position: absolute;
  width: 60px;
  height: 180px;
  background-color: #e83428;
  top: -100px;
  left: 0;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  /* line 32, ../scss/layout/_footer.scss */
  #footer .footer__container .footer__go-to-top {
    width: 40px;
    height: 140px;
  }
}
/* line 46, ../scss/layout/_footer.scss */
#footer .footer__container .footer__go-to-top img {
  display: block;
  position: absolute;
  width: auto;
  height: 120px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 640px) {
  /* line 46, ../scss/layout/_footer.scss */
  #footer .footer__container .footer__go-to-top img {
    height: 100px;
  }
}
/* line 62, ../scss/layout/_footer.scss */
#footer .footer__container .footer__nav {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
}
@media only screen and (max-width: 640px) {
  /* line 62, ../scss/layout/_footer.scss */
  #footer .footer__container .footer__nav {
    display: none;
    position: absolute;
  }
}
/* line 74, ../scss/layout/_footer.scss */
#footer .footer__container .footer__nav ul {
  display: block;
  width: 100%;
}
/* line 79, ../scss/layout/_footer.scss */
#footer .footer__container .footer__nav li {
  text-align: center;
  display: inline-block;
  width: 25%;
  height: 100px;
  padding-top: 25px;
}
/* line 86, ../scss/layout/_footer.scss */
#footer .footer__container .footer__nav li span {
  display: block;
  margin: 5px 0;
}
/* line 91, ../scss/layout/_footer.scss */
#footer .footer__container .footer__nav li .footer__nav__text--en {
  font-family: "din_alternate_bold";
  color: #e83428;
  font-size: 14px;
  line-height: 1.2;
}
/* line 98, ../scss/layout/_footer.scss */
#footer .footer__container .footer__nav li .footer__nav__text--jp {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.2;
}
/* line 104, ../scss/layout/_footer.scss */
#footer .footer__container .footer__nav li .footer__nav__text--jp4 {
  color: #0a0c29;
  font-size: 14px;
  line-height: 1.2;
}
/* line 111, ../scss/layout/_footer.scss */
#footer .footer__container .footer__nav li:nth-child(4) {
  background-color: #d7d6ea;
}
/* line 116, ../scss/layout/_footer.scss */
#footer .footer__container .footer__google-maps {
  position: absolute;
  width: 85%;
  height: 320px;
  top: 100px;
  right: 0;
}
@media only screen and (max-width: 640px) {
  /* line 116, ../scss/layout/_footer.scss */
  #footer .footer__container .footer__google-maps {
    top: 42px;
  }
}
/* line 128, ../scss/layout/_footer.scss */
#footer .footer__container .footer__logo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 186px;
  height: 136px;
  background: #ffffff;
  margin-left: 50px;
  z-index: 1000;
}
@media only screen and (max-width: 640px) {
  /* line 128, ../scss/layout/_footer.scss */
  #footer .footer__container .footer__logo {
    display: none;
    width: 0;
    height: 0;
    margin-left: 0;
  }
}
/* line 145, ../scss/layout/_footer.scss */
#footer .footer__container .footer__logo img {
  display: block;
  width: 160px;
  height: auto;
  margin: 35px auto 0;
}
/* line 153, ../scss/layout/_footer.scss */
#footer .footer__container .footer__note {
  position: absolute;
  height: 136px;
  bottom: 0;
  left: 0;
  margin: 0 0 0 236px;
}
@media only screen and (max-width: 640px) {
  /* line 153, ../scss/layout/_footer.scss */
  #footer .footer__container .footer__note {
    background: url(../img/common/bcg_gradation-line.png) no-repeat;
    margin: 0;
  }
}
/* line 165, ../scss/layout/_footer.scss */
#footer .footer__container .footer__note p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 5px 25px;
  color: #ffffff;
}
@media only screen and (max-width: 640px) {
  /* line 165, ../scss/layout/_footer.scss */
  #footer .footer__container .footer__note p {
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 5px 25px;
  }
}
/* line 181, ../scss/layout/_footer.scss */
#footer .footer__container .footer__copyright {
  position: absolute;
  bottom: 20px;
  font-family: "din_alternate_bold";
  color: #ffffff;
  text-align: center;
  width: 100%;
  font-size: 12px;
}
@media only screen and (max-width: 640px) {
  /* line 181, ../scss/layout/_footer.scss */
  #footer .footer__container .footer__copyright {
    font-size: 10px;
  }
}