@charset "UTF-8";

/*!
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
*/
/**
 # Foundation
 */
/* 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,
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,
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;
  box-sizing: border-box;
}

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

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;
}

/* reset for form */
input[type="text"] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  box-sizing: border-box;
}

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  box-sizing: border-box;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  box-sizing: border-box;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-family: 'Noto Sans JP', YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "メイリオ", Meiryo, sans-serif;
  color: #000;
  text-align: left;
  background-color: #FFF;
  font-size: 1.5rem;
  font-weight: normal;
  overflow-x: hidden;
  font-weight: 400;
}

.transition {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.hover:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.clearfix {
  zoom: 1;
}

.align-center {
  text-align: center !important;
}

.align-right {
  text-align: right !important;
}

.align-left {
  text-align: left !important;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.pc {
  display: block !important;
}

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

.smp {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .smp {
    display: block !important;
  }
}

@media screen and (max-width: 768px) {
  body {
    font-size: 4.06vw;
    padding: 0;
  }
}

/**
 # Layout
 */
/*--------------------------------------------------------------
    # footer.scss
--------------------------------------------------------------*/
.l--footer {
  background-color: #000;
  padding: 50px 32px 50px;
}

.l--footer__inner {
  max-width: 960px;
  margin: 0 auto;
}

.l--footer-logo {
  display: block;
  margin: 0 auto 54px;
  width: 265px;
  height: 45px;
}

.l--footer-logo img {
  width: 100%;
  vertical-align: bottom;
}

.l--footer-list {
  margin: 0 0 46px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.l--footer-list li a {
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  display: block;
  border-right: 1px solid #FFF;
  font-size: 1.4rem;
  color: #FFF;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.l--footer-list li a:link {
  text-decoration: none;
}

.l--footer-list li a:visited {
  text-decoration: none;
}

.l--footer-list li a:hover {
  text-decoration: none;
  opacity: 0.65;
}

.l--footer-list li:last-child a {
  margin: 0;
  padding: 0;
  border: none;
}

.l--footer-copyright {
  display: block;
  font-family: "Crimson Pro", serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .l--footer {
    padding: 14.93333vw 0 12.8vw;
  }

  .l--footer__inner {
    max-width: initial;
    margin: 0 auto;
  }

  .l--footer-logo {
    display: block;
    margin: 0 0 8.53333vw 8.53333vw;
    width: 51.2vw;
    height: 8.53333vw;
  }

  .l--footer-list {
    margin: 0 0 8.53333vw;
    display: block;
    border-top: 1px solid #FFF;
  }

  .l--footer-list li a {
    margin: 0;
    padding: 5.33333vw 8.53333vw;
    display: block;
    border-bottom: 1px solid #FFF;
    border-right: none;
    font-size: 4.26667vw;
    font-weight: 400;
    color: #FFF;
    text-align: left;
    background-image: url(../images/common/parts/arrow04SMP__right__wh.svg);
    background-repeat: no-repeat;
    background-position: 84.53333vw center;
    background-size: 6.4vw 6.4vw;
  }

  .l--footer-list li:last-child a {
    margin: 0;
    padding: 5.33333vw 8.53333vw;
    border-bottom: 1px solid #FFF;
  }

  .l--footer-copyright {
    line-height: 1.28571;
    font-size: 3.73333vw;
    font-weight: 400;
  }
}

/*
     Page top
--------------------------------------------------------------*/
.page--top-wrap {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 50;
  width: 60px;
  height: 60px;
  background-color: #B6A014;
}

.page--top-wrap a {
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.page--top-wrap a:before {
  width: 16px;
  height: 2px;
  margin-top: -10px;
  background-color: #FFF;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.page--top-wrap a:after {
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  margin-left: -2px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.page--top-wrap a:hover {
  opacity: 0.65;
}

@media screen and (max-width: 768px) {
  .page--top-wrap {
    width: 21.33333vw;
    height: 21.33333vw;
    bottom: 5.33333vw;
    right: 5.33333vw;
  }

  .page--top-wrap a {
    right: 0;
    position: absolute;
    display: block;
    width: 21.33333vw;
    height: 21.33333vw;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }

  .page--top-wrap a:before {
    width: 16px;
    height: 2px;
    margin-top: -10px;
    background-color: #FFF;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .page--top-wrap a:after {
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    margin-left: -2px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .page--top-wrap a:hover {
    opacity: 0.65;
  }
}

/*--------------------------------------------------------------
    # header.scss
--------------------------------------------------------------*/
.l--header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  height: 108px;
}

.l--header__inner {
  position: relative;
  height: 108px;
  filter: drop-shadow(-5px 0px 20px rgba(0, 0, 0, 0.05));
  background-color: #FFF;
}

.l--header-logo {
  position: absolute;
  top: 32px;
  left: 48px;
  width: 265px;
  display: block;
}

.l--header-logo a {
  display: block;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.l--header-logo a:hover {
  opacity: 0.45;
}

.l--header-logo a img {
  width: 100%;
  vertical-align: bottom;
}

.l--header-lang {
  position: absolute;
  right: 210px;
  top: 23px;
  display: flex;
  align-items: center;
}

.l--header-lang li {
  padding: 0 7px 0 0;
  margin: 0 7px 0 0;
  border-right: 1px solid #DDDDDD;
}

.l--header-lang li:last-child {
  padding: 0;
  margin: 0;
  border: none;
}

.l--header-lang li a {
  font-size: 1.4rem;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  color: #000;
  position: relative;
}

.l--header-lang li a:link {
  text-decoration: none;
}

.l--header-lang li a:visited {
  text-decoration: none;
}

.l--header-lang li a:hover {
  text-decoration: none;
}

.l--header-lang li a.focus {
  color: #B6A014;
}

.l--header-lang li a.focus:after {
  content: "";
  width: 17px;
  height: 2px;
  background-color: #B6A014;
  display: block;
  position: absolute;
  bottom: -4px;
}

.l--header-officiallinks {
  position: absolute;
  right: 32px;
  top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #B6A014;
  width: 148px;
  height: 32px;
  border-radius: 16px;
  color: #FFF;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.l--header-officiallinks span {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
}

.l--header-officiallinks:link {
  text-decoration: none;
  color: #FFF;
}

.l--header-officiallinks:visited {
  text-decoration: none;
  color: #FFF;
}

.l--header-officiallinks:hover {
  text-decoration: none;
  color: #FFF;
  background-color: #000921;
}

@media screen and (max-width: 1540px) {
  .l--header-lang {
    right: 260px;
    top: 42px;
  }

  .l--header-officiallinks {
    right: 82px;
    top: 36px;
  }

  .navigation--content .l--header-lang li a {
    color: #FFF;
  }

  .navigation--content .l--header-lang li a.focus {
    color: #B6A014;
  }
}

@media screen and (max-width: 768px) {
  .l--header {
    height: 15.46667vw;
    border-top: 0.53333vw solid #000921;
  }

  .l--header__inner {
    height: 15.46667vw;
  }

  .l--header-logo {
    top: 4.8vw;
    left: 8.53333vw;
    width: 38.66667vw;
  }

  .l--header__inner>.l--header-officiallinks {
    display: none;
  }

  .l--header__inner>.l--header-lang {
    display: none;
  }

  .l--header-lang {
    margin: 8.53333vw auto;
    position: relative;
    right: inherit;
    top: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .l--header-lang li {
    padding: 0 5.33333vw 0 0;
    margin: 0 5.33333vw 0 0;
  }

  .l--header-lang li a {
    font-size: 5.33333vw;
  }

  .l--header-lang li a.focus:after {
    content: "";
    width: 7.46667vw;
    height: 0.53333vw;
    bottom: -2.66vw;
  }

  .l--header-officiallinks {
    margin: 8.53333vw auto;
    position: relative;
    right: inherit;
    top: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57.6vw;
    height: 17.06667vw;
    border-radius: 8.53333vw;
  }

  .l--header-officiallinks span {
    font-size: 4.26667vw;
  }
}

/**
 # Objects -  Compornent -
 */
/**
 # Objects -  project -
 */
/*
    animation.scss
---------------------------------------------------------------------------- */
/*
    home[keyvisual]
--------------------------------------------------------------*/
body.loading .h--slider-list {
  opacity: 0;
  transform: scale(1.5);
  transition: 1.5s cubic-bezier(0.09, 0.43, 0.1, 0.79) 0.5s;
}

body.loaded .h--slider-list {
  opacity: 1.0;
  transform: scale(1);
}

body.loading .h--hero-title {
  opacity: 0;
  transition: 1s cubic-bezier(0.09, 0.43, 0.1, 0.79) 1s;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

body.loaded .h--hero-title {
  opacity: 1.0;
  -webkit-filter: blur(0);
  filter: blur(0);
}

body.loading .h--hero-title span:before {
  transition: 1s cubic-bezier(0.09, 0.43, 0.1, 0.79) 1.5s;
  transform: scale(0, 1);
}

body.loaded .h--hero-title span:before {
  transform: scale(1, 1);
}

body.loading .h--hero-title span:after {
  transition: 1s cubic-bezier(0.09, 0.43, 0.1, 0.79) 1.5s;
  transform: scale(0, 1);
}

body.loaded .h--hero-title span:after {
  transform: scale(1, 1);
}

body.loading .h--hero-approach-title {
  opacity: 0;
  transition: 1s cubic-bezier(0.09, 0.43, 0.1, 0.79) 1s;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

body.loaded .h--hero-approach-title {
  opacity: 1.0;
  -webkit-filter: blur(0);
  filter: blur(0);
}

body.loading .h--hero-approach-title:before {
  transition: 1s cubic-bezier(0.09, 0.43, 0.1, 0.79) 1.5s;
  width: 0;
}

body.loaded .h--hero-approach-title:before {
  width: 36.68122%;
}

body.loading .h--hero-approach-title:after {
  transition: 1s cubic-bezier(0.09, 0.43, 0.1, 0.79) 1.5s;
  width: 0;
}

body.loaded .h--hero-approach-title:after {
  width: 36.68122%;
}

@media screen and (max-width: 768px) {
  body.loaded .h--hero-approach-title:before {
    width: 11.73333vw;
  }

  body.loaded .h--hero-approach-title:after {
    width: 11.73333vw;
  }
}

body.loading .h--hero-approach-box {
  opacity: 0;
  transform: translateY(200px);
  transition: 1s cubic-bezier(0.09, 0.43, 0.1, 0.79) 1.75s;
}

body.loaded .h--hero-approach-box {
  opacity: 1;
  transform: translateY(0);
}

body.loading .h--slider-list__thum {
  opacity: 0;
  transition: 1.5s cubic-bezier(0.09, 0.43, 0.1, 0.79) 2.5s;
}

body.loaded .h--slider-list__thum {
  opacity: 1;
}

body.loading .h--hero-scroll {
  opacity: 0;
  transition: 1.5s cubic-bezier(0.09, 0.43, 0.1, 0.79) 2.5s;
}

body.loaded .h--hero-scroll {
  opacity: 1;
}

/*
    home[1stblock]
--------------------------------------------------------------*/
.message-box {
  opacity: 0;
  transform: translateY(200px);
  transition: 1s cubic-bezier(0.09, 0.43, 0.1, 0.79) 0s;
}

.message-box.lazyloaded {
  opacity: 1;
  transform: translateY(0);
}

/*
    home[2ndblock]
--------------------------------------------------------------*/
.report-box {
  opacity: 0;
  transform: translateY(200px);
  transition: 1s cubic-bezier(0.09, 0.43, 0.1, 0.79) 0s;
}

.report-box.lazyloaded {
  opacity: 1;
  transform: translateY(0);
}

/*
    home[3rdblock]
--------------------------------------------------------------*/
.initiatives__inner {
  opacity: 0;
  transform: translateY(200px);
  transition: 1s cubic-bezier(0.09, 0.43, 0.1, 0.79) 0s;
}

.initiatives__inner.lazyloaded {
  opacity: 1;
  transform: translateY(0);
}

/*
    GlobalMenu
---------------------------------------------------------------------------- */
.l--globalMenu {
  position: absolute;
  right: 10px;
  top: 44px;
  display: flex;
  align-items: center;
  z-index: 35;
}

.l--globalMenu>li:last-child a:after {
  display: none;
}

.l--globalMenu>li>a {
  display: block;
  padding: 20px 0 24px;
  margin: 0 22.5px 0;
  font-size: 1.4rem;
  font-weight: 700;
  position: relative;
}

.l--globalMenu>li>a:link {
  color: #000;
  text-decoration: none;
}

.l--globalMenu>li>a:visited {
  color: #000;
  text-decoration: none;
}

.l--globalMenu>li>a:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.65;
}

.l--globalMenu>li>a:after {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background-color: #DDDDDD;
  transform: rotate(25deg);
  position: absolute;
  top: 19px;
  right: -22px;
}

.l--globalMenu .navigation-list-submenu {
  display: none;
  position: absolute;
  top: 56px;
  background-color: #000921;
  padding: 25px;
}

.l--globalMenu .navigation-list-submenu>li {
  margin: 0 0 24px;
}

.l--globalMenu .navigation-list-submenu>li:last-child {
  margin: 0;
}

.l--globalMenu .navigation-list-submenu>li a {
  background-image: url(../images/common/parts/arrow01__left__wh.svg);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: left center;
  display: block;
  padding: 0 0 0 17px;
  font-size: 1.3rem;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.l--globalMenu .navigation-list-submenu>li a:link {
  color: #FFF;
  text-decoration: none;
}

.l--globalMenu .navigation-list-submenu>li a:visited {
  color: #FFF;
  text-decoration: none;
}

.l--globalMenu .navigation-list-submenu>li a:hover {
  color: #FFF;
  text-decoration: none;
  opacity: 0.35;
}

/*
    Hamburger menu
---------------------------------------------------------------------------- */
.burger--wrap,
.navigation {
  display: none;
}

@media screen and (max-width: 1540px) {
  .l--globalMenu {
    display: none;
  }

  .scroll-lock {
    overflow: hidden;
  }

  .burger--wrap {
    height: 32px;
    width: 32px;
    top: 36px;
    right: 24px;
    position: absolute;
    z-index: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .burger {
    width: 32px;
    height: 24px;
    z-index: 9999;
    display: flex;
    align-items: center;
    position: relative;
  }

  .burger .line {
    width: 32px;
    height: 2.0px;
    background: #B6A014;
    transition: 0.3s;
    right: 0;
    position: absolute;
  }

  .burger::before {
    content: "";
    position: absolute;
    width: 32px;
    height: 2.0px;
    top: 0;
    right: 0;
    background: #B6A014;
    transition: 0.6s;
  }

  .burger::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 2.0px;
    bottom: 0;
    right: 0;
    background: #B6A014;
    transition: 0.8s;
  }

  .navigation.nav-active {
    display: block;
    z-index: 300;
    animation: show 0.25s linear 0s;
  }

  @keyframes show {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .navigation {
    display: none;
    opacity: 0.0;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }

  .navigation .navigation--content {
    background-color: #000921;
    padding: 0;
    height: 100vh;
    width: 100%;
    position: absolute;
    right: 0;
    z-index: 100;
  }

  .navigation .navigation--content__inner {
    position: relative;
    padding: 180px 0 0;
  }

  .navigation-logo {
    position: absolute;
    top: 32px;
    left: 48px;
    width: 265px;
  }

  .navigation-logo img {
    width: 100%;
    vertical-align: bottom;
  }

  .navigation-list {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 32px;
  }

  .navigation-list__inner {
    display: flex;
    flex-wrap: wrap;
  }

  .navigation-box {
    width: 30.90909%;
    margin: 0 2.72727% 48px 0;
  }

  .navigation-box:nth-child(3n) {
    margin: 0 0 48px;
  }

  .navigation-box dt {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0 0 24px;
    color: #FFF;
  }

  .navigation-box dd a {
    display: block;
    background-image: url(../images/common/parts/arrow01__left__wh.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: left center;
    padding: 0 0 0 18px;
    margin: 0 0 16px;
    font-size: 1.5rem;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    font-weight: 300;
  }

  .navigation-box dd a:link {
    color: #FFF;
    text-decoration: none;
  }

  .navigation-box dd a:visited {
    color: #FFF;
    text-decoration: none;
  }

  .navigation-box dd a:hover {
    color: #FFF;
    text-decoration: none;
    opacity: 0.65;
  }

  .burger-active::before {
    transform: rotate(135deg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FFF;
  }

  .burger-active::after {
    transform: rotate(-135deg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FFF;
    width: 100%;
  }

  .burger-active>.line {
    transform: scale(0);
  }

  .nav-active {
    top: 0;
    right: 0;
    opacity: 1.0;
  }

  .burger-active .line {
    background-color: #FFF;
  }
}

@media screen and (max-width: 768px) {
  .burger--wrap {
    height: 3.73333vw;
    width: 8.53333vw;
    top: 6.93333vw;
    right: 4.26667vw;
  }

  .burger {
    width: 8.53333vw;
    height: 3.73333vw;
  }

  .burger .line {
    width: 8.53333vw;
  }

  .burger::before {
    width: 8.53333vw;
  }

  .burger::after {
    width: 8.53333vw;
  }

  .navigation {
    display: none;
    opacity: 0.0;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #000921;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }

  .navigation .navigation--content {
    background-color: #000921;
    padding: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    z-index: 100;
  }

  .navigation .navigation--content__inner {
    padding: 17.06667vw 0 0;
  }

  .navigation-logo {
    display: none;
  }

  .navigation-list {
    width: auto;
    margin: 0 auto;
    padding: 0;
  }

  .navigation-list__inner {
    display: block;
  }

  .navigation-box {
    width: auto;
    margin: 0;
  }

  .navigation-box:nth-child(3n) {
    margin: 0;
  }

  .navigation-box:first-child {
    border-top: 1px solid #2B334A;
  }

  .navigation-box div {
    display: none;
    padding: 5.33333vw 0;
    background-color: #F5F5F5;
  }

  .navigation-box dt {
    font-size: get_wv(16);
    font-weight: 400;
    margin: 0;
    border-bottom: 1px solid #2B334A;
    padding: 4vw 10.66667vw 4vw 5.33333vw;
    line-height: 1.3;
    cursor: pointer;
    position: relative;
  }

  .navigation-box dt span {
    width: 13.6vw;
    height: 13.6vw;
    background-color: #B6A014;
    position: absolute;
    right: 0;
    top: 0;
  }

  .navigation-box dt i {
    display: block;
    position: relative;
    right: 3.73333vw;
    top: 3.73333vw;
  }

  .navigation-box dt i:before {
    content: "";
    display: block;
    width: 5.33333vw;
    height: 2px;
    background-color: #FFF;
    position: absolute;
    top: 2.4vw;
    right: 0vw;
  }

  .navigation-box dt i:after {
    content: "";
    display: block;
    width: 2px;
    height: 5.33333vw;
    background-color: #FFF;
    position: absolute;
    top: 0vw;
    right: 2.4vw;
  }

  .navigation-box dt.active i:after {
    display: none;
  }

  .navigation-box dd a {
    margin: 0;
    padding: 2.66667vw 5.33333vw 2.66667vw 10.66667vw;
    font-size: 3.73333vw;
    background-color: #F5F5F5;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    font-weight: 400;
    line-height: 1.5;
    background-image: url(../images/common/parts/arrow03SMP__right__wh.png);
    background-repeat: no-repeat;
    background-size: 1.6vw;
    background-position: 4.26667vw center;
  }

  .navigation-box dd a:link {
    color: #000921;
    text-decoration: none;
  }

  .navigation-box dd a:visited {
    color: #000921;
    text-decoration: none;
  }

  .navigation-box dd a:hover {
    color: #000921;
    text-decoration: none;
    opacity: 0.65;
  }

  .burger-active::before {
    transform: rotate(135deg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FFF;
  }

  .burger-active::after {
    transform: rotate(-135deg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FFF;
    width: 100%;
  }

  .burger-active>.line {
    transform: scale(0);
  }

  .nav-active {
    top: 0;
    right: 0;
    opacity: 1.0;
  }

  .burger-active .line {
    background-color: #FFF;
  }
}

/**
 # Objects -  pages -
 */
/*--------------------------------------------------------------
    # _home.scss
--------------------------------------------------------------*/
/*  Section [hero]
--------------------------------------------------------------*/
.h--hero {
  background-color: #000;
  overflow: hidden;
  width: 100vw;
  height: 50.625vw;
  position: relative;
}

.h--hero__inner {
  width: 100vw;
  height: 50.625vw;
  position: relative;
}

.h--hero-title {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
  text-align: center;
}

.h--hero-title span {
  display: inline-block;
  padding: 20px;
  color: #FFF;
  font-family: "Shippori Mincho", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 3.4rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  position: relative;
}

.h--hero-title span:before {
  transition: all .3s;
  transform: scale(1, 1);
  transform-origin: center top;
  left: 0;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #FFF;
  top: 0;
  position: absolute;
  display: block;
}

.h--hero-title span:after {
  transition: all .3s;
  transform: scale(1, 1);
  transform-origin: center top;
  left: 0;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #FFF;
  bottom: 0;
  position: absolute;
  display: block;
}

.h--hero-approach {
  position: absolute;
  z-index: 10;
  padding: 0 32px;
  max-width: 1177px;
  bottom: 32px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.h--hero-approach-title {
  font-family: "Crimson Pro", serif;
  font-size: 2.4rem;
  font-weight: 400;
  position: relative;
  text-align: center;
  margin: 0 0 20px;
  color: #FFF;
  position: relative;
}

.h--hero-approach-title:before {
  content: "";
  display: block;
  height: 1px;
  width: 36.68122%;
  background-color: #FFF;
  position: absolute;
  left: 0;
  top: 50%;
}

.h--hero-approach-title:after {
  content: "";
  display: block;
  height: 1px;
  width: 36.68122%;
  background-color: #FFF;
  position: absolute;
  right: 0;
  top: 50%;
}

.h--hero-approach-box-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.h--hero-approach-box-list li {
  width: 23.75546%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000921;
  padding: 20px;
}

.h--hero-approach-box-list-sub {
  color: #FFF;
  font-size: 1.6rem;
  display: block;
  text-align: center;
  margin: 0 0 10px;
}

.h--hero-approach-box-list-main {
  color: #FFF;
  font-size: 1.8rem;
  text-align: center;
}

.h--hero-approach-box-list-main em {
  font-family: "Crimson Pro", serif;
  font-size: 6.4rem;
  margin: 0 5px 0 0;
}

.h--hero-scroll {
  position: absolute;
  z-index: 10;
  width: 17px;
  height: 377px;
  right: 32px;
  top: 11.45833333vw;
  animation: flash 3.5s linear infinite;
}

@keyframes flash {

  0%,
  100% {
    opacity: 1;
    top: 11.45833333vw;
  }

  50% {
    opacity: 0.25;
    top: 11.15833333vw;
  }
}

.h--slider-list {
  position: absolute;
  width: 100vw;
  height: 50.625vw;
}

.h--slider-box {
  width: 100vw;
  height: 50.625vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
}

.h--slider-box.boxnum01 {
  background-image: url(../images/second/home/slider01.png);
}

.h--slider-box.boxnum02 {
  background-image: url(../images/second/home/slider02.png);
}

.h--slider-box.boxnum03 {
  background-image: url(../images/second/home/slider03.png);
}

.h--slider-list__thum {
  position: absolute;
  z-index: 10;
  left: 32px;
  top: 40%;
  bottom: 0;
  margin: auto;
}

.h--slider-list__thum .slick-track {
  transform: none !important;
  width: auto !important;
}

.h--slider-list__thum li {
  width: auto !important;
  float: none !important;
  padding: 0 0 0 25px;
  margin: 0 0 30px;
  font-family: "Crimson Pro", serif;
  font-size: 2.0rem;
  position: relative;
  cursor: pointer;
}

.h--slider-list__thum li span {
  color: rgba(255, 255, 255, 0.6);
}

.h--slider-list__thum li:before {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.6);
  width: 16px;
  height: 16px;
  left: 0;
  top: 7.5%;
  border-radius: 50%;
}

.h--slider-list__thum li.slick-current span {
  color: #B6A014;
}

.h--slider-list__thum li.slick-current:before {
  border: 1px solid #B6A014;
}

@media screen and (max-width: 768px) {
  .h--hero {
    height: 201.06667vw;
    position: relative;
  }

  .h--hero-title {
    top: 14.93333vw;
  }

  .h--hero-title span {
    padding: 5.33333vw 2.66667vw;
    font-size: 7.46667vw;
  }

  .h--hero-approach {
    padding: 0 8.53333vw;
    max-width: initial;
    bottom: 8.53333vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .h--hero-approach-title {
    font-size: 5.33333vw;
    margin: 0 0 4.8vw;
  }

  .h--hero-approach-title:before {
    width: 11.73333vw;
  }

  .h--hero-approach-title:after {
    width: 11.73333vw;
  }

  .h--hero-approach-box-list {
    display: flex;
    align-items: center;
    justify-content: inherit;
    flex-wrap: wrap;
  }

  .h--hero-approach-box-list li {
    width: 40vw;
    margin: 0 2.13333vw 2.13333vw 0;
    padding: 2.66667vw;
  }

  .h--hero-approach-box-list li:nth-child(2n) {
    margin: 0 0 2.13333vw;
  }

  .h--hero-approach-box-list-sub {
    font-size: 3.2vw;
    margin: 0 0 1.6vw;
  }

  .h--hero-approach-box-list-main {
    font-size: 3.73333vw;
  }

  .h--hero-approach-box-list-main em {
    font-size: 12.8vw;
    margin: 0 1.6vw 0 0;
  }

  .h--hero-scroll {
    display: none;
  }

  .h--slider-list {
    height: 201.06667vw;
  }

  .h--slider-box {
    height: 201.06667vw;
  }

  .h--slider-box.boxnum01 {
    background-image: url(../images/second/home/slider01.png);
  }

  .h--slider-box.boxnum02 {
    background-image: url(../images/second/home/slider02.png);
  }

  .h--slider-box.boxnum03 {
    background-image: url(../images/second/home/slider03.png);
  }

  .h--slider-list__thum {
    left: 8.53333vw;
    top: 85.33333vw;
  }

  .h--slider-list__thum li {
    padding: 0 0 0 5.33333vw;
    margin: 0 0 6.4vw;
    font-size: 4.8vw;
  }

  .h--slider-list__thum li:before {
    content: "";
    width: 3.73333vw;
    height: 3.73333vw;
    left: 0;
    top: 7.5%;
  }

  .h--slider-list__thum li.slick-current span {
    color: #B6A014;
  }

  .h--slider-list__thum li.slick-current:before {
    border: 1px solid #B6A014;
  }
}

/*  Section [message]
--------------------------------------------------------------*/
.message {
  padding: 128px 32px;
  background-color: #000921;
}

.message__inner {
  max-width: 1200px;
  margin: 0 auto;
}

.message-box {
  max-width: 768px;
  margin: 0 auto;
}

.message-box-text {
  font-size: 1.6rem;
  color: #FFF;
  line-height: 2.5;
  margin: 0 0 32px;
}

.message-box-sign {
  display: block;
  width: 235px;
  margin: 0 0 48px auto;
}

.message-box-sign img {
  width: 100%;
  vertical-align: bottom;
}

.message-title {
  margin: 0 0 48px;
  text-align: center;
  position: relative;
  padding: 0 0 28px;
}

.message-title:after {
  content: "";
  width: 48px;
  height: 2px;
  background-color: #B6A014;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.message-title-en {
  display: block;
  font-family: "Crimson Pro", serif;
  color: #FFF;
  margin: 0 0 12px;
  font-size: 2.0rem;
  font-weight: 300;
  letter-spacing: 0.1em;
}

.message-title-jp {
  display: block;
  font-family: "Shippori Mincho", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #FFF;
  margin: 0 0 12px;
  font-size: 3.2rem;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .message {
    padding: 17.06667vw 8.53333vw;
  }

  .message__inner {
    max-width: initial;
  }

  .message-box {
    max-width: initial;
  }

  .message-box-text {
    font-size: 3.73333vw;
    color: #FFF;
    line-height: 2.57143;
    margin: 0 0 6.4vw;
  }

  .message-box-sign {
    width: 41.6vw;
    margin: 0 0 8.53333vw auto;
  }

  .message-title {
    margin: 0 0 12.8vw;
    padding: 0 0 6.4vw;
  }

  .message-title:after {
    content: "";
    width: 10.66667vw;
    height: 2px;
  }

  .message-title-en {
    margin: 0 0 2.66667vw;
    font-size: 4.8vw;
  }

  .message-title-jp {
    margin: 0;
    font-size: 7.46667vw;
  }
}

/*  Section [report]
--------------------------------------------------------------*/
.report {
  padding: 128px 32px;
  background-color: #0E172E;
}

.report__inner {
  max-width: 1536px;
  margin: 0 auto;
}

.report-box {
  background-image: url(../images/second/home/sec02__bg.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
}

.report-box__inner {
  padding: 100px 138px;
}

.report-box-text {
  font-size: 1.6rem;
  color: #FFF;
  line-height: 2.5;
  margin: 0 0 64px;
  max-width: 50%;
}

.report-title {
  margin: 0 0 48px;
  text-align: left;
  position: relative;
  padding: 0 0 28px;
}

.report-title:after {
  content: "";
  width: 48px;
  height: 2px;
  background-color: #B6A014;
  position: absolute;
  left: 0;
  bottom: 0;
}

.report-title-en {
  display: block;
  font-family: "Crimson Pro", serif;
  color: #FFF;
  margin: 0 0 12px;
  font-size: 2.0rem;
  font-weight: 300;
  letter-spacing: 0.1em;
}

.report-title-jp {
  display: block;
  font-family: "Shippori Mincho", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #FFF;
  margin: 0 0 12px;
  font-size: 3.2rem;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .report {
    padding: 17.06667vw 8.53333vw;
  }

  .report__inner {
    max-width: initial;
  }

  .report-box {
    background-image: url(../images/second/home/sec02__bg__smp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .report-box__inner {
    padding: 17.06667vw 4.26667vw;
  }

  .report-box-text {
    font-size: 3.73333vw;
    line-height: 2.57143;
    margin: 0 0 8.53333vw;
    max-width: initial;
  }

  .report-title {
    margin: 0 0 12.8vw;
    padding: 0 0 6.4vw;
    text-align: center;
  }

  .report-title:after {
    content: "";
    width: 10.66667vw;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

  .report-title-en {
    margin: 0 0 2.66667vw;
    font-size: 4.8vw;
  }

  .report-title-jp {
    font-size: 6.93333vw;
  }
}

/*  Section [initiatives]
--------------------------------------------------------------*/
.initiatives {
  padding: 128px 76px;
}

.initiatives__inner {
  max-width: 1536px;
  margin: 0 auto;
}

.initiatives-title {
  margin: 0 0 48px;
  text-align: left;
  position: relative;
  padding: 0 0 28px;
  text-align: center;
}

.initiatives-title:after {
  content: "";
  width: 48px;
  height: 2px;
  background-color: #B6A014;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.initiatives-title-en {
  display: block;
  font-family: "Crimson Pro", serif;
  color: #000000;
  margin: 0 0 12px;
  font-size: 2.0rem;
  font-weight: 300;
  letter-spacing: 0.1em;
}

.initiatives-title-jp {
  display: block;
  font-family: "Shippori Mincho", "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #000000;
  margin: 0 0 12px;
  font-size: 3.2rem;
  font-weight: 600;
}

.h--initiatives--slick {
  max-width: 1180px;
  margin: 0 auto 32px;
}

.h--initiatives--slick .slick-slide {
  width: auto;
}

.h--initiatives--slick .slick-slide img {
  width: 100%;
  vertical-align: bottom;
}

.slick-arrow {
  width: 64px;
  height: 64px;
  z-index: 99;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.slick-arrow:before {
  display: none;
  font-size: 0;
}

.slick-next {
  background-image: url(../images/second/home/sec03__nextbutton.png);
  right: -76px;
}

.slick-prev {
  background-image: url(../images/second/home/sec03__prevbutton.png);
  left: -76px;
}

.slick-prev:hover,
.slick-prev:focus {
  color: inherit;
  outline: inherit;
  background: inherit;
  opacity: 0.5;
  display: block;
  background-image: url(../images/second/home/sec03__prevbutton.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.slick-next:hover,
.slick-next:focus {
  color: inherit;
  outline: inherit;
  background: inherit;
  opacity: 0.5;
  display: block;
  background-image: url(../images/second/home/sec03__nextbutton.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 768px) {
  .initiatives {
    padding: 17.06667vw 8.53333vw;
  }

  .initiatives__inner {
    max-width: initial;
    margin: 0 auto;
  }

  .initiatives-title {
    margin: 0 0 12.8vw;
    padding: 0 0 6.4vw;
  }

  .initiatives-title:after {
    content: "";
    width: 10.66667vw;
    height: 2px;
  }

  .initiatives-title-en {
    margin: 0 0 2.66667vw;
    font-size: 4.8vw;
  }

  .initiatives-title-jp {
    margin: 0;
    font-size: 6.93333vw;
    line-height: 1.23077;
  }

  .h--initiatives--slick {
    max-width: initial;
    margin: 0 auto 8.53333vw;
  }

  .h--initiatives--slick .slick-slide {
    width: 312px !important;
  }

  .h--initiatives--slick .slick-slide img {
    width: 100%;
    vertical-align: bottom;
  }

  .slick-arrow {
    width: 8.53333vw;
    height: 8.53333vw;
    z-index: 99;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }

  .slick-arrow:before {
    display: none;
    font-size: 0;
  }

  .slick-next {
    background-image: url(../images/second/home/sec03__nextbutton.png);
    right: -6.66vw;
  }

  .slick-prev {
    background-image: url(../images/second/home/sec03__prevbutton.png);
    left: -6.66vw;
  }

  .slick-prev:hover,
  .slick-prev:focus {
    color: inherit;
    outline: inherit;
    background: inherit;
    opacity: 0.5;
    display: block;
    background-image: url(../images/second/home/sec03__prevbutton.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }

  .slick-next:hover,
  .slick-next:focus {
    color: inherit;
    outline: inherit;
    background: inherit;
    opacity: 0.5;
    display: block;
    background-image: url(../images/second/home/sec03__nextbutton.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
}

/*--------------------------------------------------------------
    # _components.scss
--------------------------------------------------------------*/
/*  Common [button]
--------------------------------------------------------------*/
.cmn--button {
  display: block;
  width: 320px;
  border-bottom: 1px solid #B6A014;
  padding: 0 0 32px 16px;
  position: relative;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.cmn--button__wrap {
  display: flex;
  justify-content: center;
}

.cmn--button span {
  display: block;
  color: #B6A014;
  font-family: "Crimson Pro", serif;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cmn--button:link {
  text-decoration: none;
}

.cmn--button:visited {
  text-decoration: none;
}

.cmn--button:hover {
  text-decoration: none;
}

.cmn--button:after {
  content: "";
  display: block;
  width: 30px;
  height: 13px;
  position: absolute;
  top: 0;
  right: 16px;
  background-image: url(../images/common/parts/arrow02__right__cm.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.cmn--button:hover:after {
  right: 0;
}

.cmn--button.wh {
  border-bottom: 1px solid #FFF;
}

.cmn--button.wh span {
  color: #FFF;
}

.cmn--button.wh:after {
  content: "";
  background-image: url(../images/common/parts/arrow02__right__wh.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 768px) {
  .cmn--button {
    width: 66.66667vw;
    padding: 0 0 8.53333vw 4.26667vw;
  }

  .cmn--button span {
    font-size: 4.8vw;
  }

  .cmn--button:after {
    content: "";
    display: block;
    width: 8vw;
    height: 3.46667vw;
    right: 4.26667vw;
  }
}

/*  Common [titleBlock]
--------------------------------------------------------------*/
.second--main {
  background-color: #10172C;
  padding: 0 32px;
  min-height: 256px;
  margin: 0 0 48px;
}

.second--main__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 256px;
}

.second--main-subtitle {
  font-weight: 200;
  font-family: "Crimson Pro", serif;
  font-size: 2.4rem;
  display: block;
  margin: 0 0 24px;
  color: #FFF;
  letter-spacing: 0.1em;
  text-align: center;
}

.second--main-title {
  font-weight: 600;
  font-size: 4.0rem;
  display: block;
  color: #FFF;
  text-align: center;
  padding: 0 0 42px;
  position: relative;
}

.second--main-title:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 2px;
  background-color: #B6A014;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .second--main {
    padding: 0 4.26667vw;
    min-height: 59.73333vw;
    margin: 0 0 6.4vw;
  }

  .second--main__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 59.73333vw;
  }

  .second--main-subtitle {
    font-size: 4.8vw;
    margin: 0 0 3.2vw;
  }

  .second--main-title {
    font-size: 6.93333vw;
    display: block;
    color: #FFF;
    text-align: center;
    padding: 0 0 7.46667vw;
  }

  .second--main-title:after {
    content: "";
    position: absolute;
    width: 10.66667vw;
    height: 2px;
    background-color: #B6A014;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}

/*  Common [topicpath]
--------------------------------------------------------------*/
.l--main-contents .cmn--topicpath {
  margin: 0 0 64px;
}

.l--main-contents .cmn--topicpath-list {
  margin: 0;
  display: flex;
}

.l--main-contents .cmn--topicpath-list li {
  padding: 0;
  margin: 0 10px 0 0;
  font-size: 1.6rem;
  line-height: 1.0;
}

.l--main-contents .cmn--topicpath-list li:before {
  display: none;
}

.l--main-contents .cmn--topicpath-list li a {
  color: #000921;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.l--main-contents .cmn--topicpath-list li a:link {
  text-decoration: underline;
}

.l--main-contents .cmn--topicpath-list li a:visited {
  text-decoration: underline;
}

.l--main-contents .cmn--topicpath-list li a:hover {
  text-decoration: none;
  opacity: 0.65;
}

.l--main-contents .cmn--topicpath-list-arrow {
  width: 13px;
  height: 18px;
  background-image: url(../images/common/parts/topic__path__parts.svg);
  background-repeat: no-repeat;
  background-size: 13.5px 10.6px;
  background-position: center center;
}

@media screen and (max-width: 768px) {
  .l--main-contents .cmn--topicpath {
    margin: 0 0 6.4vw;
    width: 100%;
    overflow-x: scroll;
  }

  .l--main-contents .cmn--topicpath-list {
    margin: 0;
    display: flex;
    width: 800px;
  }

  .l--main-contents .cmn--topicpath-list li {
    margin: 0 2.66667vw 0 0;
    font-size: 3.2vw;
  }

  .l--main-contents .cmn--topicpath-list-arrow {
    width: 13px;
    height: 18px;
    background-image: url(../images/common/parts/topic__path__parts.svg);
    background-repeat: no-repeat;
    background-size: 13.5px 10.6px;
    background-position: center center;
  }
}

/*  Common [tabmenu]
--------------------------------------------------------------*/
.cmn--contents .cmn--tabmenu {
  margin: 0 0 64px;
}

.cmn--contents .cmn--tabmenu-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cmn--contents .cmn--tabmenu-list.en-adjust__environmentalmenu li a {
  height: 121px;
  padding: 20px 0;
}

.cmn--contents .cmn--tabmenu-list li {
  padding: 0;
  margin: 0 2px 0 0;
}

.cmn--contents .cmn--tabmenu-list li:before {
  display: none;
}

.cmn--contents .cmn--tabmenu-list li a {
  border: 1px solid #DDDDDD;
  background-color: #FFF;
  width: 233px;
  height: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #B6A014;
  line-height: 1.5;
  font-weight: 600;
}

.cmn--contents .cmn--tabmenu-list li a:link {
  text-decoration: none;
  color: #000;
}

.cmn--contents .cmn--tabmenu-list li a:visited {
  text-decoration: none;
  color: #000;
}

.cmn--contents .cmn--tabmenu-list li a:hover {
  text-decoration: none;
  color: #B6A014;
  font-weight: 600;
  background-color: #F7F5EC;
}

.cmn--contents .cmn--tabmenu-list li a.focus {
  background-color: #F7F5EC;
  color: #B6A014;
}

.cmn--contents .cmn--tabmenu #tg {
  display: none;
}

.cmn--contents .cmn--tabmenu .dropLabel,
.cmn--contents .cmn--tabmenu .item {
  display: none;
}

@media screen and (max-width: 768px) {
  .cmn--contents .cmn--tabmenu {
    margin: 0 0 8.53333vw;
    position: relative;
  }

  .cmn--contents .cmn--tabmenu-list {
    display: block;
    flex-direction: column;
    position: relative;
    visibility: hidden;
    opacity: 0;
    top: -5.66vw;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    position: absolute;
    width: 100%;
    background-color: #FFF;
    padding: 2.66667vw;
    border: 1px solid #DDD;
    z-index: 10;
  }

  .cmn--contents .cmn--tabmenu-list li {
    width: auto;
    padding: 0;
    margin: 0 0 0.53333vw 0;
  }

  .cmn--contents .cmn--tabmenu-list li:before {
    display: none;
  }

  .cmn--contents .cmn--tabmenu-list li a {
    width: auto;
  }

  .dropInput:checked~.menu {
    visibility: visible;
    opacity: 1;
    top: 60px;
  }

  #tg {
    display: none;
  }

  .dropLabel,
  .item {
    padding: 5.33333vw;
    background-color: #B6A014;
    display: block !important;
    text-align: center;
    position: relative;
    color: #FFF;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
  }

  .drop--arrow {
    position: absolute;
    top: 45%;
    width: 4.8vw;
    height: 2.66667vw;
    background-image: url(../images/common/parts/arrow05SMP.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    right: 2.66667vw;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }

  .dropLabel:hover,
  .dropInput:checked+label {
    background: #10172C;
    color: #fff;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }

  .dropInput:checked+label .drop--arrow {
    top: 45%;
    transform: rotate(180deg);
  }
}

/*  Common [config]
--------------------------------------------------------------*/
.clearance--box {
  height: 108px;
}

.scroll-lock {
  overflow: hidden;
}

.anchor--links {
  padding-top: 60px;
  margin-top: -60px;
}

.centerd {
  text-align: center;
}

.l--main-contents {
  padding: 0 64px;
  margin: 0 0 128px;
}

.l--main-contents__inner {
  margin: 0 auto;
  max-width: 1408px;
}

@media screen and (max-width: 768px) {
  .l--main-contents {
    padding: 0 8.53333vw;
    margin: 0 0 17.06667vw;
  }

  .l--main-contents__inner {
    max-width: initial;
  }

  .clearance--box {
    height: 15.46667vw;
  }
}

/*  headline
--------------------------------------------------------------*/
.cmn--contents h2 {
  margin: 64px 0 32px;
  background-color: #EBEBED;
  padding: 4px;
}

.cmn--contents h2 span {
  display: block;
  color: #151B2B;
  border-left: 4px solid #B6A014;
  padding: 10px;
  font-size: 3.2rem;
  line-height: 1.25;
}

.cmn--contents h2:first-child {
  margin: 0 0 32px;
}

.cmn--contents h3 {
  margin: 0 0 16px;
  color: #000000;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.66667;
  position: relative;
  padding: 0 0 20px;
  border-bottom: 1px solid #010921;
}

.cmn--contents h4 {
  margin: 0 0 16px;
  color: #000000;
  font-size: 2.0rem;
  font-weight: 400;
  line-height: 1.3;
  position: relative;
  padding: 20px 0 0;
  border-top: 1px solid #DDDDDD;
}

.cmn--contents h4:before {
  content: "";
  background-color: #B6A014;
  width: 127px;
  height: 4px;
  left: 0;
  top: -1px;
  display: block;
  position: absolute;
}

.cmn--contents h5 {
  margin: 0 0 16px;
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.44444;
}

@media screen and (max-width: 768px) {
  .cmn--contents h2 {
    margin: 12.8vw 0 8.53333vw;
    padding: 1.06667vw;
  }

  .cmn--contents h2 span {
    border-left: 1.06667vw solid #B6A014;
    padding: 2.66667vw;
    font-size: 6.4vw;
  }

  .cmn--contents h2:first-child {
    margin: 0 0 8.53333vw;
  }

  .cmn--contents h3 {
    margin: 0 0 4.26667vw;
    color: #000000;
    font-size: 5.33333vw;
    padding: 0 0 4.26667vw;
    line-height: 1.25;
  }

  .cmn--contents h4 {
    margin: 0 0 4.26667vw;
    font-size: 4.8vw;
    padding: 4.26667vw 0 0;
    line-height: 1.25;
  }

  .cmn--contents h4:before {
    width: 21.33333vw;
    height: 4px;
    left: 0;
    top: -1px;
    display: block;
    position: absolute;
  }

  .cmn--contents h5 {
    margin: 0 0 4.26667vw;
    color: #000;
    font-size: 4.26667vw;
  }
}

/*  list
--------------------------------------------------------------*/
.cmn--contents ul {
  margin: 0 0 32px;
}

.cmn--contents ul li {
  margin: 0 0 6px;
  padding: 0 0 0 24px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  position: relative;
}

.cmn--contents ul li:last-child {
  margin: 0;
}

.cmn--contents ul li:before {
  content: "";
  display: inline-block;
  background-color: #B6A014;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  vertical-align: middle;
  position: absolute;
  top: 8px;
  left: 0;
}

.cmn--contents ul.ver02 li:before {
  background-color: #000921;
}

.cmn--contents ol {
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
  counter-reset: number;
  padding: 0;
}

.cmn--contents ol li {
  font-size: 1.5rem;
  color: #000;
  padding: 0 0 20px 35px;
  margin: 0 0 20px;
  line-height: 1.5;
  position: relative;
  list-style: none;
  list-style-position: outside;
  list-style-position: outside;
}

.cmn--contents ol li:before {
  counter-increment: number;
  content: counter(number) "";
  display: block;
  position: absolute;
  font-size: 1.3rem;
  background-color: #000921;
  border-radius: 50%;
  text-align: center;
  left: 0;
  top: 1px;
  color: #FFF;
  margin-right: .5em;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 768px) {
  .cmn--contents ul {
    margin: 0 0 6.4vw;
  }

  .cmn--contents ul li {
    margin: 0 0 2.66667vw;
    padding: 0 0 0 4.8vw;
    font-size: 4vw;
  }

  .cmn--contents ol {
    margin: 0 0 6.4vw;
    padding: 0;
    list-style: none;
    counter-reset: number;
    padding: 0;
  }

  .cmn--contents ol li {
    font-size: 4vw;
    color: #4A4A4A;
    padding: 0 0 20px 35px;
    margin: 0 0 20px;
    line-height: 1.5;
    position: relative;
    list-style: none;
    list-style-position: outside;
    list-style-position: outside;
  }

  .cmn--contents ol li:before {
    counter-increment: number;
    content: counter(number) "";
    display: block;
    position: absolute;
    font-size: 1.3rem;
    background-color: #000921;
    border-radius: 50%;
    text-align: center;
    left: 0;
    top: 1px;
    color: #FFF;
    margin-right: .5em;
    width: 20px;
    height: 20px;
  }
}

/*  text
--------------------------------------------------------------*/
.cmn--contents .lead {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.28571;
  margin: 0 0 16px;
}

.cmn--contents p {
  font-size: 1.6rem;
  margin: 0 0 32px;
  line-height: 2;
}

.cmn--contents p strong {
  color: #BC1C18;
  font-size: 1.8rem;
  font-weight: 700;
}

.cmn--contents .text--right {
  text-align: right;
  margin: 0 0 10px;
}

.cmn--contents .text--center {
  text-align: center;
  margin: 0 0 10px;
}

.cmn--contents a {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.cmn--contents a:link {
  color: #B6A014;
  text-decoration: underline;
}

.cmn--contents a:visited {
  color: #B6A014;
  text-decoration: underline;
}

.cmn--contents a:hover {
  color: #B6A014;
  text-decoration: underline;
  opacity: 0.65;
}

.cmn--contents a.ex--links {
  display: inline-block;
  padding: 0 20px 0 0;
  background-image: url("https://www.heiwa-re.co.jp/assets/img/common/icon-blank.png");
  background-repeat: no-repeat;
  background-position: 98.65% center;
  background-size: 10px 10px;
  margin: 0 5px;
}

.cmn--contents .cmn--coution {
  font-size: 1.3rem;
  margin: 0 0 32px;
}

.cmn--contents .cmn--coution.indentText {
  text-indent: -3em;
  padding-left: 3em;
}

.cmn--contents .cmn--coution-list li {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
}

.cmn--contents .cmn--coution-list li:before {
  top: 7px;
}

.cmn--contents .cmn--uline {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .cmn--contents .lead {
    font-size: 5.86667vw;
    margin: 0 0 4.26667vw;
  }

  .cmn--contents p {
    font-size: 3.73333vw;
    margin: 0 0 6.4vw;
  }

  .cmn--contents p strong {
    font-size: 3.73333vw;
  }

  .cmn--contents .cmn--coution {
    font-size: 3.46667vw;
    margin: 0 0 6.4vw;
  }

  .cmn--contents .cmn--coution-list li {
    font-size: 3.46667vw;
  }
}

/*  images
--------------------------------------------------------------*/
.cmn--contents .fig--style01 {
  display: block;
  margin: 0 0 32px;
}

.cmn--contents .fig--style01 img {
  width: 100%;
  vertical-align: bottom;
}

@media screen and (max-width: 768px) {
  .cmn--contents .fig--style01 {
    margin: 0 0 8.53333vw;
  }
}

/*  table
--------------------------------------------------------------*/
.scroll--table-text {
  display: none;
}

.cmn--contents table {
  margin: 0 0 32px;
  width: 100%;
}

.cmn--contents table .t--cell-centered {
  text-align: center;
}

.cmn--contents table ul {
  margin: 0;
}

.cmn--contents table thead th {
  background-color: #B6A014;
  text-align: center;
  padding: 15px 0;
  font-size: 1.6rem;
  font-weight: 400;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  line-height: 1.35;
  color: #FFF;
  vertical-align: middle;
}

.cmn--contents table thead td {
  background-color: #707ea4;
  text-align: center;
  padding: 15px 0;
  font-size: 1.5rem;
  font-weight: 700;
}

.cmn--contents table tbody th {
  border: 1px solid #DDDDDD;
  background-color: #5D6270;
  padding: 15px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.35;
  color: #FFF;
}

.cmn--contents table tbody td {
  border: 1px solid #DDD;
  padding: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.50;
  color: #000;
  font-weight: 400;
}

.cmn--contents table tbody tr:last-child th {
  border-bottom: 1px solid #DDDDDD;
}

.cmn--contents table tbody tr:last-child td {
  border-bottom: 1px solid #DDDDDD;
}

.cmn--contents table .tablev01 {
  background-color: #000921;
  color: #FFF;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .cmn--contents .scroll--table-text {
    display: block;
    font-size: 3.46667vw;
    color: #9e9e9e;
    margin: 0 0 2.66667vw;
  }

  .cmn--contents .scroll--table {
    width: 100%;
    overflow-x: scroll;
  }

  .cmn--contents .scroll--table table {
    width: 800px;
  }

  .cmn--contents table {
    margin: 0 0 8.53333vw;
  }

  .cmn--contents table thead th {
    padding: 4vw 0;
    font-size: 3.46667vw;
  }

  .cmn--contents table thead td {
    border-top: 1px solid #000921;
    padding: 4vw 0;
    font-size: 3.46667vw;
  }

  .cmn--contents table tbody th {
    padding: 4vw 2.66667vw;
    font-size: 3.46667vw;
  }

  .cmn--contents table tbody td {
    padding: 4vw 2.66667vw;
    font-size: 3.46667vw;
  }
}

/*  groupbox
--------------------------------------------------------------*/
.cmn--contents .cmn--groupbox {
  background-color: #F5F4EA;
  margin: 0 0 32px;
}

.cmn--contents .cmn--groupbox__inner {
  padding: 32px;
}

.cmn--contents .cmn--groupbox__inner p:last-child {
  margin: 0;
}

.cmn--contents .cmn--groupbox-title {
  font-size: 2.4rem;
  margin: 0 0 12px;
}

.cmn--contents .cmn--groupbox-text {
  font-size: 1.8rem;
  margin: 0 0 0;
}

.cmn--contents .cmn--groupbox-num {
  font-size: 2.2rem;
  font-weight: 900;
}

@media screen and (max-width: 768px) {
  .cmn--contents .cmn--groupbox {
    margin: 0 0 8.53333vw;
  }

  .cmn--contents .cmn--groupbox__inner {
    padding: 6.4vw;
  }

  .cmn--contents .cmn--groupbox__inner p:last-child {
    margin: 0;
  }
}

/*  column Layout
--------------------------------------------------------------*/
.cmn--contents .col-box-01 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 48px;
}

.cmn--contents .col-box-01-left {
  display: block;
  width: 25%;
}

.cmn--contents .col-box-01-left img {
  width: 100%;
  vertical-align: bottom;
  margin: 0 0 20px;
}

.cmn--contents .col-box-01-right {
  display: block;
  width: 72.5%;
}

.cmn--contents .col-box-02 {
  display: flex;
  justify-content: center;
  margin: 0 auto 48px;
}

.cmn--contents .col-box-02 .cols {
  margin: 0 25px;
}

.cmn--contents .col-box-02 figcaption {
  display: block;
  text-align: center;
  margin: 10px 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1a274c;
}

.cmn--contents .col-box {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 48px;
}

.cmn--contents .col-box.wa--01 {
  width: 960px;
}

.cmn--contents .col-box-photo {
  display: block;
  width: 35%;
}

.cmn--contents .col-box-photo img {
  width: 100%;
  vertical-align: bottom;
  margin: 0 0 20px;
}

.cmn--contents .col-box-photo span {
  line-height: 2.0;
  display: block;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
}

.cmn--contents .col-box-contents {
  display: block;
  width: 60%;
}

.cmn--contents .col-box.leftphoto .col-box-photo {
  order: 2;
}

.cmn--contents .col-box.leftphoto .col-box-contents {
  order: 1;
}

.cmn--contents .col-box.rightphoto .col-box-photo {
  order: 1;
}

.cmn--contents .col-box.rightphoto .col-box-contents {
  order: 2;
}

.cmn--contents .col-box.cols2 {
  justify-content: center;
}

.cmn--contents .col-box.cols2 figure {
  width: 30%;
  margin: 0 3.33% 3.33% 0;
}

.cmn--contents .col-box.cols2 figure img {
  width: 100%;
  vertical-align: bottom;
}

.cmn--contents .col-box.cols2 figure:last-child {
  margin: 0 0 3.33% 0;
}

.cmn--contents .col-box.cols2 figure figcaption {
  display: block;
  margin: 10px 0 0;
  font-size: 1.3rem;
  text-align: center;
}

.cmn--contents .col-box.cols2__20 {
  justify-content: center;
}

.cmn--contents .col-box.cols2__20 figure {
  width: 20%;
  margin: 0 3.33% 3.33% 0;
}

.cmn--contents .col-box.cols2__20 figure img {
  width: 100%;
  vertical-align: bottom;
}

.cmn--contents .col-box.cols2__20 figure:last-child {
  margin: 0 0 3.33% 0;
}

.cmn--contents .col-box.cols2__20 figure figcaption {
  display: block;
  margin: 10px 0 0;
  font-size: 1.3rem;
  text-align: center;
}

.cmn--contents .col-box.cols3 figure {
  width: 30%;
  margin: 0 3.33% 3.33% 0;
}

.cmn--contents .col-box.cols3 figure img {
  width: 100%;
  vertical-align: bottom;
}

.cmn--contents .col-box.cols3 figure:last-child {
  margin: 0 0 3.33% 0;
}

.cmn--contents .col-box.cols3 figure figcaption {
  display: block;
  margin: 10px 0 0;
  font-size: 1.3rem;
  text-align: center;
}

.cmn--contents .col-box.cols4 figure {
  width: 22.0%;
  margin: 0 3.33% 3.33% 0;
}

.cmn--contents .col-box.cols4 figure img {
  width: 100%;
  vertical-align: bottom;
}

.cmn--contents .col-box.cols4 figure:last-child {
  margin: 0 0 3.33% 0;
}

.cmn--contents .col-box.cols4 figure figcaption {
  display: block;
  margin: 10px 0 0;
  font-size: 1.3rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .cmn--contents .col-box-01 {
    display: block;
    margin: 0 auto 12.8vw;
  }

  .cmn--contents .col-box-01-left {
    display: block;
    width: auto;
  }

  .cmn--contents .col-box-01-right {
    width: auto;
  }

  .cmn--contents .col-box-02 {
    display: block;
    margin: 0 auto 12.8vw;
  }

  .cmn--contents .col-box-02 .cols {
    margin: 0 0 3.2vw;
  }

  .cmn--contents .col-box-02 figcaption {
    margin: 2.66667vw 0;
    font-size: 3.73333vw;
  }

  .cmn--contents .col-box {
    display: block;
    justify-content: space-between;
    margin: 0 0 8.53333vw;
  }

  .cmn--contents .col-box-photo {
    margin: 0 0 4.26667vw;
    display: block;
    width: auto;
    order: 2;
  }

  .cmn--contents .col-box-photo img {
    width: 100%;
    vertical-align: bottom;
    margin: 0 0 20px;
  }

  .cmn--contents .col-box-photo span {
    font-size: 3.73333vw;
  }

  .cmn--contents .col-box-contents {
    width: auto;
  }

  .cmn--contents .col-box.cols3 figure {
    width: auto;
    margin: 0 0 8vw 0;
  }

  .cmn--contents .col-box.cols3 figure img {
    width: 100%;
    vertical-align: bottom;
  }

  .cmn--contents .col-box.cols3 figure:last-child {
    margin: 0 0 8vw 0;
  }

  .cmn--contents .col-box.cols3 figure figcaption {
    display: block;
    margin: 2.66667vw 0 0;
    font-size: 3.2vw;
    text-align: center;
  }

  .cmn--contents .col-box.cols4 {
    flex-wrap: wrap;
    display: flex;
  }

  .cmn--contents .col-box.cols4 figure {
    width: 48.0%;
    margin: 0 0 5.33333vw 0;
  }

  .cmn--contents .col-box.cols4 figure img {
    width: 100%;
    vertical-align: bottom;
  }

  .cmn--contents .col-box.cols4 figure:last-child {
    margin: 0 0get_vw 20 0;
  }

  .cmn--contents .col-box.cols4 figure figcaption {
    display: block;
    margin: 2.66667vw 0 0;
    font-size: 3.2vw;
    text-align: center;
  }
}

/*  caution
--------------------------------------------------------------*/
.cmn--contents .caution__list li {
  background-image: none;
  padding-left: 1.0em;
  text-indent: -1.0em;
  margin: 0 0 6px;
  font-size: 1.2rem;
  color: #000;
  overflow-wrap: break-word;

}

.cmn--contents .caution__list li:before {
  display: none;
}

.cmn--contents .caution__list.wem li {
  padding-left: 3.7em;
  text-indent: -3.7em;
}

.cmn--contents .caution {
  font-size: 1.2rem;
  color: #000;
}

.cmn--contents .caution__dlist {
  display: flex;
}

.cmn--contents .caution__dlist dt {
  margin: 0 15px 0 0;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #000;
}

.cmn--contents .caution__dlist dd {
  margin: 0 15px 0 0;
  font-size: 1.4rem;
  color: #000;
}

.cmn--contents .caution__dlist dd span {
  display: block;
  margin: 0 0 10px;
}

/*  images
--------------------------------------------------------------*/
.cmn--contents .cmn--fig01 {
  margin: 0 auto 32px;
  text-align: center;
}

.cmn--contents .cmn--fig01 img {
  width: 100%;
  vertical-align: bottom;
}

.cmn--contents .cmn--fig01 figcaption {
  display: block;
  text-align: center;
  margin: 12px 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1a274c;
  line-height: 1.5;
}

.cmn--h180 {
  margin: 0 auto 32px;
  display: flex;
  justify-content: center;
}

.cmn--h180 img {
  width: auto;
  height: 180px;
}

.cmn--h180-figurebox {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 64px;
  width: 640px;
}

.cmn--h180-figurebox.figurebox--4 {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-around;
}

.cmn--h180-figurebox .cols {
  width: 45%;
}

.cmn--h180-figurebox.figurebox--4 .cols {
  width: fit-content;
}

.cmn--h180-figurebox .cols img {
  width: auto;
  height: 180px;
}

.cmn--h180-figurebox .cols .two-img img:first-child {
  margin-right: 10px;
}


.col-box-h180 {
  display: flex;
  justify-content: center;
  margin: 0 auto 48px;
}

.col-box-h180 .col-box-photo {
  display: block;
  width: 280px;
}

.col-box-h180 .col-box-photo img {
  width: auto;
  height: 180px;
}

.col-box-h180 .col-box-photo figcaption {
  display: block;
  text-align: center;
  margin: 10px 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1a274c;
}

.col-box-h180 .col-box-contents {
  width: 60%;
}

@media screen and (max-width: 768px) {
  .cmn--h180 {
    margin: 0 auto 32px;
    display: block;
    justify-content: center;
  }

  .cmn--h180-figurebox .cols {
    width: 100%;
  }

  .cmn--h180 img {
    width: 100%;
    height: auto;
  }

  .cmn--h180-figurebox {
    display: block;
    margin: 0 auto 8.53333vw;
    width: auto;
  }

  .cmn--h180-figurebox .cols {
    width: auto;
  }
  .cmn--h180-figurebox.figurebox--4 .cols {
    width: auto;
  }
  .cmn--h180-figurebox .cols img {
    width: 100%;
    height: auto;
  }

  .cmn--h180-figurebox .cols .two-img img:first-child {
    margin-bottom: 10px;
    margin-right: 0;
  }

}

/*--------------------------------------------------------------
    # _pages.scss
--------------------------------------------------------------*/
/*  management
--------------------------------------------------------------*/
.ma--index .cmn--contents .ma--index-fig01 {
  max-width: 80%;
  margin: 32px auto 64px;
}

.ma--index .cmn--contents .ma--index-fig01 img {
  width: 100%;
  vertical-align: bottom;
}

.ma--index .cmn--contents .ma--index-fig02 {
  width: 235px;
  margin: 32px auto 64px;
}

.ma--index .cmn--contents .ma--index-fig02 img {
  width: 100%;
  vertical-align: bottom;
}

.ma--index .cmn--contents .ma--index-fig05 {
  max-width: 40%;
  margin: 32px auto 64px;
}

.ma--index .cmn--contents .ma--index-fig05 img {
  width: 100%;
  vertical-align: bottom;
}

.ma--index .col-box {
  width: 60%;
  margin: 0 auto 64px;
}

.ma--index .sustainability-policy-title {
  text-align: center;
  padding: 0;
  border-bottom: none;
  margin: 0;
}

.ma--index .align-center {
  text-align: center;
}

.ma--index .statement {
  text-align: left;
  border: dashed 1px #010921;
  padding: 32px 32px 0 32px;
}

.ma--index .statement_list {
  display: flex;
  margin-left: -1em;
  margin-right: -1em;
}

.ma--index .statement_list_item {
  padding-left: 1em;
  padding-right: 1em;
  flex-basis: 33.3333%;
}

.cmn--contents .sector_leader_span {
  font-weight: bold;
  color: #bf0008;
}

.cmn--contents .esg_margin_bottom_0 {
  margin-bottom: 0px;
}

.cmn--contents .esg_margin_bottom_0_important {
  margin-bottom: 0px !important;
}

.cmn--contents .esg_margin_bottom_1em {
  margin-bottom: 1em !important;
}

.cmn--contents .esg_margin_bottom_10 {
  margin-bottom: 10px;
}

.cmn--contents .esg_margin_bottom_15 {
  margin-bottom: 15px;
}

.cmn--contents .esg_environment_padding1 {
  padding-left: 65px;
}

.cmn--contents .esg_basic_table20 {
  width: 20% !important;
}

.cmn--contents .esg_basic_table25 {
  width: 25% !important;
}

.cmn--contents .esg_basic_table26 {
  width: 26% !important;
}

.cmn--contents .esg_basic_table27 {
  width: 27% !important;
}

.cmn--contents .esg_basic_table30 {
  width: 30% !important;
}

.cmn--contents .esg_basic_table35 {
  width: 35% !important;
}

.cmn--contents .esg_basic_table40 {
  width: 40% !important;
}

.cmn--contents .esg_basic_table50 {
  width: 50% !important;
}

.cmn--contents .esg_basic_table60 {
  width: 60% !important;
}

.cmn--contents .esg_basic_table65 {
  width: 65% !important;
}

.cmn--contents .esg_basic_table70 {
  width: 70% !important;
}

.cmn--contents .esg_basic_table73 {
  width: 73% !important;
}

.cmn--contents .esg_basic_table74 {
  width: 74% !important;
}

.cmn--contents .esg_basic_table75 {
  width: 75% !important;
}

.cmn--contents .esg_basic_table80 {
  width: 80% !important;
}

.cmn--contents .icon_sub_base_esg {
  position: relative;
  display: inline-block;
  padding: 0 0 0 14px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 16px;
}

.cmn--contents .icon_sub_base_esg::before,
.cmn--contents .icon_sub_base_esg::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.cmn--contents .icon_sub_base_esg_enmateriality {
  position: relative;
  display: inline-block;
  padding: 0 0 0 14px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 16px;
  padding-top: 30px;
}

.cmn--contents .icon_sub_base_esg_enmateriality::before,
.cmn--contents .icon_sub_base_esg_enmateriality::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.cmn--contents .sub_mark_esg::before {
  width: 3px;
  height: 16px;
  background: #1a274c;
}

.cmn--contents .sub_mark_esg::after {
  left: 5px;
  width: 3px;
  height: 16px;
  background: #b99a00;
}

.cmn--contents .sub_mark_esg_enmateriality::before {
  width: 3px;
  height: 16px;
  background: #1a274c;
}

.cmn--contents .sub_mark_esg_enmateriality::after {
  left: 5px;
  width: 3px;
  height: 16px;
  background: #b99a00;
}

.cmn--contents .esg_arrow {
  background: url(/asset/img/common/ic/ic_arrow_b.png) 0 50% no-repeat;
  background-size: 8px 12px;
  padding: 0 0 0 15px;
}

.cmn--contents .esg_arrow_bold {
  font-weight: bold;
}

.cmn--contents .esg_td_indent {
  text-indent: 1em;
}

.cmn--contents .esg_index_bold {
  font-weight: bold;
}

.cmn--contents .esg_td_indent1 {
  padding: 0 2px 2px 0;
  width: 1% !important;
  white-space: nowrap !important;
  border: none !important;
  font-weight: normal;
  text-align: center;
  color: #111111;
  background: none !important;
  vertical-align: top !important;
}

.cmn--contents .esg_td_indent2 {
  border: none !important;
  background: none;
  padding: 0 0 2px;
}

.cmn--contents .esg_table_indent th:nth-child(1) {
  width: 25%;
}

.cmn--contents .esg_table_indent th:nth-child(2) {
  width: 75%;
}

.cmn--contents .esg_index_background1 {
  background-color: #F6F4EA;
  border: solid 1px #ccc;
  padding: 10px;
}

.cmn--contents .esg_index_border_none1 {
  border-top: none;
  border-bottom: none;
}

.cmn--contents .esg_index_border_none2 {
  border-bottom: none;
}

.cmn--contents .esg_index_border_none3 {
  border-right: none;
}

.cmn--contents .esg_index_border_none4 {
  border-bottom: none;
  border-right: none;
}

.cmn--contents .esg_index_border_none5 {
  /*border-bottom: none;*/
  border-right: none;
}

.cmn--contents .esg_index_border_none6 {
  /*border-bottom: none;*/
  border-left: none;
}

.cmn--contents .esg_index_border_none7 {
  /*	border-bottom: none;
        border-top: none;
    */
  border-right: none;
}

.cmn--contents .esg_index_border_none8 {
  /*	border-bottom: none;
        border-top: none;*/
  border-left: none;
}

.cmn--contents .esg_index_border_none9 {
  border-top: none;
  border-right: none;
}

.cmn--contents .esg_index_border_none10 {
  border-top: none;
  border-left: none;
}

.cmn--contents .esg_index_border_none11 {
  border-right: none;
}

.cmn--contents .esg_index_border_none12 {
  border-left: none;
}

.cmn--contents .esg_materiality_th1 {
  background: #1a274c;
  color: #fff;
}

.cmn--contents .esg_materiality_bold {
  font-weight: bold;
  font-size: 1.1em;
}

.cmn--contents .esg_materiality_bgthin1 {
  background: #407936;
}

.cmn--contents .esg_materiality_bgthin2 {
  background: #07649c;
}

.cmn--contents .esg_materiality_bgthin3 {
  background: #eab100;
}

.cmn--contents .esg_materiality_graybox {
  text-align: center;
  background: #7f7f7f;
  padding: 7px;
  color: #fff;
  display: block;
}

.cmn--contents .esg_materiality_graybox_width {
  width: 13% !important;
}

.cmn--contents .esg_materiality_td_inherit {
  vertical-align: inherit;
}

.cmn--contents .esg_materiality_sdgs {
  /*display: inline-flex;*/
  vertical-align: middle;
}

.cmn--contents .esg_index_item__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cmn--contents .esg_index_item1 {
  vertical-align: middle;
  text-align: center;
  margin: 0 5px;
}

.cmn--contents .esg_index_item2 {
  vertical-align: middle;
  text-align: center;
  margin: 0 5px;
}

.cmn--contents .esg_index_item3 {
  /*float: left;*/
  vertical-align: middle;
  text-align: center;
}

.cmn--contents .esg_index_tdcolor1 {
  vertical-align: middle;
  background-color: #407936;
  text-align: center;
  color: #fff;
  font-size: 1.2em;
}

.cmn--contents .esg_index_tdcolor2 {
  vertical-align: middle;
  background-color: #07649c;
  text-align: center;
  color: #fff;
  font-size: 1.2em;
}

.cmn--contents .esg_index_tdcolor3 {
  vertical-align: middle;
  background-color: #eab100;
  text-align: center;
  color: #fff;
  font-size: 1.2em;
}

.cmn--contents .esg_materiality_bold1 {
  font-weight: bold;
  color: #fff;
  background: #407936;
}

.cmn--contents .esg_materiality_bold2 {
  font-weight: bold;
  color: #fff;
  background: #07649c;
}

.cmn--contents .esg_materiality_bold3 {
  font-weight: bold;
  color: #fff;
  background: #eab100;
}

.cmn--contents .esg_materiality_bold_normal {
  font-weight: bold;
}

.cmn--contents .esg_materiality_cont {
  margin-bottom: 50px !important;
}

.cmn--contents .esg_materiality_width11 {
  width: 11%;
}

.cmn--contents .esg_materiality_indent {
  text-indent: -14px;
  padding-left: 14px;
  display: block;
}

.cmn--contents .esg_materiality_indent2 {
  padding-left: 7.4em;
  text-indent: -6.4em;
  display: block;
}

.cmn--contents .esg_materiality_iconmargin {
  margin-top: -30px;
}

.ma--sasb-standards-table01 .align-center {
  text-align: center;
}

.ma--sasb-standards-table01 .align-right {
  text-align: right;
}

.ma--stakeholder-engagement .cmn--contents .ma--stakeholder-engagement-fig01 {
  max-width: 925px;
  margin: 32px auto 64px;
}

.ma--stakeholder-engagement .cmn--contents .ma--stakeholder-engagement-fig01 img {
  width: 100%;
  vertical-align: bottom;
}

.ma--esg-report .cmn--contents .ma--esg-report__button-list {
  text-align: center;
}

.ma--esg-report .cmn--contents .ma--esg-report__button-list li:before {
  display: none;
}

.ma--esg-report .cmn--contents .ma--esg-report__button {
  display: inline-block;
  background-color: #000921;
  padding: 24px;
  color: #FFF;
}

.ma--esg-report .cmn--contents .ma--esg-report__button:link {
  text-decoration: none;
}

.ma--esg-report .cmn--contents .ma--esg-report__button:visited {
  text-decoration: none;
}

.ma--esg-report .cmn--contents .ma--esg-report__button:hover {
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .ma--index .cmn--contents .ma--index-fig01 {
    max-width: 100%;
    margin: 8.53333vw auto 17.06667vw;
  }

  .ma--index .cmn--contents .ma--index-fig01 img {
    width: 100%;
    vertical-align: bottom;
  }

  .ma--index .col-box {
    width: 60%;
    margin: 0 auto 17.06667vw;
  }

  .ma--stakeholder-engagement .cmn--contents .ma--stakeholder-engagement-fig01 {
    max-width: 100%;
    margin: 8.53333vw auto 17.06667vw;
  }

  .ma--stakeholder-engagement .cmn--contents .ma--stakeholder-engagement-fig01 img {
    width: 100%;
    vertical-align: bottom;
  }

  .ma--esg-report .cmn--contents .ma--esg-report__button-list {
    padding: 0;
    text-align: center;
  }

  .ma--esg-report .cmn--contents .ma--esg-report__button-list li {
    padding: 0;
  }

  .ma--esg-report .cmn--contents .ma--esg-report__button-list li:before {
    display: none;
  }

  .ma--esg-report .cmn--contents .ma--esg-report__button {
    display: inline-block;
    background-color: #000921;
    padding: 5.33333vw;
    color: #FFF;
  }

  .ma--esg-report .cmn--contents .ma--esg-report__button:link {
    text-decoration: none;
  }

  .ma--esg-report .cmn--contents .ma--esg-report__button:visited {
    text-decoration: none;
  }

  .ma--esg-report .cmn--contents .ma--esg-report__button:hover {
    text-decoration: none;
  }
}

/*  governance
--------------------------------------------------------------*/
.go--corporate-governance-table01 td {
  vertical-align: middle;
}

.go--corporate-governance .cmn--fig01 {
  max-width: 825px;
}

.go--compliance .cmn--fig01 {
  max-width: 825px;
}

@media screen and (max-width: 768px) {
  .go--corporate-governance-table01 td {
    vertical-align: middle;
  }

  .go--corporate-governance .cmn--fig01 {
    max-width: 100%;
  }

  .go--compliance .cmn--fig01 {
    max-width: 100%;
  }
}

/*  initiatives
--------------------------------------------------------------*/
.in--initiatives-evaluations .cmn--contents .in--initiatives-evaluations-fig01 {
  max-width: 30%;
  margin: 32px auto 64px;
}

.in--initiatives-evaluations .cmn--contents .in--initiatives-evaluations-fig01 img {
  width: 100%;
  vertical-align: bottom;
}

.in--initiatives-evaluations .cmn--contents .in--initiatives-evaluations-fig02 {
  max-width: 22%;
  margin: 32px auto 64px;
}

.in--initiatives-evaluations .cmn--contents .in--initiatives-evaluations-fig02 img {
  width: 100%;
  vertical-align: bottom;
}

.in--initiatives-evaluations .cmn--contents .in--initiatives-evaluations-fig03 {
  width: 235px;
  margin: 32px auto 64px;
}

.in--initiatives-evaluations .cmn--contents .in--initiatives-evaluations-fig03 img {
  width: 100%;
  vertical-align: bottom;
}

.in--initiatives-evaluations .cmn--contents .col-box-photo {
  width: auto;
}

.in--initiatives-evaluations .cmn--contents .col-box-contents {
  width: auto;
  padding: 0 32px 0 0;
}

.in--initiatives-evaluations .cmn--contents .col-box-photo img {
  width: auto;
  height: 300px;
  padding: 55px 0 0;
}

@media screen and (max-width: 768px) {
  .in--initiatives-evaluations .cmn--contents .in--initiatives-evaluations-fig01 {
    max-width: 100%;
    margin: 32px auto 64px;
  }

  .in--initiatives-evaluations .cmn--contents .in--initiatives-evaluations-fig01 img {
    width: 100%;
    vertical-align: bottom;
  }

  .in--initiatives-evaluations .cmn--contents .in--initiatives-evaluations-fig02 {
    max-width: 100%;
    margin: 32px auto 64px;
  }

  .in--initiatives-evaluations .cmn--contents .in--initiatives-evaluations-fig02 img {
    width: 100%;
    vertical-align: bottom;
  }

  .in--initiatives-evaluations .cmn--contents .in--initiatives-evaluations-fig03 {
    max-width: 100%;
    margin: 32px auto 64px;
  }

  .in--initiatives-evaluations .cmn--contents .in--initiatives-evaluations-fig03 img {
    width: 100%;
    vertical-align: bottom;
  }

  .in--initiatives-evaluations .cmn--contents .col-box-photo img {
    width: 100%;
    height: auto;
    padding: 0;
  }
}

/*  social
--------------------------------------------------------------*/
.so--cmn-figurebox {
  display: flex;
  align-items: flex-start;
  margin: 0 auto 20px;
}

.so--cmn-figurebox .cols {
  padding-left: 1em;
  padding-right: 1em
}

.so--cmn-figurebox .cols:last-of-type {
  margin-right: 0;
}

.so--cmn-figurebox .cols.item_text {
  flex: 1;
}

.so--cmn-figurebox .cols.item_figure {
  width: 25%;
}

.so--cmn-figurebox .cols.item_figure.item_figure_50 {
  width: 50%;
}

.so--cmn-figurebox .cols.item_figure img {
  height: auto;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.so--cmn-figurebox.figurebox--economy .cols.item_figure img {
  width: fit-content;
  max-width: 100%;
}

.separate_border {
  padding-bottom: 80px;
  border-bottom: 1px dashed #000;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .so--cmn-figurebox {
    display: block;
  }

  .so--cmn-figurebox .cols {
    width: 0 auto;
  }

  .so--cmn-figurebox .cols.item_text {
    width: 100%;
  }

  .so--cmn-figurebox .cols.item_figure,
  .so--cmn-figurebox .cols.item_figure.item_figure_50 {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* economy */
ul.so--economy-list--check {
  list-style: none;
}

ul.so--economy-list--check li::before {
  content: "✓";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}

.column.so__economy_award .column__cell:first-child {
  width: 60%;
}
.column.so__economy_award .column__cell:last-child {
  width: 40%;
}

.column.so__economy_award .cols.item_figure {
  width: 50%;
}

.so--economy .cols.item_figure.so__economy__wear {
  width: auto;
  height: 221px;
}

/* area */
.so--area-figurebox {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.so--area-figurebox .figure_item {
  width: calc((100% - 60px) / 3);
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.so--area-figurebox .figure_item p {
  margin-bottom: 0;
}

.so--area-figurebox .figure_item img {
  max-width: 100%;
}

.border-dashed-box {
  text-align: left;
  border: dashed 1px #010921;
  display: inline-block;
  padding: 15px;
}

@media screen and (max-width: 768px) {
  .so--area-figurebox .figure_item {
    width: 100%;
    margin-right: 0;
  }
  .column.so__economy_award .cols.item_figure {
    margin: auto auto 20px auto;
  }
}

.so--contribution-communities .cmn--fig01 {
  width: 825px;
}

.so--contribution-communities .cmn--fig02 {
  width: 425px;
  margin: 0 auto 32px;
}

.so--contribution-communities .cmn--fig02 img {
  width: 100%;
  vertical-align: bottom;
}

.so--contribution-communities .cmn--fig03 {
  margin: 32px auto;
  text-align: center;
  width: 320px;
}

.so--contribution-communities .cmn--fig03 img {
  width: 100%;
}

.so--contribution-communities-figurebox {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 64px;
  width: 825px;
}

.so--contribution-communities-figurebox .cols {
  width: 45%;
}

.so--contribution-communities-figurebox figure {
  margin: 0 15px;
}

.so--contribution-communities-figurebox figcaption {
  display: block;
  text-align: center;
  margin: 10px 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1a274c;
}

@media screen and (max-width: 768px) {
  .so--contribution-communities .cmn--fig01 {
    width: 100%;
  }

  .so--contribution-communities .cmn--fig02 {
    width: 100%;
    margin: 0 auto 8.53333vw;
  }

  .so--contribution-communities .cmn--fig03 {
    margin: 8.53333vw auto;
    width: 50%;
  }

  .so--contribution-communities-figurebox {
    display: block;
    margin: 0 auto 8.53333vw;
    width: auto;
  }

  .so--contribution-communities-figurebox .cols {
    width: auto;
  }

  .so--contribution-communities-figurebox figcaption {
    margin: 3.2vw 0;
    font-size: 3.46667vw;
  }
}

/* health */
.so--health .so--tenant-2em {
  height: 4.0em;
}

.so--health .col-box-02 img {
  height: 170px;
  width: auto;
}

.so--health .so--tenant-figurebox img {
  height: 180px;
  width: auto;
  margin: 0 auto;
  display: block;
}

.so--health .so--tenant-figurebox3 img {
  height: 180px;
  width: auto;
  margin: 0 auto;
  display: block;
}

.so--health .beforeafter {
  background: url(../images/common/parts/arrow01.svg);
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center 35%;
}

.so--health .cmn--fig01 {
  width: 825px;
}

.so--health .cmn--fig02 {
  margin: 32px auto;
  text-align: center;
  width: 320px;
}

.so--health .cmn--fig02 img {
  width: 100%;
}

.so--tenant-figurebox {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 64px;
}

.so--tenant-figurebox .cols {
  width: 45%;
}

.so--tenant-figurebox figure {
  margin: 0 15px;
}

.so--tenant-figurebox figcaption {
  display: block;
  text-align: center;
  margin: 10px 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1a274c;
}

.so--tenant-figurebox3 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 64px;
}

.so--tenant-figurebox3 .cols {
  width: 30%;
}

.so--tenant-figurebox3 figure {
  margin: 0 15px;
}

.so--tenant-figurebox3 figcaption {
  display: block;
  text-align: center;
  margin: 10px 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1a274c;
}

.so--health sup {
  vertical-align: text-top;
  font-size: 0.75em;
}

@media screen and (max-width: 768px) {
  .so--health .col-box-02 img {
    height: auto;
    width: 100%;
  }

  .so--health .so--tenant-figurebox img {
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  .so--health .so--tenant-figurebox3 img {
    height: 18auto0px;
    width: auto;
    margin: 0 auto;
    display: block;
  }

  .so--health .cmn--fig01 {
    width: 100%;
  }

  .so--health .cmn--fig02 {
    margin: 8.53333vw auto;
    width: 53.33333vw;
  }

  .so--health .cmn--fig02 img {
    width: 100%;
  }

  .so--tenant-figurebox {
    display: block;
    margin: 0 auto 8.53333vw;
  }

  .so--tenant-figurebox .cols {
    width: auto;
  }

  .so--tenant-figurebox figcaption {
    margin: 3.2vw 0;
    font-size: 3.46667vw;
  }

  .so--tenant-figurebox3 {
    display: block;
    margin: 0 auto 8.53333vw;
  }

  .so--tenant-figurebox3 .cols {
    width: auto;
  }

  .so--tenant-figurebox3 figcaption {
    margin: 3.2vw 0;
    font-size: 3.2vw;
  }
}

/* safety */
.cmn--contents .so--safety-table {
  margin-bottom: 0;
}

.so--safety-table thead th {
  background-color: #1a274c !important;
  padding: 10px 4px !important;
  width: 45px;
  border-bottom: 1px solid #FFF;
}

.so--safety-table thead th.dept {
  width: 115px;
}

.so--safety-table th,
.so--safety-table td {
  vertical-align: middle;
  text-align: center;
}

.so--safety-table td {
  background-color: #ffffff;
}

.cmn--contents table tbody td.border-right--double {
  border-right: double 5px #dddddd;
}

.so--safety-figurebox {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto 20px;
}

.so--safety-figurebox figure {
  margin: 0 15px;
}

@media screen and (max-width: 768px) {
  .so--safety-figurebox {
    display: block;
  }

  .so--safety-member figure {
    text-align: center;
    margin-bottom: 20px;
  }
}

.so--asset_management {
  background-color: #F7F5EC;
  padding: 30px;
  margin-bottom: 30px;
}

.so--safety-member {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto 20px;
}

.so--safety-member .member-item {
  width: calc((100% - 60px) / 3);
  margin-right: 20px;
  text-align: center;
}

.so--safety-member .member-item:nth-child(3n) {
  margin-right: 0;
}

.so--safety-member .member-item img {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .so--safety-member {
    flex-wrap: wrap;
  }

  .so--safety-member .member-item {
    width: 100%;
    margin-right: 0;
  }
}

.so--resilience-figurebox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 64px;
}

.so--resilience-figurebox figure {
  margin: 0 15px;
}

.so--resilience-figurebox figcaption {
  display: block;
  text-align: center;
  margin: 10px 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1a274c;
}

.so--safety .cmn--fig01 {
  width: 825px;
}

@media screen and (max-width: 768px) {
  .so--resilience-figurebox {
    display: block;
    margin: 0 auto 8.53333vw;
  }

  .so--resilience-figurebox figure {
    margin: 0 0 3.2vw;
  }

  .so--resilience-figurebox figcaption {
    margin: 2.66667vw 0;
    font-size: 3.46667vw;
  }

  .so--safety .cmn--fig01 {
    width: 90%;
  }
}

/* social-issues */
.so--social-issues-table p {
  line-height: 1.5;
  margin-bottom: 20px;
}

.so--social-issues-table p:last-of-type {
  margin-bottom: 0;
}

.so--social-issues-table .indent {
  text-indent: -14px;
  padding-left: 14px;
  display: block;
}

.so--social-issues-table thead th {
  white-space: nowrap;
  padding: 15px 5px !important;
  background-color: #1a274c !important;
}

.so--social-issues-table th,
.so--social-issues-table td {
  vertical-align: middle;
}

.so--social-issues-table .writing--vertical {
  width: 40px;
}

.so--social-issues-table .writing--vertical span {
  writing-mode: vertical-lr;
  white-space: pre;
  text-align: center;
  vertical-align: middle;
}

.so--social-issues-table.en .writing--vertical span {
  transform: rotate(180deg);
}

.so--social-issues-table .width_target {
  width: 23%;
}

.so--social-issues-table .width_result {
  width: 22%;
}

.so--social-issues-table .group01 {
  background-color: #e34c1c;
  color: #ffffff;
}

.so--social-issues-table .group02 {
  background-color: #e88d2b;
  color: #ffffff;
}

.so--social-issues-table .group03 {
  background-color: #edc23a;
  color: #000000;
}

.so--social-issues-table .group04 {
  background-color: #fed941;
  color: #000000;
}

.so--social-issues-table .border-right {
  border-right: solid 4px #dddddd;
}

.so--social-issues-table .border-bottom {
  border-bottom: solid 4px #dddddd;
}

/*  environmental
--------------------------------------------------------------*/
.en--environmental-performance .esg_environment_table_tr {
  border: solid 5px #bf0008;
}

.en--environmental-performance .esg_environment_table_left {
  text-align: left;
}

.en--environmental-performance .align-right {
  text-align: right !important;
}

.en--environmental-performance .esg_initiative_td_font1 {
  font-weight: 700;
  font-size: 1.8rem;
  vertical-align: middle;
}

.en--environmental-performance .esg_initiative_td_font2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #bf0008;
  vertical-align: middle;
}

.en--environmental-performance .cmn--contents .eight-row-table th {
  padding: 15px 10px;
}

.en--environmental-performance .cmn--contents .eight-row-table td {
  padding: 15px 10px;
}

/* tcfd */

.en--tcfd .cmn--contents .en--tcfd-table03 .align-center {
  text-align: center;
}

.en--tcfd .cmn--contents .en--tcfd-table03 .align-middle {
  vertical-align: middle;
}

.en--tcfd .cmn--contents .en--tcfd-table03 p {
  margin: 0;
}

.en--tcfd .cmn--contents .environment-indent-ja2 {
  padding-left: 1.0em;
  text-indent: -1.0em;
}

.en--tcfd .cmn--contents .environment-indent-ja {
  padding-left: 1.0em;
  text-indent: -1.0em;
}

.en--tcfd__imagesbox {
  max-width: 700px;
  margin: 0 auto 64px;
  display: flex;
}

.en--tcfd .en--tcfd-table {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .cmn--contents .scroll--table .en--tcfd-table {
    width: 1400px;
  }
}

.en--tcfd-table th,
.en--tcfd-table td {
  padding: 10px 8px !important;
  vertical-align: middle;
  text-align: center;
}

.en--tcfd-table th {
  vertical-align: middle;
  text-align: center;
}

.en--tcfd-table .cell-empty {
  padding: 0 3px;
  background-color: #ffffff;
}

.cmn--contents .en--tcfd-table tbody th.cell-empty {
  background-color: #ffffff;
  border: none;
}

.cmn--contents .en--tcfd-table tbody td.cell-empty {
  border: 1px solid #DDD;
}

.cmn--contents .en--tcfd-table tbody td.border-none {
  border: none;
}

.cmn--contents .en--tcfd-table tbody td.border-bottom {
  border-bottom: 4px solid #DDD;
}

.en--tcfd-table .font-bold {
  font-weight: bold;
}

.en--tcfd-table .cell-border-none {
  border: none;
  padding-top: 0 !important;
}

.cmn--contents p.en--tcfd-unit {
  padding: 0;
  margin: 0;
  line-height: 1;
  text-align: right;
}

.en .cmn--contents p.en--tcfd-unit {
  padding: 0;
  margin: 0;
  line-height: 2;
  text-align: right;
}

.en--tcfd-table .cell-left {
  text-align: left;
}

.en--tcfd-table .cell-vertical {
  width: 40px;
}

.en--tcfd-table .cell-vertical span {
  writing-mode: vertical-lr;
  white-space: pre;
  text-align: center;
}

.en--tcfd-table.en .cell-vertical span {
  transform: rotate(180deg);
}

.en--tcfd-table .cell-part01 {
  width: 80px;
}

.cmn--contents .en--tcfd-table tbody th {
  background-color: #1a274c;
}

.en--tcfd-table .cell-group01 {
  background-color: #b5a033;
  color: #ffffff;
  text-align: center;
}

.en--tcfd-table .cell-group02 {
  background-color: #943634;
  color: #ffffff;
  text-align: center;
}

.en--tcfd-table .cell-group03 {
  background-color: #5f83ab;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}

.en--tcfd-table .cell-group04 {
  background-color: #07649c;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}

.en--tcfd-table .cell-group05 {
  background-color: #1a274c;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}

.en--tcfd-table .cat01 {
  background-color: #ecf6f3;
}

.en--tcfd-table .cat02 {
  background-color: #f5f4eb;
}

.en--tcfd-table.scenario02 tbody th {
  background-color: #7b849f;
}

.en--tcfd-table.scenario02 .cell-group01 {
  background-color: #f3eabf;
  color: #000;
  text-align: center;
}

.en--tcfd-table.scenario02 .cell-group02 {
  background-color: #e8c3c2;
  color: #000;
  text-align: center;
}

.en--tcfd-table.scenario02 .cell-group03 {
  background-color: #c2d6ec;
  color: #000;
  text-align: center;
  vertical-align: middle;
}

.en--tcfd-table.scenario02 .cell-group04 {
  background-color: #b3ceed;
  color: #000;
  text-align: center;
  vertical-align: middle;
}

.en--tcfd-table.scenario02 .cell-group05 {
  background-color: #7b849f;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}


.en--tcfd-table.scenario02 .cat01 {
  background-color: #f4fffd;
}

.en--tcfd-table.scenario02 .cat02 {
  background-color: #fcfbf4;
}

/* en--tcfd-table02 */
.en--tcfd-table02 .cell-center {
  text-align: center;
}

.en--tcfd-table02 .cell-middle {
  vertical-align: middle;
}

.en--tcfd-table02 .cell-vertical {
  width: 40px;
}

.en--tcfd-table02 .cell-vertical span {
  writing-mode: vertical-lr;
  white-space: pre;
  text-align: center;
}

.en--tcfd-table02.en .cell-vertical span {
  transform: rotate(180deg);
}

.cmn--contents .en--tcfd-table02 thead th,
.cmn--contents .en--tcfd-table02 tbody th {
  background-color: #1a274c;
}

.cmn--contents .en--tcfd-table02 tbody .border-bottom {
  border-bottom: 4px solid #DDD;
}

.en--tcfd-table02 .cat01 {
  background-color: #ecf6f3;
}

.en--tcfd-table02 .cat02 {
  background-color: #f5f4eb;
}

.en--tcfd-table02 .cat02 {
  background-color: #f5f4eb;
}

.cmn--contents .en--tcfd-table02 .cell-group01 {
  background-color: #5f83ab;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}

.en--tcfd-table02 p {
  margin-bottom: 15px;
}

.en--tcfd-table02 ul.check_list {
  list-style-type: none;
}

.en--tcfd-table02 ul.check_list li {
  position: relative;
  line-height: 1.5;
  margin: 0;
  padding-left: 18px;
}

.en--tcfd-table02 ul.check_list li:before {
  content: none;
}

.en--tcfd-table02 ul.check_list li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: 0;
  width: 10px;
  height: 5px;
  border-left: 3px solid #B6A014;
  border-bottom: 3px solid #B6A014;
  transform: rotate(-45deg);
}

.en--tcfd-table02 .caution_list li {
  background-image: none;
  padding-left: 1.0em;
  text-indent: -1.0em;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 1.2rem;
  color: #000;
}

.en--tcfd-table02 .caution_list li:before {
  display: none;
}

.en--tcfd-table02 .indent {
  text-indent: -14px;
  padding-left: 14px;
  display: block;
}

.en--greenhouse-gases-figurebox {
  display: flex;
  justify-content: center;
  margin: 0 auto 64px;
}

.en--greenhouse-gases-figurebox figure {
  margin: 0 15px;
}

.en--greenhouse-gases-figurebox figure img {
  max-width: 100%;
}

.en--greenhouse-gases-figurebox figcaption {
  display: block;
  text-align: center;
  margin: 10px 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1a274c;
}

.en--water-waste-figurebox {
  display: flex;
  justify-content: center;
  margin: 0 auto 64px;
}

.en--water-waste-figurebox figure {
  margin: 0 15px;
}

.en--water-waste-figurebox figcaption {
  display: block;
  text-align: center;
  margin: 10px 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1a274c;
}

.cmn--contents .en--green-properties-ctitle {
  font-size: 2.4rem;
  margin: 0 0 12px;
}

.cmn--contents .en--green-properties-text {
  font-size: 1.8rem;
}

.cmn--contents .en--green-properties-num {
  font-size: 2.2rem;
  font-weight: 900;
}

.en--green-properties .cmn--contents .esg_environment_table td {
  text-align: center !important;
}

.en--green-properties .cmn--contents .esg_environment_table .esg_environment_table_left {
  text-align: left !important;
}

.en--bels-column {
  display: flex;
  margin-left: -1em;
  margin-right: -1em;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.en--bels-column__cell {
  padding-left: 1em;
  padding-right: 1em;
  width: 14.2%;
  ;
  min-width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.en--bels-column__cell .bels_image {
  font-size: 1.6rem;
  margin: 0;
  line-height: 1;
  text-align: center;
}

.en--bels-column__cell .bels_image img {
  width: 100%;
  padding: 5px;
  border: 1px solid #ffffff;
}

.en--bels-column__cell .bels_image img:hover {
  transform: scale(1.5);
  background: #ffffff;
  border: 1px solid #cccccc;
}

.en--bels-column__cell .bels_txt {
  font-size: 1.6rem;
  margin: 0 0 2em;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .en--bels-column__cell {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .en--tcfd__imagesbox {
    max-width: 93.33333vw;
    margin: 0 auto 8.53333vw;
  }

  .en--greenhouse-gases-figurebox {
    display: block;
    margin: 0 auto 8.53333vw;
  }

  .en--greenhouse-gases-figurebox figure {
    margin: 0 4vw;
  }

  .en--greenhouse-gases-figurebox figcaption {
    margin: 2.66667vw 0;
    font-size: 3.46667vw;
  }

  .en--water-waste-figurebox {
    display: block;
    margin: 0 auto 8.53333vw;
  }

  .en--water-waste-figurebox figure {
    margin: 0 4vw;
  }

  .en--water-waste-figurebox figcaption {
    margin: 2.66667vw 0;
    font-size: 3.46667vw;
  }
}

/*  finance
--------------------------------------------------------------*/
.fi--esg-finance .cmn--contents table .t--cell-centered {
  vertical-align: middle;
}

/**
 # Objects -  utility -
 */
/*========== utility.scss ==========*/
.u-radius5 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.u-radiusC {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.transition {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.hover:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.pc {
  display: block !important;
}

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

.smp {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .smp {
    display: block !important;
  }
}

/*--------------------------------------------------------------
    # _print.scss
--------------------------------------------------------------*/
@media print {
  .l--header {
    opacity: 100;
    position: relative;
    width: 100%;
  }

  .fadein {
    opacity: 1.0;
    transform: translate(0, 0);
  }

  .keyVisual__pritBlock {
    display: block !important;
  }

  .keyVisual__pritBlock img {
    width: 100%;
  }

  .keyVisual {
    height: auto !important;
  }

  .h--productsBox__thum {
    width: 640px;
    height: 480px;
    position: absolute;
    overflow: hidden;
    right: 0;
    top: -60px;
  }

  .h--productsBox__thum img {
    width: 100%;
    transition: none !important;
  }

  .h--productsBox__thumCover {
    width: 640px;
    height: 480px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: none;
    z-index: 10;
    transition: none !important;
  }

  .h--productsBox__title {
    position: absolute;
    margin: 0;
    padding: 0;
    text-align: center;
    top: 200px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    color: #FFF;
    line-height: 1.0;
  }

  .h--productsBox__titleEn {
    font-family: "Roboto", sans-serif;
    display: block;
    font-size: 3.2rem;
    margin: 0 0 10px;
  }

  .h--productsBox__titleJp {
    font-size: 1.8rem;
  }
}

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

.cmn--contents .list-style--none {
  list-style: none !important;
  padding: 0;
}

.cmn--contents .list-style--none li {
  padding: 0;
}

.cmn--contents .list-style--none li:before {
  content: none;
}

.cmn--contents .font-weight--bold {
  font-weight: bold;
}

.column {
  justify-content: space-between;
}

.column--equal-width {
  width: 100%;
}

.column,
.column--3,
.column--4,
.column--equal-width {
  display: flex;
}

.column img,
.column--3 img,
.column--4 img,
.column--equal-width img {
  max-width: 100%;
}

.column__cell {
  padding-left: 1em;
  padding-right: 1em
}

.column--equal-width .column__cell {
  padding-left: 1em;
  padding-right: 1em;
  flex-grow: 1;
  flex-basis: 100%
}

.column--3 .column__cell {
  padding-left: 1em;
  padding-right: 1em;
  flex-basis: 33.3333%
}

.column--3 .column__cell--3of1 {
  padding-left: 1em;
  padding-right: 1em;
  flex-basis: 33.3333%
}

.column--3 .column__cell--3of2 {
  padding-left: 1em;
  padding-right: 1em;
  flex-basis: 66.6666%
}

.column--3 .column__cell--3of3 {
  padding-left: 1em;
  padding-right: 1em;
  flex-basis: 100%
}

.column--3 .column__cell--3of1.column__cell--3of1--multi__img {
  flex-basis: fit-content;
  flex-shrink: 0;
}

.column--3 .column__cell--3of1.column__cell--3of1--multi__img figure {
  display: flex;
}

.column--3 .column__cell--3of1.column__cell--3of1--multi__img figure img {
  width: fit-content;
  height: fit-content;
}

.column--3 .column__cell--3of1:last-child figure {
  text-align: right;
}

.column--4 .column__cell {
  padding-left: 1em;
  padding-right: 1em;
  flex-basis: 25%
}

.column--4 .column__cell--4of1 {
  padding-left: 1em;
  padding-right: 1em;
  flex-basis: 25%
}

.column--4 .column__cell--4of2 {
  padding-left: 1em;
  padding-right: 1em;
  flex-basis: 50%
}

.column--4 .column__cell--4of3 {
  padding-left: 1em;
  padding-right: 1em;
  flex-basis: 75%
}

.column--4 .column__cell--4of4 {
  padding-left: 1em;
  padding-right: 1em;
  flex-basis: 100%
}

.flex-start {
  justify-content: flex-start;
}

.align-items--end {
  align-items: flex-end;
}

@media screen and (max-width: 1024px) {
  .column--3 .column__cell--3of1.column__cell--3of1--multi__img {
    flex-shrink: 1;
  }
  .column--3 .column__cell--3of1.column__cell--3of1--multi__img figure {
    display: block;
    text-align: center;
  }
  .column--3 .column__cell--3of1.column__cell--3of1--multi__img figure img:last-child {
    margin-left: 8px;
  }
}
@media screen and (max-width: 768px) {

  .column,
  .column--equal-width {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }

  .column__cell,
  .column--equal-width .column__cell {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .column--3 {
    flex-wrap: wrap;
  }
  .column--3 .column__cell--3of1 {
    flex-basis: 100%;
  }
  .column--3 .column__cell--3of1:last-child figure {
    text-align: center;
  }
}

.margin--0 {
  margin: 0 !important
}

.margin-horizontal--0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}

.margin-vertical--0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.margin-top--0 {
  margin-top: 0 !important
}

.margin-right--0 {
  margin-right: 0 !important
}

.margin-bottom--0 {
  margin-bottom: 0 !important
}

.margin-left--0 {
  margin-left: 0 !important
}

.padding--0 {
  padding: 0 !important
}

.padding-horizontal--0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.padding-vertical--0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.padding-top--0 {
  padding-top: 0 !important
}

.padding-right--0 {
  padding-right: 0 !important
}

.padding-bottom--0 {
  padding-bottom: 0 !important
}

.padding-left--0 {
  padding-left: 0 !important
}

.margin--5 {
  margin: 5px !important
}

.margin-horizontal--5 {
  margin-right: 5px !important;
  margin-left: 5px !important
}

.margin-vertical--5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important
}

.margin-top--5 {
  margin-top: 5px !important
}

.margin-right--5 {
  margin-right: 5px !important
}

.margin-bottom--5 {
  margin-bottom: 5px !important
}

.margin-left--5 {
  margin-left: 5px !important
}

.padding--5 {
  padding: 5px !important
}

.padding-horizontal--5 {
  padding-right: 5px !important;
  padding-left: 5px !important
}

.padding-vertical--5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important
}

.padding-top--5 {
  padding-top: 5px !important
}

.padding-right--5 {
  padding-right: 5px !important
}

.padding-bottom--5 {
  padding-bottom: 5px !important
}

.padding-left--5 {
  padding-left: 5px !important
}

.margin--10 {
  margin: 10px !important
}

.margin-horizontal--10 {
  margin-right: 10px !important;
  margin-left: 10px !important
}

.margin-vertical--10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important
}

.margin-top--10 {
  margin-top: 10px !important
}

.margin-right--10 {
  margin-right: 10px !important
}

.margin-bottom--10 {
  margin-bottom: 10px !important
}

.margin-left--10 {
  margin-left: 10px !important
}

.padding--10 {
  padding: 10px !important
}

.padding-horizontal--10 {
  padding-right: 10px !important;
  padding-left: 10px !important
}

.padding-vertical--10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important
}

.padding-top--10 {
  padding-top: 10px !important
}

.padding-right--10 {
  padding-right: 10px !important
}

.padding-bottom--10 {
  padding-bottom: 10px !important
}

.padding-left--10 {
  padding-left: 10px !important
}

.margin--15 {
  margin: 15px !important
}

.margin-horizontal--15 {
  margin-right: 15px !important;
  margin-left: 15px !important
}

.margin-vertical--15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important
}

.margin-top--15 {
  margin-top: 15px !important
}

.margin-right--15 {
  margin-right: 15px !important
}

.margin-bottom--15 {
  margin-bottom: 15px !important
}

.margin-left--15 {
  margin-left: 15px !important
}

.padding--15 {
  padding: 15px !important
}

.padding-horizontal--15 {
  padding-right: 15px !important;
  padding-left: 15px !important
}

.padding-vertical--15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important
}

.padding-top--15 {
  padding-top: 15px !important
}

.padding-right--15 {
  padding-right: 15px !important
}

.padding-bottom--15 {
  padding-bottom: 15px !important
}

.padding-left--15 {
  padding-left: 15px !important
}

.margin--20 {
  margin: 20px !important
}

.margin-horizontal--20 {
  margin-right: 20px !important;
  margin-left: 20px !important
}

.margin-vertical--20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important
}

.margin-top--20 {
  margin-top: 20px !important
}

.margin-right--20 {
  margin-right: 20px !important
}

.margin-bottom--20 {
  margin-bottom: 20px !important
}

.margin-left--20 {
  margin-left: 20px !important
}

.padding--20 {
  padding: 20px !important
}

.padding-horizontal--20 {
  padding-right: 20px !important;
  padding-left: 20px !important
}

.padding-vertical--20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important
}

.padding-top--20 {
  padding-top: 20px !important
}

.padding-right--20 {
  padding-right: 20px !important
}

.padding-bottom--20 {
  padding-bottom: 20px !important
}

.padding-left--20 {
  padding-left: 20px !important
}

.margin--25 {
  margin: 25px !important
}

.margin-horizontal--25 {
  margin-right: 25px !important;
  margin-left: 25px !important
}

.margin-vertical--25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important
}

.margin-top--25 {
  margin-top: 25px !important
}

.margin-right--25 {
  margin-right: 25px !important
}

.margin-bottom--25 {
  margin-bottom: 25px !important
}

.margin-left--25 {
  margin-left: 25px !important
}

.padding--25 {
  padding: 25px !important
}

.padding-horizontal--25 {
  padding-right: 25px !important;
  padding-left: 25px !important
}

.padding-vertical--25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important
}

.padding-top--25 {
  padding-top: 25px !important
}

.padding-right--25 {
  padding-right: 25px !important
}

.padding-bottom--25 {
  padding-bottom: 25px !important
}

.padding-left--25 {
  padding-left: 25px !important
}

.margin--30 {
  margin: 30px !important
}

.margin-horizontal--30 {
  margin-right: 30px !important;
  margin-left: 30px !important
}

.margin-vertical--30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important
}

.margin-top--30 {
  margin-top: 30px !important
}

.margin-right--30 {
  margin-right: 30px !important
}

.margin-bottom--30 {
  margin-bottom: 30px !important
}

.margin-left--30 {
  margin-left: 30px !important
}

.padding--30 {
  padding: 30px !important
}

.padding-horizontal--30 {
  padding-right: 30px !important;
  padding-left: 30px !important
}

.padding-vertical--30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important
}

.padding-top--30 {
  padding-top: 30px !important
}

.padding-right--30 {
  padding-right: 30px !important
}

.padding-bottom--30 {
  padding-bottom: 30px !important
}

.padding-left--30 {
  padding-left: 30px !important
}

.margin--35 {
  margin: 35px !important
}

.margin-horizontal--35 {
  margin-right: 35px !important;
  margin-left: 35px !important
}

.margin-vertical--35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important
}

.margin-top--35 {
  margin-top: 35px !important
}

.margin-right--35 {
  margin-right: 35px !important
}

.margin-bottom--35 {
  margin-bottom: 35px !important
}

.margin-left--35 {
  margin-left: 35px !important
}

.padding--35 {
  padding: 35px !important
}

.padding-horizontal--35 {
  padding-right: 35px !important;
  padding-left: 35px !important
}

.padding-vertical--35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important
}

.padding-top--35 {
  padding-top: 35px !important
}

.padding-right--35 {
  padding-right: 35px !important
}

.padding-bottom--35 {
  padding-bottom: 35px !important
}

.padding-left--35 {
  padding-left: 35px !important
}

.margin--40 {
  margin: 40px !important
}

.margin-horizontal--40 {
  margin-right: 40px !important;
  margin-left: 40px !important
}

.margin-vertical--40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important
}

.margin-top--40 {
  margin-top: 40px !important
}

.margin-right--40 {
  margin-right: 40px !important
}

.margin-bottom--40 {
  margin-bottom: 40px !important
}

.margin-left--40 {
  margin-left: 40px !important
}

.padding--40 {
  padding: 40px !important
}

.padding-horizontal--40 {
  padding-right: 40px !important;
  padding-left: 40px !important
}

.padding-vertical--40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important
}

.padding-top--40 {
  padding-top: 40px !important
}

.padding-right--40 {
  padding-right: 40px !important
}

.padding-bottom--40 {
  padding-bottom: 40px !important
}

.padding-left--40 {
  padding-left: 40px !important
}

.margin--45 {
  margin: 45px !important
}

.margin-horizontal--45 {
  margin-right: 45px !important;
  margin-left: 45px !important
}

.margin-vertical--45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important
}

.margin-top--45 {
  margin-top: 45px !important
}

.margin-right--45 {
  margin-right: 45px !important
}

.margin-bottom--45 {
  margin-bottom: 45px !important
}

.margin-left--45 {
  margin-left: 45px !important
}

.padding--45 {
  padding: 45px !important
}

.padding-horizontal--45 {
  padding-right: 45px !important;
  padding-left: 45px !important
}

.padding-vertical--45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important
}

.padding-top--45 {
  padding-top: 45px !important
}

.padding-right--45 {
  padding-right: 45px !important
}

.padding-bottom--45 {
  padding-bottom: 45px !important
}

.padding-left--45 {
  padding-left: 45px !important
}

.margin--50 {
  margin: 50px !important
}

.margin-horizontal--50 {
  margin-right: 50px !important;
  margin-left: 50px !important
}

.margin-vertical--50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important
}

.margin-top--50 {
  margin-top: 50px !important
}

.margin-right--50 {
  margin-right: 50px !important
}

.margin-bottom--50 {
  margin-bottom: 50px !important
}

.margin-left--50 {
  margin-left: 50px !important
}

.padding--50 {
  padding: 50px !important
}

.padding-horizontal--50 {
  padding-right: 50px !important;
  padding-left: 50px !important
}

.padding-vertical--50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important
}

.padding-top--50 {
  padding-top: 50px !important
}

.padding-right--50 {
  padding-right: 50px !important
}

.padding-bottom--50 {
  padding-bottom: 50px !important
}

.padding-left--50 {
  padding-left: 50px !important
}