@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: .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 .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: .5;
        transform: translateY(-100%);
        transition: all .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: .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: calc(100% / 3);
        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 .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 .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: .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 .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: .7% 5% .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: calc((100% - (3% * 2)) / 2);
          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: calc((100% - (3% * 3)) / 3);
          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: calc((100% - (3% * 4)) / 4);
          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; } }
/* ------------------------------------------
footer
--------------------------------------------- */
.ly_footer {
  position: relative;
  padding: 77px 0 20px;
  clear: both;
  font-size: 1.2rem;
  text-align: center; }
  .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; }
    .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: .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: 30px 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 .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: .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: .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 .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 .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 .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%; } }

/*# sourceMappingURL=bootstrap-grid.min.css.map */
.container {
  padding: 0;
  margin-top: 50px; }

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

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

.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: .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: 1.0rem;
  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: .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: .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: .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; } }
/*--------------------------------------------------
Media
--------------------------------------------------*/
.bl_media {
  position: relative;
  display: flex; }
  .bl_media + .bl_media {
    margin-top: 5%; }
  .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 .mediaBody {
    flex: 1; }
    .bl_media .mediaBody > *:last-child {
      margin-bottom: 0; }
  .bl_media .heading {
    margin-bottom: 10px;
    font-weight: bold; }
  .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: 37%;
      margin-right: 4%; }
    .bl_media.-reverse {
      flex-direction: column-reverse; }
      .bl_media.-reverse .mediaImg {
        margin: 20px auto 0; }
    .bl_media.-free .mediaImg {
      margin: 0 auto 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 .3s; }
  .el_btn.-blank:hover::after, .el_btn.-blank:focus::after {
    color: #fff; }
  .el_btn.-pdf::after {
    content: "PDF";
    background: #c90000;
    padding: 3px 10px;
    font-size: 1.2rem;
    margin-left: 8px;
    color: #fff;
    transition: all .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; }

.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: .7; }
    .bl_snsShare a + a {
      margin-left: 15px; }

/*--------------------------------------------------
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_radio, .el_radioList > li > label, .el_checkList > li > label {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  cursor: pointer; }
  .el_check:hover input + .control, .el_radio:hover input + .control, .el_radioList > li > label:hover input + .control, .el_checkList > li > label:hover input + .control,
  .el_check input:focus + .control,
  .el_radio input:focus + .control,
  .el_radioList > li > label input:focus + .control,
  .el_checkList > li > label input:focus + .control {
    border: #0089ff 1px solid; }
  .el_check input, .el_radio input, .el_radioList > li > label input, .el_checkList > li > label input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .el_check input:checked + .control, .el_radio input:checked + .control, .el_radioList > li > label input:checked + .control, .el_checkList > li > label input:checked + .control {
      outline: none; }
    .el_check input:checked + .control, .el_radio input:checked + .control, .el_radioList > li > label input:checked + .control, .el_checkList > li > label input:checked + .control {
      background: #004098;
      border-color: #004098; }
    .el_check input:checked + .control::after, .el_radio input:checked + .control::after, .el_radioList > li > label input:checked + .control::after, .el_checkList > li > label input:checked + .control::after {
      opacity: 1;
      visibility: visible;
      transform: scale(1); }
    .el_check input:disabled + .control, .el_radio input:disabled + .control, .el_radioList > li > label input:disabled + .control, .el_checkList > li > label input:disabled + .control {
      border-color: #ccc;
      background: #ccc; }
  .el_check .control, .el_radio .control, .el_radioList > li > label .control, .el_checkList > 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_radio .control::after, .el_radioList > li > label .control::after, .el_checkList > 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 .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: calc((100% - 10% - 9.9%) / 3); }
    .bl_searchFilters .el_selectWrap {
      width: calc((100% - 10% - 9.9%) / 3);
      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 .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 .7s ease 0s; }

@keyframes anmFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*--------------------------------------------------
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.6rem; }
      .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: 960px) {
    .bl_newsList .item {
      position: relative; }
      .bl_newsList .item .date {
        position: absolute;
        font-size: 1.6rem; }
      .bl_newsList .item .desc {
        padding-left: 13%; }
      .bl_newsList .item .tag {
        padding-left: 13%;
        font-size: 1.6rem; } }
  @media only screen and (max-width: 959px) {
    .bl_newsList .item {
      display: flex;
      flex-direction: column; }
      .bl_newsList .item .date {
        font-size: 1.6rem;
        order: 1; }
      .bl_newsList .item .desc {
        order: 3; }
      .bl_newsList .item .tag {
        order: 2;
        margin-bottom: 5px;
        font-size: 1.6rem; } }

.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_iconLink {
  padding: 0;
  margin: 0 0 1rem; }
  .el_iconLink li {
    text-indent: -1.4rem;
    margin-left: 1.4rem;
    box-sizing: border-box;
    margin-bottom: 5px; }
    .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 {
    margin-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; }
  .el_iconLink li.moreLines {
    display: block;
    margin-left: 30px; }
  .el_iconLink li.current {
    font-weight: bold; }
  [class*="bPattern"] .el_iconLink {
    margin: 0; }

.bl_borderList {
  margin: 3% 0; }
  .bl_borderList > li {
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    margin-top: -1px; }
    .bl_borderList > li > a {
      display: block;
      padding: .8em 1em .8em 2em; }
  @media only screen and (max-width: 767px) {
    .bl_borderList + .bl_borderList {
      margin-top: 12%; }
    .bl_borderList > li > a {
      padding: .7em 1em; } }
  @media print, screen and (min-width: 768px) {
    .bl_borderList {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      margin: 0 auto; }
      .bl_borderList + .bl_borderList {
        margin-top: 6%; }
      .bl_borderList.-col3 > li {
        width: calc((100% - 3.3% * 2) / 3); }
        .bl_borderList.-col3 > li + li:not(:nth-child(3n+1)) {
          margin-left: 3.3%; }
      .bl_borderList.-col4 > li {
        width: calc((100% - 3.3% * 3) / 4); }
        .bl_borderList.-col4 > li + li:not(:nth-child(4n+1)) {
          margin-left: 3.3%; }
      .bl_borderList.-col6 > li {
        width: calc((100% - 3.3% * 5) / 6); }
        .bl_borderList.-col6 > li + li:not(:nth-child(6n+1)) {
          margin-left: 3.3%; } }

.bl_anchorLinks li a {
  display: inline-block;
  position: relative;
  padding-left: 20px; }
  .bl_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 print, screen and (min-width: 768px) {
  .bl_anchorLinks ul {
    display: flex;
    flex-wrap: wrap; }
  .bl_anchorLinks li + li {
    margin-left: 30px; }
  .bl_anchorLinks.-col2 > ul > li {
    width: calc((100% - 3.3%) / 2);
    margin-left: 0; }
    .bl_anchorLinks.-col2 > ul > li + li:not(:nth-child(2n+1)) {
      margin-left: 3.3%; }
  .bl_anchorLinks.-col3 > ul > li {
    width: calc((100% - 3.3% * 2) / 3);
    margin-left: 0; }
    .bl_anchorLinks.-col3 > ul > li + li:not(:nth-child(3n+1)) {
      margin-left: 3.3%; }
  .bl_anchorLinks.-col4 > ul > li {
    width: calc((100% - 3.3% * 3) / 4);
    margin-left: 0; }
    .bl_anchorLinks.-col4 > ul > li + li:not(:nth-child(4n+1)) {
      margin-left: 3.3%; } }

.js_moreList > * {
  opacity: 1;
  height: auto;
  transform: translateY(0);
  transform-origin: bottom center;
  transition: opacity .4s ease, transform .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
--------------------------------*/
ul[class*="-fluid"],
ol[class*="-fluid"] {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }
  ul[class*="-fluid"] > li,
  ol[class*="-fluid"] > li {
    margin-right: 20px; }

/* Equal interval */
.-fluid2 li {
  width: calc((100% - 3.3% * 2) / 2);
  margin-right: 3.3%; }
  .-fluid2 li + li:nth-child(2n + 2) {
    margin-right: 0; }

.-fluid3 li {
  width: calc((100% - 3.3% * 2) / 3);
  margin-right: 3.3%; }
  .-fluid3 li + li:nth-child(3n + 3) {
    margin-right: 0; }

.-fluid4 li {
  width: calc((100% - 3.3% * 2) / 4);
  margin-right: 3.3%; }
  .-fluid4 li + li:nth-child(4n + 4) {
    margin-right: 0; }

.-fluid5 li {
  width: calc((100% - 3.3% * 2) / 5);
  margin-right: 3.3%; }
  .-fluid5 li + li:nth-child(5n + 5) {
    margin-right: 0; }

@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; } }
/*--------------------------------------------------
Table
--------------------------------------------------*/
.bl_table {
  border-top: #ccc 1px solid;
  border-left: #ccc 1px solid;
  width: 100%; }
  .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%; } }

/*--------------------------------------------------
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%; } }

/*--------------------------------------------------
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: .5;
      width: 21%;
      height: 140%;
      right: 26%;
      animation: chapterAnim2 .8s .9s both; }
    .bl_chapterOrnament i:nth-of-type(4) {
      background: #0089ff;
      opacity: .3;
      width: 12%;
      height: 100%;
      right: 40%;
      transform: skewX(-35deg) translateY(0);
      animation: chapterAnim1 .6s 1s both; }
    .bl_chapterOrnament i:nth-of-type(5) {
      background: #000;
      opacity: .5;
      width: 18%;
      height: 100%;
      right: 3%;
      transform: skewX(-35deg) translateY(0);
      animation: chapterAnim1 .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 .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 .8s 0.6s both; }
  @media print, screen and (min-width: 768px) {
    .bl_chapterOrnament.-aboutus {
      background-image: url(/aboutus/images/bg_chapter.jpg); }
    .bl_chapterOrnament.-sustainability {
      background-image: url(/sustainability/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); }
    .bl_chapterOrnament.-ir {
      background-image: url(/ir/images/bg_chapter.jpg); }
    .bl_chapterOrnament.-saiyou {
      background-image: url(/saiyou/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.-sustainability {
        background-image: url(/sustainability/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.-ir {
        background-image: url(/ir/images/bg_chapter_sp.jpg); }
      .bl_chapterOrnament.-saiyou {
        background-image: url(/saiyou/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; } }
/*--------------------------------------------------
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: "" !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: .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: .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; }

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

.uq_topFourworlds .bl_card .heading {
  font-weight: 600;
  letter-spacing: 0;
  text-align: center; }
@media print, screen and (min-width: 768px) and (max-width: 959px) {
  .uq_topFourworlds .bl_card .heading {
    font-size: 1.4rem; }
    .uq_topFourworlds .bl_card .heading br {
      display: none; } }
@media only screen and (max-width: 767px) {
  .uq_topFourworlds .bl_card .cardImg {
    width: 50%;
    margin: 0 auto; } }

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

@media print, screen and (min-width: 768px) {
  .uq_topThatswhy {
    margin-top: 5.6%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-image: url(/images/index_thatswhy.png); }
    .uq_topThatswhy .bl_sectionHeading, .uq_topThatswhy .outline {
      padding-left: 1.3%; }
    .uq_topThatswhy .bl_sectionHeading .heading span {
      font-size: 1.8rem;
      display: block; }
    .uq_topThatswhy .outline {
      width: 50%; }
      .uq_topThatswhy .outline img {
        display: none; }
      .uq_topThatswhy .outline .bl_btnWrap {
        justify-content: flex-start;
        margin-top: 30px; }
      .uq_topThatswhy .outline .el_btn.-wide {
        min-width: 300px; } }
@media only screen and (max-width: 767px) {
  .uq_topThatswhy {
    background: #eaeef4;
    margin: 5% 0 0; }
    .uq_topThatswhy .ly_inner {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      overflow: hidden; }
    .uq_topThatswhy .bl_sectionHeading .heading span {
      font-size: 1.6rem;
      display: block; }
    .uq_topThatswhy .outline p {
      padding: 0 0 7%; }
    .uq_topThatswhy .outline img {
      width: 100%; }
    .uq_topThatswhy .outline .bl_btnWrap {
      margin-top: 7%; } }

@media print, screen and (min-width: 768px) {
  .uq_topAthlete {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-image: url(/images/index_athlete.png);
    height: 330px; }
    .uq_topAthlete .bl_sectionHeading, .uq_topAthlete .outline {
      padding-left: 1.3%; }
    .uq_topAthlete .bl_sectionHeading .heading span {
      padding-top: 150px;
      font-size: 1.8rem;
      display: block;
      color: #fff;
      font-weight: normal; }
    .uq_topAthlete .outline {
      width: 50%; }
      .uq_topAthlete .outline img {
        display: none; }
      .uq_topAthlete .outline .bl_btnWrap {
        justify-content: flex-start;
        margin-top: 10px; }
      .uq_topAthlete .outline .el_btn.-wide {
        min-width: 300px;
        color: #fff;
        border-color: #fff; } }
@media only screen and (max-width: 767px) {
  .uq_topAthlete {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-image: url(/images/index_athlete_sp.png);
    background-size: 100%;
    height: 124vw;
    margin: 5% 0 0; }
    .uq_topAthlete .ly_inner {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      overflow: hidden; }
    .uq_topAthlete .bl_sectionHeading .heading span {
      padding-top: 55vw;
      font-size: 1.6rem;
      display: block;
      color: #fff;
      font-weight: normal; }
    .uq_topAthlete .outline p {
      padding: 0 0 7%; }
    .uq_topAthlete .outline img {
      width: 100%; }
    .uq_topAthlete .outline .bl_btnWrap {
      margin-top: 7%; }
    .uq_topAthlete .outline .el_btn.-wide {
      color: #fff;
      border-color: #fff; } }

/*--------------------------------------------------
aboutus
--------------------------------------------------*/
/* exectiveBlock
--------------------------------*/
#exectiveBlock {
  border-bottom: #e9e9e9 1px solid;
  margin-bottom: 20px; }

#exectiveBlock .exeBox {
  padding: 20px 0;
  border-top: #e9e9e9 1px solid; }

#exectiveBlock .lumpMix {
  display: flex; }

#exectiveBlock .lumpL {
  margin: 0 25px 0 0; }

#exectiveBlock .lumpL .noImg {
  display: block;
  width: 140px; }

#exectiveBlock .lumpEnd {
  position: relative;
  padding-bottom: 30px;
  min-height: 130px; }

#exectiveBlock .lumpEnd h2 {
  font-size: 185%;
  font-weight: bold; }

#exectiveBlock .btn {
  position: absolute;
  bottom: 0; }

#exectiveBlock .btn span {
  display: inline-block;
  padding: 5px 10px 5px 25px;
  border: #eaeaea 1px solid;
  background: #f8f8f8;
  color: #014099;
  font-size: 12px; }

#exectiveBlock .btn .switchToggle::before {
  display: none; }

#exectiveBlock .btn .switchToggle::after {
  left: 12px; }

#exectiveBlock .switchDetail {
  margin-top: 10px;
  padding: 25px 30px;
  background-color: #444;
  position: relative;
  color: #fff; }

#exectiveBlock .switchDetail:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 16%;
  border: 6px solid transparent;
  border-bottom: 6px solid #444; }

#exectiveBlock .switchDetail .closeBtn {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0; }

#exectiveBlock .switchDetail .closeBtn span {
  display: block;
  padding: 0;
  border: none;
  width: 18px;
  height: 18px;
  background: url(../images/icon_switchdetail_close.png) 0 0 no-repeat; }

@media screen and (max-width: 767px) {
  #exectiveBlock .exeBox {
    padding: 10px 0; }

  #exectiveBlock .lumpL {
    margin-right: 15px; }

  #exectiveBlock .lumpL .noImg {
    display: none; }

  #exectiveBlock .lumpEnd {
    min-height: inherit;
    padding-bottom: 0; }

  #exectiveBlock .lumpEnd h2 {
    font-size: 142%; }

  #exectiveBlock .btn {
    position: inherit;
    margin-top: 5px; }

  #exectiveBlock .switchDetail {
    padding: 10px; }

  #exectiveBlock .switchDetail:before {
    border: none; }

  #exectiveBlock .switchDetail .closeBtn {
    top: 10px;
    right: 10px; }

  #exectiveBlock .switchDetail .closeBtn span {
    width: 9px;
    height: 9px;
    background-size: 9px 9px;
    -moz-background-size: 9px 9px;
    -webkit-background-size: 9px 9px; } }
/* officerWrap
--------------------------------*/
.officerWrap {
  border-bottom: #e9e9e9 1px solid;
  margin-bottom: 20px;
  padding-bottom: 20px; }

.modalBtn {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #EAEAEA;
  background: #f8f8f8;
  color: #014099;
  font-size: 12px; }

@media screen and (max-width: 767px) {
  .modalBtn {
    margin-top: 20px; } }
/*5カラム用体裁*/
.col-original {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  margin-bottom: 30px; }

@media screen and (max-width: 767px) {
  .col-original {
    max-width: 100%;
    margin-bottom: 0; } }
/* 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: 2.0rem;
    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 .3s; }
  .uq_aboutPhilosophy .LinkBox a:hover {
    color: #fff;
    background-color: #014099;
    border: 1px solid #004eb6;
    transition: all .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: 2.0rem; }
      .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; }

.aboutHeading1 span {
  font-size: 2.5rem; }

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

@media screen and (max-width: 767px) {
  .aboutHeading1 {
    font-size: 2.0rem; }

  .aboutHeading1 span {
    font-size: 2.2rem; }

  .aboutHeading2 {
    font-size: 2.0rem; } }
.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 .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 .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: "微软雅黑","宋体"; }

/* event
--------------------------------*/
.kvEvent[data-opt="wide"] {
  max-width: 1280px;
  margin: 0 auto; }
  @media print, screen and (min-width: 768px) {
    .kvEvent[data-opt="wide"] {
      background: url(/aboutus/event/images/kv_event.jpg) 50% 0 no-repeat;
      background-size: 100%;
      min-height: 280px; } }
  @media only screen and (max-width: 767px) {
    .kvEvent[data-opt="wide"] {
      background: url(/aboutus/event/images/sp_kv_event.jpg) 50% 0 no-repeat;
      background-size: 100%;
      min-height: 54vw; } }
  .kvEvent[data-opt="wide"].-lower {
    background-image: url(/aboutus/event/images/kv_event2.jpg); }
    @media print, screen and (min-width: 768px) {
      .kvEvent[data-opt="wide"].-lower {
        min-height: 148px; } }
    @media only screen and (max-width: 767px) {
      .kvEvent[data-opt="wide"].-lower {
        min-height: 11vw; } }

.kvEvent[data-opt="wide"] section {
  width: 1080px;
  margin: 0 0 0 100px; }

.kvEvent section p {
  font-weight: 600;
  font-size: 2rem; }

.aboEvent h2 + p {
  margin-bottom: 30px; }

.aboEvent.index h1 {
  color: #014099;
  font-size: 3.6rem;
  letter-spacing: 0.05em !important;
  padding-bottom: 20px;
  margin: 0 0 30px; }

.aboEvent h2 {
  font-weight: bold;
  font-size: 2rem;
  padding-bottom: 20px; }

.aboEvent.index h2,
.aboEvent h1 {
  font-size: 3.2rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  position: relative;
  padding-bottom: 0.5em;
  line-height: 1;
  margin: 0 0 60px; }

.aboEvent.index h2 {
  margin-top: 60px; }

.aboEvent.index h2::after,
.aboEvent h1::after {
  position: absolute;
  bottom: -6px;
  left: 47.5%;
  z-index: 2;
  content: '';
  width: 5%;
  height: 6px; }

.aboEvent h1,
.aboEvent.index h2,
.aboEvent.index p {
  text-align: center; }

.aboEvent p.listTitle {
  text-align: left; }

.aboEvent #science h2,
.aboEvent #science h1 {
  color: #14b5e3; }

.aboEvent.index #science h2::after,
.aboEvent #science h1::after {
  background-color: #14b5e3; }

.aboEvent #science .gridBlock .listBox,
.aboEvent #science .gridBlock .listBoxInner {
  background-color: #cff4ff; }

.aboEvent #sports h2,
.aboEvent #sports h1 {
  color: #3bcb30; }

.aboEvent.index #sports h2::after,
.aboEvent #sports h1::after {
  background-color: #3bcb30; }

.aboEvent #sports .gridBlock .listBox,
.aboEvent #sports .gridBlock .listBoxInner {
  background-color: #cfffd2; }

.aboEvent #art h2 {
  color: #ff7d26; }

.aboEvent #art h2::after {
  background-color: #ff7d26; }

.aboEvent #art .gridBlock .listBox,
.aboEvent #art .gridBlock .listBoxInner {
  background-color: #ffdbc4; }

.aboEvent section.inner {
  width: 800px;
  margin: 30px auto 30px; }

.aboEvent section.inner .columnBlock dd,
.aboEvent section.inner .columnBlock li,
.aboEvent section.inner .sample dd {
  font-size: 1.4rem; }

.aboEvent .tPattern05 {
  border: solid #fff;
  border-width: 1px 0 0 1px;
  line-height: 1.5; }

.aboEvent .tPattern05 th,
.aboEvent .tPattern05 td {
  padding: 10px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  font-weight: normal;
  background: #eee; }

.aboEvent .tPattern05 th {
  font-weight: 600; }

.aboEvent #science .tPattern05 th,
.aboEvent #science .tPattern05 td {
  background: #eef6f8; }

.aboEvent #science .tPattern05 thead th {
  background: #c6e1e8;
  font-weight: 600; }

.aboEvent .tShadeLine01,
.aboEvent .tShadeLine01 th,
.aboEvent .tShadeLine01 td {
  border: none;
  padding: 20px; }

.aboEvent .tShadeLine01 th {
  padding-left: 30px; }

.aboEvent #sports .tShadeLine01 .odd th,
.aboEvent #sports .tShadeLine01 .odd td {
  background: #dff1e0; }

.aboEvent #sports .tShadeLine01 .even th,
.aboEvent #sports .tShadeLine01 .even td {
  background: #f5fbf6; }

.aboEvent #science .bPattern01 {
  background: #c4ecf8; }

.aboEvent #science dt {
  color: #0066fe; }

.aboEvent ol.sample li {
  list-style: none;
  margin: 0 0 20px 0;
  background: #eef6f8;
  padding: 20px; }

.aboEvent ol.sample li dl {
  display: flex;
  min-height: 100px;
  justify-content: center;
  align-items: center; }

.aboEvent ol.sample li dt {
  width: 30%;
  display: flex;
  align-items: center;
  position: relative; }

.aboEvent ol.sample li dd {
  width: 70%; }

.aboEvent ol.sample li dt span {
  font-size: 4rem;
  margin-right: 30px;
  line-height: 1; }

.aboEvent ol.sample li dt::after {
  position: absolute;
  left: 40px;
  top: 0;
  z-index: 2;
  content: '';
  width: 1px;
  height: 100%;
  background-color: #0066fe; }

.aboEvent ol.sample li dd [class*="imgColumn"] {
  margin: 0 0 0 -20px; }

.aboEvent ol.sample li dd [class*="imgColumn"] li {
  margin: 0 0 0 20px;
  width: 256px;
  padding: 0; }

.aboEvent ol.sample li dd [class*="imgColumn"] li span {
  background: none; }

@media screen and (max-width: 767px) {
  .kvEvent img {
    width: 100%; }

  .kvEvent[data-opt="wide"],
  .kvEvent[data-opt="wide"] section {
    width: auto;
    margin: 0 -10px; }

  .kvEvent section p {
    font-size: 1.8rem; }

  .aboEvent.index h1, .aboEvent h1 {
    font-size: 2rem; }

  .aboEvent.index h2 {
    font-size: 2rem; }

  .aboEvent h2::after {
    left: 45%;
    width: 10%; }

  .aboEvent section.inner {
    width: 100%; }

  .aboEvent .tShadeLine01 th, .aboEvent .tShadeLine01 td {
    padding: 10px; }

  .aboEvent ol.sample li dl {
    flex-direction: column; }

  .aboEvent ol.sample li dt,
  .aboEvent ol.sample li dd {
    width: 100%;
    margin-bottom: 20px; }

  .aboEvent ol.sample li dt br {
    display: none; }

  .aboEvent ol.sample li dd [class*="imgColumn"] li {
    text-align: left;
    padding: 20px 0 0 20px; } }
/* message
--------------------------------*/
.kvMessage {
  background: url("/aboutus/images/message_001.jpg") 100% 0 no-repeat;
  background-size: cover;
  position: relative;
  height: 320px;
  padding-left: 4vw;
  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.8rem;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8); }
      .kvMessage .sign {
        padding: 20px 0 0 0; }
      .kvMessage .sign img {
        width: 145px; }
      .kvMessage .sign > span {
        font-size: 1.2rem; } }

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

/*--------------------------------------------------
saiyou
--------------------------------------------------*/
.entryButton {
  width: 80%;
  text-align: center;
  margin: 10px auto; }

.entryButton a {
  background: #eef4f9;
  display: block;
  font-weight: bold;
  padding: 15px 0; }

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

/*--------------------------------------------------
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; } }
/*===========================================
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; } }