@charset "UTF-8";
/*===========================================
_reset.scss
===========================================*/
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;
  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;
}

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

@media print, screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
a:link {
  -webkit-tap-highlight-color: #014099;
}

a:hover {
  text-decoration: underline;
}

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

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

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

select {
  height: 1.8em;
}

input {
  padding: 0 2px;
  border-radius: 0;
}

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

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/*===========================================
_fonts.scss
===========================================*/
@font-face {
  font-family: "svgicon";
  src: url("../fonts/svgicon.woff?a8ryc2") format("woff"), url("../fonts/svgicon.svg?a8ryc2#svgicon") format("svg");
  font-weight: normal;
  font-style: normal;
}
body, select, input, textarea {
  font-family: Helvetica, Arial, Tahoma, sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.7;
  color: #333;
  letter-spacing: 0.02em;
}

body[data-font=true] {
  font-size: 1.8rem;
  line-height: 1.6;
}

[lang=ja] body,
[lang=ja] select,
[lang=ja] input,
[lang=ja] textarea {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif;
}

@media screen and (max-width: 320px) {
  html {
    font-size: 50%;
  }
  body, select, input, textarea {
    line-height: 1.6;
  }
}
@media only screen and (max-width: 767px) {
  body, select, input, textarea {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
/*===========================================
_layout.scss
* Base Setting
* header
* globalNav
* localNav
* breadCrumb
* contents
* footer
* popup page
* clearfix
===========================================*/
/*-------------------------------------------
Base Setting
-------------------------------------------*/
@media screen and (max-width: 767px) {
  a:hover {
    opacity: 1 !important;
  }
}
#skipLink {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  height: 1px;
}

body {
  opacity: 0;
  min-width: 320px;
}
body.is_loaded {
  opacity: 1;
  transition: opacity 1s ease-out;
}

/*-------------------------------------------
header
-------------------------------------------*/
.ly_header {
  position: fixed;
  z-index: 101;
  background-color: #fff;
  width: 100%;
  transition: height 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  /* siteFunctions
  ---------------------------------*/
}
@media print, screen and (min-width: 960px) {
  .ly_header {
    padding: 0 2%;
  }
  .ly_header .inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 959px) {
  .ly_header {
    width: 100%;
    margin: 0;
    padding: 0 0 0 2%;
    height: auto;
    border-bottom: #D6E1F0 1px solid;
  }
  .ly_header .inner {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
  }
  .ly_header.hideGnavHeader {
    height: 42px;
  }
}
.ly_header .logo {
  display: flex;
  justify-content: start;
  align-items: center;
}
@media print, screen and (min-width: 768px) {
  .ly_header .logo {
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 105;
    overflow: hidden;
  }
  .ly_header .logo .groupLogo img {
    width: 121px;
    vertical-align: top;
    transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .ly_header .logo .groupLogo + .siteLogo {
    padding-left: 25px;
  }
  .ly_header .logo .siteLogo {
    padding: 0;
    line-height: 1;
  }
  .ly_header .logo .siteLogo img {
    display: inline-block;
    height: auto;
    vertical-align: top;
    transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .ly_header .logo .originalLogo {
    padding: 14px 0 0 0;
  }
  .ly_header .logo .spMenuBtn {
    display: none;
  }
}
@media only screen and (max-width: 959px) {
  .ly_header .logo {
    position: relative;
    top: inherit;
    left: 0;
    overflow: hidden;
  }
  .ly_header .logo .groupLogo {
    width: 90px;
  }
  .ly_header .logo .groupLogo img {
    width: 100%;
  }
  .ly_header .logo .siteLogo {
    margin: 0;
    width: auto;
    padding: 0 0 0 8px;
  }
  .ly_header .logo .siteLogo img {
    display: flex;
    align-items: center;
    vertical-align: middle;
    height: 11px;
  }
  .ly_header .logo .spMenuBtn,
  .ly_header .logo .spRegionBtn {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50px;
    height: 50px;
  }
  .ly_header .logo .spMenuBtn i, .ly_header .logo .spMenuBtn::before, .ly_header .logo .spMenuBtn::after,
  .ly_header .logo .spRegionBtn i,
  .ly_header .logo .spRegionBtn::before,
  .ly_header .logo .spRegionBtn::after {
    box-sizing: border-box;
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 2px;
    background-color: #1D3A65;
  }
  .ly_header .logo .spMenuBtn::before, .ly_header .logo .spMenuBtn::after,
  .ly_header .logo .spRegionBtn::before,
  .ly_header .logo .spRegionBtn::after {
    content: "";
  }
  .ly_header .logo .spMenuBtn.is_current,
  .ly_header .logo .spRegionBtn.is_current {
    background: #1D3A65;
  }
  .ly_header .logo .spMenuBtn.is_current i,
  .ly_header .logo .spRegionBtn.is_current i {
    margin: 0;
  }
  .ly_header .logo .spMenuBtn.is_current::before, .ly_header .logo .spMenuBtn.is_current::after,
  .ly_header .logo .spRegionBtn.is_current::before,
  .ly_header .logo .spRegionBtn.is_current::after {
    background-color: #fff;
    transform-origin: center;
  }
  .ly_header .logo .spMenuBtn.is_current i,
  .ly_header .logo .spRegionBtn.is_current i {
    opacity: 0;
  }
  .ly_header .logo .spMenuBtn.is_current::before,
  .ly_header .logo .spRegionBtn.is_current::before {
    transform: rotate(-45deg);
  }
  .ly_header .logo .spMenuBtn.is_current::after,
  .ly_header .logo .spRegionBtn.is_current::after {
    transform: rotate(45deg);
  }
  .ly_header .logo .spRegionBtn {
    right: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ly_header .logo .spRegionBtn:not(.is_current)::before, .ly_header .logo .spRegionBtn:not(.is_current)::after {
    opacity: 0;
    transition: none;
  }
  .ly_header .logo .spRegionBtn:not(.is_current) i {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    transition: none;
  }
  .ly_header .logo .spRegionBtn:not(.is_current) i::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;
    content: "\e901";
    font-size: 20px;
    color: #1D3A65;
  }
  .ly_header .logo .spRegionBtn.is_current i {
    display: none;
  }
  .ly_header .logo .spRegionBtn.is_current::before, .ly_header .logo .spRegionBtn.is_current::after {
    transition: none;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .ly_header .logo .groupLogo {
    width: 121px;
  }
  .ly_header .logo .groupLogo img {
    width: 100%;
  }
  .ly_header .logo .siteLogo img {
    height: 22px;
  }
  .ly_header .logo .spMenuBtn,
  .ly_header .logo .spRegionBtn {
    width: 70px;
    height: 70px;
  }
  .ly_header .logo .spMenuBtn::before, .ly_header .logo .spMenuBtn::after,
  .ly_header .logo .spRegionBtn::before,
  .ly_header .logo .spRegionBtn::after {
    transition: none !important;
  }
  .ly_header .logo .spMenuBtn:not(.is_current)::before {
    margin-top: 27px;
  }
  .ly_header .logo .spMenuBtn:not(.is_current)::after {
    margin-top: 41px;
  }
  .ly_header .logo .spRegionBtn {
    right: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .ly_header .logo .spMenuBtn:not(.is_current)::before {
    margin-top: 17px;
  }
  .ly_header .logo .spMenuBtn:not(.is_current)::after {
    margin-top: 31px;
  }
}
.ly_header .headerToolDialog {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 105;
  background: rgba(0, 0, 0, 0.84);
  color: #fff;
  width: 100%;
}
.ly_header .headerToolDialog .inner {
  max-width: calc(1200px + 4%);
  padding: 0 2%;
  margin: auto;
}
.ly_header .headerToolDialog .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  opacity: 0.7;
  transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.ly_header .headerToolDialog .close:hover, .ly_header .headerToolDialog .close:focus {
  opacity: 1;
}
.ly_header .headerToolDialog .close:before, .ly_header .headerToolDialog .close:after {
  position: absolute;
  left: 50%;
  top: 0;
  content: " ";
  height: calc(40px + 1px);
  width: 2px;
  background-color: #fff;
}
.ly_header .headerToolDialog .close:before {
  transform: rotate(45deg);
}
.ly_header .headerToolDialog .close:after {
  transform: rotate(-45deg);
}
@media print, screen and (min-width: 960px) {
  .ly_header .headerToolDialog {
    opacity: 0.5;
    transform: translateY(-100%);
    transition: all 0.3s ease-out;
  }
  .ly_header .headerToolDialog.is_show {
    opacity: 1;
    transform: translateY(0);
  }
  .ly_header .headerToolDialog .close {
    top: 5vw;
    right: 2%;
  }
  .ly_header .headerToolDialog .close i {
    display: none;
  }
}
@media only screen and (max-width: 959px) {
  .ly_header .headerToolDialog#headerRegionDialog {
    top: 50px;
    display: none;
    height: 100%;
    background: #1D3A65;
  }
  .ly_header .headerToolDialog#headerSearchDialog {
    position: relative;
    background: transparent;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .ly_header .headerToolDialog#headerRegionDialog {
    top: 70px;
  }
}
.ly_header .headerToolDialog .searchSet {
  width: 100%;
}
.ly_header .headerToolDialog .searchSet .mf_finder_container {
  background-color: transparent;
}
.ly_header .headerToolDialog .searchSet input {
  display: inline-block;
  outline: none;
  font-size: 2rem;
}
.ly_header .headerToolDialog .searchSet input[type=text] {
  width: 85%;
  height: 45px;
  box-sizing: border-box;
  border: #e5e5e5 1px solid;
  line-height: 45px;
  padding: 5px 20px;
  background-color: #fff;
}
.ly_header .headerToolDialog .searchSet input.focusOff {
  color: #ccc;
}
.ly_header .headerToolDialog .searchSet input[type=submit] {
  width: 15%;
  height: 45px;
  border: none;
  color: #fff;
}
.ly_header .headerToolDialog .searchSet input[type=submit]:hover {
  opacity: 0.8;
}
@media print, screen and (min-width: 960px) {
  .ly_header .headerToolDialog .searchSet {
    min-height: 110px;
  }
  .ly_header .headerToolDialog .searchSet .close {
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
  }
  .ly_header .headerToolDialog .searchSet .mf_finder_container {
    display: flex;
    justify-content: flex-end;
    margin-right: 5%;
  }
  .ly_header .headerToolDialog .searchSet .mf_finder_container .mf_finder_searchBox {
    width: 30%;
    padding: 20px 0;
  }
  .ly_header .headerToolDialog .searchSet .mf_finder_container input[type=text] {
    background-color: rgba(255, 255, 255, 0.15);
    border: none;
    color: #fff;
  }
  .ly_header .headerToolDialog .searchSet .mf_finder_container .mf_finder_searchBox_submit {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 959px) {
  .ly_header .headerToolDialog .searchSet {
    display: block;
    position: relative;
    top: 0 !important;
    padding: 10px 0;
    background-color: inherit;
    border-bottom: #4C6EA2 1px solid;
  }
  .ly_header .headerToolDialog .searchSet .close {
    display: none;
  }
  .ly_header .headerToolDialog .searchSet form {
    width: 100%;
    margin: 0;
    height: inherit;
  }
  .ly_header .headerToolDialog .searchSet form input[type=text] {
    font-size: 16px;
    width: 78%;
    height: 40px !important;
    padding: 0 5px 0 10px !important;
    border: none;
    border-radius: 0;
  }
  .ly_header .headerToolDialog .searchSet form input[type=submit] {
    width: 22%;
    height: 40px;
    background-color: #022b66;
    border: none;
    border-radius: 0;
    font-size: 1.4rem;
  }
  .ly_header .headerToolDialog .searchSet .mf_finder_searchBox_submit {
    background: #5A7296 !important;
    color: #fff !important;
  }
}
.ly_header .headerToolDialog .selectRegion {
  position: relative;
  padding: 5% 2%;
}
.ly_header .headerToolDialog .selectRegion .regionHead {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 3.3%;
}
.ly_header .headerToolDialog .selectRegion .regionWrap {
  display: flex;
}
.ly_header .headerToolDialog .selectRegion .regionWrap .region + .region {
  margin-left: 6%;
}
.ly_header .headerToolDialog .selectRegion .regionWrap .region .heading {
  font-size: 1.8rem;
  font-weight: 600;
}
.ly_header .headerToolDialog .selectRegion .regionWrap .country {
  border-collapse: collapse;
}
.ly_header .headerToolDialog .selectRegion .regionWrap .country th, .ly_header .headerToolDialog .selectRegion .regionWrap .country td {
  padding: 10px 0 0;
}
.ly_header .headerToolDialog .selectRegion .regionWrap .country th {
  color: #999;
  font-weight: 300;
  text-align: left;
  padding-right: 20px;
  white-space: nowrap;
}
.ly_header .headerToolDialog .selectRegion .regionWrap .country td {
  font-size: 1.4rem;
}
.ly_header .headerToolDialog .selectRegion .regionWrap .country a {
  display: inline-block;
  color: #E8E7E7;
  text-decoration: underline;
}
.ly_header .headerToolDialog .selectRegion .regionWrap .country a + a {
  margin-left: 20px;
}
.ly_header .headerToolDialog .selectRegion .regionWrap .country a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 959px) {
  .ly_header .headerToolDialog .selectRegion {
    padding: 5%;
    height: 100%;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .ly_header .headerToolDialog .selectRegion .close {
    display: none;
  }
  .ly_header .headerToolDialog .selectRegion .regionHead {
    margin: 0 0 0 3%;
    font-size: 2rem;
  }
  .ly_header .headerToolDialog .selectRegion .regionWrap {
    flex-direction: column;
  }
  .ly_header .headerToolDialog .selectRegion .regionWrap .region:last-child {
    padding-bottom: 10%;
  }
  .ly_header .headerToolDialog .selectRegion .regionWrap .region + .region {
    margin-left: 0;
  }
  .ly_header .headerToolDialog .selectRegion .regionWrap .region .heading {
    margin: 8% 0 3% 3%;
    font-size: 1.6rem;
  }
  .ly_header .headerToolDialog .selectRegion .regionWrap .region .country {
    width: 100%;
  }
  .ly_header .headerToolDialog .selectRegion .regionWrap .region th, .ly_header .headerToolDialog .selectRegion .regionWrap .region td {
    font-size: 1.4rem;
    padding: 3%;
    border-top: #4C6EA2 1px solid;
    border-bottom: #4C6EA2 1px solid;
  }
  .ly_header .headerToolDialog .selectRegion .regionWrap .region th {
    width: 40%;
    color: #BDD3F4;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .ly_header .headerToolDialog .selectRegion .regionHead {
    margin-left: 15px;
  }
  .ly_header .headerToolDialog .selectRegion .regionWrap .region .heading {
    margin: 30px 0 15px 15px;
  }
  .ly_header .headerToolDialog .selectRegion .regionWrap .region th, .ly_header .headerToolDialog .selectRegion .regionWrap .region td {
    padding: 15px;
  }
  .ly_header .headerToolDialog .selectRegion .regionWrap .region th {
    width: 30%;
  }
}
.ly_header .siteFunctions {
  z-index: 99;
  background-color: #fff;
}
@media print, screen and (min-width: 960px) {
  .ly_header .siteFunctions {
    display: block !important;
  }
  .ly_header .siteFunctions a {
    color: #333;
  }
  .ly_header .siteFunctions a:hover {
    text-decoration: none;
    color: #999;
  }
  .ly_header .siteFunctions button:focus,
  .ly_header .siteFunctions input:focus {
    outline: 2px solid #004098;
  }
}
@media only screen and (max-width: 959px) {
  .ly_header .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;
    backface-visibility: hidden;
  }
  .ly_header .siteFunctions a:hover {
    color: #fff !important;
  }
  .ly_header .siteFunctions.hideGnavHeader {
    height: inherit;
  }
  .ly_header .siteFunctions .ly_gnavOverlay {
    display: none !important;
  }
}
@media print, screen and (min-width: 960px) {
  .ly_header .siteFunctions .drawer {
    height: auto !important;
  }
}
@media only screen and (max-width: 959px) {
  .ly_header .siteFunctions .drawer {
    display: block;
    position: relative;
    padding: 10px 20px;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
@media print, screen and (min-width: 960px) {
  .ly_header .siteFunctions .funcBtns {
    position: absolute;
    top: 5px;
    right: -10px;
    display: flex;
    justify-content: flex-end;
    font-size: 1.2rem;
  }
  .ly_header .siteFunctions .funcBtns .inner {
    display: flex;
    align-items: center;
  }
  .ly_header .siteFunctions .funcBtns .inner > * {
    display: flex;
    align-items: center;
  }
  .ly_header .siteFunctions .funcBtns .inner > *:not(:first-child) {
    padding-left: 10px;
    position: relative;
  }
  .ly_header .siteFunctions .funcBtns .inner > *:not(:first-child)::before {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: #000;
    opacity: 0.75;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .ly_header .siteFunctions .funcBtns .searchOpen,
  .ly_header .siteFunctions .funcBtns .regionOpen {
    display: block;
    height: 30px;
    padding: 0 10px;
    cursor: pointer;
    transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .ly_header .siteFunctions .funcBtns .searchOpen::after,
  .ly_header .siteFunctions .funcBtns .regionOpen::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;
    font-size: 15px;
    color: #001E4B;
    padding: 5px;
  }
  .ly_header .siteFunctions .funcBtns .searchOpen:hover::after,
  .ly_header .siteFunctions .funcBtns .regionOpen:hover::after {
    color: #0089ff;
  }
  .ly_header .siteFunctions .funcBtns .searchOpen::after {
    content: "\e906";
  }
  .ly_header .siteFunctions .funcBtns .regionOpen::after {
    content: "\e901";
  }
}
@media only screen and (max-width: 959px) {
  .ly_header .siteFunctions .funcBtns {
    right: inherit;
  }
  .ly_header .siteFunctions .funcBtns .searchOpen,
  .ly_header .siteFunctions .funcBtns .regionOpen {
    display: none !important;
  }
}
.ly_header .siteFunctions .funcBtns .langSelect {
  position: relative;
  font-family: Helvetica, Arial, sans-serif;
  padding: 0 8px;
}
.ly_header .siteFunctions .funcBtns .langSelect a {
  padding: 1px 7px;
  line-height: 1.2;
  color: #b2b2b2;
}
.ly_header .siteFunctions .funcBtns .langSelect a:not(.is_current) {
  text-decoration: underline;
}
.ly_header .siteFunctions .funcBtns .langSelect a:not(.is_current):hover {
  text-decoration: none;
}
.ly_header .siteFunctions .funcBtns .langSelect a.is_current {
  color: #333;
}
@media only screen and (max-width: 959px) {
  .ly_header .siteFunctions .funcBtns .langSelect {
    margin: 30px 0;
    display: flex;
    justify-content: center;
  }
  .ly_header .siteFunctions .funcBtns .langSelect a {
    display: inline-block;
    color: #fff;
  }
  .ly_header .siteFunctions .funcBtns .langSelect a + a {
    margin-left: 5%;
  }
  .ly_header .siteFunctions .funcBtns .langSelect a.is_current {
    color: #fff;
  }
}
@media print, screen and (min-width: 960px) {
  .ly_header .siteFunctions .funcBtns .otherLink {
    padding-right: 10px;
  }
  .ly_header .siteFunctions .funcBtns .otherLink a {
    display: block;
    padding: 5px 0 4px;
  }
}
@media only screen and (max-width: 959px) {
  .ly_header .siteFunctions .funcBtns .otherLink {
    margin: 30px 0;
    height: auto;
    padding: 0;
    text-align: center;
  }
  .ly_header .siteFunctions .funcBtns .otherLink a {
    display: inline-block;
    text-decoration: underline;
    text-align: center;
    color: #fff;
    padding: 0;
  }
}
.ly_header .siteFunctions .contactLink a {
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.ly_header .siteFunctions .contactLink 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;
  content: "\e900";
  font-size: 14px;
  color: #001E4B;
  margin-right: 5px;
}
.ly_header .siteFunctions .contactLink a:hover {
  color: #0089ff;
}
.ly_header .siteFunctions .contactLink a:hover::before {
  color: #0089ff;
}
@media print, screen and (min-width: 960px) {
  .ly_header .siteFunctions .contactLink {
    position: absolute;
    top: 45px;
    right: 0;
  }
}
@media only screen and (max-width: 959px) {
  .ly_header .siteFunctions .contactLink {
    display: block;
    height: auto;
    padding: 0;
    margin: 30px 0;
  }
  .ly_header .siteFunctions .contactLink a {
    position: relative;
    display: block;
    height: auto;
    padding: 15px;
    text-align: center;
    background: #5A7296;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 300;
    margin: auto;
  }
  .ly_header .siteFunctions .contactLink a::before {
    content: "";
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .ly_header .siteFunctions .contactLink a {
    padding: 3%;
    max-width: 50%;
  }
}

/*-------------------------------------------
globalNav
-------------------------------------------*/
/* gnavOverlay
---------------------------------*/
.ly_gnavOverlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 98;
  background: transparent;
}
@media only screen and (max-width: 959px) {
  .ly_gnavOverlay {
    display: none !important;
  }
}

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

.subGnav {
  display: none;
  width: 100%;
  background-color: rgba(19, 51, 95, 0.95);
  overflow-y: hidden;
  overflow-x: hidden;
  color: #fff;
  backface-visibility: hidden;
}
.subGnav .inner {
  position: relative;
}
.subGnav .close {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  appearance: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  opacity: 0.7;
  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 {
  transform: rotate(45deg);
}
.subGnav .close:after {
  transform: rotate(-45deg);
}
.subGnav a {
  color: #fff;
}
.subGnav ._iconWindow:after {
  color: #fff;
  font-size: 12px;
}
.subGnav .menus a {
  color: #fff;
}
.subGnav .heading a {
  color: #fff;
}
@media print, 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;
    margin-left: -1em;
  }
  .subGnav .heading a {
    font-size: 2.4rem;
    font-weight: 600;
    position: relative;
    padding: 12px 60px 12px 10px;
    transition: background 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .subGnav .heading a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: auto;
    width: 12px;
    height: 12px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    transform: translateY(-50%) rotate(45deg);
    right: 20px;
    margin: auto 0;
    border-width: 3px;
    right: 15px;
  }
  .subGnav .heading a:hover {
    background: rgba(255, 255, 255, 0.2);
    text-decoration: none;
  }
  .subGnav .subHeading {
    padding: 5px 0;
  }
  .subGnav .parent > a {
    position: relative;
  }
  .subGnav .parent > a::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;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: inline-block;
    content: "\e90c";
    color: #fff;
    font-size: 1.3rem;
  }
  .subGnav .is_current > a {
    background: rgba(255, 255, 255, 0.2);
  }
  .subGnav .menus.-flex {
    display: flex;
  }
  .subGnav .menus.-flex.-products .menuLv2 {
    min-width: 15%;
  }
  .subGnav .menus.-flex.-products .menuLv2 > li a {
    padding-right: 30px;
  }
  .subGnav .menuLv2 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    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;
    transition: background 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .subGnav .menuLv2 > li a:hover, .subGnav .menuLv2 > li a:focus {
    background: rgba(255, 255, 255, 0.2);
    text-decoration: none;
    outline: none;
  }
  .subGnav .menuLv2 > li.is_current .menuLv3 {
    transition: all 0.5s ease-out;
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
  }
  .subGnav .menus.-col2 {
    display: flex;
    width: 100%;
  }
  .subGnav .menus.-col2 .menuLv2:nth-of-type(1) .menuLv3, .subGnav .menus.-col2 .menuLv2:nth-of-type(1) .menuLv4 {
    left: 200%;
  }
  .subGnav .menus.-col2 .menuLv2:nth-of-type(1).is_active {
    border-right: none;
  }
  .subGnav .menus.-col2 .menuLv2:nth-of-type(1).is_active .menuLv3, .subGnav .menus.-col2 .menuLv2:nth-of-type(1).is_active .menuLv4 {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
  }
  .subGnav .menuLv3, .subGnav .menuLv4 {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: calc((1200px - 5%) / 3);
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 2vw;
    backface-visibility: hidden;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-15px);
  }
  .subGnav .menuLv3.is_active, .subGnav .menuLv4.is_active {
    border-right: 1px solid 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 {
    transition: all 0.5s ease-out;
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
  }
  .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);
  }
}

@media print, screen and (min-width: 960px) {
  .gnavSp {
    display: none;
  }
}
@media only screen and (max-width: 959px) {
  .gnavSp {
    position: relative;
    display: block;
  }
  .gnavSp > .menuLv1 > li {
    border-bottom: #4C6EA2 1px solid;
  }
  .gnavSp > .menuLv1 > li > a {
    position: relative;
    display: block;
    color: #fff;
    padding: 10px;
  }
  .gnavSp > .menuLv1 > li > a:hover {
    text-decoration: none;
    opacity: 0.75;
  }
  .gnavSp > .menuLv1 > 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;
    transform: translateY(-50%) rotate(135deg);
    bottom: 20%;
    margin: 0 auto;
    border-width: 2px;
    right: 3%;
  }
  .gnavSp > .menuLv1 > li.parent > a.is_current::after {
    transform: rotate(-45deg);
  }
  .gnavSp > .menuLv1 > li.lowerOpen .subGnav {
    display: block;
  }
  .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 .subHeading {
    display: block;
    padding: 2% 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;
    transform: translateY(-50%) rotate(135deg);
    bottom: 20%;
    margin: 0 auto;
    right: 3%;
  }
  .gnavSp .subGnav .parent > a.is_current::after {
    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 print, screen and (min-width: 768px) and (max-width: 959px) {
  .gnavSp .subGnav .menuLv2 > li > a {
    padding: 0.5% 3% 0.5% 0;
  }
  .gnavSp .subGnav .menuLv3 > li > a, .gnavSp .subGnav .menuLv4 > li > a {
    padding: 0.5% 3% 0.5% 0;
  }
}

/* If the menu height is higher than the window height
---------------------------------*/
@media print, screen and (min-width: 960px) {
  .js_overWindowHeight {
    overflow-y: hidden;
    padding-right: 7px;
  }
  .js_overWindowHeight .subGnav {
    overflow-y: auto !important;
  }
  .js_overWindowHeight .subGnav .inner {
    transform: translateX(7px);
  }
  .js_overWindowHeight .ly_header,
  .js_overWindowHeight .ly_mainContents,
  .js_overWindowHeight .ly_globalNav {
    transform: translateX(-7px);
  }
}
/* When a line break is included in the menu item of menuLv1
---------------------------------*/
.gnavMultipleLines .ly_gnavOverlay {
  top: 171px;
}
.gnavMultipleLines .ly_globalNav {
  height: 61px;
}
.gnavMultipleLines .ly_globalNav ul li .subGnav {
  top: 61px;
}

/*--------------------------------------------------
localNav
--------------------------------------------------*/
.ly_localNav {
  width: 100%;
  background: #656C74;
  color: #fff;
}
.ly_localNav ._iconWindow:after {
  color: #fff;
  font-size: 12px;
}
.ly_localNav li > span {
  color: rgba(255, 255, 255, 0.8);
}
.ly_localNav a {
  color: #fff;
  transition: all 0.3s linear;
}
.ly_localNav a:hover {
  opacity: 1;
}
.ly_localNav a:visited {
  color: #fff;
}
.ly_localNav .heading {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 3%;
}
.ly_localNav .menuLv2 > li {
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  margin-top: -1px;
}
.ly_localNav .menuLv2 > li > a {
  display: block;
  padding: 12px 10px;
}
.ly_localNav .menuLv2 .menuLv3 {
  border-top: 1px dashed rgba(255, 255, 255, 0.7);
}
.ly_localNav .menuLv2 .menuLv3 a {
  padding: 0.7% 5% 0.7% 0;
  display: inline-block;
}
.ly_localNav .menuLv2 .menuLv3 .parent > a {
  position: relative;
  display: block;
}
.ly_localNav .menuLv2 .menuLv3 .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;
  transform: translateY(-50%) rotate(135deg);
  bottom: 20%;
  margin: 0 auto;
  right: 3%;
}
.ly_localNav .menuLv2 .menuLv3 .parent > a.is_current::after {
  transform: rotate(-45deg);
}
.ly_localNav .menuLv2 .menuLv3 .menuLv4 {
  padding: 0 0 0 5%;
  font-size: 1.4rem;
  display: none;
}
.ly_localNav .menuLv2 .menuLv3 .menuLv4 li a {
  display: block;
  padding: 1% 0;
}
@media print, screen and (min-width: 768px) {
  .ly_localNav {
    font-size: 1.6rem;
  }
  .ly_localNav .inner {
    max-width: calc(1200px + 4%);
    padding: 0 2%;
    margin: auto;
    padding: 80px 2%;
    max-width: calc(1200px + 7%);
  }
  .ly_localNav .heading {
    width: 100%;
    margin-left: 1.5%;
  }
  .ly_localNav .menuLv3 {
    display: block !important;
    padding: 4% 0 8% 6%;
    font-size: 1.4rem;
  }
  .ly_localNav .menuLv3 .index {
    display: none;
  }
  .ly_localNav .menuLv4 {
    padding-left: 6%;
  }
  .ly_localNav .is_current {
    font-weight: 600;
    opacity: 1;
  }
  .ly_localNav .-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: calc(1200px + 7%);
    margin: 0 auto;
  }
  .ly_localNav .-row + .-row {
    margin-top: 50px;
  }
  .ly_localNav .-row.-col2 > ul, .ly_localNav .-row.-col2 > li {
    width: 47%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  }
  .ly_localNav .-row.-col3 > ul, .ly_localNav .-row.-col3 > li {
    width: 30.3333333333%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  }
  .ly_localNav .-row.-col4 > ul, .ly_localNav .-row.-col4 > li {
    width: 22%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  }
}
@media only screen and (max-width: 767px) {
  .ly_localNav .inner {
    display: block;
    padding: 40px 4%;
  }
  .ly_localNav .inner[class*=-col] {
    margin: 0;
  }
  .ly_localNav .inner[class*=-col] > ul {
    width: 100%;
    margin: -1px 0 0;
  }
  .ly_localNav .heading {
    font-size: 1.6rem;
  }
  .ly_localNav .menuLv2 {
    display: block;
    font-size: 1.4rem;
  }
  .ly_localNav .menuLv2 > li {
    margin: -1px 0 0;
  }
  .ly_localNav .menuLv2 > li > a {
    padding: 3%;
  }
  .ly_localNav .menuLv2 > li.parent > a {
    position: relative;
  }
  .ly_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;
    transform: translateY(-50%) rotate(135deg);
    bottom: 20%;
    margin: 0 auto;
    right: 4%;
  }
  .ly_localNav .menuLv2 > li.parent > a.is_current::after {
    transform: rotate(-45deg);
  }
  .ly_localNav .menuLv3 {
    padding: 4% 0 4% 8%;
    font-size: 1.4rem;
    display: none;
  }
  .ly_localNav .menuLv3 a {
    padding: 1% 0;
    display: block;
  }
  .ly_localNav .menuLv3 .is_current {
    font-weight: bold;
  }
  .ly_localNav .menuLv4 {
    padding: 0 0 0 4%;
  }
  .ly_localNav .is_current {
    opacity: 1;
  }
}

/*-------------------------------------------
contents
-------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .ly_container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
}
@media print, screen and (min-width: 768px) and (min-width: 768px) {
  .ly_container {
    max-width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .ly_container .ly_inner {
    max-width: calc(1200px + 4%);
    padding: 0 2%;
    margin: auto;
    padding-top: 4%;
    padding-bottom: 4%;
  }
  .ly_container .ly_inner .bl_headingLv2:nth-child(1) {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .ly_container .ly_inner {
    padding-top: 6%;
    padding-bottom: 6%;
  }
}
@media only screen and (max-width: 767px) {
  .ly_container .ly_inner {
    padding: 40px 4%;
  }
  .ly_container .ly_inner .bl_headingLv2:nth-child(1) {
    margin-top: 0;
  }
}
.ly_container.-typeA {
  background: #eaeef4;
}
@media only screen and (max-width: 767px) {
  .ly_container.-typeA .ly_inner {
    padding: 7%;
  }
}
.ly_container.-typeB {
  background: #D8E0ED;
}
@media only screen and (max-width: 767px) {
  .ly_container.-typeB .ly_inner {
    padding: 7%;
  }
}
.ly_container .ly_inner.-nogap {
  padding-top: 0;
  padding-bottom: 0;
}
.ly_container .ly_inner.-thin {
  padding-top: 2.8%;
  padding-bottom: 2.8%;
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .ly_container .ly_inner.-thin {
    padding: 4% 2.8%;
  }
}
@media only screen and (max-width: 767px) {
  .ly_container .ly_inner.-thin {
    padding-top: 7%;
    padding-bottom: 7%;
  }
}
@media print, screen and (min-width: 768px) {
  .ly_container .ly_inner.-slim {
    max-width: calc(1080px + 4%);
  }
}

.ly_mainContents {
  position: relative;
  display: block;
}
@media print, screen and (min-width: 768px) {
  .ly_mainContents .ly_container:nth-child(1) .ly_inner {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .ly_mainContents .ly_container:nth-child(1) .ly_inner {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .ly_mainContents .ly_container:nth-child(1) .ly_inner {
    padding-top: 20px;
  }
}

/*--------------------------------------------------
header height setting
--------------------------------------------------*/
@media print, screen and (min-width: 960px) {
  body:not(.is_noGnav):not(.is_scrolled) .ly_header {
    height: 110px;
  }
  body:not(.is_noGnav):not(.is_scrolled) .ly_header .logo .groupLogo img {
    width: 192px;
  }
  body:not(.is_noGnav):not(.is_scrolled) .ly_header .logo .siteLogo img {
    width: auto;
    height: 22px;
  }
  body:not(.is_noGnav):not(.is_scrolled) .ly_globalNav {
    top: 110px;
  }
  body:not(.is_noGnav):not(.is_scrolled) .ly_gnavOverlay {
    top: 150px;
  }
  body:not(.is_noGnav):not(.is_scrolled) .ly_mainContents {
    padding-top: 150px;
  }
  body:not(.is_noGnav).is_scrolled .ly_header {
    height: 70px;
  }
  body:not(.is_noGnav).is_scrolled .ly_header .logo .groupLogo img {
    width: 121px;
  }
  body:not(.is_noGnav).is_scrolled .ly_header .logo .siteLogo img {
    width: auto;
    height: 15px;
  }
  body:not(.is_noGnav).is_scrolled .ly_globalNav {
    top: 70px;
  }
  body:not(.is_noGnav).is_scrolled .ly_gnavOverlay {
    top: 110px;
  }
  body:not(.is_noGnav).is_scrolled .ly_mainContents {
    padding-top: 110px;
  }
  body.is_noGnav:not(.is_scrolled):not(.popup) .ly_header {
    height: 110px;
  }
  body.is_noGnav:not(.is_scrolled):not(.popup) .ly_header .logo .groupLogo img {
    width: 192px;
  }
  body.is_noGnav:not(.is_scrolled):not(.popup) .ly_header .logo .siteLogo img {
    width: auto;
    height: 22px;
  }
  body.is_noGnav:not(.is_scrolled):not(.popup) .ly_mainContents {
    padding-top: 110px;
  }
  body.is_noGnav.is_scrolled .ly_header {
    height: 70px;
  }
  body.is_noGnav.is_scrolled .ly_header .logo .groupLogo img {
    width: 121px;
  }
  body.is_noGnav.is_scrolled .ly_header .logo .siteLogo img {
    width: auto;
    height: 15px;
  }
  body.is_noGnav.is_scrolled .ly_mainContents {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .ly_header {
    height: 50px;
  }
  .ly_header .logo {
    height: 50px;
  }
  .siteFunctions {
    top: 50px;
  }
  .ly_mainContents {
    padding-top: 50px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .ly_header {
    height: 70px;
  }
  .ly_header .logo {
    height: 70px;
  }
  .ly_globalNav {
    top: 70px;
  }
  .siteFunctions {
    top: 70px;
  }
  .ly_mainContents {
    padding-top: 70px;
  }
}
.networkPage-modal.mfp-content {
  width: 100%;
}

/* ------------------------------------------
footer
--------------------------------------------- */
.ly_footer {
  position: relative;
  padding: 77px 0 20px;
  clear: both;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 60px;
}
.ly_footer .ly_inner {
  max-width: calc(1200px + 4%);
  padding: 0 2%;
  margin: auto;
  position: relative;
}
.ly_footer .footLinks li {
  display: inline-block;
  line-height: 1.5;
}
.ly_footer .footLinks li a {
  padding: 0 15px;
  color: #333;
}
.ly_footer .sns {
  display: flex;
  margin-top: 30px;
}
.ly_footer .sns span {
  display: inline-block;
}
.ly_footer .sns a {
  display: inline-block;
  margin-left: 20px;
  transition: all 0.5s;
}
.ly_footer .sns a:hover {
  text-decoration: none;
  opacity: 0.75;
}
.ly_footer .sns a:hover {
  opacity: 0.5;
}
.ly_footer .sns .youtube {
  width: 56px;
}
.ly_footer .sns .youtube img {
  width: 100%;
}
.ly_footer .sns .linkedin {
  width: 48px;
}
.ly_footer .sns .linkedin img {
  width: 100%;
}
.ly_footer #copyright {
  width: auto;
  margin: 0 auto;
  font-family: Helvetica, Arial, sans-serif;
}
.ly_footer #groupLogo {
  margin: 70px auto 15px;
}
.ly_footer #groupLogo img {
  width: 194px;
}
.ly_footer #groupLogo a {
  transition: all 0.5s;
}
.ly_footer #groupLogo a:hover {
  text-decoration: none;
  opacity: 0.75;
}
@media print, screen and (min-width: 768px) {
  .ly_footer .sns {
    position: absolute;
    right: 2%;
    top: 0;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .ly_footer .sns {
    position: relative;
    justify-content: center;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ly_footer {
    padding: 60px 0 10px;
    text-align: left;
  }
  .ly_footer #footerInner p#copyright {
    color: #999;
  }
  .ly_footer .ly_inner {
    padding: 0 4%;
  }
  .ly_footer .footLinks {
    margin: 0;
  }
  .ly_footer .footLinks li {
    display: block;
    margin: 0;
    border-top: #b2b2b2 1px solid;
  }
  .ly_footer .footLinks li a {
    display: block;
    padding: 15px 10px;
  }
  .ly_footer .sns {
    padding: 30px 10px;
    border-top: #b2b2b2 1px solid;
  }
  .ly_footer .sns span {
    margin-right: 30%;
  }
  .ly_footer #groupLogo {
    margin: 0;
    padding: 30px 0 20px;
    text-align: center;
    border-top: #b2b2b2 1px solid;
  }
  .ly_footer #groupLogo img {
    width: 175px;
  }
  .ly_footer #copyright {
    width: auto;
    font-size: 71%;
    margin: 0 auto;
    text-align: center;
  }
}

/* pagetop
---------------------------*/
.pagetop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 52;
}
.pagetop > a {
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  background-color: #656C74;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.pagetop > a:hover {
  background-color: #b1b5b9;
}
.pagetop > a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 57%;
  left: 50%;
  width: 18px;
  height: 18px;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media only screen and (max-width: 959px) {
  .pagetop {
    bottom: 0;
    right: 0;
  }
  .pagetop > a {
    transform: scale(0.7);
  }
}

/*-------------------------------------------
popup page
-------------------------------------------*/
body.popup .ly_header {
  z-index: 101;
  background-color: #fff;
  top: 0;
  width: 100%;
  height: 70px;
  padding: 15px 0 0;
  border-bottom: #eaeaea 1px solid;
}
body.popup .ly_header .inner {
  max-width: calc(1080px + 4%);
  padding: 0 2%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  position: relative;
}
body.popup .ly_header .groupLogo img {
  width: 121px;
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  backface-visibility: hidden;
}
body.popup .ly_header .siteLogo {
  padding: 0 0 0 25px;
  line-height: 1;
}
body.popup .ly_header .siteLogo img {
  height: 15px;
  vertical-align: top;
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
body.popup .ly_header .close {
  position: absolute;
  right: 0;
}
body.popup .ly_header .close a {
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  transition: opacity 0.3s ease-out;
}
body.popup .ly_header .close a:before, body.popup .ly_header .close a:after {
  content: "";
  position: absolute;
  top: 17px;
  width: 38px;
  height: 2px;
  background-color: #333;
}
body.popup .ly_header .close a:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.popup .ly_header .close a:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.popup .ly_header .close a:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 767px) {
  body.popup .ly_header {
    width: 100%;
    height: 50px;
    padding: 0;
  }
  body.popup .ly_header .inner {
    padding-top: 10px;
  }
  body.popup .ly_header .groupLogo img {
    width: 90px;
    vertical-align: top;
  }
  body.popup .ly_header .siteLogo {
    margin: 0;
    padding: 0 0 0 8px;
  }
  body.popup .ly_header .siteLogo img {
    vertical-align: middle;
    height: 11px;
  }
  body.popup .ly_header .close {
    margin: 0 10px 0 0;
  }
  body.popup .ly_header .close a {
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
  }
  body.popup .ly_header .close a:before, body.popup .ly_header .close a:after {
    top: 10px;
    width: 20px;
    height: 2px;
  }
}
body.popup .ly_mainContents {
  padding: 70px 0 0;
  min-height: 50vh;
}
body.popup .ly_mainContents .contactHeading {
  border: none;
  padding: 0;
  color: #014099;
  font-size: 3.6rem;
  font-weight: bold;
  margin: 30px 0;
  line-height: 1;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  body.popup .ly_mainContents {
    padding-top: 50px;
    min-height: 0;
  }
  body.popup .ly_mainContents .contactHeading {
    margin: 20px 0 15px;
    font-size: 2.4rem;
  }
}
body.popup .conBlock {
  max-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;
  display: flex;
  justify-content: center;
}
body.popup .conBlock03 .inqBtn {
  display: block;
}
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 only 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;
  }
}

/*-------------------------------------------
clearfix
-------------------------------------------*/
.clearfix:after,
.regionLang:after,
.ly_globalNav ul:after,
.breadCrumb ul: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,
.linksWrap ul li.icon 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 {
  content: "\e907";
  padding-left: 10px;
  color: #999;
}

.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;
  }
}
/*===========================================
_old_module.scss
===========================================*/
/*--------------------------------------------------
Layout
--------------------------------------------------*/
.containerMainSidebar {
  display: flex;
  justify-content: space-between;
}
.containerMainSidebar #main {
  width: 71.6%;
}
.containerMainSidebar #sidebar {
  width: 25%;
}
@media only screen and (max-width: 959px) {
  .containerMainSidebar {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .containerMainSidebar #main {
    width: 100%;
  }
  .containerMainSidebar #sidebar {
    width: 100%;
    margin-top: 60px;
  }
}

/* sidebar
---------------------------*/
#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: #333;
  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) {
  #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;
  }
}
/*--------------------------------------------------
Layout Adjustment
--------------------------------------------------*/
/* width
-------------------------------------*/
.wid01 {
  width: 1% !important;
}

.wid02 {
  width: 2% !important;
}

.wid03 {
  width: 3% !important;
}

.wid04 {
  width: 4% !important;
}

.wid05 {
  width: 5% !important;
}

.wid06 {
  width: 6% !important;
}

.wid07 {
  width: 7% !important;
}

.wid08 {
  width: 8% !important;
}

.wid09 {
  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: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mgnL140 {
  margin-left: 140px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mgnR70 {
  margin-right: 70px !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%;
  }
}
/* 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;
}

.h1BlockS .headLink a::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: #666 1px solid;
  border-right: #666 1px solid;
  -ms-transform: rotate(45deg);
  -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 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;
  -ms-transform: rotate(45deg);
  -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;
  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;
  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;
    -ms-transform: rotate(135deg);
    -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: flex;
  flex-wrap: wrap;
  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] {
    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] {
    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;
  border: none;
}

.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;
  border: none !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;
  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;
  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;
  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;
  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
--------------------------------------------------*/
.columnBlock {
  margin-left: -2%;
  clear: both;
  margin-bottom: 25px;
  overflow: hidden;
}

/* 10 split */
.gw1, .gw2, .gw3, .gw4, .gw5, .gw6, .gw7, .gw8, .gw9, .gw10 {
  margin-left: 2%;
  margin-bottom: 10px;
  float: left;
  display: inline;
}

.gw1 {
  width: 8%;
}

.gw2 {
  width: 18%;
}

.gw3 {
  width: 28%;
}

.gw4 {
  width: 38%;
}

.gw5 {
  width: 48%;
}

.gw6 {
  width: 58%;
}

.gw7 {
  width: 68%;
}

.gw8 {
  width: 78%;
}

.gw9 {
  width: 88%;
}

.gw10 {
  width: 98%;
}

/* Equal interval */
.gn1, .gn2, .gn3, .gn4, .gn5 {
  margin-left: 2%;
  margin-bottom: 10px;
  float: left;
  display: inline;
}

.gn1 {
  width: 98%;
}

.gn2 {
  width: 48%;
}

.gn3 {
  width: 31.3%;
}

.gn4 {
  width: 23%;
}

.gn5 {
  width: 18%;
}

.gnauto {
  width: auto;
}

@media screen and (max-width: 600px) {
  .columnBlock.smpVertical {
    margin-left: 0;
  }
  .columnBlock.smpVertical *[class^=gw] {
    margin-left: 0;
    margin-bottom: 10px;
    float: left;
    display: inline;
    width: 100%;
  }
  .columnBlock.smpVertical *[class^=gn] {
    margin-left: 0;
    margin-bottom: 10px;
    float: left;
    display: inline;
    width: 100%;
  }
}
/* imgColumn
--------------------------------*/
[class*=imgColumn] {
  overflow: hidden;
  margin: 30px 0 0 -40px;
}

[class*=imgColumn] li {
  float: left;
  margin-left: 40px;
  box-sizing: border-box;
}

[class*=imgColumn] li img {
  text-align: center;
}

[class*=imgColumn] li a {
  color: #333;
}

[class*=imgColumn] li a:hover {
  opacity: 0.8;
  text-decoration: none;
}

[class*=imgColumn] li span {
  display: block;
  padding: 13px 0 0 0;
}

.imgColumn2List li {
  width: 520px;
}

.imgColumn3List li {
  width: 334px;
  margin-left: 39px;
}

.imgColumn4List li {
  width: 240px;
}

.imgColumn5List li {
  width: 20%;
}

#main .imgColumn2List li {
  width: 380px;
}

#main .imgColumn3List li {
  width: 240px;
  margin-left: 39px;
}

#main .imgColumn4List li {
  width: 170px;
}

@media screen and (max-width: 767px) {
  [class*=imgColumn] {
    margin: 15px 0 0;
  }
  [class*=imgColumn] + [class*=imgColumn] {
    margin: 0;
  }
  [class*=imgColumn] li {
    float: none;
    margin: 0 !important;
    padding: 0 0 10px;
    width: 100% !important;
    text-align: center;
  }
  [class*=imgColumn] li span {
    background-color: #fff;
    padding: 10px;
  }
  [class*=imgColumn].spFluid li {
    float: left;
    width: 48.5% !important;
  }
  [class*=imgColumn].spFluid li:nth-child(2n+1) {
    clear: both;
  }
  [class*=imgColumn].spFluid li:nth-child(even) {
    float: right;
  }
}
/*--------------------------------------------------
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}} */
.container .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}} */
.container.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

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

.container .col, .container .col-1, .container .col-10, .container .col-11, .container .col-12, .container .col-2, .container .col-3, .container .col-4, .container .col-5, .container .col-6, .container .col-7, .container .col-8, .container .col-9, .container .col-lg, .container .col-lg-1, .container .col-lg-10, .container .col-lg-11, .container .col-lg-12, .container .col-lg-2, .container .col-lg-3, .container .col-lg-4, .container .col-lg-5, .container .col-lg-6, .container .col-lg-7, .container .col-lg-8, .container .col-lg-9, .container .col-md, .container .col-md-1, .container .col-md-10, .container .col-md-11, .container .col-md-12, .container .col-md-2, .container .col-md-3, .container .col-md-4, .container .col-md-5, .container .col-md-6, .container .col-md-7, .container .col-md-8, .container .col-md-9, .container .col-sm, .container .col-sm-1, .container .col-sm-10, .container .col-sm-11, .container .col-sm-12, .container .col-sm-2, .container .col-sm-3, .container .col-sm-4, .container .col-sm-5, .container .col-sm-6, .container .col-sm-7, .container .col-sm-8, .container .col-sm-9, .container .col-xl, .container .col-xl-1, .container .col-xl-10, .container .col-xl-11, .container .col-xl-12, .container .col-xl-2, .container .col-xl-3, .container .col-xl-4, .container .col-xl-5, .container .col-xl-6, .container .col-xl-7, .container .col-xl-8, .container .col-xl-9 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .container .col, .container .col-1, .container .col-10, .container .col-11, .container .col-12, .container .col-2, .container .col-3, .container .col-4, .container .col-5, .container .col-6, .container .col-7, .container .col-8, .container .col-9, .container .col-lg, .container .col-lg-1, .container .col-lg-10, .container .col-lg-11, .container .col-lg-12, .container .col-lg-2, .container .col-lg-3, .container .col-lg-4, .container .col-lg-5, .container .col-lg-6, .container .col-lg-7, .container .col-lg-8, .container .col-lg-9, .container .col-md, .container .col-md-1, .container .col-md-10, .container .col-md-11, .container .col-md-12, .container .col-md-2, .container .col-md-3, .container .col-md-4, .container .col-md-5, .container .col-md-6, .container .col-md-7, .container .col-md-8, .container .col-md-9, .container .col-sm, .container .col-sm-1, .container .col-sm-10, .container .col-sm-11, .container .col-sm-12, .container .col-sm-2, .container .col-sm-3, .container .col-sm-4, .container .col-sm-5, .container .col-sm-6, .container .col-sm-7, .container .col-sm-8, .container .col-sm-9, .container .col-xl, .container .col-xl-1, .container .col-xl-10, .container .col-xl-11, .container .col-xl-12, .container .col-xl-2, .container .col-xl-3, .container .col-xl-4, .container .col-xl-5, .container .col-xl-6, .container .col-xl-7, .container .col-xl-8, .container .col-xl-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .container .col, .container .col-1, .container .col-10, .container .col-11, .container .col-12, .container .col-2, .container .col-3, .container .col-4, .container .col-5, .container .col-6, .container .col-7, .container .col-8, .container .col-9, .container .col-lg, .container .col-lg-1, .container .col-lg-10, .container .col-lg-11, .container .col-lg-12, .container .col-lg-2, .container .col-lg-3, .container .col-lg-4, .container .col-lg-5, .container .col-lg-6, .container .col-lg-7, .container .col-lg-8, .container .col-lg-9, .container .col-md, .container .col-md-1, .container .col-md-10, .container .col-md-11, .container .col-md-12, .container .col-md-2, .container .col-md-3, .container .col-md-4, .container .col-md-5, .container .col-md-6, .container .col-md-7, .container .col-md-8, .container .col-md-9, .container .col-sm, .container .col-sm-1, .container .col-sm-10, .container .col-sm-11, .container .col-sm-12, .container .col-sm-2, .container .col-sm-3, .container .col-sm-4, .container .col-sm-5, .container .col-sm-6, .container .col-sm-7, .container .col-sm-8, .container .col-sm-9, .container .col-xl, .container .col-xl-1, .container .col-xl-10, .container .col-xl-11, .container .col-xl-12, .container .col-xl-2, .container .col-xl-3, .container .col-xl-4, .container .col-xl-5, .container .col-xl-6, .container .col-xl-7, .container .col-xl-8, .container .col-xl-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .container .col, .container .col-1, .container .col-10, .container .col-11, .container .col-12, .container .col-2, .container .col-3, .container .col-4, .container .col-5, .container .col-6, .container .col-7, .container .col-8, .container .col-9, .container .col-lg, .container .col-lg-1, .container .col-lg-10, .container .col-lg-11, .container .col-lg-12, .container .col-lg-2, .container .col-lg-3, .container .col-lg-4, .container .col-lg-5, .container .col-lg-6, .container .col-lg-7, .container .col-lg-8, .container .col-lg-9, .container .col-md, .container .col-md-1, .container .col-md-10, .container .col-md-11, .container .col-md-12, .container .col-md-2, .container .col-md-3, .container .col-md-4, .container .col-md-5, .container .col-md-6, .container .col-md-7, .container .col-md-8, .container .col-md-9, .container .col-sm, .container .col-sm-1, .container .col-sm-10, .container .col-sm-11, .container .col-sm-12, .container .col-sm-2, .container .col-sm-3, .container .col-sm-4, .container .col-sm-5, .container .col-sm-6, .container .col-sm-7, .container .col-sm-8, .container .col-sm-9, .container .col-xl, .container .col-xl-1, .container .col-xl-10, .container .col-xl-11, .container .col-xl-12, .container .col-xl-2, .container .col-xl-3, .container .col-xl-4, .container .col-xl-5, .container .col-xl-6, .container .col-xl-7, .container .col-xl-8, .container .col-xl-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .container .col, .container .col-1, .container .col-10, .container .col-11, .container .col-12, .container .col-2, .container .col-3, .container .col-4, .container .col-5, .container .col-6, .container .col-7, .container .col-8, .container .col-9, .container .col-lg, .container .col-lg-1, .container .col-lg-10, .container .col-lg-11, .container .col-lg-12, .container .col-lg-2, .container .col-lg-3, .container .col-lg-4, .container .col-lg-5, .container .col-lg-6, .container .col-lg-7, .container .col-lg-8, .container .col-lg-9, .container .col-md, .container .col-md-1, .container .col-md-10, .container .col-md-11, .container .col-md-12, .container .col-md-2, .container .col-md-3, .container .col-md-4, .container .col-md-5, .container .col-md-6, .container .col-md-7, .container .col-md-8, .container .col-md-9, .container .col-sm, .container .col-sm-1, .container .col-sm-10, .container .col-sm-11, .container .col-sm-12, .container .col-sm-2, .container .col-sm-3, .container .col-sm-4, .container .col-sm-5, .container .col-sm-6, .container .col-sm-7, .container .col-sm-8, .container .col-sm-9, .container .col-xl, .container .col-xl-1, .container .col-xl-10, .container .col-xl-11, .container .col-xl-12, .container .col-xl-2, .container .col-xl-3, .container .col-xl-4, .container .col-xl-5, .container .col-xl-6, .container .col-xl-7, .container .col-xl-8, .container .col-xl-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.container .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%;
}
.container .col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}
.container .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%;
}
.container .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%;
}
.container .col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.container .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%;
}
.container .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%;
}
.container .col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.container .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%;
}
.container .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%;
}
.container .col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.container .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%;
}
.container .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%;
}
.container .col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.container .pull-0 {
  right: auto;
}
.container .pull-1 {
  right: 8.333333%;
}
.container .pull-2 {
  right: 16.666667%;
}
.container .pull-3 {
  right: 25%;
}
.container .pull-4 {
  right: 33.333333%;
}
.container .pull-5 {
  right: 41.666667%;
}
.container .pull-6 {
  right: 50%;
}
.container .pull-7 {
  right: 58.333333%;
}
.container .pull-8 {
  right: 66.666667%;
}
.container .pull-9 {
  right: 75%;
}
.container .pull-10 {
  right: 83.333333%;
}
.container .pull-11 {
  right: 91.666667%;
}
.container .pull-12 {
  right: 100%;
}
.container .push-0 {
  left: auto;
}
.container .push-1 {
  left: 8.333333%;
}
.container .push-2 {
  left: 16.666667%;
}
.container .push-3 {
  left: 25%;
}
.container .push-4 {
  left: 33.333333%;
}
.container .push-5 {
  left: 41.666667%;
}
.container .push-6 {
  left: 50%;
}
.container .push-7 {
  left: 58.333333%;
}
.container .push-8 {
  left: 66.666667%;
}
.container .push-9 {
  left: 75%;
}
.container .push-10 {
  left: 83.333333%;
}
.container .push-11 {
  left: 91.666667%;
}
.container .push-12 {
  left: 100%;
}
.container .offset-1 {
  margin-left: 8.333333%;
}
.container .offset-2 {
  margin-left: 16.666667%;
}
.container .offset-3 {
  margin-left: 25%;
}
.container .offset-4 {
  margin-left: 33.333333%;
}
.container .offset-5 {
  margin-left: 41.666667%;
}
.container .offset-6 {
  margin-left: 50%;
}
.container .offset-7 {
  margin-left: 58.333333%;
}
.container .offset-8 {
  margin-left: 66.666667%;
}
.container .offset-9 {
  margin-left: 75%;
}
.container .offset-10 {
  margin-left: 83.333333%;
}
.container .offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .container .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%;
  }
  .container .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .container .pull-sm-0 {
    right: auto;
  }
  .container .pull-sm-1 {
    right: 8.333333%;
  }
  .container .pull-sm-2 {
    right: 16.666667%;
  }
  .container .pull-sm-3 {
    right: 25%;
  }
  .container .pull-sm-4 {
    right: 33.333333%;
  }
  .container .pull-sm-5 {
    right: 41.666667%;
  }
  .container .pull-sm-6 {
    right: 50%;
  }
  .container .pull-sm-7 {
    right: 58.333333%;
  }
  .container .pull-sm-8 {
    right: 66.666667%;
  }
  .container .pull-sm-9 {
    right: 75%;
  }
  .container .pull-sm-10 {
    right: 83.333333%;
  }
  .container .pull-sm-11 {
    right: 91.666667%;
  }
  .container .pull-sm-12 {
    right: 100%;
  }
  .container .push-sm-0 {
    left: auto;
  }
  .container .push-sm-1 {
    left: 8.333333%;
  }
  .container .push-sm-2 {
    left: 16.666667%;
  }
  .container .push-sm-3 {
    left: 25%;
  }
  .container .push-sm-4 {
    left: 33.333333%;
  }
  .container .push-sm-5 {
    left: 41.666667%;
  }
  .container .push-sm-6 {
    left: 50%;
  }
  .container .push-sm-7 {
    left: 58.333333%;
  }
  .container .push-sm-8 {
    left: 66.666667%;
  }
  .container .push-sm-9 {
    left: 75%;
  }
  .container .push-sm-10 {
    left: 83.333333%;
  }
  .container .push-sm-11 {
    left: 91.666667%;
  }
  .container .push-sm-12 {
    left: 100%;
  }
  .container .offset-sm-0 {
    margin-left: 0;
  }
  .container .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .container .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .container .offset-sm-3 {
    margin-left: 25%;
  }
  .container .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .container .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .container .offset-sm-6 {
    margin-left: 50%;
  }
  .container .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .container .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .container .offset-sm-9 {
    margin-left: 75%;
  }
  .container .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .container .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .container .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%;
  }
  .container .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .container .pull-md-0 {
    right: auto;
  }
  .container .pull-md-1 {
    right: 8.333333%;
  }
  .container .pull-md-2 {
    right: 16.666667%;
  }
  .container .pull-md-3 {
    right: 25%;
  }
  .container .pull-md-4 {
    right: 33.333333%;
  }
  .container .pull-md-5 {
    right: 41.666667%;
  }
  .container .pull-md-6 {
    right: 50%;
  }
  .container .pull-md-7 {
    right: 58.333333%;
  }
  .container .pull-md-8 {
    right: 66.666667%;
  }
  .container .pull-md-9 {
    right: 75%;
  }
  .container .pull-md-10 {
    right: 83.333333%;
  }
  .container .pull-md-11 {
    right: 91.666667%;
  }
  .container .pull-md-12 {
    right: 100%;
  }
  .container .push-md-0 {
    left: auto;
  }
  .container .push-md-1 {
    left: 8.333333%;
  }
  .container .push-md-2 {
    left: 16.666667%;
  }
  .container .push-md-3 {
    left: 25%;
  }
  .container .push-md-4 {
    left: 33.333333%;
  }
  .container .push-md-5 {
    left: 41.666667%;
  }
  .container .push-md-6 {
    left: 50%;
  }
  .container .push-md-7 {
    left: 58.333333%;
  }
  .container .push-md-8 {
    left: 66.666667%;
  }
  .container .push-md-9 {
    left: 75%;
  }
  .container .push-md-10 {
    left: 83.333333%;
  }
  .container .push-md-11 {
    left: 91.666667%;
  }
  .container .push-md-12 {
    left: 100%;
  }
  .container .offset-md-0 {
    margin-left: 0;
  }
  .container .offset-md-1 {
    margin-left: 8.333333%;
  }
  .container .offset-md-2 {
    margin-left: 16.666667%;
  }
  .container .offset-md-3 {
    margin-left: 25%;
  }
  .container .offset-md-4 {
    margin-left: 33.333333%;
  }
  .container .offset-md-5 {
    margin-left: 41.666667%;
  }
  .container .offset-md-6 {
    margin-left: 50%;
  }
  .container .offset-md-7 {
    margin-left: 58.333333%;
  }
  .container .offset-md-8 {
    margin-left: 66.666667%;
  }
  .container .offset-md-9 {
    margin-left: 75%;
  }
  .container .offset-md-10 {
    margin-left: 83.333333%;
  }
  .container .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .container .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%;
  }
  .container .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .container .pull-lg-0 {
    right: auto;
  }
  .container .pull-lg-1 {
    right: 8.333333%;
  }
  .container .pull-lg-2 {
    right: 16.666667%;
  }
  .container .pull-lg-3 {
    right: 25%;
  }
  .container .pull-lg-4 {
    right: 33.333333%;
  }
  .container .pull-lg-5 {
    right: 41.666667%;
  }
  .container .pull-lg-6 {
    right: 50%;
  }
  .container .pull-lg-7 {
    right: 58.333333%;
  }
  .container .pull-lg-8 {
    right: 66.666667%;
  }
  .container .pull-lg-9 {
    right: 75%;
  }
  .container .pull-lg-10 {
    right: 83.333333%;
  }
  .container .pull-lg-11 {
    right: 91.666667%;
  }
  .container .pull-lg-12 {
    right: 100%;
  }
  .container .push-lg-0 {
    left: auto;
  }
  .container .push-lg-1 {
    left: 8.333333%;
  }
  .container .push-lg-2 {
    left: 16.666667%;
  }
  .container .push-lg-3 {
    left: 25%;
  }
  .container .push-lg-4 {
    left: 33.333333%;
  }
  .container .push-lg-5 {
    left: 41.666667%;
  }
  .container .push-lg-6 {
    left: 50%;
  }
  .container .push-lg-7 {
    left: 58.333333%;
  }
  .container .push-lg-8 {
    left: 66.666667%;
  }
  .container .push-lg-9 {
    left: 75%;
  }
  .container .push-lg-10 {
    left: 83.333333%;
  }
  .container .push-lg-11 {
    left: 91.666667%;
  }
  .container .push-lg-12 {
    left: 100%;
  }
  .container .offset-lg-0 {
    margin-left: 0;
  }
  .container .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .container .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .container .offset-lg-3 {
    margin-left: 25%;
  }
  .container .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .container .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .container .offset-lg-6 {
    margin-left: 50%;
  }
  .container .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .container .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .container .offset-lg-9 {
    margin-left: 75%;
  }
  .container .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .container .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .container .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%;
  }
  .container .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .container .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%;
  }
  .container .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%;
  }
  .container .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .container .pull-xl-0 {
    right: auto;
  }
  .container .pull-xl-1 {
    right: 8.333333%;
  }
  .container .pull-xl-2 {
    right: 16.666667%;
  }
  .container .pull-xl-3 {
    right: 25%;
  }
  .container .pull-xl-4 {
    right: 33.333333%;
  }
  .container .pull-xl-5 {
    right: 41.666667%;
  }
  .container .pull-xl-6 {
    right: 50%;
  }
  .container .pull-xl-7 {
    right: 58.333333%;
  }
  .container .pull-xl-8 {
    right: 66.666667%;
  }
  .container .pull-xl-9 {
    right: 75%;
  }
  .container .pull-xl-10 {
    right: 83.333333%;
  }
  .container .pull-xl-11 {
    right: 91.666667%;
  }
  .container .pull-xl-12 {
    right: 100%;
  }
  .container .push-xl-0 {
    left: auto;
  }
  .container .push-xl-1 {
    left: 8.333333%;
  }
  .container .push-xl-2 {
    left: 16.666667%;
  }
  .container .push-xl-3 {
    left: 25%;
  }
  .container .push-xl-4 {
    left: 33.333333%;
  }
  .container .push-xl-5 {
    left: 41.666667%;
  }
  .container .push-xl-6 {
    left: 50%;
  }
  .container .push-xl-7 {
    left: 58.333333%;
  }
  .container .push-xl-8 {
    left: 66.666667%;
  }
  .container .push-xl-9 {
    left: 75%;
  }
  .container .push-xl-10 {
    left: 83.333333%;
  }
  .container .push-xl-11 {
    left: 91.666667%;
  }
  .container .push-xl-12 {
    left: 100%;
  }
  .container .offset-xl-0 {
    margin-left: 0;
  }
  .container .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .container .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .container .offset-xl-3 {
    margin-left: 25%;
  }
  .container .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .container .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .container .offset-xl-6 {
    margin-left: 50%;
  }
  .container .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .container .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .container .offset-xl-9 {
    margin-left: 75%;
  }
  .container .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .container .offset-xl-11 {
    margin-left: 91.666667%;
  }
}


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

.container .row {
  margin-right: -20px;
  margin-left: -20px;
}
.container .row > [class*=col] {
  padding-left: 20px;
  padding-right: 20px;
}
.container .row + .row {
  margin-top: 40px;
}
.container.no-gutters > .row > .col, .container.no-gutters > .row > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.container.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 .container .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  #main .container .row > [class*=col] {
    padding-left: 15px;
    padding-right: 15px;
  }
  #main .container .row + .row {
    margin-top: 30px;
  }
  #main .container.no-gutters > .row > .col,
  #main .container.no-gutters > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
  #main .container.no-gutters > .row + .row {
    margin-top: 0;
  }
}
.container .row > [class*=col] [class*=img-cap] {
  padding: 13px 0 0 0;
  text-align: center;
}
.container .row > [class*=col] img {
  width: 100%;
}
.container .row > [class*=col] img.imgPC {
  display: block;
  text-align: center;
}
.container .row > [class*=col] img.imgSP {
  display: none;
}
.container .row > a {
  color: #333;
  transition: all 0.5s;
}
.container .row > a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.container .row .img-col {
  text-align: center;
}
.container .row .heading {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 5px 0;
  line-height: 1.4;
}
.container .row .img-col + .elem-col {
  padding-top: 21px;
}
.container [class*=inner-col] {
  background-color: #eff4fa;
}
.container .bgcolors [class*=col]:nth-of-type(even) [class*=inner-col] {
  background-color: #e1eaf5;
}
.container [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;
  }
  .container { /* sp width 100% */ }
  .container .row {
    margin-right: 0px;
    margin-left: 0px;
  }
  .container .row > .col,
  .container .row > [class*=col-] {
    padding: 20px 0 0;
    margin-right: 0px;
    margin-left: 0px;
    display: block;
  }
  .container .row > [class*=col] img.imgPC {
    display: none !important;
  }
  .container .row > [class*=col] img.imgSP {
    display: block !important;
  }
  .container [class*=container] .row:nth-of-type(1) > [class*=col]:nth-of-type(1) {
    padding-top: 0 !important;
  }
  .container .no-gutters > .row > .col,
  .container .no-gutters > .row > [class*=col-] {
    padding-top: 0px;
  }
  .container .row + .row {
    margin-top: 0;
  }
  .container .row .img-col + .elem-col {
    padding-top: 21px;
    padding-bottom: 21px;
  }
  .container .row {
    display: block;
  }
  .container .row.fluid {
    display: flex;
  }
  .container [class*=inner-col] > .elem-col {
    padding: 17px 10px 13px 25px;
  }
  .container .row > [class*=col] [class*=img-cap] {
    text-align: center;
  }
  .container .row .sp-horizontal {
    display: table;
    margin-top: 1px;
    width: 100%;
  }
  .container .row .sp-horizontal > * {
    display: table-cell;
    vertical-align: top;
  }
  .container .row .sp-horizontal > .img-col {
    width: 32%;
  }
  .container .row .sp-horizontal > .elem-col {
    padding: 10px 10px 10px 20px;
    vertical-align: middle;
  }
  .container .row > [class*=col].sp-horizontal [class*=img-cap] {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding: 0 0 0 20px;
  }
  .container .row.sp-fluid {
    overflow: hidden;
  }
  .container .row.sp-fluid > [class*=col] {
    float: left;
    width: 48.5% !important;
  }
  .container .row.sp-fluid > [class*=col]:nth-child(2n+1) {
    clear: both;
  }
  .container .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: #333;
}

/* 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;
  }
}
/*--------------------------------------------------
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: flex;
  flex-wrap: wrap;
  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 {
    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: flex;
  flex-direction: column;
  align-content: 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: #333;
  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;
    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;
  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: flex;
  flex-direction: column;
  justify-content: 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;
    transition: opacity 0s 1s linear;
  }
  .spKVSubstitution ul.kvSet > li.current {
    z-index: 9;
    opacity: 1;
    transition: opacity 1s 0s linear;
  }
  .spKVSubstitution ul.kvSet > li img {
    width: 100%;
  }
}
/*! ----------------------
general animations
-------------------------*/
@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: -moz-linear-gradient(left, #ccc 10%, rgba(225, 225, 225, 0) 42%);
  background: -webkit-linear-gradient(left, #ccc 10%, rgba(225, 225, 225, 0) 42%);
  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);
  -ms-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: #333;
  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: #333;
  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;
  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;
  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 */
    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 {
    order: 1;
    -webkit-order: 1;
  }
  .productDetail .lumpMix .lumpEnd {
    order: 3;
    -webkit-order: 3;
  }
  .productDetail .lumpMix #videoBlock {
    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: #333;
  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;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accWrap .accordion-open span::before {
  border-color: #fff;
  -ms-transform: rotate(-45deg);
  -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;
  -moz-border-radius: 5px;
  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: #333;
  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;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accIsh.switchWrap .switchToggle.nowOpen span::before {
  border-color: #fff;
  -ms-transform: rotate(-45deg);
  -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;
  }
}
/*--------------------------------------------------
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;
}

/*--------------------------------------------------
categoryBlock
--------------------------------------------------*/
.gridBlock {
  overflow: hidden;
  position: relative;
}

.gridBlock .listBox {
  float: left;
  background-color: #eff4fa;
  box-sizing: border-box;
}

.gridBlock .listBoxInner {
  background-color: #eff4fa;
}

.gridBlock .listBoxInner .listTitle {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding-left: 0;
  line-height: 1.3;
  border-left: 0;
}

.gridBlock a {
  color: #333;
}

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

.gridBlock a.listBox {
  display: block;
}

.gridBlock .listBox .imgArea {
  text-align: center;
}

.gridBlock .listBox > a {
  display: block;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
}

.gridBlock .listBox > a:hover {
  text-decoration: underline;
}

.gridBlock .listBox.linkBlank {
  position: relative;
}

.gridBlock .listBox .imgPC {
  display: block;
  text-align: center;
}

.gridBlock .listBox .imgSP {
  display: none;
}

.gridBlock .listBox .imgArea {
  text-align: center;
}

.gridBlock .listBoxInner {
  padding: 21px 15px 21px 30px;
}

.gridBlock.cl2 .listBox {
  width: 50%;
}

.gridBlock.cl3 .listBox {
  width: 33.3%;
}

.gridBlock.cl4 .listBox {
  width: 25%;
}

.gridBlock.cl5 .listBox {
  width: 20%;
}

.gridBlock.cl5 .listBoxInner {
  padding: 15px 20px;
}

.gridBlock.cl2.separate {
  margin: 0 0 0 -2%;
}

.gridBlock.cl3.separate {
  margin: 0 0 0 -2%;
}

.gridBlock.cl4.separate {
  margin: 0 0 0 -1.5%;
}

.gridBlock.cl5.separate {
  margin: 0 0 0 -1%;
}

.gridBlock.cl2.separate .listBox {
  width: 48%;
  margin: 0 0 2% 2%;
}

.gridBlock.cl3.separate .listBox {
  width: 31.3%;
  margin: 0 0 2% 2%;
}

.gridBlock.cl4.separate .listBox {
  width: 23.5%;
  margin: 0 0 1.5% 1.5%;
}

.gridBlock.cl5.separate .listBox {
  width: 19%;
  margin: 0 0 1% 1%;
}

@media screen and (min-width: 768px) {
  .gridBlock {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .gridBlock {
    margin: 0 -4% !important;
  }
  .gridBlock .listBox {
    float: none;
    width: auto !important;
    margin: 0 !important;
  }
  .gridBlock.separate {
    margin: 0 !important;
  }
  .gridBlock.separate .listBox + .listBox {
    margin-top: 20px !important;
  }
  .gridBlock .imgArea img {
    width: 100%;
  }
  .gridBlock .listBoxInner {
    padding: 20px;
  }
  .gridBlock .listBox > a:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .gridBlock .listBox .imgPC {
    display: none !important;
  }
  .gridBlock .listBox .imgSP {
    display: block !important;
  }
  .gridBlock .listBox .listBoxInner {
    padding: 17px 10px 13px 25px !important;
  }
  .gridBlock .listBox .listBoxInner .listTitle {
    font-family: inherit;
  }
  /* thumb */
  .gridBlock .listBox.thumb {
    display: table;
    width: 100%;
  }
  .gridBlock .listBox.thumb .imgArea {
    display: table-cell;
    width: 32%;
    margin: 0 10px 0 0;
  }
  .gridBlock .listBox.thumb .listBoxInner {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 10px 10px 20px !important;
  }
}
/*===========================================
_module.scss
===========================================*/
/*-------------------------------------------
breadCrumb
-------------------------------------------*/
.bl_breadCrumb {
  font-size: 1rem;
  overflow: hidden;
}
.bl_breadCrumb li {
  float: left;
  white-space: nowrap;
  margin-right: 5px;
  padding-top: 3px;
  color: #999;
  line-height: 1.2;
  white-space: normal;
}
.bl_breadCrumb li::before {
  content: ">";
  font-family: verdana, sans-serif;
  padding: 0 3px 0 0;
}
.bl_breadCrumb li:first-child::before {
  padding-left: 0;
  content: "";
}
.bl_breadCrumb li a {
  text-decoration: underline;
  color: #999;
}
.bl_breadCrumb li a:hover {
  text-decoration: none;
}

/*--------------------------------------------------
Card
--------------------------------------------------*/
.bl_card .cardImg {
  position: relative;
  overflow: hidden;
}
.bl_card .cardImg a {
  transition: 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_card .cardImg a:focus, .bl_card .cardImg a:hover {
  opacity: 0.75;
  text-decoration: none;
}
.bl_card .cardImg img {
  width: 100%;
}
.bl_card .cardImg figcaption {
  margin-top: 4.2%;
}
.bl_card .cardBody {
  padding: 4.2% 0 0;
}
.bl_card .cardBody > *:last-child {
  margin-bottom: 0;
}
.bl_card .subHeading {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 8px;
}
.bl_card .date {
  font-size: 1.4rem;
}
.bl_card .tag {
  font-size: 1.4rem;
  color: #5d5d5d;
}
.bl_card .tag a {
  display: inline-block;
  color: #5d5d5d;
}
.bl_card .tag a + a {
  margin-left: 3px;
}
.bl_card .tag a:hover {
  color: #0089ff;
}
.bl_card .desc {
  margin-top: 3%;
}
.bl_card .desc._fwB {
  line-height: 1.5;
}
.bl_card .rt_cf_n_href {
  margin-top: 3%;
  display: inline-block;
}
.bl_card .prodName {
  color: #004098;
}
.bl_card .generalName {
  font-size: 1.4rem;
  margin-top: 10px;
}
.bl_card .prodLink {
  font-size: 1.4rem;
}
.bl_card .prodLink a {
  color: #0089ff;
}
.bl_card .prodLink ._iconWindow::after {
  font-size: 11px;
}
.bl_card > a {
  transition: 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_card > a:focus, .bl_card > a:hover {
  opacity: 0.75;
  text-decoration: none;
}
.bl_card.rt_bn_product_list .cardImg {
  background-color: #e5e5e5;
  position: relative;
  padding-top: 62.5%;
  overflow: hidden;
}
.bl_card.rt_bn_product_list .cardImg img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media print, screen and (min-width: 768px) {
  .bl_card {
    display: flex;
    flex-direction: column;
  }
  .bl_card .cardBottom {
    margin-top: auto;
  }
  .bl_card .cardBottom .el_btn {
    margin-top: 4%;
  }
}
@media only screen and (max-width: 767px) {
  .bl_card .desc {
    margin-top: 2%;
  }
  .bl_card .cardBottom {
    margin-top: 6%;
  }
  .bl_card.-horizontal {
    display: flex;
  }
  .bl_card.-horizontal .imgWrapper {
    width: 45%;
    display: flex;
    padding-top: 50%;
  }
  .bl_card.-horizontal .imgWrapper img {
    top: 100%;
    transform: scale(2.5) translateY(-70%);
  }
  .bl_card.-horizontal .cardBody {
    width: 55%;
  }
  .bl_card.-blue {
    padding: 6%;
  }
}

a.bl_card {
  display: block;
  color: currentColor;
  transition: 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
}
a.bl_card:focus, a.bl_card:hover {
  opacity: 0.75;
  text-decoration: none;
}
a.bl_card .heading,
a.bl_card .cardImg figcaption {
  color: #004098;
}

.bl_cardUnit {
  display: flex;
  flex-wrap: wrap;
}
.bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardImg, .bl_cardUnit.-newslist.-nothumb > .bl_card .cardImg {
  display: none;
}
@media print, 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.8rem;
  }
  .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.8rem;
    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.-col4 {
    margin-bottom: -3.28%;
  }
  .bl_cardUnit.-col4 > .bl_card {
    width: calc((100% - 3.28% * 3) / 4);
    margin-bottom: 3.28%;
  }
  .bl_cardUnit.-col4 > .bl_card + .bl_card:not(:nth-child(4n+1)) {
    margin-left: 3.28%;
  }
  .bl_cardUnit.-col5 {
    margin-bottom: -2.5%;
  }
  .bl_cardUnit.-col5 > .bl_card {
    width: calc((100% - 2.5% * 4) / 5);
    margin-bottom: 2.5%;
  }
  .bl_cardUnit.-col5 > .bl_card + .bl_card:not(:nth-child(5n+1)) {
    margin-left: 2.5%;
  }
  .bl_cardUnit.-center {
    justify-content: center;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5), .bl_cardUnit.-newslist.-nothumb > .bl_card {
    width: 100%;
    margin: 0 0 20px !important;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5).is_hide, .bl_cardUnit.-newslist.-nothumb > .bl_card.is_hide {
    margin-bottom: 0 !important;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardBody, .bl_cardUnit.-newslist.-nothumb > .bl_card .cardBody {
    padding-top: 0;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardBody .newsItem, .bl_cardUnit.-newslist.-nothumb > .bl_card .cardBody .newsItem {
    display: flex;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardBody .newsItem .date, .bl_cardUnit.-newslist.-nothumb > .bl_card .cardBody .newsItem .date {
    min-width: 13%;
    font-size: 1.6rem;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardBody .newsItem + .rt_cf_n_href, .bl_cardUnit.-newslist.-nothumb > .bl_card .cardBody .newsItem + .rt_cf_n_href {
    display: block;
    margin: 0 0 0 13%;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardBody .newsItem .tag, .bl_cardUnit.-newslist.-nothumb > .bl_card .cardBody .newsItem .tag {
    font-size: 1.6rem;
  }
}
@media print, 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;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardBody .newsItem .date {
    min-width: 13%;
    font-size: 1.4rem;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardBody .newsItem + .rt_cf_n_href {
    margin: 0 0 0 13%;
  }
}
@media only 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;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardBody {
    padding-top: 0;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardBody .newsItem + .rt_cf_n_href {
    margin: 5px 0 0;
  }
}

/* IE11 */
@media all and (-ms-high-contrast: none) and (min-width: 768px) {
  *::-ms-backdrop, .bl_cardUnit.-col2 > .bl_card {
    width: 48% !important;
  }
  *::-ms-backdrop, .bl_cardUnit.-col3 > .bl_card {
    width: 31% !important;
  }
  *::-ms-backdrop, .bl_cardUnit.-col4 > .bl_card {
    width: 22.5% !important;
  }
  *::-ms-backdrop, .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) {
    width: 100% !important;
  }
}
/*--------------------------------------------------
Grid
--------------------------------------------------*/
.bl_grid {
  display: flex;
  flex-wrap: wrap;
}
.bl_grid .grid.-blue {
  background: #eaeef4;
  padding: 2%;
}
@media print, screen and (min-width: 768px) {
  .bl_grid + .bl_grid {
    margin-top: 10%;
  }
  .bl_grid.-col2 {
    margin-bottom: -3.3%;
  }
  .bl_grid.-col2 > .grid {
    width: calc((100% - 3.3%) / 2);
    margin-bottom: 3.3%;
  }
  .bl_grid.-col2 > .grid + .grid:not(:nth-child(2n+1)) {
    margin-left: 3.3%;
  }
  .bl_grid.-col3 {
    margin-bottom: -3.3%;
  }
  .bl_grid.-col3 > .grid {
    width: calc((100% - 3.3% * 2) / 3);
    margin-bottom: 3.3%;
  }
  .bl_grid.-col3 > .grid + .grid:not(:nth-child(3n+1)) {
    margin-left: 3.3%;
  }
  .bl_grid.-col4 {
    margin-bottom: -3.3%;
  }
  .bl_grid.-col4 > .grid {
    width: calc((100% - 3.3% * 3) / 4);
    margin-bottom: 3.3%;
  }
  .bl_grid.-col4 > .grid + .grid:not(:nth-child(4n+1)) {
    margin-left: 3.3%;
  }
}
@media only screen and (max-width: 767px) {
  .bl_grid + .bl_grid {
    margin-top: 40px;
  }
  .bl_grid.-col2, .bl_grid.-col3, .bl_grid.-col4 {
    margin-bottom: -40px;
  }
  .bl_grid > .grid {
    width: 100%;
    margin-bottom: 40px;
  }
  .bl_grid > .grid.-blue {
    padding: 6%;
  }
}

/* IE11 */
@media all and (-ms-high-contrast: none) and (min-width: 768px) {
  *::-ms-backdrop, .bl_grid.-col2 > .grid {
    width: 48% !important;
  }
  *::-ms-backdrop, .bl_grid.-col3 > .grid {
    width: 31% !important;
  }
  *::-ms-backdrop, .bl_grid.-col4 > .grid {
    width: 22.5% !important;
  }
}
/*--------------------------------------------------
Images
--------------------------------------------------*/
/* bl_imgWrap
--------------------------------*/
.bl_imgWrap {
  margin: 4% auto;
  text-align: center;
}
.bl_imgWrap img {
  text-align: center;
}
.bl_imgWrap figcaption {
  margin-top: 15px;
}
@media print, screen and (min-width: 768px) {
  .bl_imgWrap.-slim {
    max-width: 800px;
    margin: inherit auto;
  }
}

/* bl_media
--------------------------------*/
.bl_media {
  position: relative;
  display: flex;
}
.bl_media + .bl_media {
  margin-top: 5%;
}
.bl_media .mediaImg figcaption {
  margin-top: 10px;
}
.bl_media .mediaBody {
  flex: 1;
}
.bl_media .mediaBody > *:last-child {
  margin-bottom: 0;
}
.bl_media .heading {
  margin-bottom: 10px;
  font-weight: bold;
}
.bl_media.-end {
  align-items: flex-end;
}
.bl_media.-center {
  align-items: center;
}
.bl_media.-reverse {
  flex-direction: row-reverse;
}
.bl_media.-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 only screen and (max-width: 767px) {
  .bl_media.-float {
    display: flex;
  }
  .bl_media.-float .mediaImg.-right {
    margin-left: 0;
  }
  .bl_media.-float .mediaImg.-left {
    margin-right: 0;
  }
}
.bl_media.-related .bl_headingLv2 {
  margin: 0 0 20px;
}
@media print, screen and (min-width: 768px) {
  .bl_media.-related .mediaBody {
    position: relative;
  }
  .bl_media.-related .el_btn {
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .bl_media.-related .el_btn {
    margin-top: 20px;
  }
}
.bl_media.-banner {
  color: #333;
  transition: all 0.5s;
}
.bl_media.-banner:hover {
  text-decoration: none;
  opacity: 0.75;
}
.bl_media.-banner:hover {
  text-decoration: none;
}
.bl_media.-banner .heading {
  color: #004098;
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: 300;
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .bl_media .mediaImg {
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .bl_media:not(.-spFluid) {
    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 {
    flex-direction: row-reverse;
  }
  .bl_media.-spFluid.-reverse .mediaImg {
    margin-left: 4%;
  }
  .bl_media.-spFluid .mediaImg {
    width: 30%;
    margin-right: 4%;
  }
  .bl_media.-reverse {
    flex-direction: column-reverse;
  }
  .bl_media.-reverse .mediaImg {
    margin: 20px auto 0;
  }
  .bl_media.-end {
    align-items: center;
  }
  .bl_media.-free .mediaImg {
    margin: 0 auto 20px;
  }
  .bl_media .-order0 {
    order: 0;
  }
  .bl_media .-order1 {
    order: 1;
    margin-top: 20px;
  }
  .bl_media .-order2 {
    order: 2;
    margin-top: 20px;
  }
  .bl_media .-order3 {
    order: 3;
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 768px) {
  .bl_media .mediaImg {
    margin-right: 40px;
  }
  .bl_media.-reverse .mediaImg {
    margin-left: 40px;
    margin-right: 0;
  }
  .bl_media.-free {
    justify-content: center;
  }
  .bl_media.-free .mediaImg {
    margin-right: 70px;
  }
  .bl_media.-free .mediaBody {
    flex-grow: 0;
    flex-basis: auto;
  }
}

@media print, screen and (min-width: 768px) {
  .bl_grid .bl_media .mediaImg {
    margin-right: 20px;
  }
}
/*--------------------------------------------------
Button
--------------------------------------------------*/
.el_btn {
  display: inline-block;
  padding: 8px 30px;
  border: #5d5d5d 1px solid;
  color: #333;
  text-align: center;
  transition: all 0.5s;
}
.el_btn:hover {
  text-decoration: none;
  opacity: 0.75;
}
.el_btn:hover, .el_btn:focus {
  background: #000;
  color: #fff;
}
.el_btn.-stand {
  border-color: #004098;
  background: #004098;
  color: #fff;
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.el_btn.-stand:hover, .el_btn.-stand:focus {
  background: #fff;
  color: #004098;
  opacity: 1;
}
.el_btn.-stand:hover.-blank::after, .el_btn.-stand:focus.-blank::after {
  color: #004098;
}
.el_btn.-stand.-blank::after {
  color: #fff;
}
.el_btn.-white {
  border-color: #fff;
  background: #fff;
  color: #004098;
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.el_btn.-white:hover.-blank::after, .el_btn.-white:focus.-blank::after {
  color: #004098;
}
.el_btn.-white.-blank::after {
  color: #004098;
}
.el_btn.-wide {
  min-width: 400px;
}
@media only screen and (max-width: 767px) {
  .el_btn.-wide {
    min-width: auto;
    width: auto;
  }
}
.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;
  color: #5d5d5d;
  transition: all 0.3s;
}
.el_btn.-blank:hover::after, .el_btn.-blank:focus::after {
  color: #fff;
}
.el_btn.-blank.-blankWhite::after {
  color: #fff;
}
.el_btn.-blank.-blankWhite:hover, .el_btn.-blank.-blankWhite:focus {
  color: #333;
  background-color: #fff;
}
.el_btn.-blank.-blankWhite:hover::after, .el_btn.-blank.-blankWhite:focus::after {
  color: #5d5d5d;
}
.el_btn.-pdf::after {
  content: "PDF";
  background: #c90000;
  padding: 3px 10px;
  font-size: 1.2rem;
  margin-left: 8px;
  color: #fff;
  transition: all 0.3s;
}
.el_btn.-rss::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/ir/images/icon_rss.png) 0 0 no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin: -4px 8px 0 0;
}
.el_btn.-opacityNone:hover, .el_btn.-opacityNone:focus {
  opacity: 1;
}

.bl_btnWrap {
  display: flex;
  justify-content: center;
  margin: 60px 0 0;
}
.bl_btnWrap.-left {
  justify-content: flex-start;
}
@media print, screen and (min-width: 768px) {
  .bl_btnWrap .el_btn + .el_btn {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .bl_btnWrap {
    margin: 40px 0 0;
    flex-direction: column;
    align-items: center;
  }
  .bl_btnWrap .el_btn + .el_btn {
    margin-top: 20px;
  }
}

.el_moreBtn {
  position: relative;
  display: inline-block;
  padding: 12px 100px;
  background: #656C74;
  color: #fff;
  border-radius: 30px;
  font-size: 2rem;
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.el_moreBtn:hover {
  background: #b1b5b9;
}
@media only screen and (max-width: 767px) {
  .el_moreBtn {
    padding: 10px 40px;
    font-size: 1.4rem;
  }
}

.bl_snsShare {
  display: flex;
}
.bl_snsShare a {
  display: inline-block;
  width: 24px;
  height: 24px;
  transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_snsShare a img {
  width: 100%;
}
.bl_snsShare a:hover {
  opacity: 0.7;
}
.bl_snsShare a + a {
  margin-left: 15px;
}

.bl_moreList {
  text-align: center;
  margin-top: 30px;
}
.bl_moreList .btn {
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  padding: 10px 30px;
  color: #fff;
  border: 1px solid #004098;
  background: #004098;
  display: none;
  text-decoration: none;
}
.bl_moreList .btn.is_show {
  display: inline-block;
}
.bl_moreList .btn:hover {
  color: #004098;
  background: #fff;
  border-color: #004098;
  text-decoration: none;
}

/*--------------------------------------------------
form
--------------------------------------------------*/
.el_keyword {
  display: flex;
}
.el_keyword input[type=text] {
  min-width: 50px;
  height: 40px;
  padding: 5px 10px;
  line-height: 40px;
  border: none;
  background: #f4f4f4;
}
.ly_container.-typeA .el_keyword {
  background: #fff;
}

.el_keyword button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #004098;
  transition: all 0.5s;
}
.el_keyword button:hover {
  text-decoration: none;
  opacity: 0.75;
}
.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_checkList > li > label, .el_radio, .el_radioList > li > label {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
}
.el_check:hover input + .control, .el_checkList > li > label:hover input + .control, .el_radio:hover input + .control, .el_radioList > li > label:hover input + .control,
.el_check input:focus + .control,
.el_checkList > li > label input:focus + .control,
.el_radio input:focus + .control,
.el_radioList > li > label input:focus + .control {
  border: #0089ff 1px solid;
}
.el_check input, .el_checkList > li > label input, .el_radio input, .el_radioList > li > label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.el_check input:checked + .control, .el_checkList > li > label input:checked + .control, .el_radio input:checked + .control, .el_radioList > li > label input:checked + .control {
  outline: none;
}
.el_check input:checked + .control, .el_checkList > li > label input:checked + .control, .el_radio input:checked + .control, .el_radioList > li > label input:checked + .control {
  background: #004098;
  border-color: #004098;
}
.el_check input:checked + .control::after, .el_checkList > li > label input:checked + .control::after, .el_radio input:checked + .control::after, .el_radioList > li > label input:checked + .control::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.el_check input:disabled + .control, .el_checkList > li > label input:disabled + .control, .el_radio input:disabled + .control, .el_radioList > li > label input:disabled + .control {
  border-color: #ccc;
  background: #ccc;
}
.el_check .control, .el_checkList > li > label .control, .el_radio .control, .el_radioList > li > label .control {
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  border: #707070 1px solid;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.el_check .control::after, .el_checkList > li > label .control::after, .el_radio .control::after, .el_radioList > li > label .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;
  transform-origin: center center;
  transform: scale(1.45);
  transition: all 0.3s linear;
}

.el_radio .control, .el_radioList > li > label .control {
  border-radius: 50%;
}
.el_radio .control::after, .el_radioList > li > label .control::after {
  content: "";
  border-radius: 50%;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
}

.el_selectWrap {
  background: #fff;
  border: none;
  position: relative;
  display: inline-block;
  height: 40px;
  border: #b2b2b2 1px solid;
}
.el_selectWrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  width: 100%;
  height: 100%;
  line-height: 36px;
  font-size: 1.6rem;
  padding: 0 28px 0 10px;
}
.el_selectWrap select::-ms-expand {
  display: none;
}
.el_selectWrap::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: "\e90b";
  color: #004098;
  font-size: 1rem;
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.el_selectWrap .placeholder {
  display: none;
}

.bl_searchFilters {
  display: flex;
  justify-content: center;
}
.bl_searchFilters .el_keyword input[type=text] {
  width: calc(100% - 40px);
  background: #fff;
}
.bl_searchFilters .el_selectWrap {
  border: none;
}
.bl_searchFilters .btnWrap .el_btn {
  background: #fff;
  border-color: #004098;
  color: #004098;
  white-space: nowrap;
}
@media print, screen and (min-width: 768px) {
  .bl_searchFilters .el_keyword {
    width: 26.7%;
  }
  .bl_searchFilters .el_selectWrap {
    width: 26.7%;
    margin-left: 3.3%;
  }
  .bl_searchFilters .btnWrap {
    width: 10%;
    margin-left: 3.3%;
  }
  .bl_searchFilters .btnWrap .el_btn {
    width: 100%;
    padding: 8px 10px;
    height: 40px;
  }
  .bl_searchFilters.-prod {
    flex-direction: column;
  }
  .bl_searchFilters.-prod .el_keyword {
    width: 68%;
    margin: 0 auto;
  }
  .bl_searchFilters.-prod .el_keyword input[type=text] {
    height: 60px;
  }
  .bl_searchFilters.-prod .el_keyword button {
    width: 60px;
    height: 60px;
  }
  .bl_searchFilters.-prod .el_keyword button::after {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .bl_searchFilters {
    flex-direction: column;
  }
  .bl_searchFilters .el_keyword + .el_selectWrap,
  .bl_searchFilters .el_selectWrap + .el_selectWrap {
    margin-top: 20px;
  }
  .bl_searchFilters .btnWrap {
    margin: 20px auto 0;
    text-align: center;
  }
}
.bl_searchFilters .prodFilters .filters .heading {
  font-weight: 600;
}
@media print, screen and (min-width: 768px) {
  .bl_searchFilters .prodFilters .filterOpen {
    display: none;
  }
  .bl_searchFilters .prodFilters .filters {
    display: flex !important;
    margin-top: 40px;
  }
  .bl_searchFilters .prodFilters .filters .item:nth-of-type(1) {
    width: 37%;
  }
  .bl_searchFilters .prodFilters .filters .item:nth-of-type(1) .el_checkList li {
    width: 50%;
  }
  .bl_searchFilters .prodFilters .filters .item:nth-of-type(2) {
    width: 63%;
    padding-left: 40px;
    border-left: #B0C5E6 1px solid;
  }
  .bl_searchFilters .prodFilters .filters .item:nth-of-type(2) .el_checkList li {
    width: 33%;
  }
  .bl_searchFilters .prodFilters .filters .heading {
    font-size: 2rem;
    margin-bottom: 28px;
    line-height: 1.4;
  }
  .bl_searchFilters .prodFilters .filters .el_checkList {
    display: flex;
    flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .bl_searchFilters .prodFilters .filters .item {
    width: 50%;
  }
  .bl_searchFilters .prodFilters .filters .item:nth-of-type(1) .el_checkList li, .bl_searchFilters .prodFilters .filters .item:nth-of-type(2) .el_checkList li {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .bl_searchFilters .prodFilters .filterOpen {
    position: relative;
    display: block;
    text-align: center;
    font-size: 1.4rem;
    margin: 10px auto 0;
    text-decoration: underline;
  }
  .bl_searchFilters .prodFilters .filterOpen::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: #004098 1px solid;
    border-right: #004098 1px solid;
    transform: translateY(-50%) rotate(135deg);
    bottom: 20%;
    margin: 0 auto;
    border-width: 1px;
    position: relative;
    margin-left: 10px;
    transition: transform 0.3s;
  }
  .bl_searchFilters .prodFilters .filterOpen.is_open::after {
    transform: translateY(0) rotate(-45deg);
  }
  .bl_searchFilters .prodFilters .filters {
    display: none;
  }
  .bl_searchFilters .prodFilters .filters .heading {
    margin: 20px 0 10px;
    font-size: 1.6rem;
  }
  .bl_searchFilters .prodFilters .filters .el_checkList {
    display: flex;
    flex-wrap: wrap;
  }
  .bl_searchFilters .prodFilters .filters .el_checkList > li {
    width: 50%;
  }
  .bl_searchFilters .prodFilters .filters .el_checkList > li label {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}

.el_hitNum {
  display: inline-block;
  margin-left: 30px;
  font-size: 1.6rem;
}
.el_hitNum em {
  font-size: 2.8rem;
}
@media only screen and (max-width: 767px) {
  .el_hitNum em {
    font-size: 2rem;
  }
}

/*--------------------------------------------------
Tab
--------------------------------------------------*/
.bl_tabLink {
  margin-top: 100px;
}
.bl_tabLink.-space {
  margin-top: 3%;
  margin-bottom: 3%;
}
.bl_tabLink > ul {
  display: flex;
  padding-bottom: 16px;
}
.bl_tabLink > ul li {
  position: relative;
  width: 100%;
  border-right: #707070 1px solid;
  cursor: pointer;
}
.bl_tabLink > ul li:first-child {
  border-left: #707070 1px solid;
}
.bl_tabLink > ul li a {
  display: block;
  padding: 6px 10px;
  text-align: center;
  color: #004098;
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_tabLink > ul li a:hover {
  text-decoration: none;
}
.bl_tabLink > ul li:not(.is_current):not([aria-selected=true])::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 6px;
  background: #0089ff;
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  bottom: 0;
  height: 3px;
  transform-origin: center 0;
  transform: scale(0, 1);
}
.bl_tabLink > ul li:not(.is_current):not([aria-selected=true]):hover {
  color: #0089ff;
}
.bl_tabLink > ul li:not(.is_current):not([aria-selected=true]):hover::after {
  transform: scale(0.3, 1);
}
.bl_tabLink > ul li.is_current a, .bl_tabLink > ul li[aria-selected=true] a {
  font-weight: 600;
  color: #333;
}
.bl_tabLink > ul li.is_current::after, .bl_tabLink > ul li[aria-selected=true]::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 6px;
  background: #0089ff;
  bottom: -16px;
  transform: scale(1);
}
@media print, screen and (min-width: 768px) {
  .bl_headingWrap + .bl_tabLink {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .bl_tabLink > ul {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .bl_tabLink {
    margin-top: 60px;
    padding-top: 20px;
    border-top: #D6E1F0 1px solid;
    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;
    padding-right: 5%;
  }
  .bl_tabLink > ul li {
    display: inline-block;
    width: auto;
  }
  .bl_tabLink > ul li a {
    padding: 0 18px;
  }
  .bl_tabLink > ul li:first-child {
    border-left: 0;
  }
  .bl_tabLink > ul li:last-child {
    border-right: 0;
  }
}

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

@keyframes anmFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*--------------------------------------------------
Link
--------------------------------------------------*/
.el_txtLink a {
  position: relative;
  padding-left: 1em;
  display: inline-block;
}
.el_txtLink a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  margin: auto;
  width: 7px;
  height: 7px;
  border-top: #004098 1px solid;
  border-right: #004098 1px solid;
  transform: translateY(-50%) rotate(45deg);
  right: 20px;
  margin: auto 0;
  top: 0.9em;
  right: 0;
  left: 0;
}
.el_txtLink.-large a {
  font-size: 2rem;
  font-weight: bold;
}
.el_txtLink.-large a::before {
  width: 9px;
  height: 9px;
  border-width: 2px;
}
@media only screen and (max-width: 767px) {
  .el_txtLink.-large a {
    font-size: 1.6rem;
  }
}

.el_iconLink {
  padding: 0;
}
.el_iconLink li {
  text-indent: -1.4rem;
  padding: 0 0 5px 1.4rem;
  box-sizing: border-box;
}
.el_iconLink li::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: #666 1px solid;
  border-right: #666 1px solid;
  transform: rotate(45deg);
  margin: -3px 8px 0 0;
  vertical-align: middle;
}
.el_iconLink.-noMargin li {
  padding-bottom: 0;
}
.el_iconLink > li > ul {
  margin-top: 5px;
  padding-left: 1rem;
}
.el_iconLink li._iconWindow,
.el_iconLink li[class*=_label],
.el_iconLink li.bgNone {
  text-indent: 0;
  margin-left: 0;
}
.el_iconLink li._iconWindow::before,
.el_iconLink li[class*=label]::before,
.el_iconLink li.bgNone::before {
  display: none;
}
[class*=bPattern] .el_iconLink {
  margin: 0;
}

.el_borderLink {
  margin: 3% 0;
}
.el_borderLink > li {
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  margin-top: -1px;
}
.el_borderLink > li > a {
  display: block;
  padding: 0.8em 1em 0.8em 2em;
}
@media only screen and (max-width: 767px) {
  .el_borderLink + .el_borderLink {
    margin-top: 12%;
  }
  .el_borderLink > li > a {
    padding: 0.7em 1em;
  }
}
@media print, screen and (min-width: 768px) {
  .el_borderLink {
    overflow: visible !important;
  }
  .el_borderLink + .el_borderLink {
    margin-top: 6%;
  }
}

.el_anchorLinks li a {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-weight: 600;
}
.el_anchorLinks li a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #1D3A65;
}
@media only screen and (max-width: 767px) {
  .el_anchorLinks li a::before {
    top: 8px;
  }
}

/*--------------------------------------------------
List
--------------------------------------------------*/
.bl_newsList {
  margin-top: 4%;
}
[class*=bl_heading] + .bl_newsList {
  margin-top: 0;
}
.bl_newsList .item {
  display: block;
}
.bl_newsList .item + .item {
  margin-top: 20px;
}
.bl_newsList .item .date {
  color: #000;
}
.bl_newsList .item .tag {
  color: #5d5d5d;
  font-size: 1.2rem;
}
.bl_newsList .item .tag a {
  display: inline-block;
  color: #5d5d5d;
}
.bl_newsList .item .tag a + a {
  margin-left: 3px;
}
.bl_newsList .item .tag a:hover {
  color: #0089ff;
}
.bl_newsList .item .new {
  color: #b40000;
  display: inline-block;
  margin-left: 10px;
}
@media print, screen and (min-width: 768px) {
  .bl_newsList .item {
    position: relative;
  }
  .bl_newsList .item .date {
    position: absolute;
  }
  .bl_newsList .item .desc {
    padding-left: 11%;
  }
  .bl_newsList .item .tag {
    padding-left: 11%;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .bl_newsList .item .date {
    font-size: 1.4rem;
  }
  .bl_newsList .item .tag {
    padding-left: 13%;
  }
  .bl_newsList .item .desc {
    padding-left: 13%;
  }
}
@media only screen and (max-width: 767px) {
  .bl_newsList .item {
    display: flex;
    flex-direction: column;
  }
  .bl_newsList .item .date {
    font-size: 1.4rem;
    order: 1;
  }
  .bl_newsList .item .desc {
    order: 3;
  }
  .bl_newsList .item .tag {
    order: 2;
    margin-bottom: 5px;
  }
}

.bl_newsImportant {
  padding: 1.5% 3%;
  background: #D6E1F0;
}
.bl_newsImportant + .bl_newsImportant {
  margin-top: 20px !important;
}
.bl_newsImportant dl {
  font-weight: 600;
}
.bl_newsImportant dl dt {
  color: #004098;
}
.bl_newsImportant dl dd a {
  color: #333;
}
.bl_newsImportant .el_discList {
  margin: 0;
}
.bl_newsImportant .el_discList li {
  margin: 0;
}
.bl_newsImportant .el_discList li:first-child {
  margin-top: 2px;
}
.bl_newsImportant .el_discList li + li {
  margin-top: 0.5em;
}
@media print, screen and (min-width: 768px) {
  .bl_newsImportant dl {
    display: flex;
  }
  .bl_newsImportant dl dt {
    width: 15%;
  }
  .bl_newsImportant dl dd {
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .bl_newsImportant {
    padding: 6%;
  }
  .bl_newsImportant dl dt {
    margin-bottom: 5px;
  }
}

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

.el_deciList {
  list-style: outside decimal;
}
.el_deciList > li {
  margin-left: 3rem;
}
.el_deciList.-brackets {
  margin-left: 1em;
}
.el_deciList.-brackets > li {
  list-style-type: none;
  counter-increment: cnt;
  position: relative;
}
.el_deciList.-brackets > li:before {
  content: "(" counter(cnt) ")";
  display: inline-block;
  margin-left: -3.5em;
  width: 3em;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
}

.el_lAlphaList > li {
  list-style-type: lower-alpha;
  margin-left: 1.5em;
}

.el_uAlphaList > li {
  list-style-type: upper-alpha;
  margin-left: 1.5em;
}

.js_moreList > * {
  opacity: 1;
  height: auto;
  transform: translateY(0);
  transform-origin: bottom center;
  transition: opacity 0.4s ease, transform 0.4s ease 0s;
}
.js_moreList > *.is_hide {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 0;
  transform-origin: bottom center;
  transform: translateY(10px);
}

/* fluid / column
--------------------------------*/
.el_iconLink li.nostyle,
.el_anchorLinks li.nostyle,
.el_borderLink li.nostyle,
.el_discList li.nostyle,
.el_deciList li.nostyle,
.el_lAlphaList li.nostyle,
.el_uAlphaList li.nostyle {
  list-style-type: none !important;
  list-style: none !important;
}
@media print, screen and (min-width: 768px) {
  .el_iconLink[class*=-col],
  .el_anchorLinks[class*=-col],
  .el_borderLink[class*=-col],
  .el_discList[class*=-col],
  .el_deciList[class*=-col],
  .el_lAlphaList[class*=-col],
  .el_uAlphaList[class*=-col] {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .el_iconLink[class*=-fluid],
  .el_anchorLinks[class*=-fluid],
  .el_borderLink[class*=-fluid],
  .el_discList[class*=-fluid],
  .el_deciList[class*=-fluid],
  .el_lAlphaList[class*=-fluid],
  .el_uAlphaList[class*=-fluid] {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .el_iconLink[class*=-fluid] li,
  .el_anchorLinks[class*=-fluid] li,
  .el_borderLink[class*=-fluid] li,
  .el_discList[class*=-fluid] li,
  .el_deciList[class*=-fluid] li,
  .el_lAlphaList[class*=-fluid] li,
  .el_uAlphaList[class*=-fluid] li {
    margin-right: 3.3%;
  }
  .el_iconLink.-col2 li,
  .el_anchorLinks.-col2 li,
  .el_borderLink.-col2 li,
  .el_discList.-col2 li,
  .el_deciList.-col2 li,
  .el_lAlphaList.-col2 li,
  .el_uAlphaList.-col2 li {
    width: calc((100% - 3.3% * (2 - 1)) / 2);
    margin-right: 3.3%;
  }
  .el_iconLink.-col2 li + li:nth-child(2n+2),
  .el_anchorLinks.-col2 li + li:nth-child(2n+2),
  .el_borderLink.-col2 li + li:nth-child(2n+2),
  .el_discList.-col2 li + li:nth-child(2n+2),
  .el_deciList.-col2 li + li:nth-child(2n+2),
  .el_lAlphaList.-col2 li + li:nth-child(2n+2),
  .el_uAlphaList.-col2 li + li:nth-child(2n+2) {
    margin-right: 0;
  }
  .el_iconLink.-col3 li,
  .el_anchorLinks.-col3 li,
  .el_borderLink.-col3 li,
  .el_discList.-col3 li,
  .el_deciList.-col3 li,
  .el_lAlphaList.-col3 li,
  .el_uAlphaList.-col3 li {
    width: calc((100% - 3.3% * (3 - 1)) / 3);
    margin-right: 3.3%;
  }
  .el_iconLink.-col3 li + li:nth-child(3n+3),
  .el_anchorLinks.-col3 li + li:nth-child(3n+3),
  .el_borderLink.-col3 li + li:nth-child(3n+3),
  .el_discList.-col3 li + li:nth-child(3n+3),
  .el_deciList.-col3 li + li:nth-child(3n+3),
  .el_lAlphaList.-col3 li + li:nth-child(3n+3),
  .el_uAlphaList.-col3 li + li:nth-child(3n+3) {
    margin-right: 0;
  }
  .el_iconLink.-col4 li,
  .el_anchorLinks.-col4 li,
  .el_borderLink.-col4 li,
  .el_discList.-col4 li,
  .el_deciList.-col4 li,
  .el_lAlphaList.-col4 li,
  .el_uAlphaList.-col4 li {
    width: calc((100% - 3.3% * (4 - 1)) / 4);
    margin-right: 3.3%;
  }
  .el_iconLink.-col4 li + li:nth-child(4n+4),
  .el_anchorLinks.-col4 li + li:nth-child(4n+4),
  .el_borderLink.-col4 li + li:nth-child(4n+4),
  .el_discList.-col4 li + li:nth-child(4n+4),
  .el_deciList.-col4 li + li:nth-child(4n+4),
  .el_lAlphaList.-col4 li + li:nth-child(4n+4),
  .el_uAlphaList.-col4 li + li:nth-child(4n+4) {
    margin-right: 0;
  }
  .el_iconLink.-col5 li,
  .el_anchorLinks.-col5 li,
  .el_borderLink.-col5 li,
  .el_discList.-col5 li,
  .el_deciList.-col5 li,
  .el_lAlphaList.-col5 li,
  .el_uAlphaList.-col5 li {
    width: calc((100% - 3.3% * (5 - 1)) / 5);
    margin-right: 3.3%;
  }
  .el_iconLink.-col5 li + li:nth-child(5n+5),
  .el_anchorLinks.-col5 li + li:nth-child(5n+5),
  .el_borderLink.-col5 li + li:nth-child(5n+5),
  .el_discList.-col5 li + li:nth-child(5n+5),
  .el_deciList.-col5 li + li:nth-child(5n+5),
  .el_lAlphaList.-col5 li + li:nth-child(5n+5),
  .el_uAlphaList.-col5 li + li:nth-child(5n+5) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .el_iconLink[class*=-spFluid],
  .el_anchorLinks[class*=-spFluid],
  .el_borderLink[class*=-spFluid],
  .el_discList[class*=-spFluid],
  .el_deciList[class*=-spFluid],
  .el_lAlphaList[class*=-spFluid],
  .el_uAlphaList[class*=-spFluid] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .el_iconLink[class*=-spFluid] li,
  .el_anchorLinks[class*=-spFluid] li,
  .el_borderLink[class*=-spFluid] li,
  .el_discList[class*=-spFluid] li,
  .el_deciList[class*=-spFluid] li,
  .el_lAlphaList[class*=-spFluid] li,
  .el_uAlphaList[class*=-spFluid] li {
    margin-right: 30px;
  }
}

/* note
--------------------------------*/
.el_noteS li {
  list-style: none !important;
  position: relative;
  padding-left: 1.5rem;
  font-size: 1.4rem;
}
.el_noteS li::before {
  content: "*";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.3em;
}

.el_noteL li {
  list-style: none !important;
  position: relative;
  padding-left: 2rem;
  font-size: 1.4rem;
}
.el_noteL li::before {
  content: "※";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

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

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

/*--------------------------------------------------
Table
--------------------------------------------------*/
.bl_table {
  border-top: #ccc 1px solid;
  border-left: #ccc 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 {
  margin: 0;
  padding: 10px 0;
  border: #ccc 1px solid;
  border-bottom: none;
  background: #eaeaea;
  text-align: center;
}
.bl_table th, .bl_table td {
  padding: 18px;
  border-right: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  font-weight: normal;
}
.bl_table th {
  background: #f4f4f4;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .bl_table th, .bl_table td {
    padding: 10px;
  }
  .bl_table.-vertical {
    display: block;
  }
  .bl_table.-vertical caption, .bl_table.-vertical tbody, .bl_table.-vertical thead, .bl_table.-vertical tr, .bl_table.-vertical th, .bl_table.-vertical td {
    display: block;
  }
  .bl_table.-vertical tbody, .bl_table.-vertical thead, .bl_table.-vertical tr, .bl_table.-vertical th, .bl_table.-vertical td {
    width: 100%;
  }
}
.bl_table.-noBorder {
  border-width: 0;
  line-height: 1.5;
  width: auto;
}
.bl_table.-noBorder th,
.bl_table.-noBorder td {
  padding: 10px;
  font-weight: normal;
  vertical-align: top;
  border: none;
}
.bl_table.-noBorder th {
  background: transparent;
}
.bl_table.-noBorder tbody th {
  text-align: left;
}
.bl_table.-dash {
  border: none;
}
.bl_table.-dash th,
.bl_table.-dash td {
  padding: 20px 10px;
  border: none;
  border-bottom: #ccc 1px dotted;
  font-weight: normal;
  background: transparent;
}
.bl_table.-dash th {
  font-weight: bold;
}
@media (max-width: 767px) {
  .bl_table.-dash th,
  .bl_table.-dash td {
    padding: 10px;
  }
  .bl_table.-dash.-spVertical th {
    padding: 15px 10px 0;
    border-bottom: none;
  }
  .bl_table.-dash.-spVertical td {
    padding: 5px 10px 15px;
  }
}
.bl_table.-pad3 th, .bl_table.-pad3 td {
  padding: 3px !important;
}
.bl_table.-pad10 th, .bl_table.-pad10 td {
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .bl_table.-spVertical caption, .bl_table.-spVertical tbody, .bl_table.-spVertical thead, .bl_table.-spVertical tr, .bl_table.-spVertical th, .bl_table.-spVertical td {
    display: block;
  }
  .bl_table.-spVertical th, .bl_table.-spVertical td {
    width: 100% !important;
  }
}
.bl_table.-thC th {
  text-align: center !important;
}
.bl_table.-tdC td {
  text-align: center !important;
}
.bl_table.-thR th {
  text-align: right !important;
}
.bl_table.-tdR td {
  text-align: right !important;
}
.bl_table.-thBold th {
  font-weight: bold;
}
.bl_table.-verMiddle th, .bl_table.-verMiddle td {
  vertical-align: middle !important;
}
.bl_table.-cellC th, .bl_table.-cellC td {
  text-align: center;
}
.bl_table.-nowrap th, .bl_table.-nowrapHead thead th, .bl_table.-nowrapBody tbody th {
  white-space: nowrap;
}
.bl_table th.-bottomLine01,
.bl_table td.-bottomLine01 {
  border-bottom: 1px dotted #ccc;
}
.bl_table th.-nonTop,
.bl_table td.-nonTop {
  border-top: none !important;
}
.bl_table th.-nonRight,
.bl_table td.-nonRight {
  border-right: none !important;
}
.bl_table th.-nonBottom,
.bl_table td.-nonBottom {
  border-bottom: none !important;
}
.bl_table th.-nonLeft,
.bl_table td.-nonLeft {
  border-left: none !important;
}
.bl_table th.-solidTop,
.bl_table td.-solidTop {
  border-top: 1px solid #ccc !important;
}
.bl_table th.-solidRight,
.bl_table td.-solidRight {
  border-right: 1px solid #ccc !important;
}
.bl_table th.-solidBottom,
.bl_table td.-solidBottom {
  border-bottom: 1px solid #ccc !important;
}
.bl_table th.-solidLeft,
.bl_table td.-solidLeft {
  border-left: 1px solid #ccc !important;
}
.bl_table.-tShadeLine .-odd th, .bl_table.-tShadeLine .-odd td {
  background-color: #f6f6f6;
}
.bl_table .nest {
  border: none;
}
.bl_table .nest th,
.bl_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 only 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;
  }
}
/*--------------------------------------------------
Heading
--------------------------------------------------*/
/* h1
--------------------------------*/
.bl_headingLv1 {
  padding: 20px 0 5%;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2;
}
.bl_headingLv1 .subHeading {
  display: block;
  font-size: 2rem;
  margin-top: 5px;
}
.bl_headingLv1 .subHeadingBefore {
  display: block;
  font-size: 2rem;
  margin-bottom: 5px;
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .bl_headingLv1 {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .bl_headingLv1 {
    font-size: 2.1rem;
    padding: 20px 0;
    margin: 0;
  }
}

.bl_headingWrap {
  display: flex;
  justify-content: space-between;
}
.bl_headingWrap .subElem {
  margin-top: 20px;
}
.bl_headingWrap .el_btn {
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .bl_headingWrap {
    flex-direction: column;
    margin-bottom: 40px;
  }
  .bl_headingWrap .subElem {
    margin-top: 0;
  }
  .bl_headingWrap .subElem .el_btn {
    width: 100%;
  }
}

.bl_headingLv2 {
  font-size: 2.8rem;
  font-weight: 600;
  margin: 57px 0 37px;
  line-height: 1.4;
}
.bl_headingLv1 + .bl_headingLv2 {
  margin-top: 0;
}
.bl_headingLv2 + .bl_headingLv3 {
  margin-top: 0;
}
@media only screen and (max-width: 959px) {
  .bl_headingLv2 {
    font-size: 2rem;
    margin: 47px 0 17px;
  }
  .bl_headingLv1 + .bl_headingLv2 {
    margin-top: 0;
  }
}

.ly_inner > .bl_headingLv2:first-child {
  margin-top: 0;
}

.bl_headingLv3 {
  font-size: 2rem;
  font-weight: 600;
  margin: 57px 0 17px;
  line-height: 1.6;
}
@media only screen and (max-width: 959px) {
  .bl_headingLv3 {
    margin: 37px 0 10px;
  }
}

.el_borderHeading {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  border-bottom: 6px solid #0089ff;
}

.bl_sectionHeading {
  margin: 4% 0 3.3%;
}
.bl_sectionHeading .el_borderHeading {
  margin-bottom: 2.8%;
}
.bl_sectionHeading .heading {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .bl_sectionHeading .heading {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .bl_sectionHeading {
    margin: 60px 0 20px;
  }
  .bl_sectionHeading .el_borderHeading {
    margin-bottom: 20px;
  }
  .bl_sectionHeading .heading {
    font-size: 2rem;
  }
}

.bl_networkHeading {
  display: flex;
  align-items: flex-end;
  margin: 5% 0 1.6666666667%;
}
.bl_networkHeading .bl_headingLv3 {
  margin: 0;
}
.bl_networkHeading .tag {
  margin-left: 30px;
  color: #5d5d5d;
}
.bl_networkHeading .tag a {
  display: inline-block;
  color: #5d5d5d;
}
.bl_networkHeading .tag a + a {
  margin-left: 3px;
}
.bl_networkHeading .tag a:hover {
  color: #0089ff;
}
.bl_networkHeading .el_btn {
  font-size: 1.4rem;
  padding: 6px 20px;
}
@media print, screen and (min-width: 768px) {
  .bl_networkHeading {
    position: relative;
    padding-right: 130px;
  }
  .bl_networkHeading .el_btn {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .bl_networkHeading {
    margin: 10% 0 3.3333333333%;
    display: block;
    overflow: hidden;
  }
  .bl_networkHeading .tag {
    margin-left: 0;
    font-size: 1.2rem;
  }
  .bl_networkHeading .el_btn {
    margin: 10px 0 0;
    float: right;
    font-size: 1.2rem;
    padding: 5px 16px;
  }
}

[class*=rt_cf_b] + [class*=rt_cf_b_address] {
  display: inline-block;
  margin-top: 40px;
}

.rt_cf_b_site {
  display: inline-block;
}

/*--------------------------------------------------
Img
--------------------------------------------------*/
.bl_imgWrap {
  margin: 4% auto;
  text-align: center;
}
.bl_imgWrap img {
  text-align: center;
}
.bl_imgWrap figcaption {
  margin-top: 15px;
}
@media print, screen and (min-width: 768px) {
  .bl_imgWrap.-slim {
    max-width: 800px;
    margin: inherit auto;
  }
}

/*--------------------------------------------------
Box
--------------------------------------------------*/
.bl_box {
  padding: 3.3%;
  background: #eaeef4;
}
.bl_box [class*=bl_heading]:nth-of-type(1) {
  margin: 0 0 20px;
}
.bl_box.-gray {
  background: #f4f4f4;
}
@media print, screen and (min-width: 768px) {
  .bl_box.-equality {
    padding: 3.3%;
  }
}
@media only screen and (max-width: 767px) {
  .bl_box {
    padding: 7%;
  }
}

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

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

/*--------------------------------------------------
Chapter Ornament
--------------------------------------------------*/
.bl_chapterOrnament {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
  overflow: hidden;
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 15vw;
}
.bl_chapterOrnament + .ly_inner {
  position: relative;
}
.bl_chapterOrnament + .ly_inner .bl_headingLv1 {
  height: 15vw;
}
.bl_chapterOrnament.is_show {
  opacity: 1;
}
.bl_chapterOrnament i {
  display: block;
  position: absolute;
}
.bl_chapterOrnament i:nth-of-type(1) {
  background: #fff;
  opacity: 1;
  width: 32%;
  height: 100%;
  right: 23%;
  transform: skewX(-35deg) translateY(0);
  animation: chapterAnim3 1s 1.4s both cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_chapterOrnament i:nth-of-type(2) {
  background: #fff;
  opacity: 1;
  width: 23%;
  height: 100%;
  right: -1%;
  transform: skewX(-35deg) translateY(0);
  animation: chapterAnim4 1.5s 1.4s both cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_chapterOrnament i:nth-of-type(3) {
  background: #004098;
  opacity: 0.5;
  width: 21%;
  height: 140%;
  right: 26%;
  animation: chapterAnim2 0.8s 0.9s both;
}
.bl_chapterOrnament i:nth-of-type(4) {
  background: #0089ff;
  opacity: 0.3;
  width: 12%;
  height: 100%;
  right: 40%;
  transform: skewX(-35deg) translateY(0);
  animation: chapterAnim1 0.6s 1s both;
}
.bl_chapterOrnament i:nth-of-type(5) {
  background: #000;
  opacity: 0.5;
  width: 18%;
  height: 100%;
  right: 3%;
  transform: skewX(-35deg) translateY(0);
  animation: chapterAnim1 0.8s 1.1s both;
}
.bl_chapterOrnament i:nth-of-type(6) {
  background: #999;
  opacity: 1;
  width: 2px;
  height: 100%;
  right: 40.5%;
  transform: skewX(-35deg) translateY(0);
  animation: chapterAnim1 1.5s 0.8s both;
}
.bl_chapterOrnament i:nth-of-type(7) {
  background: #0089ff;
  opacity: 1;
  width: 2px;
  height: 100%;
  right: 7.8%;
  transform: skewX(-35deg) translateY(0);
  animation: chapterAnim2 0.8s 0.6s both;
}
@media print, screen and (min-width: 768px) {
  .bl_chapterOrnament.-aboutus {
    background-image: url(/aboutus/images/bg_chapter.jpg);
  }
  .bl_chapterOrnament.-products {
    background-image: url(/products/images/bg_chapter.jpg);
  }
  .bl_chapterOrnament.-technology {
    background-image: url(/technology/images/bg_chapter.jpg);
  }
}
@media only screen and (max-width: 767px) {
  .bl_chapterOrnament {
    background-position: 100% 0;
    background-size: 50%;
    height: 32vw;
  }
  .bl_chapterOrnament.-aboutus {
    background-image: url(/aboutus/images/bg_chapter_sp.jpg);
  }
  .bl_chapterOrnament.-products {
    background-image: url(/products/images/bg_chapter_sp.jpg);
  }
  .bl_chapterOrnament.-technology {
    background-image: url(/technology/images/bg_chapter_sp.jpg);
  }
  .bl_chapterOrnament + .ly_inner .bl_headingLv1 {
    height: 32vw;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.8);
  }
  .bl_chapterOrnament i:nth-of-type(1) {
    width: 20%;
    right: 24%;
  }
  .bl_chapterOrnament i:nth-of-type(2) {
    width: 36%;
    right: -11%;
  }
  .bl_chapterOrnament i:nth-of-type(3) {
    width: 12%;
    right: 30%;
  }
  .bl_chapterOrnament i:nth-of-type(4) {
    display: none;
  }
  .bl_chapterOrnament i:nth-of-type(5) {
    width: 24%;
    right: 1%;
  }
  .bl_chapterOrnament i:nth-of-type(6) {
    right: 30.5%;
  }
}

@keyframes chapterAnim1 {
  0% {
    transform: skewX(-35deg) translateY(100%);
  }
  100% {
    transform: skewX(-35deg) translateY(-101%);
  }
}
@keyframes chapterAnim2 {
  0% {
    transform: skewX(-35deg) translateY(-100%);
  }
  100% {
    transform: skewX(-35deg) translateY(101%);
  }
}
@keyframes chapterAnim3 {
  0% {
    transform: skewX(-35deg) translateY(0);
  }
  100% {
    transform: skewX(-35deg) translateY(-101%);
  }
}
@keyframes chapterAnim4 {
  0% {
    transform: skewX(-35deg) translateY(0);
  }
  100% {
    transform: skewX(-35deg) translateY(101%);
  }
}
/*--------------------------------------------------
Change Photos
--------------------------------------------------*/
/* 
--------------------------------*/
.bl_changeImg {
  overflow: hidden;
  position: relative;
}

.bl_changeImg .screen {
  width: 100%;
  padding-top: 62.58%;
  position: relative;
  background-color: #e5e5e5;
  overflow: hidden;
}

.bl_changeImg .screen img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.bl_changeImg .thumbs {
  margin: 10px 0 0 0;
  display: flex;
}

.bl_changeImg .thumbs li {
  width: 18.5%;
  margin-left: 1.85%;
  box-sizing: border-box;
}

.bl_changeImg .thumbs li:first-child {
  margin-left: 0;
}

.bl_changeImg .thumbs li a {
  display: block;
}

.bl_changeImg .thumbs li a:hover {
  opacity: 0.8;
}

.bl_changeImg .thumbs li a:active {
  opacity: 0.8;
}

.bl_changeImg .thumbs li img {
  width: 100%;
}

.bl_changeImg .thumbs li span {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 0;
  border: #eaeaea 1px solid;
  background-color: #f5f5f5;
  text-indent: -9999px;
  box-sizing: border-box;
}

.bl_changeImg #mediaWrap {
  display: none;
}

.bl_changeImg .screen [id^=media] {
  position: absolute;
  top: 0;
  width: 100%;
}

.bl_changeImg .screen video {
  width: 100%;
}

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

@media screen and (max-width: 767px) {
  .bl_changeImg .screen {
    width: 100%;
    height: auto;
    padding-top: 62.5%;
  }
  .bl_changeImg .thumbs {
    margin: 2% 0 3%;
  }
  .bl_changeImg .thumbs li {
    width: 18.4%;
    height: auto;
    margin-left: 2%;
  }
  .bl_changeImg .thumbs li span {
    width: 100%;
    height: 0;
    padding-top: 61%;
  }
  .bl_changeImg .thumbs li img {
    height: auto;
  }
  .bl_changeImg #videoBlock {
    display: table;
    width: 100%;
    margin: 0;
    padding: 20px 0;
  }
  .bl_changeImg #videoBlock .videoCaption {
    padding: 15px;
  }
}
/*-------------------------------------------
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);
  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;
  animation: fadeInAnime 0.5s linear both;
}
.bl_loading .cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bl_loading .spinner {
  width: 60px;
  height: 60px;
  border: 5px #ddd solid;
  border-top: 5px #000 solid;
  border-radius: 50%;
  animation: spinnerAnime 0.8s infinite linear;
}

@keyframes spinnerAnime {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOutAnime {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    visibility: 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::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: flex;
  justify-content: 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;
  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 only 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 .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;
  }
}
@media only screen and (max-width: 767px) {
  #mf_Result .mf_finder_searchBox_misc label:nth-of-type(1) {
    margin-left: 0;
  }
}
/*===========================================
_helper
===========================================*/
/* width
-------------------------------------*/
._w1 {
  width: 1% !important;
}

._w2 {
  width: 2% !important;
}

._w3 {
  width: 3% !important;
}

._w4 {
  width: 4% !important;
}

._w5 {
  width: 5% !important;
}

._w6 {
  width: 6% !important;
}

._w7 {
  width: 7% !important;
}

._w8 {
  width: 8% !important;
}

._w9 {
  width: 9% !important;
}

._w10 {
  width: 10% !important;
}

._w11 {
  width: 11% !important;
}

._w12 {
  width: 12% !important;
}

._w13 {
  width: 13% !important;
}

._w14 {
  width: 14% !important;
}

._w15 {
  width: 15% !important;
}

._w16 {
  width: 16% !important;
}

._w17 {
  width: 17% !important;
}

._w18 {
  width: 18% !important;
}

._w19 {
  width: 19% !important;
}

._w20 {
  width: 20% !important;
}

._w21 {
  width: 21% !important;
}

._w22 {
  width: 22% !important;
}

._w23 {
  width: 23% !important;
}

._w24 {
  width: 24% !important;
}

._w25 {
  width: 25% !important;
}

._w26 {
  width: 26% !important;
}

._w27 {
  width: 27% !important;
}

._w28 {
  width: 28% !important;
}

._w29 {
  width: 29% !important;
}

._w30 {
  width: 30% !important;
}

._w31 {
  width: 31% !important;
}

._w32 {
  width: 32% !important;
}

._w33 {
  width: 33% !important;
}

._w34 {
  width: 34% !important;
}

._w35 {
  width: 35% !important;
}

._w36 {
  width: 36% !important;
}

._w37 {
  width: 37% !important;
}

._w38 {
  width: 38% !important;
}

._w39 {
  width: 39% !important;
}

._w40 {
  width: 40% !important;
}

._w41 {
  width: 41% !important;
}

._w42 {
  width: 42% !important;
}

._w43 {
  width: 43% !important;
}

._w44 {
  width: 44% !important;
}

._w45 {
  width: 45% !important;
}

._w46 {
  width: 46% !important;
}

._w47 {
  width: 47% !important;
}

._w48 {
  width: 48% !important;
}

._w49 {
  width: 49% !important;
}

._w50 {
  width: 50% !important;
}

._w51 {
  width: 51% !important;
}

._w52 {
  width: 52% !important;
}

._w53 {
  width: 53% !important;
}

._w54 {
  width: 54% !important;
}

._w55 {
  width: 55% !important;
}

._w56 {
  width: 56% !important;
}

._w57 {
  width: 57% !important;
}

._w58 {
  width: 58% !important;
}

._w59 {
  width: 59% !important;
}

._w60 {
  width: 60% !important;
}

._w61 {
  width: 61% !important;
}

._w62 {
  width: 62% !important;
}

._w63 {
  width: 63% !important;
}

._w64 {
  width: 64% !important;
}

._w65 {
  width: 65% !important;
}

._w66 {
  width: 66% !important;
}

._w67 {
  width: 67% !important;
}

._w68 {
  width: 68% !important;
}

._w69 {
  width: 69% !important;
}

._w70 {
  width: 70% !important;
}

._w71 {
  width: 71% !important;
}

._w72 {
  width: 72% !important;
}

._w73 {
  width: 73% !important;
}

._w74 {
  width: 74% !important;
}

._w75 {
  width: 75% !important;
}

._w76 {
  width: 76% !important;
}

._w77 {
  width: 77% !important;
}

._w78 {
  width: 78% !important;
}

._w79 {
  width: 79% !important;
}

._w80 {
  width: 80% !important;
}

._w81 {
  width: 81% !important;
}

._w82 {
  width: 82% !important;
}

._w83 {
  width: 83% !important;
}

._w84 {
  width: 84% !important;
}

._w85 {
  width: 85% !important;
}

._w86 {
  width: 86% !important;
}

._w87 {
  width: 87% !important;
}

._w88 {
  width: 88% !important;
}

._w89 {
  width: 89% !important;
}

._w90 {
  width: 90% !important;
}

._w91 {
  width: 91% !important;
}

._w92 {
  width: 92% !important;
}

._w93 {
  width: 93% !important;
}

._w94 {
  width: 94% !important;
}

._w95 {
  width: 95% !important;
}

._w96 {
  width: 96% !important;
}

._w97 {
  width: 97% !important;
}

._w98 {
  width: 98% !important;
}

._w99 {
  width: 99% !important;
}

._w100 {
  width: 100% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print, screen and (min-width: 768px) {
  ._mtSection {
    margin-top: 5.6%;
  }
}
@media only screen and (max-width: 767px) {
  ._mtSection {
    margin-top: 16%;
  }
}

@media print, screen and (min-width: 768px) {
  ._mtElement {
    margin-top: 4%;
  }
}
@media only screen and (max-width: 767px) {
  ._mtElement {
    margin-top: 12%;
  }
}

/* padding
-------------------------------------*/
._pt0 {
  padding-top: 0px !important;
}

._pr0 {
  padding-right: 0px !important;
}

._pb0 {
  padding-bottom: 0px !important;
}

._pl0 {
  padding-left: 0px !important;
}

._pt5 {
  padding-top: 5px !important;
}

._pr5 {
  padding-right: 5px !important;
}

._pb5 {
  padding-bottom: 5px !important;
}

._pl5 {
  padding-left: 5px !important;
}

._pt10 {
  padding-top: 10px !important;
}

._pr10 {
  padding-right: 10px !important;
}

._pb10 {
  padding-bottom: 10px !important;
}

._pl10 {
  padding-left: 10px !important;
}

._pt15 {
  padding-top: 15px !important;
}

._pr15 {
  padding-right: 15px !important;
}

._pb15 {
  padding-bottom: 15px !important;
}

._pl15 {
  padding-left: 15px !important;
}

._pt20 {
  padding-top: 20px !important;
}

._pr20 {
  padding-right: 20px !important;
}

._pb20 {
  padding-bottom: 20px !important;
}

._pl20 {
  padding-left: 20px !important;
}

._pt25 {
  padding-top: 25px !important;
}

._pr25 {
  padding-right: 25px !important;
}

._pb25 {
  padding-bottom: 25px !important;
}

._pl25 {
  padding-left: 25px !important;
}

._pt30 {
  padding-top: 30px !important;
}

._pr30 {
  padding-right: 30px !important;
}

._pb30 {
  padding-bottom: 30px !important;
}

._pl30 {
  padding-left: 30px !important;
}

._pt35 {
  padding-top: 35px !important;
}

._pr35 {
  padding-right: 35px !important;
}

._pb35 {
  padding-bottom: 35px !important;
}

._pl35 {
  padding-left: 35px !important;
}

._pt40 {
  padding-top: 40px !important;
}

._pr40 {
  padding-right: 40px !important;
}

._pb40 {
  padding-bottom: 40px !important;
}

._pl40 {
  padding-left: 40px !important;
}

._pt45 {
  padding-top: 45px !important;
}

._pr45 {
  padding-right: 45px !important;
}

._pb45 {
  padding-bottom: 45px !important;
}

._pl45 {
  padding-left: 45px !important;
}

._pt50 {
  padding-top: 50px !important;
}

._pr50 {
  padding-right: 50px !important;
}

._pb50 {
  padding-bottom: 50px !important;
}

._pl50 {
  padding-left: 50px !important;
}

._pt55 {
  padding-top: 55px !important;
}

._pr55 {
  padding-right: 55px !important;
}

._pb55 {
  padding-bottom: 55px !important;
}

._pl55 {
  padding-left: 55px !important;
}

._pt60 {
  padding-top: 60px !important;
}

._pr60 {
  padding-right: 60px !important;
}

._pb60 {
  padding-bottom: 60px !important;
}

._pl60 {
  padding-left: 60px !important;
}

._pt65 {
  padding-top: 65px !important;
}

._pr65 {
  padding-right: 65px !important;
}

._pb65 {
  padding-bottom: 65px !important;
}

._pl65 {
  padding-left: 65px !important;
}

._pt70 {
  padding-top: 70px !important;
}

._pr70 {
  padding-right: 70px !important;
}

._pb70 {
  padding-bottom: 70px !important;
}

._pl70 {
  padding-left: 70px !important;
}

._pt75 {
  padding-top: 75px !important;
}

._pr75 {
  padding-right: 75px !important;
}

._pb75 {
  padding-bottom: 75px !important;
}

._pl75 {
  padding-left: 75px !important;
}

/* text
-------------------------------------*/
._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;
}

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

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

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

._fzM {
  font-size: 1.6rem !important;
}

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

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

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

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

._fwN {
  font-weight: normal !important;
}

._dpIilineBlock {
  display: inline-block !important;
}

/* position
-------------------------------------*/
._posRelative {
  position: relative;
}

/* sp
-------------------------------------*/
@media print, screen and (min-width: 768px) {
  ._spShow {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  ._pcShow {
    display: none;
  }
  ._spFull {
    margin-left: -4%;
    margin-right: -4%;
  }
}
/* color
-------------------------------------*/
._color1 {
  color: #004098;
}

._color2 {
  color: #333 !important;
}

._color3 {
  color: #ff3300;
}

/* icon
-------------------------------------*/
._iconWindow::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: 14px;
  color: #5d5d5d;
  margin-left: 7px;
}
._iconWindow.-small::after {
  font-size: 10px;
  vertical-align: middle;
}

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

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

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

/*===========================================
original.css
===========================================*/
[lang=zh-cn] body,
[lang=zh-cn] select,
[lang=zh-cn] input,
[lang=zh-cn] textarea {
  font-family: Helvetica, Arial, Tahoma, "思源黑体", "microsoft yahei", "微软雅黑", sans-serif;
  font-size: 1.6rem;
}

/* ------------------------------------------
footer
--------------------------------------------- */
@media print, screen and (min-width: 960px) {
  .ly_footer .sns {
    padding-top: 1.7em;
  }
  .ly_footer .sns span {
    position: absolute;
    top: 0;
    left: 20px;
  }
}

/*--------------------------------------------------
TOP
--------------------------------------------------*/
.uq_topSlider {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: rgba(19, 51, 95, 0.95);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 43.75vw;
  opacity: 0;
  transition: opacity 0.8s ease-out;
}
.uq_topSlider .ly_inner {
  height: 100%;
  display: flex;
  align-items: center;
}
.uq_topSlider .kvElem {
  color: #fff;
  position: relative;
  z-index: 2;
}
.uq_topSlider .kvElem .heading {
  font-size: 3.2rem;
  font-weight: 600;
  opacity: 0;
  transform-origin: 50% 100%;
  backface-visibility: hidden;
}
.uq_topSlider .kvElem .desc {
  font-size: 1.8rem;
}
.uq_topSlider .kvElem .btn {
  opacity: 0;
  margin: 60px 0 0;
  transition: opacity 1s 2s linear;
}
.uq_topSlider .kvElem .btn .el_btn {
  background: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  color: #004098;
  border-color: #fff;
  border-width: 2px;
}
.uq_topSlider .kvElem .btn .el_btn:hover {
  background: rgba(0, 64, 152, 0.8);
  color: #fff;
  border-color: #004098;
  opacity: 1;
}
.uq_topSlider::before, .uq_topSlider::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  background: #003894;
  opacity: 0.8;
  width: 21%;
  height: 70%;
  transform: skewX(-35deg) translateY(0);
  backface-visibility: hidden;
}
.uq_topSlider::before {
  left: -3.2%;
}
.uq_topSlider::after {
  right: -2%;
  bottom: 0;
}
.uq_topSlider.is_loaded {
  opacity: 1;
}
.uq_topSlider.is_loaded::before {
  animation: topKvAnim1 2.8s 1s both cubic-bezier(0.17, 0.935, 0.305, 1);
}
.uq_topSlider.is_loaded::after {
  animation: topKvAnim2 3s 1s both cubic-bezier(0.17, 0.935, 0.305, 1);
}
.uq_topSlider.is_loaded .heading {
  animation: topKvAnim3 2.2s 1.2s both ease;
}
.uq_topSlider.is_loaded .desc {
  animation: topKvAnim3 2.4s 1.4s both ease;
}
.uq_topSlider.is_loaded .btn {
  opacity: 1;
}
.uq_topSlider .kvSlider {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.uq_topSlider .kvSlider img {
  position: absolute;
  user-select: none;
  pointer-events: none;
}
.uq_topSlider .kvSlider .item {
  width: 100%;
}
.uq_topSlider .kvSlider .item img {
  object-fit: cover;
  min-height: 43.75vw;
  height: 100%;
}
.uq_topSlider .kvSlider .clip {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.uq_topSlider .kvSlider .swiper-wrapper .-item1.swiper-slide-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item1.swiper-slide-duplicate-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item1.swiper-slide-prev img, .uq_topSlider .kvSlider .swiper-wrapper .-item5.swiper-slide-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item5.swiper-slide-duplicate-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item5.swiper-slide-prev img {
  animation: topKvZoomUp 14s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal forwards;
}
.uq_topSlider .kvSlider .swiper-wrapper .-item2.swiper-slide-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item2.swiper-slide-duplicate-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item2.swiper-slide-prev img, .uq_topSlider .kvSlider .swiper-wrapper .-item6.swiper-slide-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item6.swiper-slide-duplicate-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item6.swiper-slide-prev img {
  animation: topKvWipeReverse 9s linear 0s 1 normal forwards;
}
.uq_topSlider .kvSlider .swiper-wrapper .-item3.swiper-slide-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item3.swiper-slide-duplicate-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item3.swiper-slide-prev img, .uq_topSlider .kvSlider .swiper-wrapper .-item8.swiper-slide-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item8.swiper-slide-duplicate-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item8.swiper-slide-prev img {
  animation: topKvZoomOut 14s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal forwards;
}
.uq_topSlider .kvSlider .swiper-wrapper .-item4.swiper-slide-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item4.swiper-slide-duplicate-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item4.swiper-slide-prev img, .uq_topSlider .kvSlider .swiper-wrapper .-item7.swiper-slide-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item7.swiper-slide-duplicate-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item7.swiper-slide-prev img {
  animation: topKvWipe 9s linear 0s 1 normal forwards;
}
@media all and (-ms-high-contrast: none) {
  .uq_topSlider .kvSlider .swiper-wrapper .-item2.swiper-slide-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item2.swiper-slide-duplicate-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item2.swiper-slide-prev img, .uq_topSlider .kvSlider .swiper-wrapper .-item6.swiper-slide-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item6.swiper-slide-duplicate-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item6.swiper-slide-prev img {
    animation: topKvWipeReverse_px 9s linear 0s 1 normal forwards;
  }
  .uq_topSlider .kvSlider .swiper-wrapper .-item4.swiper-slide-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item4.swiper-slide-duplicate-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item4.swiper-slide-prev img, .uq_topSlider .kvSlider .swiper-wrapper .-item7.swiper-slide-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item7.swiper-slide-duplicate-active img, .uq_topSlider .kvSlider .swiper-wrapper .-item7.swiper-slide-prev img {
    animation: topKvWipe_px 9s linear 0s 1 normal forwards;
  }
}
@media print, screen and (min-width: 768px) {
  .uq_topSlider .kvElem .el_btn {
    min-width: 315px;
  }
}
@media only screen and (max-width: 767px) {
  .uq_topSlider {
    height: 125vw;
  }
  .uq_topSlider .ly_inner {
    padding-top: 12vw !important;
  }
  .uq_topSlider .kvElem {
    width: 100%;
    height: 100%;
    text-align: center;
  }
  .uq_topSlider .kvElem .heading {
    font-size: 5.6vw;
    font-weight: 600;
  }
  .uq_topSlider .kvElem .desc {
    font-size: 4vw;
  }
  .uq_topSlider .kvElem .btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .uq_topSlider .kvElem .el_btn {
    width: 80%;
  }
  .uq_topSlider::before, .uq_topSlider::after {
    width: 35%;
    height: 40%;
  }
}

@keyframes topKvAnim1 {
  0% {
    transform: skewX(-35deg) translateY(-100%);
  }
  100% {
    transform: skewX(-35deg) translateY(0);
  }
}
@keyframes topKvAnim2 {
  0% {
    transform: skewX(-35deg) translateY(100%);
  }
  100% {
    transform: skewX(-35deg) translateY(0);
  }
}
@keyframes topKvAnim3 {
  0% {
    transform: translateY(16px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes topKvWipe {
  0% {
    transform: scale(1.2) translateX(0vw);
  }
  100% {
    transform: scale(1.2) translateX(-8vw);
  }
}
@keyframes topKvWipe_px {
  0% {
    transform: scale(1.2);
    margin-left: 0px;
  }
  100% {
    transform: scale(1.2);
    margin-left: -80px;
  }
}
@keyframes topKvWipeReverse {
  0% {
    transform: scale(1.2) translateX(0vw);
  }
  100% {
    transform: scale(1.2) translateX(8vw);
  }
}
@keyframes topKvWipeReverse_px {
  0% {
    transform: scale(1.2);
    margin-left: 0px;
  }
  100% {
    transform: scale(1.2);
    margin-left: 80px;
  }
}
@keyframes topKvZoomUp {
  0% {
    transform: scale(1) translateY(0px);
  }
  100% {
    transform: scale(1.25) translateY(-30px);
  }
}
@keyframes topKvZoomOut {
  0% {
    transform: scale(1.25) translateY(-40px);
  }
  100% {
    transform: scale(1) translateY(0);
  }
}
.uq_topSustainability {
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .uq_topSustainability .susHeading {
    width: 73%;
  }
  .uq_topSustainability .susHeading p {
    font-size: 1.8rem;
  }
  .uq_topSustainability .susLogo {
    position: absolute;
    top: 0;
    right: 2%;
    width: 200px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .uq_topSustainability {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .uq_topSustainability .susHeading {
    width: 75%;
  }
  .uq_topSustainability .susLogo {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .uq_topSustainability {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .uq_topSustainability .susLogo {
    margin: 0 0 0 20px;
    width: 35%;
  }
  .uq_topSustainability .susLogo img {
    width: 100%;
  }
}
@media print {
  .uq_topSustainability {
    page-break-before: always;
  }
}

@media print, screen and (min-width: 768px) {
  .uq_topGlance.ly_container {
    background-position: 110% 0;
    background-repeat: no-repeat;
    background-image: url(/images/index_glance.png);
    background-size: contain;
  }
  .uq_topGlance .bl_sectionHeading .heading span {
    font-size: 2.4rem;
  }
  .uq_topGlance .outline {
    width: 39%;
  }
  .uq_topGlance .outline img {
    display: none;
  }
  .uq_topGlance .outline .bl_btnWrap {
    justify-content: flex-start;
    margin-top: 30px;
  }
  .uq_topGlance .outline .el_btn.-wide {
    min-width: 300px;
  }
}
@media print, screen and (max-width: 1600px) {
  .uq_topGlance.ly_container {
    background-position: 40vw 0;
    background-size: contain;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .uq_topGlance.ly_container {
    background-position: 40vw 0;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  .uq_topGlance .ly_inner {
    overflow: hidden;
  }
  .uq_topGlance .bl_sectionHeading .heading span {
    font-size: 1.6rem;
    display: block;
  }
  .uq_topGlance .outline {
    margin: 0 -8%;
    width: 100vw;
  }
  .uq_topGlance .outline p {
    padding: 0 7% 7%;
  }
  .uq_topGlance .outline img {
    width: 100%;
  }
  .uq_topGlance .outline .bl_btnWrap {
    margin-top: 7%;
  }
}

/*--------------------------------------------------
aboutus
--------------------------------------------------*/
/* philosophy
--------------------------------*/
.uq_aboutPhilosophy {
  background-color: #fff;
  margin-bottom: 50px;
}
.uq_aboutPhilosophy .philosophySlogan {
  font-size: 3.2rem;
  font-weight: bold;
  padding: 60px 112px;
  text-align: center;
}
.uq_aboutPhilosophy .philosophyHead {
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
}
.uq_aboutPhilosophy .philosophyHead02 {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
}
.uq_aboutPhilosophy.bgc01 {
  background-color: #fff;
  margin-bottom: 80px;
}
.uq_aboutPhilosophy .heading {
  color: #fff;
  font-weight: bold;
  padding: 15px 20px;
  font-size: 2rem;
  margin: 0 0 30px;
}
.uq_aboutPhilosophy .heading.philo01 {
  background-color: #043583;
}
.uq_aboutPhilosophy .heading.philo02 {
  background-color: #56689e;
}
.uq_aboutPhilosophy .heading.philo03 {
  background-color: #7c8fbc;
}
.uq_aboutPhilosophy .heading.philo04 {
  background-color: #51a4d2;
}
.uq_aboutPhilosophy .heading.philo05 {
  background-color: #4fb190;
}
.uq_aboutPhilosophy .heading.philo06 {
  background-color: #7bbeef;
}
.uq_aboutPhilosophy .container {
  margin: 30px 0;
}
.uq_aboutPhilosophy .row {
  margin: auto;
  padding: 5px 0px;
}
.uq_aboutPhilosophy .row .colHead {
  font-weight: bold;
  font-size: 1.8rem;
}
.uq_aboutPhilosophy .LinkBox a {
  color: #333;
  text-decoration: none;
  border: 1px solid #aaa;
  padding: 20px;
  font-weight: bold;
  display: block;
  width: 520px;
  text-align: center;
  margin: auto;
  transition: all 0.3s;
}
.uq_aboutPhilosophy .LinkBox a:hover {
  color: #fff;
  background-color: rgb(1, 64, 153);
  border: 1px solid #004eb6;
  transition: all 0.3s;
}
@media print, screen and (min-width: 768px) {
  .uq_aboutPhilosophy .container {
    width: 57%;
    margin: 30px auto;
  }
  .uq_aboutPhilosophy.fs01 {
    font-size: 1.8rem;
  }
  .uq_aboutPhilosophy .fs01 {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .uq_aboutPhilosophy {
    margin-bottom: 40px;
  }
  .uq_aboutPhilosophy .philosophySlogan {
    padding: 20px;
    font-size: 1.8rem;
  }
  .uq_aboutPhilosophy .philosophySlogan br {
    display: none;
  }
  .uq_aboutPhilosophy .philosophyHead {
    font-size: 2rem;
  }
  .uq_aboutPhilosophy .philosophyHead02 {
    font-size: 1.8rem;
  }
  .uq_aboutPhilosophy.bgc01 {
    margin-bottom: 60px;
  }
  .uq_aboutPhilosophy.row {
    padding: 0;
  }
  .uq_aboutPhilosophy.bgc01 .col {
    padding-top: 25px;
  }
  .uq_aboutPhilosophy .heading {
    padding: 10px 15px;
    font-size: 1.8rem;
  }
  .uq_aboutPhilosophy .row {
    padding: 10px 0px;
  }
  .uq_aboutPhilosophy .row > [class*=col-] {
    padding-top: 10px;
  }
  .uq_aboutPhilosophy .LinkBox a {
    width: 70%;
  }
}

.aboutHeading1 {
  color: #014099;
  font-size: 2.1rem;
  font-weight: 600;
  margin: 10px 0 30px;
  line-height: 1.4;
}

.aboutHeading2 {
  color: #014099;
  margin: 30px 0 8px;
  font-size: 1.8rem;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .aboutHeading1 {
    font-size: 1.8rem;
  }
  .aboutHeading2 {
    font-size: 1.6rem;
  }
}
.visionBlock {
  margin: 30px 0 0;
}

.visionBlock .inner {
  border: #014099 1px solid;
  padding: 30px;
}

.visionBlock h2 {
  padding: 10px 20px;
  background-color: #014099;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.visionBlock h3 {
  color: #014099;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 25px 0 10px;
}

.visionBlock h3:nth-of-type(1) {
  margin-top: 0;
}

.visionTable th, .visionTable td {
  text-align: center;
  vertical-align: middle;
}

.visionTable thead th {
  background-color: #014099;
  color: #fff;
}

.visionTable tbody th {
  background-color: #014099;
  color: #fff;
  text-align: left;
}

.btnLink {
  margin: 60px 0 0;
  text-align: center;
}

.btnLink a {
  position: relative;
  display: inline-block;
  padding: 25px 120px;
  background-color: #eef4f9;
  font-size: 1.8rem;
  transition: all 0.4s;
}

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

.btnLink a span {
  position: relative;
}

.btnLink a span::before {
  content: "";
  display: inline-block;
  margin: -4px 10px 0 0;
  width: 5px;
  height: 5px;
  border-bottom: #014099 2px solid;
  border-left: #014099 2px solid;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  vertical-align: middle;
  transition: all 0.4s;
}

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

@media screen and (max-width: 767px) {
  .btnLink {
    margin: 40px 0 0;
  }
  .btnLink a {
    padding: 15px 0;
    display: block;
    font-size: 1.4rem;
  }
}
.BoderL01 {
  border-left: double;
}

.tableMiddle td {
  vertical-align: middle;
}

.fontCN {
  font-family: "微软雅黑", "宋体";
}

/* message
--------------------------------*/
.kvMessage {
  background: url("/aboutus/images/message_001.jpg") 100% 0 no-repeat;
  background-size: cover;
  position: relative;
  height: 320px;
  padding-left: 6vw;
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.kvMessage h2 {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.5;
}
.kvMessage .sign {
  padding: 25px 0 0;
}
.kvMessage .sign > span {
  display: block;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 600;
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .kvMessage {
    background-position: 80% 0;
  }
  .kvMessage h2 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .kvMessage {
    background: url("/aboutus/images/message_001_sp.jpg") 100% 0 no-repeat;
    margin: 0 -4% 30px;
    background-position: 72% 100%;
    background-size: 100%;
    height: 125vw;
    padding: 15px 15px 0 15px;
    justify-content: flex-start;
  }
  .kvMessage h2 {
    font-size: 1.7rem;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
  }
  .kvMessage .sign {
    padding: 20px 0 0 0;
  }
  .kvMessage .sign img {
    width: 119px;
  }
  .kvMessage .sign > span {
    font-size: 1.2rem;
  }
}

.uq_topGroupMap .groupMap {
  margin-bottom: 4.6%;
  text-align: right;
}
.uq_topGroupMap .groupMap img {
  display: inline-block;
}
.uq_topGroupMap .btn a {
  display: block;
  position: relative;
  background-color: #eef4f9;
  padding: 25px;
  text-align: center;
  font-weight: bold;
}
.uq_topGroupMap .btn a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.uq_topGroupMap .btn a::after {
  content: "";
  display: block;
  position: absolute;
  top: 45%;
  right: 7%;
  width: 6px;
  height: 6px;
  border-top: #014099 2px solid;
  border-right: #014099 2px solid;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .uq_topGroupMap .groupMap {
    margin-bottom: 5%;
  }
}

/*--------------------------------------------------
products
--------------------------------------------------*/
.uq_prodTitleWrap {
  position: relative;
  height: 15vw;
}
.uq_prodTitleWrap .bl_headingLv1 {
  padding: 20px 0;
  height: auto !important;
}
.uq_prodTitleWrap .el_btn::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;
  content: "\e909";
  font-size: 1.8rem;
  margin-right: 6px;
}
@media print, screen and (min-width: 768px) {
  .uq_prodTitleWrap + .bl_headingLv2 {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .uq_prodTitleWrap + .bl_headingLv2 {
    margin-top: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .uq_prodTitleWrap {
    height: 32vw;
  }
  .uq_prodTitleWrap .el_btn {
    padding: 6px 20px;
    font-size: 1.4rem;
  }
  .uq_prodTitleWrap .el_btn::before {
    font-size: 1.6rem;
  }
  .uq_prodTitleWrap + .bl_headingLv2 {
    margin-top: 7%;
  }
}

.uq_prodHeading {
  position: relative;
  margin-top: 60px;
}
.uq_prodHeading .heading {
  color: #004098;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}
.uq_prodHeading .heading::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;
  text-align: center;
  color: #333;
}
.uq_prodHeading .heading.-fiber::before {
  content: "\e902";
}
.uq_prodHeading .heading.-chemical::before {
  content: "\e903";
}
.uq_prodHeading .heading.-carbon::before {
  content: "\e904";
}
.uq_prodHeading .heading.-environment::before {
  content: "\e905";
}
.uq_prodHeading .heading.-lifescience::before {
  content: "\e908";
}
@media print, screen and (min-width: 768px) {
  .uq_prodHeading {
    margin-bottom: 3.3%;
  }
  .uq_prodHeading .heading {
    font-size: 2.1rem;
    margin-bottom: 10px;
    align-items: flex-start;
  }
  .uq_prodHeading .heading::before {
    width: 120px;
    font-size: 7.2rem;
  }
  .uq_prodHeading .desc {
    margin: -40px 0 0 120px;
  }
}
@media only screen and (max-width: 767px) {
  .uq_prodHeading {
    margin-bottom: 20px;
  }
  .bl_headingLv2 + .uq_prodHeading {
    margin-top: 30px;
  }
  .uq_prodHeading .heading {
    font-size: 1.8rem;
    align-items: center;
  }
  .uq_prodHeading .heading::before {
    width: 80px;
    font-size: 5rem;
  }
  .uq_prodHeading .desc {
    margin-top: 20px;
  }
}

.uq_prodSegment {
  margin: 5% 0 0;
}
.uq_prodSegment .segmentLinks li + li {
  margin: 20px 0 0;
}
.uq_prodSegment .segmentLinks .el_btn {
  width: 100%;
  padding: 15px;
}
.uq_prodSegment.bl_media {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .uq_prodSegment .mediaImg {
    width: 48.3%;
    max-width: 580px;
  }
  .uq_prodSegment .mediaImg img {
    object-fit: contain;
  }
  .uq_prodSegment .mediaBody .segmentLinks {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .uq_prodSegment {
    margin: 10% 0 0;
  }
  .uq_prodSegment .mediaImg img {
    height: 100%;
    object-fit: contain;
  }
  .uq_prodSegment .mediaBody .segmentLinks {
    margin-top: 30px;
  }
}

/*--------------------------------------------------
contact us
--------------------------------------------------*/
.uq_contactLinks .grid.-blue {
  padding: 0;
}
.uq_contactLinks .grid a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 25px 60px;
  transition: all 0.4s;
  font-size: 1.8rem;
  text-align: center;
  color: #333;
}
.uq_contactLinks .grid a:hover {
  text-decoration: none;
  background-color: #014099;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .uq_contactLinks .grid a {
    font-size: 1.6rem;
  }
}

/* event
--------------------------------*/
.uq_chinaKV {
  margin: 10px 0 50px;
  padding-left: 65px;
  height: 400px;
  background: url(/event/images/kv_bg_01.jpg) right center no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.uq_chinaKV h1 {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.2;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .uq_chinaKV {
    margin: 10px -4% 50px;
    padding: 0 10px;
    height: 100vw;
    background-image: url(/event/images/sp_kv_bg_01.jpg);
    background-position: top center;
    align-items: center;
  }
  .uq_chinaKV h1 {
    font-size: 3.2rem;
  }
}

/* event/cfw/
--------------------------------*/
[class*=uq_kvBRmes_] {
  margin: 10px 0 0;
  padding-left: 35px;
  height: 300px;
  display: flex;
  align-items: center;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
[class*=uq_kvBRmes_] h1 {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 767px) {
  [class*=uq_kvBRmes_] {
    margin: 10px -4% 0;
    padding: 0 10px;
    height: 37vw;
  }
}

.uq_kvBRmes_cn_01 {
  background-image: url(/event/cfw/images/kv_bg_01.jpg);
}

.uq_kvBRmes_cn_02 {
  background-image: url(/event/cfw/library/images/kv_bg_01.jpg);
}

.uq_kvBRmes_cn_2014 {
  background-image: url(/event/cfw/library/images/sp_2014_bg_01.jpg);
}

.uq_kvBRmes_cn_2013 {
  background-image: url(/event/cfw/library/images/sp_2013_bg_01.jpg);
}

.uq_kvBRmes_cn_2012 {
  background-image: url(/event/cfw/library/images/sp_2012_bg_01.jpg);
}

.uq_kvBRmes_cn_2011 {
  background-image: url(/event/cfw/library/images/sp_2011_bg_01.jpg);
}

.uq_kvBRmes_cn_001 {
  background-image: url(/event/cfw/collection/images/kv_bg_001.jpg);
}

.uq_kvBRmes_cn_002 {
  background-image: url(/event/cfw/collection/images/kv_bg_002.jpg);
}

/* photoLib
--------------------------------*/
.uq_photoLib {
  margin: 20px 0 0 -5px;
  overflow: hidden;
  zoom: 1;
}

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

@media only screen and (max-width: 767px) {
  .uq_photoLib {
    margin-left: -1%;
  }
  .uq_photoLib li {
    width: 32%;
    margin: 1% 0 0 1%;
  }
}
/*--------------------------------------------------
China
--------------------------------------------------*/
.uq_kvGroupMes {
  margin-top: 10px;
  padding-left: 35px;
  background: url(../../china/images/kv_bg_02.jpg) right 0 no-repeat;
  background-size: cover;
  min-height: 300px;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.uq_kvGroupMes h1 {
  margin-left: 60px;
  margin-bottom: 10px;
  font-size: 4.6rem;
  font-weight: bold;
  line-height: 1.2;
}
.uq_kvGroupMes p {
  margin-left: 60px;
  font-size: 2.4rem;
}
@media only screen and (max-width: 767px) {
  .uq_kvGroupMes {
    background: url("../../china/images/kv_bg_sp_02.jpg") right 0 no-repeat;
    background-size: cover;
    min-height: 160px;
    margin-left: -4%;
    margin-right: -4%;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 160px;
  }
  .uq_kvGroupMes h1 {
    margin-left: 20px;
    font-size: 1.7rem;
  }
  .uq_kvGroupMes p {
    margin-left: 20px;
    font-size: 1.4rem;
  }
}

/*--------------------------------------------------
story_essential
--------------------------------------------------*/
/* story_essential_06.html
--------------------------------*/
@media print, screen and (min-width: 768px) {
  .uq_mediaStory06 {
    align-items: center;
  }
  .uq_mediaStory06 .mediaBody h1 {
    padding-top: 0;
  }
}
@media print, screen and (min-width: 960px) {
  .uq_mediaStory06 .mediaImg {
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .uq_mediaStory06 .TitleCp {
    padding-left: 0;
  }
}

/*--------------------------------------------------
story_newspicks
--------------------------------------------------*/
/* newspicks_03.html
--------------------------------*/
.uq_headingLNewspicks03 {
  margin: 43px 0;
  font-size: 2.8rem;
  font-weight: bold;
}
.uq_headingLNewspicks03 img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .uq_headingLNewspicks03 {
    margin: 25px 0;
  }
}

.uq_mediaNewspicks03 {
  margin-top: 30px;
}
@media print, screen and (min-width: 768px) {
  .uq_mediaNewspicks03 .mediaImg {
    max-width: 520px;
    margin-right: 0;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .uq_mediaNewspicks03 .mediaImg {
    max-width: 50%;
  }
}

/*--------------------------------------------------
News
--------------------------------------------------*/
.SpcialLabel {
  display: inline-block;
  padding: 2px 30px 0;
  margin-left: 25px;
  font-size: 1.2rem;
  line-height: 1.4;
  vertical-align: middle;
  background-color: #ed6942;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .SpcialLabel {
    padding: 2px 10px 0;
  }
}
/*--------------------------------------------------
notes iframe Height
--------------------------------------------------*/
.iframeSubTop {
  height: 360px;
}

.iframeNews {
  height: 500px;
}

/*===========================================
print.css
===========================================*/
@media print {
  html {
    font-size: 50%;
  }
  body {
    width: 100%;
  }
  .ly_mainContents {
    padding-top: 0 !important;
  }
  .ly_mainContents #main {
    width: 100%;
  }
  .ly_mainContents .ly_container {
    width: 100%;
    padding: 0;
  }
  .ly_mainContents .ly_container .ly_inner {
    width: 100%;
  }
  .ly_header .headerToolDialog,
  .ly_header .funcBtns,
  .ly_header .siteFunctions,
  .ly_mainContents #sidebar,
  .ly_globalNav,
  .ly_localNav,
  .breadCrumb,
  .pagetop,
  .ly_footer .footLinks,
  .ly_footer .sns {
    display: none !important;
  }
  .ly_header {
    width: auto;
    height: 70px !important;
    position: relative !important;
    margin: 0 !important;
    padding-bottom: 10px !important;
    border-bottom: #ccc 1px solid !important;
  }
  .ly_header .logo {
    position: relative;
    left: 0;
    top: 0;
  }
  .ly_header .logo .groupLogo img {
    width: 130px !important;
  }
  .ly_header .logo .siteLogo {
    padding: 5px 0 0 15px !important;
  }
  .ly_header .logo .siteLogo img {
    width: 70% !important;
  }
  .ly_footer {
    padding-top: 0;
  }
  .bl_headingLv1 {
    font-size: 30px;
  }
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
}/*# sourceMappingURL=common.css.map */