@charset "UTF-8";
/*-------------------------------------------------------------------*/
/* Reset */
/*-------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/*-------------------------------------------------------------------*/
/* Keyframe */
/*-------------------------------------------------------------------*/
@-webkit-keyframes width {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@keyframes width {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes fade-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes opacity {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); } }

@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); } }

@-webkit-keyframes square {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: rotate(1);
            transform: rotate(1); } }

@keyframes square {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: rotate(1);
            transform: rotate(1); } }

@-webkit-keyframes wave {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0); }
  100% {
    -webkit-transform: rotateX(-720deg);
            transform: rotateX(-720deg); } }

@keyframes wave {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0); }
  100% {
    -webkit-transform: rotateX(-720deg);
            transform: rotateX(-720deg); } }

@-webkit-keyframes circle-s {
  0% {
    -webkit-transform: skew(0, 0);
            transform: skew(0, 0); }
  25% {
    -webkit-transform: skew(10deg, 10deg);
            transform: skew(10deg, 10deg); }
  50% {
    -webkit-transform: skew(-15deg, -25deg);
            transform: skew(-15deg, -25deg); }
  100% {
    -webkit-transform: skew(0, 0);
            transform: skew(0, 0); } }

@keyframes circle-s {
  0% {
    -webkit-transform: skew(0, 0);
            transform: skew(0, 0); }
  25% {
    -webkit-transform: skew(10deg, 10deg);
            transform: skew(10deg, 10deg); }
  50% {
    -webkit-transform: skew(-15deg, -25deg);
            transform: skew(-15deg, -25deg); }
  100% {
    -webkit-transform: skew(0, 0);
            transform: skew(0, 0); } }

@-webkit-keyframes circle-m {
  0% {
    -webkit-transform: skew(0, 0);
            transform: skew(0, 0); }
  25% {
    -webkit-transform: skew(-10deg, -10deg);
            transform: skew(-10deg, -10deg); }
  50% {
    -webkit-transform: skew(10deg, 10deg);
            transform: skew(10deg, 10deg); }
  100% {
    -webkit-transform: skew(0, 0);
            transform: skew(0, 0); } }

@keyframes circle-m {
  0% {
    -webkit-transform: skew(0, 0);
            transform: skew(0, 0); }
  25% {
    -webkit-transform: skew(-10deg, -10deg);
            transform: skew(-10deg, -10deg); }
  50% {
    -webkit-transform: skew(10deg, 10deg);
            transform: skew(10deg, 10deg); }
  100% {
    -webkit-transform: skew(0, 0);
            transform: skew(0, 0); } }

@-webkit-keyframes circle-l {
  0% {
    -webkit-transform: skew(0, 0);
            transform: skew(0, 0); }
  25% {
    -webkit-transform: skew(10deg, 10deg);
            transform: skew(10deg, 10deg); }
  50% {
    -webkit-transform: skew(-15deg, 15deg);
            transform: skew(-15deg, 15deg); }
  100% {
    -webkit-transform: skew(0, 0);
            transform: skew(0, 0); } }

@keyframes circle-l {
  0% {
    -webkit-transform: skew(0, 0);
            transform: skew(0, 0); }
  25% {
    -webkit-transform: skew(10deg, 10deg);
            transform: skew(10deg, 10deg); }
  50% {
    -webkit-transform: skew(-15deg, 15deg);
            transform: skew(-15deg, 15deg); }
  100% {
    -webkit-transform: skew(0, 0);
            transform: skew(0, 0); } }

/*-------------------------------------------------------------------*/
/* Foundation */
/*-------------------------------------------------------------------*/
html {
  font-size: 62.5%;
  height: 100%; }
  @media screen and (max-width: 767px) {
    html {
      font-size: 1.30208vw; } }

body {
  height: 100%;
  margin: 0 auto;
  font-family: YakuHanJP_Noto, 'Noto Sans JP',noto-sans-cjk-jp, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background: #fff; }
  @media screen and (max-width: 767px) {
    body {
      -webkit-text-size-adjust: 100%;
      -webkit-overflow-scrolling: touch; } }
  body.en {
    word-wrap: normal;
    word-break: normal;
    overflow-wrap: normal; }

.preload * {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition-delay: unset !important;
          transition-delay: unset !important; }

.resizing *,
.resizing *:before,
.resizing *:after {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition-delay: unset !important;
          transition-delay: unset !important; }

img {
  pointer-events: none; }
  @media screen and (max-width: 767px) {
    img {
      width: 100%;
      height: auto; } }

* {
  box-sizing: border-box;
  zoom: 1; }

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

.pc_b {
  display: none; }
  @media print, screen and (min-width: 1271px) {
    .pc_b {
      display: block !important; } }

.pc_i {
  display: none; }
  @media print, screen and (min-width: 1271px) {
    .pc_i {
      display: inline !important; } }

.pc_ib {
  display: none; }
  @media print, screen and (min-width: 1271px) {
    .pc_ib {
      display: inline-block !important; } }

.pc_f {
  display: none; }
  @media print, screen and (min-width: 1271px) {
    .pc_f {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: flex !important; } }

.pad_b {
  display: none; }
  @media print, screen and (min-width: 768px) and (max-width: 1270px) {
    .pad_b {
      display: block !important; } }

.pad_i {
  display: none; }
  @media print, screen and (min-width: 768px) and (max-width: 1270px) {
    .pad_i {
      display: inline !important; } }

.pad_ib {
  display: none; }
  @media print, screen and (min-width: 768px) and (max-width: 1270px) {
    .pad_ib {
      display: inline-block !important; } }

.pad_f {
  display: none; }
  @media print, screen and (min-width: 768px) and (max-width: 1270px) {
    .pad_f {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: flex !important; } }

.pad_n {
  display: none; }
  @media print, screen and (min-width: 768px) and (max-width: 1270px) {
    .pad_n {
      display: none !important; } }

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

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

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

.sp_f {
  display: none; }
  @media screen and (max-width: 767px) {
    .sp_f {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: flex !important; } }

/*-------------------------------------------------------------------*/
/* st-Wrapper */
/*-------------------------------------------------------------------*/
.st-Wrapper {
  overflow: hidden;
  position: relative; }

/*-------------------------------------------------------------------*/
/* st-Main */
/*-------------------------------------------------------------------*/
.st-Main {
  position: relative;
  z-index: 1; }

/*-------------------------------------------------------------------*/
/* sw-Background */
/*-------------------------------------------------------------------*/
.sw-Background {
  width: 100%;
  width: 1920px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1; }
  .sw-Background .square {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center; }
    .sw-Background .square:before {
      content: "";
      width: 100%;
      height: 100%;
      background: url(../../../images/common/bg_background_pattern.png) 50% 50% repeat;
      background-size: 0.83333vw;
      -webkit-flex-shrink: 0;
              flex-shrink: 0;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      display: block; }
      @media screen and (max-width: 767px) {
        .sw-Background .square:before {
          background-size: 2.08333vw; } }
    .sw-Background .square.s {
      width: 124px;
      height: 100px;
      top: 711px;
      left: 1540px; }
      @media screen and (max-width: 767px) {
        .sw-Background .square.s {
          width: 16.14583vw;
          height: 13.02083vw; } }
      @media screen and (max-width: 767px) {
        .sw-Background .square.s {
          top: 104.94792vw;
          left: 90.88542vw; } }
      .sw-Background .square.s:before {
        -webkit-animation: square 5s ease-in-out infinite;
                animation: square 5s ease-in-out infinite; }
    .sw-Background .square.l {
      width: 380px;
      height: 200px;
      top: 2511px;
      left: 180px; }
      @media screen and (max-width: 767px) {
        .sw-Background .square.l {
          width: 49.47917vw;
          height: 26.04167vw; } }
      @media screen and (max-width: 767px) {
        .sw-Background .square.l {
          top: 326.95312vw;
          left: 75.39062vw; } }
      .sw-Background .square.l:before {
        -webkit-animation: square 5s ease-in-out infinite;
                animation: square 5s ease-in-out infinite; }
  .sw-Background .circle {
    display: block;
    position: absolute;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    .sw-Background .circle.s {
      width: 682px;
      height: 719px;
      background: url(../../../images/common/bg_background_circle_s.png) 50% 50% repeat;
      background-size: contain;
      -webkit-animation: circle-s 40s ease-in-out infinite alternate;
              animation: circle-s 40s ease-in-out infinite alternate;
      top: 1488px;
      left: -386px; }
      @media screen and (max-width: 767px) {
        .sw-Background .circle.s {
          width: 88.80208vw;
          height: 93.61979vw; } }
      @media screen and (max-width: 767px) {
        .sw-Background .circle.s {
          top: 206.11979vw;
          left: -1.43229vw; } }
    .sw-Background .circle.m {
      width: 1316px;
      height: 1021px;
      background: url(../../../images/common/bg_background_circle_m.png) 50% 50% repeat;
      background-size: contain;
      -webkit-animation: circle-m 40s ease-in-out infinite alternate;
              animation: circle-m 40s ease-in-out infinite alternate;
      top: 2833px;
      left: 302px; }
      @media screen and (max-width: 767px) {
        .sw-Background .circle.m {
          width: 171.35417vw;
          height: 132.94271vw; } }
      @media screen and (max-width: 767px) {
        .sw-Background .circle.m {
          top: 381.25vw;
          left: 8.33333vw; } }
    .sw-Background .circle.l {
      width: 1283px;
      height: 1067px;
      background: url(../../../images/common/bg_background_circle_l.png) 50% 50% repeat;
      background-size: contain;
      -webkit-animation: circle-l 40s ease-in-out infinite alternate;
              animation: circle-l 40s ease-in-out infinite alternate;
      top: 1019px;
      left: 1065px; }
      @media screen and (max-width: 767px) {
        .sw-Background .circle.l {
          width: 167.05729vw;
          height: 138.93229vw; } }
      @media screen and (max-width: 767px) {
        .sw-Background .circle.l {
          top: 145.05208vw;
          left: 29.29688vw; } }
  .sw-Background .wave {
    display: block;
    position: absolute;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    .sw-Background .wave.purple {
      width: 162px;
      height: 24px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      top: 820px;
      left: 1809px; }
      @media screen and (max-width: 767px) {
        .sw-Background .wave.purple {
          width: 21.09375vw;
          height: 3.125vw; } }
      .sw-Background .wave.purple:before {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        background: url(../../../images/common/bg_background_wave_purple.png) 50% 50% repeat;
        background-size: 162px;
        -webkit-animation: wave 10s ease-in-out infinite;
                animation: wave 10s ease-in-out infinite; }
        @media screen and (max-width: 767px) {
          .sw-Background .wave.purple:before {
            background-size: 21.09375vw; } }
      @media screen and (max-width: 767px) {
        .sw-Background .wave.purple {
          top: 119.14062vw;
          left: 91.14583vw; } }
    .sw-Background .wave.orange {
      width: 149px;
      height: 28px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      top: 2847px;
      left: 75px; }
      @media screen and (max-width: 767px) {
        .sw-Background .wave.orange {
          width: 19.40104vw;
          height: 3.64583vw; } }
      .sw-Background .wave.orange:before {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        background: url(../../../images/common/bg_background_wave_orange.png) 50% 50% repeat;
        background-size: 149px;
        -webkit-animation: wave 10s ease-in-out infinite;
                animation: wave 10s ease-in-out infinite; }
        @media screen and (max-width: 767px) {
          .sw-Background .wave.orange:before {
            background-size: 19.40104vw; } }
      @media screen and (max-width: 767px) {
        .sw-Background .wave.orange {
          top: 426.69271vw;
          left: -2.60417vw; } }

.sub {
  position: relative; }
  .sub:before {
    content: "";
    position: absolute;
    top: 106px;
    right: 0;
    font-family: din-condensed, sans-serif;
    font-size: 300px;
    font-size: 30rem;
    color: #fbfafb; }
    @media screen and (max-width: 767px) {
      .sub:before {
        top: 20.83333vw;
        font-size: 140px;
        font-size: 14rem; } }
  .sub.second-level {
    padding: 183px 0 0; }
    @media screen and (max-width: 767px) {
      .sub.second-level {
        padding: 22.13542vw 0 0; } }
  .sub.third-level {
    padding: 190px 0 0; }
    @media screen and (max-width: 767px) {
      .sub.third-level {
        padding: 20.18229vw 0 0; } }
  .sub-Wave {
    -webkit-transform: scale(-1, 1) translateX(30%);
            transform: scale(-1, 1) translateX(30%);
    position: absolute;
    top: 171px;
    left: 0; }
    @media screen and (max-width: 767px) {
      .sub-Wave {
        top: 29.6875vw; } }
  .sub-Wrapper:before, .sub-Wrapper:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0; }
  .sub-Wrapper:before {
    height: 332px;
    top: calc(170px + (380 / 1920) * 100vw);
    background: -webkit-linear-gradient(top, #fbfafb 0%, #eceef1 100%);
    background: linear-gradient(to bottom, #fbfafb 0%, #eceef1 100%); }
    @media screen and (max-width: 767px) {
      .sub-Wrapper:before {
        height: 43.22917vw;
        top: 49.21875vw; } }
  .sub-Wrapper:after {
    height: calc(100% - 502px - (380 / 1920) * 100vw);
    top: calc(502px + (380 / 1920) * 100vw);
    background: #eceef1; }
    @media screen and (max-width: 767px) {
      .sub-Wrapper:after {
        height: calc(100% - (710 / 768) * 100vw);
        top: 92.44792vw; } }
  .sub-Content {
    position: relative;
    z-index: 1; }
  .sub-Heading {
    width: 1200px;
    margin: 0 auto; }
    @media screen and (max-width: 1270px) {
      .sub-Heading {
        width: 84.375vw; } }
    @media screen and (max-width: 767px) {
      .sub-Heading {
        width: 86.97917vw; } }
    .second-level .sub-Heading .heading {
      margin: 0 0 90px; }
      @media screen and (max-width: 767px) {
        .second-level .sub-Heading .heading {
          margin: 0 0 7.8125vw; } }
      .second-level .sub-Heading .heading span {
        display: block;
        -webkit-font-feature-settings: "palt";
                font-feature-settings: "palt"; }
        .second-level .sub-Heading .heading span.en {
          font-family: din-condensed, sans-serif;
          font-size: 60px;
          font-size: 6rem;
          letter-spacing: .05em; }
          @media screen and (max-width: 767px) {
            .second-level .sub-Heading .heading span.en {
              font-size: 86px;
              font-size: 8.6rem; } }
          body.en .second-level .sub-Heading .heading span.en {
            letter-spacing: 0; }
        .second-level .sub-Heading .heading span.ja {
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: 700;
          letter-spacing: .1em; }
          @media screen and (max-width: 767px) {
            .second-level .sub-Heading .heading span.ja {
              margin: 1.30208vw 0 0;
              font-size: 26px;
              font-size: 2.6rem; } }
    .third-level .sub-Heading .heading {
      margin: 0 0 90px; }
      @media screen and (max-width: 767px) {
        .third-level .sub-Heading .heading {
          margin: 0 0 10.41667vw; } }
      .third-level .sub-Heading .heading span {
        display: block;
        -webkit-font-feature-settings: "palt";
                font-feature-settings: "palt"; }
        .third-level .sub-Heading .heading span.en {
          font-family: din-condensed, sans-serif;
          font-size: 20px;
          font-size: 2rem;
          letter-spacing: .05em; }
          @media screen and (max-width: 767px) {
            .third-level .sub-Heading .heading span.en {
              font-size: 18px;
              font-size: 1.8rem; } }
          body.en .third-level .sub-Heading .heading span.en {
            letter-spacing: 0; }
        .third-level .sub-Heading .heading span.ja {
          margin: 15px 0 0;
          font-size: 44px;
          font-size: 4.4rem;
          line-height: 1.3;
          font-weight: 700;
          letter-spacing: .075em; }
          @media screen and (max-width: 767px) {
            .third-level .sub-Heading .heading span.ja {
              margin: 2.60417vw 0 0;
              font-size: 56px;
              font-size: 5.6rem;
              line-height: 1.35714; } }
          body.en .third-level .sub-Heading .heading span.ja {
            letter-spacing: 0; }
    .sub-Heading .breadcrumb {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.4;
      color: #666;
      font-weight: 500; }
      @media screen and (max-width: 767px) {
        .sub-Heading .breadcrumb {
          font-size: 20px;
          font-size: 2rem; } }
      .sub-Heading .breadcrumb span a {
        color: #666; }
        @media print, screen and (min-width: 768px) {
          .sub-Heading .breadcrumb span a:hover {
            text-decoration: underline; } }
      .sub-Heading .breadcrumb span + span {
        margin: 0 0 0 15px; }
        @media screen and (max-width: 767px) {
          .sub-Heading .breadcrumb span + span {
            margin: 0 0 0 2.60417vw; } }
        .sub-Heading .breadcrumb span + span:before {
          content: "\03e";
          margin: 0 15px 0 0;
          color: #bbb; }
          @media screen and (max-width: 767px) {
            .sub-Heading .breadcrumb span + span:before {
              margin: 0 2.60417vw 0 0; } }
  .sub-Section {
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
    background: rgba(255, 255, 255, 0.5); }
    @media screen and (max-width: 1270px) {
      .sub-Section {
        width: 84.375vw;
        padding: 50px 75px 37.5px; } }
    @media screen and (max-width: 767px) {
      .sub-Section {
        width: 89.58333vw;
        padding: 10.41667vw 7.8125vw; } }
    .sub-Section_Body {
      padding: 0 120px; }
      @media screen and (max-width: 1270px) {
        .sub-Section_Body {
          padding: 0; } }
    .sub-Section + .sub-Section {
      margin: 40px auto 0; }
      @media screen and (max-width: 767px) {
        .sub-Section + .sub-Section {
          margin: 5.20833vw auto 0; } }

.js-Animation.fadeUp {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity .5s linear, -webkit-transform .5s ease-out;
  transition: opacity .5s linear, -webkit-transform .5s ease-out;
  transition: opacity .5s linear, transform .5s ease-out;
  transition: opacity .5s linear, transform .5s ease-out, -webkit-transform .5s ease-out; }
  @media print, screen and (min-width: 768px) {
    .js-Animation.fadeUp {
      -webkit-transform: translateY(2.60417vw);
              transform: translateY(2.60417vw); } }
  .js-Animation.fadeUp.animated {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/*-------------------------------------------------------------------*/
/* Header */
/*-------------------------------------------------------------------*/
.st-Header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10; }
  .st-Header:before {
    content: "";
    width: 100%;
    height: 80px;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: .3s;
    transition: .3s; }
    @media screen and (max-width: 1270px) {
      .st-Header:before {
        height: calc(48px + (40 / 1200) * 100vw); } }
    @media screen and (max-width: 767px) {
      .st-Header:before {
        height: 11.71875vw; } }
  .st-Header_Content {
    margin: 0 auto;
    padding: 0 0 0 7.8125vw;
    position: relative;
    top: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-transition: .3s;
    transition: .3s; }
    @media screen and (max-width: 1270px) {
      .st-Header_Content {
        top: 60px;
        padding: 0 7.8125vw; } }
    @media screen and (max-width: 767px) {
      .st-Header_Content {
        min-width: auto;
        top: 5.59896vw;
        padding: 0 6.51042vw; } }
  .st-Header_Logo {
    width: 206px;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .st-Header_Logo {
        width: 35.67708vw; } }
    .st-Header_Logo a {
      display: block; }
      @media screen and (max-width: 767px) {
        .st-Header_Logo a {
          background: transparent; } }
      @media print, screen and (min-width: 768px) {
        .st-Header_Logo a {
          -webkit-transition: .3s;
          transition: .3s; }
          .st-Header_Logo a:hover {
            opacity: .6;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }
      .st-Header_Logo a img {
        width: 100%;
        height: auto; }
        @media screen and (max-width: 767px) {
          .st-Header_Logo a img {
            -webkit-transition: .3s;
            transition: .3s; } }
  .st-Header_Language {
    margin: 0 0 0 2.39583vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 1270px) {
      .st-Header_Language {
        margin: 0 0 0 28.75px; } }
    @media screen and (max-width: 767px) {
      .st-Header_Language {
        margin: 0 0 0 5.20833vw; } }
    .st-Header_Language:before {
      content: "";
      width: 16px;
      height: 16px;
      display: block;
      background: url(../../../images/common/header/icon_language.svg) 0 0 no-repeat;
      background-size: contain; }
      @media screen and (max-width: 767px) {
        .st-Header_Language:before {
          width: 3.125vw;
          height: 3.125vw; } }
    .st-Header_Language ul {
      margin: 0 0 0 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
      @media screen and (max-width: 767px) {
        .st-Header_Language ul {
          margin: 0 0 0 1.95312vw; } }
      .st-Header_Language ul li {
        font-family: din-condensed, sans-serif;
        font-size: 20px;
        font-size: 2rem;
        color: #4b438f; }
        @media screen and (max-width: 767px) {
          .st-Header_Language ul li {
            font-size: 28px;
            font-size: 2.8rem; } }
        .st-Header_Language ul li a {
          color: #4b438f; }
          @media print, screen and (min-width: 1271px) {
            .st-Header_Language ul li a {
              -webkit-transition: .3s;
              transition: .3s; }
              .st-Header_Language ul li a:hover {
                color: #000; } }
        .st-Header_Language ul li.current {
          color: #000; }
        .st-Header_Language ul li + li {
          margin: 0 0 0 20px;
          position: relative; }
          @media screen and (max-width: 767px) {
            .st-Header_Language ul li + li {
              margin: 0 0 0 5.20833vw; } }
          .st-Header_Language ul li + li:before {
            content: "";
            width: 1px;
            height: 12px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            left: -11px;
            display: block;
            background: #4b438f; }
            @media screen and (max-width: 767px) {
              .st-Header_Language ul li + li:before {
                height: 2.86458vw;
                left: -2.73438vw; } }
  @media screen and (max-width: 1270px) {
    .st-Header_Hamburger {
      margin: 0 0 0 auto;
      position: relative;
      z-index: 1; } }
  @media screen and (max-width: 1270px) {
    .st-Header_Hamburger:before {
      content: "MENU";
      left: -61px;
      color: #4b438f; } }
  @media screen and (max-width: 767px) {
    .st-Header_Hamburger:before {
      left: -10.15625vw; } }
  @media screen and (max-width: 1270px) {
    .st-Header_Hamburger:after {
      content: "CLOSE";
      left: -67px;
      color: #fff;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }
  @media screen and (max-width: 767px) {
    .st-Header_Hamburger:after {
      left: -11.06771vw; } }
  @media screen and (max-width: 1270px) {
    .st-Header_Hamburger:before, .st-Header_Hamburger:after {
      font-family: din-condensed, sans-serif;
      font-size: 22px;
      font-size: 2.2rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      letter-spacing: .1em;
      -webkit-transition: .3s;
      transition: .3s; } }
  @media screen and (max-width: 767px) {
    .st-Header_Hamburger:before, .st-Header_Hamburger:after {
      font-size: 28px;
      font-size: 2.8rem; } }
  @media screen and (max-width: 1270px) {
    .st-Header_Hamburger .btn {
      width: 48px;
      height: 48px;
      background: #4b438f;
      border-radius: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-transition: .3s;
      transition: .3s; } }
  @media screen and (max-width: 767px) {
    .st-Header_Hamburger .btn {
      width: 7.8125vw;
      height: 7.8125vw; } }
  @media screen and (max-width: 1270px) {
    .st-Header_Hamburger .btn .hamburger {
      width: 16px;
      height: 14px;
      position: relative; } }
  @media screen and (max-width: 767px) {
    .st-Header_Hamburger .btn .hamburger {
      width: 2.60417vw;
      height: 2.34375vw; } }
  @media screen and (max-width: 1270px) {
    .st-Header_Hamburger .btn .hamburger span {
      width: 16px;
      height: 2px;
      min-height: 1px;
      background: #fff;
      -webkit-transition: .3s;
      transition: .3s; } }
  @media screen and (max-width: 767px) {
    .st-Header_Hamburger .btn .hamburger span {
      width: 2.60417vw;
      height: 0.26042vw; } }
  @media screen and (max-width: 1270px) {
    .st-Header_Hamburger .btn .hamburger span:nth-child(1) {
      position: absolute;
      top: 0;
      left: 0; } }
  @media screen and (max-width: 1270px) {
    .st-Header_Hamburger .btn .hamburger span:nth-child(2) {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      left: 0; } }
  @media screen and (max-width: 1270px) {
    .st-Header_Hamburger .btn .hamburger span:nth-child(3) {
      position: absolute;
      bottom: 0;
      left: 0; } }
  .st-Header_Nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0; }
    @media screen and (max-width: 1270px) {
      .st-Header_Nav {
        width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
        background: #35315a;
        overflow-y: scroll;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
        -webkit-transition: .3s;
        transition: .3s; } }
    @media screen and (max-width: 1270px) {
      .st-Header_Nav {
        padding: 18.75vw 0 0; } }
    @media screen and (max-width: 768px) {
      .st-Header_Nav {
        padding: 29.29688vw 0 0; } }
    .st-Header_Nav .global {
      position: relative; }
      @media screen and (max-width: 1270px) {
        .st-Header_Nav .global {
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          -webkit-transition: .3s;
          transition: .3s;
          -webkit-transition-delay: .2s;
                  transition-delay: .2s; } }
      .st-Header_Nav .global:after {
        content: "";
        width: 5.20833vw;
        height: 1px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 0;
        background: #bbc2ca; }
        @media screen and (max-width: 1270px) {
          .st-Header_Nav .global:after {
            display: none; } }
      .st-Header_Nav .global > ul {
        padding: 0 6.09375vw 0 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
                align-items: center;
        position: relative;
        -webkit-transform: translateY(12.5px);
                transform: translateY(12.5px); }
        @media screen and (max-width: 1270px) {
          .st-Header_Nav .global > ul {
            margin: 0;
            padding: 0 7.8125vw;
            -webkit-flex-wrap: wrap;
                    flex-wrap: wrap;
            -webkit-transform: translateY(0);
                    transform: translateY(0); } }
        @media screen and (max-width: 768px) {
          .st-Header_Nav .global > ul {
            margin: 0;
            padding: 0 6.51042vw; } }
        .st-Header_Nav .global > ul > li {
          padding: 0 0 25px;
          position: relative; }
          @media screen and (max-width: 1270px) {
            .st-Header_Nav .global > ul > li {
              width: 50%;
              margin: 0 0 5.33333vw;
              padding: 0;
              -webkit-transform: translateY(0);
                      transform: translateY(0); } }
          @media screen and (max-width: 768px) {
            .st-Header_Nav .global > ul > li {
              margin: 0 0 13.02083vw; } }
          @media screen and (max-width: 1270px) {
            .st-Header_Nav .global > ul > li > p {
              display: -webkit-box;
              display: -webkit-flex;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
                      align-items: center; } }
          @media screen and (max-width: 1270px) {
            .st-Header_Nav .global > ul > li > p:before {
              content: "::";
              margin: 0 1.28vw 0 0;
              font-family: din-condensed, sans-serif;
              font-size: 25.6px;
              font-size: 2.56rem;
              color: #7f79b1;
              -webkit-transform: translateY(-0.21333vw);
                      transform: translateY(-0.21333vw); } }
          @media screen and (max-width: 768px) {
            .st-Header_Nav .global > ul > li > p:before {
              margin: 0 3.125vw 0 0;
              font-size: 40px;
              font-size: 4rem;
              -webkit-transform: translateY(-0.52083vw);
                      transform: translateY(-0.52083vw); } }
          .st-Header_Nav .global > ul > li > p a {
            font-family: din-condensed, sans-serif;
            font-size: 22px;
            font-size: 2.2rem;
            letter-spacing: .075em;
            position: relative;
            color: #26213c; }
            @media screen and (max-width: 1270px) {
              .st-Header_Nav .global > ul > li > p a {
                font-size: 26.88px;
                font-size: 2.688rem;
                color: #fff; } }
            @media screen and (max-width: 768px) {
              .st-Header_Nav .global > ul > li > p a {
                font-size: 42px;
                font-size: 4.2rem; } }
            .st-Header_Nav .global > ul > li > p a:after {
              content: "";
              width: 0%;
              max-width: 100%;
              height: 3px;
              min-height: 1px;
              margin: 0 auto;
              background: #26213c;
              position: absolute;
              bottom: -5px;
              left: 0;
              right: 0;
              opacity: .5;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
            @media print, screen and (min-width: 1271px) {
              .st-Header_Nav .global > ul > li > p a:after {
                -webkit-transition: .3s;
                transition: .3s; }
              .st-Header_Nav .global > ul > li > p a:hover:after {
                width: 100%; } }
          .st-Header_Nav .global > ul > li ul {
            padding: 13px 30px;
            position: absolute;
            margin: 0 auto;
            top: 40px;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            background: rgba(255, 255, 255, 0.96);
            border-radius: 1000px;
            -webkit-transition: .3s;
            transition: .3s;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            visibility: hidden;
            white-space: nowrap;
            border: 1px solid rgba(225, 218, 239, 0.5); }
            .st-Header_Nav .global > ul > li ul li {
              padding: 0 20px;
              position: relative;
              -webkit-flex-shrink: 0;
                      flex-shrink: 0;
              display: inline-block;
              vertical-align: middle; }
              .st-Header_Nav .global > ul > li ul li:before {
                content: "";
                width: 1px;
                height: 100%;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                left: 0;
                background: rgba(38, 33, 60, 0.3); }
              .st-Header_Nav .global > ul > li ul li p a {
                font-size: 14px;
                font-size: 1.4rem;
                line-height: 1.3;
                font-weight: 700;
                color: #35315a;
                position: relative;
                opacity: .6;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
                .st-Header_Nav .global > ul > li ul li p a:after {
                  content: "";
                  width: 0%;
                  max-width: 100%;
                  height: 1px;
                  margin: 0 auto;
                  background: rgba(38, 33, 60, 0.3);
                  position: absolute;
                  bottom: -5px;
                  left: 0;
                  right: 0; }
                .st-Header_Nav .global > ul > li ul li p a[href] {
                  opacity: 1;
                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
                  @media print, screen and (min-width: 1271px) {
                    .st-Header_Nav .global > ul > li ul li p a[href]:after {
                      -webkit-transition: .3s;
                      transition: .3s; }
                    .st-Header_Nav .global > ul > li ul li p a[href]:hover:after {
                      width: 100%; } }
              .st-Header_Nav .global > ul > li ul li p:nth-child(2) {
                margin: 10px 0 0 0; }
                .st-Header_Nav .global > ul > li ul li p:nth-child(2) a {
                  font-size: 12px;
                  font-size: 1.2rem;
                  line-height: 1.3;
                  font-weight: 700;
                  color: #35315a;
                  position: relative;
                  opacity: .5;
                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
                  .st-Header_Nav .global > ul > li ul li p:nth-child(2) a:after {
                    bottom: -2px; }
              .st-Header_Nav .global > ul > li ul li p:nth-child(n+3) {
                margin: 5px 0 0 0; }
                .st-Header_Nav .global > ul > li ul li p:nth-child(n+3) a {
                  font-size: 12px;
                  font-size: 1.2rem;
                  line-height: 1.3;
                  font-weight: 700;
                  color: #35315a;
                  position: relative;
                  opacity: .5;
                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
              .st-Header_Nav .global > ul > li ul li:last-child:after {
                content: "";
                width: 1px;
                height: 100%;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                right: 0;
                background: rgba(38, 33, 60, 0.3); }
          .st-Header_Nav .global > ul > li.service ul {
            padding: 20px 30px;
            border-radius: 25px; }
            .st-Header_Nav .global > ul > li.service ul li p a.nav-bold {
              font-size: 14px;
              font-size: 1.4rem;
              line-height: 1.3;
              font-weight: 700;
              color: #35315a;
              position: relative;
              opacity: 1;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
              .st-Header_Nav .global > ul > li.service ul li p a.nav-bold:after {
                bottom: -2px; }
          .st-Header_Nav .global > ul > li.about {
            margin: 0; }
            @media screen and (max-width: 1270px) {
              .st-Header_Nav .global > ul > li.about {
                margin: 0 0 5.33333vw; } }
            @media screen and (max-width: 768px) {
              .st-Header_Nav .global > ul > li.about {
                margin: 0 0 13.02083vw; } }
          .st-Header_Nav .global > ul > li + li {
            margin: 0 0 0 2.8125vw; }
            @media screen and (max-width: 1270px) {
              .st-Header_Nav .global > ul > li + li {
                margin: 0 0 5.33333vw; } }
            @media screen and (max-width: 768px) {
              .st-Header_Nav .global > ul > li + li {
                margin: 0 0 13.02083vw; } }
          .st-Header_Nav .global > ul > li.contact {
            margin: 0 0 0 5.9375vw;
            position: relative; }
            @media screen and (max-width: 1270px) {
              .st-Header_Nav .global > ul > li.contact {
                margin: 0 0 5.33333vw; } }
            @media screen and (max-width: 768px) {
              .st-Header_Nav .global > ul > li.contact {
                margin: 0 0 13.02083vw; } }
            .st-Header_Nav .global > ul > li.contact:before {
              content: "";
              width: 17px;
              height: 14px;
              position: absolute;
              top: 4px;
              left: -28px;
              background: url(../../../images/common/header/icon_contact.svg) 0 0 no-repeat;
              background-size: contain; }
              @media screen and (max-width: 1270px) {
                .st-Header_Nav .global > ul > li.contact:before {
                  display: none; } }
          @media print, screen and (min-width: 1271px) {
            .st-Header_Nav .global > ul > li:hover ul {
              opacity: 1;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              visibility: visible; } }
  @media screen and (max-width: 1270px) {
    .st-Header.opened .st-Header_Content {
      top: 4.16667vw !important; } }
  @media screen and (max-width: 767px) {
    .st-Header.opened .st-Header_Content {
      top: 5.59896vw !important; } }
  @media screen and (max-width: 1270px) {
    .st-Header.opened .st-Header_Logo h1 a,
    .st-Header.opened .st-Header_Logo p a {
      background: url(../../../images/common/logo_apc_white.svg) 0 0 no-repeat;
      background-size: contain; }
      .st-Header.opened .st-Header_Logo h1 a img,
      .st-Header.opened .st-Header_Logo p a img {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }
  @media screen and (max-width: 1270px) {
    .st-Header.opened .st-Header_Language {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      visibility: hidden; } }
  @media screen and (max-width: 1270px) {
    .st-Header.opened .st-Header_Hamburger:before {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }
  @media screen and (max-width: 1270px) {
    .st-Header.opened .st-Header_Hamburger:after {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
  @media screen and (max-width: 1270px) {
    .st-Header.opened .st-Header_Hamburger .btn {
      background: #fff;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); } }
  @media screen and (max-width: 1270px) {
    .st-Header.opened .st-Header_Hamburger .btn span {
      background: #4b438f; } }
  @media screen and (max-width: 1270px) {
    .st-Header.opened .st-Header_Hamburger .btn span:nth-child(1) {
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(-45deg);
              transform: translateY(-50%) rotate(-45deg); } }
  @media screen and (max-width: 1270px) {
    .st-Header.opened .st-Header_Hamburger .btn span:nth-child(2) {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }
  @media screen and (max-width: 1270px) {
    .st-Header.opened .st-Header_Hamburger .btn span:nth-child(3) {
      top: 50%;
      bottom: auto;
      -webkit-transform: translateY(-50%) rotate(45deg);
              transform: translateY(-50%) rotate(45deg); } }
  @media screen and (max-width: 1270px) {
    .st-Header.opened .st-Header_Nav {
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
  @media screen and (max-width: 1270px) {
    .st-Header.opened .st-Header_Nav .global {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
  .st-Header.scrolled:before {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .st-Header.scrolled .st-Header_Content {
    top: 28px; }
    @media screen and (max-width: 1270px) {
      .st-Header.scrolled .st-Header_Content {
        top: 1.45833vw; } }
    @media screen and (max-width: 767px) {
      .st-Header.scrolled .st-Header_Content {
        top: 1.95312vw; } }

/*-------------------------------------------------------------------*/
/* POLICY */
/*-------------------------------------------------------------------*/
div.policy:before {
  content: "POLICY"; }

div.policy-Nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center; }
  @media screen and (max-width: 1270px) {
    div.policy-Nav {
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; } }
  @media screen and (max-width: 767px) {
    div.policy-Nav {
      min-height: auto; } }
  div.policy-Nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center; }
    @media screen and (max-width: 1270px) {
      div.policy-Nav ul {
        width: 84.375vw;
        margin: 0 auto -20px;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
                justify-content: flex-start; } }
    @media screen and (max-width: 767px) {
      div.policy-Nav ul {
        width: 86.97917vw;
        margin: 0 auto -2.60417vw; } }
    div.policy-Nav ul li {
      width: 240px;
      min-height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
      position: relative; }
      @media screen and (max-width: 1270px) {
        div.policy-Nav ul li {
          width: 50%;
          margin: 0 0 20px; } }
      @media screen and (max-width: 767px) {
        div.policy-Nav ul li {
          width: 50%;
          min-height: 6.51042vw;
          margin: 0 0 2.60417vw; } }
      div.policy-Nav ul li:before {
        content: "";
        width: 1px;
        height: 40px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        left: 0;
        background: #35315a;
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
        @media screen and (max-width: 767px) {
          div.policy-Nav ul li:before {
            height: 6.51042vw; } }
      div.policy-Nav ul li p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.3;
        color: #35315a;
        font-weight: 700;
        display: inline-block;
        text-align: center; }
        @media screen and (max-width: 767px) {
          div.policy-Nav ul li p {
            font-size: 22px;
            font-size: 2.2rem; } }
        div.policy-Nav ul li p a {
          color: #35315a;
          position: relative; }
          div.policy-Nav ul li p a:after {
            content: "";
            width: 0;
            height: 4px;
            max-width: 100%;
            min-height: 1px;
            margin: 0 auto;
            background: #f6d936;
            position: absolute;
            bottom: -0.46875vw;
            left: 0;
            right: 0; }
            @media screen and (max-width: 767px) {
              div.policy-Nav ul li p a:after {
                display: none; } }
          @media print, screen and (min-width: 768px) {
            div.policy-Nav ul li p a:after {
              -webkit-transition: .3s;
              transition: .3s; }
            div.policy-Nav ul li p a:hover:after {
              width: 100%; } }
      div.policy-Nav ul li:nth-child(even):after, div.policy-Nav ul li:last-child:after {
        content: "";
        width: 1px;
        height: 40px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 0;
        background: #35315a;
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
        @media screen and (max-width: 767px) {
          div.policy-Nav ul li:nth-child(even):after, div.policy-Nav ul li:last-child:after {
            height: 6.51042vw; } }
      div.policy-Nav ul li.current p {
        position: relative; }
        div.policy-Nav ul li.current p:after {
          content: "";
          width: 100%;
          height: 4px;
          min-height: 1px;
          margin: 0 auto;
          background: #f6d936;
          position: absolute;
          bottom: -0.67708vw;
          left: 0;
          right: 0; }
          @media screen and (max-width: 767px) {
            div.policy-Nav ul li.current p:after {
              height: 0.78125vw;
              bottom: -1.95312vw; } }

div.policy-Home, div.policy-Security, div.policy-Quality {
  padding: 50px 0 120px; }
  @media screen and (max-width: 767px) {
    div.policy-Home, div.policy-Security, div.policy-Quality {
      padding: 10.41667vw 0 20.83333vw; } }
  div.policy-Home_Main, div.policy-Security_Main, div.policy-Quality_Main {
    margin: 50px 0; }
    @media screen and (max-width: 767px) {
      div.policy-Home_Main, div.policy-Security_Main, div.policy-Quality_Main {
        margin: 6.51042vw 0; } }
    div.policy-Home_Main .sub-Section_Heading h2, div.policy-Security_Main .sub-Section_Heading h2, div.policy-Quality_Main .sub-Section_Heading h2 {
      padding: 0 60px;
      font-size: 30px;
      font-size: 3rem;
      line-height: 1.6;
      font-weight: 700;
      color: #322e57;
      letter-spacing: .05em;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-transform: translateY(-0.52083vw);
              transform: translateY(-0.52083vw); }
      @media screen and (max-width: 1270px) {
        div.policy-Home_Main .sub-Section_Heading h2, div.policy-Security_Main .sub-Section_Heading h2, div.policy-Quality_Main .sub-Section_Heading h2 {
          padding: 0; } }
      @media screen and (max-width: 767px) {
        div.policy-Home_Main .sub-Section_Heading h2, div.policy-Security_Main .sub-Section_Heading h2, div.policy-Quality_Main .sub-Section_Heading h2 {
          font-size: 32px;
          font-size: 3.2rem;
          line-height: 1.5;
          -webkit-transform: translateY(-1.30208vw);
                  transform: translateY(-1.30208vw); } }
      div.policy-Home_Main .sub-Section_Heading h2:before, div.policy-Security_Main .sub-Section_Heading h2:before, div.policy-Quality_Main .sub-Section_Heading h2:before {
        content: "";
        width: 30px;
        height: 1px;
        margin: 0 28px 0 0;
        background: #322e57;
        -webkit-transform: translateY(25px);
                transform: translateY(25px);
        -webkit-flex-shrink: 0;
                flex-shrink: 0; }
        @media screen and (max-width: 767px) {
          div.policy-Home_Main .sub-Section_Heading h2:before, div.policy-Security_Main .sub-Section_Heading h2:before, div.policy-Quality_Main .sub-Section_Heading h2:before {
            width: 3.90625vw;
            margin: 0 3.90625vw 0 0;
            -webkit-transform: translateY(3.25521vw);
                    transform: translateY(3.25521vw); } }
      body.en div.policy-Home_Main .sub-Section_Heading h2, body.en div.policy-Security_Main .sub-Section_Heading h2, body.en div.policy-Quality_Main .sub-Section_Heading h2 {
        letter-spacing: 0; }
    div.policy-Home_Main .sub-Section_Heading + .sub-Section_Body, div.policy-Security_Main .sub-Section_Heading + .sub-Section_Body, div.policy-Quality_Main .sub-Section_Heading + .sub-Section_Body {
      margin: 50px 0 0; }
      @media screen and (max-width: 767px) {
        div.policy-Home_Main .sub-Section_Heading + .sub-Section_Body, div.policy-Security_Main .sub-Section_Heading + .sub-Section_Body, div.policy-Quality_Main .sub-Section_Heading + .sub-Section_Body {
          margin: 5.20833vw 0; } }
    div.policy-Home_Main .sub-Section_Body p, div.policy-Security_Main .sub-Section_Body p, div.policy-Quality_Main .sub-Section_Body p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 2;
      letter-spacing: .025em; }
      @media screen and (max-width: 767px) {
        div.policy-Home_Main .sub-Section_Body p, div.policy-Security_Main .sub-Section_Body p, div.policy-Quality_Main .sub-Section_Body p {
          font-size: 24px;
          font-size: 2.4rem;
          line-height: 2; } }
      div.policy-Home_Main .sub-Section_Body p span.medium, div.policy-Security_Main .sub-Section_Body p span.medium, div.policy-Quality_Main .sub-Section_Body p span.medium {
        font-weight: 500; }
      div.policy-Home_Main .sub-Section_Body p span.bold, div.policy-Security_Main .sub-Section_Body p span.bold, div.policy-Quality_Main .sub-Section_Body p span.bold {
        font-weight: 700; }
      div.policy-Home_Main .sub-Section_Body p a, div.policy-Security_Main .sub-Section_Body p a, div.policy-Quality_Main .sub-Section_Body p a {
        color: #0095d9; }
        div.policy-Home_Main .sub-Section_Body p a.pdf, div.policy-Security_Main .sub-Section_Body p a.pdf, div.policy-Quality_Main .sub-Section_Body p a.pdf {
          position: relative; }
          div.policy-Home_Main .sub-Section_Body p a.pdf:after, div.policy-Security_Main .sub-Section_Body p a.pdf:after, div.policy-Quality_Main .sub-Section_Body p a.pdf:after {
            content: "";
            width: 23px;
            height: 23px;
            position: absolute;
            top: 50%;
            right: -1.5625vw;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            background: url(../../../images/common/icon_pdf.png) 0 0 no-repeat;
            background-size: contain; }
            @media screen and (max-width: 767px) {
              div.policy-Home_Main .sub-Section_Body p a.pdf:after, div.policy-Security_Main .sub-Section_Body p a.pdf:after, div.policy-Quality_Main .sub-Section_Body p a.pdf:after {
                width: 2.99479vw;
                height: 2.99479vw;
                right: -3.90625vw; } }
      div.policy-Home_Main .sub-Section_Body p + p, div.policy-Security_Main .sub-Section_Body p + p, div.policy-Quality_Main .sub-Section_Body p + p {
        margin: 2em 0 0; }
        @media screen and (max-width: 767px) {
          div.policy-Home_Main .sub-Section_Body p + p, div.policy-Security_Main .sub-Section_Body p + p, div.policy-Quality_Main .sub-Section_Body p + p {
            margin: 2em 0 0; } }
      div.policy-Home_Main .sub-Section_Body p + ol, div.policy-Security_Main .sub-Section_Body p + ol, div.policy-Quality_Main .sub-Section_Body p + ol {
        margin: 2em 0 0; }
        @media screen and (max-width: 767px) {
          div.policy-Home_Main .sub-Section_Body p + ol, div.policy-Security_Main .sub-Section_Body p + ol, div.policy-Quality_Main .sub-Section_Body p + ol {
            margin: 2em 0 0; } }
      div.policy-Home_Main .sub-Section_Body p.alignright, div.policy-Security_Main .sub-Section_Body p.alignright, div.policy-Quality_Main .sub-Section_Body p.alignright {
        text-align: right; }
    div.policy-Home_Main .sub-Section_Body ol, div.policy-Security_Main .sub-Section_Body ol, div.policy-Quality_Main .sub-Section_Body ol {
      counter-reset: number;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 2;
      letter-spacing: .025em; }
      @media screen and (max-width: 767px) {
        div.policy-Home_Main .sub-Section_Body ol, div.policy-Security_Main .sub-Section_Body ol, div.policy-Quality_Main .sub-Section_Body ol {
          font-size: 24px;
          font-size: 2.4rem;
          line-height: 2; } }
      div.policy-Home_Main .sub-Section_Body ol li, div.policy-Security_Main .sub-Section_Body ol li, div.policy-Quality_Main .sub-Section_Body ol li {
        padding: 0 0 0 2em;
        position: relative; }
        div.policy-Home_Main .sub-Section_Body ol li:before, div.policy-Security_Main .sub-Section_Body ol li:before, div.policy-Quality_Main .sub-Section_Body ol li:before {
          counter-increment: number;
          content: counter(number) ".";
          position: absolute;
          top: 0;
          left: 0; }
        div.policy-Home_Main .sub-Section_Body ol li + li, div.policy-Security_Main .sub-Section_Body ol li + li, div.policy-Quality_Main .sub-Section_Body ol li + li {
          margin: 2em 0 0; }
          @media screen and (max-width: 767px) {
            div.policy-Home_Main .sub-Section_Body ol li + li, div.policy-Security_Main .sub-Section_Body ol li + li, div.policy-Quality_Main .sub-Section_Body ol li + li {
              margin: 2em 0 0; } }
      div.policy-Home_Main .sub-Section_Body ol + p, div.policy-Security_Main .sub-Section_Body ol + p, div.policy-Quality_Main .sub-Section_Body ol + p {
        margin: 2em 0 0; }
        @media screen and (max-width: 767px) {
          div.policy-Home_Main .sub-Section_Body ol + p, div.policy-Security_Main .sub-Section_Body ol + p, div.policy-Quality_Main .sub-Section_Body ol + p {
            margin: 2em 0 0; } }

/*-------------------------------------------------------------------*/
/* Footer */
/*-------------------------------------------------------------------*/
.st-Footer {
  position: relative;
  z-index: 9; }
  .st-Footer_Content-Top {
    padding: 94px 0 130px;
    background: #35315a; }
    @media screen and (max-width: 767px) {
      .st-Footer_Content-Top {
        padding: 13.02083vw 0 15.625vw; } }
    .st-Footer_Content-Top .inner {
      width: 1200px;
      margin: 0 auto; }
      @media screen and (max-width: 1270px) {
        .st-Footer_Content-Top .inner {
          width: 84.375vw; } }
      @media screen and (max-width: 767px) {
        .st-Footer_Content-Top .inner {
          width: 100%; } }
      .st-Footer_Content-Top .inner .nav .global > ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex; }
        @media screen and (max-width: 1270px) {
          .st-Footer_Content-Top .inner .nav .global > ul {
            margin: -75px 0 0;
            -webkit-flex-wrap: wrap;
                    flex-wrap: wrap; } }
        @media screen and (max-width: 767px) {
          .st-Footer_Content-Top .inner .nav .global > ul {
            padding: 0 0 0 6.51042vw;
            display: block; } }
        .st-Footer_Content-Top .inner .nav .global > ul > li {
          width: 14%; }
          @media screen and (max-width: 1270px) {
            .st-Footer_Content-Top .inner .nav .global > ul > li {
              width: 25%;
              margin: 75px 0 0; } }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Top .inner .nav .global > ul > li {
              width: 100%;
              display: -webkit-box;
              display: -webkit-flex;
              display: flex; } }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Top .inner .nav .global > ul > li > p {
              min-width: 19.53125vw;
              -webkit-flex-shrink: 0;
                      flex-shrink: 0; } }
          .st-Footer_Content-Top .inner .nav .global > ul > li > p a {
            font-family: din-condensed, sans-serif;
            font-size: 20px;
            font-size: 2rem;
            letter-spacing: .1em;
            color: #fff; }
            @media screen and (max-width: 767px) {
              .st-Footer_Content-Top .inner .nav .global > ul > li > p a {
                font-size: 34px;
                font-size: 3.4rem; } }
            @media print, screen and (min-width: 768px) {
              .st-Footer_Content-Top .inner .nav .global > ul > li > p a {
                -webkit-transition: .3s;
                transition: .3s; }
                .st-Footer_Content-Top .inner .nav .global > ul > li > p a:hover {
                  color: #f4dc53; } }
          .st-Footer_Content-Top .inner .nav .global > ul > li > ul {
            margin: 28px 0 0; }
            @media screen and (max-width: 767px) {
              .st-Footer_Content-Top .inner .nav .global > ul > li > ul {
                width: 70.3125vw;
                margin: 0 0 -1.30208vw 2.60417vw;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-shrink: 0;
                        flex-shrink: 0;
                -webkit-flex-wrap: wrap;
                        flex-wrap: wrap;
                -webkit-transform: translateY(-0.65104vw);
                        transform: translateY(-0.65104vw); } }
            .st-Footer_Content-Top .inner .nav .global > ul > li > ul li {
              padding: 0 10px 0 0; }
              @media screen and (max-width: 767px) {
                .st-Footer_Content-Top .inner .nav .global > ul > li > ul li {
                  width: 50%;
                  margin: 0 0 1.30208vw;
                  padding: 0 2.60417vw 0 0; } }
              .st-Footer_Content-Top .inner .nav .global > ul > li > ul li p a {
                font-size: 13px;
                font-size: 1.3rem;
                line-height: 1.4;
                letter-spacing: .05em;
                color: #fff;
                opacity: .6;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
                @media screen and (max-width: 767px) {
                  .st-Footer_Content-Top .inner .nav .global > ul > li > ul li p a {
                    font-size: 24px;
                    font-size: 2.4rem;
                    line-height: 1.75; } }
                .st-Footer_Content-Top .inner .nav .global > ul > li > ul li p a[href] {
                  opacity: 1;
                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
                  @media print, screen and (min-width: 768px) {
                    .st-Footer_Content-Top .inner .nav .global > ul > li > ul li p a[href] {
                      -webkit-transition: .3s;
                      transition: .3s; }
                      .st-Footer_Content-Top .inner .nav .global > ul > li > ul li p a[href]:hover {
                        color: #f4dc53; } }
              .st-Footer_Content-Top .inner .nav .global > ul > li > ul li + li {
                margin: 15px 0 0; }
                @media screen and (max-width: 767px) {
                  .st-Footer_Content-Top .inner .nav .global > ul > li > ul li + li {
                    margin: 0 0 1.30208vw; } }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Top .inner .nav .global > ul > li + li {
              margin: 6.51042vw 0 0; } }
      .st-Footer_Content-Top .inner .nav .sub {
        width: 340px;
        margin: 75px 0 0;
        position: relative; }
        @media screen and (max-width: 767px) {
          .st-Footer_Content-Top .inner .nav .sub {
            width: 100%;
            margin: 10.41667vw 0 0;
            padding: 0 0 0 6.51042vw; } }
        .st-Footer_Content-Top .inner .nav .sub > ul > li {
          width: 50%; }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Top .inner .nav .sub > ul > li {
              width: 100%; } }
          .st-Footer_Content-Top .inner .nav .sub > ul > li.news > p a, .st-Footer_Content-Top .inner .nav .sub > ul > li.press-release > p a {
            font-family: din-condensed, sans-serif;
            font-size: 15px;
            font-size: 1.5rem;
            letter-spacing: .1em;
            color: #fff; }
            @media screen and (max-width: 767px) {
              .st-Footer_Content-Top .inner .nav .sub > ul > li.news > p a, .st-Footer_Content-Top .inner .nav .sub > ul > li.press-release > p a {
                font-size: 29px;
                font-size: 2.9rem; } }
            @media print, screen and (min-width: 768px) {
              .st-Footer_Content-Top .inner .nav .sub > ul > li.news > p a, .st-Footer_Content-Top .inner .nav .sub > ul > li.press-release > p a {
                -webkit-transition: .3s;
                transition: .3s; }
                .st-Footer_Content-Top .inner .nav .sub > ul > li.news > p a:hover, .st-Footer_Content-Top .inner .nav .sub > ul > li.press-release > p a:hover {
                  color: #f4dc53; } }
          .st-Footer_Content-Top .inner .nav .sub > ul > li.press-release {
            margin: 19px 0 0; }
            @media screen and (max-width: 767px) {
              .st-Footer_Content-Top .inner .nav .sub > ul > li.press-release {
                margin: 6.51042vw 0 0; } }
          .st-Footer_Content-Top .inner .nav .sub > ul > li.other {
            position: absolute;
            top: 0;
            right: 0; }
            @media screen and (max-width: 767px) {
              .st-Footer_Content-Top .inner .nav .sub > ul > li.other {
                margin: 6.51042vw 0 0;
                position: static; } }
            .st-Footer_Content-Top .inner .nav .sub > ul > li.other > ul li p a {
              font-size: 13px;
              font-size: 1.3rem;
              line-height: 1.4;
              letter-spacing: .05em;
              color: #fff; }
              @media screen and (max-width: 767px) {
                .st-Footer_Content-Top .inner .nav .sub > ul > li.other > ul li p a {
                  font-size: 25px;
                  font-size: 2.5rem; } }
              @media print, screen and (min-width: 768px) {
                .st-Footer_Content-Top .inner .nav .sub > ul > li.other > ul li p a {
                  -webkit-transition: .3s;
                  transition: .3s; }
                  .st-Footer_Content-Top .inner .nav .sub > ul > li.other > ul li p a:hover {
                    color: #f4dc53; } }
            .st-Footer_Content-Top .inner .nav .sub > ul > li.other > ul li + li {
              margin: 15px 0 0; }
              @media screen and (max-width: 767px) {
                .st-Footer_Content-Top .inner .nav .sub > ul > li.other > ul li + li {
                  margin: 6.51042vw 0 0; } }
  .st-Footer_Content-Middle {
    padding: 60px 0;
    background: #e3e6ea; }
    @media screen and (max-width: 767px) {
      .st-Footer_Content-Middle {
        padding: 7.8125vw 0; } }
    .st-Footer_Content-Middle .inner {
      width: 1200px;
      margin: 0 auto; }
      @media screen and (max-width: 1270px) {
        .st-Footer_Content-Middle .inner {
          width: 84.375vw; } }
      @media screen and (max-width: 767px) {
        .st-Footer_Content-Middle .inner {
          width: 100%; } }
      .st-Footer_Content-Middle .inner .mark ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
                align-items: center; }
        .st-Footer_Content-Middle .inner .mark ul li a {
          display: block; }
          .st-Footer_Content-Middle .inner .mark ul li a img {
            width: 100%;
            height: auto; }
          @media print, screen and (min-width: 768px) {
            .st-Footer_Content-Middle .inner .mark ul li a {
              -webkit-transition: .3s;
              transition: .3s; }
              .st-Footer_Content-Middle .inner .mark ul li a:hover {
                opacity: .6;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }
        .st-Footer_Content-Middle .inner .mark ul li:nth-child(1) {
          width: 149px; }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Middle .inner .mark ul li:nth-child(1) {
              width: 19.40104vw; } }
        .st-Footer_Content-Middle .inner .mark ul li:nth-child(2) {
          width: 137px; }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Middle .inner .mark ul li:nth-child(2) {
              width: 17.83854vw; } }
        .st-Footer_Content-Middle .inner .mark ul li:nth-child(3) {
          width: 68px; }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Middle .inner .mark ul li:nth-child(3) {
              width: 8.85417vw; } }
        .st-Footer_Content-Middle .inner .mark ul li + li {
          margin: 0 0 0 30px; }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Middle .inner .mark ul li + li {
              margin: 0 0 0 3.90625vw; } }
  .st-Footer_Content-Bottom {
    padding: 30px 0;
    background: #fff; }
    @media screen and (max-width: 767px) {
      .st-Footer_Content-Bottom {
        padding: 7.8125vw 0; } }
    .st-Footer_Content-Bottom .inner {
      width: 1200px;
      margin: 0 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
              justify-content: space-between; }
      @media screen and (max-width: 1270px) {
        .st-Footer_Content-Bottom .inner {
          width: 84.375vw; } }
      @media screen and (max-width: 767px) {
        .st-Footer_Content-Bottom .inner {
          width: 100%;
          display: block; } }
      .st-Footer_Content-Bottom .inner .sns ul {
        padding: 0 0 0 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
                align-items: center; }
        @media screen and (max-width: 767px) {
          .st-Footer_Content-Bottom .inner .sns ul {
            margin: 0 0 -5.20833vw -5.20833vw;
            padding: 0;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                    justify-content: center;
            -webkit-flex-wrap: wrap;
                    flex-wrap: wrap; } }
        @media screen and (max-width: 767px) {
          .st-Footer_Content-Bottom .inner .sns ul li {
            margin: 0 0 5.20833vw 5.20833vw; } }
        .st-Footer_Content-Bottom .inner .sns ul li a {
          display: block; }
          .st-Footer_Content-Bottom .inner .sns ul li a img {
            width: 100%;
            height: auto; }
          @media print, screen and (min-width: 768px) {
            .st-Footer_Content-Bottom .inner .sns ul li a {
              -webkit-transition: .3s;
              transition: .3s; }
              .st-Footer_Content-Bottom .inner .sns ul li a:hover {
                opacity: .6;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }
        .st-Footer_Content-Bottom .inner .sns ul li.twitter {
          width: 27px; }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Bottom .inner .sns ul li.twitter {
              width: 7.29167vw; } }
        .st-Footer_Content-Bottom .inner .sns ul li.facebook {
          width: 27px; }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Bottom .inner .sns ul li.facebook {
              width: 7.29167vw; } }
        .st-Footer_Content-Bottom .inner .sns ul li.wantedly {
          width: 113px; }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Bottom .inner .sns ul li.wantedly {
              width: 29.55729vw; } }
        .st-Footer_Content-Bottom .inner .sns ul li.linkedin {
          width: 91px; }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Bottom .inner .sns ul li.linkedin {
              width: 24.47917vw; } }
        .st-Footer_Content-Bottom .inner .sns ul li.qiita {
          width: 70px; }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Bottom .inner .sns ul li.qiita {
              width: 19.01042vw; } }
        .st-Footer_Content-Bottom .inner .sns ul li + li {
          margin: 0 0 0 24px; }
          @media screen and (max-width: 767px) {
            .st-Footer_Content-Bottom .inner .sns ul li + li {
              margin: 0 0 5.20833vw 5.20833vw; } }
      @media screen and (max-width: 767px) {
        .st-Footer_Content-Bottom .inner .copyright {
          margin: 7.8125vw 0 0; } }
      .st-Footer_Content-Bottom .inner .copyright p {
        font-size: 14px;
        font-size: 1.4rem;
        color: #35315a; }
        @media screen and (max-width: 767px) {
          .st-Footer_Content-Bottom .inner .copyright p {
            font-size: 18px;
            font-size: 1.8rem;
            text-align: center; } }
  .st-Footer_BackToTop {
    width: 40px;
    position: fixed;
    bottom: 70px;
    right: 60px;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden; }
    @media screen and (max-width: 767px) {
      .st-Footer_BackToTop {
        width: 10.41667vw;
        bottom: 3.25521vw;
        right: 3.25521vw; } }
    .st-Footer_BackToTop a {
      display: block;
      box-shadow: 0 10px 20px 0 rgba(162, 169, 180, 0.3);
      line-height: 0; }
      @media screen and (max-width: 767px) {
        .st-Footer_BackToTop a {
          box-shadow: 0 1.30208vw 2.60417vw 0 rgba(162, 169, 180, 0.3); } }
      .st-Footer_BackToTop a img {
        width: 100%;
        height: auto; }
    @media print, screen and (min-width: 768px) {
      .st-Footer_BackToTop:hover {
        opacity: .6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px); } }

/*-------------------------------------------------------------------*/
/* print */
/*-------------------------------------------------------------------*/
@media print {
  body {
    width: 1920px;
    zoom: .45; }
  header {
    position: static; }
  * {
    -webkit-print-color-adjust: exact;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }