@charset "UTF-8";
/*===========================================
_layout.scss

* Base Setting
* wrapper
* header
* globalNav
* localNav
* breadCrumb
* contents
* footer
* popup page
* clearfix
===========================================*/
/*-------------------------------------------
Base Setting
-------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap");
/* font-family: 'Roboto', sans-serif; */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;700&display=swap");
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*===========================================
reset css
===========================================*/
v\:line, v\:rect, v\:fill, v\:image, v\:stroke {
  behavior: url(#default#VML);
}

/*--------------------------------------------
  HTML5 Reset ::style.css
  -------------------------
  We have learned much from/been inspired by/taken code where offered from:
  Eric Meyer:http://ericmeyer.com
  HTML5 Doctor:http://html5doctor.com
  and the HTML5 Boilerplate:http://html5boilerplate.com
---------------------------------------------*/
/* Let's default this puppy out
--------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* Responsive images and other embedded objects
   Note:keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%;
}

html {
  overflow-y: scroll;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

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

th {
  font-weight: bold;
  vertical-align: top;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: top;
}

pre {
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

input[type=radio] {
  vertical-align: middle;
}

input[type=checkbox] {
  vertical-align: middle;
  *vertical-align: baseline;
}

input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

select, input, textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

a:hover, a:active {
  outline: none;
}

small {
  font-size: 85%;
}

strong, th {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
  font-size: 90%;
}

button, input, select, textarea {
  margin: 0;
}

button {
  width: auto;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

img {
  vertical-align: bottom;
}

em {
  font-style: normal;
}

/* font-family: 'Noto Sans JP', sans-serif; */
@font-face {
  font-family: "svgicon";
  src: url("../fonts/svgicon.ttf?l8bala") format("truetype"), url("../fonts/svgicon.woff?l8bala") format("woff"), url("../fonts/svgicon.svg?l8bala#svgicon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@-ms-viewport {
  width: device-width;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  font-size: 62.5%;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

body, select, input, textarea {
  font-size: 100%;
  -webkit-text-size-adjust: none;
}

a {
  color: #014099;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 255, 0.2) !important;
}

a:link {
  -webkit-tap-highlight-color: #014099;
}

a:hover {
  text-decoration: underline;
}

caption {
  margin-bottom: 5px;
  text-align: left;
}

ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

select {
  height: 1.8em;
}

input {
  padding: 0 2px;
}

textarea {
  padding: 2px;
  resize: vertical;
  width: 98%;
}

@media screen and (max-width: 767px) {
  a:hover {
    opacity: 1 !important;
  }
}
body, select, input, textarea {
  font: 1.8rem "DINNextLTPro-Regular", "DIN 2014", Helvetica, "Roboto", Arial, Tahoma, sans-serif;
  font-weight: 300;
  line-height: 1.8;
  color: #333;
}

@media screen and (max-width: 320px) {
  html {
    font-size: 50%;
  }
  body, select, input, textarea {
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  body, select, input, textarea {
    line-height: 1.6;
  }
}
#skipLink {
  position: absolute;
  left: -9999px;
}

#wrapper {
  width: 100%;
  min-width: 320px;
}

body {
  opacity: 0;
}
body.is_loaded {
  opacity: 1;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}

/*-------------------------------------------
header
-------------------------------------------*/
.headerWrap {
  position: fixed;
  z-index: 101;
  background-color: #fff;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .headerWrap {
    padding: 0 2%;
  }
  .headerWrap .inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 959px) {
  .headerWrap {
    width: 100%;
    margin: 0;
    padding: 0 2%;
    height: auto;
    border-bottom: #D6E1F0 1px solid;
  }
  .headerWrap .inner {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
  }
  .headerWrap.hideGnavHeader {
    height: 42px;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .headerWrap {
    height: 70px;
  }
}
.headerWrap .logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .headerWrap .logo {
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 105;
    overflow: hidden;
  }
  .headerWrap .logo .groupLogo img {
    width: 121px;
    vertical-align: top;
  }
  .headerWrap .logo .groupLogo + .siteLogo {
    padding-left: 25px;
  }
  .headerWrap .logo .siteLogo {
    padding: 0;
    line-height: 1;
  }
  .headerWrap .logo .siteLogo a {
    display: inline-block;
    height: auto;
  }
  .headerWrap .logo .siteLogo a img {
    vertical-align: top;
  }
  .headerWrap .logo .originalLogo {
    padding: 14px 0 0 0;
  }
  .headerWrap .logo .spMenuBtn {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .headerWrap .logo {
    position: relative;
    top: inherit;
    left: 0;
    overflow: hidden;
  }
  .headerWrap .logo .siteLogo {
    margin: 0;
  }
  .headerWrap .logo .siteLogo img {
    vertical-align: middle;
  }
  .headerWrap .logo .spMenuBtn {
    position: absolute;
    top: 13px;
    right: 0;
    display: block;
  }
  .headerWrap .logo .spMenuBtn a {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .headerWrap .logo .spMenuBtn a span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 10px;
    width: 20px;
    height: 2px;
    background-color: #014099;
  }
  .headerWrap .logo .spMenuBtn a span:nth-of-type(1) {
    top: 13px;
  }
  .headerWrap .logo .spMenuBtn a span:nth-of-type(2) {
    top: 20px;
  }
  .headerWrap .logo .spMenuBtn a span:nth-of-type(3) {
    top: 27px;
  }
  .headerWrap .logo .spMenuBtn a.active span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
  }
  .headerWrap .logo .spMenuBtn a.active span:nth-of-type(2) {
    opacity: 0;
  }
  .headerWrap .logo .spMenuBtn a.active span:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
  }
}
@media screen and (max-width: 767px) {
  .headerWrap .logo .groupLogo {
    width: 80px;
  }
  .headerWrap .logo .groupLogo img {
    width: 100%;
  }
  .headerWrap .logo .siteLogo {
    width: auto;
    padding: 0 0 0 8px;
  }
  .headerWrap .logo .siteLogo img {
    height: 22px;
  }
  .headerWrap .logo .spMenuBtn {
    top: 3px;
  }
}

/* siteFunctions
---------------------------------*/
.siteFunctions {
  z-index: 99;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .siteFunctions {
    display: block !important;
  }
  .siteFunctions.hideGnavHeader {
    height: 110px;
  }
}
@media screen and (max-width: 959px) {
  .siteFunctions {
    display: none;
    position: fixed;
    z-index: inherit;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    margin-left: 0;
    padding: 0;
    background: #1D3A65;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .siteFunctions a:hover {
    color: #fff !important;
  }
  .siteFunctions.hideGnavHeader {
    height: inherit;
  }
}
.siteFunctions .drawer.current .searchSet, .siteFunctions .drawer.noGnav .searchSet {
  top: 110px;
}
@media screen and (min-width: 960px) {
  .siteFunctions .drawer {
    height: auto !important;
  }
}
@media screen and (max-width: 959px) {
  .siteFunctions .drawer {
    display: block;
    position: relative;
    padding: 10px 20px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
.siteFunctions .searchSet {
  position: absolute;
  top: 110px;
  width: 100%;
  background-color: #fff;
  display: none;
}
.siteFunctions .searchSet form input {
  display: inline-block;
  outline: none;
  font-size: 2rem;
}
.siteFunctions .searchSet form input[type=text] {
  width: 85%;
  height: 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: #e5e5e5 1px solid;
  line-height: 45px;
  padding: 5px 20px;
  background-color: #fff;
}
.siteFunctions .searchSet form input.focusOff {
  color: #ccc;
}
.siteFunctions .searchSet form input[type=submit] {
  width: 15%;
  height: 45px;
  background-color: #014099;
  border: none;
  color: #fff;
}
.siteFunctions .searchSet form input[type=submit]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 959px) {
  .siteFunctions .searchSet {
    display: block;
    position: relative;
    top: 0 !important;
    padding: 10px 0;
    background-color: inherit;
    border-bottom: rgba(255, 255, 255, 0.5) 1px solid;
  }
  .siteFunctions .searchSet form {
    float: none;
    width: 100%;
    margin: 0;
    height: inherit;
  }
  .siteFunctions .searchSet form::before {
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 22px;
    left: 10px;
    font-size: 17px;
  }
  .siteFunctions .searchSet form input[type=text] {
    font-size: 16px;
    width: 78%;
    height: 40px !important;
    line-height: 35px;
    padding: 5px 5px 5px 35px;
    border: none;
    border-radius: 0;
  }
  .siteFunctions .searchSet form input[type=submit] {
    width: 22%;
    height: 40px;
    background-color: #022b66;
    border: none;
    border-radius: 0;
    font-size: 1.4rem;
  }
  .siteFunctions .searchSet .mf_finder_searchBox_submit {
    background: #5A7296 !important;
    color: #fff !important;
  }
}
.siteFunctions .funcBtns {
  position: absolute;
  top: 45px;
  right: 0;
  overflow: hidden;
}
.siteFunctions .funcBtns a {
  color: #333;
}
.siteFunctions .funcBtns a:hover {
  text-decoration: none;
  color: #999;
}
.siteFunctions .funcBtns li {
  display: inline-block;
  height: 20px;
  margin-left: 10px;
}
.siteFunctions .funcBtns li > span,
.siteFunctions .funcBtns li > a {
  display: block;
  height: 30px;
  padding: 5px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.siteFunctions .funcBtns li > span::before,
.siteFunctions .funcBtns li > a::before {
  font-family: "svgicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  color: #8e8e8e;
}
.siteFunctions .funcBtns li > span:hover,
.siteFunctions .funcBtns li > a:hover {
  opacity: 0.7;
}
.siteFunctions .funcBtns li.contactLink a {
  padding-right: 0;
}
.siteFunctions .funcBtns li.searchOpen span::before {
  content: "\e906";
}
.siteFunctions .funcBtns li.regionOpen span::before {
  content: "\e901";
}
@media screen and (max-width: 959px) {
  .siteFunctions .funcBtns {
    right: inherit;
  }
  .siteFunctions .funcBtns li.contactLink {
    display: block;
    height: auto;
    padding: 0;
    margin: 20px 0;
  }
  .siteFunctions .funcBtns li.contactLink a {
    position: relative;
    display: block;
    height: auto;
    padding: 7px;
    text-align: center;
    background: #5A7296;
    color: #fff;
  }
  .siteFunctions .funcBtns li.contactLink a::before {
    font-size: 12px;
    color: #fff;
    margin-right: 10px;
  }
  .siteFunctions .funcBtns li.contactLink a span {
    font-size: 1.2rem;
    display: inline-block;
    height: auto;
  }
  .siteFunctions .funcBtns li.searchOpen, .siteFunctions .funcBtns li.regionOpen {
    display: none !important;
  }
}
@media screen and (min-width: 960px) {
  .siteFunctions .selectRegion {
    display: none;
    position: fixed;
    left: 0;
    top: 110px;
    z-index: 103;
    width: 100%;
    background-color: rgba(19, 51, 95, 0.95);
    padding: 0 2%;
  }
  .siteFunctions .selectRegion .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 4% 0 4% 5%;
  }
  .siteFunctions .selectRegion .regionHead {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 600;
    padding-right: 5%;
  }
  .siteFunctions .selectRegion .regionList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
  }
  .siteFunctions .selectRegion .regionList ul {
    padding-left: 30px;
  }
  .siteFunctions .selectRegion .regionList ul li {
    margin-bottom: 10px;
  }
  .siteFunctions .selectRegion .regionList ul li a {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    white-space: nowrap;
  }
  .siteFunctions .selectRegion .regionList ul li a:hover {
    background: rgba(255, 255, 255, 0.1);
    text-decoration: none;
  }
}
@media screen and (max-width: 959px) {
  .siteFunctions .selectRegion {
    padding-bottom: 20px;
  }
  .siteFunctions .selectRegion .regionHead {
    color: #fff;
    display: block;
    width: 100%;
    margin: 30px 0 7px 0;
    padding: 0;
    font-size: 1.4rem;
    font-weight: normal;
  }
  .siteFunctions .selectRegion .regionList {
    display: block;
    width: 100%;
    padding: 0;
    background-color: inherit;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .siteFunctions .selectRegion .regionList ul {
    display: inline;
    margin: 0;
    float: none;
  }
  .siteFunctions .selectRegion .regionList ul li {
    margin-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    width: 32%;
    margin: 0 0 2% 0;
    text-align: center;
    float: left;
    display: block;
  }
  .siteFunctions .selectRegion .regionList ul li a {
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
    padding: 7px;
    color: #fff;
  }
  .siteFunctions .selectRegion .regionList ul li a span {
    display: none;
  }
  .siteFunctions .selectRegion .regionList ul li a:before {
    content: attr(data-jis);
    color: #fff;
  }
  .siteFunctions .selectRegion .regionList ul:nth-of-type(1) li:nth-of-type(2), .siteFunctions .selectRegion .regionList ul:nth-of-type(3) li, .siteFunctions .selectRegion .regionList ul:nth-of-type(4) li:nth-of-type(3n+3) {
    margin: 0 2% 2%;
  }
  .siteFunctions .selectRegion .regionList ul.col2 li {
    width: 49%;
  }
  .siteFunctions .selectRegion .regionList ul.col2 li:nth-child(even) {
    margin: 0 0 2% 2%;
  }
}
.siteFunctions .subFunctions {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 1.2rem;
}
.siteFunctions .subFunctions a {
  color: #333;
}
.siteFunctions .subFunctions a:hover {
  text-decoration: none;
  color: #999;
}
.siteFunctions .subFunctions .langSelect {
  float: left;
  position: relative;
  font-family: Helvetica, Arial, sans-serif;
}
.siteFunctions .subFunctions .langSelect span {
  padding-right: 10px;
}
.siteFunctions .subFunctions .langSelect a {
  padding: 1px 7px;
  line-height: 1.2;
  color: #b2b2b2;
  border-left: #ccc 1px solid;
}
.siteFunctions .subFunctions .langSelect a span + a {
  background: none;
}
.siteFunctions .subFunctions .langSelect a:not(.is_active):hover {
  text-decoration: underline;
}
.siteFunctions .subFunctions .langSelect a.is_active {
  color: #333;
  font-weight: bold;
}
.siteFunctions .subFunctions .otherLink {
  float: right;
  margin: 0 0 0 20px;
  padding-left: 20px;
  border-left: #dcdcdc 1px solid;
  height: 20px;
}
.siteFunctions .subFunctions .otherLink:last-child {
  border: none;
}
.siteFunctions .subFunctions .otherLink a {
  display: block;
}
@media screen and (max-width: 959px) {
  .siteFunctions .subFunctions .langSelect {
    float: none;
    margin: 15px 0;
    overflow: hidden;
  }
  .siteFunctions .subFunctions .langSelect a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 32%;
    float: left;
    padding: 7px;
    margin: 0 0 0 2%;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    text-align: center;
    line-height: inherit;
    font-size: 1.4rem;
  }
  .siteFunctions .subFunctions .langSelect a:hover {
    text-decoration: none;
  }
  .siteFunctions .subFunctions .langSelect a.is_active {
    color: #fff;
  }
  .siteFunctions .subFunctions .langSelect span + a {
    margin: 0;
  }
  .siteFunctions .subFunctions .langSelect span {
    clear: both;
    display: block;
    margin-bottom: 7px;
    font-size: 1.4rem;
    color: #fff;
  }
  .siteFunctions .subFunctions .otherLink {
    margin: 10px 0;
    float: none;
    height: auto;
    padding: 0;
    border: none;
  }
  .siteFunctions .subFunctions .otherLink a {
    display: block;
    padding: 10px;
    text-align: center;
    color: #fff;
    background: #5A7296;
  }
}
@media screen and (max-width: 959px) {
  .siteFunctions .regionLang {
    margin: 0;
    padding: 0 0 10px;
  }
  .siteFunctions .searchSet,
.siteFunctions .contactLink,
.siteFunctions .regionLang,
.siteFunctions .funcBtns,
.siteFunctions .subFunctions,
.siteFunctions .selectRegion {
    display: block !important;
    position: relative;
    top: inherit !important;
  }
  .siteFunctions #gnavOverlay {
    display: none !important;
  }
}

/*-------------------------------------------
globalNav
-------------------------------------------*/
/* gnavOverlay
---------------------------------*/
#gnavOverlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 98;
  top: 110px;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

/* globalNav
---------------------------------*/
@media screen and (min-width: 960px) {
  .gnavWrap {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 40px;
    padding: 0 2%;
    background-color: #fff;
    border-bottom: #D6E1F0 1px solid;
  }
  .gnavWrap.hideGnav {
    display: none;
  }
  .gnavWrap .menuLv1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
  }
  .gnavWrap .menuLv1 > li {
    margin: 0 15px;
  }
  .gnavWrap .menuLv1 > li > a {
    position: relative;
    padding: 5px 0 14px;
    font-size: 1.4rem;
    color: inherit;
    display: block;
    line-height: 1.5;
  }
  .gnavWrap .menuLv1 > li > a.is_open {
    color: #0089ff;
  }
  .gnavWrap .menuLv1 > li > a.off {
    color: #ccc;
  }
  .gnavWrap .menuLv1 > li > a.off:hover, .gnavWrap .menuLv1 > li > a:hover {
    text-decoration: none;
    color: #0089ff;
  }
  .gnavWrap .menuLv1 > li > a.menuToggle {
    display: none;
  }
  .gnavWrap .menuLv1 > li > a.is_current::after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 6px;
    background: #0089ff;
  }
  .gnavWrap .menuLv1 > li:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 959px) {
  .gnavWrap {
    display: none !important;
  }
}

.subGnav {
  display: none;
  width: 100%;
  background-color: rgba(19, 51, 95, 0.95);
  overflow-y: hidden;
  overflow-x: hidden;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.subGnav .inner {
  position: relative;
}
.subGnav .close {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  right: 1vw;
  top: 0;
}
.subGnav .close:hover, .subGnav .close:focus {
  opacity: 1;
}
.subGnav .close:before, .subGnav .close:after {
  position: absolute;
  left: 50%;
  top: 0;
  content: " ";
  height: calc(40px + 1px);
  width: 2px;
  background-color: #fff;
}
.subGnav .close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.subGnav .close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.subGnav a {
  color: #fff;
}
.subGnav .menus a {
  color: #fff;
}
.subGnav .heading a {
  color: #fff;
}
@media screen and (min-width: 960px) {
  .subGnav {
    position: absolute;
    overflow-x: hidden;
    max-height: calc(100vh - 110px);
    top: 40px;
    left: 0;
    padding: 4% 2%;
  }
  .subGnav .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 5%;
  }
  .subGnav .heading {
    margin-bottom: 1.5vw;
  }
  .subGnav .heading a {
    font-size: 2.4rem;
    font-weight: 600;
    position: relative;
    padding: 5px 40px 5px 10px;
    -webkit-transition: background 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
    transition: background 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .subGnav .heading a:hover {
    background: rgba(255, 255, 255, 0.1);
    text-decoration: none;
  }
  .subGnav .heading a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: auto;
    width: 10px;
    height: 10px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 20px;
    margin: auto 0;
    border-width: 3px;
    right: 15px;
    top: 50%;
  }
  .subGnav .parent > a {
    position: relative;
  }
  .subGnav .parent > a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: auto;
    width: 10px;
    height: 10px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 20px;
    margin: auto 0;
    border-width: 2px;
    right: 20px;
  }
  .subGnav .is_current > a {
    background: rgba(255, 255, 255, 0.08);
  }
  .subGnav .menuLv2 {
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 20%;
    max-width: 33.3333333333%;
    min-height: 160px;
    border-right: 1px solid rgba(255, 255, 255, 0);
  }
  .subGnav .menuLv2.is_active {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
  .subGnav .menuLv2 > li a {
    display: block;
    padding: 5px 50px 5px 10px;
    -webkit-transition: background 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
    transition: background 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .subGnav .menuLv2 > li a:hover {
    background: rgba(255, 255, 255, 0.1);
    text-decoration: none;
  }
  .subGnav .menuLv2 > li.is_current .menuLv3 {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .subGnav .menuLv3, .subGnav .menuLv4 {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 20vw;
    max-width: 33vw;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 2vw;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
  .subGnav .menuLv3.is_active, .subGnav .menuLv4.is_active {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
  .subGnav .menuLv3 > li.-index, .subGnav .menuLv4 > li.-index {
    position: relative;
    margin-bottom: 10px;
  }
  .subGnav .menuLv3 > li.-index::after, .subGnav .menuLv4 > li.-index::after {
    content: "";
    display: block;
    position: absolute;
    margin-left: 10px;
    width: calc(100% - 10px);
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
  }
  .subGnav .menuLv3 > li > a, .subGnav .menuLv4 > li > a {
    display: block;
  }
  .subGnav .menuLv3 > li.is_current > a, .subGnav .menuLv4 > li.is_current > a {
    background: rgba(255, 255, 255, 0.08);
  }
  .subGnav .menuLv3 > li.is_current .menuLv4, .subGnav .menuLv4 > li.is_current .menuLv4 {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@media screen and (min-width: 960px) {
  .gnavSp {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .gnavSp {
    position: relative;
    display: block;
  }
  .gnavSp > ul > li {
    border-bottom: rgba(255, 255, 255, 0.5) 1px solid;
  }
  .gnavSp > ul > li > a {
    position: relative;
    display: block;
    color: #fff;
    padding: 10px;
  }
  .gnavSp > ul > li > a:hover {
    text-decoration: none;
    opacity: 0.75;
  }
  .gnavSp > ul > li > a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    bottom: 20%;
    margin: 0 auto;
    border-width: 2px;
    right: 3%;
  }
  .gnavSp > ul > li > a.is_current::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .gnavSp > ul > li.lowerOpen .subGnav {
    display: block;
  }
  .gnavSp > ul > li.noChild a::after {
    display: none;
  }
  .gnavSp .subGnav {
    display: none;
    background: #1D3A65;
    padding: 0 5% 7% 7%;
    font-size: 1.4rem;
  }
  .gnavSp .subGnav .close {
    display: none;
  }
  .gnavSp .subGnav .heading a {
    display: block;
    position: relative;
    padding: 1% 5% 1% 0;
  }
  .gnavSp .subGnav .menuLv2 a {
    display: block;
    padding: 2% 0;
  }
  .gnavSp .subGnav .parent > a {
    position: relative;
    display: block;
    padding: 2% 5% 2% 0;
  }
  .gnavSp .subGnav .parent > a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    bottom: 20%;
    margin: 0 auto;
    right: 3%;
  }
  .gnavSp .subGnav .parent > a.is_current::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .gnavSp .subGnav .menuLv3, .gnavSp .subGnav .menuLv4 {
    padding: 0 0 0 5%;
    font-size: 1.4rem;
    display: none;
  }
  .gnavSp .subGnav .menuLv3 li a, .gnavSp .subGnav .menuLv4 li a {
    display: block;
    padding: 1% 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .gnavSp .subGnav .menuLv2 > li.parent > a {
    padding: 1.5% 5% 1.5% 0;
  }
}

/* If the menu height is higher than the window height
---------------------------------*/
@media screen and (min-width: 960px) {
  .js_overWindowHeight {
    overflow-y: hidden;
    padding-right: 8px;
  }
  .js_overWindowHeight .subGnav {
    overflow-y: auto !important;
  }
  .js_overWindowHeight .subGnav .inner {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  .js_overWindowHeight .headerWrap,
.js_overWindowHeight #contents,
.js_overWindowHeight .gnavWrap {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
/* When a line break is included in the menu item of menuLv1
---------------------------------*/
.gnavMultipleLines #gnavOverlay {
  top: 171px;
}
.gnavMultipleLines .gnavWrap {
  height: 61px;
}
.gnavMultipleLines .gnavWrap ul li .subGnav {
  top: 61px;
}
.gnavMultipleLines .breadCrumb {
  padding-top: 171px;
}

/* header height setting
---------------------------------*/
@media screen and (min-width: 768px) {
  .headerWrap {
    height: 70px;
  }
  .gnavWrap {
    top: 70px;
  }
  .siteFunctions {
    top: 70px;
  }
  .breadCrumb {
    padding-top: calc(110px + 10px);
  }
  .headerWrap + .breadCrumb {
    padding-top: calc(110px + 10px);
  }
}
@media screen and (max-width: 767px) {
  .headerWrap {
    height: 50px;
  }
  .headerWrap .logo {
    height: 50px;
  }
  .siteFunctions {
    top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .headerWrap {
    height: 70px;
  }
  .headerWrap .logo {
    height: 70px;
  }
  .gnavWrap {
    top: 70px;
  }
  .siteFunctions {
    top: 70px;
  }
  .breadCrumb {
    padding-top: calc(70px + 10px);
  }
  .headerWrap + .breadCrumb {
    padding-top: calc(70px + 10px);
  }
}
/*--------------------------------------------------
localNav
--------------------------------------------------*/
.localNav {
  width: 100%;
  margin: 80px 0 0;
  background: rgba(19, 51, 95, 0.95);
  color: #fff;
}
.localNav li > span {
  color: rgba(255, 255, 255, 0.8);
}
.localNav a {
  color: #fff;
  opacity: 0.8;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.localNav a:hover {
  opacity: 1;
}
.localNav a:visited {
  color: #fff;
}
.localNav .inner {
  max-width: calc(1200px + 4%);
  padding: 0 2%;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 80px 2%;
  margin: 0 auto;
}
.localNav .inner.-col3 {
  margin: 0 -1.5%;
}
.localNav .inner.-col3 > ul {
  width: 30.3333333333%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.localNav .inner.-col4 > ul {
  width: 22%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.localNav .heading {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 3%;
}
.localNav .menuLv2 > li {
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  margin-top: -1px;
}
.localNav .menuLv2 > li > a {
  display: block;
  padding: 4% 2%;
}
.localNav .menuLv2 .menuLv3 {
  border-top: 1px dashed rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 768px) {
  .localNav .menuLv3 {
    display: block !important;
    padding: 4% 0 8% 6%;
    font-size: 1.4rem;
  }
  .localNav .menuLv3 .index {
    display: none;
  }
  .localNav .menuLv4 {
    padding-left: 6%;
  }
  .localNav .is_current {
    font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 600;
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .localNav .inner {
    max-width: calc(1200px + 4%);
    padding: 0 2%;
    margin: auto;
    display: block;
    padding: 40px 4%;
  }
  .localNav .inner[class*=-col] {
    margin: 0;
  }
  .localNav .inner[class*=-col] > ul {
    width: 100%;
    margin: -1px 0 0;
  }
  .localNav .heading {
    font-size: 1.6rem;
  }
  .localNav .menuLv2 {
    display: block;
    font-size: 1.4rem;
  }
  .localNav .menuLv2 > li {
    margin: -1px 0 0;
  }
  .localNav .menuLv2 > li > a {
    padding: 3%;
  }
  .localNav .menuLv2 > li.parent > a {
    position: relative;
  }
  .localNav .menuLv2 > li.parent > a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    bottom: 20%;
    margin: 0 auto;
    right: 4%;
  }
  .localNav .menuLv2 > li.parent > a.is_current::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .localNav .menuLv3 {
    padding: 4% 0 4% 8%;
    font-size: 1.4rem;
    display: none;
  }
  .localNav .menuLv3 a {
    padding: 1% 0;
    display: block;
  }
  .localNav .menuLv3 .is_current {
    font-weight: bold;
  }
  .localNav .menuLv4 {
    padding-left: 1em;
  }
  .localNav .is_current {
    opacity: 1;
  }
}

/*-------------------------------------------
breadCrumb
-------------------------------------------*/
.breadCrumb {
  margin-bottom: 10px;
  font-size: 1.2rem;
  clear: both;
}
.breadCrumb li {
  float: left;
  white-space: nowrap;
  margin-right: 5px;
  padding-top: 3px;
  color: #999;
  line-height: 1.2;
  white-space: normal;
}
.breadCrumb li::before {
  content: ">";
  font-family: verdana, sans-serif;
  padding: 0 3px 0 8px;
}
.breadCrumb li:first-child::before {
  padding-left: 0;
  content: "";
}
.breadCrumb li a {
  text-decoration: underline;
  color: #999;
}
.breadCrumb li a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .breadCrumb {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
  }
  .breadCrumb > ul {
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .breadCrumb {
    padding-top: 58px !important;
    margin: 0;
  }
  .breadCrumb ul {
    padding: 0 5px;
  }
}

/*-------------------------------------------
contents
-------------------------------------------*/
#contents {
  background-color: #fff;
  clear: both;
}
@media screen and (min-width: 768px) {
  #contents {
    width: 100%;
    padding: 0 2%;
    max-width: calc(1200px + 4%);
    margin: 0 auto;
  }
}

.headerWrap + #contents {
  padding-top: 80px;
}

.gnavWrap + #contents {
  padding-top: 141px;
}

#contents #main {
  float: left;
  width: 800px;
}

/* sidebar
---------------------------*/
#sidebar {
  float: right;
  width: 260px;
}

#sidebar dl dt {
  color: #fff;
  line-height: 1.3;
  font-size: 1.8rem;
}

#sidebar dl dt a {
  display: block;
  padding: 15px;
  background-color: #014099;
  color: #fff;
}

#sidebar dl dt a:hover {
  background-color: #666;
  text-decoration: none;
}

#sidebar dl > dd > ul {
  border-bottom: #e5e5e5 1px solid;
}

#sidebar dl dd li {
  border-left: #e5e5e5 1px solid;
  border-right: #e5e5e5 1px solid;
  background-color: #fff;
  font-size: 1.4rem;
}

#sidebar dl > dd > ul > li:nth-of-type(1) {
  padding-top: 5px;
}

#sidebar dl dd li a {
  display: block;
  padding: 7px 20px;
  line-height: 1.4;
  color: #000;
  text-decoration: none;
}

#sidebar dl dd li a:hover {
  background-color: #eef4f9;
}

#sidebar dl dd li.active a {
  font-weight: bold;
  color: #004097;
}

#sidebar dl dd li.active li a {
  font-weight: normal;
  color: #5c5c5c;
}

#sidebar dl dd li ul {
  margin: -5px 0 0 0;
}

#sidebar dl dd li li {
  border: none;
}

#sidebar dl dd li li.active a,
#sidebar dl dd li li li.active li.active a {
  font-weight: bold;
  color: #004097;
}

#sidebar dl dd li li.active li a,
#sidebar dl dd li li li.active li a {
  font-weight: normal;
  color: #5c5c5c;
}

#sidebar dl dd li li li.active a {
  font-weight: bold;
  color: #004097;
}

#sidebar dl dd li li a {
  padding: 5px 10px 5px 40px;
  background-position: 23px 13px;
}

#sidebar dl dd li ul ul {
  padding: 0 0 5px;
}

#sidebar dl dd li li li a {
  padding-left: 60px;
  background-position: 36px 13px;
}

#sidebar dl dd li li li li a {
  padding-left: 66px;
  background-position: 36px 13px;
}

#sidebar dl dd li a span.subname {
  display: block;
  padding: 3px 0 0 0;
  background: none;
  font-size: 1.2rem;
}

#sidebar dl dd li.appear {
  display: none;
}

/* sidebar [contact]
---------------------------*/
#sidebar .contact {
  margin-top: 15px;
}

#sidebar .contact a {
  display: block;
  text-align: center;
  padding: 18px 10px;
  background-color: #fff;
  border: #eaeaea 1px solid;
  color: #333;
  font-size: 14px;
}

#sidebar .contact a:hover {
  color: #fff;
  background-color: #004097;
  text-decoration: none !important;
}

/* sidebar [localNav]
---------------------------*/
#sidebar #localNav {
  margin-top: 15px;
  border-bottom: none;
  border-top: #eaeae8 1px solid;
}

#sidebar #localNav li {
  width: auto;
  border: #eaeae8 1px solid;
  border-top: none;
}

#sidebar #localNav li:nth-of-type(1) {
  padding-top: 0px;
}

#sidebar #localNav li a {
  padding: 10px 15px;
}

#sidebar #localNav li a:hover {
  background-color: #eef4f9;
}

@media screen and (max-width: 767px) {
  #contents {
    margin: 0 10px;
  }
  #headerWrap + #contents,
.gnavWrap + #contents {
    padding-top: 50px !important;
  }
  #contents #main {
    float: none;
    width: 100%;
  }
  #contents #sidebar {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
  #sidebar dd ul li {
    display: none;
  }
  #sidebar dd ul li.appear {
    display: block !important;
  }
  #sidebar dd ul li.appear li {
    display: block !important;
  }
  #sidebar #localNav li {
    display: block;
  }
  #sidebar dl dd li a span.subname {
    display: inline;
    padding-left: 5px;
  }
  #sidebar nav {
    padding: 10px;
    background-color: #f0f0f0;
    border: #eaeaea 1px solid;
  }
  #sidebar .contact a {
    padding: 10px;
    height: auto;
  }
  #sidebar .contact a:hover {
    background-color: #014099;
    color: #fff;
  }
}
/* ------------------------------------------
footer
--------------------------------------------- */
footer {
  padding: 77px 0 20px;
  clear: both;
  font-size: 1.2rem;
  text-align: center;
}

footer .footLinks li {
  display: inline-block;
  border-right: #e5e5e5 1px solid;
  line-height: 1.5;
}

footer .footLinks li:first-child {
  border-left: #e5e5e5 1px solid;
}

footer .footLinks li a {
  padding: 0 30px;
  color: #000;
}

footer #copyright {
  width: auto;
  margin: 0 auto;
  font-family: Helvetica, Arial, sans-serif;
}

footer #groupLogo {
  margin: 30px auto 15px;
}

footer #groupLogo img {
  width: 194px;
}

/* footerNav
---------------------------*/
body#sitemap #footerNav {
  display: none;
}

#footerNav {
  text-align: left;
  padding: 0 30px;
}

#footerNav + .footLinks {
  margin-top: 30px;
}

#footerNav a {
  color: #000;
}

#footerNav > ul.menuLv1 {
  position: relative;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#footerNav > ul.menuLv1 > li {
  padding: 0 20px;
}

#footerNav > ul.menuLv1 > li > a {
  display: none;
}

#footerNav .subGnav .category .heading {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.2;
}

#footerNav .subGnav .category .outline {
  display: none;
}

#footerNav .subGnav .menus .top {
  display: none;
}

#footerNav .subGnav .menus a {
  color: #5e5e5e;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  footer {
    padding: 20px 0 10px;
    text-align: left;
  }
  footer #footerInner p#copyright {
    color: #999;
  }
  footer #footerNav {
    display: none;
  }
  #footerNav + .footLinks {
    margin-top: 0;
  }
  footer .footLinks {
    margin: 0;
    padding: 0 20px;
  }
  footer .footLinks li {
    display: block;
    border: none;
    margin-bottom: 5px;
    font-size: 1.4rem;
  }
  footer .footLinks li:first-child {
    border: none;
  }
  footer .footLinks li a {
    padding: 2px;
  }
  footer #copyright {
    width: auto;
    font-size: 71%;
    margin: 0 0 0 20px;
  }
  footer #groupLogo {
    margin: 20px 0 0;
    padding: 10px 20px;
    border-top: #e5e5e5 1px solid;
  }
  footer #groupLogo img {
    width: 175px;
  }
}
/* pagetop
---------------------------*/
.pagetop {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 52;
}
.pagetop > a {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #999;
}
.pagetop > a:hover {
  background-color: #aaa;
}
.pagetop > a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 40%;
  left: 50%;
  width: 11px;
  height: 11px;
  margin-left: -6px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (max-width: 959px) {
  .pagetop {
    bottom: 0;
    right: 0;
  }
}

/*-------------------------------------------
popup page
-------------------------------------------*/
body.popup #wrapper {
  margin: 0 auto;
  text-align: left;
}
@media screen and (max-width: 767px) {
  body.popup #wrapper #wrapper {
    width: 100%;
    min-width: 320px;
    background-color: #fff;
  }
}
body.popup .headerWrap {
  position: relative;
  z-index: 101;
  background-color: #fff;
  top: 0;
  width: 100%;
  height: 70px;
  padding: 15px 0 0;
  border-bottom: #eaeaea 1px solid;
}
body.popup .headerWrap .inner {
  max-width: calc(1080px + 4%);
  padding: 0 2%;
  margin: 0 auto;
}
body.popup .headerWrap .groupLogo {
  float: left;
}
body.popup .headerWrap .groupLogo img {
  width: 121px;
}
body.popup .headerWrap .siteLogo {
  padding: 0 0 0 25px;
  float: left;
}
body.popup .headerWrap .siteLogo a img {
  vertical-align: top;
}
body.popup .headerWrap .close {
  float: right;
}
body.popup .headerWrap .close a {
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
body.popup .headerWrap .close a:before, body.popup .headerWrap .close a:after {
  content: "";
  position: absolute;
  top: 17px;
  width: 38px;
  height: 2px;
  background-color: #333;
}
body.popup .headerWrap .close a:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.popup .headerWrap .close a:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.popup .headerWrap .close a:hover {
  opacity: 0.5;
}
body.popup .headerWrap + #contents {
  padding: 0 0 20px;
}
body.popup .headerWrap + .breadCrumb {
  padding: 0 0 0;
}
@media screen and (max-width: 767px) {
  body.popup .headerWrap {
    width: 100%;
    height: 50px;
    padding: 0;
  }
  body.popup .headerWrap .groupLogo {
    float: left;
    padding-top: 15px;
  }
  body.popup .headerWrap .groupLogo img {
    width: 73px;
    vertical-align: top;
  }
  body.popup .headerWrap .siteLogo {
    float: left;
    margin: 0;
    padding: 15px 0 0 8px;
  }
  body.popup .headerWrap .siteLogo img {
    vertical-align: middle;
    height: 22px;
  }
  body.popup .headerWrap .close {
    margin: 15px 10px 0 0;
  }
  body.popup .headerWrap .close a {
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
  }
  body.popup .headerWrap .close a:before, body.popup .headerWrap .close a:after {
    top: 10px;
    width: 20px;
    height: 2px;
  }
  body.popup .headerWrap + #contents {
    padding: 20px 10px;
  }
  body.popup .headerWrap + .breadCrumb {
    padding: 20px 0 0;
  }
}
body.popup #contents {
  padding-bottom: 20px;
  min-height: 50vh;
}
body.popup #contents h1 {
  border: none;
  padding: 0;
  color: #014099;
  font-weight: bold;
  margin: 50px 0 15px;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  body.popup #contents {
    padding: 0 10px;
    min-height: 0;
  }
  body.popup #contents h1 {
    margin: 20px 0 15px;
  }
}
body.popup .conBlock {
  width: 900px;
  margin: 0 auto 20px;
  text-align: center;
}
body.popup .conBlock .color {
  color: #014099;
}
body.popup .conBlock02 {
  width: 900px;
  margin: 0 auto 20px;
}
body.popup .conBlock02 ul {
  padding: 25px 30px;
  border: 1px solid #e7e7e7;
  text-align: left;
}
body.popup .conBlock02 li {
  padding-left: 1em;
  text-indent: -1em;
}
body.popup .conBlock03 {
  text-align: center;
}
body.popup .conBlock03 .inqBtn a {
  display: inline-block;
  padding: 8px 20px;
  background-color: #014099;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
}
body.popup .conBlock03 .inqBtn a:hover {
  text-decoration: none;
  background-color: #00265b;
}
@media screen and (max-width: 767px) {
  body.popup .conBlock {
    width: 100%;
  }
  body.popup .conBlock02 {
    width: 100%;
  }
  body.popup .conBlock02 ul {
    padding: 15px;
  }
  body.popup .conBlock03 {
    padding-bottom: 30px;
  }
  body.popup .conBlock03 a {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    background-color: #013e94;
    color: #fff;
    font-size: 1.8rem;
  }
  body.popup .conBlock03 a img {
    display: none;
  }
}
body.popup .pageTop {
  text-align: right;
}

/*-------------------------------------------
clearfix
-------------------------------------------*/
.clearfix:after,
.regionLang:after,
.gnavWrap ul:after,
.breadCrumb ul:after,
#contents:after,
footer:after,
footer ul:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}

/*-------------------------------------------
Icon fonts
-------------------------------------------*/
[class^=icon-]::before,
[class*=" icon-"]::before,
ul.iconLink li.newWindow a::after,
a.newWindow::after,
span.newWindow::after,
.row [class^=col].linkBlank::after,
.productDetail .toBrandSite a::after,
.linksWrap ul li.icon a::after,
.searchSet form::before,
.gnavWrap ul li .subGnav .menus ul li.blank a::after,
#gNavSP ul li .subGnav .menus ul li.blank a::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "svgicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mail:before {
  content: "\e900";
}

.icon-global:before {
  content: "\e901";
}

.icon-search:before {
  content: "\e906";
}

.icon-window:before {
  content: "\e907";
}

.icon-products_1:before {
  content: "\e902";
}

.icon-products_2:before {
  content: "\e903";
}

.icon-products_3:before {
  content: "\e904";
}

.icon-products_4:before {
  content: "\e905";
}

.icon-products_5:before {
  content: "\e908";
}

/* other window */
ul.iconLink li.newWindow a::after,
a.newWindow::after,
span.newWindow::after,
.row [class^=col].linkBlank::after,
.linksWrap ul li.icon a::after,
.gnavWrap ul li .subGnav .menus ul li.blank a::after {
  content: "\e907";
  padding-left: 10px;
  color: #999;
}

.gnavWrap ul li .subGnav .menus ul li.blank a::after {
  font-size: 14px;
}

#gNavSP ul li .subGnav .menus ul li.blank a::after {
  content: "\e907";
  color: #fff;
}

.productDetail .toBrandSite a::after {
  content: "\e907";
  position: absolute;
  top: 40%;
  right: 5%;
  color: #999;
}

.productDetail .toBrandSite a:hover::after {
  color: #fff;
}

.row [class^=col].linkBlank {
  line-height: inherit;
}

.row [class^=col].linkBlank::after {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 14px;
  height: 14px;
}

@media screen and (max-width: 767px) {
  ul.iconLink li.newWindow a::after,
ul.iconLink.notChange li.newWindow a::after,
.linksWrap ul li.icon a::after {
    top: 32%;
    right: 4%;
    width: inherit;
    height: inherit;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    content: "\e907";
    padding-left: 0;
    color: #999;
  }
  ul.iconLink.notChange li.newWindow a {
    background-color: inherit;
  }
  ul.iconLink.notChange li.newWindow a::after {
    position: relative;
    right: 0;
    padding-left: 10px;
  }
  .searchSet form::before {
    content: "\e906";
    color: #999;
  }
}
/*===========================================
module.css [ver3.0]

* Layout Adjustment
* Section
* Heading
* Link
* List
* Table
* Background Border
* Button
* Images
* Grid
* Tab
* Block
* KeyVisual
* Accordion
* News
* photoLib
* Video
* productDetail
* sitemap
* Accordion
* switchWrap
* NotFound
* clearfix
* Mars finder
===========================================*/
/*--------------------------------------------------
Section
--------------------------------------------------*/
section.sec1 {
  margin-bottom: 50px;
}

section.sec2 {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  section.sec1 {
    margin-bottom: 40px;
  }
  section.sec2 {
    margin-bottom: 40px;
  }
}
/*--------------------------------------------------
Heading
--------------------------------------------------*/
/* h1
--------------------------------*/
h1 {
  padding: 43px 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

h1 span.subHeading {
  display: block;
  font-size: 2rem;
  margin-top: 5px;
}

h1 span.subHeadingBefore {
  display: block;
  font-size: 2rem;
  margin-bottom: 5px;
}

/* h1BlockS
--------------------------------*/
.h1BlockS {
  margin: 43px 0;
  overflow: hidden;
}

.h1BlockS h1 {
  margin: 0;
  padding: 0;
  border: none;
  float: left;
  width: 70%;
}

.h1BlockS .headLink {
  font-size: 1.8rem;
  color: #004097;
  font-weight: bold;
  float: right;
  padding-top: 8px;
}

.h1BlockS .headLink a {
  position: relative;
}

/* h2
--------------------------------*/
.h2Type01 {
  margin: 47px 0 27px;
  /*font-size:2.4rem;*/
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}

.h1BlockS .headLink a::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: #666 1px solid;
  border-right: #666 1px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: -3px 7px 0 5px;
  vertical-align: middle;
}

h1 + .h2Type01 {
  margin-top: 0;
}

/* h3
--------------------------------*/
.h3Type01 {
  margin: 27px 0 17px;
  /*font-size:2rem;*/
  font-weight: 600;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2rem;
    padding: 25px 0;
    margin: 0;
  }
  h1 span.subHeading,
h1 span.subHeadingBefore {
    display: block;
    font-size: 1.6rem;
  }
  .h1BlockS h1 {
    float: none;
    width: auto;
  }
  .h1BlockS .headLink {
    font-size: 1em;
    padding-top: 5px;
  }
  .h1BlockS .headLink a {
    background-size: 4px 6px;
    -moz-background-size: 4px 6px;
    -webkit-background-size: 4px 6px;
    background-position: 0 45%;
    padding-left: 10px;
  }
  .h1BlockS {
    padding: 10px 0;
  }
  .h2Type01 {
    margin: 37px 0 17px;
  }
  .h3Type01 {
    margin: 18px 0;
  }
}
/*--------------------------------------------------
Link
--------------------------------------------------*/
/* arrow icon */
.txtLink01 a::before,
.txtLink02 a::before,
ul.iconLink li::before,
a.arrow00::before,
a.arrow01::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: #666 2px solid;
  border-right: #666 2px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: -3px 8px 0 0;
  vertical-align: middle;
}

ul.iconLink li::before {
  border-width: 1px;
}

ul.iconLink li.arrow01::before,
a.arrow01::before {
  border-color: #014099;
  border-width: 2px;
}

/* link module
-------------------------------------*/
.txtLink02 a {
  font-size: 2rem;
  font-weight: bold;
}

.txtLink02 a::before {
  width: 9px;
  height: 9px;
  border-color: #014099;
}

/* insideLinks
-------------------------------------*/
*[class*=insideLinks] {
  padding-top: 10px;
}

h1 + *[class*=insideLinks],
h2 + *[class*=insideLinks],
h3 + *[class*=insideLinks] {
  padding-top: 0;
}

*[class*=insideLinks] li a {
  display: inline-block;
  position: relative;
  padding-left: 15px;
}

*[class*=insideLinks] li a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #999;
}

.insideLinks li {
  display: inline;
  font-weight: bold;
}

.insideLinks li a {
  margin-right: 28px;
  white-space: nowrap;
}

.insideLinksWid li {
  display: block;
  float: left;
  width: 33%;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.insideLinksWid.cl2 li {
  width: 49%;
}

.insideLinksWid.cl4 li {
  width: 25%;
}

/* iconLink
--------------------------------*/
ul.iconLink {
  padding: 0;
  margin: 0 0 1rem;
}

ul.iconLink li {
  text-indent: -1.4rem;
  margin-left: 1.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 5px;
}

ul.iconLink.noMargin li {
  margin-bottom: 0;
}

ul.iconLink > li > ul {
  margin-top: 5px;
  padding-left: 1rem;
}

ul.iconLink li.newWindow,
ul.iconLink li[class*=label],
ul.iconLink li.bgNone {
  text-indent: 0;
  margin-left: 0;
}

ul.iconLink li.newWindow::before,
ul.iconLink li[class*=label]::before,
ul.iconLink li.bgNone::before {
  display: none;
}

ul.iconLink li.moreLines {
  display: block;
  margin-left: 30px;
}

ul.iconLink li.current {
  font-weight: bold;
}

[class*=bPattern] ul.iconLink {
  margin: 0;
}

a.arrow00::before {
  border-width: 1px;
}

.labelPDF::after,
.labelEXL::after,
.labelZIP::after,
.labelVIDEO::after,
.labelAUDIO::after {
  display: inline-block;
  padding: 1px 8px;
  color: #fff;
  font-size: 11px;
  line-height: 1.4;
  vertical-align: middle;
  margin: -2px 0 0 7px;
}

.labelPDF::after {
  content: "PDF";
  background-color: #c90000;
}

.labelEXL::after {
  content: "EXCEL";
  background-color: #19792b;
}

.labelZIP::after {
  content: "ZIP";
  background-color: #666;
}

.labelVIDEO::after {
  content: "VIDEO";
  background-color: #118cdd;
}

.labelAUDIO::after {
  content: "AUDIO";
  background-color: #118cdd;
}

@media screen and (max-width: 767px) {
  .txtLink01 a::before {
    margin: -3px 5px 0 0;
  }
  .txtLink02 a {
    font-size: 1.5rem;
  }
  *[class*=insideLinks]:not(.notChange) li {
    background-color: #eef4f9;
    display: block;
  }
  *[class*=insideLinks]:not(.notChange) li a {
    display: block;
    margin: 0;
    padding: 10px;
    border-top: #fff 1px solid;
    white-space: normal;
    color: #333;
    position: relative;
  }
  *[class*=insideLinks]:not(.notChange):not(.notChange) li a::before {
    content: none;
  }
  *[class*=insideLinks]:not(.notChange) li a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 40%;
    right: 5%;
    width: 7px;
    height: 7px;
    border-top: #333 2px solid;
    border-right: #333 2px solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: middle;
  }
  .insideLinksWid li {
    width: 100% !important;
  }
  .insideLinksWid ul {
    border-top: none;
  }
  /* notChange */
  *[class*=insideLinks].notChange ul {
    border-top: none;
  }
  *[class*=insideLinks].notChange li {
    margin-bottom: 5px;
  }
  *[class*=insideLinks].notChange li a {
    color: #333;
  }
  *[class*=insideLinks].notChange li a::before {
    top: 5px;
  }
  ul.iconLink li {
    background-color: #eef4f9;
    padding: 0;
    line-height: inherit;
    text-indent: 0;
    margin: 0;
    position: relative;
  }
  ul.iconLink li a {
    display: block;
    padding: 10px 30px 10px 10px;
    border-top: none;
    position: relative;
  }
  ul.iconLink li.labelPDF a,
ul.iconLink li.labelZIP a {
    padding-right: 15%;
  }
  ul.iconLink li.labelEXL a,
ul.iconLink li.labelVIDEO a,
ul.iconLink li.labelAUDIO a {
    padding-right: 20%;
  }
  ul.iconLink li::before {
    content: none;
  }
  ul.iconLink li.newWindow a::after {
    position: absolute;
    content: none;
  }
  ul.iconLink li[class*=label]::after {
    position: absolute;
    top: 35%;
    right: 3%;
  }
  ul.iconLink li.newWindow {
    background-image: none;
  }
  ul.iconLink li.moreLines {
    margin: 0;
  }
  ul.iconLink > li > ul {
    margin-top: 0px;
    padding-left: 0;
  }
  ul.iconLink > li > ul > li a {
    padding-left: 3rem;
  }
  /* notChange */
  ul.iconLink.notChange {
    border-top: none;
  }
  ul.iconLink.notChange li {
    margin-bottom: 5px;
    background: none;
  }
  ul.iconLink.notChange li::before {
    content: "";
  }
  ul.iconLink.notChange li:not([class*=label]) a::after {
    content: none;
  }
  ul.iconLink.notChange li[class*=label]::before {
    content: none;
  }
  ul.iconLink.notChange li[class*=label]::after {
    position: relative;
    top: inherit;
    right: inherit;
    margin-left: 10px;
  }
  ul.iconLink.notChange li.bgNone {
    padding-left: 0;
    background: none;
  }
  ul.iconLink.notChange li.moreLines {
    display: block;
    margin-left: 20px;
  }
  ul.iconLink.notChange li a {
    display: inline;
    background: none;
    border: none;
    padding: 0;
  }
  ul.iconLink.notChange li ul {
    padding: 0.5rem 0 0 2rem;
  }
}
/*--------------------------------------------------
List
--------------------------------------------------*/
ol li {
  list-style-position: outside;
  list-style-type: decimal;
  margin-left: 24px;
}

.discList {
  list-style: outside disc;
  padding-left: 1.7em;
}

.deciList01 {
  list-style: outside decimal;
}

.deciList01 > li {
  margin-left: 3rem;
}

.deciList02 > li {
  margin-left: 2.5rem;
  text-indent: -2.5rem;
  list-style-type: none;
}

.lAlphaList > li {
  list-style-type: lower-alpha;
}

.uAlphaList > li {
  list-style-type: upper-alpha;
}

[class*=discList],
[class*=deciList],
[class*=AlphaList] {
  margin: 1.25rem 0;
}

[class*=discList] > li,
[class*=deciList] > li,
[class*=AlphaList] > li {
  line-height: 1.6;
  margin-top: 0.5rem;
}

li > .discList {
  padding-left: 0;
}

li > [class*=deciList],
li > [class*=AlphaList] {
  margin: 0;
}

h1 + [class*=discList],
h1 + [class*=deciList],
h1 + [class*=AlphaList],
h2 + [class*=discList],
h2 + [class*=deciList],
h2 + [class*=AlphaList],
h3 + [class*=discList],
h3 + [class*=deciList],
h3 + [class*=AlphaList] {
  margin: 0 auto 1.25rem;
}

/* fluid
--------------------------------*/
ul[class*=fluid],
ol[class*=fluid] {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.fluid li {
  margin-right: 3em;
}

/*.fluid li a{white-space:nowrap;}*/
/* Equal interval */
.fluid2 > li {
  width: 48%;
  margin-right: 4%;
}

.fluid2 > li:nth-of-type(2n+2) {
  margin-right: 0;
}

.fluid3 > li {
  width: 31%;
  margin-right: 3.5%;
}

.fluid3 > li:nth-of-type(3n+3) {
  margin-right: 0;
}

.fluid4 > li {
  width: 22.5%;
  margin-right: 3%;
}

.fluid4 > li:nth-of-type(4n+4) {
  margin-right: 0;
}

.fluid5 > li {
  width: 18.4%;
  margin-right: 2%;
}

.fluid5 > li:nth-of-type(5n+5) {
  margin-right: 0;
}

[class*=deciList].fluid2 > li,
[class*=AlphaList].fluid2 > li {
  width: 45%;
}

[class*=deciList].fluid3 > li,
[class*=AlphaList].fluid3 > li {
  width: 28%;
}

[class*=deciList].fluid4 > li,
[class*=AlphaList].fluid4 > li {
  width: 19.7%;
}

[class*=deciList].fluid5 > li,
[class*=AlphaList].fluid5 > li {
  width: 15.4%;
}

[class*=iconLink].fluid2 > li {
  width: 46.5%;
}

[class*=iconLink].fluid3 > li {
  width: 29.5%;
}

[class*=iconLink].fluid4 > li {
  width: 21.2%;
}

[class*=iconLink].fluid5 > li {
  width: 17%;
}

#main [class*=iconLink].fluid2 > li {
  width: 46%;
}

#main [class*=iconLink].fluid3 > li {
  width: 29%;
}

#main [class*=iconLink].fluid4 > li {
  width: 21%;
}

#main [class*=iconLink].fluid5 > li {
  width: 16%;
}

@media screen and (max-width: 767px) {
  ul[class*=fluid],
ol[class*=fluid] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  ul[class*=fluid]:not(.spFluid) > li,
ol[class*=fluid]:not(.spFluid) > li {
    margin-right: 0;
    width: 100%;
  }
  #main ul[class*=fluid]:not(.spFluid) > li,
#main ol[class*=fluid]:not(.spFluid) > li {
    margin-right: 0;
    width: 100%;
  }
  ul[class*=spFluid],
ol[class*=spFluid] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
/* note
--------------------------------*/
.noteS li {
  list-style: none !important;
  position: relative;
  padding-left: 1.5rem;
  font-size: 1.4rem;
}

.noteS li::before {
  content: "*";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.3em;
}

.noteL li {
  list-style: none !important;
  position: relative;
  padding-left: 2rem;
  font-size: 1.4rem;
}

.noteL li::before {
  content: "※";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

/* Note [Table Bottom] */
table + [class*=note] {
  margin-top: 10px;
}

/* Note Table [in Table]*/
.inTable {
  font-size: 1.5rem !important;
}

/* Nest
--------------------------------*/
/*.uAlphaList > li >.lAlphaList > li{list-style-type:lower-alpha!important;}
.deciList01 > li >.lAlphaList li{list-style-type:lower-alpha!important;}
.deciList01 > li >.uAlphaList li{list-style-type:upper-alpha!important;}*/
.deciList02 .uAlphaList {
  margin: 0 0 0px !important;
}

.deciList02 .uAlphaList li {
  text-indent: 0em !important;
  list-style-type: upper-alpha !important;
  font-size: 100% !important;
}

.deciList01 ol.deciList02 li {
  font-size: 100% !important;
}

.deciList02 .lAlphaList {
  margin: 0 0 0px !important;
}

.deciList02 .lAlphaList li {
  text-indent: 0em !important;
  list-style-type: lower-alpha !important;
  font-size: 1.4rem !important;
}

ol li .discList li {
  list-style-type: disc;
}

li.nostyle {
  list-style-type: none !important;
  list-style: none !important;
}

/* dlList
--------------------------------*/
.dlList dt {
  margin-top: 15px;
}

.dlList dt span.date,
.dlList dt span.corpName {
  display: inline-block;
  line-height: 13px;
  padding-right: 11px;
}

.dlList dt img {
  padding-right: 8px;
  vertical-align: baseline;
  margin-left: 8px;
}

.dlList dd a {
  display: inline-block;
}

/* newslabel
------------------------*/
*[class*=newslabel] {
  display: inline-block;
  padding: 0 30px;
  margin-left: 20px;
  font-size: 1.2rem;
  line-height: 1.5;
  vertical-align: middle;
}

.newslabelNew {
  background-color: #ed6942;
  color: #fff;
}

.newslabelSeg {
  background-color: #666;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .dlList dd {
    border-bottom: #ccc 1px dotted;
    padding-bottom: 10px;
  }
  *[class*=newslabel] {
    padding: 2px 10px 0;
  }
}
/*--------------------------------------------------
Table
--------------------------------------------------*/
/* tPattern00 [border none]
----------------------------------------------- */
.tPattern00 {
  border-width: 1px 0 1px 1px;
  line-height: 1.5;
}

.tPattern00 th,
.tPattern00 td {
  padding: 10px;
  font-weight: normal;
  vertical-align: top;
}

.tPattern00 tbody th {
  text-align: left;
}

/* tPattern00_pad3 [border none / padding 3px]
----------------------------------------------- */
.tPattern00_pad3 {
  border-width: 1px 0 0 1px;
  line-height: 1.5;
}

.tPattern00_pad3 th,
.tPattern00_pad3 td {
  padding: 3px !important;
  border-width: 0 1px 1px 0;
  font-weight: normal;
  vertical-align: top !important;
}

.tPattern00_pad3 th {
  text-align: center;
}

/* tPattern01 [Separate line + border]
----------------------------------------------- */
.tPattern01,
.tPattern02,
.tPattern03,
.tPattern03_pad3 {
  border-collapse: collapse;
}

.tPattern01 {
  border: solid #ccc;
  border-width: 1px 0 1px 1px;
}

.tPattern01 th,
.tPattern01 td {
  padding: 10px;
  border: solid #ccc;
  border-width: 0 1px 0 0;
  font-weight: normal;
}

.tPattern01 thead th {
  border: solid #ccc;
  border-width: 0 1px 1px 0;
  background: #ececec;
  text-align: center;
}

.tPattern01 tbody th {
  text-align: left;
}

/* tPattern02 [Caption/ border + th color]
----------------------------------------------- */
.tPattern02 {
  border: solid #ccc;
  border-width: 0 0 0 1px;
  line-height: 1.5;
}

.tPattern02 caption {
  margin: 0;
  padding: 10px 0;
  border: 1px solid #ccc;
  background: #eaeaea;
  text-align: center;
}

.tPattern02 th,
.tPattern02 td {
  padding: 10px;
  border: solid #ccc;
  border-width: 0 1px 1px 0;
  font-weight: normal;
}

.tPattern02 th {
  background: #f6f6f6;
  text-align: left;
  font-weight: bold;
}

/* tPattern03 [ border + th color]
----------------------------------------------- */
.tPattern03 {
  border-top: #ccc 1px solid;
  border-left: #ccc 1px solid;
  line-height: 1.5;
}

.tPattern03 caption {
  margin: 0;
  padding: 10px 0;
  border: 1px solid #ccc;
  border-bottom: none;
  background: #eaeaea;
  text-align: center;
}

.tPattern03 th,
.tPattern03 td {
  padding: 10px;
  border-right: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  font-weight: normal;
}

.tPattern03 th {
  background: #f6f6f6;
  text-align: center;
}

/* tPattern03_pad3 [ border + th color/padding 3px]
----------------------------------------------- */
.tPattern03_pad3 {
  border: solid #ccc;
  border-width: 1px 0 0 1px;
  line-height: 1.5;
}

.tPattern03_pad3 th,
.tPattern03_pad3 td {
  padding: 3px;
  border: solid #ccc;
  border-width: 0 1px 1px 0;
  font-weight: normal;
}

.tPattern03_pad3 th {
  background: #f6f6f6;
  text-align: center;
}

/* tPattern04
----------------------------------------------- */
.tPattern04 th,
.tPattern04 td {
  padding: 20px 10px;
  border-bottom: #ccc 1px dotted;
  font-weight: normal;
}

.tPattern04 th {
  font-weight: bold;
}

@media (max-width: 767px) {
  .tPattern04 th,
.tPattern04 td {
    padding: 10px;
  }
  .tPattern04.smpVerticalTable th {
    padding: 15px 10px 0;
    border-bottom: none;
  }
  .tPattern04.smpVerticalTable td {
    padding: 5px 10px 15px;
  }
}
/* Table Adjust
----------------------------------------------- */
.thL th {
  text-align: left !important;
}

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

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

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

.thBold th {
  font-weight: bold;
}

.cellC th,
.cellC td {
  text-align: center;
}

table.nowrap th,
table.nowrapHead thead th,
table.nowrapBody tbody th {
  white-space: nowrap;
}

th.bottomLine01,
td.bottomLine01 {
  border-bottom: 1px dotted #ccc;
}

/* Border Adjust
----------------------------*/
th.nonTop,
td.nonTop {
  border-top: none !important;
}

th.nonRight,
td.nonRight {
  border-right: none !important;
}

th.nonBottom,
td.nonBottom {
  border-bottom: none !important;
}

th.nonLeft,
td.nonLeft {
  border-left: none !important;
}

th.solidTop,
td.solidTop {
  border-top: 1px solid #ccc !important;
}

th.solidRight,
td.solidRight {
  border-right: 1px solid #ccc !important;
}

th.solidBottom,
td.solidBottom {
  border-bottom: 1px solid #ccc !important;
}

th.solidLeft,
td.solidLeft {
  border-left: 1px solid #ccc !important;
}

table.nonBorder th,
table.nonBorder td {
  border: none !important;
}

.tShadeLine01 .odd th,
.tShadeLine01 .odd td {
  background-color: #f6f6f6;
}

/* Nest Table Style clear
----------------------------*/
table.nest {
  border: none;
}

table.nest th,
table.nest td {
  background-color: transparent;
  font-weight: normal;
  line-height: 1.4;
  padding: 0;
  border: none;
}

/* smpVerticalTable
----------------------------*/
@media (max-width: 767px) {
  .smpVerticalTable,
.smpVerticalTable caption,
.smpVerticalTable tbody,
.smpVerticalTable thead,
.smpVerticalTable tr,
.smpVerticalTable th,
.smpVerticalTable td {
    display: block;
  }
  .smpVerticalTable th,
.smpVerticalTable td {
    width: 100% !important;
  }
  .smpTableScroll {
    overflow-x: scroll;
    padding-bottom: 10px;
  }
  .smpTableScroll::-webkit-scrollbar {
    height: 7px;
  }
  .smpTableScroll::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #ccc;
    border-radius: 5px;
  }
  .smpTableScroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }
  .smpTable1 table th,
.smpTable1 table td {
    font-size: 1rem !important;
    padding: 1rem !important;
    line-height: 1.4 !important;
  }
  .smpTable2 table th,
.smpTable2 table td {
    font-size: 0.7rem !important;
    padding: 0.7rem !important;
    line-height: 1.3 !important;
  }
  .smpTable3 table th,
.smpTable3 table td {
    font-size: 0.4rem !important;
    padding: 0.4rem !important;
    line-height: 1.2 !important;
  }
}
/*--------------------------------------------------
Background Border
--------------------------------------------------*/
/* bPattern01 [Blue/bgcolor]
----------------------------------------------- */
.bPattern01 {
  margin-bottom: 30px;
  padding: 30px;
  background: #eef4f9;
}

.bPattern01 > *:first-child {
  margin-top: 0;
}

/* bPattern02 [Gray/bgcolor]
----------------------------------------------- */
.bPattern02 {
  margin-bottom: 30px;
  padding: 30px;
  background: #eee;
}

.bPattern02 > *:first-child {
  margin-top: 0;
}

[class*=bPattern] > .h3Type01,
[class*=bPattern] > .h3Type01 {
  margin-bottom: 10px;
}

/* bPattern03 [Gray/heading]
----------------------------------------------- */
.bPattern03 {
  margin-bottom: 25px;
}

.bPattern03 .heading {
  padding: 10px 0;
  background: #e5e5e5;
  font-size: 1.8rem;
  text-align: center;
}

.bPattern03 .inner {
  padding: 20px;
}

.lineB {
  padding: 15px 0 6px 0;
  margin: 0 0 6px 0;
  border-bottom: 1px solid #ccc;
}

.lineBottomdot {
  border-bottom: 1px dotted #ccc;
  padding: 6px 0 6px 0;
  margin: 0 0 0 0;
}

@media screen and (max-width: 767px) {
  .bPattern01,
.bPattern02 {
    padding: 20px;
  }
  .bPattern03 .inner {
    padding: 10px;
  }
  [class*=bPattern] ul.iconLink {
    margin-top: 10px;
    border-bottom: #fff 1px solid;
  }
  [class*=bPattern] ul.iconLink.notChange {
    border: none;
  }
}
/*--------------------------------------------------
Button
--------------------------------------------------*/
.btnLink {
  margin: 0 auto;
  text-align: center;
}

.btnLink a {
  display: inline-block;
  padding: 25px 200px;
  background-color: #eef4f9;
  font-weight: bold;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.btnLink a:hover {
  text-decoration: none;
  background-color: #014099;
  color: #fff;
}

.backCategory {
  margin: 50px 0 0;
  text-align: center;
}

.backCategory a {
  position: relative;
  display: inline-block;
  padding: 25px 200px;
  background-color: #eef4f9;
  font-weight: bold;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.backCategory a:hover {
  text-decoration: none;
  background-color: #014099;
  color: #fff;
}

.backCategory a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 45%;
  left: 30px;
  width: 9px;
  height: 9px;
  border-top: #014099 2px solid;
  border-right: #014099 2px solid;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  vertical-align: middle;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.backCategory a:hover::before {
  border-color: #fff;
}

@media screen and (max-width: 767px) {
  .btnLink a,
.backCategory a {
    padding: 15px 0;
    display: block;
  }
}
/*--------------------------------------------------
Images
--------------------------------------------------*/
/* lumpMix
--------------------------------*/
.lumpMix {
  overflow: hidden;
  zoom: 1;
}

.lumpMix .lumpR {
  float: right;
  margin: 0 0 20px 20px;
}

.lumpMix .lumpL {
  float: left;
  margin: 0 20px 10px 0;
}

.lumpMix .lumpR span,
.lumpMix .lumpL span {
  display: block;
  padding: 10px 0 0 10px;
  line-height: 1.6;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lumpMix .lumpEnd {
  overflow: hidden;
}

.capW50 {
  width: 50px;
}

.capW60 {
  width: 60px;
}

.capW70 {
  width: 70px;
}

.capW80 {
  width: 80px;
}

.capW90 {
  width: 90px;
}

.capW100 {
  width: 100px;
}

.capW110 {
  width: 110px;
}

.capW120 {
  width: 120px;
}

.capW130 {
  width: 130px;
}

.capW140 {
  width: 140px;
}

.capW150 {
  width: 150px;
}

.capW160 {
  width: 160px;
}

.capW170 {
  width: 170px;
}

.capW180 {
  width: 180px;
}

.capW190 {
  width: 190px;
}

.capW200 {
  width: 200px;
}

.capW210 {
  width: 210px;
}

.capW220 {
  width: 220px;
}

.capW230 {
  width: 230px;
}

.capW240 {
  width: 240px;
}

.capW250 {
  width: 250px;
}

.capW260 {
  width: 260px;
}

.capW270 {
  width: 270px;
}

.capW280 {
  width: 280px;
}

.capW290 {
  width: 290px;
}

.capW300 {
  width: 300px;
}

.capW310 {
  width: 310px;
}

.capW320 {
  width: 320px;
}

.capW330 {
  width: 330px;
}

.capW340 {
  width: 340px;
}

.capW350 {
  width: 350px;
}

.capW360 {
  width: 360px;
}

.capW370 {
  width: 370px;
}

.capW380 {
  width: 380px;
}

.capW390 {
  width: 390px;
}

.capW400 {
  width: 400px;
}

.capW410 {
  width: 410px;
}

.capW420 {
  width: 420px;
}

.capW430 {
  width: 430px;
}

.capW440 {
  width: 440px;
}

.capW450 {
  width: 450px;
}

.capW460 {
  width: 460px;
}

.capW470 {
  width: 470px;
}

.capW480 {
  width: 480px;
}

.capW490 {
  width: 490px;
}

.capW500 {
  width: 500px;
}

@media screen and (max-width: 767px) {
  .lumpMix .lumpR,
.lumpMix .lumpL {
    width: 50%;
  }
  .lumpMix .lumpR.sp30,
.lumpMix .lumpL.sp30 {
    width: 30%;
  }
  .lumpMix .lumpR.sp100,
.lumpMix .lumpL.sp100 {
    width: 100%;
    float: none;
    text-align: center;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .lumpMix .lumpR.sp100 span,
.lumpMix .lumpL.sp100 span {
    padding: 10px 0 0 0;
  }
  [class*=capW] {
    width: auto;
  }
}
/*--------------------------------------------------
Grid
--------------------------------------------------*/
.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

/* @media (min-width:576px){.container{padding-right:15px;padding-left:15px}} */
@media (min-width: 768px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/* @media (min-width:992px){.container{padding-right:15px;padding-left:15px}} */
/* @media (min-width:1200px){.container{padding-right:15px;padding-left:15px}} */
/* @media (min-width:576px){.container{width:540px;max-width:100%}} */
@media (min-width: 768px) {
  .container { /*width:720px;*/
    max-width: 100%;
  }
}
/* @media (min-width:992px){.container{width:960px;max-width:100%}} */
/* @media (min-width:1200px){.container{width:1140px;max-width:100%}} */
.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

/* @media (min-width:576px){.container-fluid{padding-right:15px;padding-left:15px}} */
@media (min-width: 768px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/* @media (min-width:992px){.container-fluid{padding-right:15px;padding-left:15px}} */
/* @media (min-width:1200px){.container-fluid{padding-right:15px;padding-left:15px}} */
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* @media (min-width:576px){.row{margin-right:-15px;margin-left:-15px}} */
/* @media (min-width:768px){.row{margin-right:-15px;margin-left:-15px}} */
/* @media (min-width:992px){.row{margin-right:-15px;margin-left:-15px}} */
/* @media (min-width:1200px){.row{margin-right:-15px;margin-left:-15px}} */
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333333%;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.333333%;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.333333%;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.666667%;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.pull-0 {
  right: auto;
}

.pull-1 {
  right: 8.333333%;
}

.pull-2 {
  right: 16.666667%;
}

.pull-3 {
  right: 25%;
}

.pull-4 {
  right: 33.333333%;
}

.pull-5 {
  right: 41.666667%;
}

.pull-6 {
  right: 50%;
}

.pull-7 {
  right: 58.333333%;
}

.pull-8 {
  right: 66.666667%;
}

.pull-9 {
  right: 75%;
}

.pull-10 {
  right: 83.333333%;
}

.pull-11 {
  right: 91.666667%;
}

.pull-12 {
  right: 100%;
}

.push-0 {
  left: auto;
}

.push-1 {
  left: 8.333333%;
}

.push-2 {
  left: 16.666667%;
}

.push-3 {
  left: 25%;
}

.push-4 {
  left: 33.333333%;
}

.push-5 {
  left: 41.666667%;
}

.push-6 {
  left: 50%;
}

.push-7 {
  left: 58.333333%;
}

.push-8 {
  left: 66.666667%;
}

.push-9 {
  left: 75%;
}

.push-10 {
  left: 83.333333%;
}

.push-11 {
  left: 91.666667%;
}

.push-12 {
  left: 100%;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.333333%;
  }
  .pull-sm-2 {
    right: 16.666667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.333333%;
  }
  .pull-sm-5 {
    right: 41.666667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.333333%;
  }
  .pull-sm-8 {
    right: 66.666667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.333333%;
  }
  .pull-sm-11 {
    right: 91.666667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.333333%;
  }
  .push-sm-2 {
    left: 16.666667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.333333%;
  }
  .push-sm-5 {
    left: 41.666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.333333%;
  }
  .push-sm-8 {
    left: 66.666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.333333%;
  }
  .push-sm-11 {
    left: 91.666667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.333333%;
  }
  .pull-md-2 {
    right: 16.666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.333333%;
  }
  .pull-md-5 {
    right: 41.666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.333333%;
  }
  .pull-md-8 {
    right: 66.666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.333333%;
  }
  .pull-md-11 {
    right: 91.666667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.333333%;
  }
  .push-md-2 {
    left: 16.666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.333333%;
  }
  .push-md-5 {
    left: 41.666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.333333%;
  }
  .push-md-8 {
    left: 66.666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.333333%;
  }
  .push-md-11 {
    left: 91.666667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.333333%;
  }
  .pull-lg-2 {
    right: 16.666667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.333333%;
  }
  .pull-lg-5 {
    right: 41.666667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.333333%;
  }
  .pull-lg-8 {
    right: 66.666667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.333333%;
  }
  .pull-lg-11 {
    right: 91.666667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.333333%;
  }
  .push-lg-2 {
    left: 16.666667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.333333%;
  }
  .push-lg-5 {
    left: 41.666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.333333%;
  }
  .push-lg-8 {
    left: 66.666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.333333%;
  }
  .push-lg-11 {
    left: 91.666667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.333333%;
  }
  .pull-xl-2 {
    right: 16.666667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.333333%;
  }
  .pull-xl-5 {
    right: 41.666667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.333333%;
  }
  .pull-xl-8 {
    right: 66.666667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.333333%;
  }
  .pull-xl-11 {
    right: 91.666667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.333333%;
  }
  .push-xl-2 {
    left: 16.666667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.333333%;
  }
  .push-xl-5 {
    left: 41.666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.333333%;
  }
  .push-xl-8 {
    left: 66.666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.333333%;
  }
  .push-xl-11 {
    left: 91.666667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
} /*# sourceMappingURL=bootstrap-grid.min.css.map */
.container {
  padding: 0;
  margin-top: 50px;
}

h1 + .container,
h2 + .container,
h3 + .container {
  margin-top: 0;
}

[class*=container].no-gutters {
  padding-left: 20px;
  padding-right: 20px;
}

.row {
  margin-right: -20px;
  margin-left: -20px;
}

.row > [class*=col] {
  padding-left: 20px;
  padding-right: 20px;
}

.row + .row {
  margin-top: 40px;
}

.no-gutters > .row > .col,
.no-gutters > .row > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.no-gutters > .row + .row {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  #main [class*=container].no-gutters {
    padding-left: 15px;
    padding-right: 15px;
  }
  #main .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  #main .row > [class*=col] {
    padding-left: 15px;
    padding-right: 15px;
  }
  #main .row + .row {
    margin-top: 30px;
  }
  #main .no-gutters > .row > .col,
#main .no-gutters > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
  #main .no-gutters > .row + .row {
    margin-top: 0;
  }
}
.row > [class*=col] [class*=img-cap] {
  padding: 13px 0 0 0;
  text-align: center;
}

.row > [class*=col] img {
  width: 100%;
}

.row > [class*=col] img.imgPC {
  display: block;
  text-align: center;
}

.row > [class*=col] img.imgSP {
  display: none;
}

.row > a {
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.row > a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.row .img-col {
  text-align: center;
}

.row .heading {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 5px 0;
  line-height: 1.4;
}

.row .img-col + .elem-col {
  padding-top: 21px;
}

[class*=inner-col] {
  background-color: #eff4fa;
}

.bgcolors [class*=col]:nth-of-type(even) [class*=inner-col] {
  background-color: #e1eaf5;
}

[class*=inner-col] > .elem-col {
  padding: 21px 15px 21px 30px;
}

.bnr-container {
  margin-top: 50px;
  padding: 20px;
  background-color: #eef4f9;
}

.bnr-container .row {
  margin-right: -10px;
  margin-left: -10px;
}

.bnr-container .row + .row {
  margin-top: 20px;
}

.bnr-container .row > [class*=col] {
  padding-left: 10px;
  padding-right: 10px;
}

.bnr-container .row > [class*=col] .img-cap {
  padding: 24px 10px 24px 30px;
  background-color: #fff;
  text-align: left;
}

.bnr-container .row > [class*=col] .img-cap-s {
  padding: 15px 10px;
  line-height: 1.4;
  background-color: #fff;
  text-align: left;
}

h2 + .bnr-container,
h3 + .bnr-container {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .container.no-gutters {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .row {
    margin-right: 0px;
    margin-left: 0px;
  }
  .row > .col,
.row > [class*=col-] {
    padding: 20px 0 0;
    margin-right: 0px;
    margin-left: 0px;
    display: block;
  }
  .row > [class*=col] img.imgPC {
    display: none !important;
  }
  .row > [class*=col] img.imgSP {
    display: block !important;
  }
  [class*=container] .row:nth-of-type(1) > [class*=col]:nth-of-type(1) {
    padding-top: 0 !important;
  }
  .no-gutters > .row > .col,
.no-gutters > .row > [class*=col-] {
    padding-top: 0px;
  }
  .row + .row {
    margin-top: 0;
  }
  .row .img-col + .elem-col {
    padding-top: 21px;
    padding-bottom: 21px;
  }
  .row {
    display: block;
  } /* sp width 100% */
  .row.fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  [class*=inner-col] > .elem-col {
    padding: 17px 10px 13px 25px;
  }
  .row > [class*=col] [class*=img-cap] {
    text-align: center;
  }
  .row .sp-horizontal {
    display: table;
    margin-top: 1px;
    width: 100%;
  }
  .row .sp-horizontal > * {
    display: table-cell;
    vertical-align: top;
  }
  .row .sp-horizontal > .img-col {
    width: 32%;
  }
  .row .sp-horizontal > .elem-col {
    padding: 10px 10px 10px 20px;
    vertical-align: middle;
  }
  .row > [class*=col].sp-horizontal [class*=img-cap] {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding: 0 0 0 20px;
  }
  .row.sp-fluid {
    overflow: hidden;
  }
  .row.sp-fluid > [class*=col] {
    float: left;
    width: 48.5% !important;
  }
  .row.sp-fluid > [class*=col]:nth-child(2n+1) {
    clear: both;
  }
  .row.sp-fluid > [class*=col]:nth-child(even) {
    float: right;
  }
  .bnr-container {
    padding: 10px;
    margin: 40px -10px 0;
  }
  .bnr-container .row {
    margin-right: 0px;
    margin-left: 0px;
  }
  .bnr-container .row + .row {
    margin-top: 0;
  }
  .bnr-container .row > [class*=col] {
    padding: 10px 0 0 0;
  }
  .bnr-container .row > a {
    display: block;
  }
  .bnr-container .img-cap {
    padding: 17px 10px 13px 25px;
  }
  .bnr-container .row > [class*=col] [class*=img-cap] {
    text-align: left;
  }
  .bnr-container .row.sp-fluid > [class*=col] [class*=img-cap] {
    padding: 10px;
  }
  [class*=container] .sp-fluid:nth-of-type(1) > [class*=col]:nth-of-type(1),
[class*=container] .sp-fluid:nth-of-type(1) > [class*=col]:nth-of-type(2) {
    padding-top: 0 !important;
  }
}
/*--------------------------------------------------
Tab
--------------------------------------------------*/
/* tabNav
----------------------------*/
.tabNav a:link,
.tabNav a:visited {
  color: #333;
}

.tabNav {
  margin: 20px 0 0 0;
  border-collapse: separate;
  border-spacing: 5px 0;
}

.tabNav li {
  display: inline-block;
  vertical-align: middle;
}

.tabNav li:nth-of-type(1) {
  margin: 0;
}

.tabNav li a {
  display: block;
  padding: 8px 30px;
  background-color: #e5e5e5;
  text-align: center;
  white-space: nowrap;
}

.tabNav li a:hover {
  text-decoration: none;
  background-color: #dcdcdc;
}

.tabNav li.on a {
  background-color: #eef4f9;
}

/* tabWrap
----------------------------*/
.tabWrap {
  background-color: #eef4f9;
}

.tabWrap .tabElement {
  display: none;
  zoom: 1;
  z-index: 1;
  padding: 20px;
}

.tabWrap .tabElement.active {
  display: block;
}

@media screen and (max-width: 767px) {
  .tabNav li a {
    display: block;
    color: #333;
    padding: 10px;
  }
  .tabNav li.on {
    color: #0099cc;
  }
  .btnTab li {
    display: block;
    width: 100%;
    border-top: #fff 1px solid;
  }
  .tabNav li a {
    height: auto;
    border: none;
    text-align: left;
    background-image: none;
  }
  .tabWrap .tabElement {
    padding: 15px;
  }
}
/* linksWrap
----------------------------*/
.linksWrap {
  padding: 0 0 17px 0;
  margin-top: 50px;
  background-color: #eef4f9;
}

.h2Type01 + .linksWrap {
  margin-top: 0;
}

.linksWrap + .linksWrap {
  margin-top: 30px;
}

.tabWrap .linksWrap {
  margin-top: 0;
}

.linksWrap .heading {
  padding: 10px 20px;
  background-color: #014099;
  color: #fff;
  font-weight: bold;
}

.linksWrap ul {
  overflow: hidden;
}

.linksWrap ul li {
  float: left;
  width: 22.5%;
  margin: 20px 0 0 2%;
}

#main .linksWrap ul li {
  width: 22%;
  margin-left: 3%;
}

.linksWrap ul li span {
  font-size: 85%;
  font-weight: normal;
  display: block;
  color: #333;
}

.linksWrap ul li em {
  display: block;
}

.linksWrap ul li .icon {
  margin-left: 8px;
}

.linksWrap ul li .test {
  margin-left: 0px;
}

.linksWrap ul li.active a {
  color: #000;
}

/* noLine */
.linksWrap.noLine {
  padding: 0;
  margin-bottom: 20px;
  border: none;
}

.linksWrap.noLine ul li {
  margin: 20px 2% 0 0;
}

#main .linksWrap.noLine ul li {
  margin: 20px 3% 0 0;
}

#main .kvFilter .linksWrap.noLine ul li {
  margin: 0 2% 20px 0;
}

@media screen and (max-width: 767px) {
  .linksWrap {
    padding: 0;
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .linksWrap ul li {
    float: none;
    width: auto !important;
    margin: 0 !important;
    border-top: #fff 1px solid;
    font-size: 100%;
    min-height: auto !important;
  }
  .linksWrap ul li:first-child {
    border: none;
  }
  .linksWrap ul li a {
    display: block;
    padding: 10px;
    position: relative;
  }
  .linksWrap ul li.icon a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 40%;
    right: 5%;
    width: 5px;
    height: 5px;
    vertical-align: middle;
  }
  .linksWrap ul li em {
    display: inline;
  }
  .linksWrap .heading {
    padding: 8px 10px;
  }
  .linksWrap h3 {
    background: #e9e9e9;
    padding-bottom: 10px;
  }
  .linksWrap p {
    margin-top: 10px;
  }
  .linksWrap li.icon a {
    background-position: 95% 50%;
  }
  .linksWrap li.icon a::after {
    content: none;
  }
}
/* resp-accordion
--------------------------------*/
.resp-tab-item {
  display: block;
  padding: 8px 30px;
  background-color: #e5e5e5;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.resp-tab-item:hover {
  text-decoration: none;
  background-color: #dcdcdc;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
  padding: 15px;
}

.resp-tab-active {
  background-color: #eef4f9 !important;
  background-image: none !important;
  border-bottom: none;
}

.resp-content-active, .resp-accordion-active {
  display: block;
}

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #fff !important;
  background: blue;
}

.resp-vtabs .accoTab-list li {
  display: block;
  margin: 0;
  cursor: pointer;
  float: none;
}

.resp-vtabs .resp-tab-content {
  border: none;
}

.resp-vtabs li.resp-tab-active {
  border-right: none;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active {
  display: block;
}

h2.resp-accordion:first-child {
  border-top: 1px solid #fff !important;
}

.accoTab-container .linksWrap {
  padding: 0 0 17px 0;
}

@media screen and (max-width: 767px) {
  .accoTab {
    margin-top: 11px !important;
  }
  .accoTab .tabNav {
    display: none;
  }
  ul.accoTab-list {
    display: none;
  }
  h2.resp-accordion {
    display: block;
    position: relative;
    padding: 10px 30px 10px 15px;
    background: #eef4f9;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    line-height: 1.3;
    border: none;
    border-top: #fff 1px solid;
  }
  h2.resp-tab-active {
    background: #83979d !important;
    color: #fff;
  }
  .resp-easy-accordion h2.resp-accordion {
    display: block;
  }
  .resp-vtabs .resp-tab-content {
    border: 1px solid #fff;
  }
  .resp-vtabs .accoTab-container {
    border: none;
    float: none;
    width: 100%;
    min-height: initial;
    clear: none;
  }
  .resp-accordion-closed {
    display: none !important;
  }
  .resp-tab-content-active {
    padding-top: 0 !important;
  }
  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #fff !important;
  }
  .resp-arrow {
    position: absolute;
    top: 34%;
    right: 25px;
  }
  .resp-tab-active .resp-arrow {
    position: absolute;
    top: 40%;
    right: 25px;
  }
  .resp-arrow::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 2px solid #727e8f;
    border-right: 2px solid #727e8f;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .resp-tab-active .resp-arrow::before {
    border-color: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .resp-tab-content-active {
    padding: 10px !important;
    border: #e9e9e9 1px solid;
    background-color: #fff;
  }
}
/*--------------------------------------------------
Block
--------------------------------------------------*/
/* pressBlock
--------------------------------*/
.pressBlock {
  margin: 47px 0 0;
}

.pressBlock .heading {
  overflow: hidden;
  margin-bottom: 10px;
}

.pressBlock .heading h2 {
  font-size: 2.4rem;
  line-height: 1;
  font-weight: bold;
  display: inline-block;
}

.pressBlock .heading p {
  display: inline-block;
  margin: 0 0 0 30px;
}

.pressBlock .lists {
  padding: 30px;
  background-color: #eef4f9;
}

.pressBlock dl {
  overflow: hidden;
  background-color: #eef4f9;
}

.pressBlock dl dt {
  margin: 10px 0 0 0;
}

.pressBlock dl dt:nth-of-type(1) {
  margin: 0;
}

.pressBlock dl dt img {
  margin-right: 8px;
  vertical-align: middle;
}

.pressBlock dl dt span[class*=label] {
  display: inline-block;
  padding: 0 14px;
  margin-left: 10px;
  font-size: 1.2rem;
  line-height: 1.5;
  vertical-align: middle;
}

.pressBlock dl dt span.labelSeg {
  padding: 0 30px;
}

.pressBlock dl dd {
  width: auto;
  text-overflow: all;
  white-space: normal;
}

.pressBlock dl.ellipsis {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.pressBlock dl.ellipsis dt {
  width: 19%;
  margin: 10px 0 0 0;
  color: #666;
}

.pressBlock dl.ellipsis dd {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis; /* Firefox */
  -o-text-overflow: ellipsis; /* Opera */
  margin-top: 10px;
  width: 80%;
  zoom: 1;
}

.pressBlock dl.fixedInfo {
  padding: 20px 0 0;
}

#main .pressBlock dl.ellipsis dd {
  width: 620px;
}

@media screen and (max-width: 767px) {
  .pressBlock {
    margin: 37px 0 0;
  }
  .pressBlock .heading h2 {
    font-size: 1.8rem;
  }
  .pressBlock .heading p {
    font-size: 1.4rem;
    margin: 0 0 0 15px;
  }
  .pressBlock .lists {
    padding: 15px;
    margin: 0 -10px;
  }
  .pressBlock dl dt img.label {
    width: 66px;
    height: 10px;
  }
  .pressBlock dl dt {
    float: none;
    margin: 10px 0 0 0;
  }
  .pressBlock dl dt span.labelNew,
.pressBlock dl dt span.labelSeg {
    padding: 2px 10px 0;
  }
  .pressBlock dl dd {
    width: auto;
    margin-top: 0;
    line-height: 1.5;
  }
  .pressBlock dl.ellipsis {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pressBlock dl.ellipsis dt {
    width: 100%;
  }
  .pressBlock dl.ellipsis dd,
#main .pressBlock dl.ellipsis dd {
    width: auto;
    white-space: normal;
    margin-top: 0;
  }
}
/*--------------------------------------------------
KeyVisual
--------------------------------------------------*/
/* chapterKV
----------------------------*/
.chapterKV {
  position: relative;
  padding: 0 0 0 65px;
  height: 400px;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*align-items: center;*/
}

.chapterKV h1 {
  padding: 0;
  border: none;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
}

.chapterKV p.heading {
  margin-bottom: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3;
}

.chapterKV[data-opt=wide] {
  width: 1280px;
  min-height: 520px;
  margin: 0 -100px;
  padding-left: 165px;
}

/* sectionKV
----------------------------*/
.sectionKV {
  padding: 95px 0 95px 35px;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  font-size: 14px;
}

.sectionKV h1 {
  padding: 0;
  border: none;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
}

.sectionKV p.heading {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}

/* chapterKV sectionKV
----------------------------*/
.chapterKV .more {
  margin-top: 8px;
  width: auto;
}

.chapterKV .more a {
  padding: 8px 12px;
  border: #fff 1px solid;
  color: #fff;
  text-shadow: none;
  zoom: 1;
}

.sectionKV .more a:hover {
  background-color: #fff;
  color: #014099;
  text-decoration: none;
}

.chapterKV.colorA,
.chapterKV.colorA h1 {
  color: #000;
  text-shadow: none;
}

.chapterKV.colorB,
.chapterKV.colorB h1 {
  color: #014099;
  text-shadow: none;
}

/* kvFilter
----------------------------*/
.kvFilter {
  margin-bottom: 30px;
  padding: 10px 0;
  background: rgba(255, 255, 255, 0.9);
  position: relative;
}

@media screen and (max-width: 767px) {
  .chapterKV {
    text-align: center;
    padding: 0;
    margin: 25px -10px 0;
    padding: 0 10px;
    height: 100vw;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .chapterKV[data-opt=wide] {
    width: auto;
    min-height: 100vw;
    margin: 0 -10px;
    padding: 0 10px;
  }
  .sectionKV {
    padding: 70px 0;
  }
  .chapterKV h1 {
    margin-bottom: 0;
    font-size: 3.2rem;
    text-align: center;
  }
  .sectionKV h1 {
    margin-bottom: 10px;
    font-size: 166%;
  }
  .chapterKV p,
.sectionKV p {
    width: auto;
    display: none;
  }
  .chapterKV p.heading,
.sectionKV p.heading {
    font-size: 133%;
    display: block;
    margin-bottom: 0;
  }
  .chapterKV .more,
.sectionKV .more {
    display: block;
  }
  .chapterKV .more a,
.sectionKV .more a {
    padding: 5px;
  }
  .sectionKV h1 {
    margin-bottom: 0;
  }
  .kvFilter {
    padding: 10px;
  }
  .kvFilter h2:first-child {
    margin-top: 0;
  }
  .lowerKv .kvFilter {
    margin: 0 -10px;
  }
  .lowerKv .sectionKV {
    padding: 0;
  }
  .lowerKv .sectionKV h1 {
    padding-top: 45%;
    margin-bottom: 10px;
    font-size: 185%;
    text-align: center;
  }
}
/* kvRandom
----------------------------*/
.kvRandom {
  margin: 0 0 50px;
  text-align: center;
  opacity: 0;
  position: relative;
  min-height: 400px;
}

.kvRandom section {
  width: 1080px;
  position: relative;
  margin: 0;
  padding: 30px;
  background-color: #014099;
  color: #fff;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.kvRandom section .slogan {
  font-size: 2.8rem;
  color: #fff;
  padding: 0 0 15px 0;
}

.kvRandom section .slogan br {
  display: none;
}

.kvRandom[data-opt=wide] {
  width: 1280px;
  margin: 0 0 50px -100px;
}

.kvRandom[data-opt=wide] section {
  margin: -60px 0 0 100px;
}

@media screen and (max-width: 767px) {
  .kvRandom {
    width: auto;
    min-height: 40%;
    margin: 0 -10px 40px;
  }
  .kvRandom figure {
    min-height: 100%;
  }
  .kvRandom section,
.kvRandom[data-opt=wide] section {
    width: auto;
    margin: -50px 10px 0;
    padding: 20px;
  }
  .kvRandom section .slogan {
    padding: 0;
    font-size: 2rem;
  }
  .kvRandom section *:not(.slogan) {
    display: none;
  }
  .kvRandom section .slogan br {
    display: inline-block;
    line-height: 1.5;
  }
  .kvRandom[data-opt=wide] {
    width: auto;
    margin: 0 -10px 40px;
  }
}
/*--------------------------------------------------
photoLib
--------------------------------------------------*/
.photoLib {
  margin: 20px 0 0 -5px;
  overflow: hidden;
  zoom: 1;
}

.photoLib li {
  float: left;
  margin: 5px 0 0 4px;
}

@media screen and (max-width: 767px) {
  .photoLib {
    margin-left: -1%;
  }
  .photoLib li {
    width: 32%;
    margin: 1% 0 0 1%;
  }
}
/*--------------------------------------------------
Video
--------------------------------------------------*/
.videoCloudBox100 {
  width: 100%;
  position: relative;
}

.videoCloudBox75 {
  width: 75%;
  position: relative;
  margin: 0 auto;
}

.videoCloudBox50 {
  width: 50%;
  position: relative;
}

.video-js .vjs-big-play-button {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.5);
}

.video-js .vjs-big-play-button::before {
  color: rgba(0, 0, 0, 0.6);
}

.labelMovie {
  position: relative;
  display: block;
}

.labelMovie::before {
  content: "VIDEO";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 10%;
  padding: 5px 20px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 1.4rem;
}

.videoCaption {
  padding: 21px 15px 21px 30px;
  background-color: #eee;
}

.videoCaption .h2Type01 {
  margin: 0;
}

.videoCaption p {
  margin: 5px 0 0;
}

@media screen and (max-width: 767px) {
  [class*=videoCloudBox] {
    width: auto;
    margin: 0 -10px;
  }
  .boxer-container .inner {
    width: auto !important;
  }
}
/*--------------------------------------------------
Video background
--------------------------------------------------*/
.videoContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 608px;
}

.videoWrap {
  position: relative;
  width: 100%;
  min-height: 608px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.videoContainer[data-opt=wide] {
  width: 1280px;
  min-height: 720px;
  margin: 0 -100px;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .videoWrap {
    height: 608px;
  } /* IE11 */
  *::-ms-backdrop, .videoContainer[data-opt=wide] .videoWrap {
    height: 720px;
  } /* IE11 */
}
.videoContainer[data-opt=wide] .videoWrap {
  min-height: 720px;
}

.videoWrap .pattern {
  width: 100%;
  height: 100%;
  min-height: 608px;
  background: url("../images/video_pattern.png") 0 0 repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.videoWrap h1 {
  position: relative;
  z-index: 3;
  padding: 0 0 30px;
  text-align: center;
}

.videoWrap p {
  position: relative;
  z-index: 3;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  width: 60%;
  margin: 0 auto;
}

.videoWrap [class*=spKV] {
  display: none;
}

/* brightcove
-------------------------*/
[data-type=brightcove] video {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100%;
}

[data-type=brightcove] h1 {
  position: absolute;
  z-index: 2;
  padding: 0;
  top: 220px;
  left: 0;
  right: 0;
  margin: auto;
}

[data-type=brightcove] p {
  position: absolute;
  top: 320px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}

/* Hide the player control bar */
.videoWrap .video-js .vjs-control-bar {
  display: none;
}

/* Remove click events on the player */
.videoWrap .video-js {
  pointer-events: none;
}

/* plain
-------------------------*/
[data-type=plain] video {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100%;
}

/* youtube
-------------------------*/
[data-type=youtube] iframe {
  position: absolute;
  top: 0;
}

@media screen and (max-width: 767px) {
  .videoContainer,
.videoContainer[data-opt=wide] {
    width: auto;
    height: auto;
    margin: 0 -10px;
    padding: 0 0 20px;
    min-height: 0;
    overflow: visible !important;
    /*background: url(sp_kv.jpg) no-repeat top/cover;*/
  }
  .videoWrap,
.videoContainer[data-opt=wide] .videoWrap {
    min-height: 113vw;
  }
  .videoWrap h1 {
    width: 80vw;
    margin: 0 auto;
  }
  .videoWrap p {
    font-size: 1.4rem;
    width: 80%;
  }
  .videoWrap p br {
    display: none;
  }
  .videoWrap video {
    display: none;
  }
  .videoWrap > div {
    display: none !important;
  }
  .videoWrap .pattern {
    display: block !important;
    min-height: 113vw;
  }
  .videoWrap iframe {
    display: none;
  }
  [data-type=brightcove] h1 {
    top: 40vw;
  }
  [data-type=brightcove] p {
    top: 55vw;
  }
  .videoWrap [class*=spKV] {
    display: block !important;
    position: absolute;
    width: 100%;
    height: 113vw;
    top: 0;
  }
  [data-type=brightcove] .spKVSubstitution {
    position: relative;
  }
  .spKVSubstitution ul.kvSet {
    position: relative;
    z-index: 0;
    height: 113vw;
  }
  .spKVSubstitution ul.kvSet > li {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 113vw;
    opacity: 0;
    -webkit-transition: opacity 0s 1s linear;
    transition: opacity 0s 1s linear;
  }
  .spKVSubstitution ul.kvSet > li.current {
    z-index: 9;
    opacity: 1;
    -webkit-transition: opacity 1s 0s linear;
    transition: opacity 1s 0s linear;
  }
  .spKVSubstitution ul.kvSet > li img {
    width: 100%;
  }
}
/*! ----------------------
general animations
-------------------------*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* loader
-------------------------*/
.loadspinner {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: #fff;
  overflow: hidden;
}

.loadspinner > span {
  font-size: 10px;
  display: block;
  margin: 100px auto;
  text-indent: -9999em;
  width: 8em;
  height: 8em;
  border-radius: 50%;
  background: #ccc;
  background: -webkit-linear-gradient(left, #ccc 10%, rgba(225, 225, 225, 0) 42%);
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #ccc), color-stop(42%, rgba(225, 225, 225, 0)));
  background: linear-gradient(to right, #ccc 10%, rgba(225, 225, 225, 0) 42%);
  position: relative;
  -webkit-animation: loader 1s infinite linear;
  animation: loader 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.loadspinner > span:before {
  width: 50%;
  height: 50%;
  background: #ccc;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}

.loadspinner > span:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 767px) {
  .loadspinner {
    top: 0;
    /*display: none;*/
  }
}
/*--------------------------------------------------
productDetail
--------------------------------------------------*/
.productDetail {
  clear: both;
}

.productDetail .lumpR {
  margin: 0 0 0 30px;
}

.productDetail h1 span.generalName {
  display: block;
  color: #000;
  font-size: 1.4rem;
  font-weight: normal;
  padding-top: 12px;
}

.productDetail .markStar span {
  color: #ef6e02;
  font-weight: normal;
}

.productDetail .bPattern05 {
  margin-top: 20px;
}

.productDetail .linksWrap {
  padding-top: 0;
}

/* toContactUs
--------------------------------*/
.productDetail .toContactUs {
  margin: 30px 0;
  text-align: center;
}

.productDetail .toContactUs a {
  display: block;
  padding: 13px 60px;
  border: #e5e5e5 1px solid;
  color: #000;
  font-size: 1.8rem;
}

.productDetail .toContactUs a:hover {
  background-color: #014099;
  color: #fff;
  text-decoration: none;
}

.productDetail .toBrandSite {
  margin: 30px 0;
  text-align: center;
}

.productDetail .toBrandSite a {
  display: block;
  padding: 13px 20px;
  background-color: #eef4f9;
  position: relative;
  line-height: 1.5;
  font-weight: bold;
}

.productDetail .toBrandSite a:hover {
  background-color: #014099;
  color: #fff;
  text-decoration: none;
}

.productDetail .toBrandSite a span {
  display: inline-block;
  padding-right: 20px;
  font-size: 1.4rem;
}

.productDetail .toBrandSite a span em {
  font-size: 1.6rem;
}

/* Change Photos
--------------------------------*/
.productDetail #proPhoto {
  width: 540px;
  height: 338px;
  position: relative;
  background-color: #e5e5e5;
}

.productDetail #proPhoto img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.productDetail #proThumb {
  margin: 10px 0 0 0;
}

.productDetail #proThumb li {
  width: 100px;
  float: left;
  margin-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.productDetail #proThumb li:first-child {
  margin-left: 0;
}

.productDetail #proThumb li a {
  display: block;
}

.productDetail #proThumb li a:hover {
  opacity: 0.8;
}

.productDetail #proThumb li a:active {
  opacity: 0.8;
}

.productDetail #proThumb li img {
  width: 100%;
}

.productDetail #proThumb li span {
  width: 100px;
  height: 62.58px;
  margin-top: 0;
  border: #eaeaea 1px solid;
  background-color: #f5f5f5;
  text-indent: -9999px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.productDetail:after,
.productDetail .linkOthers ul:after,
.productDetail .linkSetWrap:after,
.productDetail #proThumb:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}

.productDetail,
.productDetail .linkOthers ul,
.productDetail .linkSetWrap {
  zoom: 1;
}

.productDetail #mediaWrap {
  display: none;
}

.productDetail #proPhoto [id^=media] {
  position: absolute;
  top: 0;
  width: 100%;
}

.productDetail #proPhoto video {
  width: 100%;
}

.productDetail #videoBlock {
  overflow: hidden;
  padding-top: 50px;
}

.usedMark {
  margin-top: 5px;
}

.usedMark img {
  vertical-align: top;
  padding: 7px 5px 0 0;
}

@media screen and (max-width: 767px) {
  .productDetail h1 span.generalName {
    padding-top: 5px;
  }
  .productDetail .lumpR.sp100 {
    overflow: hidden; /*width:295px!important;*/
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .productDetail .toContactUs {
    margin: 20px 0;
  }
  .productDetail .toContactUs a {
    padding: 10px;
    display: block;
  }
  .productDetail #proPhoto {
    width: 100%;
    height: auto;
    padding-top: 62.5%;
  }
  .productDetail #proThumb {
    margin: 2% 2% 3%;
  }
  .productDetail #proThumb li {
    width: 18.4%;
    height: auto;
    margin-left: 2%;
  }
  .productDetail #proThumb li span {
    width: 100%;
    height: 0;
    padding-top: 61%;
  }
  .productDetail #proThumb li img {
    height: auto;
  }
  .productDetail .bPattern05 {
    margin-top: 20px;
  }
  .productDetail #videoBlock {
    display: table;
    width: 100%;
    margin: 0;
    padding: 20px 0;
  }
  .productDetail #videoBlock .videoCaption {
    padding: 15px;
  }
  .productDetail .lumpMix {
    display: flex;
    -webkit-flex-direction: column; /* Safari */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .productDetail .lumpMix .lumpR {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-order: 1;
  }
  .productDetail .lumpMix .lumpEnd {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-order: 3;
  }
  .productDetail .lumpMix #videoBlock {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-order: 2;
  }
}
/*--------------------------------------------------
sitemap
--------------------------------------------------*/
#sitemap {
  margin-top: 0;
}

#sitemap h2 {
  margin: 30px 0 5px;
  font-weight: bold;
  font-size: 1.8rem;
}

#sitemap [class*=col] h2:nth-of-type(1) {
  margin-top: 0;
}

#sitemap h3 {
  margin: 20px 0 0;
  font-weight: bold;
}

#sitemap a {
  color: #333;
}

/*--------------------------------------------------
Accordion
--------------------------------------------------*/
/* accWrap
--------------------------------*/
.accWrap .accHead {
  position: relative;
  padding: 14px 40px 14px 30px;
  background: #eef4f9;
  text-decoration: none;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  line-height: 1.3;
  border-top: #fff 1px solid;
}

.accWrap .accordion-open {
  background: #83979d;
  color: #fff;
}

.accWrap .accordion-open span {
  position: absolute;
  top: 40%;
  right: 30px;
}

.accWrap .accordion-close span {
  position: absolute;
  top: 34%;
  right: 30px;
}

.accWrap .accordion-close:hover {
  opacity: 0.8;
}

.accWrap .accHead span::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-top: 3px solid #727e8f;
  border-right: 3px solid #727e8f;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accWrap .accordion-open span::before {
  border-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.accWrap .accElem {
  padding: 27px 30px;
  border: #e9e9e9 1px solid;
}

.accWrap .accElem.linksWrap {
  padding: 0 20px 20px 0;
}

@media screen and (max-width: 767px) {
  .accWrap .accHead {
    padding: 10px 30px 10px 15px;
    font-size: 1.6rem;
  }
  .accWrap .accordion-open span {
    position: absolute;
    top: 40%;
    right: 25px;
  }
  .accWrap .accordion-close span {
    position: absolute;
    top: 34%;
    right: 25px;
  }
  .accWrap .accHead span::before {
    width: 6px;
    height: 6px;
    border-top-width: 2px;
    border-right-width: 2px;
  }
  .accWrap .accElem {
    padding: 10px;
  }
  .accWrap .accElem.linksWrap {
    padding: 0;
  }
}
/*--------------------------------------------------
switchWrap
--------------------------------------------------*/
.switchWrap .switchToggle {
  display: none;
}

.switchWrap .switchOn {
  display: block;
  position: relative;
}

.switchWrap .allOpenBtn span::before,
.switchWrap span.switchOn::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border: #014099 1px solid;
  background-color: #eef4f9;
  margin: 0 10px 0 0;
}

.switchWrap .allOpenBtn span::after,
.switchWrap span.switchOn::after {
  content: "+";
  position: absolute;
  left: 2.5px;
  top: 7px;
  font-size: 1.2rem;
  font-family: Helvetica, sans-serif;
  line-height: 1;
  color: #014099;
}

.switchWrap .closeBtn {
  margin: 20px 0 20px;
}

.switchWrap .closeBtn span,
.switchWrap .switchToggle {
  color: #014099;
}

.switchWrap .closeBtn span {
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.switchWrap .allOpenBtn {
  display: inline-block !important;
  margin: 10px 0;
  padding: 5px 10px !important;
  color: #fff;
  overflow: hidden;
}

.switchWrap .allOpenBtn span {
  position: relative;
  display: inline-block;
}

.switchWrap .allOpenBtn:hover,
.switchWrap .closeBtn span:hover,
.switchWrap .switchToggle:hover {
  text-decoration: underline;
}

.switchWrap .allOpenBtn.nowOpen span::after,
.switchWrap span.switchOn.nowOpen::after {
  content: "-";
  left: 4px;
  color: #014099;
}

.switchWrap .switchDetail {
  margin: 5px 0 10px;
}

@media screen and (max-width: 767px) {
  .switchWrap .allOpenBtn span::after,
.switchWrap span.switchOn::after {
    line-height: 0.8;
  }
}
/* accIsh
--------------------------------*/
.accIsh.switchWrap .switchToggle {
  position: relative;
  padding: 14px 40px 14px 30px;
  background: #eef4f9;
  text-decoration: none;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  line-height: 1.3;
  border-top: #fff 1px solid;
}

.accIsh.switchWrap .switchToggle.nowOpen {
  background: #83979d !important;
  color: #fff;
}

.accIsh.switchWrap .switchToggle span {
  position: absolute;
  top: 34%;
  right: 30px;
}

.accIsh.switchWrap .switchToggle.nowOpen span {
  position: absolute;
  top: 40%;
  right: 30px;
}

.accIsh.switchWrap .switchToggle:hover {
  opacity: 0.8;
}

.accIsh.switchWrap .switchToggle span::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-top: 3px solid #727e8f;
  border-right: 3px solid #727e8f;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accIsh.switchWrap .switchToggle.nowOpen span::before {
  border-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.accIsh.switchWrap .switchDetail {
  margin: 0;
  padding: 27px 30px;
  border: #e9e9e9 1px solid;
}

.accIsh.switchWrap .switchDetail.noBd {
  border: none;
  padding: 20px 30px;
}

.accIsh.switchWrap .switchDetail.linksWrap {
  padding: 0 20px 20px 0;
}

@media screen and (max-width: 767px) {
  .accIsh.switchWrap .switchToggle {
    padding: 10px 30px 10px 15px;
    font-size: 1.6rem;
  }
  .accIsh.switchWrap .switchToggle.nowOpen span {
    position: absolute;
    top: 40%;
    right: 25px;
  }
  .accIsh.switchWrap .switchToggle span {
    position: absolute;
    top: 34%;
    right: 25px;
  }
  .accIsh.switchWrap .switchToggle span::before {
    width: 6px;
    height: 6px;
    border-top-width: 2px;
    border-right-width: 2px;
  }
  .accIsh.switchWrap .switchDetail {
    padding: 10px;
  }
  .accIsh.switchWrap .switchDetail.noBd {
    padding: 10px;
  }
  .accIsh.switchWrap .switchDetail.linksWrap {
    padding: 0;
  }
}
/*--------------------------------------------------
NotFound 404
--------------------------------------------------*/
#nfBlock {
  padding: 50px 0 30px;
  min-height: 400px;
  background: url(../images/notfound_bg.gif) 50% 0 no-repeat;
}

#nfBlock .inner {
  width: 450px;
  margin: 0 auto;
}

#nfBlock h1 {
  margin: 0 0 15px;
  padding: 0;
  border: none;
  font-size: 5.2rem;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.2;
  text-align: center;
}

#nfBlock p {
  text-align: center;
  font-size: 2rem;
  color: #014099;
}

html:not([lang=ja]) #nfBlock p {
  font-size: 1.8rem;
}

#nfBlock #siteFunctions {
  position: static;
  width: 100%;
  margin: 30px 0;
}

#nfBlock .searchSet {
  position: static;
  display: block;
}

#nfBlock .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#nfBlock .btn li {
  width: 48%;
}

#nfBlock .btn li a {
  display: block;
  padding: 8px 10px;
  border: #014099 2px solid;
  background: #fff;
  text-align: center;
  font-weight: bold;
  color: #014099;
}

#nfBlock .btn li a:hover {
  color: #fff;
  background: #014099;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #nfBlock {
    padding: 30px 0;
    min-height: 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
  }
  #nfBlock .inner {
    width: 100%;
  }
  #nfBlock h1 {
    font-size: 3.2rem;
  }
  #nfBlock p {
    font-size: 1.2rem !important;
  }
  #nfBlock #siteFunctions {
    display: block;
    background-color: #eee;
  }
  #nfBlock .searchSet {
    border-bottom: none;
    padding: 10px;
  }
  #nfBlock .searchSet .mf_finder_searchBox_items {
    padding-left: 10px;
  }
  #nfBlock .searchSet .mf_finder_searchBox_selects label:before {
    color: #333 !important;
  }
  #nfBlock .btn li a {
    font-size: 1.2rem;
  }
}
/*--------------------------------------------------
clearfix
--------------------------------------------------*/
.clearfix {
  clear: both;
}

.clearfix:after,
.tabNav ul:after,
.linksWrap ul:after,
.insideLinksWid ul:after,
.lumpMix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}

/*--------------------------------------------------
Mars finder
--------------------------------------------------*/
/* window */
.searchSet .mf_finder_container {
  background-color: #eee;
}

.searchSet .mf_finder_searchBox {
  padding: 10px;
  margin: 0;
}

.searchSet form input[type=text] {
  width: 100% !important;
}

.mf_finder_searchBox_doctype:after {
  top: 2px !important;
}

.mf_finder_searchBox_doctype_select,
.mf_finder_searchBox_selects select {
  font-size: 1.6rem !important;
}

.mf_finder_searchBox_suggest_items li a {
  color: #fff !important;
}

.mf_finder_searchBox_selects label:before {
  width: 2rem !important;
  font-size: 1.4rem !important;
}

.mf_finder_searchBox_selects select {
  border-bottom-width: 1px !important;
  border-radius: 0 !important;
  padding-right: 2rem !important;
}

.mf_finder_searchBox_selects label:after {
  top: 5px !important;
}

.mf_finder_searchBox_submit {
  background-color: #5A7296 !important;
  border-radius: 0 !important;
  width: 50px !important;
}

.mf_finder_searchBox_submit span {
  display: none !important;
}

.mf_finder_searchBox_submit:before {
  display: inline-block !important;
  margin-left: 0 !important;
  font-size: 2rem !important;
  font-family: "svgicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906" !important;
}

.mf_finder_searchBox_query_input {
  display: inline-block !important;
  outline: none !important;
  font-size: 2rem !important;
  height: 45px !important;
  line-height: 45px !important;
  padding: 5px 10px !important;
}

/* result */
html:lang(ja) .mf_finder_searchBox .mf_finder_searchBox_query_input,
html:lang(ja) .mf_finder_searchBox .mf_finder_searchBox_query_input,
html:lang(ja-JP) .mf_finder_searchBox .mf_finder_searchBox_query_input,
html:lang(ja-JP) .mf_finder_searchBox .mf_finder_searchBox_query_input {
  background-image: none !important;
}

.mf_finder_searchBox .mf_finder_searchBox_query_input::-webkit-input-placeholder {
  opacity: 0.5;
}

.mf_finder_searchBox .mf_finder_searchBox_query_input::-moz-placeholder {
  opacity: 0.5;
}

.mf_finder_searchBox .mf_finder_searchBox_query_input:-ms-input-placeholder {
  opacity: 0.5;
}

.mf_finder_searchBox .mf_finder_searchBox_query_input::-ms-input-placeholder {
  opacity: 0.5;
}

.mf_finder_searchBox .mf_finder_searchBox_query_input::placeholder {
  opacity: 0.5;
}

#mf_Result .mf_finder_searchBox {
  padding: 25px;
  margin: 0 0 30px;
  background-color: #eee;
}

#mf_Result .mf_finder_searchBox_submit {
  border-radius: 0;
  padding: 0;
  width: 45px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#mf_Result .mf_finder_searchBox_items {
  padding: 0;
}

#mf_Result .mf_finder_searchBox_selects {
  padding-top: 10px;
}

#mf_Result .mf_finder_searchBox_misc {
  display: inline-block;
  vertical-align: top;
}

#mf_Result .mf_finder_searchBox_misc label {
  margin-left: 10px;
}

#mf_Result .mf_finder_searchBox_misc label::before {
  vertical-align: middle;
}

#mf_Result .mf_finder_featured_contents {
  padding: 20px;
}

#mf_Result .mf_finder_organic_doc {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#mf_Result .mf_finder_organic_doc:hover {
  background-color: #f0f0f0;
}

#mf_Result .mf_finder_organic_doc_body_wrapper * {
  font-size: 1.4rem;
  color: #666;
  line-height: 1.4;
}

#mf_Result .mf_finder_organic_doc_url_wrapper * {
  font-size: 1.2rem;
}

#mf_Result .mf_finder_organic_doc_title_wrapper * {
  font-size: 1.6rem;
}

html:not([lang=ja]) #mf_Result .mf_finder_query {
  margin: 0 0.25rem 0 1.5rem;
}

#mf_Result .mf_finder_organic_doc_contents_wrapper {
  margin-left: 20px;
}

#mf_Result .mf_finder_query,
#mf_Result .mf_finder_query::before,
#mf_Result .mf_finder_query::after {
  font-size: 2rem;
}

#mf_Result .mf_finder_query span {
  font-size: 2.8rem;
  vertical-align: top;
  display: inline-block;
  margin-top: -5px;
}

#mf_Result .mf_finder_organic_nums * {
  font-size: 2rem;
}

#mf_Result .mf_finder_organic_total::after,
#mf_Result .mf_finder_organic_range_from::after,
#mf_Result .mf_finder_organic_range_to::after,
#mf_Result .mf_finder_organic_total::before,
#mf_Result .mf_finder_organic_range_from::before,
#mf_Result .mf_finder_organic_range_to::before {
  font-size: 1.6rem;
}

#mf_Result .mf_finder_organic_pager {
  margin: 2em 0;
}

#mf_Result .mf_finder_pager_items li a {
  border-radius: 0;
  padding: 0.25rem 1rem;
}

#mf_Result .mf_finder_pager_items li a:hover {
  opacity: 0.8;
}

#mf_Result .funcBtns .searchOpen {
  display: none !important;
}

@media screen and (max-width: 959px) {
  .searchSet form {
    float: none;
  }
  .searchSet form {
    width: 100%;
    margin: 0;
    height: inherit;
  }
  .searchSet form::before {
    display: none !important;
  }
  .searchSet form input[type=text] {
    border: none !important;
  }
  .searchSet .mf_finder_container {
    background: transparent;
  }
  .searchSet .mf_finder_searchBox_selects label:before {
    color: #fff !important;
  }
  .searchSet .mf_finder_searchBox {
    padding: 0;
    background-color: transparent !important;
  }
  .searchSet .mf_finder_searchBox_items {
    padding: 0 0 10px;
  }
  .searchSet .mf_finder_searchBox_submit {
    background-color: #022b66 !important;
    height: 40px;
    width: 40px !important;
  }
  .searchSet .mf_finder_searchBox_imgsize {
    display: none;
  }
  #mf_Result .mf_finder_searchBox_query_input {
    font-size: 16px !important;
    height: 40px !important;
    line-height: 35px !important;
    padding: 7px 5px !important;
  }
  .mf_finder_searchBox_doctype_select {
    background-color: #fff;
    font-size: 16px !important;
  }
  #mf_Result .mf_finder_searchBox {
    padding: 15px;
  }
  #mf_Result .mf_finder_searchBox_submit {
    width: 38px !important;
    height: 38px !important;
    margin-top: 1px !important;
  }
  #mf_Result .mf_finder_searchBox_useSelects .mf_finder_searchBox_category_select {
    width: auto !important;
  }
  #mf_Result .mf_finder_searchBox_category {
    padding-left: 0;
  }
  #mf_Result .mf_finder_searchBox_category:before {
    top: 1px;
    left: 2px;
  }
  #mf_Result .mf_finder_searchBox_misc label:nth-of-type(1) {
    margin-left: 0;
  }
  #mf_Result .mf_finder_searchBox_misc .mf_finder_searchBox_imgsize {
    display: none;
  }
  #mf_Result .mf_finder_searchBox_selects select,
#mf_Result .mf_finder_searchBox_selects input {
    font-size: 16px !important;
  }
  #mf_Result .mf_finder_searchBox_useToggle_show .mf_finder_searchBox_misc label select {
    width: inherit !important;
  }
  #mf_Result .mf_finder_searchBox_selects label:after {
    top: 0.7rem !important;
  }
  #mf_Result .mf_finder_featured_contents {
    padding: 10px;
  }
  #mf_Result .mf_finder_organic_header_wrapper {
    margin-left: 0;
  }
  #mf_Result .mf_finder_organic_wrapper * {
    max-width: 100%;
  }
  #mf_Result .mf_finder_query span {
    font-size: 2rem;
  }
  #mf_Result .mf_finder_organic_nums * {
    font-size: 1.6rem;
  }
  #mf_Result .mf_finder_organic_doc_contents_wrapper {
    margin-left: 0;
  }
  #mf_Result .mf_finder_organic_doc_body_wrapper * {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  #mf_Result .mf_finder_organic_doc_img_wrapper {
    display: none;
  }
  #mf_Result .mf_finder_organic_doc_url_wrapper span {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/*===========================================
_helper
===========================================*/
/* width
-------------------------------------*/
.wid1 {
  width: 1% !important;
}

.wid2 {
  width: 2% !important;
}

.wid3 {
  width: 3% !important;
}

.wid4 {
  width: 4% !important;
}

.wid5 {
  width: 5% !important;
}

.wid6 {
  width: 6% !important;
}

.wid7 {
  width: 7% !important;
}

.wid8 {
  width: 8% !important;
}

.wid9 {
  width: 9% !important;
}

.wid10 {
  width: 10% !important;
}

.wid11 {
  width: 11% !important;
}

.wid12 {
  width: 12% !important;
}

.wid13 {
  width: 13% !important;
}

.wid14 {
  width: 14% !important;
}

.wid15 {
  width: 15% !important;
}

.wid16 {
  width: 16% !important;
}

.wid17 {
  width: 17% !important;
}

.wid18 {
  width: 18% !important;
}

.wid19 {
  width: 19% !important;
}

.wid20 {
  width: 20% !important;
}

.wid21 {
  width: 21% !important;
}

.wid22 {
  width: 22% !important;
}

.wid23 {
  width: 23% !important;
}

.wid24 {
  width: 24% !important;
}

.wid25 {
  width: 25% !important;
}

.wid26 {
  width: 26% !important;
}

.wid27 {
  width: 27% !important;
}

.wid28 {
  width: 28% !important;
}

.wid29 {
  width: 29% !important;
}

.wid30 {
  width: 30% !important;
}

.wid31 {
  width: 31% !important;
}

.wid32 {
  width: 32% !important;
}

.wid33 {
  width: 33% !important;
}

.wid34 {
  width: 34% !important;
}

.wid35 {
  width: 35% !important;
}

.wid36 {
  width: 36% !important;
}

.wid37 {
  width: 37% !important;
}

.wid38 {
  width: 38% !important;
}

.wid39 {
  width: 39% !important;
}

.wid40 {
  width: 40% !important;
}

.wid41 {
  width: 41% !important;
}

.wid42 {
  width: 42% !important;
}

.wid43 {
  width: 43% !important;
}

.wid44 {
  width: 44% !important;
}

.wid45 {
  width: 45% !important;
}

.wid46 {
  width: 46% !important;
}

.wid47 {
  width: 47% !important;
}

.wid48 {
  width: 48% !important;
}

.wid49 {
  width: 49% !important;
}

.wid50 {
  width: 50% !important;
}

.wid51 {
  width: 51% !important;
}

.wid52 {
  width: 52% !important;
}

.wid53 {
  width: 53% !important;
}

.wid54 {
  width: 54% !important;
}

.wid55 {
  width: 55% !important;
}

.wid56 {
  width: 56% !important;
}

.wid57 {
  width: 57% !important;
}

.wid58 {
  width: 58% !important;
}

.wid59 {
  width: 59% !important;
}

.wid60 {
  width: 60% !important;
}

.wid61 {
  width: 61% !important;
}

.wid62 {
  width: 62% !important;
}

.wid63 {
  width: 63% !important;
}

.wid64 {
  width: 64% !important;
}

.wid65 {
  width: 65% !important;
}

.wid66 {
  width: 66% !important;
}

.wid67 {
  width: 67% !important;
}

.wid68 {
  width: 68% !important;
}

.wid69 {
  width: 69% !important;
}

.wid70 {
  width: 70% !important;
}

.wid71 {
  width: 71% !important;
}

.wid72 {
  width: 72% !important;
}

.wid73 {
  width: 73% !important;
}

.wid74 {
  width: 74% !important;
}

.wid75 {
  width: 75% !important;
}

.wid76 {
  width: 76% !important;
}

.wid77 {
  width: 77% !important;
}

.wid78 {
  width: 78% !important;
}

.wid79 {
  width: 79% !important;
}

.wid80 {
  width: 80% !important;
}

.wid81 {
  width: 81% !important;
}

.wid82 {
  width: 82% !important;
}

.wid83 {
  width: 83% !important;
}

.wid84 {
  width: 84% !important;
}

.wid85 {
  width: 85% !important;
}

.wid86 {
  width: 86% !important;
}

.wid87 {
  width: 87% !important;
}

.wid88 {
  width: 88% !important;
}

.wid89 {
  width: 89% !important;
}

.wid90 {
  width: 90% !important;
}

.wid91 {
  width: 91% !important;
}

.wid92 {
  width: 92% !important;
}

.wid93 {
  width: 93% !important;
}

.wid94 {
  width: 94% !important;
}

.wid95 {
  width: 95% !important;
}

.wid96 {
  width: 96% !important;
}

.wid97 {
  width: 97% !important;
}

.wid98 {
  width: 98% !important;
}

.wid99 {
  width: 99% !important;
}

.wid100 {
  width: 100% !important;
}

/* margin
-------------------------------------*/
.mgn00 {
  margin: 0 !important;
}

.mgnT0 {
  margin-top: 0px !important;
}

.mgnR0 {
  margin-right: 0px !important;
}

.mgnB0 {
  margin-bottom: 0px !important;
}

.mgnL0 {
  margin-left: 0px !important;
}

.mgnT5 {
  margin-top: 5px !important;
}

.mgnR5 {
  margin-right: 5px !important;
}

.mgnB5 {
  margin-bottom: 5px !important;
}

.mgnL5 {
  margin-left: 5px !important;
}

.mgnT10 {
  margin-top: 10px !important;
}

.mgnR10 {
  margin-right: 10px !important;
}

.mgnB10 {
  margin-bottom: 10px !important;
}

.mgnL10 {
  margin-left: 10px !important;
}

.mgnT15 {
  margin-top: 15px !important;
}

.mgnR15 {
  margin-right: 15px !important;
}

.mgnB15 {
  margin-bottom: 15px !important;
}

.mgnL15 {
  margin-left: 15px !important;
}

.mgnT20 {
  margin-top: 20px !important;
}

.mgnR20 {
  margin-right: 20px !important;
}

.mgnB20 {
  margin-bottom: 20px !important;
}

.mgnL20 {
  margin-left: 20px !important;
}

.mgnT25 {
  margin-top: 25px !important;
}

.mgnR25 {
  margin-right: 25px !important;
}

.mgnB25 {
  margin-bottom: 25px !important;
}

.mgnL25 {
  margin-left: 25px !important;
}

.mgnT30 {
  margin-top: 30px !important;
}

.mgnR30 {
  margin-right: 30px !important;
}

.mgnB30 {
  margin-bottom: 30px !important;
}

.mgnL30 {
  margin-left: 30px !important;
}

.mgnT35 {
  margin-top: 35px !important;
}

.mgnR35 {
  margin-right: 35px !important;
}

.mgnB35 {
  margin-bottom: 35px !important;
}

.mgnL35 {
  margin-left: 35px !important;
}

.mgnT40 {
  margin-top: 40px !important;
}

.mgnR40 {
  margin-right: 40px !important;
}

.mgnB40 {
  margin-bottom: 40px !important;
}

.mgnL40 {
  margin-left: 40px !important;
}

.mgnT45 {
  margin-top: 45px !important;
}

.mgnR45 {
  margin-right: 45px !important;
}

.mgnB45 {
  margin-bottom: 45px !important;
}

.mgnL45 {
  margin-left: 45px !important;
}

.mgnT50 {
  margin-top: 50px !important;
}

.mgnR50 {
  margin-right: 50px !important;
}

.mgnB50 {
  margin-bottom: 50px !important;
}

.mgnL50 {
  margin-left: 50px !important;
}

.mgnT55 {
  margin-top: 55px !important;
}

.mgnR55 {
  margin-right: 55px !important;
}

.mgnB55 {
  margin-bottom: 55px !important;
}

.mgnL55 {
  margin-left: 55px !important;
}

.mgnT60 {
  margin-top: 60px !important;
}

.mgnR60 {
  margin-right: 60px !important;
}

.mgnB60 {
  margin-bottom: 60px !important;
}

.mgnL60 {
  margin-left: 60px !important;
}

.mgnT65 {
  margin-top: 65px !important;
}

.mgnR65 {
  margin-right: 65px !important;
}

.mgnB65 {
  margin-bottom: 65px !important;
}

.mgnL65 {
  margin-left: 65px !important;
}

.mgnT70 {
  margin-top: 70px !important;
}

.mgnR70 {
  margin-right: 70px !important;
}

.mgnB70 {
  margin-bottom: 70px !important;
}

.mgnL70 {
  margin-left: 70px !important;
}

.mgnT75 {
  margin-top: 75px !important;
}

.mgnR75 {
  margin-right: 75px !important;
}

.mgnB75 {
  margin-bottom: 75px !important;
}

.mgnL75 {
  margin-left: 75px !important;
}

/* type module
-------------------------------------*/
.alignR {
  text-align: right !important;
}

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

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

.verTop {
  vertical-align: top !important;
}

.verMiddle {
  vertical-align: middle !important;
}

.verBottom {
  vertical-align: bottom !important;
}

.medium {
  font-size: 100% !important;
}

.small {
  font-size: 1.4rem !important;
}

.xsmall {
  font-size: 1.2rem !important;
}

.xxsmall {
  font-size: 1rem !important;
}

.large {
  font-size: 1.8rem !important;
}

.xlarge {
  font-size: 2rem !important;
}

.xxlarge {
  font-size: 2.2rem !important;
}

.fontB {
  font-weight: bold !important;
}

.nowrap {
  white-space: nowrap;
}

.pcHide {
  display: none;
}

@media screen and (max-width: 767px) {
  .spHide {
    display: none;
  }
  .pcHide {
    display: block;
  }
  .spImg100 {
    width: 100%;
  }
}
/* font
-------------------------------------*/
.fontDINMedium {
  font-family: "DINNextLTPro-Medium" !important;
}
.fontDINBold {
  font-family: "DINNextLTPro-Bold" !important;
}

/* lazyload
-------------------------------------*/
.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 2s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: opacity 2s cubic-bezier(0.17, 0.935, 0.305, 1);
}

/*===========================================

_mixin

===========================================*/
/*-------------------------------------------
font-size、line-height
-------------------------------------------*/
/*-------------------------------------------
margin padding 可変
-------------------------------------------*/
/*===========================================

_layout

* Base Setting
* contents
* footer
===========================================*/
/*-------------------------------------------
Base Setting
-------------------------------------------*/
body:not(.bgLineNone) {
  background: url(../../shared/images/bg_line.png) center;
}
@media screen and (max-width: 767px) {
  body:not(.bgLineNone) {
    background-size: 30%;
  }
}

/*-------------------------------------------
contents
-------------------------------------------*/
.gnavWrap + #contents {
  padding-top: 161px;
}
@media screen and (max-width: 959px) {
  .gnavWrap + #contents {
    padding-top: 101px;
  }
}
@media screen and (max-width: 767px) {
  .gnavWrap + #contents:not(.maxWidth) {
    padding-top: 71px !important;
  }
}

#contents {
  background-color: transparent;
  font-size: 1.8rem;
  line-height: 1.7777777778;
}
@media screen and (min-width: 768px) {
  #contents {
    max-width: calc(1200px + 4%);
  }
}
@media screen and (max-width: 767px) {
  #contents {
    font-size: 1.6rem;
  }
}

#contents.maxWidth {
  max-width: none;
  padding-top: 110px;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 959px) {
  #contents.maxWidth {
    padding-top: 71px;
  }
}
@media screen and (min-width: 768px) {
  #contents.maxWidth .contents {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    max-width: calc(1200px + 4%);
    margin-left: auto;
    margin-right: auto;
  }
}

/*--------------------------------------------------
header logo adjust
--------------------------------------------------*/
@media screen and (max-width: 767px) {
  .headerWrap .logo .siteLogo img,
body.popup header .siteLogo a img {
    width: 64px;
  }
}
@media screen and (min-width: 768px) {
  .headerWrap .logo .siteLogo img,
body.popup header .siteLogo a img {
    width: 128px;
  }
}
/*-------------------------------------------
footer
-------------------------------------------*/
.inc_footer {
  position: relative;
  background-color: #fff;
}
.inc_footer #followus {
  position: absolute;
  right: 50%;
  margin-right: -600px;
  text-align: right;
  top: 67px;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
  .inc_footer #followus {
    right: 2%;
    margin-right: 0;
  }
}
@media screen and (max-width: 959px) {
  .inc_footer #followus {
    top: 22px;
  }
}
@media screen and (max-width: 767px) {
  .inc_footer #followus {
    top: auto;
    bottom: 95px;
    right: 10px;
  }
}
.inc_footer #followus span {
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .inc_footer #followus span {
    display: inline-block;
    padding-bottom: 7px;
    vertical-align: bottom;
  }
}
.inc_footer #followus a {
  display: inline-block;
  margin-left: 18px;
  vertical-align: middle;
}
.inc_footer #followus a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.inc_footer #followus a.linkedin::before {
  content: "\eac9";
  font-family: "svgicon" !important;
  color: #1178b3;
  font-size: 3.3rem;
}
.inc_footer #followus a.youtube::after {
  content: "\e90c";
  font-family: "svgicon" !important;
  color: #fc0d1c;
  font-size: 4.3rem;
}

/*-------------------------------------------
globalNav
-------------------------------------------*/
/* globalNav
---------------------------------*/
.menuLv3 + a {
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  margin-top: -1px;
}

.menuLv4Wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 2rem;
}
.menuLv4Wrap ul + ul {
  padding-left: 2rem;
}

/*===========================================

_modules

* Heading
* Table
* Images
* Grid
===========================================*/
/*--------------------------------------------------
Heading
--------------------------------------------------*/
/* h1
--------------------------------*/
h1 {
  padding-top: 0;
}

/*--------------------------------------------------
Table
--------------------------------------------------*/
/* smpVerticalTable
----------------------------*/
@media (max-width: 1200px) {
  .smpTableScroll {
    overflow-x: scroll;
    padding-bottom: 10px;
  }
  .smpTableScroll::-webkit-scrollbar {
    height: 7px;
  }
  .smpTableScroll::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #ccc;
    border-radius: 5px;
  }
  .smpTableScroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }
}
/*--------------------------------------------------
Images
--------------------------------------------------*/
/* lumpMix
--------------------------------*/
@media screen and (min-width: 768px) {
  .lumpMix .lumpR,
.lumpMix .lumpL {
    max-width: 50%;
  }
}

/*--------------------------------------------------
Grid
--------------------------------------------------*/
@media screen and (min-width: 768px) {
  .row {
    margin-right: -20px;
    margin-left: -20px;
  }
  .row > [class*=col] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.row .heading {
  margin: 0;
  font-weight: normal;
  color: #004098;
}
.row .heading + p {
  margin-top: 18px;
}

@media screen and (min-width: 768px) {
  .row + .row {
    margin-top: 60px;
  }
}

@media screen and (min-width: 768px) {
  .lumpMix .lumpR {
    margin-left: 40px;
  }
}

/*--------------------------------------------------
loading
--------------------------------------------------*/
#overlay, .topVideoLoading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(255, 255, 255, 0.6);
}
#overlay .cv-spinner, .topVideoLoading .cv-spinner {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#overlay .spinner, .topVideoLoading .spinner {
  width: 60px;
  height: 60px;
  border: 4px #ddd solid;
  border-top: 4px #000 solid;
  border-radius: 50%;
  -webkit-animation: spinnerAnime 0.8s infinite linear;
  animation: spinnerAnime 0.8s infinite linear;
}

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

@keyframes spinnerAnime {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*===========================================

_style

===========================================*/
/* 共通style
-------------------------------------------*/
.fz16 {
  font-size: 1.6rem;
}

.fontN {
  font-weight: normal;
}

.lv1Heading {
  margin-bottom: 50px;
  padding: 0;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #000;
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .lv1Heading {
    min-height: 0vw;
  }
}
.lv1Heading.-fz100 {
  font-size: 10rem;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .lv1Heading.-fz100 {
    font-size: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .lv1Heading.-fz100 {
    font-size: calc(2rem + (1vw - 0.2rem) * 15.1786);
  }
}
.lv1Heading.-fz90 {
  font-size: 9rem;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .lv1Heading.-fz90 {
    font-size: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .lv1Heading.-fz90 {
    font-size: calc(3rem + (1vw - 3.2px) * 9.375);
  }
}
.lv1Heading.-fz80 {
  font-size: 8rem;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .lv1Heading.-fz80 {
    font-size: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .lv1Heading.-fz80 {
    font-size: calc(3rem + (1vw - 3.2px) * 7.1429);
  }
}
.lv1Heading.-fz60 {
  font-size: 6rem;
}
@media screen and (max-width: 767px) {
  .lv1Heading.-fz60 {
    font-size: calc(3rem + (1vw - 3.2px) * 2.6786);
  }
}
.lv1Heading.-fontN {
  font-weight: normal;
}
@media screen and (max-width: 1200px) {
  .lv1Heading.-Design {
    font-size: calc(0.75rem + (1vw - 0.2rem) * 6.0938);
  }
}
.lv1Heading.-mgnB30 {
  margin-bottom: 30px;
}

.lv2Heading {
  font-size: 2.4rem;
  line-height: 1.75;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
  margin-top: calc(5rem + ((1vw - 0.32rem) * 2.2727272727));
  margin-bottom: calc(2rem + ((1vw - 0.32rem) * 1.1363636364));
}
@media screen and (min-width: 768px) {
  .lv2Heading {
    margin-top: 70px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .lv2Heading {
    font-size: 2rem;
  }
}

[class*=container] .row:nth-of-type(1) > [class*=col]:nth-of-type(1) .lv2Heading {
  margin-top: calc(5rem + ((1vw - 0.32rem) * 2.2727272727));
}

.row > .col .lv2Heading, .row > [class*=col-] .lv2Heading {
  margin-top: calc(5rem + ((1vw - 0.32rem) * 2.2727272727));
}
@media screen and (max-width: 767px) {
  .row > .col .lv2Heading, .row > [class*=col-] .lv2Heading {
    margin-top: calc(3rem + ((1vw - 0.32rem) * 4.5454545455));
  }
}

.lv3Heading {
  margin-bottom: 15px;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
  margin-top: calc(5rem + ((1vw - 0.32rem) * 2.2727272727));
}
.lv3Heading.-mgnThalf {
  margin-top: 35px;
}
@media screen and (min-width: 768px) {
  .lv3Heading {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  .lv3Heading {
    font-size: 1.8rem;
  }
}

.lv2Heading:not(.-nextToNone) + .lv3Heading {
  margin-top: 0;
}

.lv2Heading + .container > .row:first-child .lv3Heading {
  margin-top: 0;
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .lv2Heading + .container > .row:first-child [class*=col-]:not(:first-child) .lv3Heading {
    padding-top: 20px;
  }
}

.linkBtn {
  display: block;
  padding: 1.3rem;
  max-width: 380px;
  text-align: center;
  font-weight: bold;
  color: #000;
  border: 1px solid #707070;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.linkBtn:hover {
  text-decoration: none;
  color: #fff;
  background: #000;
}

.linkBtn.-small {
  display: block;
  padding: 1.3rem;
  max-width: 300px;
  text-align: center;
  font-weight: bold;
  color: #000;
  border: 1px solid #707070;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 300px;
  font-size: 1.6rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.linkBtn.-small:hover {
  text-decoration: none;
  color: #fff;
  background: #000;
}

.linkBtn.-center {
  margin-left: auto;
  margin-right: auto;
}

.container .linkBtn.-center {
  margin-top: 55px;
}
@media screen and (max-width: 767px) {
  .container .linkBtn.-center {
    margin-top: 37px;
  }
}

.linkBtn.-dl {
  padding-right: 35px;
  background-image: url(../../shared/images/icon_download.svg), url(../../shared/images/icon_download_white.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: right 19px center, right 19px center;
  background-size: 18px 17px, 18px 17px;
}
.linkBtn.-dl:hover {
  background-image: url(../../shared/images/icon_download_white.svg);
  background-repeat: no-repeat;
  background-position: right 19px center;
  background-size: 18px 17px;
}

.linkBtnArrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.linkBtnArrow:hover {
  text-decoration: none;
}
.linkBtnArrow:hover .box {
  color: #fff;
  background: #000;
}
.linkBtnArrow .box {
  display: block;
  padding: 1.3rem;
  max-width: 380px;
  text-align: center;
  font-weight: bold;
  color: #000;
  border: 1px solid #707070;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  margin-right: -35px;
}
.linkBtnArrow .box:hover {
  text-decoration: none;
  color: #fff;
  background: #000;
}
@media screen and (max-width: 767px) {
  .linkBtnArrow .box {
    margin-right: -17px;
  }
}
.linkBtnArrow .arrow {
  right: 0;
  top: 0;
}

.linkBtnArrowWrapper {
  margin: 0 auto;
  max-width: 415px;
}
@media screen and (max-width: 767px) {
  .linkBtnArrowWrapper {
    max-width: 80%;
  }
}

.skewButton {
  position: relative;
  width: 120px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .skewButton {
    width: 60px;
    height: 40px;
  }
}
.skewButton::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  display: block;
  background: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.skewButton .arrow {
  position: relative;
  z-index: 1;
}

.arrow {
  width: 70px;
  height: 14px;
  margin-top: -7px;
  border-bottom: 2px solid #000;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .arrow {
    width: 35px;
    height: 7px;
    margin-top: -3.5px;
  }
}
.arrow.-left {
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  border-left: 2px solid #000;
}
.arrow.-right {
  -webkit-transform: skewX(35deg);
  transform: skewX(35deg);
  border-right: 2px solid #000;
}

.arrowY {
  margin-right: -7px;
  width: 14px;
  height: 68px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: skewY(-35deg);
  transform: skewY(-35deg);
}

.skewArrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  font-size: 1.8rem;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .skewArrow {
    padding-top: 0;
    font-size: 1.4rem;
  }
}
.skewArrow:hover {
  text-decoration: none;
}
.skewArrow .arrow.-left {
  margin-top: -10px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .skewArrow .arrow.-left {
    margin-top: -5px;
    margin-right: 7px;
  }
}
.skewArrow:hover .arrow.-left {
  width: 60px;
}
@media screen and (max-width: 767px) {
  .skewArrow:hover .arrow.-left {
    width: 30px;
  }
}

.linkBtnCenter {
  text-align: center;
}
.linkBtnCenter .linkBtn {
  display: inline-block;
  max-width: none;
  padding-left: 1.8em;
  padding-right: 1.8em;
}

/*-------------------------------------------
topページ
-------------------------------------------*/
.topVideo {
  position: relative;
  padding-top: 43.75%;
  background: #f2f2f2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .topVideo {
    margin: 0 -10px;
  }
}
.topVideoLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0;
  z-index: 10;
}
.topVideoLogo img {
  -webkit-filter: blur(6px);
  filter: blur(6px);
  opacity: 0;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 0.8s 1.5s ease-out;
  transition: all 0.8s 1.5s ease-out;
}
.topVideoInner {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.8s 0.8s ease-out;
  transition: opacity 0.8s 0.8s ease-out;
}
.topVideoInner video {
  width: 100%;
  display: none;
}
.topVideoInner video.is_show {
  display: block;
}
.topVideoLoading {
  position: absolute;
  display: block;
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.topVideo .topVideoScroll {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8%;
  padding-bottom: 78px;
  line-height: 1;
  text-align: center;
  font-size: 2rem;
  color: #fff;
  z-index: 10;
  opacity: 0;
  -webkit-transition: all 0.8s 1.5s ease-out;
  transition: all 0.8s 1.5s ease-out;
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
.topVideo .topVideoScroll::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 10px;
  height: 50px;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: skewY(-35deg);
  transform: skewY(-35deg);
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .topVideo .topVideoScroll::after {
    -webkit-animation: scrollanime 2.5s ease-in-out infinite;
    animation: scrollanime 2.5s ease-in-out infinite;
  }
}
@media screen and (max-width: 959px) {
  .topVideo .topVideoScroll {
    padding-bottom: 15px;
    font-size: 1.2rem;
  }
  .topVideo .topVideoScroll::after {
    width: 5px;
    height: 15px;
    -webkit-animation: scrollanimeSP 2.5s ease-in-out infinite;
    animation: scrollanimeSP 2.5s ease-in-out infinite;
  }
}
.topVideo.is_show .topVideoLogo img {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.topVideo.is_show .topVideoInner {
  visibility: visible;
  opacity: 1;
}
.topVideo.is_show .topVideoScroll {
  opacity: 1;
}
.topVideo.is_show .topVideoLoading {
  -webkit-animation: fadeout 0.5s linear forwards;
  animation: fadeout 0.5s linear forwards;
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
    visibility: visible;
  }
  99% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
    visibility: visible;
  }
  99% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}

@-webkit-keyframes scrollanime {
  0% {
    height: 0;
    bottom: 0;
    top: 20px;
    opacity: 0;
  }
  70% {
    height: 50px;
    bottom: -25px;
    top: 20px;
    opacity: 1;
  }
  100% {
    height: 50px;
    bottom: -25px;
    top: 30px;
    opacity: 0;
  }
}

@keyframes scrollanime {
  0% {
    height: 0;
    bottom: 0;
    top: 20px;
    opacity: 0;
  }
  70% {
    height: 50px;
    bottom: -25px;
    top: 20px;
    opacity: 1;
  }
  100% {
    height: 50px;
    bottom: -25px;
    top: 30px;
    opacity: 0;
  }
}
@-webkit-keyframes scrollanimeSP {
  0% {
    height: 0;
    bottom: 0;
    top: 10px;
    opacity: 0;
  }
  70% {
    height: 15px;
    bottom: -15px;
    top: 10px;
    opacity: 1;
  }
  100% {
    height: 15px;
    bottom: -15px;
    top: 20px;
    opacity: 0;
  }
}
@keyframes scrollanimeSP {
  0% {
    height: 0;
    bottom: 0;
    top: 10px;
    opacity: 0;
  }
  70% {
    height: 15px;
    bottom: -15px;
    top: 10px;
    opacity: 1;
  }
  100% {
    height: 15px;
    bottom: -15px;
    top: 20px;
    opacity: 0;
  }
}
.topSlider {
  padding: 5% 0 4.375%;
  background: #666;
}
.topSlider .topSliderLink {
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.topSlider .topSliderLink:hover {
  opacity: 0.7;
}
.topSlider .swiper-pagination {
  position: static;
  margin: 40px 0 0;
  line-height: 1;
  height: 10px;
}
.topSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px;
  width: 40px;
  height: 10px;
  border-radius: 0;
  background: #444;
  vertical-align: top;
  opacity: 1;
}
.topSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}
@media screen and (max-width: 959px) {
  .topSlider .topSliderLinkWrap .topSliderLink {
    padding: 0 0 0 8px;
    width: 85px;
    height: 20px;
    line-height: 20px;
    font-size: 1rem;
    background-position: right 8px center;
    background-size: 10px auto;
  }
  .topSlider .swiper-pagination {
    margin: 20px 0 0;
    height: 5px;
  }
  .topSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    width: 20px;
    height: 5px;
  }
}
@media screen and (max-width: 767px) {
  .topSlider {
    margin: 0 -10px;
  }
}

.indexList {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .indexList {
    margin: 40px -10px 0;
  }
}
.indexList li:nth-of-type(1) {
  margin-bottom: 58px;
}
.indexList li:nth-of-type(2) {
  margin-bottom: 48px;
}
.indexList li:nth-of-type(3) {
  margin-bottom: 42px;
}
.indexList li:nth-of-type(4) {
  margin-bottom: 42px;
}
.indexList li a {
  color: #000;
  text-decoration: none;
}
.indexList li a .indexImg {
  position: relative;
  margin: 0 auto 30px;
  padding-right: 200px;
  max-width: 1600px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1600px) {
  .indexList li a .indexImg {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .indexList li a .indexImg {
    margin-bottom: 15px;
  }
}
.indexList li a .indexTextArea {
  position: relative;
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1220px) {
  .indexList li a .indexTextArea {
    padding-left: 26px;
  }
}
@media screen and (max-width: 767px) {
  .indexList li a .indexTextArea {
    padding-left: 10px;
  }
}
.indexList li a .indexTextArea .indexTitle {
  position: relative;
  display: inline-block;
  margin-bottom: 37px;
  font-size: 10rem;
  line-height: 1;
  padding-bottom: calc(3.2rem + ((1vw - 0.32rem) * 2.0454545455));
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .indexList li a .indexTextArea .indexTitle {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 959px) {
  .indexList li a .indexTextArea .indexTitle {
    font-size: calc(2rem + (1vw - 3.2px) * 10.625);
    min-height: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .indexList li a .indexTextArea .indexTitle {
    margin-bottom: 20px;
    padding-bottom: 25px;
  }
}
.indexList li a .indexTextArea .indexTitle::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 10px;
  background: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .indexList li a .indexTextArea .indexTitle::after {
    width: 40px;
    height: 5px;
  }
}
.indexList li a .indexTextArea .indexTitle + p {
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
.indexList li a .skewButton {
  position: absolute;
  right: 0;
  top: 0;
  width: 120px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 1220px) {
  .indexList li a .skewButton {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .indexList li a .skewButton {
    right: 10px;
    width: 60px;
    height: 40px;
  }
}
.indexList li a .skewButton::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  display: block;
  background: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.indexList li a .skewButton .arrow {
  position: relative;
  z-index: 1;
}
.indexList li a:hover {
  text-decoration: none;
}
.indexList li a:hover .indexImg {
  opacity: 0.7;
}
.indexList li a:hover .indexTitle::after {
  width: 100%;
}
.indexList li a:hover .skewButton::after {
  width: calc(100% + 1px);
}
.indexList li a:hover .skewButton .arrow {
  margin-right: -10px;
  width: 80px;
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  .indexList li a:hover .skewButton .arrow {
    width: 40px;
  }
}

.containerArrowBox {
  margin-top: calc(6rem + ((1vw - 0.32rem) * 4.3181818182));
  margin-bottom: calc(6rem + ((1vw - 0.32rem) * 3.1818181818));
}
@media screen and (min-width: 768px) {
  .containerArrowBox {
    margin-top: 98px;
    margin-bottom: 88px;
  }
}
.containerArrowBox .arrowBox {
  padding-left: 20px;
  height: 140px;
}
@media screen and (max-width: 767px) {
  .containerArrowBox .arrowBox {
    padding-right: 20px;
    height: 70px;
  }
}
.containerArrowBox .arrowBox .arrowBoxTitle {
  font-size: 4rem;
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .containerArrowBox .arrowBox .arrowBoxTitle {
    font-size: 2rem;
  }
}

.arrowBox {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 40px;
  padding-right: 30px;
  height: 100px;
  border: 1px solid rgb(77, 68, 68);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .arrowBox {
    padding-left: 30px;
    padding-right: 20px;
    height: 50px;
  }
}
.arrowBox div {
  position: relative;
  z-index: 1;
}
.arrowBox::after {
  content: "";
  position: absolute;
  left: -1px;
  width: 0;
  height: calc(100% + 1px);
  background: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.arrowBox .arrowBoxTitle {
  font-weight: bold;
}

.arrowBoxLink {
  -webkit-transition: none;
  transition: none;
}
.arrowBoxLink:hover {
  opacity: 1;
}
.arrowBoxLink:hover .arrowBox::after {
  width: calc(100% + 2px);
}
.arrowBoxLink:hover .arrowBoxTitle {
  color: #fff;
}
.arrowBoxLink:hover .arrow {
  margin-right: -10px;
  width: 80px;
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  .arrowBoxLink:hover .arrow {
    width: 40px;
  }
}

.topicsTitle {
  margin-top: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .topicsTitle {
    margin-top: 20px;
  }
}
.topicsTitle h2 {
  font-size: 6rem;
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .topicsTitle h2 {
    font-size: 3rem;
  }
}
.topicsTitle .backnumber {
  margin-top: -10px;
  display: inline-block;
  margin: 0 0 20px 30px;
  color: #000;
}
.topicsTitle .backnumber .arrow {
  display: inline-block;
  width: 40px;
  margin-right: 10px;
  height: 10px;
}
.topicsTitle .backnumber:hover .arrow {
  width: 50px;
}
@media screen and (max-width: 767px) {
  .topicsTitle .backnumber {
    margin-bottom: 10px;
  }
}

.topicsWrap {
  background: #eef4f9;
  padding: 30px;
  min-height: 340px;
}
@media screen and (min-width: 768px) {
  .topicsWrap .topicsList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .topicsWrap .topicsList .item {
    width: 23%;
  }
}
@media screen and (max-width: 767px) {
  .topicsWrap .topicsList .item + .item {
    margin-top: 8%;
  }
}
.topicsWrap .topicsList .item {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333;
}
.topicsWrap .topicsList .item .itemThumb {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.topicsWrap .topicsList .item .itemThumb figure {
  -webkit-transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.3%;
}
.topicsWrap .topicsList .item .itemThumb figure img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 auto;
}
.topicsWrap .topicsList .item .time {
  display: block;
}
.topicsWrap .topicsList .item .title {
  -webkit-transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.topicsWrap .topicsList .item:hover {
  text-decoration: none;
  color: #333;
}
.topicsWrap .topicsList .item:hover figure {
  opacity: 0.7;
}
.topicsWrap .topicsList .item:hover .title {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .topicsWrap .topicsList .item {
    font-size: 1.4rem;
  }
}
.topicsWrap .bl_loading {
  opacity: 0 !important;
}
@media screen and (max-width: 767px) {
  .topicsWrap {
    padding: 8%;
    margin: 0 -10px;
    min-height: 70vh;
  }
  .topicsWrap .topicsNEWS {
    height: 100vw;
    overflow-y: scroll !important;
  }
}

/*-------------------------------------------
/about/index.html
-------------------------------------------*/
.containerPageIndex {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .containerPageIndex .row {
    margin-right: 0;
  }
  .containerPageIndex .row > [class*=col] {
    padding-right: 0px;
  }
}
@media screen and (max-width: 959px) {
  .containerPageIndex .row {
    display: block;
    margin-right: 0px;
    margin-left: 0px;
  }
  .containerPageIndex .row > .col, .containerPageIndex .row > [class*=col-] {
    padding: 20px 0 0;
  }
}

.pageIndexList .arrow {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
@media screen and (max-width: 767px) {
  .pageIndexList .arrow {
    margin-top: -5px;
  }
}
.pageIndexList a.active .arrow,
.pageIndexList a:hover .arrow {
  display: block;
}
@media screen and (max-width: 767px) {
  .pageIndexList a.active,
.pageIndexList a:hover {
    background-size: 35px auto;
  }
}
.pageIndexList a:hover .arrow {
  -webkit-animation: arrowWidth 0.3s linear alternate;
  animation: arrowWidth 0.3s linear alternate;
  width: 80px;
}
@-webkit-keyframes arrowWidth {
  0% {
    width: 70px;
  }
  100% {
    width: 80px;
  }
}
@keyframes arrowWidth {
  0% {
    width: 70px;
  }
  100% {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  .pageIndexList a:hover .arrow {
    width: 40px;
  }
  @-webkit-keyframes arrowWidth {
    0% {
      width: 35px;
    }
    100% {
      width: 40px;
    }
  }
  @keyframes arrowWidth {
    0% {
      width: 35px;
    }
    100% {
      width: 40px;
    }
  }
}
.pageIndexList a {
  position: relative;
  display: inline-block;
  padding: 13px 0 13px 90px;
  font-size: 3.2rem;
  color: #000;
  line-height: 1.2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pageIndexList a:hover, .pageIndexList a.active {
  color: #999;
}
.pageIndexList a:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .pageIndexList a {
    padding: 6px 0 6px 45px;
    font-size: 2.6rem;
  }
}

#js_changeImgAbout {
  padding-top: 100%;
  height: 0;
  opacity: 1;
}
#js_changeImgAbout.img1, #js_changeImgAbout.img2, #js_changeImgAbout.img3, #js_changeImgAbout.img4 {
  -webkit-animation: 0.3s linear alternate;
  animation: 0.3s linear alternate;
  background-repeat: no-repeat;
  background-size: cover;
}
#js_changeImgAbout.img1 {
  -webkit-animation-name: img1;
  animation-name: img1;
  background-image: url(../../about/images/index_vision.jpg);
}
@-webkit-keyframes img1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes img1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#js_changeImgAbout.img2 {
  -webkit-animation-name: img2;
  animation-name: img2;
  background-image: url(../../about/images/index_design.jpg);
}
@-webkit-keyframes img2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes img2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#js_changeImgAbout.img3 {
  -webkit-animation-name: img3;
  animation-name: img3;
  background-image: url(../../about/images/index_history.jpg);
}
@-webkit-keyframes img3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes img3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#js_changeImgAbout.img4 {
  -webkit-animation-name: img4;
  animation-name: img4;
  background-image: url(../../about/images/index_corporate.jpg);
}
@-webkit-keyframes img4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes img4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*-------------------------------------------
/* /about/vision.html
-------------------------------------------*/
.contentsVision {
  position: relative;
  margin-bottom: 78px;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 0 0;
  height: 1000px;
  overflow: hidden;
  background: url(../../about/images/kv_vision.jpg) no-repeat top;
}
@media screen and (max-width: 959px) {
  .contentsVision {
    margin-bottom: 40px;
    padding: 25px 0 0;
    height: auto;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .contentsVision {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (max-width: 767px) {
  .contentsVision .contents {
    padding: 0 10px;
  }
}
.contentsVision .maskBg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: -60.2%;
  width: 100%;
  height: 602px;
  margin: 0;
  background: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 959px) {
  .contentsVision .maskBg {
    display: block;
    position: static;
    height: auto;
    -webkit-animation: none;
    animation: none;
  }
}
.contentsVision .maskBg > .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 0 60px;
  max-width: 1200px;
}
@media screen and (max-width: 959px) {
  .contentsVision .maskBg > .inner {
    display: block;
    padding: 50px 10px;
  }
}
.contentsVision .maskBg > .inner .maskBgTitleArea {
  width: 35%;
  opacity: 0;
}
@media screen and (max-width: 959px) {
  .contentsVision .maskBg > .inner .maskBgTitleArea {
    width: auto;
    opacity: 1;
    -webkit-animation: none;
    animation: none;
  }
}
.contentsVision .maskBg > .inner .maskBgTitleArea .beautifulTitle {
  color: #fff;
  line-height: 1.2;
  font-size: 5rem;
}
@media screen and (max-width: 959px) {
  .contentsVision .maskBg > .inner .maskBgTitleArea .beautifulTitle {
    font-size: 3.6rem;
  }
}
.contentsVision .maskBg > .inner .maskBgTitleArea .beautifulTitle span {
  display: block;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
.contentsVision .maskBg > .inner .maskBgTitleArea .beautifulTitleSub {
  margin: 25px 0 0;
  font-size: 2.1rem;
  color: #fff;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 959px) {
  .contentsVision .maskBg > .inner .maskBgTitleArea .beautifulTitleSub {
    margin: 15px 0 30px;
    font-size: 1.8rem;
  }
}
.contentsVision .maskBg > .inner .maskBgTextArea {
  width: 65%;
  opacity: 0;
  color: #fff;
  font-size: 1.8rem;
  line-height: 2.2222222222;
}
@media screen and (max-width: 959px) {
  .contentsVision .maskBg > .inner .maskBgTextArea {
    width: auto;
    opacity: 1;
    -webkit-animation: none;
    animation: none;
  }
}
@media screen and (max-width: 767px) {
  .contentsVision .maskBg > .inner .maskBgTextArea {
    font-size: 1.6rem;
  }
}
.contentsVision .maskBg.isShow {
  -webkit-animation: mask1 1s ease 0.3s forwards;
  animation: mask1 1s ease 0.3s forwards;
}
@-webkit-keyframes mask1 {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}
@keyframes mask1 {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}
.contentsVision .maskBg.isShow .maskBgTitleArea {
  -webkit-animation: mask2 1s ease 1.3s forwards;
  animation: mask2 1s ease 1.3s forwards;
}
@-webkit-keyframes mask2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mask2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.contentsVision .maskBg.isShow .maskBgTextArea {
  -webkit-animation: mask3 1s ease 1.8s forwards;
  animation: mask3 1s ease 1.8s forwards;
}
@-webkit-keyframes mask3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mask3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 959px) {
  @-webkit-keyframes mask1 {
    0% {
      bottom: 0;
    }
    100% {
      bottom: 0;
    }
  }
  @keyframes mask1 {
    0% {
      bottom: 0;
    }
    100% {
      bottom: 0;
    }
  }
  @-webkit-keyframes mask2 {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes mask2 {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes mask3 {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes mask3 {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
}

.visionValues {
  margin-bottom: 100px;
}
.visionValues > * {
  opacity: 0;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.visionValues > *.isShow {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.visionValues .heading {
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
  font-size: 5rem;
  line-height: 1;
  margin: 0 0 70px;
}
.visionValues .subHeading {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 30px;
}
.visionValues .discList {
  margin-left: 1.5rem;
}
.visionValues .discList li {
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .visionValues {
    margin-bottom: 60px;
  }
  .visionValues .intro {
    font-size: 1.6rem;
  }
  .visionValues .heading {
    font-size: 2.4rem;
    margin: 0 0 35px;
  }
  .visionValues .subHeading {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  .visionValues .discList li {
    font-size: 1.6rem;
  }
}

.contentsVisionBtm {
  margin-top: 100px;
  padding: 100px 0;
  background: #666;
}
@media screen and (max-width: 767px) {
  .contentsVisionBtm {
    margin: 60px -10px 0;
    padding: 60px 10px;
  }
}
.contentsVisionBtm .containerVisionBtm {
  margin-bottom: 100px;
}
.contentsVisionBtm .containerVisionBtm .row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.contentsVisionBtm .containerVisionBtm .text {
  font-weight: bold;
  font-size: 2.8rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .contentsVisionBtm .containerVisionBtm {
    margin: 0;
  }
  .contentsVisionBtm .containerVisionBtm .text {
    font-size: 1.8rem;
  }
}
.contentsVisionBtm .containerVisionBtmLink {
  display: block;
}
.contentsVisionBtm .containerVisionBtmLink .title {
  line-height: 1.3;
  font-weight: bold;
  font-size: 2.8rem;
  color: #fff;
}
.contentsVisionBtm .containerVisionBtmLink .subTitle {
  line-height: 1.3;
  font-size: 2.6rem;
  color: #fff;
}
.contentsVisionBtm .containerVisionBtmLink .text {
  margin-top: 50px;
  font-size: 1.6rem;
  color: #fff;
}
.contentsVisionBtm .containerVisionBtmLink .link {
  margin-top: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.contentsVisionBtm .containerVisionBtmLink .link span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
}
.contentsVisionBtm .containerVisionBtmLink .link span .skewButton {
  margin-left: 37px;
  border-color: #fff;
}
.contentsVisionBtm .containerVisionBtmLink .link span .skewButton::after {
  background: #fff;
}
.contentsVisionBtm .containerVisionBtmLink .link span .skewButton .arrow {
  border-color: #fff;
}
.contentsVisionBtm .containerVisionBtmLink:hover {
  text-decoration: none;
}
.contentsVisionBtm .containerVisionBtmLink:hover .link span .skewButton::after {
  width: calc(100% + 1px);
}
.contentsVisionBtm .containerVisionBtmLink:hover .link span .skewButton .arrow {
  border-color: #666;
}
.contentsVisionBtm .containerVisionBtmLink + .containerVisionBtmLink {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .contentsVisionBtm .containerVisionBtmLink .title {
    font-size: 2.4rem;
  }
  .contentsVisionBtm .containerVisionBtmLink .subTitle {
    font-size: 2.2rem;
  }
  .contentsVisionBtm .containerVisionBtmLink .text {
    margin-top: 20px;
  }
  .contentsVisionBtm .containerVisionBtmLink .link {
    margin-top: 20px;
  }
  .contentsVisionBtm .containerVisionBtmLink .link a .skewButton {
    margin-left: 20px;
  }
  .contentsVisionBtm .containerVisionBtmLink + .containerVisionBtmLink {
    margin-top: 40px;
  }
}

.kvLinkArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}
.kvLinkArea.kvLinkListOnly {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.kvLinkArea .kvArrowLink {
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}

.kvLinkArea .js_spMenuOpenButton {
  display: none;
}
@media screen and (max-width: 959px) {
  .kvLinkArea .js_spMenuOpenButton {
    display: block;
    position: relative;
    margin-top: 5px;
    padding-right: 23px;
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1;
    color: #000;
  }
  .kvLinkArea .js_spMenuOpenButton::before, .kvLinkArea .js_spMenuOpenButton::after {
    content: "";
    position: absolute;
    display: block;
    height: 4px;
    background-color: #000;
  }
  .kvLinkArea .js_spMenuOpenButton::before {
    right: 0;
    top: 0;
    width: 15px;
  }
  .kvLinkArea .js_spMenuOpenButton::after {
    right: 5px;
    top: 7px;
    width: 10px;
  }
  .kvLinkArea .js_spMenuOpenButton .title {
    font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 959px) {
  .kvLinkArea .spShowArea {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    margin-top: 70px;
    height: calc(100% - 70px);
    overflow-y: scroll;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 100;
  }
}
@media screen and (max-width: 767px) {
  .kvLinkArea .spShowArea {
    margin-top: 50px;
    height: calc(100% - 50px);
  }
}
@media screen and (max-width: 959px) {
  .kvLinkArea.open .spShowArea {
    right: 0;
    background: #000;
  }
}
.kvLinkArea.open .spShowArea::before {
  right: 0;
}
.kvLinkArea .js_spMenuCloseButton {
  display: none;
}
@media screen and (max-width: 959px) {
  .kvLinkArea .js_spMenuCloseButton {
    position: absolute;
    right: 20px;
    top: 30px;
    width: 20px;
    height: 20px;
    z-index: 1001;
  }
  .kvLinkArea .js_spMenuCloseButton::before, .kvLinkArea .js_spMenuCloseButton::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 1px;
    background: #fff;
  }
  .kvLinkArea .js_spMenuCloseButton::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .kvLinkArea .js_spMenuCloseButton::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}
@media screen and (max-width: 959px) {
  .kvLinkArea.open .js_spMenuCloseButton {
    display: block;
  }
}

.kvLinkVideoWrap {
  position: relative;
  padding-top: 25%;
  margin-bottom: 100px;
  overflow: hidden;
}
@media screen and (max-width: 959px) {
  .kvLinkVideoWrap {
    position: static;
    padding-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .kvLinkVideoWrap {
    margin-bottom: 50px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
.kvLinkVideoWrap .kvLinkArea {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .kvLinkVideoWrap .kvLinkArea .kvArrowLink {
    margin-left: 10px;
  }
}
@media screen and (max-width: 959px) {
  .kvLinkVideoWrap .kvLinkArea {
    position: static;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 959px) {
  .kvLinkVideoWrap .kvVideoArea {
    position: relative;
  }
}
.kvLinkVideoWrap .kvVideoArea .lv1Heading {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
}
@media screen and (max-width: 1200px) {
  .kvLinkVideoWrap .kvVideoArea .lv1Heading {
    left: 10px;
  }
}
.kvLinkVideoWrap .kvVideoArea .kvVideo {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 959px) {
  .kvLinkVideoWrap .kvVideoArea .kvVideo {
    position: static;
    -webkit-transform: none;
    transform: none;
  }
}
.kvLinkVideoWrap .kvVideoArea .kvVideo.show {
  display: block;
}
.kvLinkVideoWrap .kvVideoArea .kvVideo video {
  width: 100%;
}

@media screen and (min-width: 960px) {
  .colorChangeArea .kvArrowLink .skewArrow,
.colorChangeArea .kvLinkList a,
.colorChangeArea .kvLinkList a.current {
    color: #fff;
  }
}
.colorChangeArea .lv1Heading {
  color: #fff;
}
@media screen and (min-width: 960px) {
  .colorChangeArea .kvArrowLink .arrow {
    border-color: #fff;
  }
}
@media screen and (min-width: 960px) {
  .colorChangeArea .kvLinkList a.current,
.colorChangeArea .kvLinkList a:hover {
    color: #000;
    background: #fff;
  }
}

.colorChangeArea.colorChange .kvArrowLink .skewArrow,
.colorChangeArea.colorChange .kvLinkList .arrow.-left {
  color: #000;
}
@media screen and (min-width: 960px) {
  .colorChangeArea.colorChange .kvLinkList a {
    color: #000;
  }
}
@media screen and (max-width: 767px) {
  .colorChangeArea.colorChange .kvLinkList a {
    color: #fff;
  }
}
.colorChangeArea.colorChange .lv1Heading {
  color: #000;
}
.colorChangeArea.colorChange .kvArrowLink .arrow {
  border-color: #000;
}
.colorChangeArea.colorChange .kvLinkList a.current,
.colorChangeArea.colorChange .kvLinkList a:hover {
  color: #fff;
  background: #000;
}

.kvBg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 400px;
  background-position: center;
  background-repeat: no-repeat;
}
.kvBg.kvSwatches {
  background-image: url(../../swatch/images/kv_swatches.jpg);
  background-size: 1600px auto;
}
@media screen and (max-width: 767px) {
  .kvBg {
    padding: 30px 10px;
    margin: 0 -10px 5rem;
    min-height: auto;
    background-size: cover;
  }
}

.kvLinkList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (max-width: 959px) {
  .kvLinkList {
    display: block;
    margin-left: 0;
    margin-right: 0;
    padding-top: 50px;
  }
}
.kvLinkList > li {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 959px) {
  .kvLinkList > li {
    padding: 0;
  }
}
.kvLinkList > li > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 12px 6px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 960px) {
  .kvLinkList > li > a {
    font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 600;
  }
}
@media screen and (max-width: 959px) {
  .kvLinkList > li > a {
    padding: 1.5rem 5%;
    color: #fff;
    background: #000;
  }
}
.kvLinkList > li > a:hover, .kvLinkList > li > a.current {
  text-decoration: none;
  color: #fff;
  background: #000;
}
.kvLinkList > li > a.current {
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
.kvLinkList.-fz16 > li > a {
  font-size: 1.6rem;
}

/*-------------------------------------------
/* /about/design_technologies/
-------------------------------------------*/
.containerFutureDesign {
  margin-top: 50px;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .containerFutureDesign {
    margin-top: 25px;
    margin-bottom: 30px;
  }
}
.containerFutureDesign > .inner {
  padding: 60px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .containerFutureDesign > .inner {
    padding: 30px 20px;
  }
}
.containerFutureDesign > .inner .productsFutureTitle {
  margin-bottom: 30px;
  font-size: 2.8rem;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .containerFutureDesign > .inner .productsFutureTitle {
    margin-bottom: 15px;
    font-size: 3.6505867014vw;
  }
}
.containerFutureDesign > .inner .productsFutureTitle img {
  margin-left: 13px;
  vertical-align: sub;
}
@media screen and (max-width: 767px) {
  .containerFutureDesign > .inner .productsFutureTitle img {
    margin-left: 1.7333333333vw;
    vertical-align: inherit;
  }
}
@media screen and (max-width: 767px) {
  .containerFutureDesign > .inner .productsFutureTitle.usTitle1 img {
    width: 20vw;
  }
}
@media screen and (max-width: 767px) {
  .containerFutureDesign > .inner .productsFutureTitle.usTitle2 img {
    width: 22.6666666667vw;
  }
}
.containerFutureDesign > .inner .productsFutureList li {
  font-size: 2.5rem;
}
@media screen and (max-width: 767px) {
  .containerFutureDesign > .inner .productsFutureList li {
    font-size: 1.6rem;
  }
}
.containerFutureDesign > .inner .productsFutureList li::before {
  top: -4px;
}

.bgcAreaFunction.bgcArea {
  padding-bottom: 60px;
}

.tabContents {
  display: none;
}
@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tabContents.show {
  display: block;
  -webkit-animation: show 0.3s linear 0s;
  animation: show 0.3s linear 0s;
}
.tabContents .lv2Heading:first-child {
  margin-top: 40px;
}

.usLinkListWrap {
  border-bottom: 10px solid #000;
}
@media screen and (max-width: 767px) {
  .usLinkListWrap {
    border-bottom-width: 6px;
  }
}
.usLinkListWrap .usLinkList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px -1px;
}
.usLinkListWrap .usLinkList li {
  padding: 0 5px;
}
@media screen and (max-width: 959px) {
  .usLinkListWrap .usLinkList li {
    width: 50%;
  }
}
.usLinkListWrap .usLinkList li .tab {
  cursor: pointer;
}
.usLinkListWrap .usLinkList li a {
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.usLinkListWrap .usLinkList li .usTitle.active,
.usLinkListWrap .usLinkList li a:hover {
  background: #000;
}
.usLinkListWrap .usLinkList li .tab:not(.active) img:nth-of-type(2) {
  opacity: 1;
}
.usLinkListWrap .usLinkList li .tab:not(.active):hover img:nth-of-type(1) {
  opacity: 1;
}
.usLinkListWrap .usLinkList li .tab:not(.active):hover img:nth-of-type(2) {
  opacity: 0;
}
.usLinkListWrap .usLinkList li .tab.active img:nth-of-type(2) {
  opacity: 0;
}

.usTitle {
  position: relative;
  display: block;
  width: 400px;
  padding: 25% 0 0;
  text-align: center;
  border: 1px solid #000;
  border-bottom: none;
  background: #000;
}
@media screen and (max-width: 959px) {
  .usTitle {
    width: 100%;
  }
}
.usTitle img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 767px) {
  .usTitle img {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.usTitle1 img {
  width: 225px;
}
@media screen and (max-width: 767px) {
  .usTitle1 img {
    width: 150px;
  }
}

.usTitle2 img {
  width: 274px;
}
@media screen and (max-width: 767px) {
  .usTitle2 img {
    width: 170px;
  }
}

.lumpEnd .ultrasuedeStructure {
  padding-left: 25px;
}
@media screen and (max-width: 767px) {
  .lumpEnd .ultrasuedeStructure {
    padding-left: 0;
    padding-top: 20px;
  }
}
.lumpEnd .ultrasuedeStructure > li:not(:last-child) {
  margin-bottom: 37px;
}
@media screen and (max-width: 767px) {
  .lumpEnd .ultrasuedeStructure > li:not(:last-child) {
    margin-bottom: 25px;
  }
}
.lumpEnd .ultrasuedeStructure > li dt {
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .lumpEnd .ultrasuedeStructure > li dt {
    font-size: 1.8rem;
  }
}
.lumpEnd .ultrasuedeStructure > li dt span {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .lumpEnd .ultrasuedeStructure > li dt span {
    margin-right: 10px;
  }
}
.lumpEnd .ultrasuedeStructure > li dd {
  font-size: 1.6rem;
  line-height: 1.75;
}

.ultrasuedeStructure > li {
  list-style: none;
  margin-left: 0;
}
.ultrasuedeStructure > li dt {
  margin-bottom: 20px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .ultrasuedeStructure > li dt {
    margin-bottom: 10px;
  }
}
.ultrasuedeStructure > li dt span {
  display: inline-block;
  width: 40px;
  height: 40px;
  font-size: 2.1rem;
  line-height: 40px;
  text-align: center;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
  color: #fff;
  border-radius: 50%;
  background: #000;
}
@media screen and (max-width: 767px) {
  .ultrasuedeStructure > li dt span {
    width: 20px;
    height: 20px;
    font-size: 1.6rem;
    line-height: 20px;
    position: relative;
    top: -2px;
  }
}
.ultrasuedeStructure > li dd {
  line-height: 2;
}
.ultrasuedeStructure.-Nu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
}
@media screen and (max-width: 767px) {
  .ultrasuedeStructure.-Nu {
    display: block;
    margin: 0;
  }
}
.ultrasuedeStructure.-Nu > li {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .ultrasuedeStructure.-Nu > li {
    width: auto;
    padding: 0;
  }
  .ultrasuedeStructure.-Nu > li:first-child {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .ultrasuedeStructure.-Nu > li dt span {
    margin-right: 0;
  }
}

.containerNuImg {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .containerNuImg {
    margin-bottom: 20px;
  }
}
.containerNuImg .heading {
  margin-bottom: 2rem;
  padding: 0;
  font-weight: bold;
  color: #000;
}
@media screen and (max-width: 767px) {
  .containerNuImg .row > .col, .containerNuImg .row > [class*=col-] {
    padding-top: 30px;
  }
}

.hrBlack {
  padding: 0;
  border: none;
  height: 10px;
  margin: 80px 0 70px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .hrBlack {
    height: 6px;
    margin: 40px 0 35px;
  }
}

.containerDesignTechnology {
  margin-top: 30px;
}
.containerDesignTechnology .designTechnologyList01 > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.containerDesignTechnology .designTechnologyList01 > li:not(:last-child) {
  margin-bottom: 20px;
}
.containerDesignTechnology .designTechnologyList01 > li .designTechnologyImg {
  margin-right: 40px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 27%;
  -ms-flex: 0 0 27%;
  flex: 0 0 27%;
  max-width: 208px;
}
@media screen and (max-width: 767px) {
  .containerDesignTechnology .designTechnologyList01 > li .designTechnologyImg {
    margin-right: 15px;
    min-width: 104px;
  }
}
.containerDesignTechnology .designTechnologyList01 > li .designTechnologyDl dt {
  margin-bottom: 12px;
  font-weight: bold;
}
.containerDesignTechnology .designTechnologyList01 > li .designTechnologyDl dd {
  font-size: 1.6rem;
}
.containerDesignTechnology .designTechnologyList02Wrap {
  overflow: hidden;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .containerDesignTechnology .designTechnologyList02Wrap {
    padding-bottom: 0;
  }
}
.containerDesignTechnology .designTechnologyList02Wrap .designTechnologyList02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -19px;
  margin-right: -19px;
  margin-bottom: -60px;
}
@media screen and (max-width: 767px) {
  .containerDesignTechnology .designTechnologyList02Wrap .designTechnologyList02 {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -30px;
  }
}
.containerDesignTechnology .designTechnologyList02Wrap .designTechnologyList02 > li {
  width: 33.3333333333%;
  margin-bottom: 60px;
  padding-left: 19px;
  padding-right: 19px;
}
@media screen and (max-width: 767px) {
  .containerDesignTechnology .designTechnologyList02Wrap .designTechnologyList02 > li {
    width: 50%;
    margin-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.containerDesignTechnology .designTechnologyList02Wrap .designTechnologyList02 > li .designTechnologyImg {
  text-align: center;
}
.containerDesignTechnology .designTechnologyList02Wrap .designTechnologyList02 > li .designTechnologyDl dt {
  margin-top: 17px;
  margin-bottom: 12px;
  font-weight: bold;
}
.containerDesignTechnology .designTechnologyList02Wrap .designTechnologyList02 > li .designTechnologyDl dd {
  font-size: 1.6rem;
}

.worldImg {
  margin-bottom: -88px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .worldImg {
    margin-bottom: -58px;
  }
}

.worldDetail {
  margin-bottom: -80px;
  padding: 60px 0 100px;
}
@media screen and (max-width: 767px) {
  .worldDetail {
    margin-left: -10px;
    margin-right: -10px;
    padding: 50px 10px;
    background-position: center;
  }
}
.worldDetail dl {
  display: table;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .worldDetail dl {
    display: block;
  }
}
.worldDetail dl:not(:last-child) {
  margin-bottom: 3rem;
}
.worldDetail dl dt, .worldDetail dl dd {
  display: table-cell;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .worldDetail dl dt, .worldDetail dl dd {
    display: block;
  }
}
.worldDetail dl dt {
  font-weight: bold;
  width: 260px;
}
@media screen and (max-width: 767px) {
  .worldDetail dl dt {
    width: auto;
  }
}
.worldDetail dl dt .city01,
.worldDetail dl dt .city02,
.worldDetail dl dt .city03 {
  display: inline-block;
  margin-right: 10px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
}
.worldDetail dl dt .city01 {
  border: 2px solid #000;
  background: #4F8BCA;
}
.worldDetail dl dt .city02 {
  background: #4F8BCA;
}
.worldDetail dl dt .city03 {
  background: #F39151;
}

/*-------------------------------------------
/* /about/design_technologies/demo_01.html
   /about/design_technologies/demo_02.html
-------------------------------------------*/
.demoBox {
  margin-top: 60px;
  margin-left: 50px;
  margin-right: 50px;
  background: #fff;
  border: 6px solid #000;
}
@media screen and (max-width: 767px) {
  .demoBox {
    margin-top: 30px;
    margin-left: 0px;
    margin-right: 0px;
    border: 3px solid #000;
  }
}
.demoBox.demoBoxLink {
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 95px;
}
@media screen and (max-width: 767px) {
  .demoBox.demoBoxLink {
    margin-top: 0;
    margin-bottom: 47px;
  }
}
.demoBox .demoHeading {
  position: relative;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  padding: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #000;
  min-height: 100px;
  font-weight: bold;
  font-size: 2.4rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .demoBox .demoHeading {
    min-height: auto;
    font-size: 1.8rem;
  }
}
.demoBox .demoLinkList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -1px;
  margin-right: -1px;
  margin-left: -2px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .demoBox .demoLinkList.demoLinkList01 li {
    width: 100%;
  }
  .demoBox .demoLinkList.demoLinkList01 li:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .demoBox .demoLinkList.demoLinkList01 li:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .demoBox .demoLinkList.demoLinkList01 li:nth-child(3) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .demoBox .demoLinkList.demoLinkList01 li:nth-child(4) {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .demoBox .demoLinkList.demoLinkList01 li:nth-child(5) {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
}
.demoBox .demoLinkList li {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.demoBox .demoLinkList li a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 60px 30px 40px;
  font-weight: bold;
  font-size: 2.4rem;
  color: #000;
  border-right: 1px dashed #000;
  border-bottom: 1px dashed #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .demoBox .demoLinkList li a {
    padding: 15px 40px 15px 20px;
    font-size: 1.6rem;
    border-right: none;
  }
}
.demoBox .demoLinkList li a .arrowY {
  position: absolute;
  right: 29px;
  top: 50%;
  margin-top: -28px;
  width: 14px;
  height: 38px;
}
@media screen and (max-width: 767px) {
  .demoBox .demoLinkList li a .arrowY {
    right: 23px;
    margin-top: -14px;
    width: 7px;
    height: 19px;
  }
}
.demoBox .demoLinkList li a:hover {
  text-decoration: none;
  color: #fff;
  background: #000;
}
.demoBox .demoLinkList li a:hover .arrowY {
  border-color: #fff;
}
.demoBox > .inner {
  padding: 30px 40px 50px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .demoBox > .inner {
    padding: 15px 20px 25px;
  }
}
.demoBox > .inner .demoHeadingLv3 {
  margin-bottom: 15px;
  font-weight: bold;
  color: #039FC4;
}
.demoBox > .inner .demoHeadingLv3 + .container {
  margin-top: 0;
}
.demoBox > .inner > .container {
  padding: 0 30px;
}
@media screen and (max-width: 959px) {
  .demoBox > .inner > .container {
    padding: 0 15px;
  }
}
.demoBox > .inner > .container .row {
  margin-left: -20px;
  margin-right: -20px;
}
.demoBox > .inner > .container .row > [class*=col] {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .demoBox > .inner > .container .row {
    margin: 0;
  }
}
.demoBox > .inner > .container .row + .xsmall {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 768px) {
  .demoBox > .inner > .container .row + .row {
    margin-top: 20px;
  }
}
.demoBox > .inner > .container + .demoHeadingLv3 {
  margin-top: 35px;
}
.demoBox > .inner .containerDemoType01.container .row {
  margin-left: -45px;
  margin-right: -45px;
}
.demoBox > .inner .containerDemoType01.container .row > [class*=col] {
  padding-left: 45px;
  padding-right: 45px;
}
.demoBox > .inner .containerDemoType02.container .row {
  margin-left: -35px;
  margin-right: -35px;
}
.demoBox > .inner .containerDemoType02.container .row > [class*=col] {
  padding-left: 35px;
  padding-right: 35px;
}
.demoBox > .inner .containerDemoType03.container .row {
  margin-left: -30px;
  margin-right: -30px;
}
.demoBox > .inner .containerDemoType03.container .row > [class*=col] {
  padding-left: 30px;
  padding-right: 30px;
}
.demoBox > .inner .containerDemoType04.container .row {
  margin-left: -60px;
  margin-right: -60px;
}
.demoBox > .inner .containerDemoType04.container .row > [class*=col] {
  padding-left: 60px;
  padding-right: 60px;
}
@media screen and (max-width: 959px) {
  .demoBox > .inner .containerFlexCancelTablet.container > .row {
    display: block;
    margin: 0;
  }
}
@media screen and (max-width: 959px) {
  .demoBox > .inner .containerFlexCancelTablet.container > .row [class*=col-] {
    max-width: none;
  }
}
@media screen and (max-width: 959px) {
  .demoBox > .inner .containerFlexCancelTablet.container > .row > [class*=col] {
    padding: 0;
    margin: 0 0 15px;
  }
}
.demoBox + .noteList {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .demoBox + .noteList {
    margin-top: 17px;
  }
}

@media screen and (min-width: 768px) {
  .containerDemoBag .lumpMix .lumpR {
    margin: 0 0 0 20px;
  }
}
@media screen and (max-width: 959px) {
  .containerDemoBag .lumpMix .lumpR {
    margin: 0 auto 20px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .containerDemoBag .boxDetailLumpR img {
    max-width: 183px;
  }
}
@media screen and (max-width: 767px) {
  .containerDemoBag .boxDetailLumpR img {
    width: auto !important;
  }
}
@media screen and (max-width: 959px) {
  .containerDemoBag .boxDetailLumpR {
    float: none;
    margin: 0 0 15px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .containerDemoBag .boxDetailLumpMix dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.containerDemoBag .boxDetailLumpMix dl dt {
  margin-bottom: 20px;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .containerDemoBag .boxDetailLumpMix dl dt {
    margin-bottom: 0;
  }
}
.containerDemoBag .boxDetailLumpMix dl dd {
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
.containerDemoBag .boxDetailLumpMix dl dd.blue {
  font-size: 3.6rem;
  color: #039FC4;
}
@media screen and (max-width: 767px) {
  .containerDemoBag .boxDetailLumpMix dl dd.blue {
    font-size: 2.4rem;
  }
}

.boxDetail > dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.boxDetail > dl > dt {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .boxDetail > dl > dt {
    font-size: 1.4rem;
  }
}
.boxDetail > dl > dd {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .boxDetail > dl > dd {
    font-size: 1.6rem;
  }
}
.boxDetail > dl > dd.blue {
  margin-top: -5px;
  line-height: 1.1;
  font-weight: bold;
  font-size: 2.4rem;
  color: #039FC4;
}
@media screen and (max-width: 767px) {
  .boxDetail > dl > dd.blue {
    font-size: 1.6rem;
  }
}
.boxDetail > dl > dd.blue span {
  font-size: 3.6rem;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .boxDetail > dl > dd.blue span {
    font-size: 2.4rem;
  }
}
.boxDetail > dl > dd .boxDetailInnerTable th, .boxDetail > dl > dd .boxDetailInnerTable td {
  vertical-align: bottom;
}
.boxDetail > dl > dd .boxDetailInnerTable th {
  text-align: left;
  font-weight: normal;
}
.boxDetail > dl > dd .boxDetailInnerTable td {
  padding-left: 1em;
  text-align: right;
}
.boxDetail > dl > dd .boxDetailInnerTable.blue {
  margin-top: -5px;
  line-height: 1.1;
}
.boxDetail > dl > dd .boxDetailInnerTable.blue th, .boxDetail > dl > dd .boxDetailInnerTable.blue td {
  font-weight: bold;
  font-size: 2.4rem;
  color: #039FC4;
}
@media screen and (max-width: 767px) {
  .boxDetail > dl > dd .boxDetailInnerTable.blue {
    font-size: 1.6rem;
  }
}
.boxDetail > dl > dd .boxDetailInnerTable.blue td span {
  font-size: 3.6rem;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .boxDetail > dl > dd .boxDetailInnerTable.blue td span {
    font-size: 2.4rem;
  }
}
.boxDetail > dl > dd .silver {
  color: #A5A5A5;
}

.demoUsImg {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .demoUsImg {
    text-align: center;
  }
}
.demoUsImg img {
  width: auto !important;
}

.demoGraph {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  display: block;
  margin: 0 auto;
  max-width: 800px;
}
.demoGraph img {
  display: block;
  margin: 0 auto;
  padding: 30px 55px 22px;
  width: 100%;
  border: 1px solid #707070;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .demoGraph img {
    padding: 30px 20px 22px;
  }
}

.demoGraphFig {
  display: block;
  margin-top: 10px;
  text-align: right;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .demoGraphFig {
    padding-right: 30px;
  }
}

/*-------------------------------------------
/* /about/history.html
-------------------------------------------*/
.historyList > li {
  margin-left: 0;
  list-style: none;
}
.historyList > li .col-md-6 .lv2Heading {
  margin-top: 30px;
}
@media screen and (max-width: 1200px) {
  .historyList > li .row {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  .historyList > li .row > [class*=col] {
    padding-left: 0;
    padding-right: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: none;
  }
  .historyList > li .row > .col, .historyList > li .row > [class*=col-] {
    padding: 0;
  }
}
.historyList > li .history1970 {
  position: relative;
  padding-bottom: 150px;
}
@media screen and (max-width: 1200px) {
  .historyList > li .history1970 {
    padding-bottom: 0;
  }
}
.historyList > li .history1970 .historyYear {
  position: absolute;
  left: 130px;
  bottom: 0;
  text-align: center;
  line-height: 1;
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
  font-size: 16rem;
}
@media screen and (max-width: 1200px) {
  .historyList > li .history1970 .historyYear {
    position: static;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .historyList > li .history1970 .historyYear {
    font-size: 8rem;
  }
}
.historyList > li .historyTitle {
  line-height: 1.2;
  text-align: center;
  font-size: 15rem;
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .historyList > li .historyTitle {
    font-size: 7.5rem;
  }
}
.historyList > li .arrowY {
  position: relative;
  left: 4px;
  margin-left: auto;
  margin-right: auto;
  border-width: 4px;
}
.historyList > li .nowImgList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
}
@media screen and (max-width: 1200px) {
  .historyList > li .nowImgList {
    display: block;
    margin-top: 50px;
    text-align: center;
  }
}
.historyList > li .nowImgList > li {
  margin-left: 0;
  list-style: none;
}
.historyList > li:nth-child(2) .container {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .historyList > li:nth-child(2) .container {
    margin-top: 0;
  }
}
.historyList .js_anim.historyYear {
  vertical-align: top;
}
.historyList .js_anim.historyYear p {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.historyList .js_anim.historyYear .arrowY {
  -webkit-transition: all 0.5s 0.5s ease-out;
  transition: all 0.5s 0.5s ease-out;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: scaleY(0) skewY(-35deg);
  transform: scaleY(0) skewY(-35deg);
}
.historyList .js_anim.historyYear.is_scrollin p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.historyList .js_anim.historyYear.is_scrollin .arrowY {
  -webkit-transform: scaleY(1) skewY(-35deg);
  transform: scaleY(1) skewY(-35deg);
}
.historyList .js_anim.historyTitle {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 1s 0.5s ease-out;
  transition: all 1s 0.5s ease-out;
}
.historyList .js_anim.historyTitle.is_scrollin {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.historyList .js_anim.historyNowText {
  opacity: 0;
  -webkit-transition: all 0.5s 1s ease-out;
  transition: all 0.5s 1s ease-out;
}
.historyList .js_anim.historyNowText.is_scrollin {
  opacity: 1;
}
.historyList .js_anim.nowImgList {
  opacity: 0;
  -webkit-transition: all 2s 0.5s ease-out;
  transition: all 2s 0.5s ease-out;
}
.historyList .js_anim.nowImgList.is_scrollin {
  opacity: 1;
}

/*-------------------------------------------
/* /about/corporate.html
-------------------------------------------*/
.corporateLv2Heading {
  font-size: 3.6rem;
  font-weight: bold;
}

.corporateLv3Heading {
  margin-bottom: 30px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .containerCorporate .col-md-4 .lv3Heading:not(:first-child) {
    padding-top: 20px;
  }
}
.containerCorporate .col-md-4 .lv3Heading {
  margin-top: 50px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .containerCorporate .col-md-4 .lv3Heading {
    margin-top: 20px;
  }
}

/*-------------------------------------------
/* /products/index.html
-------------------------------------------*/
.kvLinkList.-dropMenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
@media screen and (max-width: 959px) {
  .kvLinkList.-dropMenu {
    display: block;
  }
}
.kvLinkList.-dropMenu > li {
  position: relative;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 959px) {
  .kvLinkList.-dropMenu > li {
    width: auto;
    display: block;
  }
}
.kvLinkList.-dropMenu > li:not(:last-child) {
  margin-right: 52px;
}
@media screen and (max-width: 959px) {
  .kvLinkList.-dropMenu > li:not(:last-child) {
    margin-bottom: 1rem;
    margin-right: 0;
  }
}
@media screen and (max-width: 959px) {
  .kvLinkList.-dropMenu > li > a {
    display: block;
  }
}
.kvLinkList.-dropMenu > li > a.open {
  color: #fff;
  background: #000;
}
.kvLinkList.-dropMenu .dropMenuList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50px;
  left: 0;
  padding: 10px 0;
  background: #000;
}
@media screen and (max-width: 959px) {
  .kvLinkList.-dropMenu .dropMenuList {
    position: static;
    padding-left: 10%;
    padding-right: 10%;
  }
}
.kvLinkList.-dropMenu .dropMenuList::before {
  content: "";
  position: absolute;
  left: 40px;
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 10px 6px;
  border-color: transparent transparent #000 transparent;
}
@media screen and (max-width: 959px) {
  .kvLinkList.-dropMenu .dropMenuList::before {
    display: none;
  }
}
.kvLinkList.-dropMenu .dropMenuList li a {
  display: block;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 30px;
  padding-right: 30px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
.kvLinkList.-dropMenu .dropMenuList li a.current {
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
.kvLinkList.-dropMenu .dropMenuList li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 959px) {
  .kvLinkList.-dropMenu .dropMenuList li a {
    padding-right: 0;
    padding-top: 0;
    padding-left: 0;
    text-align: left;
  }
}
@media screen and (min-width: 960px) {
  .kvLinkList.-dropMenu .js_child {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
  }
  .kvLinkList.-dropMenu .js_child.close {
    visibility: hidden;
    opacity: 0;
  }
  .kvLinkList.-dropMenu .js_child.open {
    visibility: visible;
    opacity: 1;
  }
  .kvLinkList.-dropMenu .js_parent.current + .js_child {
    visibility: visible;
    opacity: 1;
  }
  .kvLinkList.-dropMenu .js_parent.current + .js_child.close {
    visibility: hidden;
    opacity: 0;
  }
  .kvLinkList.-dropMenu .js_parent.current + .js_child.open {
    opacity: 1;
    visibility: visible;
  }
}
.kvLinkList.-dropMenu.-products .dropMenuList li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}
.kvLinkList.-dropMenu.-products .dropMenuList li:last-child a {
  text-align: left;
}
@media screen and (min-width: 960px) {
  .kvLinkList.-dropMenu.-products .dropMenuList.-us {
    display: block;
    min-width: 410px;
  }
  .kvLinkList.-dropMenu.-products .dropMenuList.-us li {
    display: inline-block;
    width: 18%;
  }
  .kvLinkList.-dropMenu.-products .dropMenuList.-us li:last-child {
    width: 36%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 959px) {
  .kvLinkList.-dropMenu.-products .dropMenuList.-us {
    min-width: auto;
  }
  .kvLinkList.-dropMenu.-products .dropMenuList.-us li:last-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
  }
  .kvLinkList.-dropMenu.-products .dropMenuList.-us li:nth-child(n+6) a {
    padding-top: 0;
  }
}
.kvLinkList.-dropMenu.-products .dropMenuList.-usnu {
  min-width: 172px;
}
@media screen and (max-width: 959px) {
  .kvLinkList.-dropMenu.-products .dropMenuList.-usnu {
    min-width: auto;
  }
}
.kvLinkList.-dropMenu.-products .dropMenuList.-usnu a {
  padding-right: 0;
}
.kvLinkList.-dropMenu.-swatches .dropMenuList {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
/*
.kvLinkList.-dropMenu.-swatches .dropMenuList.-us {
  min-width: 250px;
} */
@media screen and (max-width: 959px) {
  .kvLinkList.-dropMenu.-swatches .dropMenuList.-us {
    min-width: auto;
  }
}
/*
.kvLinkList.-dropMenu.-swatches .dropMenuList.-us li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33%;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
}
@media screen and (max-width: 959px) {
  .kvLinkList.-dropMenu.-swatches .dropMenuList.-us li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
  }
}
*/
.kvNone {
  padding-top: 110px;
  padding-bottom: 13px;
}
@media screen and (max-width: 767px) {
  .kvNone {
    padding-top: 50px;
    padding-bottom: 0;
  }
}

.usAnchorList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .usAnchorList {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.usAnchorList li {
  width: 50%;
}
.usAnchorList li .usAnchorLink {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25% 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.usAnchorList li .usAnchorLink .arrowWhite {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 120px;
  height: 83px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .usAnchorList li .usAnchorLink .arrowWhite {
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 30px;
  }
}
.usAnchorList li .usAnchorLink .arrowWhite .arrowY {
  margin-top: -11px;
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  .usAnchorList li .usAnchorLink .arrowWhite .arrowY {
    margin-top: -6px;
    margin-right: -3px;
    width: 7px;
    height: 20px;
  }
}
.usAnchorList li .usAnchorLinkLeft {
  background-image: url(../../products/images/products_us_bg.jpg);
  background-position: right 0;
}
.usAnchorList li .usAnchorLinkLeft p {
  max-width: 35.75%;
  margin: 0 auto;
}
.usAnchorList li .usAnchorLinkLeft img {
  width: 286px;
  vertical-align: middle;
}
.usAnchorList li .usAnchorLinkRight {
  background-image: url(../../products/images/products_us_nu_bg.jpg);
  background-position: left 0;
}
.usAnchorList li .usAnchorLinkRight p {
  max-width: 43%;
  margin: 0 auto;
}
.usAnchorList li .usAnchorLinkRight img {
  width: 344px;
  vertical-align: middle;
}
.usAnchorList li .usAnchorLink:hover {
  opacity: 0.7;
}
.usAnchorList li .usAnchorLink:hover .arrowY {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .usAnchorList li .usAnchorLink:hover .arrowY {
    height: 25px;
  }
}

.usTableTitle {
  margin-top: calc(7rem + ((1vw - 0.32rem) * 4.7727272727));
  margin-bottom: calc(2rem + ((1vw - 0.32rem) * 2.2727272727));
}
@media screen and (min-width: 768px) {
  .usTableTitle.mgnT80 {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) {
  .usTableTitle {
    margin-top: 112px;
    margin-bottom: 40px;
  }
}
.usTableTitle img {
  vertical-align: baseline;
  height: 50px;
}
@media screen and (max-width: 767px) {
  .usTableTitle img {
    height: 20px;
  }
}
.usTableTitle .link {
  display: inline-block;
  margin: 0 0 0 30px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .usTableTitle .link {
    margin: 0 0 0 15px;
    font-size: 1.4rem;
  }
}
.usTableTitle .link .arrow {
  display: inline-block;
  width: 40px;
  margin-right: 10px;
  height: 10px;
}
@media screen and (max-width: 767px) {
  .usTableTitle .link .arrow {
    width: 30px;
  }
}
.usTableTitle .link:hover .arrow {
  width: 50px;
}

.usTable table {
  width: 100%;
  table-layout: fixed;
  border-top: 10px solid #000;
  border-bottom: 10px solid #000;
}
.usTable table tr th, .usTable table tr td {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.usTable table tr:not(.noLink):hover th, .usTable table tr:not(.noLink):hover td {
  background-color: #E8E7E7;
}
.usTable table tr:not(:last-child) {
  border-bottom: 2px solid #000;
}
.usTable table th {
  padding-left: 30px;
  width: 95px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
.usTable table th.usTableLogo {
  padding-left: 0;
  padding-left: 5px;
  width: 112px;
}
@media screen and (max-width: 767px) {
  .usTable table th.usTableLogo {
    width: 86px;
  }
}
.usTable table th.usTableLogo .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.usTable table th.usTableLogo .inner.-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.usTable table th.usTableLogo .inner ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.usTable table th.usTableLogo .inner ul li + li {
  padding-left: 13px;
}
.usTable table th.usTableLogo .inner ul img {
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .usTable table th.usTableLogo .inner ul img.logoRecycle {
    width: 34px;
  }
}
@media screen and (max-width: 767px) {
  .usTable table th.usTableLogo .inner ul img.logoPlant {
    width: 29px;
  }
}
.usTable table th.usTableLogo + th {
  padding-left: 20px;
}
.usTable table th, .usTable table td {
  height: 100px;
  vertical-align: middle;
}
.usTable table .usLengthTd {
  padding-right: 42px;
  width: 143px;
  font-size: 1.6rem;
  line-height: 2;
}
.usTable table .usLengthTd .usLength {
  border-bottom-style: solid;
  border-bottom-color: #999;
}
.usTable table .usLengthTd .usLength.length05 {
  border-bottom-width: 5px;
}
.usTable table .usLengthTd .usLength.length06 {
  border-bottom-width: 6px;
}
.usTable table .usLengthTd .usLength.length08 {
  border-bottom-width: 8px;
}
.usTable table .usLengthTd .usLength.length10 {
  border-bottom-width: 10px;
}
.usTable table .usLengthTd .usLength.length12 {
  border-bottom-width: 12px;
}
.usTable table .usLengthTd .usLength.length14 {
  border-bottom-width: 14px;
}
.usTable table .usLengthTd .usLength.length17 {
  border-bottom-width: 17px;
}
.usTable table .usName {
  font-size: 1.6rem;
  line-height: 1.625;
  width: 160px;
  text-align: center;
  color: #fff;
}
.usTable table .usName.bgRed {
  background-color: #D84747;
}
.usTable table .usName.bgYellow {
  background-color: #DD8800;
}
.usTable table .usName.bgGreen {
  background-color: #118936;
}
.usTable table .usName.bgLightblue {
  background-color: #1BA9BF;
}
.usTable table .usName.bgBlue {
  background-color: #0D5A98;
}
.usTable table .usName.bgPurple {
  background-color: #413D84;
}
@media screen and (max-width: 767px) {
  .usTable table .usName {
    width: 120px;
    font-size: 1.4rem;
  }
}
.usTable table tr:hover .usName.bgRed {
  background-color: rgba(216, 71, 71, 0.7);
}
.usTable table tr:hover .usName.bgYellow {
  background-color: rgba(221, 136, 0, 0.7);
}
.usTable table tr:hover .usName.bgGreen {
  background-color: rgba(17, 137, 54, 0.7);
}
.usTable table tr:hover .usName.bgLightblue {
  background-color: rgba(27, 169, 191, 0.7);
}
.usTable table tr:hover .usName.bgBlue {
  background-color: rgba(13, 90, 152, 0.7);
}
.usTable table tr:hover .usName.bgPurple {
  background-color: rgba(65, 61, 132, 0.7);
}
.usTable + .usTableTitle {
  margin-top: calc(3.1rem + ((1vw - 0.32rem) * 3.4090909091));
}
@media screen and (min-width: 768px) {
  .usTable + .usTableTitle {
    margin-top: 61px;
  }
}
.usTable + .linkBtn {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .usTable + .linkBtn {
    margin-top: 30px;
  }
}
.usTable.usTableInLogo table .usName {
  width: 140px;
}

.usTableLogoList {
  padding-top: 30px;
}
.usTableLogoList li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
}
.usTableLogoList li:first-child {
  margin-bottom: 10px;
}
.usTableLogoList li .usTableLogoList_plant {
  padding-left: 2px;
  min-width: 45px;
}
.usTableLogoList li .usTableLogoList_plant img {
  width: 29px;
}
.usTableLogoList li .usTableLogoList_recycle {
  min-width: 45px;
}
.usTableLogoList li .usTableLogoList_recycle img {
  width: 34px;
}

.logoUsltrasuede {
  width: 286px;
}
@media screen and (max-width: 767px) {
  .logoUsltrasuede {
    width: 143px;
  }
}

.logoUsltrasuedeNu {
  width: 348px;
}
@media screen and (max-width: 767px) {
  .logoUsltrasuedeNu {
    width: 174px;
  }
}

/*-------------------------------------------
/*  /products/xl.html
-------------------------------------------*/
.productsLv1Heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
  padding-top: 0;
  padding-bottom: 50px;
  line-height: 1;
  font-weight: normal;
  font-size: 5rem;
  color: #000;
  border-bottom: 10px solid #000;
}
@media screen and (max-width: 767px) {
  .productsLv1Heading {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom-width: 6px;
  }
}
.productsLv1HeadingSubTitle {
  font-size: 2.4rem;
  vertical-align: bottom;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .productsLv1HeadingSubTitle {
    display: block;
    font-size: 1.8rem;
  }
}
.productsLv1HeadingLarge {
  font-size: 6rem;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .productsLv1HeadingLarge {
    font-size: 2rem;
  }
}
.productsLv1Heading + .lv2Heading {
  margin-top: 0;
}
.productsLv1Heading img {
  width: 276px;
  margin-right: 27px;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  .productsLv1Heading img {
    margin-right: 20px;
    width: 166px;
  }
}
.productsLv1Heading img.-automotive {
  width: 225px;
}
@media screen and (max-width: 767px) {
  .productsLv1Heading img.-automotive {
    width: auto;
    height: 23.5px;
  }
}
@media screen and (max-width: 767px) {
  .productsLv1Heading.-nu .productsLv1HeadingLarge {
    font-size: 4rem;
  }
}
.productsLv1Heading.-nu img {
  width: 348px;
}
@media screen and (max-width: 767px) {
  .productsLv1Heading.-nu img {
    margin-right: 14px;
    width: 210px;
  }
}
.productsLv1Heading.-Design {
  font-size: 6rem;
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}

.inc_kvNav .is_current {
  font-size: 24px;
}

.containerFutureSpec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 959px) {
  .containerFutureSpec {
    display: block;
  }
}
.containerFutureSpec .lv2Heading {
  margin-top: 0;
}
.containerFutureSpec .containerFuture {
  margin-top: 0;
  width: 65%;
  max-width: 740px;
}
@media screen and (max-width: 959px) {
  .containerFutureSpec .containerFuture {
    width: auto;
    max-width: none;
  }
}
.containerFuture {
  background: rgba(109, 151, 159, 0.2);
}
.containerFuture > .inner {
  padding: 40px 20px 40px 60px;
}
@media screen and (max-width: 767px) {
  .containerFuture > .inner {
    padding: 20px;
  }
}
.containerFuture .lv2Heading {
  margin-top: 0;
}

.containerFutureSpec .containerSpec {
  width: 35%;
}
@media screen and (max-width: 959px) {
  .containerFutureSpec .containerSpec {
    width: auto;
  }
}
.containerFutureSpec .containerSpec > .inner {
  padding: 40px 0 20px 40px;
}
@media screen and (max-width: 767px) {
  .containerFutureSpec .containerSpec > .inner {
    padding: 50px 0 0;
  }
}
.containerFutureSpec .containerSpec > .inner .productSpecList dl:not(:last-child) {
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .containerFutureSpec .containerSpec > .inner .productSpecList dl {
    display: table;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .containerFutureSpec .containerSpec > .inner .productSpecList dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .containerFutureSpec .containerSpec > .inner .productSpecList dt, .containerFutureSpec .containerSpec > .inner .productSpecList dd {
    display: table-cell;
  }
}
.containerFutureSpec .containerSpec > .inner .productSpecList dt {
  white-space: nowrap;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .containerFutureSpec .containerSpec > .inner .productSpecList dt {
    width: 7em;
  }
}

.lineDiscList > li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.lineDiscList > li::before {
  content: "";
  display: block;
  position: relative;
  top: -2px;
  margin-right: 15px;
  min-width: 24px;
  height: 8px;
  background: url(../../shared/images/line_disc_icon.png) no-repeat;
  background-size: 24px auto;
}
@media screen and (max-width: 767px) {
  .lineDiscList > li::before {
    top: -1px;
    margin-right: 8px;
    min-width: 12px;
    height: 4px;
    background-size: 12px auto;
  }
}
.lineDiscList > li:not(:last-child) {
  margin-bottom: 12px;
}

.discList {
  padding-left: 1.6rem;
}

.bgcArea {
  margin-top: 60px;
  padding-top: 27px;
  padding-right: 40px;
  padding-bottom: 28px;
  padding-left: 40px;
  background-color: rgba(109, 151, 159, 0.2);
}
@media screen and (max-width: 767px) {
  .bgcArea {
    margin-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.bgcAreaInfo {
  padding-bottom: 7.5rem;
  background-color: #E5E5E5;
}
.bgcAreaInfo .lv2Heading {
  margin-bottom: 2rem;
}
.bgcArea .lv2Heading:first-child,
.bgcArea .lv3Heading:first-child {
  margin-top: 0;
}
.bgcArea .container {
  margin-top: 0;
}
.bgcArea .linkBtn {
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .bgcArea .linkBtn {
    margin-top: 5rem;
  }
}

.lv2Heading + .bgcArea {
  margin-top: 57px;
}
@media screen and (max-width: 767px) {
  .lv2Heading + .bgcArea {
    margin-top: 30px;
  }
}

.lv3Heading + .bgcArea {
  margin-top: 0;
}

.swatchesBlock {
  margin-bottom: 50px;
}
.swatchesBlock ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px -30px;
}
@media screen and (max-width: 767px) {
  .swatchesBlock ul {
    margin: 0 -5px -30px;
  }
}
.swatchesBlock ul li {
  padding: 0 10px 30px;
  width: 11.1111111111%;
}
@media screen and (max-width: 767px) {
  .swatchesBlock ul li {
    padding: 0 5px 30px;
    width: 25%;
  }
}
.swatchesBlock ul li p {
  margin-top: 1rem;
  line-height: 1.25;
  font-size: 1.6rem;
}
.swatchesBlock ul li p span {
  display: block;
}

.rowTable table {
  width: 100%;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
}
.rowTable table th, .rowTable table td {
  padding: 1.4rem 4rem 1.2rem;
  font-size: 1.6rem;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .rowTable table th, .rowTable table td {
    padding: 1rem 2rem;
    white-space: nowrap;
  }
}
.rowTable table th {
  width: 33.33%;
  text-align: left;
  font-weight: normal;
  background: #E2EAEC;
}
@media screen and (max-width: 767px) {
  .rowTable table th {
    width: auto;
    white-space: nowrap;
  }
}
.rowTable table td {
  min-width: 205px;
}
@media screen and (max-width: 767px) {
  .rowTable table td {
    min-width: 0;
  }
}
.rowTable table td:last-child {
  vertical-align: middle;
}

.rowTableXL tr > td:last-child {
  width: 31%;
}

.containerBnr {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .containerBnr .row + .row {
    margin-top: 0;
  }
}
.containerBnr .row .img-col + .elem-col {
  padding-top: 17px;
  padding-bottom: 0;
  font-size: 1.6rem;
  line-height: 1.3125;
}
@media screen and (max-width: 767px) {
  .containerBnr .row > .col, .containerBnr .row > [class*=col-] {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .containerBnr .row:not(:first-child) .col-md-6 {
    padding-top: 37px;
  }
}
@media screen and (min-width: 768px) {
  .containerBnr .row:first-child .col-md-6 {
    padding-top: 0;
  }
}
.containerBnr .row .col-md-6 {
  padding-top: 37px;
}
@media screen and (min-width: 768px) {
  .lv2Heading + .containerBnr .row:first-child .col-md-6 {
    padding-top: 0;
  }
}

.containerBnr a {
  color: #000;
}
.containerBnr.-topPage {
  margin-top: calc(4.2rem + ((1vw - 0.32rem) * 8.75));
}
@media screen and (min-width: 768px) {
  .containerBnr.-topPage {
    margin-top: 0;
  }
}
.containerBnr.-topPage .row:not(:last-child) {
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .containerBnr.-topPage .row:not(:last-child) {
    margin-bottom: 37px;
  }
}
.containerBnr.-topPage .elem-col {
  font-weight: normal;
}
.containerBnr .bnrWrap figcaption:nth-child(1) {
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 1.2;
  font-weight: bold;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .containerBnr .bnrWrap figcaption:nth-child(1) {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
}

/*-------------------------------------------
/*  /products/hp.html
    /products/lx.html
-------------------------------------------*/
.productsInfo {
  margin-top: 20px;
}
.productsInfo dl {
  display: table;
}
.productsInfo dl dt,
.productsInfo dl dd {
  display: table-cell;
}
.productsInfo dl dt {
  width: 7.5em;
  white-space: nowrap;
}
.productsInfo dl dd {
  padding-left: 25px;
}
@media screen and (max-width: 767px) {
  .productsInfo dl dd {
    padding-left: 15px;
  }
}

/*-------------------------------------------
/*  /products/lx.html
-------------------------------------------*/
@media screen and (max-width: 767px) {
  .containerBeforeAfterImg .row > .col, .containerBeforeAfterImg .row > [class*=col-] {
    padding: 50px 0 0;
  }
}
.containerBeforeAfterImg .beforeAfterImgList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.containerBeforeAfterImg .beforeAfterImgList > li {
  position: relative;
  list-style: none;
  margin-left: 0;
}
.containerBeforeAfterImg .beforeAfterImgList > li:first-child {
  padding-right: 60px;
}
@media screen and (max-width: 767px) {
  .containerBeforeAfterImg .beforeAfterImgList > li:first-child {
    padding-right: 40px;
  }
}
.containerBeforeAfterImg .beforeAfterImgList > li:first-child::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 43.8%;
  margin-top: -22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 0 11px 15px;
  border-color: transparent transparent transparent #000;
}
@media screen and (max-width: 767px) {
  .containerBeforeAfterImg .beforeAfterImgList > li:first-child::after {
    right: 14px;
    border-width: 8.5px 0 8.5px 10px;
  }
}
.containerBeforeAfterImg .beforeAfterImgList > li .img-cap {
  font-size: 1.8rem;
  font-weight: bold;
}
.containerBeforeAfterImg .elem-col {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .containerBeforeAfterImg .elem-col {
    margin-top: 10px;
  }
}

/*-------------------------------------------
/*  /products/design_options.html
-------------------------------------------*/
.designOptFilter button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.designOptFilter .filterBtnWrap {
  position: relative;
  overflow: hidden;
  margin: 3rem 0 4.5rem;
}
@media screen and (max-width: 767px) {
  .designOptFilter .filterBtnWrap {
    margin: 2rem 0;
    text-align: center;
  }
}
.designOptFilter .filterClear {
  display: inline-block;
  float: right;
  font-size: 1.6rem;
  text-align: center;
  text-decoration: underline;
}
.designOptFilter .filterClear:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .designOptFilter .filterClear {
    font-size: 1.4rem;
    margin-bottom: 20px;
    float: none;
  }
}
.designOptFilter .filterBtn {
  display: block;
  margin: 0 auto;
  padding: 1.8rem;
  max-width: 380px;
  width: 100%;
  font-size: 1.6rem;
  text-align: center;
  color: #000;
  border: 1px solid #000;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.designOptFilter .filterBtn:hover {
  text-decoration: none;
  color: #fff;
  background: #000;
}
@media screen and (max-width: 767px) {
  .designOptFilter .filterBtn {
    font-size: 1.4rem;
    padding: 1rem;
    width: 50%;
  }
}
.designOptFilter .filters {
  margin-top: 3rem;
}
.designOptFilter .filters .filtersRow {
  overflow: hidden;
  padding: 35px;
  background: #E5E5E5;
}
.designOptFilter .filters .filtersRow + .filtersRow {
  margin-top: 10px;
}
.designOptFilter .filters .filtersRow dt {
  font-size: 1.8rem;
  font-weight: 600;
}
.designOptFilter .filters .filtersRow dt .all {
  display: block;
  font-weight: 300;
}
.designOptFilter .filters .filtersRow dd input[type=checkbox] {
  cursor: pointer;
}
.designOptFilter .filters .filtersRow dd input[type=checkbox]:disabled {
  background: #999;
}
.designOptFilter .filters .filtersRow dd label {
  padding-left: 0.5rem;
  font-size: 1.6rem;
}
.designOptFilter .filters .filtersRow dd input:disabled + label {
  color: #ccc;
}
.designOptFilter .filters .filtersRow .toggleSwitch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin: 0 0 0 20px;
}
.designOptFilter .filters .filtersRow .toggleSwitch input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}
.designOptFilter .filters .filtersRow .toggleSwitch label {
  width: 40px;
  height: 20px;
  background: #ccc;
  position: relative;
  display: inline-block;
  border-radius: 46px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.designOptFilter .filters .filtersRow .toggleSwitch label:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.designOptFilter .filters .filtersRow .toggleSwitch input[type=checkbox]:checked + label {
  background-color: #0089ff;
}
.designOptFilter .filters .filtersRow .toggleSwitch input[type=checkbox]:checked + label:after {
  left: 20px;
}
.designOptFilter .filters .filtersRow .checkBoxList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 960px) {
  .designOptFilter .filters .filtersRow .checkBoxList li + li {
    margin-left: 30px;
  }
  .designOptFilter .filters .filtersRow .checkBoxList li:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 959px) {
  .designOptFilter .filters .filtersRow .checkBoxList li {
    width: 50%;
  }
}
@media screen and (min-width: 960px) {
  .designOptFilter .filters .filtersRow .checkBoxList.-fixed li {
    width: 20%;
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .designOptFilter .filters .filtersRow dt {
    float: left;
    width: 20rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .designOptFilter .filters .filtersRow dd {
    padding-left: 23rem;
  }
}
@media screen and (max-width: 767px) {
  .designOptFilter .filters .filtersRow {
    padding: 20px;
  }
  .designOptFilter .filters .filtersRow dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
  }
  .designOptFilter .filters .filtersRow dd {
    margin-top: 1rem;
  }
  .designOptFilter .filters .filtersRow dd label {
    font-size: 1.4rem;
  }
}

.filterResult {
  margin-top: 5rem;
  padding-top: 5rem;
  border-top: 10px solid #000;
}
.filterResult .lv2Heading {
  margin-top: 0;
}
.filterResult .filterTerms {
  display: inline-block;
  padding-left: 3rem;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .filterResult .filterTerms {
    display: block;
    padding-left: 0;
    font-size: 1.6rem;
  }
}
.filterResult .itemList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  visibility: hidden;
  opacity: 0;
  min-height: 300px;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.filterResult .itemList.is_act {
  visibility: visible;
  opacity: 1;
}
.filterResult .itemList .item {
  color: #000;
}
.filterResult .itemList .item:hover {
  text-decoration: none;
}
.filterResult .itemList .item:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}
.filterResult .itemList .item .itemImg {
  display: block;
  overflow: hidden;
  background: #f5f5f5;
}
.filterResult .itemList .item .itemImg img {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.filterResult .itemList .item em {
  font-weight: 600;
}
.filterResult .itemList .item .heading {
  font-size: 1.8rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .filterResult .itemList {
    margin-bottom: -40px;
  }
  .filterResult .itemList .item {
    font-size: 1.6rem;
    width: calc((100% - 120px) / 4);
    margin: 0 0 40px 40px;
  }
  .filterResult .itemList .item + .item {
    margin-left: 40px;
  }
  .filterResult .itemList .item .itemImg {
    min-height: 260px;
  }
  .filterResult .itemList .item:nth-of-type(1) {
    margin-left: 0;
  }
  .filterResult .itemList .item:nth-of-type(4n+1) {
    margin-left: 0;
  }
  .filterResult .itemList .item .heading {
    margin: 1rem 0 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .filterResult .itemList {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .filterResult .itemList .item {
    font-size: 1.4rem;
    width: 48%;
    margin-bottom: 30px;
  }
  .filterResult .itemList .item .heading {
    margin-top: 10px;
    font-size: 1.6rem;
  }
}
.filterResult .defaultElm {
  padding: 50px;
  background: #f2f2f2;
  text-align: center;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .filterResult .defaultElm {
    padding: 20px;
    font-size: 1.4rem;
  }
}

/*-------------------------------------------
/*  /sustainability/
-------------------------------------------*/
.kvSustainability {
  padding-top: 100px;
  height: 700px;
  color: #fff;
  background: url(../../sustainability/images/kv_sustainability.jpg) no-repeat top;
  margin-bottom: calc(5rem + ((1vw - 0.32rem) * 3.4090909091));
}
@media screen and (min-width: 768px) {
  .kvSustainability {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .kvSustainability {
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-bottom: 11.42%;
    padding-left: 10px;
    padding-top: 14.28%;
    height: auto;
    background-position: top 0 right 30%;
    background-size: cover;
  }
}
.kvSustainability .lv1Heading {
  margin-bottom: calc(4rem + ((1vw - 0.32rem) * 3.4090909091));
  color: #fff;
}
@media screen and (min-width: 768px) {
  .kvSustainability .lv1Heading {
    margin-bottom: 70px;
  }
}
.kvSustainability h2 {
  margin-bottom: 30px;
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .kvSustainability h2 {
    font-size: 2rem;
  }
}
.kvSustainability p {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .kvSustainability p {
    font-size: 1.4rem;
  }
}

.lv2HeadingSustainability {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  font-weight: bold;
}
.lv2HeadingSustainability + .bgcArea {
  margin-top: 0;
}
.lv2HeadingSustainability span {
  font-size: 5.6rem;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .lv2HeadingSustainability span {
    font-size: 3.8rem;
  }
}

.lv2HeadingSustainability02 {
  margin-top: 55px;
  margin-bottom: 20px;
  font-size: 2.1rem;
  font-weight: bold;
  color: #1F530C;
}
.lv2HeadingSustainability02 span {
  display: block;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .lv2HeadingSustainability02 {
    margin-top: 27px;
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
  .lv2HeadingSustainability02 span {
    font-size: 1.2rem;
  }
}
.lv2HeadingSustainability02 + .bgcArea {
  margin-top: 0;
}

.bgcArea.-black {
  color: #fff;
  background: #000;
}
.bgcArea.-black .lineDiscList > li::before {
  background: url(../../shared/images/line_disc_icon_green.png) no-repeat;
  background-size: 24px auto;
}
@media screen and (max-width: 767px) {
  .bgcArea.-black .lineDiscList > li::before {
    top: -4px;
    background-size: 12px auto;
  }
}

.sustainabilityOrderList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 13px;
  padding-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .sustainabilityOrderList {
    display: block;
  }
}
.sustainabilityOrderList li {
  margin-left: 0;
  padding-right: 20px;
  width: 50%;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .sustainabilityOrderList li:nth-child(n+3) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .sustainabilityOrderList li:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sustainabilityOrderList li {
    padding-right: 0;
    width: auto;
  }
}
.sustainabilityOrderList li dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.sustainabilityOrderList li dl dt .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  line-height: 1;
}
.sustainabilityOrderList li dl dt .inner .orderTitle,
.sustainabilityOrderList li dl dt .inner .orderNum {
  display: block;
  color: #BCE2AE;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
.sustainabilityOrderList li dl dt .inner .orderTitle {
  padding-top: 6px;
  font-size: 1.8rem;
  border-bottom: 4px solid #fff;
}
@media screen and (max-width: 767px) {
  .sustainabilityOrderList li dl dt .inner .orderTitle {
    font-size: 1.2rem;
    border-bottom: 2px solid #fff;
  }
}
.sustainabilityOrderList li dl dt .inner .orderNum {
  padding-left: 12px;
  font-size: 6.4rem;
}
@media screen and (max-width: 767px) {
  .sustainabilityOrderList li dl dt .inner .orderNum {
    font-size: 4rem;
  }
}
.sustainabilityOrderList li dl dd {
  padding-left: 20px;
  font-weight: bold;
}

.countDetail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.countDetail dt {
  padding-right: 2rem;
  padding-top: 1.3rem;
  font-weight: bold;
}
.countDetail dt span {
  display: block;
  font-size: 1.4rem;
}
.countDetail dd {
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  font-size: 1.6rem;
}
.countDetail dd .countNum {
  font-size: 6rem;
  color: #BCE2AE;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .countDetail dd .countNum {
    font-size: 3rem;
  }
}
.countDetail .countArrow {
  padding-left: 40px;
  background: url(../../sustainability/images/arrow_bottom.svg) no-repeat left;
  background-size: 25px auto;
}

.countNote {
  margin-top: 3rem;
}
.countNote dt {
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
.countNote dd {
  font-size: 1.4rem;
}

.sustainabilityFigImg {
  padding: 18px 0 17px;
  text-align: center;
}

/*-------------------------------------------
/*  /applications/index.html
-------------------------------------------*/
#js_changeImgApp {
  padding-top: 100%;
  height: 0;
  opacity: 1;
}
#js_changeImgApp.img1, #js_changeImgApp.img2, #js_changeImgApp.img3, #js_changeImgApp.img4, #js_changeImgApp.img5, #js_changeImgApp.img6 {
  -webkit-animation: 0.3s linear alternate;
  animation: 0.3s linear alternate;
  background-repeat: no-repeat;
  background-size: cover;
}
#js_changeImgApp.img1 {
  -webkit-animation-name: img1;
  animation-name: img1;
  background-image: url(../../applications/images/index_consumer_electronics.jpg);
}
@keyframes img1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#js_changeImgApp.img2 {
  -webkit-animation-name: img2;
  animation-name: img2;
  background-image: url(../../applications/images/index_apparel.jpg);
}
@keyframes img2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#js_changeImgApp.img3 {
  -webkit-animation-name: img3;
  animation-name: img3;
  background-image: url(../../applications/images/index_bags_accessories.jpg);
}
@keyframes img3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#js_changeImgApp.img4 {
  -webkit-animation-name: img4;
  animation-name: img4;
  background-image: url(../../applications/images/index_footwear.jpg);
}
@keyframes img4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#js_changeImgApp.img5 {
  -webkit-animation-name: img5;
  animation-name: img5;
  background-image: url(../../applications/images/index_interiors.jpg);
}
@-webkit-keyframes img5 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes img5 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#js_changeImgApp.img6 {
  -webkit-animation-name: img6;
  animation-name: img6;
  background-image: url(../../applications/images/index_automotive.jpg);
}
@-webkit-keyframes img6 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes img6 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*-------------------------------------------
/*  /applications/consumer_electronics.html
-------------------------------------------*/
.slider-recommend {
  padding: 0 130px;
  margin-bottom: 30px;
}
.slider-recommend .swiper-slide {
  text-align: center;
}
.slider-recommend .swiper-slide img {
  margin: 0 auto;
  border: 1px solid #B7B7B7;
}
@media screen and (max-width: 767px) {
  .slider-recommend {
    padding: 0 65px;
    margin-bottom: 15px;
  }
}

.slider-recommend-thumbnail .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.slider-recommend-thumbnail .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc((100% - 20px) / 6) !important;
  max-width: 110px;
  padding: 0 10px;
}
.slider-recommend-thumbnail .swiper-slide img {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid #B7B7B7;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .slider-recommend-thumbnail .swiper-slide {
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  .slider-recommend-thumbnail .swiper-slide {
    width: calc((100% - 15px) / 6) !important;
    max-width: 100px;
    padding: 0 5px;
  }
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 120px;
  height: 80px;
  margin-top: -40px;
  z-index: 10;
  text-align: center;
  cursor: pointer;
  background: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.swiper-button-next::before, .swiper-button-prev::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 70px;
  height: 14px;
  border-bottom: 2px solid #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.swiper-button-prev {
  left: 0;
  border-left: #000 1px solid !important;
  border-bottom: #000 1px solid !important;
}
.swiper-button-prev::before {
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  border-left: 2px solid #000;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.swiper-button-next {
  right: 0;
  border-right: #000 1px solid !important;
  border-bottom: #000 1px solid !important;
}
.swiper-button-next::before {
  -webkit-transform: skewX(35deg);
  transform: skewX(35deg);
  border-right: 2px solid #000;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

@media screen and (min-width: 768px) {
  .swiper-button-prev:hover::before {
    -webkit-transform: skewX(-35deg) scaleX(0.8);
    transform: skewX(-35deg) scaleX(0.8);
  }
  .swiper-button-next:hover::before {
    -webkit-transform: skewX(35deg) scaleX(0.8);
    transform: skewX(35deg) scaleX(0.8);
  }
}
@media screen and (max-width: 767px) {
  .swiper-button-next, .swiper-button-prev {
    width: 60px;
    height: 40px;
    margin-top: -20px;
  }
  .swiper-button-next::before, .swiper-button-prev::before {
    width: 35px;
    height: 7px;
  }
}
/*-------------------------------------------
/* /applications/apparel.html
-------------------------------------------*/
.containerManual .linkBtn {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .containerManual .linkBtn {
    margin-top: 30px;
  }
}
.containerManual .linkBtn + .linkBtn {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .containerManual + .containerBnr {
    margin-top: 100px;
  }
}

/*-------------------------------------------
/* /applications/footwear.html
-------------------------------------------*/
.containerFootIcon .row > [class*=col] img {
  width: auto;
}
@media screen and (max-width: 767px) {
  .containerFootIcon .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -10px;
    margin-right: -10px;
  }
  .containerFootIcon .row > .col, .containerFootIcon .row > [class*=col-] {
    padding: 0 10px;
  }
  .containerFootIcon .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .containerFootIcon .col:nth-child(3), .containerFootIcon .col:nth-child(4) {
    margin-top: 40px;
  }
}

.footwearContainer {
  background: #fff;
  border: 1px solid #707070;
}
.footwearContainerInner {
  padding: 40px 10% 45px 10.83%;
}
@media screen and (max-width: 767px) {
  .footwearContainerInner {
    padding: 40px 5% 45px;
  }
}
.footwearContainerTable table {
  width: 100%;
  line-height: 1;
}
.footwearContainerTable table thead th {
  text-align: center;
  font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
  .footwearContainerTable table thead th {
    font-size: 1.2rem;
  }
}
.footwearContainerTable table thead th:first-child {
  padding-bottom: 30px;
  text-align: left;
  vertical-align: bottom;
}
.footwearContainerTable table thead th div {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 62px;
  font-weight: normal;
}
.footwearContainerTable table thead th div::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: 0 auto;
  width: 1px;
  height: 100%;
  background: #707070;
  z-index: 1;
}
.footwearContainerTable table thead th img {
  width: 102px;
}
@media screen and (max-width: 767px) {
  .footwearContainerTable table thead th img {
    width: 80px;
  }
}
.footwearContainerTable table tbody tr th {
  padding-right: 38px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .footwearContainerTable table tbody tr th {
    padding-right: 15px;
  }
}
.footwearContainerTable table tbody tr th div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.footwearContainerTable table tbody tr th .gt {
  display: block;
  position: relative;
  min-width: 20px;
  height: 20px;
  background: #000;
  border-radius: 50%;
}
.footwearContainerTable table tbody tr th .gt::after {
  content: "";
  position: absolute;
  left: 0;
  right: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.footwearContainerTable table tbody tr th .gt + p {
  padding-left: 13px;
}
@media screen and (max-width: 767px) {
  .footwearContainerTable table tbody tr th .gt + p {
    padding-left: 7px;
  }
}
.footwearContainerTable table tbody tr th p {
  padding-left: 33px;
  font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
  .footwearContainerTable table tbody tr th p {
    padding-left: 27px;
  }
}
.footwearContainerTable table tbody tr th p .logoNuOnly {
  width: 18px;
  vertical-align: middle;
}
.footwearContainerTable table tbody tr th p span {
  display: inline-block;
  padding-left: 20px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .footwearContainerTable table tbody tr th p span {
    padding-left: 10px;
  }
}
.footwearContainerTable table tbody tr td {
  width: 25%;
}
.footwearContainerTable table tbody tr td > div {
  position: relative;
}
.footwearContainerTable table tbody tr td > div::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 1px;
  height: 100%;
  background: #707070;
}
.footwearContainerTable table tbody tr td > div div {
  position: relative;
  padding: 6px 0;
}
.footwearContainerTable table tbody tr td > div div::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 1px;
  height: 100%;
  background: #707070;
}
.footwearContainerTable table tbody tr td > div div::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1.5px;
  width: 100%;
  height: 1px;
  background: #707070;
}
.footwearContainerTable table tbody tr td > div div p {
  position: relative;
  height: 25px;
}
.footwearContainerTable table tbody tr td > div div p .circle {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 2px;
  width: 25px;
  height: 100%;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .footwearContainerTable table tbody tr td > div div p .circle {
    width: 20px;
  }
}
.footwearContainerTable table tbody tr td > div div p .circle::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 21px;
  height: 21px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .footwearContainerTable table tbody tr td > div div p .circle::after {
    width: 16px;
    height: 16px;
  }
}
.footwearContainerTable table tbody tr td > div div p .circle.-UPPER::after {
  border-color: #7989BF;
}
.footwearContainerTable table tbody tr td > div div p .circle.-LINING::after {
  border-color: #7CBFBE;
}
.footwearContainerTable table tbody tr td > div div p .circle.-TONGUE::after {
  border-color: #C8D78E;
}
.footwearContainerTable table tbody tr td > div div p .circle.-HEEL::after {
  border-color: #EAA776;
}
.footwearContainerTable table tbody tr.clickable:hover {
  opacity: 0.7;
}
.footwearContainerTable table tbody tr:last-child th {
  padding-bottom: 44px;
}
.footwearContainerTable table tbody tr:last-child td > div {
  padding-bottom: 44px;
}
.footwearContainerTable table tbody .thead th {
  position: relative;
  padding-top: 68px;
}
.footwearContainerTable table tbody .thead th::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 1px;
  height: 100%;
  background: #707070;
}
.footwearContainerTable table tbody .thead th:first-child {
  padding-bottom: 24px;
}
.footwearContainerTable table tbody .thead th:first-child::after {
  display: none;
}
.footwearContainerTable table tbody .thead th img {
  width: 123px;
}

/*-------------------------------------------
/* /applications/interiors/
-------------------------------------------*/
.snsLinks ul {
  margin: 20px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.snsLinks ul li:not(:last-child) {
  margin-right: 1em;
}
.snsLinks ul li a:hover {
  text-decoration: none;
}
.snsLinks ul li a.youtube::after {
  position: relative;
  bottom: 2px;
  line-height: 1;
  content: "\e90c";
  font-family: "svgicon" !important;
  color: #4E4E4E;
  font-size: 4.3rem;
}

/*-------------------------------------------
/* /applications/automotive.html
-------------------------------------------*/
p.newWindow::after {
  content: "\e907";
  padding-left: 10px;
  color: #999;
  font-family: "svgicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.automotiveInfo {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .automotiveInfo {
    margin-top: 20px;
  }
}
.automotiveInfo .title {
  text-align: center;
  margin-bottom: 15px;
}

/*-------------------------------------------
Applications
-------------------------------------------*/
.cardUnit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .cardUnit + .cardUnit {
    margin-top: 50px;
  }
  .cardUnit.-col2 .newsItem, .cardUnit.-col3 .newsItem {
    overflow: hidden;
  }
  .cardUnit.-col2 .newsItem .date, .cardUnit.-col3 .newsItem .date {
    float: left;
  }
  .cardUnit.-col2 .newsItem .tag, .cardUnit.-col3 .newsItem .tag {
    float: right;
  }
  .cardUnit.-col2 .newsItem .subHeading, .cardUnit.-col3 .newsItem .subHeading {
    clear: both;
  }
  .cardUnit.-col2 {
    margin-bottom: -3.25%;
  }
  .cardUnit.-col2 > .card {
    width: calc((100% - 3.25%) / 2);
    margin-bottom: 3.25%;
  }
  .cardUnit.-col2 > .card + .card:not(:nth-child(2n+1)) {
    margin-left: 3.25%;
  }
  .cardUnit.-col3 {
    margin-bottom: -3.25%;
  }
  .cardUnit.-col3 > .card {
    width: calc((100% - 3.25% * 2) / 3);
    margin-bottom: 3.25%;
  }
  .cardUnit.-col3 > .card + .card:not(:nth-child(3n+1)) {
    margin-left: 3.25%;
  }
  .cardUnit.-col3 > .card .tag {
    float: right;
  }
  .cardUnit.-col4 {
    margin-bottom: -3.25%;
  }
  .cardUnit.-col4 > .card {
    width: calc((100% - 3.25% * 3) / 4);
    margin-bottom: 3.25%;
  }
  .cardUnit.-col4 > .card + .card:not(:nth-child(4n+1)) {
    margin-left: 3.25%;
  }
}
@media screen and (max-width: 767px) {
  .cardUnit + .cardUnit {
    margin-top: 40px;
  }
  .cardUnit.-col2, .cardUnit.-col3, .cardUnit.-col4 {
    margin-bottom: -40px;
  }
  .cardUnit > .card {
    width: 100%;
    margin-bottom: 40px;
  }
}
.cardUnit .card .cardImg {
  position: relative;
  overflow: hidden;
}
.cardUnit .card .cardImg img {
  width: 100%;
}
.cardUnit .card .cardImg figcaption {
  margin-top: 15px;
  font-size: 1.6rem;
}
.cardUnit .card .cardImg figcaption.beforeCap {
  margin: 0 0 15px;
  text-align: center;
  font-size: 2.4rem;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .cardUnit .card .cardImg figcaption.beforeCap {
    font-size: 1.8rem;
  }
}
.cardUnit .card .cardBody {
  padding: 15px 0 0;
}
.cardUnit .card .cardBody > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .cardUnit .card.-horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .cardUnit .card.-horizontal .imgWrapper {
    width: 45%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50%;
  }
  .cardUnit .card.-horizontal .imgWrapper img {
    top: 100%;
    -webkit-transform: scale(2.5) translateY(-70%);
    transform: scale(2.5) translateY(-70%);
  }
  .cardUnit .card.-horizontal .cardBody {
    width: 55%;
  }
}
.cardUnit a.card {
  display: block;
  color: currentColor;
  -webkit-transition: 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.cardUnit a.card:focus, .cardUnit a.card:hover {
  opacity: 0.75;
  text-decoration: none;
}
.cardUnit div.card a[data-izimodal-open] {
  display: block;
  color: currentColor;
  -webkit-transition: 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.cardUnit div.card a[data-izimodal-open]:focus, .cardUnit div.card a[data-izimodal-open]:hover {
  opacity: 0.75;
  text-decoration: none;
}
.cardUnit div.card a.newWindow {
  font-size: 1.4rem;
}
.cardUnit.-appCase {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.appCaseWrap {
  position: relative;
  overflow: hidden;
}

.cardUnit.-appCase .cardImg img {
  border: #b7b7b7 1px solid;
}
.cardUnit.-appCase + .btnWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 10vw;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(65%, white));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 65%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 65%);
}
.cardUnit.-appCase + .btnWrap .viewmore {
  position: relative;
  background: #fff;
  margin: 0 auto;
  cursor: pointer;
}
.cardUnit.-appCase + .btnWrap .viewmore:hover {
  background: #000;
}
.cardUnit.-appCase + .btnWrap .viewmore:hover i::after, .cardUnit.-appCase + .btnWrap .viewmore:hover i::before {
  background: #fff;
}
.cardUnit.-appCase + .btnWrap .viewmore::before {
  content: "VIEW MORE";
}
.cardUnit.-appCase + .btnWrap .viewmore i {
  position: absolute;
  top: 50%;
  right: 10%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 17px;
  height: 17px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.cardUnit.-appCase + .btnWrap .viewmore i::before, .cardUnit.-appCase + .btnWrap .viewmore i::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 2px;
  margin: -8% 0 0 -42%;
  background: #000;
}
.cardUnit.-appCase + .btnWrap .viewmore i::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cardUnit.-appCase + .btnWrap.is_opened {
  background: none;
  padding-top: 0;
  position: relative;
  margin-top: 5vw;
}
.cardUnit.-appCase + .btnWrap.is_opened .viewmore::before {
  content: "CLOSE";
}
.cardUnit.-appCase + .btnWrap.is_opened .viewmore i::after {
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .cardUnit.-appCase + .btnWrap {
    padding-top: 7vw;
  }
  .cardUnit.-appCase + .btnWrap .viewmore {
    min-width: 380px;
  }
  .cardUnit.-appCase + .btnWrap .viewmore i {
    margin-left: 80px;
  }
}
@media screen and (max-width: 767px) {
  .cardUnit.-appCase .card {
    width: 48%;
  }
  .cardUnit.-appCase .card:nth-of-type(even) {
    margin-left: 4%;
  }
}
.cardUnit.-appProd .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 18px;
  border: #707070 1px solid;
  background-color: #fff;
}
.cardUnit.-appProd .card .prodName {
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
  font-size: 4.6rem;
  margin-right: 20px;
  line-height: 1.4;
}
.cardUnit.-appProd .card .prodName.-small {
  font-size: 3rem;
  margin-right: 0;
}
.cardUnit.-appProd .card [class*=thickness] {
  font-size: 2rem;
  width: 100%;
}
.cardUnit.-appProd .card [class*=thickness]::after {
  content: "";
  display: block;
  margin-top: 3px;
  width: 100%;
  background: #999;
}
.cardUnit.-appProd .card .thickness5::after {
  height: 5px;
}
.cardUnit.-appProd .card .thickness6::after {
  height: 6px;
}
.cardUnit.-appProd .card .thickness8::after {
  height: 8px;
}
.cardUnit.-appProd .card .thickness10::after {
  height: 10px;
}
.cardUnit.-appProd .card .thickness12::after {
  height: 12px;
}
.cardUnit.-appProd .card .thickness14::after {
  height: 14px;
}
.cardUnit.-appProd .card .thickness17::after {
  height: 17px;
}
.cardUnit.-appProd .card .logo_plant {
  padding-top: 3px;
  background: url(../../shared/images/logo_plant.svg) no-repeat right top;
  background-size: 28px auto;
}
.cardUnit.-appProd .card .logo_recycle {
  background: url(../../shared/images/logo_recycle.svg) no-repeat right top;
  background-size: 33px auto;
}
.cardUnit.-appProd .card .logo_plantRecycle {
  background: url(../../shared/images/logo_plant.svg) no-repeat right 40px top 0, url(../../shared/images/logo_recycle.svg) no-repeat right top;
  background-size: 28px auto, 33px auto;
}
@media screen and (max-width: 1200px) {
  .cardUnit.-appProd.cardUnit.-col4 > .card {
    width: 48.375%;
  }
  .cardUnit.-appProd.cardUnit.-col4 > .card + .card:not(:nth-child(4n+1)) {
    margin-left: 0;
  }
  .cardUnit.-appProd.cardUnit.-col4 > .card + .card:not(:nth-child(2n+1)) {
    margin-left: 3.25%;
  }
}
@media screen and (max-width: 767px) {
  .cardUnit.-appProd.cardUnit.-col4 {
    display: block;
    margin-bottom: -20px;
  }
  .cardUnit.-appProd.cardUnit.-col4 > .card {
    width: auto;
  }
  .cardUnit.-appProd.cardUnit.-col4 > .card + .card:not(:nth-child(2n+1)) {
    margin-left: 0;
  }
  .cardUnit.-appProd .card {
    width: 48%;
    padding: 8px 12px;
    margin-bottom: 20px;
  }
  .cardUnit.-appProd .card:nth-of-type(even) {
    margin-left: 4%;
  }
  .cardUnit.-appProd .card .prodName {
    font-size: 2.4rem;
    margin-right: 10px;
  }
  .cardUnit.-appProd .card .prodName.-small {
    font-size: 1.8rem;
  }
  .cardUnit.-appProd .card [class*=thickness] {
    font-size: 1.6rem;
  }
  .cardUnit.-appProd .card .thickness6::after {
    height: 3px;
  }
  .cardUnit.-appProd .card .thickness8::after {
    height: 4px;
  }
  .cardUnit.-appProd .card .thickness10::after {
    height: 5px;
  }
  .cardUnit.-appProd .card .thickness17::after {
    height: 8px;
  }
  .cardUnit.-appProd .card .logo_plant {
    background-size: 25px auto;
  }
  .cardUnit.-appProd .card .logo_recycle {
    background-size: 30px auto;
  }
  .cardUnit.-appProd .card .logo_plantRecycle {
    background-size: 25px auto, 30px auto;
  }
}

.alignC .linkBtn {
  margin: 0 auto;
}

.containerFootIcon + .cardUnit {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .containerFootIcon + .cardUnit {
    margin-top: 40px;
  }
}

.bc-player-default_default:hover .vjs-big-play-button {
  background-color: #666;
}

.bnrWrap {
  display: block;
  color: #333;
  margin-top: 80px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.lv3Heading + .bnrWrap {
  margin-top: 0;
}

.bnrWrap:hover {
  text-decoration: none;
  opacity: 0.8;
}
.bnrWrap figcaption {
  font-size: 1.6rem;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .bnrWrap {
    margin-top: 40px;
  }
}

.colBnr {
  margin-top: 130px;
}
@media screen and (max-width: 767px) {
  .colBnr {
    margin-top: 0;
  }
}
.colBnr a {
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.colBnr a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.colBnr a:hover .lv2Heading,
.colBnr a:hover .lv2Heading span {
  text-decoration: none;
}
.colBnr .lv2Heading,
.colBnr .lv2Heading span {
  color: #333;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .colBnr .colBnrImage img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 20vh;
  }
}

.bnrRowWrap {
  margin-top: 80px;
}
.bnrRowWrap figcaption {
  font-size: 1.6rem;
  margin-top: 10px;
}
.bnrRowWrap.-col2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bnrRowWrap.-col2 .bnrCol {
  display: block;
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.bnrRowWrap.-col2 .bnrCol:hover {
  text-decoration: none;
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .bnrRowWrap.-col2 .bnrCol {
    width: 48.3%;
  }
}
@media screen and (max-width: 767px) {
  .bnrRowWrap {
    margin-top: 40px;
  }
  .bnrRowWrap.-col2 {
    display: block;
  }
  .bnrRowWrap.-col2 .bnrCol + .bnrCol {
    margin-top: 40px;
  }
}

/*-------------------------------------------
Modal [Applications]
-------------------------------------------*/
@media screen and (max-width: 767px) {
  .modais {
    max-width: 100% !important;
  }
}
/* prodModal
----------------------------*/
.proModal {
  position: relative;
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  background-color: transparent;
  color: #fff;
}
.proModal .caption {
  color: #fff;
  margin: 10px 0 20px;
  font-size: 4rem;
  line-height: 1.2;
  font-family: "DINNextLTPro-Bold", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
  text-align: center;
}
.proModal button:hover {
  opacity: 1;
}
.proModal button[data-izimodal-close] {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  display: block;
  width: 58px !important;
  height: 58px;
  padding: 10px;
  border: none;
  background-color: transparent;
  outline: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  background: #000 url(../components/iziModal/icon_close.svg) 50% 50% no-repeat !important;
}
.proModal button[data-izimodal-close]:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .modais.-thin .proModal {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .proModal {
    max-width: 100%;
  }
  .proModal button {
    top: 0;
    right: 3px;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
  }
  .proModal h1 {
    padding: 20px 0;
    font-size: 1.8rem;
  }
  .proModal p {
    font-size: 1.4rem;
  }
  .proModal .caption {
    font-size: 2rem;
  }
}

/* Change Photos
--------------------------------*/
.changeProd {
  width: 100%;
}
.changeProd .photo {
  width: 100%;
  position: relative;
}
.changeProd .photo img {
  max-width: 100%;
  max-height: 72vh;
}
.changeProd .thumb {
  margin: 30px 0 0;
}
.changeProd .thumb ul {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.changeProd .thumb li {
  width: 90px;
  height: 90px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 5px 10px;
}
.changeProd .thumb li a {
  display: block;
  width: 90px;
  height: 90px;
}
.changeProd .thumb li a:hover {
  opacity: 0.8;
}
.changeProd .thumb li a:active {
  opacity: 0.8;
}
.changeProd .thumb li img {
  -webkit-transform: scale(2.5);
  transform: scale(2.5);
}
.changeProd .thumb:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.changeProd .thumb .over img {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .changeProd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    margin: 0;
  }
  .changeProd .photo {
    width: 100%;
    height: auto !important;
  }
  .changeProd .photo img {
    max-width: 100%;
  }
  .changeProd .thumb {
    margin: 2% 2% 3%;
    width: 65%;
  }
  .changeProd .thumb ul {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .changeProd .thumb li {
    width: 40px;
    height: 40px;
    margin: 0 1% 1%;
  }
  .changeProd .thumb li span {
    width: 100%;
    height: 0;
    padding-top: 61%;
  }
  .changeProd .thumb li img {
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
    height: 40px;
    margin-top: -5px;
  }
  .changeProd .thumb li a {
    width: 100%;
    height: 40px;
  }
}
@media screen and (max-width: 320px) {
  .changeProd .photo img {
    max-height: 180px;
  }
}

.iziModal {
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  overflow: hidden;
}

.iziModal-overlay {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.iziModal-navigate {
  z-index: 1000 !important;
}

.iziModal-navigate > button {
  height: 100px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
}
.iziModal-navigate > button.iziModal-navigate-next, .iziModal-navigate > button.iziModal-navigate-prev {
  background: none;
}
@media screen and (min-width: 768px) {
  .iziModal-navigate > button.iziModal-navigate-next, .iziModal-navigate > button.iziModal-navigate-prev {
    width: 120px;
    height: 80px;
  }
}
.iziModal-navigate > button.iziModal-navigate-next::before, .iziModal-navigate > button.iziModal-navigate-prev::before {
  content: "";
  display: inline-block;
  width: 70px;
  height: 14px;
  margin-top: -7px;
  border-bottom: 2px solid #fff;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.iziModal-navigate > button.iziModal-navigate-prev {
  border-left: #fff 1px solid !important;
  border-bottom: #fff 1px solid !important;
}
.iziModal-navigate > button.iziModal-navigate-prev::before {
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  border-left: 2px solid #fff;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.iziModal-navigate > button.iziModal-navigate-next {
  border-right: #fff 1px solid !important;
  border-bottom: #fff 1px solid !important;
}
.iziModal-navigate > button.iziModal-navigate-next::before {
  -webkit-transform: skewX(35deg);
  transform: skewX(35deg);
  border-right: 2px solid #fff;
}
@media screen and (min-width: 768px) {
  .iziModal-navigate > button.iziModal-navigate-prev:hover::before {
    -webkit-transform: skewX(-35deg) scaleX(0.8);
    transform: skewX(-35deg) scaleX(0.8);
  }
  .iziModal-navigate > button.iziModal-navigate-next:hover::before {
    -webkit-transform: skewX(35deg) scaleX(0.8);
    transform: skewX(35deg) scaleX(0.8);
  }
}

@media screen and (max-width: 767px) {
  .iziModal {
    height: 100vh !important;
  }
  .iziModal-overlay {
    background-color: rgb(0, 0, 0) !important;
    -webkit-animation: none !important;
    animation: none !important;
  }
  .iziModal-navigate-caption {
    display: none !important;
  }
  .iziModal-navigate > button {
    opacity: 1 !important;
    margin: 0 !important;
    z-index: 1000 !important;
    width: 34px;
  }
  .iziModal-navigate > button.iziModal-navigate-next, .iziModal-navigate > button.iziModal-navigate-prev {
    top: auto !important;
    bottom: 0 !important;
    height: 20px !important;
  }
  .iziModal-navigate > button.iziModal-navigate-next::before, .iziModal-navigate > button.iziModal-navigate-prev::before {
    width: 20px;
    height: 6px;
    margin-bottom: 3px;
  }
  .iziModal-navigate > button.iziModal-navigate-prev {
    left: 10px !important;
  }
  .iziModal-navigate > button.iziModal-navigate-next {
    left: auto !important;
    right: 10px !important;
  }
}
/*-------------------------------------------
/* /support/
-------------------------------------------*/
.contentsSupport .lv1Heading {
  line-height: 1.1;
}
.contentsSupport .lv2Heading {
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .contentsSupport .lv2Heading {
    margin-top: 60px;
    margin-bottom: 75px;
  }
}
.contentsSupport .lv3Heading {
  margin-bottom: 0;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .contentsSupport .lv3Heading {
    margin-top: 60px;
  }
}
.contentsSupport p {
  line-height: 2;
}
.contentsSupport .deciList01 {
  margin-bottom: 15px !important;
}
.contentsSupport .deciList01 > li {
  padding-left: 0.5em;
}
.contentsSupport a:not(.linkBtn) {
  color: #0061D1;
}
.contentsSupport a:not(.linkBtn):visited {
  color: #0061D1;
}

/*-------------------------------------------
/* /support/where/
-------------------------------------------*/
.kvLinkList.-support {
  position: relative;
}
.kvLinkList.-support > li {
  position: static;
}
.kvLinkList.-support > li:not(:last-child) {
  margin-right: 0;
}
@media screen and (min-width: 960px) {
  .kvLinkList.-support > li:not(:last-child) {
    padding-left: 0;
    padding-right: 20px;
  }
}
@media screen and (min-width: 960px) {
  .kvLinkList.-support > li .dropMenuList {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 12px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 960px) {
  .kvLinkList.-support > li .dropMenuList::before {
    left: 286px;
  }
}
@media screen and (max-width: 767px) {
  .kvLinkList.-support > li .dropMenuList li {
    width: 50%;
  }
}
@media screen and (min-width: 960px) {
  .kvLinkList.-support > li .dropMenuList li:nth-child(2) a {
    padding-right: 1em;
  }
}
@media screen and (max-width: 959px) {
  .kvLinkList.-support > li .dropMenuList li:nth-child(odd) {
    width: 70%;
  }
}
@media screen and (max-width: 959px) {
  .kvLinkList.-support > li .dropMenuList li:nth-child(even) {
    width: 30%;
  }
}
.kvLinkList.-support > li .dropMenuList li a {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.contentsSupport.-whereToBuy .borderArea {
  padding: 20px 30px;
  border: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .contentsSupport.-whereToBuy .borderArea {
    padding: 15px;
  }
}
.contentsSupport.-whereToBuy .borderArea .lv3Heading {
  margin-top: 0;
  line-height: 1.75;
}
.contentsSupport.-whereToBuy .borderArea p {
  line-height: 1.75;
}
.contentsSupport.-whereToBuy .borderArea + .borderArea {
  margin-top: 40px;
}
.contentsSupport.-whereToBuy .borderArea .container {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .contentsSupport.-whereToBuy .borderArea .container .supportAddress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .contentsSupport.-whereToBuy .borderArea .container .supportAddress_logo {
    width: 212px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .contentsSupport.-whereToBuy .borderArea .container .supportAddress_logo {
    margin-bottom: 15px;
  }
}
.contentsSupport.-whereToBuy .borderArea .container .supportAddress_logo a {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.contentsSupport.-whereToBuy .borderArea .container .supportAddress_logo a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.contentsSupport.-whereToBuy .borderArea .container .supportAddress_logo img {
  width: auto;
}
@media screen and (min-width: 768px) {
  .contentsSupport.-whereToBuy .borderArea .container .supportAddress_logo.-knoll {
    width: 255px;
  }
}

/*-------------------------------------------
/* /support/b2b.html
-------------------------------------------*/
.contentsSupport.-b2b h2 {
  font-weight: bold;
  font-size: 2.4rem;
  color: #FF0000;
}
@media screen and (max-width: 767px) {
  .contentsSupport.-b2b h2 {
    font-size: 1.8rem;
  }
}
.contentsSupport.-b2b p {
  line-height: 1.75;
}
.contentsSupport.-b2b a.underlineLink {
  color: #000;
  text-decoration: underline;
}
.contentsSupport.-b2b a.underlineLink:hover {
  text-decoration: none;
}
.contentsSupport.-b2b .container {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .contentsSupport.-b2b .container {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .contentsSupport.-b2b .container .row + .row {
    margin-top: 20px;
  }
}
.contentsSupport.-b2b .container .linkBtn {
  max-width: none;
}

/*-------------------------------------------
/* /swatches/
-------------------------------------------*/
.kvLinkList.-swatches .dropMenuList::before {
  left: unset;
  right: 40px;
}
.kvLinkList.-swatches .dropMenuList {
  left: unset;
  right: 0;
}

.noteList li {
  position: relative;
  padding-left: 0.5em;
}
.noteList li::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}

.swatchesSearchResultTitle {
  margin-bottom: 2rem;
  font-size: 2.4rem;
}

.swatchesArea {
  margin: 5rem 0;
}
@media screen and (min-width: 960px) {
  .swatchesArea {
    padding-right: 0;
  }
}
.swatchesArea .swatchesList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px -30px;
}
@media screen and (max-width: 767px) {
  .swatchesArea .swatchesList {
    margin: 0 -5px -30px;
  }
}
.swatchesArea .swatchesList li {
  padding: 0 10px 30px;
  width: 11.1111111111%;
}
@media screen and (max-width: 767px) {
  .swatchesArea .swatchesList li {
    padding: 0 5px 30px;
    width: 33.3333333333%;
  }
}

.swatchesList .swatchesImg {
  margin-bottom: 1rem;
}
.swatchesList .swatchesImg img {
  width: 100%;
}
.swatchesList .swatchesType,
.swatchesList .swatchesNumber,
.swatchesList .swatchesTitle {
  line-height: 1.2;
}
.swatchesList .swatchesType,
.swatchesList .swatchesNumber {
  font-weight: bold;
}
.swatchesList .swatchesLink {
  margin-top: -10px;
  min-height: 55px;
}
.swatchesList li p {
	line-height: 1.25;
/*	font-size: 1.6rem; */
	font-size: 1.5rem;
}
.swatchesList .request_btn {
	color: #fff;
	background-color: #000;
	width: 115.5px;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	max-width: 100%;
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.3px;
	line-height: 1.2;
	padding: 10px;
	margin-top: 10px;
	text-overflow: ellipsis;
	-webkit-transition: background 200ms ease;
	transition: background 200ms ease;
/*
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(0, 0, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(0, 0, 0);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(0, 0, 0);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
display: inline-block;
font-family: -apple-system;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
text-align: center;
*/
}
.swatchesList .request_btn:hover {
	background-color: #fff;
	color: #000;
}

/*-------------------------------------------
/* /news/
-------------------------------------------*/
/*--------------------------------------------------
Tab
--------------------------------------------------*/
.bl_tabLink.-space {
  margin-top: 3%;
  margin-bottom: 3%;
}
@media screen and (min-width: 768px) {
  .bl_tabLink.-small > ul li {
    max-width: 210px;
  }
}
@media screen and (min-width: 768px) {
  .bl_tabLink.-fzSmall > ul li a {
    font-size: 1.4rem;
  }
}
.bl_tabLink > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
  padding-bottom: 30px;
}
.bl_tabLink > ul li {
  position: relative;
  cursor: pointer;
}
.bl_tabLink > ul li a {
  display: block;
  padding: 7px 8px 6px;
  line-height: 1;
  text-align: center;
  font-weight: 600;
  color: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bl_tabLink > ul li a:hover {
  text-decoration: none;
  color: #fff;
  background: #000;
}
.bl_tabLink > ul li:not(.is_current):not([aria-selected=true]):hover {
  color: #0089ff;
}
.bl_tabLink > ul li.is_current a, .bl_tabLink > ul li[aria-selected=true] a {
  color: #fff;
  background: #000;
}
.bl_tabLink > ul li:not(:last-child) {
  margin-right: 43px;
}
@media screen and (min-width: 768px) {
  .bl_headingWrap + .bl_tabLink {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .bl_tabLink > ul {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_tabLink {
    position: relative;
  }
  .bl_headingWrap + .bl_tabLink {
    margin-top: 20px;
  }
  .bl_tabLink > ul {
    position: relative;
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 30px;
  }
  .bl_tabLink > ul li {
    display: inline-block;
  }
  .bl_tabLink > ul li:not(:last-child) {
    margin-right: 10px;
  }
  .bl_tabLink + .lv1Heading {
    margin-bottom: 30px;
    padding-top: 30px;
  }
}

.bl_iframe iframe {
  width: 100%;
}

[role=tabpanel] {
  display: none;
}
[role=tabpanel][aria-hidden=false] {
  display: block;
  -webkit-animation: anmFadeIn 0.7s ease 0s;
  animation: anmFadeIn 0.7s ease 0s;
}

@-webkit-keyframes anmFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes anmFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*-------------------------------------------
/* /featured/
-------------------------------------------*/
#contents.maxWidth960 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
#contents.maxWidth960 .lhWrap {
  margin: 0;
}
#contents.maxWidth960 .lhWrap .videoWrap {
  min-height: 0 !important;
}
#contents.maxWidth960 .lhWrap .videoWrap iframe,
#contents.maxWidth960 .lhWrap .videoWrap > div {
  display: block !important;
}
@media screen and (max-width: 767px) {
  #contents.maxWidth960 .lhWrap .lhAbout > .thumb {
    max-width: 234px;
  }
}

/*-------------------------------------------
/* /collection/
-------------------------------------------*/
@media screen and (min-width: 768px) {
  .maxWidth #headerWrap {
    width: 100% !important;
    left: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .maxWidth #breadCrumb {
    width: auto !important;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

#breadCrumb {
  padding-top: 141px;
  margin-bottom: 10px;
  font-size: 1.2rem;
  clear: both;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #breadCrumb {
    padding-top: 58px;
  }
}
@media screen and (max-width: 767px) {
  #breadCrumb ul {
    padding: 0 5px;
  }
}
#breadCrumb ul li {
  float: left;
  white-space: nowrap;
  margin-right: 5px;
  padding-top: 3px;
  color: #999;
  line-height: 1.2;
  white-space: normal;
}
#breadCrumb ul li::before {
  content: ">";
  font-family: verdana, sans-serif;
  padding: 0 3px 0 8px;
}
#breadCrumb ul li:first-child::before {
  display: none;
}
#breadCrumb ul li a {
  text-decoration: underline;
  color: #999;
}

@media screen and (min-width: 768px) {
  .maxWidth footer {
    width: auto !important;
    margin-top: 0 !important;
  }
}

/*-------------------------------------------
/* /collection/eco/
-------------------------------------------*/
.ecoPanelWrap.tabContents {
  display: block;
}

/*-------------------------------------------
features
-------------------------------------------*/
.contentsBgGray {
  background: #666;
}
@media screen and (max-width: 767px) {
  .contentsBgGray {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*-------------------------------------------
features/index.html
-------------------------------------------*/
.contentsFeaturesTop {
  margin-bottom: 80px;
  padding-top: 60px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .contentsFeaturesTop {
    margin-bottom: 40px;
    padding-top: 30px;
    padding-bottom: 50px;
  }
}
.contentsFeaturesTop .contentsFeaturesTopTitle {
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
  font-size: 6.4rem;
  font-size: clamp(3.2rem, 10vw, 6.4rem);
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
.contentsFeaturesTop .contentsFeaturesTopText {
  margin-bottom: 35px;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
}
.contentsFeaturesTop .containerFeaturesIndex {
  margin-top: 60px;
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .contentsFeaturesTop .containerFeaturesIndex {
    margin-top: 30px;
  }
}
.contentsFeaturesTop .containerFeaturesIndex::before {
  content: none;
}
.contentsFeaturesTop .containerFeaturesIndex .title,
.contentsFeaturesTop .containerFeaturesIndex .text {
  color: #fff;
}

.containerFeaturesIndex {
  padding-top: 90px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .containerFeaturesIndex {
    padding-top: 50px;
  }
}
.containerFeaturesIndex::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 120px;
  height: 10px;
  margin: 0 auto;
  background: #000;
}
@media screen and (min-width: 768px) {
  .containerFeaturesIndex .row + .row {
    margin-top: 36px;
  }
}
.containerFeaturesIndex .row > [class*=col-]:hover {
  opacity: 1;
}
.containerFeaturesIndex .row > [class*=col-]:hover .lumpL::after {
  border-width: 0.5vw;
}
.containerFeaturesIndex .row > [class*=col-]:hover .lumpEnd {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .containerFeaturesIndex .row > [class*=col-] {
    padding: 36px 0 0;
  }
}
.containerFeaturesIndex .lumpL {
  max-width: 55%;
  position: relative;
  display: block;
}
.containerFeaturesIndex .lumpL::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center left;
  transform-origin: center left;
  border: 0px solid #fff;
  opacity: 0.3;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .containerFeaturesIndex .lumpL {
    max-width: none;
    float: none;
    margin: 0 0 20px;
    width: 100%;
  }
}
.containerFeaturesIndex .lumpEnd {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.containerFeaturesIndex .title {
  font-weight: bold;
  line-height: 1.3;
}
.containerFeaturesIndex .subTitle {
  font-size: 1.6rem;
  line-height: 1.3;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .containerFeaturesIndex .subTitle {
    font-size: 1.4rem;
  }
}
.containerFeaturesIndex .subTitle.colorBlack {
  color: #000;
}
.containerFeaturesIndex .text {
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 1.3;
  overflow: hidden;
  word-break: keep-all;
}
@media screen and (max-width: 767px) {
  .containerFeaturesIndex .text {
    font-size: 1.4rem;
    margin-top: 10px;
  }
}

.FeaturesTopCollaboTitleWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 44px;
}
@media screen and (max-width: 767px) {
  .FeaturesTopCollaboTitleWrap {
    margin-bottom: 30px;
  }
}
.FeaturesTopCollaboTitleWrap .title {
  margin-right: 36px;
  line-height: 1;
  font-size: 6rem;
  font-size: clamp(2.8rem, 8.75vw, 6rem);
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .FeaturesTopCollaboTitleWrap .title {
    margin-right: 15px;
  }
}
.FeaturesTopCollaboTitleWrap .link a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.4rem;
  font-size: clamp(1.2rem, 3.75vw, 2.4rem);
  color: #000;
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
.FeaturesTopCollaboTitleWrap .link a .arrow {
  margin-right: 14px;
}
.FeaturesTopCollaboTitleWrap .link a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .FeaturesTopCollaboTitleWrap .link a:hover .arrow {
    margin-left: 10px;
    width: 60px;
  }
}

.lumpMixCollaboLink {
  display: block;
  color: #000;
}
.lumpMixCollaboLink + .lumpMixCollaboLink {
  margin-top: 40px;
}
.lumpMixCollaboLink .lumpL {
  margin: 0 40px 0 0;
}
@media screen and (max-width: 767px) {
  .lumpMixCollaboLink .lumpL {
    float: none;
    max-width: 100%;
    width: auto;
    margin: 0 0 20px;
  }
  .lumpMixCollaboLink .lumpL img {
    width: 100%;
  }
}
.lumpMixCollaboLink .heading {
  margin-bottom: 20px;
  line-height: 1.3;
  font-weight: bold;
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  .lumpMixCollaboLink .heading {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 768px) {
  .lumpMixCollaboLink .textLinkWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.lumpMixCollaboLink .textLinkWrap .link {
  padding-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .lumpMixCollaboLink .textLinkWrap .link {
    padding-top: 10px;
  }
}
.lumpMixCollaboLink:hover {
  text-decoration: none;
}
.lumpMixCollaboLink:hover .skewButton::after {
  width: calc(100% + 1px);
}
.lumpMixCollaboLink:hover .arrow {
  border-color: #fff;
}

.featuresNewsTitle {
  margin-top: 95px;
  margin-bottom: 50px;
  line-height: 1.3;
  font-weight: bold;
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  .featuresNewsTitle {
    margin-top: 50px;
    margin-bottom: 25px;
    font-size: 2.2rem;
  }
}

.containerFeaturesNews .row .img-col + .elem-col {
  padding-top: 15px;
}
.containerFeaturesNews .img-col {
  position: relative;
}
.containerFeaturesNews .img-col.labelNew::after {
  content: "NEW";
  position: absolute;
  right: 0;
  bottom: -25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
  background: #000;
}
@media screen and (max-width: 767px) {
  .containerFeaturesNews .img-col.labelNew::after {
    bottom: -15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1rem;
  }
}
.containerFeaturesNews .elem-col {
  padding-top: 15px;
}
.containerFeaturesNews .elem-col .heading {
  color: #000;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .containerFeaturesNews .elem-col .heading {
    font-size: 1.4rem;
  }
}
.containerFeaturesNews .elem-col .text {
  line-height: 1.3;
  font-weight: bold;
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .containerFeaturesNews .elem-col .text {
    font-size: 1.6rem;
  }
}
.containerFeaturesNews .row .heading + .text {
  margin-top: 10px;
}

.linkBtnFeaturesNews {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .linkBtnFeaturesNews {
    margin-top: 50px;
  }
}

/*-------------------------------------------
features/collabo/
-------------------------------------------*/
.collaboLinkList ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.collaboLinkList ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.collaboLinkList ul li a {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 9px 0 8px;
  line-height: 1.3;
  font-weight: bold;
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
  color: #222;
  text-align: center;
  border-right: 1px solid #000;
}
.collaboLinkList ul li a::after {
  content: none;
  position: absolute;
  top: -6px;
  left: -1px;
  width: calc(100% + 2px);
  height: 6px;
  background: #000;
}
.collaboLinkList ul li a:hover, .collaboLinkList ul li a:focus, .collaboLinkList ul li a.current {
  text-decoration: none;
}
.collaboLinkList ul li a:hover::after, .collaboLinkList ul li a:focus::after, .collaboLinkList ul li a.current::after {
  content: "";
}
@media screen and (max-width: 767px) {
  .collaboLinkList ul li a {
    font-size: 1.2rem;
  }
  .collaboLinkList ul li a::after {
    top: -3px;
    height: 3px;
  }
}
.collaboLinkList ul li:nth-child(1) a {
  border-left: 1px solid #000;
}

/*-------------------------------------------
features/btm_01.html
-------------------------------------------*/
.contentsBtmKv {
  padding-top: 50px;
}
@media screen and (max-width: 767px) {
  .contentsBtmKv {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .contentsBtmKv .kvLinkList.-dropMenu > li:not(:last-child) {
    margin-right: 35px;
  }
}

.contentsFeaturesBtm {
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .contentsFeaturesBtm {
    padding-bottom: 30px;
  }
}
.contentsFeaturesBtm .contentsFeaturesBtmTitle {
  margin-bottom: 25px;
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .contentsFeaturesBtm .contentsFeaturesBtmTitle {
    margin-bottom: 12px;
    font-size: 2rem;
  }
}
.contentsFeaturesBtm .contentsFeaturesBtmTitle span {
  display: inline-block;
  margin-right: 50px;
  font-size: 1.6rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .contentsFeaturesBtm .contentsFeaturesBtmTitle span {
    display: block;
    margin-right: 0;
    font-size: 1.4rem;
  }
}
.contentsFeaturesBtm .videoYoutube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
}
@media screen and (max-width: 767px) {
  .contentsFeaturesBtm .videoYoutube {
    width: calc(100% + 20px);
  }
}
.contentsFeaturesBtm .videoYoutube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.interviewTitleMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .interviewTitleMain {
    display: block;
  }
}
.interviewTitleMain .title {
  margin-right: 8px;
  font-size: 3.2rem;
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .interviewTitleMain .title {
    margin-right: 0;
    font-size: 2.2rem;
  }
}

.interviewTitleSub {
  margin-bottom: 60px;
  padding: 8px 8px 2px;
  line-height: 1.3;
  font-size: 3.6rem;
  font-family: "DINNextLTPro-Medium", "DIN 2014", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
  color: #fff;
  background: #222;
}
@media screen and (min-width: 768px) {
  .interviewTitleSub.-small {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 767px) {
  .interviewTitleSub {
    margin-bottom: 30px;
    font-size: 2.4rem;
  }
}

.interviewText {
  margin-bottom: 80px;
}
.interviewText p + p {
  margin-top: 1.5em;
}
@media screen and (max-width: 767px) {
  .interviewText {
    margin-bottom: 40px;
  }
}
.interviewText p {
  line-height: 2;
}
.interviewText p + p {
  margin-top: 1em;
}

.interviewTitleAbout {
  margin-bottom: 30px;
  line-height: 1.3;
  font-weight: bold;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .interviewTitleAbout {
    margin-bottom: 15px;
  }
}

.interviewLinkHP a {
  text-decoration: underline;
  font-size: 1.6rem;
  color: #333;
}
.interviewLinkHP a:hover {
  text-decoration: none;
}

.interviewLinkSNS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .interviewLinkSNS {
    margin-top: 20px;
  }
}
.interviewLinkSNS li {
  width: 46px;
}
.interviewLinkSNS li:not(:last-child) {
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .interviewLinkSNS li:not(:last-child) {
    margin-right: 15px;
  }
}
.interviewLinkSNS li a {
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.interviewLinkSNS li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.interviewLinkSNS li a:hover {
  opacity: 0.7;
}
.interviewLinkSNS li img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .interviewLinkSNS li {
    width: 23px;
  }
}

.pdfForm {
  margin: 80px 0 100px;
  padding: 60px 20px;
  background: rgba(93, 93, 93, 0.27);
}
@media screen and (max-width: 767px) {
  .pdfForm {
    margin: 40px -10px 50px;
    padding: 30px 10px;
  }
}
.pdfForm .pdfFormTitle {
  margin-bottom: 50px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pdfForm .pdfFormTitle {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 768px) {
  .pdfForm .pdfFormWrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.pdfForm .pdfFormWrap .pdfFormWrapImg {
  margin-right: 5%;
}
@media screen and (max-width: 767px) {
  .pdfForm .pdfFormWrap .pdfFormWrapImg {
    position: static;
    margin: 0 0 20px;
    text-align: center;
  }
}
.pdfForm .pdfFormWrap .pdfFormWrapImg img {
  width: 300px;
}

/*-------------------------------------------
functions
-------------------------------------------*/
/*-------------------------------------------
variable
-------------------------------------------*/
/*-------------------------------------------
mixin
-------------------------------------------*/
/*--------------------------------------------------
table
--------------------------------------------------*/
.bl_table, .bl_article .post table {
  border-top: 1px solid;
  border-left: 1px solid;
  width: 100%;
  /* type1 [border none]
  ----------------------------------------------- */
  /* type2 [border dash]
  ----------------------------------------------- */
  /* pad3 [padding 3px]
  ----------------------------------------------- */
  /* pad10 [padding 10px]
  ----------------------------------------------- */
  /* SP Adjust
  ----------------------------------------------- */
  /* Table Adjust
  ----------------------------------------------- */
  /* Border Adjust
  ----------------------------*/
  /* Nest Table Style clear
  ----------------------------*/
}
.bl_table caption, .bl_article .post table caption {
  margin: 0;
  padding: 10px 0;
  border: 1px solid;
  border-bottom: none;
  background: #eaeaea;
  text-align: center;
}
.bl_table th, .bl_article .post table th, .bl_table td, .bl_article .post table td {
  padding: 18px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  font-weight: normal;
  background: #fff;
}
.bl_table th, .bl_article .post table th {
  background: #f4f4f4;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .bl_table th, .bl_article .post table th, .bl_table td, .bl_article .post table td {
    padding: 10px;
  }
  .bl_table.-vertical, .bl_article .post table.-vertical {
    display: block;
  }
  .bl_table.-vertical caption, .bl_article .post table.-vertical caption, .bl_table.-vertical tbody, .bl_article .post table.-vertical tbody, .bl_table.-vertical thead, .bl_article .post table.-vertical thead, .bl_table.-vertical tr, .bl_article .post table.-vertical tr, .bl_table.-vertical th, .bl_article .post table.-vertical th, .bl_table.-vertical td, .bl_article .post table.-vertical td {
    display: block;
  }
  .bl_table.-vertical tbody, .bl_article .post table.-vertical tbody, .bl_table.-vertical thead, .bl_article .post table.-vertical thead, .bl_table.-vertical tr, .bl_article .post table.-vertical tr, .bl_table.-vertical th, .bl_article .post table.-vertical th, .bl_table.-vertical td, .bl_article .post table.-vertical td {
    width: 100%;
  }
}
.bl_table.-noBorder, .bl_article .post table.-noBorder {
  border-width: 0;
  line-height: 1.5;
  width: auto;
}
.bl_table.-noBorder th, .bl_article .post table.-noBorder th,
.bl_table.-noBorder td,
.bl_article .post table.-noBorder td {
  padding: 10px;
  font-weight: normal;
  vertical-align: top;
  border: none;
}
.bl_table.-noBorder th, .bl_article .post table.-noBorder th {
  background: transparent;
}
.bl_table.-noBorder tbody th, .bl_article .post table.-noBorder tbody th {
  text-align: left;
}
.bl_table.-dash, .bl_article .post table.-dash {
  border: none;
}
.bl_table.-dash th, .bl_article .post table.-dash th,
.bl_table.-dash td,
.bl_article .post table.-dash td {
  padding: 20px 10px;
  border: none;
  border-bottom: #ccc 1px dotted;
  font-weight: normal;
  background: transparent;
}
.bl_table.-dash th, .bl_article .post table.-dash th {
  font-weight: bold;
}
@media (max-width: 767px) {
  .bl_table.-dash th, .bl_article .post table.-dash th,
.bl_table.-dash td,
.bl_article .post table.-dash td {
    padding: 10px;
  }
  .bl_table.-dash.-spVertical th, .bl_article .post table.-dash.-spVertical th {
    padding: 15px 10px 0;
    border-bottom: none;
  }
  .bl_table.-dash.-spVertical td, .bl_article .post table.-dash.-spVertical td {
    padding: 5px 10px 15px;
  }
}
.bl_table.-pad3 th, .bl_article .post table.-pad3 th, .bl_table.-pad3 td, .bl_article .post table.-pad3 td {
  padding: 3px !important;
}
.bl_table.-pad10 th, .bl_article .post table.-pad10 th, .bl_table.-pad10 td, .bl_article .post table.-pad10 td {
  padding: 10px;
}
@media screen and (max-width: 767px) {
  .bl_table.-spVertical caption, .bl_article .post table.-spVertical caption, .bl_table.-spVertical tbody, .bl_article .post table.-spVertical tbody, .bl_table.-spVertical thead, .bl_article .post table.-spVertical thead, .bl_table.-spVertical tr, .bl_article .post table.-spVertical tr, .bl_table.-spVertical th, .bl_article .post table.-spVertical th, .bl_table.-spVertical td, .bl_article .post table.-spVertical td {
    display: block;
  }
  .bl_table.-spVertical th, .bl_article .post table.-spVertical th, .bl_table.-spVertical td, .bl_article .post table.-spVertical td {
    width: 100% !important;
  }
}
.bl_table.-thC th, .bl_article .post table.-thC th {
  text-align: center !important;
}
.bl_table.-tdC td, .bl_article .post table.-tdC td {
  text-align: center !important;
}
.bl_table.-thR th, .bl_article .post table.-thR th {
  text-align: right !important;
}
.bl_table.-tdR td, .bl_article .post table.-tdR td {
  text-align: right !important;
}
.bl_table.-thBold th, .bl_article .post table.-thBold th {
  font-weight: bold;
}
.bl_table.-verMiddle th, .bl_article .post table.-verMiddle th, .bl_table.-verMiddle td, .bl_article .post table.-verMiddle td {
  vertical-align: middle !important;
}
.bl_table.-cellC th, .bl_article .post table.-cellC th, .bl_table.-cellC td, .bl_article .post table.-cellC td {
  text-align: center;
}
.bl_table.-nowrap th, .bl_article .post table.-nowrap th, .bl_table.-nowrapHead thead th, .bl_article .post table.-nowrapHead thead th, .bl_table.-nowrapBody tbody th, .bl_article .post table.-nowrapBody tbody th {
  white-space: nowrap;
}
.bl_table th.-bottomLine01, .bl_article .post table th.-bottomLine01,
.bl_table td.-bottomLine01,
.bl_article .post table td.-bottomLine01 {
  border-bottom: 1px dotted #ccc;
}
.bl_table th.-nonTop, .bl_article .post table th.-nonTop,
.bl_table td.-nonTop,
.bl_article .post table td.-nonTop {
  border-top: none !important;
}
.bl_table th.-nonRight, .bl_article .post table th.-nonRight,
.bl_table td.-nonRight,
.bl_article .post table td.-nonRight {
  border-right: none !important;
}
.bl_table th.-nonBottom, .bl_article .post table th.-nonBottom,
.bl_table td.-nonBottom,
.bl_article .post table td.-nonBottom {
  border-bottom: none !important;
}
.bl_table th.-nonLeft, .bl_article .post table th.-nonLeft,
.bl_table td.-nonLeft,
.bl_article .post table td.-nonLeft {
  border-left: none !important;
}
.bl_table th.-solidTop, .bl_article .post table th.-solidTop,
.bl_table td.-solidTop,
.bl_article .post table td.-solidTop {
  border-top: 1px solid #ccc !important;
}
.bl_table th.-solidRight, .bl_article .post table th.-solidRight,
.bl_table td.-solidRight,
.bl_article .post table td.-solidRight {
  border-right: 1px solid #ccc !important;
}
.bl_table th.-solidBottom, .bl_article .post table th.-solidBottom,
.bl_table td.-solidBottom,
.bl_article .post table td.-solidBottom {
  border-bottom: 1px solid #ccc !important;
}
.bl_table th.-solidLeft, .bl_article .post table th.-solidLeft,
.bl_table td.-solidLeft,
.bl_article .post table td.-solidLeft {
  border-left: 1px solid #ccc !important;
}
.bl_table.-tShadeLine .-odd th, .bl_article .post table.-tShadeLine .-odd th, .bl_table.-tShadeLine .-odd td, .bl_article .post table.-tShadeLine .-odd td {
  background-color: #f6f6f6;
}
.bl_table .nest, .bl_article .post table .nest {
  border: none;
}
.bl_table .nest th, .bl_article .post table .nest th,
.bl_table .nest td,
.bl_article .post table .nest td {
  background-color: transparent;
  font-weight: normal;
  line-height: 1.4;
  padding: 0;
  border: none;
}

/* Scroll horizontally
----------------------------*/
.bl_spTableScroll {
  overflow-x: scroll;
  padding-bottom: 10px;
}
.bl_spTableScroll::-webkit-scrollbar {
  height: 7px;
}
.bl_spTableScroll::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px;
}
.bl_spTableScroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

@media screen and (max-width: 767px) {
  .bl_spTable1 table th,
.bl_spTable1 table td {
    font-size: 1rem !important;
    padding: 1rem !important;
    line-height: 1.4 !important;
  }
  .bl_spTable2 table th,
.bl_spTable2 table td {
    font-size: 0.7rem !important;
    padding: 0.7rem !important;
    line-height: 1.3 !important;
  }
  .bl_spTable3 table th,
.bl_spTable3 table td {
    font-size: 0.4rem !important;
    padding: 0.4rem !important;
    line-height: 1.2 !important;
  }
}
/*--------------------------------------------------
Media
--------------------------------------------------*/
/* bl_imgWrap
--------------------------------*/
.bl_imgWrap {
  margin: 4% auto;
  text-align: center;
}
.bl_imgWrap img {
  text-align: center;
}
.bl_imgWrap figcaption {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .bl_imgWrap.-slim {
    max-width: 800px;
    margin: inherit auto;
  }
}

/* bl_media
--------------------------------*/
.bl_media {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bl_media + .bl_media {
  margin-top: 5%;
}
.bl_media .mediaImg figcaption {
  margin-top: 10px;
}
.bl_media .mediaBody {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.bl_media .mediaBody > *:first-child {
  margin-top: 0;
}
.bl_media .mediaBody > *:last-child {
  margin-bottom: 0;
}
.bl_media .heading {
  margin-bottom: 10px;
  font-weight: bold;
}
.bl_media.-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.bl_media.-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.bl_media.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.bl_media.-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.bl_media.-float {
  display: block;
  overflow: hidden;
}
.bl_media.-float .mediaImg.-right {
  float: right;
  margin-left: 3.3%;
  margin-bottom: 20px;
}
.bl_media.-float .mediaImg.-left {
  float: left;
  margin-right: 3.3%;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .bl_media.-float {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .bl_media.-float .mediaImg.-right {
    margin-left: 0;
  }
  .bl_media.-float .mediaImg.-left {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .bl_media .mediaImg {
    max-width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .bl_media:not(.-spFluid) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .bl_media:not(.-spFluid) .mediaImg {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .bl_media:not(.-spFluid) .mediaImg img {
    width: 100%;
  }
  .bl_media.-spFluid.-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .bl_media.-spFluid.-reverse .mediaImg {
    margin-left: 4%;
  }
  .bl_media.-spFluid .mediaImg {
    width: 30%;
    margin-right: 4%;
  }
  .bl_media.-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .bl_media.-reverse .mediaImg {
    margin: 20px auto 0;
  }
  .bl_media.-end {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bl_media.-free .mediaImg {
    margin: 0 auto 20px;
  }
  .bl_media .-order0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .bl_media .-order1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 20px;
  }
  .bl_media .-order2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 20px;
  }
  .bl_media .-order3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .bl_media .mediaImg {
    margin-right: 40px;
  }
  .bl_media.-reverse .mediaImg {
    margin-left: 40px;
    margin-right: 0;
  }
  .bl_media.-free {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .bl_media.-free .mediaImg {
    margin-right: 70px;
  }
  .bl_media.-free .mediaBody {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

@media screen and (min-width: 768px) {
  .bl_grid .bl_media .mediaImg {
    margin-right: 20px;
  }
}
/*--------------------------------------------------
Card
--------------------------------------------------*/
.bl_card {
  -webkit-transition: 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_card .cardImg {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.bl_card .cardImg img {
  width: auto;
}
.bl_card .cardImg figcaption {
  margin-top: 4.2%;
}
.bl_card .cardBody {
  padding: 4.2% 0 0;
}
.bl_card .cardBody > *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .bl_card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .bl_card .cardBottom {
    margin-top: auto;
  }
  .bl_card .cardBottom .el_btn {
    margin-top: 4%;
  }
}
@media screen and (max-width: 767px) {
  .bl_card .desc {
    margin-top: 2%;
  }
  .bl_card .cardBottom {
    margin-top: 6%;
  }
  .bl_card.-horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .bl_card.-horizontal .imgWrapper {
    width: 45%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50%;
  }
  .bl_card.-horizontal .imgWrapper img {
    top: 100%;
    -webkit-transform: scale(2.5) translateY(-70%);
    transform: scale(2.5) translateY(-70%);
  }
  .bl_card.-horizontal .cardBody {
    width: 55%;
  }
  .bl_card.-blue {
    padding: 6%;
  }
}

.bl_cardUnit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardImg, .bl_cardUnit.-newslist.-nothumb > .bl_card .cardImg {
  display: none;
}
.bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .desc, .bl_cardUnit.-newslist.-nothumb > .bl_card .desc {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .bl_cardUnit + .bl_cardUnit {
    margin-top: 50px;
  }
  .bl_cardUnit.-col2 .newsItem, .bl_cardUnit.-col3 .newsItem {
    overflow: hidden;
  }
  .bl_cardUnit.-col2 .newsItem .date, .bl_cardUnit.-col3 .newsItem .date {
    float: left;
  }
  .bl_cardUnit.-col2 .newsItem .tag, .bl_cardUnit.-col3 .newsItem .tag {
    float: right;
  }
  .bl_cardUnit.-col2 .newsItem .subHeading, .bl_cardUnit.-col3 .newsItem .subHeading {
    clear: both;
  }
  .bl_cardUnit.-col1 .cardBody {
    padding-top: 2.2%;
  }
  .bl_cardUnit.-col1 .heading {
    font-size: 2.4rem;
  }
  .bl_cardUnit.-col1 .desc {
    margin-top: 1.8%;
  }
  .bl_cardUnit.-col2 {
    margin-bottom: -3.3%;
  }
  .bl_cardUnit.-col2 > .bl_card {
    width: calc((100% - 3.3%) / 2);
    margin-bottom: 3.3%;
  }
  .bl_cardUnit.-col2 > .bl_card + .bl_card:not(:nth-child(2n+1)) {
    margin-left: 3.3%;
  }
  .bl_cardUnit.-col2 > .bl_card .cardBody {
    padding-top: 4.2%;
  }
  .bl_cardUnit.-col2 > .bl_card .heading {
    font-size: 2.4rem;
    line-height: 1.4;
  }
  .bl_cardUnit.-col3 {
    margin-bottom: -3.3%;
  }
  .bl_cardUnit.-col3 > .bl_card {
    width: calc((100% - 3.3% * 2) / 3);
    margin-bottom: 3.3%;
  }
  .bl_cardUnit.-col3 > .bl_card + .bl_card:not(:nth-child(3n+1)) {
    margin-left: 3.3%;
  }
  .bl_cardUnit.-col3 > .bl_card .tag {
    float: right;
  }
  .bl_cardUnit.-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .bl_cardUnit.-col1 .heading {
    font-size: 2rem;
  }
  .bl_cardUnit.-col2 > .bl_card .heading {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_cardUnit + .bl_cardUnit {
    margin-top: 40px;
  }
  .bl_cardUnit.-col2, .bl_cardUnit.-col3, .bl_cardUnit.-col4 {
    margin-bottom: -40px;
  }
  .bl_cardUnit > .bl_card {
    width: 100%;
    margin-bottom: 40px;
  }
  .bl_cardUnit.-col1 .heading, .bl_cardUnit.-col2 .heading {
    font-size: 1.6rem;
  }
}

/*--------------------------------------------------
Form
--------------------------------------------------*/
.el_keyword {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.el_keyword input[type=text] {
  min-width: 50px;
  height: 40px;
  padding: 5px 10px;
  line-height: 40px;
  border: none;
  background: #fff;
}
.ly_container.-typeA .el_keyword {
  background: #fff;
}

.el_keyword button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #000;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.el_keyword button:hover {
  text-decoration: none;
  opacity: 0.8;
}
.el_keyword button::after {
  font-family: "svgicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: #fff;
  font-size: 2rem;
}

.el_check, .el_radio {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
}
.el_check:hover input + .control, .el_radio:hover input + .control,
.el_check input:focus + .control,
.el_radio input:focus + .control {
  border: #000 1px solid;
  background: #FCF9E7;
}
.el_check + .el_check, .el_radio + .el_check, .el_check + .el_radio, .el_radio + .el_radio {
  margin-left: 3.3%;
}
.el_check input, .el_radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.el_check input:checked + .control, .el_radio input:checked + .control {
  outline: none;
}
.el_check input:checked + .control, .el_radio input:checked + .control {
  background: #000;
  border-color: #000;
}
.el_check input:checked + .control::after, .el_radio input:checked + .control::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.el_check input:disabled + .control, .el_radio input:disabled + .control {
  border-color: #ccc;
  background: #ccc;
}
.el_check .control, .el_radio .control {
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  border: #000 1px solid;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.el_check .control::after, .el_radio .control::after {
  font-family: "svgicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  position: absolute;
  top: 3px;
  left: 1px;
  color: #fff;
  font-size: 1rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(1.45);
  transform: scale(1.45);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.el_radio + .el_radio {
  margin-left: 3.3%;
}
.el_radio .control {
  border-radius: 50%;
}
.el_radio .control::after {
  content: "";
  border-radius: 50%;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
}

/*-------------------------------------------
list
-------------------------------------------*/
.bl_newsList {
  margin-top: 0;
  min-height: 30vw;
}
@media screen and (max-width: 767px) {
  .bl_newsList {
    min-height: 100vw;
  }
  .bl_newsList[data-spwidth=max] {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.bl_newsList .item {
  background-color: #fff;
}
.bl_newsList .item + .item {
  margin: 0;
  border-top: 1px solid #eee;
}
.bl_newsList .item:nth-of-type(2n+1) > a {
  background-color: #fafafa;
}
.bl_newsList .item > a {
  display: block;
  padding: 10px 12px;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_newsList .item > a:hover {
  background-color: #e9f7fb;
  text-decoration: none;
}
.bl_newsList .item > a:hover .title {
  text-decoration: underline;
}
.bl_newsList .item > a.newWindow::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .bl_newsList .item > a {
    padding: 4% 6%;
  }
  .bl_newsList .item > a .title {
    font-size: 1.4rem;
  }
}
.bl_newsList .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bl_newsList .tags time {
  display: inline-block;
  color: #333;
  white-space: nowrap;
}
.bl_newsList .tags span {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 15px 1px;
  font-size: 1.2rem;
  line-height: 1.2;
}
.bl_newsList .tags .cat, .bl_newsList .tags .subcat {
  border-radius: 3px;
  background: #fff;
  white-space: nowrap;
}
.bl_newsList .tags .cat {
  color: #0089ff;
  border: 1px solid #0089ff;
}
.bl_newsList .tags .subcat {
  color: #000;
  border: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .bl_newsList .tags {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 8px;
  }
  .bl_newsList .tags time {
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
  .bl_newsList .tags span {
    margin-left: 0;
    padding: 3px 8px 1px;
    font-size: 1.1rem;
  }
  .bl_newsList .tags span + span {
    margin-left: 5px;
  }
}

/*-------------------------------------------
filter
-------------------------------------------*/
.bl_filterYear {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .bl_filterYear {
    display: block;
    margin-bottom: 6.5%;
  }
}
.bl_filterYear ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding-left: 5em;
}
@media screen and (max-width: 767px) {
  .bl_filterYear ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    padding-left: calc(1.5em + 4%);
  }
}
.bl_filterYear ul li {
  margin: 0 10px;
}
@media screen and (max-width: 767px) {
  .bl_filterYear ul li {
    margin: 0;
    text-align: center;
  }
}
.bl_filterYear ul li:first-child {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .bl_filterYear ul li:first-child {
    margin: 0;
    text-align: left;
  }
}
.bl_filterYear label {
  font-weight: 600;
  font-size: 2rem;
  font-size: fontClamp(10, 20);
  line-height: 1;
  color: #000;
  border: transparent 1px solid;
  padding: 7px 8px 6px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_filterYear label:hover, .bl_filterYear label:focus {
  text-decoration: none;
  border-color: #000;
}
@media screen and (max-width: 767px) {
  .bl_filterYear label {
    font-size: 1.4rem;
  }
}
.bl_filterYear input {
  display: none;
}
.bl_filterYear input:checked + label {
  color: #fff;
  background: #000;
  border-color: #000;
}

.bl_filterWrap .el_detailBtn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  opacity: 0.75;
}
@media screen and (max-width: 767px) {
  .bl_filterWrap .el_detailBtn {
    margin-bottom: 10px;
  }
}
.bl_filterWrap .el_detailBtn button {
  position: relative;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
  background: #f5f5f5;
  border: none;
  padding: 15px 50px 15px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_filterWrap .el_detailBtn button:hover {
  background: #eee;
}
.bl_filterWrap .el_detailBtn button::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/news/images/icon_equalizer.svg) 0 0 no-repeat;
  background-size: contain;
  margin-right: 10px;
}
.bl_filterWrap .el_detailBtn button span {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  right: 20px;
}
.bl_filterWrap .el_detailBtn button span::before, .bl_filterWrap .el_detailBtn button span::after {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #000;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bl_filterWrap .el_detailBtn button span::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 767px) {
  .bl_filterWrap .el_detailBtn button {
    font-size: 1.4rem;
  }
}
.bl_filterWrap .el_detailBtn button.is_open span::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  margin-top: -1px;
}

.bl_filterBox {
  margin-bottom: 40px;
  background: #fff;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  display: none;
}
.bl_filterBox.is_open {
  display: block;
}
@media screen and (max-width: 767px) {
  .bl_filterBox {
    margin-right: -4%;
    margin-left: -4%;
  }
}
.bl_filterBox .bl_filterBox_inner {
  padding: 3.3%;
}
@media screen and (max-width: 767px) {
  .bl_filterBox .bl_filterBox_inner {
    padding: 8% 5%;
  }
}
.bl_filterBox .bl_filterKeyword {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .bl_filterBox .bl_filterKeyword {
    margin-bottom: 6.5%;
  }
}
.bl_filterBox .bl_filterKeyword .el_keyword {
  width: 100%;
  height: 50px;
  max-width: 300px;
}
@media screen and (max-width: 767px) {
  .bl_filterBox .bl_filterKeyword .el_keyword {
    max-width: 100%;
  }
}
.bl_filterBox .bl_filterKeyword .el_keyword input[type=text] {
  width: 100%;
  height: 50px;
  padding: 5px 10px;
  line-height: 50px;
  background: #f5f5f5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.bl_filterBox .bl_filterKeyword .el_keyword button {
  width: 50px;
  height: 50px;
  background: #f5f5f5;
  border: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.bl_filterBox .bl_filterKeyword .el_keyword button:hover {
  text-decoration: none;
  opacity: 0.8;
}
.bl_filterBox .bl_filterKeyword .el_keyword button::after {
  content: "\e906";
  font-size: 1.6rem;
  color: #000;
}
.bl_filterBox .bl_filterKeyword .el_keyword button:hover {
  background-color: #000;
  border-color: #000;
}
.bl_filterBox .bl_filterKeyword .el_keyword button:hover::after {
  color: #fff;
}
.bl_filterBox .bl_filterList [role=tablist] {
  margin-bottom: 2em;
}
.bl_filterBox .bl_filterList .listWrap {
  position: relative;
  display: grid;
  margin-top: 2em;
}
@media screen and (min-width: 768px) {
  .bl_filterBox .bl_filterList .listWrap {
    padding-left: 9em;
  }
  .bl_filterBox .bl_filterList .listWrap.-col2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .bl_filterBox .bl_filterList .listWrap.-col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .bl_filterBox .bl_filterList .listWrap.-col4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .bl_filterBox .bl_filterList .listWrap {
    padding-left: 0;
    grid-template-columns: minmax(100px, 1fr) 1fr;
  }
}
.bl_filterBox .bl_filterList .listWrap dt {
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .bl_filterBox .bl_filterList .listWrap dt {
    font-size: 1.4rem;
  }
}
.bl_filterBox .bl_filterList .listWrap dd {
  margin: 0 20px 10px 0;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .bl_filterBox .bl_filterList .listWrap dd:nth-of-type(2n) {
    margin-right: 0;
  }
}
.bl_filterBox .bl_filterList .bl_grid {
  padding: 0 20px;
}
.bl_filterBox .bl_filterList .bl_grid.-col2, .bl_filterBox .bl_filterList .bl_grid.-col3 {
  margin-bottom: -10px;
}
.bl_filterBox .bl_filterList .bl_grid .grid {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .bl_filterBox .bl_filterList .bl_grid .grid label {
    font-size: 100%;
  }
  .bl_filterBox .bl_filterList .bl_grid.-fluct .grid + .grid {
    margin-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .bl_filterBox .bl_filterList .bl_grid {
    padding: 0;
  }
}
.bl_filterBox .bl_filterBox_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}
.bl_filterBox .bl_filterBox_btn button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  padding: 14px 30px;
  color: #fff;
  border: 1px solid #000;
  font-size: 1.4rem;
}
.bl_filterBox .bl_filterBox_btn button.reset {
  color: #000;
  background: #e5e5e5;
  border-color: #e5e5e5;
}
.bl_filterBox .bl_filterBox_btn button.reset:hover {
  background: #eee;
}
.bl_filterBox .bl_filterBox_btn button.submit {
  background: #000;
  margin-left: 1.25vw;
}
.bl_filterBox .bl_filterBox_btn button.submit:hover {
  color: #000;
  background: #fff;
  border-color: #000;
}
@media screen and (max-width: 767px) {
  .bl_filterBox .bl_filterBox_btn button {
    padding: 10px 20px;
  }
}
.bl_searchNoResult {
  text-align: center;
  font-weight: 600;
}

.bl_moreList {
  text-align: center;
  margin-top: 30px;
}
.bl_moreList button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  padding: 10px 30px;
  color: #fff;
  border: 1px solid #000;
  background: #000;
  display: none;
}
.bl_moreList button:hover {
  color: #000;
  background: #fff;
  border-color: #000;
}

.bl_backFilter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}
.bl_backFilter button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  font-size: 1.4rem;
  color: #000;
  padding-right: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.bl_backFilter button::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  margin: auto;
  width: 8px;
  height: 8px;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  border-width: 1px;
  top: 60%;
  right: 0;
}
.bl_backFilter button:hover {
  text-decoration: underline;
}

/*-------------------------------------------
article
-------------------------------------------*/
.bl_article {
  opacity: 0;
  margin: 0 auto 60px;
  max-width: 960px;
}
@media screen and (max-width: 767px) {
  .bl_article {
    min-height: 50vh;
    padding: 0 4%;
  }
  .bl_article + .linkBtn {
    width: 60vw;
  }
}
@media screen and (min-width: 768px) {
  .bl_article {
    min-height: 90vh;
  }
  .bl_article + .linkBtn {
    min-width: 400px;
  }
}
.bl_article.is_loaded {
  -webkit-animation: fadeInAnime 0.5s linear forwards;
  animation: fadeInAnime 0.5s linear forwards;
  opacity: 1;
}
.bl_article[data-type=latest] {
  position: relative;
  max-height: 200px;
  overflow: hidden;
}
.bl_article[data-type=latest]::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#ffffff));
  background: -webkit-linear-gradient(transparent 0%, #ffffff 100%);
  background: linear-gradient(transparent 0%, #ffffff 100%);
}
.bl_article .date {
  text-align: right;
  margin-top: 1.875vw;
}
@media screen and (max-width: 959px) {
  .bl_article .date {
    font-size: 1.4rem;
    margin-top: 8vw;
  }
}
.bl_article .title {
  font-size: clamp(2rem, 1.8vw, 2.8rem);
  font-weight: 600;
  margin: 1.875vw 0 1.25vw;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 959px) {
  .bl_article .title {
    font-size: 2rem;
    margin: 8vw 0 4vw;
  }
}
.bl_article .bl_headingLv1 {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .bl_article .bl_headingLv1 {
    font-size: 2.4rem;
  }
}
.bl_article .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bl_article .tags li {
  font-size: 1.2rem;
  line-height: 1.2;
}
.bl_article .tags li + li {
  margin-left: 10px;
}
.bl_article .tags .cat, .bl_article .tags .subcat {
  background: #fff;
  padding: 5px 15px 3px;
  border-radius: 3px;
}
.bl_article .tags .cat {
  color: #0089ff;
  border: 1px solid #0089ff;
}
.bl_article .tags .subcat {
  color: #000;
  border: 1px solid #000;
}
@media screen and (max-width: 959px) {
  .bl_article .tags li {
    margin-top: 1.3333333333vw;
  }
  .bl_article .tags li + li {
    margin-left: 10px;
  }
  .bl_article .tags .cat, .bl_article .tags .subcat {
    padding: 3px 10px 2px;
    border-radius: 3px;
  }
}
.bl_article .meta {
  text-align: right;
}
.bl_article .meta span {
  display: block;
}
@media screen and (max-width: 959px) {
  .bl_article .meta {
    font-size: 1.4rem;
  }
}
.bl_article .post {
  margin-top: 3.125vw;
}
@media screen and (max-width: 959px) {
  .bl_article .post {
    font-size: 1.4rem;
    margin-top: 8vw;
  }
}
.bl_article .post h2 {
  font-size: 2.4rem;
  font-weight: 600;
  margin: 3.5625vw 0 1.25vw;
  line-height: 1.4;
}
.bl_headingLv1 + .bl_article .post h2 {
  margin-top: 0;
}
.bl_article .post h2 + h3 {
  margin-top: 0;
}
.bl_article .post h2 + p {
  margin-top: 0;
}
@media screen and (max-width: 959px) {
  .bl_article .post h2 {
    font-size: 2rem;
    margin: 12.5333333333vw 0 4.5333333333vw;
  }
  .bl_headingLv1 + .bl_article .post h2 {
    margin-top: 0;
  }
}
.bl_article .post h3 {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 3.5625vw 0 0.625vw;
  line-height: 1.6;
}
.bl_article .post h3 + p {
  margin-top: 0;
}
@media screen and (max-width: 959px) {
  .bl_article .post h3 {
    margin: 9.8666666667vw 0 2.6666666667vw;
  }
}
.bl_article .post p {
  margin: 3.125vw 0;
}
@media screen and (max-width: 767px) {
  .bl_article .post p {
    margin: 13.3333333333vw 0;
  }
}
.bl_article .post table {
  border-collapse: collapse;
  font-size: 1.4rem;
  margin: 3.125vw 0;
}
.bl_article .post table p {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .bl_article .post table {
    margin: 13.3333333333vw 0;
  }
}
@media screen and (min-width: 768px) {
  .bl_article .post table th, .bl_article .post table td {
    padding: 10px;
  }
  .bl_article .post table tbody th {
    width: 20%;
  }
}
@media screen and (max-width: 959px) {
  .bl_article .post table th, .bl_article .post table td {
    padding: 8px;
  }
}
.bl_article .post ol, .bl_article .post ul {
  padding-left: 2em;
}
.bl_article .post ul > li {
  list-style-type: disc;
}
.bl_article .post ul > li + li {
  margin-top: 0.5em;
}
.bl_article .post em {
  font-style: italic;
}
.bl_article .post .bl_imgWrap {
  margin: 1.875vw auto;
}
.bl_article .post .bl_imgWrap figcaption {
  font-size: 1.4rem;
}
@media screen and (max-width: 959px) {
  .bl_article .post .bl_imgWrap {
    margin: 8vw auto;
  }
  .bl_article .post .bl_imgWrap figcaption {
    font-size: 1.2rem;
  }
}
.bl_article .post .bl_media {
  margin: 3.125vw 0;
}
@media screen and (max-width: 767px) {
  .bl_article .post .bl_media {
    margin: 13.3333333333vw 0;
  }
}
.bl_article .post .bl_media .mediaImg figcaption {
  text-align: center;
  font-size: 1.4rem;
}
.bl_article .post .bl_media .mediaBody h2:first-child,
.bl_article .post .bl_media .mediaBody h3:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .bl_article .post .bl_media .mediaImg {
    max-width: 48.35%;
  }
}
@media screen and (max-width: 959px) {
  .bl_article .post .bl_media .mediaImg figcaption {
    font-size: 1.2rem;
  }
}
.bl_article .post .bl_cardUnit {
  margin: 3.125vw 0;
}
@media screen and (max-width: 767px) {
  .bl_article .post .bl_cardUnit {
    margin: 13.3333333333vw 0;
  }
}
.bl_article .post .bl_cardUnit + .bl_cardUnit {
  margin-top: 0;
}
.bl_article .post .bl_cardUnit .cardImg figcaption {
  text-align: center;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .bl_article .post .bl_cardUnit .bl_card {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 959px) {
  .bl_article .post .bl_cardUnit {
    margin: 0;
  }
  .bl_article .post .bl_cardUnit .cardImg figcaption {
    font-size: 1.2rem;
  }
}
.bl_article .post .el_btn {
  display: inline-block;
  padding: 8px 30px;
  border: 1px solid;
  color: #333;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.bl_article .post .el_btn:hover {
  text-decoration: none;
  opacity: 0.8;
}
.bl_article .post .el_btn:hover, .bl_article .post .el_btn:focus {
  background: #000;
  color: #fff;
}
.bl_article .post .el_btn.-stand {
  border-color: #014099;
  background: #014099;
  color: #fff;
  -webkit-transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_article .post .el_btn.-stand:hover, .bl_article .post .el_btn.-stand:focus {
  background: #fff;
  color: #014099;
  opacity: 1;
}
.bl_article .post .el_btn.-stand:hover.-blank::after, .bl_article .post .el_btn.-stand:focus.-blank::after {
  color: #014099;
}
.bl_article .post .el_btn.-stand.-blank::after {
  color: #fff;
}
.bl_article .post .el_btn.-white {
  border-color: #fff;
  background: #fff;
  color: #014099;
  -webkit-transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_article .post .el_btn.-white:hover.-blank::after, .bl_article .post .el_btn.-white:focus.-blank::after {
  color: #014099;
}
.bl_article .post .el_btn.-white.-blank::after {
  color: #014099;
}
.bl_article .post .el_btn.-wide {
  min-width: 400px;
}
@media screen and (max-width: 767px) {
  .bl_article .post .el_btn.-wide {
    min-width: auto;
    width: auto;
  }
}
.bl_article .post .el_btn.-blank::after {
  font-family: "svgicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  font-size: 1.2rem;
  margin-left: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bl_article .post .el_btn.-blank:hover::after, .bl_article .post .el_btn.-blank:focus::after {
  color: #fff;
}
.bl_article .post .bl_btnWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 60px 0 0;
}
.bl_article .post .bl_btnWrap.-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .bl_article .post .bl_btnWrap .el_btn + .el_btn {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .bl_article .post .bl_btnWrap {
    margin: 40px 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bl_article .post .bl_btnWrap .el_btn + .el_btn {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .bl_article .post .bl_table.-half, .bl_article .post table.-half {
    width: auto;
  }
}
.bl_article .post > *:first-child {
  margin-top: 0;
}
.bl_article .post ._labelPDF::after,
.bl_article .post ._labelEXL::after,
.bl_article .post ._labelZIP::after,
.bl_article .post ._labelVIDEO::after,
.bl_article .post ._labelAUDIO::after {
  display: inline-block;
  padding: 1px 8px;
  color: #fff;
  font-size: 11px;
  line-height: 1.4;
  vertical-align: middle;
  margin: -2px 0 0 7px;
}
.bl_article .post ._labelPDF::after {
  content: "PDF";
  background-color: #c90000;
}
.bl_article .post ._labelEXL::after {
  content: "EXCEL";
  background-color: #19792b;
}
.bl_article .post ._labelZIP::after {
  content: "ZIP";
  background-color: #666;
}
.bl_article .post ._labelVIDEO::after {
  content: "VIDEO";
  background-color: #118cdd;
}
.bl_article .post ._labelAUDIO::after {
  content: "AUDIO";
  background-color: #118cdd;
}

.bl_box .bl_article[data-type=latest]::after {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#eaeef4));
  background: -webkit-linear-gradient(transparent 0%, #eaeef4 100%);
  background: linear-gradient(transparent 0%, #eaeef4 100%);
}

/*--------------------------------------------------
loading
--------------------------------------------------*/
.bl_loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(255, 255, 255, 0.7);
  -webkit-animation: fadeOutAnime 0.3s linear both;
  animation: fadeOutAnime 0.3s linear both;
}
.bl_loading.-part {
  position: relative;
  width: 100%;
  max-height: 60px;
  margin-top: -60px;
}
.bl_loading.is_show {
  visibility: visible;
  -webkit-animation: fadeInAnime 0.5s linear both;
  animation: fadeInAnime 0.5s linear both;
}
.bl_loading .cv-spinner {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.bl_loading .spinner {
  width: 60px;
  height: 60px;
  border: 5px #ddd solid;
  border-top: 5px #000 solid;
  border-radius: 50%;
  -webkit-animation: spinnerAnime 0.8s infinite linear;
  animation: spinnerAnime 0.8s infinite linear;
}

@keyframes spinnerAnime {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutAnime {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadeOutAnime {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/*===========================================
print.css
===========================================*/
@media print {
  html {
    font-size: 50%;
  }
  #wrapper {
    width: 100%;
  }
  #contents #main {
    width: 100%;
  }
  #siteFunctions,
#contents #sidebar,
#globalNav,
#breadCrumb,
footer .footLinks,
footer #footerNav {
    display: none !important;
  }
  #headerWrap {
    width: auto;
    height: 70px;
    position: relative !important;
    margin: 0 0 10px 0 !important;
    padding-bottom: 10px !important;
    border-bottom: #ccc 2px solid !important;
  }
  header #logo {
    left: 0;
  }
  header #logo .groupLogo img {
    width: 130px;
  }
  header #logo .siteLogo {
    padding: 5px 0 0 15px;
  }
  header #logo .siteLogo img {
    width: 70%;
  }
  footer {
    padding: 0;
  }
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
  h1 {
    font-size: 19pt;
    padding: 20px 0;
  }
  h2 {
    font-size: 17pt;
    margin-top: 20px;
  }
  h3 {
    font-size: 15pt;
  }
  h4, h5, h6 {
    font-size: 14pt;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
}
/*# sourceMappingURL=map/common.css.map */