@charset 'UTF-8';
/* site.safe.min.css — conservative minification; comments removed only — 2026-01-15 08:06:04 */



v\:line, v\:rect, v\:fill, v\:image, v\:stroke{ behavior: url(#default#VML); }

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, 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;
    font-family: Helvetica, Arial, Tahoma, "思源黑体", "microsoft yahei", "微软雅黑", sans-serif;
}
p{
  margin-bottom:10px;
}

html {
    scroll-behavior: smooth;
}

.module-title {
    color: #004098;
}
article, aside, figure, footer, header, hgroup, nav, section{display:block;}

img,
object,
embed{max-width:100%;}

html{overflow-y:scroll;}
.header-top ul, #breadCrumb ul, #sidebar ul{list-style:none;padding:0;}
ol.list-bracket {
  counter-reset: list;
}
ol.list-bracket > li {
  list-style: none;
}
ol.list-bracket li:before{
  content: "("counter(list) ") ";
  counter-increment: list;
}

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;padding:10px 15px;}
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;
  white-space:pre-wrap;
  white-space:pre-line;
  word-wrap:break-word;
}
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; width: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;}
h1{
  font-size:2.8rem;
  line-height: 1.2;
  padding:43px 0;
  font-weight: 600;
}
h2{
    font-size: 2.4rem;
    line-height: 1.2;
    color: #000;

    font-weight: 600;
}
h3{
  font-size:1.8rem;
  font-weight: normal;
  color:#333;

}
footer h3 {
    font-weight: bold;
    max-height: 21px;
    margin-bottom: 25px;
}
h4{
  font-size:20px;
  font-weight: bold;
  line-height: 23px;
}
img{
}
em{font-style:normal;}

.hidden{
    color: transparent !important;
    padding: 0 20px !important;
    line-height: 0 !important;
}
.center{
  text-align:center;
}

html{font-size:62.5%;}
body,select,input,textarea{
  font-size:100%;
  -webkit-text-size-adjust:none;
}
a{
  color:#014099;
  text-decoration:none;
  -webkit-tap-highlight-color:rgba(0,0,255,0.2)!important;
}
a:link{-webkit-tap-highlight-color:#014099;}
a:hover{text-decoration:underline;}
a:visited{color:#004eb6; text-decoration:none;}
caption{margin-bottom:5px; text-align:left;}
ins{background-color:#fcd700; color:#000; text-decoration:none;}
mark{background-color:#fcd700; color:#000; font-style:italic; font-weight:bold;}
select{height:1.8em;}
input{padding:0 2px;}
textarea{padding:2px;resize:vertical;width:98%;}

@media screen and (max-width:767px){
  a:hover{opacity:1!important;}
}

body,select,input,textarea{
    font: 1.6rem Helvetica, Arial, Tahoma, sans-serif;
    font-weight: 300;
    line-height: 1.8;
    color: #333;
}
.black{
  color:#000 !important;
}
.white{
  color:#fff !important;
}
.blue{
  color:#014099 !important;
}
.green{
  color:#1f8131 !important;
}
.greybg{
  background: #f2f2f3;
}
.lightblue {
    color: #0879df !important;
}
.parallax{
  padding:40px 0;
  margin: 40px 0;
}
.responsive{
  display:none;
}
.antiresponsive{
  display:block;
}

#wrapper{ margin: 0 auto; width: 100%; max-width: 1100px; }
#skipLink{position:absolute; left:-9999px;}

#headerWrap{display:flex;width:100%;}

header #logo p{
    display: inline-block;
    vertical-align: middle;
}
header #spMenuBtn{display:none;}
header #logo .groupLogo img{vertical-align: top;}
header #logo .siteLogo a{display:inline-block; height: auto;}
header #logo .siteLogo a img{}
header #logo .siteLogo{padding:14px 0 0 25px;}
header #logo .originalLogo{padding:14px 0 0 0;}
header #logo .groupLogo img{width:192px;}

.lang-nav {

}
.lang-nav-ul {
    text-align: right;
}
.lang-nav-li {
    padding: 0px 5px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.lang-nav-li a {
    color:black;
}
.lang-nav-li a img{
    width:20px;
    height:20px;
    vertical-align: middle;
}

#siteFunctions{

  margin-left: auto;
}
#siteFunctions a{color:#333;}
#siteFunctions a:hover{text-decoration:none; color:#999;}
#siteFunctions.hideGnavHeader{height:110px;}

#searchSet{position:absolute; top: 151px; width:100%; background-color: #fff; display: none;}
#drawer.current #searchSet,
#drawer.noGnav #searchSet{top: 110px;}
#searchSet form input{display:inline-block; outline:none; font-size:2rem;}
#searchSet form input[type="text"]{
  width:85%;
  height:45px;
  box-sizing: border-box;
  border:#e5e5e5 1px solid;
  line-height: 45px;
  padding:5px 20px;
  background-color: #fff;
}
#searchSet form input.focusOff{color:#ccc;}
#searchSet form input[type="submit"]{
  width:15%;
  height: 45px;
  background-color:#014099;
  border:none;
  color:#fff;
}
#searchSet form input[type="submit"]:hover{opacity: 0.8;}



#selectRegion {
  display: none;
  position: absolute;
  top: 151px;
  z-index: 103;
  width:100%;
}
#drawer.current #selectRegion,
#drawer.noGnav #selectRegion{top: 110px;}
#selectRegion nav{display: table; width:100%;}
#selectRegion .regionHead {
  display: table-cell;
  box-sizing: border-box;
  width:21%;
  padding: 37px 30px 30px;
  vertical-align:top;
  background-color:#014099;
  color:#fff;
  font-size:2rem;
  font-weight: bold;
}
#selectRegion .regionList{
  display: table-cell;
  vertical-align: top;
  width: 79%;
  padding: 30px 30px 30px 40px;
  box-sizing: border-box;
  background-color: #fff;
}
#selectRegion .regionList ul{vertical-align: top; float:left; margin-left:100px;}
#selectRegion .regionList ul:nth-of-type(1){margin-left: 0;}
#selectRegion .regionList ul li{ margin-bottom:10px;}
#selectRegion .regionList ul li a{font-weight: bold;}

#subFunctions{position:absolute; top:10px; right:0; font-size:1.2rem;}
#subFunctions .langSelect{float:left; position:relative; font-family:Helvetica,Arial,sans-serif;}
#subFunctions .langSelect a{padding:1px 7px; line-height:1.2; color:#b2b2b2; border-left:#ccc 1px solid;}
#subFunctions .langSelect span + a{background:none;}
#subFunctions .langSelect span{padding-right:10px;}
#subFunctions .langSelect a.active{color:#333; font-weight:bold;}

#subFunctions .otherLink{float:right; margin:0 0 0 20px; padding-left:20px; border-left:#dcdcdc 1px solid; height: 20px;}
#subFunctions .otherLink:last-child{border:none;}
#subFunctions .otherLink a{display:block;}

#funcBtns{display: flex;align-items:center;padding:0 5px;}

#funcBtns li span{display:block; width:20px; height: 20px; cursor: pointer;}
#funcBtns li span:hover{opacity:0.7;}
#funcBtns li#searchOpen{}
#funcBtns li#contactLink{

}
#funcBtns li#contactLink a{font-size:1.4rem;}
#funcBtns li#contactLink a:hover{text-decoration: none; opacity:0.7;}
#funcBtns #gnavTrigger {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}
#funcBtns #gnavTrigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
#funcBtns #gnavTrigger span,
#funcBtns #gnavTrigger::before,
#funcBtns #gnavTrigger::after {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 2px;
}
#funcBtns #gnavTrigger::before,
#funcBtns #gnavTrigger::after{content: '';}
#funcBtns #gnavTrigger::before {top: 1px;}
#funcBtns #gnavTrigger span{top: 9px;}
#funcBtns #gnavTrigger::after {top: 17px;}
[class^="icon-"], [class*=" icon-"], #funcBtns li#searchOpen span::before, #funcBtns li#regionOpen span::before, ul.iconLink li.newWindow a::after, a.newWindow::after, span.newWindow::after, .listBox.linkBlank::after, .productDetail .toBrandSite a::after, .linksWrap ul li.icon a::after, #searchSet form::before, #globalNav ul li .subGnav .menus ul li.blank a::after, #gNavSP ul li .subGnav .menus ul li.blank a::after {
    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;
}
#funcBtns li {

    cursor: pointer;
    font-size: 20px;
    color: #83979d;
    margin-left: 30px;
}
#funcBtns li:hover {
    opacity: 0.7;
}
.homepage-banner {
    max-width: 1200px;
    height: auto;
    max-height: 520px;
    margin: 0 auto;
    overflow: hidden;
}
.homepage-banner img {
    width: 100%;
}

  @media screen and (min-width:768px){


  }

  @media screen and (max-width:767px){

    .hidden{
      line-height: 1.8 !important;
      color: #014099 !important;
      padding:10px 20px !important;
    }
    .responsive{
      display:block;
    }

    .antiresponsive{
      display:none;
    }
    td{
      font-size:60% !important;
    }

    .content-banner{
      width:100% !important;
    }

    #headerWrap.hideGnavHeader{height:42px;}



    header #logo .groupLogo img{width:73px;}

    header #logo .originalLogo img{width:110px; height:12px;}




    #siteFunctions .lang-nav a{
      color:#fff;
    }
    header #logo #spMenuBtn span {
      display: inline-block;
      -webkit-transition: all .4s;
      transition: all .4s;
      box-sizing: border-box;
    }
    header #logo #spMenuBtn a {
      position: relative;
      display:block;
      width: 45px;
      height: 45px;
      box-sizing: border-box;
    }
    header #logo #spMenuBtn span {
      position: absolute;
      right:10px;
      width: 20px;
      height: 2px;
      background-color: #014099;
    }
    header #logo #spMenuBtn span:nth-of-type(1) {top: 13px;}
    header #logo #spMenuBtn span:nth-of-type(2) {top: 20px;}
    header #logo #spMenuBtn span:nth-of-type(3) {top: 27px;}
    header #logo #spMenuBtn .active span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); }
    header #logo #spMenuBtn .active span:nth-of-type(2) {opacity: 0;}
    header #logo #spMenuBtn .active span:nth-of-type(3) { -webkit-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg); }


    #siteFunctions a:hover{color:#fff!important;}

    #siteFunctions.hideGnavHeader {height: inherit;}

    #searchSet,
    #contactLink,
    #regionLang,
    #funcBtns,
    #subFunctions,
    #selectRegion{display:block!important; position: relative; top:inherit!important;}
    #gnavOverlay{display:none!important;}


    #searchSet{display:block; position:relative; top:0!important; padding:10px 0; background-color: inherit; border-bottom:#0a53bb 1px solid;}
    #searchSet form{float:none;}
    #searchSet form{width:100%; margin:0; height:inherit;}
    #searchSet form::before{
      display: block;
      width: 17px;
      height: 17px;
      position:absolute;
      top:22px;
      left:10px;
      font-size:17px;
    }
    #searchSet form input[type="text"]{
      font-size:16px;
      width: 78%;
      height:40px;
      line-height: 35px;
      padding: 5px 5px 5px 35px;
      border:none;
      border-radius:0;
    }
    #searchSet form input[type="submit"] {
      width: 22%;
      height: 40px;
      background-color: #022b66;
      border: none;
      border-radius:0;
      font-size:1.4rem;
    }







    #searchOpen,
    #regionOpen{display: none!important;}
    #funcBtns{right:inherit;}
    #funcBtns li#contactLink{
      display: block;
      height: auto;
      padding: 0;
      margin:20px 0;
    }
    #funcBtns li#contactLink a{
      display:block;
      padding:10px;
      text-align:center;
      color:#000;
      background-color:#fff;
    }
    #funcBtns li#contactLink a:hover{text-decoration:none; color:#000!important;}


    #regionLang{margin:0; padding:0;}
    #subFunctions .langSelect{float:none; margin:15px 0; overflow:hidden;}
    #subFunctions .langSelect a,
    #subFunctions .langSelect span + a{
      display:block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width:32%;
      float:left;
      padding:7px;
      margin:0 0 0 2%;
      color:#fff;
      background:#022b66;
      border:none;
      text-align:center;
      line-height:inherit;
      font-size:1.4rem;
    }
    #subFunctions .langSelect a:hover{text-decoration:none;}
    #subFunctions .langSelect span + a{margin:0;}
    #subFunctions .langSelect span{clear:both; display:block; margin-bottom:7px; font-size:1.4rem; color:#fff;}
    #subFunctions .langSelect a.active{color:#fff;}

    #subFunctions .otherLink{margin:10px 0 0 0; float:none; height: auto; padding:0; border:none;}
    #subFunctions .otherLink a,
    #subFunctions .otherLink a:hover{
      display:block;
      padding:10px;
      text-align:center;
      color:#fff;
      background:none;
      background-color:#022b66;
    }


    #selectRegion nav{display: block; min-height: 0; margin-top:20px;}
    #selectRegion .regionHead {
      display: block;
      width:100%;
      margin-bottom:7px;
      padding:0;
      font-size: 1.4rem;
      font-weight: normal;
    }
    #selectRegion .regionList{
      display: block;
      width:100%;
      padding:0;
      background-color: inherit;
      overflow:hidden;
      box-sizing: border-box;
    }
    #selectRegion .regionList ul{display:inline; margin:0; float:none;}
    #selectRegion .regionList ul li{margin-bottom:10px; background-color:#022b66; width:32%; margin:0 0 2% 0; text-align:center; float:left; display: block; box-sizing: border-box;}
    #selectRegion .regionList ul:nth-of-type(1) li:nth-of-type(2),
    #selectRegion .regionList ul:nth-of-type(3) li,
    #selectRegion .regionList ul:nth-of-type(4) li:nth-of-type(3n+3){margin:0 2% 2%;}
    #selectRegion .regionList ul li a{display:block; font-size:1.4rem; font-weight: normal; padding:7px; color:#fff;}
    #selectRegion .regionList ul li a span{display: none;}
    #selectRegion .regionList ul li a:before{content:attr(data-jis);color:#fff;}
    .homepage-banner {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
  }

#breadCrumb{ margin:20px 0; font-size:1.2rem; clear:both;}
#headerWrap + #breadCrumb{padding-top:121px;}
#breadCrumb ul{
  padding:0;
}
#breadCrumb li{
  float:left; white-space:nowrap;
  margin-right:5px;
  padding-top:3px;
  color:#999;
  line-height:1.2;
  white-space:normal;
}
#breadCrumb li::before{content:'>'; font-family: verdana,sans-serif; padding:0 3px;}
#breadCrumb li:first-child::before{padding-left:0; content:'';}
#breadCrumb li a{color:#999;}
#breadCrumb li a:hover{text-decoration:none;opacity: 0.7;}

  @media screen and (max-width:767px){
    #breadCrumb{margin:10px 0;font-size:85%;}
    #breadCrumb ul{padding:0 5px;}

  }

a.el_btn.-transparent {
    border: 1px solid white;
    color: white;
    background: transparent;
    transition: all 0.4s ease;
}

    a.el_btn.-transparent:hover,
    a.el_btn.-transparent:focus {
        border-color: #004098;
        color: #004098;
        background: white;
    }

#contents {
    clear: both;

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

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

#sidebar{float:right; width:260px;}
#sidebar dl dt{color:#fff; line-height:1.3; font-size:1.8rem;}
#sidebar dl dt a{display:block; padding:15px; background-color:#014099; color:#fff;}
#sidebar dl dt a:hover{background-color:#666; text-decoration:none;}
#sidebar dl > dd > ul{border-bottom:#e5e5e5 1px solid;}
#sidebar dl dd li{border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; background-color:#fff; font-size:1.4rem;}
#sidebar dl > dd > ul > li:nth-of-type(1){padding-top:5px;}
#sidebar dl dd li a{display:block; padding:7px 20px; line-height:1.4; color:#000; text-decoration:none;}
#sidebar dl dd li a:hover{background-color:#eef4f9;}
#sidebar dl dd li.active a{font-weight:bold; color:#004097;}
#sidebar dl dd li.active li a{font-weight:normal; color:#5c5c5c;}

#sidebar dl dd li ul{margin:-5px 0 0 0;}
#sidebar dl dd li li{border:none;}
#sidebar dl dd li li.active a,
#sidebar dl dd li li li.active li.active a{font-weight:bold; color:#004097;}
#sidebar dl dd li li.active li a,
#sidebar dl dd li li li.active li a{font-weight:normal; color:#5c5c5c;}
#sidebar dl dd li li li.active a{font-weight:bold; color:#004097;}

#sidebar dl dd li li a{padding:5px 10px 5px 40px; background-position:23px 13px;}
#sidebar dl dd li ul ul{padding:0 0 5px;}
#sidebar dl dd li li li a{padding-left:60px; background-position:36px 13px;}
#sidebar dl dd li li li li a{padding-left:66px; background-position:36px 13px;}
#sidebar dl dd li a span.subname{display:block; padding:3px 0 0 0; background:none; font-size:1.2rem;}
#sidebar dl dd li.appear{display:none;}

#sidebar .contact{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{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;}

footer{padding:77px 0 20px; clear:both; font-size:1.2rem; text-align: center;}
footer .footLinks li{display:inline-block; border-right:#e5e5e5 1px solid; line-height:1.5;}
footer .footLinks li:first-child{border-left:#e5e5e5 1px solid;}
footer .footLinks li a{padding:0 30px; color:#000;}
footer #copyright{width:auto; margin:0 auto;}
footer #groupLogo{margin:30px auto 15px;}
footer #groupLogo img{width:194px; margin:0 auto;}

body#sitemap #footerNav{display: none;}
#footerNav{text-align: left; padding:0 30px;}
.footLinks{margin-top:30px;}
#footerNav a{color:#000;}
#footerNav > ul.parentNav > li{float:left; margin-left:50px;}
#footerNav > ul.parentNav > li > a{display: none;}
#footerNav .menus .top{display: none;}
#footerNav .menus a{color:#5e5e5e; font-size: 1.4rem;line-height:1.4rem;}
ul.menus{list-style: none;padding:0;}
#footerNav ul li{
  padding:5px 0;
}

.pagetop{
  position: fixed;
  bottom: 50px;
  right: 50px;
}
.pagetop > a {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #999;
}
.pagetop > a:hover{background-color: #aaa;}
.pagetop > a::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 40%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

  @media screen and (max-width:767px){
    footer{padding:20px 0 10px; text-align: left;}
    footer #footerInner p#copyright{color:#999;}
    footer #footerNav{display: none;}
    #footerNav + .footLinks{margin-top:0;}
    footer .footLinks{margin:0; padding:0 20px;}
    footer .footLinks li{display:block; border:none; margin-bottom: 5px;}
    footer .footLinks li:first-child{border:none;}
    footer .footLinks li a{padding:2px;}
    footer #copyright{width:auto; font-size:71%; margin:0 0 0 20px;}
    footer #groupLogo {margin: 20px 0 0; padding: 10px 20px; border-top: #e5e5e5 1px solid; }
    footer #groupLogo img{width:175px;}
    .pagetop {bottom: 20px; right: 0; }
  }

body.popup header .siteLogo a img{vertical-align: top;}
body.popup header .offleft{float:right; margin:10px 0 0;}
body.popup header .offleft a:hover{opacity:0.7;}
body.popup header .groupLogo img{width:192px;}

body.popup h1{
  border:none;
  padding:0;
  color:#014099;
  font-weight:bold;
  margin:50px 0 15px;
  line-height:1;
  text-align:center;
}
body.popup .conBlock{ margin:0 auto 20px; text-align:center;}
body.popup .conBlock02{ 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{padding-bottom:265px; text-align:center;}
body.popup .conBlock03 .inqBtn a{display:inline-block; padding:8px 20px; background-color:#014099; color:#fff; font-size:1.8rem; font-weight:bold;}
body.popup .conBlock03 .inqBtn a:hover{text-decoration:none; background-color:#00265b;}
body.popup .pageTop{text-align:right;}

@media screen and (max-width:767px){
  body.popup #wrapper{width:100%; background-color:#fff;}
  body.popup header{width:100%; padding:0 0 0 12.5px; box-sizing: border-box;}

  body.popup #contents{padding:0 10px;}
  body.popup header + #contents{padding:50px 10px 20px;}
  body.popup header + #breadCrumb{padding:50px 0 0;}
  body.popup h1{margin:20px 0 15px;}
  body.popup .conBlock{width:100%;}
  body.popup .conBlock02{width:100%;}
  body.popup .conBlock02 ul{padding:15px;}
  body.popup .conBlock03{padding-bottom:30px;}
  body.popup .conBlock03 a{display:block; width:80%; margin:0 auto; padding:10px; background-color:#013e94; color:#fff; font-size:1.8rem;}
  body.popup .conBlock03 a img{display:none;}
}

.clearfix:after,
header:after,
header #logo:after,
#regionLang:after,
#globalNav ul:after,
#breadCrumb ul:after,
#contents:after,
footer:after,
footer ul:after{content:''; display:block; clear:both; height:0; overflow:hidden;}
.clearfix{clear:both;}
.intro{
  background: #014099;
  padding:30px;

  position:relative;
  margin: 0 1rem;
}
.intro .readmore-btn:hover {
    background: white;
    color: #014099 !important;
}
.header-top {

    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 15px 1rem 5px 1rem;
}

.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .one_sixth, .five_sixth {
  position: relative;
  margin-right: 4%;
  float: left;
}
.one_full {
  width: 100%;
}
.one_half {
  width: 48%;
}
#toray_toyolac .linksWrap .one_half{
  width:50%;
}
#toray_toyolac .one_half.first-intro{
  margin-bottom:0 !important;
}
.one_third {
  width: 30.650%;
}
.pdf-link.one_third{
  width: 34.65%;
}
.one_fourth {
  width: 22%;
}
.one_fifth {
  width: 16.800%;
}
.one_sixth{
  width:7.5%;
}
.two_third {
  width: 65.350%;
}
.three_fourth {
  width: 74%;
}
.five_sixth{
  width: 88%;
}
.last {
  margin-right: 0 !important;
  clear: right;
}
.readmore-btn{
    border: #fff 2px solid;
    padding: 10px 35px;
    color: #fff !important;
    text-transform: uppercase;
    display:inline-block;
    min-width: 210px;
    margin-bottom:10px;
    text-align:center;
}
.readmore-btn.grey{
    border: 2px solid #91ce44;
    color: #91ce44 !important;
    background: #fff;
}
.readmore-btn:hover{
    text-decoration: none;
    opacity: 1;
}
.readmore-btn i{
  font-size:20px;
  font-weight: bold;
}
a.box{
  display:block;
  background-color: #eff4fa;
}
a.box:hover{
  opacity: 0.7;
  text-decoration: none;
}
a.box-blue{
  background:#014099;
}
a.box-blue h3{
  color:#fff;
  text-align:right;
}
.box{
  width:100%;
  text-align:center;
}
.box .box-img, .box .box-desc{
  display:inline-block;
  vertical-align: middle;
}
.box .box-img{
  width:65%;
}
    .box .box-desc {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 10px 25px;
        width: 35%;
        text-align: justify;
    }
.box-desc h2{
  color:#fff;
  margin-bottom: 1rem;
}
.box.box-desc-green{
  color:#fff;
  background: #91ce44;
}
.box-desc-green .readmore-btn:hover {
    color: #91ce44 !important;
    background: #fff;
}
.box.box-desc-grey{
  color:#fff;
  background: #83979d;
}
.box-desc-grey .readmore-btn:hover {
    color: #83979d !important;
    background: #fff;
}
.mission_box{
  display:inline-block;
  vertical-align: top;
  width:50%;
  border-right:1px solid #d8d8d8;
  margin-right:-5px;
}
.mission_box:last-child{
  border:0;
}
.mission_desc{
  padding:20px;
}
.mission_desc:first-child{
  border-bottom:1px solid #d8d8d8;
}
.biz-banner{
  margin-top:-6%;
  text-align:right;
  padding-right:30px;
}
.pdf-type{
  width:20%;
  padding-right:0 !important;
}
.pdf-process{
  width:15%;
  padding-right:0 !important;
}
.pdf-feature{
  padding-right:0 !important;
}
.automotive{}
.automotive tr{
  border-bottom:1px solid #d8d8d8;
}
.automotive td{
  border-right:1px solid #d8d8d8;
  padding:5px;
}
.automotive td:first-child{
  width:29%;
}
.automotive td:last-child{
  border-right:0;
}
@media only screen and (min-width: 480px) and (max-width: 767px){
  .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .one_sixth, .five_sixth {
      margin-right: 0%;
    }
    .one_half {
      width: 100%;

    }
    #toray_toyolac .linksWrap .one_half{
      width:100%;
    }
    .one_third {
      width: 100%;

    }
    .one_fourth {
      width: 100%;

    }
    .one_fifth {
      width: 100%;

    }
    .one_sixth{
      width:100%;

    }
    .five_sixth{
      width:100%;

    }
    .two_third {
      width: 100%;

    }
    .pdf-link.one_third{
      width:100%;
    }
    .three_fourth {
      width: 100%;

    }
    .linksWrap .pdf-link .pdf-download{
      width:100%;
    }
}
@media only screen and (max-width: 480px){
  .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .one_sixth, .five_sixth {
      margin-right: 0%;
    }
    .one_half {
      width: 100%;
      margin-bottom: 40px;
    }
    #toray_toyolac .linksWrap .one_half{
      width:100%;
    }
    .one_third {
      width: 100%;
      margin-bottom: 40px;
    }
    .one_sixth{
      width:100%;
      margin-bottom:40px;
    }
    .five_sixth{
      width:100%;
      margin-bottom:40px;
    }
    .pdf-link.one_third{
      width:100%;
    }
    .one_fourth {
      width: 100%;
      margin-bottom: 40px;

    }
    .one_fifth {
      width: 100%;
      margin-bottom: 40px;
    }
    .two_third {
      width: 100%;
      margin-bottom: 40px;
    }
    .three_fourth {
      width: 100%;
      margin-bottom: 40px;
    }
    .linksWrap .pdf-link .pdf-download{

    }


  .intro{
    margin-top:0;
  }
}

  @media screen and (max-width:767px){

    html, body, body div, span, object, iframe, h3, 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{

    }
    #sidebar dl dt a{
      font-size:20px;
    }
    .box-desc{
      padding: 10px 15px 15px 30px;
    }


    #headerWrap + #contents,
    #globalNav + #contents{padding-top:50px!important;}
    #contents #main{float:none; width:100%;}
    #contents #sidebar{float:none; width:100%; margin-top:30px;}
    #sidebar dd ul li{display:none;}
    #sidebar dd ul li.appear{display:block!important;}
    #sidebar dd ul li.appear li{display:block!important;}
    #sidebar #localNav li{display:block;}
    #sidebar dl dd li a span.subname{display:inline; padding-left:5px;}
    #sidebar nav{padding:10px; background-color:#f0f0f0; border:#eaeaea 1px solid;}
    #sidebar .contact a{padding:10px; height:auto;}
    #sidebar .contact a:hover{background-color:#014099; color:#fff;}
    .abtus_content .box .box-desc{
      width:100%;
      padding:15px 15px 0 30px;
    }
    .biz-banner{
      margin-top:-15%;
    }
    .box .box-img{
      width:100%;
    }
    .box .box-desc{
      width:100%;
    }
    .readmore-btn{
      float:none !important;
    }
  }

.home-page-blog {
    padding: 80px 0;
    background: #eff2f6;
}
.home-page-blog .blog-content {
    margin: 0 auto;
    width: 95%;
}
.home-page-blog .bi-content {
    padding: 20px;
    background: #fff;
    box-shadow: 0 1px rgba(0,0,0,.15);
    text-align: left;
}
.home-page-blog .post-date {
    display: block;
    margin: 0 0 5px;
    color: #9aa6b7;
}
.home-page-blog ul{
  padding:0;
}
.home-page-blog ul li{
  list-style: none;
  position: relative;
  z-index: 9;
  margin-bottom: 15px;
}
.home-page-blog .blog-list {
    position: relative;
    overflow: hidden;
    padding: 30px 0 50px;
}
.home-page-blog .blog-content {
    text-align: center;
}
.home-page-blog .blog-list:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
    width: 1px;
    background: #c6d1de;
    content: "";
    z-index: 1
}
@media (min-width: 769px){
.home-page-blog .blog-item:nth-child(2n+1) {
    float: left;
    padding: 0 25px 0 0;
}
.home-page-blog .blog-item:nth-child(2n) {
    float: right;
    padding: 0 0 0 25px;
}
.home-page-blog .blog-item:first-child {
    margin: 0;
}
.home-page-blog .blog-item {
    position: relative;
    clear: both;
    margin: -25px 0 0;
    width: 50%;
}
.home-page-blog .blog-item:nth-child(2n+1):before {
    right: 16px;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #fff;
}
.home-page-blog .blog-item:nth-child(2n):before {
    left: 16px;
    border-width: 9px 9px 9px 0;
    border-color: transparent #fff transparent transparent;
}
.home-page-blog .blog-item:before {
    position: absolute;
    top: 25px;
    width: 0;
    height: 0;
    border-style: solid;
    content: "";
}
.home-page-blog .blog-item:nth-child(2n+1) .bi-content {
    text-align: right;
}
.home-page-blog .blog-item:nth-child(2n+1):after {
    right: -4px;
}
.home-page-blog .blog-item:nth-child(2n):after {
    left: -5px;
}
.home-page-blog .blog-item:after {
    position: absolute;
    top: 29px;
    width: 9px;
    height: 9px;
    border: 2px solid #c6d1de;
    border-radius: 50%;
    background: #e9eff6;
    content: "";
}
}
.welcome #wrapper{
  background: url('../images/bg-leaf.jpg') no-repeat;
  background-position:right;
  background-size:90%;
  margin-top: -60px;
  margin-bottom:40px;
}
.welcome #contents {
    padding: 0;
}
.pressBlock {
    text-align: justify;
    padding: 15px 15px;
}
    .pressBlock .readmore-btn:hover {
        background: #91ce44;
        color: #fff !important;
    }

.content-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #fff;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;

}

.socialres{
  background: url('../images/banner-sr.jpg') no-repeat;
  position:relative;
}
.abtus{
  background: url('../images/banner-abtus.jpg') no-repeat;
  position:relative;
}
.ourbiz{
  background: url('../images/banner-ourbiz.jpg') no-repeat;
  position:relative;
}
.ourbiz h2 {
    color: #fff;
}
.banner-title{
  width: 100%;
  font-size:14px;
}
.banner-title h1{
  font-size:3rem;
  padding:0;
}

.topic {
    position: relative;
    transition: 0.4s;
    margin-bottom: 10px;
}
.topic:hover{
  opacity: 0.6;
}
    .topic a {
        display: flex;
        text-decoration: none;
    }
.topic-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 15px 50px;
    min-height: 200px;
}
.topic-title h2 {
    margin-bottom: 15px;
}

.for-csr .topic-title{
  top:26%;
}
.topic-title h1{
  font-weight: normal;
  letter-spacing: 3px;
  padding:0;
}
@media (max-width: 769px) {
    .topic-title {
        font-size: 0.8rem;
        min-height: 120px;
        padding: 15px 25px;
    }
    .topic-title h1{
        font-size:1rem;
    }
}
.white a{
  color:#fff;
}
.black a{
  color:#000;
}
.right .topic-title {

    text-align: right;
    padding-left: 30%;
}
.left .topic-title {

    text-align: left;
    padding-right: 30%;
}
.topic-banner {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}
.topic-banner-title{
  position:absolute;
  z-index: 9;

  width: 100%;
  color: white;
  text-align: center;
}
.topic-banner-title-top{
  position:absolute;
  z-index: 9;
  top:20%;
  width: 100%;
}
.topic-banner-title.text-right{
  right:3%;
}
.topic-banner-title.text-left{
  left:3%;
}
.topic-banner-title.white{
  text-shadow: 2px 3px 0px rgba(0,0,0,0.8);
}
.topic-banner-title.black{
  color:#000;
  text-shadow: 2px 1px 0px rgba(0,0,0,0.2);
}
.topic-banner-title h1{
  padding:0;
  text-transform: uppercase;
  font-size: 40px;
  letter-spacing: 7px;
}

.topic.white .topic-title h2 {
    color: #fff;
}

@media (max-width: 769px) {
    .topic-banner-title h1{
        font-size: 2rem;
    }
    .topic-banner-title h2{

    }
}
.topic-banner-title.mdmsg, .topic-banner-title.introduction{
  bottom:45%;
}
.topic-bg {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.topic .topic-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    z-index: -1;
}
    .topic-bg img {
        width: 100%;
        height: 100%;
    }
    .topic-bg.topic-bg-chairman img {
        object-fit: cover;
        object-position: left;
    }
ul.cert-inline{
  padding:0;
}
ul.cert-inline li{
  list-style: none;
  display: inline-block;
  vertical-align: top;
}
.sustain_icon h2{
  margin:0;
  font-weight: normal;
}
.sustain_icon{
  margin-bottom:20px;
}

.accordion {
    color: #7bc9ef;
    cursor: pointer;
    transition: 0.4s;
    padding:50px;
}
.accordion:hover{
  opacity:0.5;
}
.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before, .w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
    content: "";
    display: table;
    clear: both;
}
.w3-container, .w3-panel {
    padding: 0 16px;
    max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
}
.w3-container ul{
  list-style: none;
  padding:0;
}
.w3-container ul li{
  display: inline-block;
  padding-right:10px;
  padding-bottom:5px;
}
.w3-container ul li a{
  background:#7dc8ef;
  color:#fff;
  text-align: center;
  padding:5px 15px;
  font-size:12px;
}
.w3-container ul li a:hover{
  text-decoration: none;
  background: #a7a7a7;
}
.w3-hide {

}
@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-100%); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-100%); }
    100% { opacity: 1; -moz-transform: translateY(0); }
}
.w3-show-block, .w3-show {

    max-height: 1500px;
    transition: max-height 0.25s ease-in;
}
button, input {
    overflow: visible;
}
.w3-btn, .w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.w3-block {
    display: block;
    width: 100%;
}

.tab{
  border-bottom:1px solid #dcddde;
  margin-bottom:15px;
}
.tab button:focus{
  outline:0 !important;
}
.tab button.tablinks{
  text-transform: uppercase;
  background:none;
  border:0;
  font-size:18px;
  padding:5px 24px;
  letter-spacing: 1px;
  border-bottom:1px solid #dcddde;
  margin-bottom:-1px;
  background: #fff;
}
.tab button.tablinks.active{
  color:#000;
  border:1px solid #dcddde;
  border-bottom:0;
  border-bottom:1px solid #fff;
}

.product-info {
    margin-bottom: 10px;
    transition: 0.4s;
    background-size: cover !important;
}
.product-info h1, .product-info p{
  color:#fff;
  padding:0;
  letter-spacing: 2px;
  font-weight: normal;
}
.product-info-content{
  background: #000;
  color:#fff;
  padding:20px;
  margin-bottom:40px;
}
.product-info-content p{
  letter-spacing: 0;
  color:#fff;
}
.product-heavyweight{
  background:#000 center;
  background-image: url('../images/HeavyWeight.jpg');
}
.product-lightweight{
  background:#000 center;
  background-image: url('../images/light_weight_bg.jpg');
}
.product-yarndyed{
  background:#000;
  background-image: url('../images/yarn_dyed_bg.jpg');
}
.product-printedfabric{
  background:#000;
  background-image: url('../images/printed_fabric_bg.jpg');
}
.product-grey{
  background:#000;
  background-image: url('../images/grey_bg.jpg');
}
.product-cordura{
  background:#000;
  background-image: url('../images/cordura_bg.jpg');
  background-repeat: no-repeat;
}
.product-workwear{
  background:#000 center;
  background-image: url('../images/workwear_bg.jpg');
}
.product-dobby{
  background:#000;
  background-image: url('../images/dobby_bg.jpg');
}
.product-prints{
  background:#000;
  background-image: url('../images/prints_bg.jpg');
}
.product-comfort{
  background:#000;
  background-image: url('../images/comfort_bg.jpg');
}
.product-comfort h1, .product-comfort p, .product-gogreen h1, .product-gogreen p{

}
.product-gogreen{
  background:#000;
  background-image: url('../images/gogreen_bg.jpg');
}
.history{
  text-align: center !important;
}
.history .inline{
  width:14%;
  margin-bottom:20px;
}
@media screen and (max-width: 767px){
  .history .inline{
    width:100%;
  }
}
.history .lower{
  margin-top:5%;
}
.history p{
  margin:0;
  font-size: 100%;
  line-height: 20px;
  padding:0 5px;
  text-align:left;
}
.history-line{
  position: absolute;
}
ul#csr_menu{
  padding:0;
  color:#000;
}
ul#csr_menu li{
  list-style: none;
}
ul#csr_menu a.year{
  font-weight: bold;
  cursor:pointer;
  display: block;
}
ul#csr_menu li ul li{
  padding:0;
  width:100%;
}
ul#csr_menu .nav-tabs{
  border:0;
  padding:0;
}

ul#csr_menu li ul li a:before{
  display: inline-block;
  content:"•";
  padding-right: 10px;
}
ul#csr_menu li ul li a{
  padding:10px 20px;
  display: block;
}
ul#csr_menu li ul li a:hover, ul#csr_menu li ul li a.active{
  background: #dcdddf;
  text-decoration: none;
}
ul#csr_menu .nav-tabs .nav-link{
  border:0;
  color:#000;
}
.tab-pane-block{

  padding:10px 20px;
  background: #fff;
}
.tab-pane-block:nth-child(even){
  background: #dcddde
}

.tabWrapper {
    position:relative;
}
.tabWrapper input[type=radio] {
    display:none;
}
.tabWrapper .tab {
    display:none;
    border:1px solid black;
    padding:0 1em;
    box-shadow:inset 0.2ex 0.2ex 1ex 0.2ex rgba(0,0,0,0.66);
    float: right;
    width: 100%;
}
.tabWrapper input[type=radio]:checked+label+.tab+.tab,
.tabWrapper input[type=radio]:checked+label+input+label+.tab {
    display:block;
}
.tabWrapper input[type=radio]+label {
    display:inline-block;
    padding:0 12px;
    border:1px solid black;
    border-bottom:none;
    white-space:pre;
    float:right;
}
.tabWrapper input[type=radio]:checked+label {
    font-weight:bold;
    background:black;
    color:white;
}

p.hist {
    text-align: center;
}

.content_photo1{
 width:50px;
 height:50px;
}

.content-banner.toraytc {
    background: url(../images/torayTC.png) no-repeat;
    position: relative;
}
.content-banner.innovation {
    background: url(../images/innovation.png) no-repeat;
    position: relative;
}
.content-banner.aboutus{
    background: url(../images/aboutus-banner.jpg) no-repeat;
    position:relative;
}
.date {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 50px;
    text-align: center;
}
.date_month {
    display: block;
    background-color: #0080e5;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 5px 0;
}
.date_year {
    display: block;
    background-color: #222222;
    color: #fff;
    font-size: 14px;
}
p.toray{
    text-align:center;
}
p.torayb{
    text-align:center;
    font-weight:bold;
}
img.toray{

}
img.toraytc {

}
img.tc {

}
h1.top {
    padding-bottom: 50px;
    padding-right: 50px;
}
.separator {
    border-left: 2px solid lightgrey;
    height: 90%;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 0;
    margin-top: 33%;
}
.lang-nav-li-y {
    padding: 0px 5px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    float: right !important;
}
.lang-nav-li-y a img {
    width: 20px;
    height: 20px;
}
.lang-nav li.lang-nav-li-y{
    display: none;
}

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

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

.fs-3 {
    font-size: 1.75rem !important;
}

.fs-4 {
    font-size: 1.5rem !important;
}

.fs-5 {
    font-size: 1.25rem !important;
}

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

.ws-pre-line {
    white-space: pre-line !important;
}

#wrapper.page-header, .page-header {
    width: 100%;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 999;
    max-width: unset !important;
}

#drawer {
    display: flex;
    flex-direction: column-reverse;
    max-height: fit-content;
}

h3.blue {
    margin-bottom: 2.5rem;
}
.paragraph-point li, .paragraph-image-point li {
    padding: 9px 0;
}
    .paragraph-image-point li img {
        margin: 0 5px;
    }

.topic-banner-title-line {
    margin-bottom: 15px;
    padding: 0 15px;
}
.topic-banner-title-line:last-child {
    margin: 0;
}

.content-banner {
    display: flex;
    align-items: flex-end;
    padding-bottom: 40px;
}

    .content-banner #wrapper {
        display: flex;
        align-items: baseline;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0 15px;
    }

        .content-banner #wrapper div:first-child {
            min-width: 25%;
            margin-right: 15px;
        }

        .content-banner #wrapper div:last-child {
            flex: 1;
        }

    .content-banner.content-banner-center {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
        .content-banner.content-banner-center #wrapper {
            justify-content: center;
        }

            .content-banner.content-banner-center #wrapper div {
                min-width: 25%;
                margin: 0;
                text-align: center;
            }

.toraytc-item-group {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.toraytc-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
    width: 50%;
}
    .toraytc-item img {
        margin-bottom: 1rem;
        padding: 0 15px;
    }

.section-w-seperator .section-w:first-child {
    border-right: 1px solid #ccc;
}

.targeted-product {
    scroll-margin-top: 155px;
}

.local-nav {
    background-color: #F2F2F2;
    padding: 0 1.5%;
    margin-bottom:10px;
}

.menuLv4 {
    display: block !important;
}

.ly_localNav .menuLv2 .menuLv3 .parent > a::after{
    display:none !important;
}

.local-nav-list {
    display: flex;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 40px;
    align-items: center;
}

.local-nav-item a {
    font-size: 1.5rem;
    color: black;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 4px;
    transition: background 0.3s ease;
}

    .local-nav-item a:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }

.local-nav-item.active a {
    color: #004098;
    font-weight: bold;
}

@media (max-width: 960px) {
    .local-nav {
        background-color: #F2F2F2;
        padding: 0 1.5%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .local-nav-list {
        display: flex;
        flex-wrap: nowrap;
        gap: 15px;
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .local-nav-item {
        flex: 0 0 auto;
    }

        .local-nav-item a {
            font-size: 1.3rem;
            white-space: nowrap;
            padding: 6px 10px;
            border-radius: 20px;
            color: black;
        }
}

@media print, screen and (min-width: 960px){

    body:not(.is_noGnav):not(.is_scrolled) .ly_header .logo .siteLogo img {
        height: 40px !important;
    }

    body:not(.is_noGnav).is_scrolled .ly_header .logo .siteLogo img{
        height: 26px !important;
    }
}

@media print, screen and (max-width: 959px){

    .ly_header .logo .siteLogo img {
        height: 25px !important;
    }
}

@media only screen and (max-width: 768px) {
    .ly_header .logo .siteLogo img {
        height: 18px !important;
    }
}

.video-container {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    color: white;
}

.bg-video {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    z-index: 0;
}

.video-overlay {
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    padding: 0 20px;
    width: 100%
}

    .video-overlay h2 {
        font-size: 8.5rem;
        font-weight: bold;
        color: white;
    }

    .video-overlay h3 {
        font-size: 2.5rem;
        color: white;
    }

    .video-overlay .el_btn {
        font-size: 12px;
    }

.banner-main-title {
    text-align: center;
    color: black;
    margin-bottom: 10px !important;
    padding-bottom: 50px;
}

.scroll-section-container {
    display: flex;
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.bg-darken-layer {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2;
    pointer-events: none;
}

.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.8s ease-in-out;
    z-index: 1;
}

.scroll-section-side-nav {
    flex: 0 0 200px;
    background: none;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    padding-left: 100px;
}

    .scroll-section-side-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .scroll-section-side-nav li {
        display: inline-block;
        padding: 5px 0;
        margin: 10px 20px;
        color: white;
        cursor: pointer;
        transition: border-bottom 0.3s, color 0.3s;
        border-bottom: 2px solid transparent;
        width: auto;
        white-space: nowrap;
    }

        .scroll-section-side-nav li:hover {
            border-bottom: 2px solid rgba(255,255,255,0.5);
        }

        .scroll-section-side-nav li.active {
            background: none;
            border-bottom: 2px solid white;
        }

.scroll-section-content-area {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    z-index: 3;
}

.scroll-section-content {
    margin: 30px;
    text-align: left;
    color: white;
    max-width: 600px;
    display: none;
}

    .scroll-section-content.active {
        display: block;
    }

    .scroll-section-content p {
        font-size: 1.6rem;
        margin: 0px 30px 30px 0px;
    }

.partners-section {
    background: linear-gradient(to bottom, #d6e6f9, #ffffff);
    padding: 60px 40px;
}

.partners-container {
    display: grid;
    grid-template-columns: 1.5fr 2fr;
    gap: 40px;
    align-items: start;
    margin: 30px 100px;
}

.partners-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.logo-box {
    background: #fff;
    border-radius: 16px;
    flex: 1 1 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    min-width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .logo-box img {
        max-width: 80%;
        max-height: 80px;
        object-fit: contain;
        transition: transform 0.3s ease;
    }

    .logo-box:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    }

        .logo-box:hover img {
            transform: scale(1.2);
        }

.main-banner-animation {
    float: right;
    margin-top: 10%;
    width: 55%;
    max-width: 690px;
}

.box {
    display: flex;
    flex-wrap: wrap;
}

.banner-shadow {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

@media (max-width: 1110px) {
    .video-container {
        height: auto;
    }

    .bg-video {
        position: relative;
        width: 100%;
        height: auto;
    }

    .video-overlay h2 {
        font-size: 4.5rem;
    }

    .scroll-section-container {
        height: fit-content !important;
        min-height: 50vh;
    }
}

@media (max-width: 760px) {

    .el_btn {
        font-size: 12px !important;
        margin-top: 0 !important;
        padding: 3px 6px !important;
    }

    .partners-container {
        grid-template-columns: 1fr;
        text-align: center;
        margin: 0px;
    }

    .partners-logos {
        justify-items: center;
    }
}

@media(max-width:700px) {
    .scroll-section-container {
        flex-direction: column;
        height: auto;
    }

    .scroll-section-side-nav {
        flex: 0 0 auto;
        padding-left: 20px;
        width: 100%;
        overflow-x: auto;
        z-index: 3;
    }

        .scroll-section-side-nav ul {
            display: flex;
            flex-wrap: wrap;
        }

        .scroll-section-side-nav li {
            white-space: normal;
            margin: 5px 10px;
        }

    .scroll-section-content-area {
        flex: 1;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        z-index: 3;
    }
}

@media(max-width: 750px) {

        .video-overlay h2 {
            font-size: 2.2rem;
        }

        .video-overlay h3 {
            font-size: 1.2rem;
            margin-bottom: 3px !important;
        }

        .video-overlay .el_btn {
            font-size: 12px;
            margin-top: 0 !important;
            padding: 3px 6px !important;
        }

}

@media(max-width: 450px) {
    .video-overlay {
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        padding: 0 10px;
    }

        .video-overlay h2 {
            font-size: 1.3rem;
            margin: 2px 0;
        }

        .video-overlay h3 {
            font-size: 1rem;
            margin-bottom: 0 !important;
        }

        .video-overlay .el_btn {
            font-size: 12px;
            margin-top: 0 !important;
            padding: 3px 6px !important;
        }

    .banner-title h1 {
        font-size: 2rem;
        margin: 20px 20px 0px !important;
    }

    .banner-title p {
        font-size: 1.6rem;
    }
}

.map-address-section {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    align-items: center;
    padding: 40px;
    background: #004098;
}

.map-image {
    flex: 0 1 auto;
    max-width: 600px;
}

    .map-image img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

.address-list {
    flex: 0 1 auto;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.address-heading {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .address-heading i {
        font-size: 24px;
        color: white;
    }

    .address-heading h2 {
        margin: 0;
        font-size: 25px;
        font-weight: bold;
        color: white;
    }

.address-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
}

.address-text p {
    margin: 0;
    line-height: 1.5;
    font-size: 1.6rem;
    color: white;
}

.inq-banner {
    background: #004098 url('/shared/images/bluebg.jpg') no-repeat center;
    background-size: cover;
    color: white;
    color: white;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

    .inq-banner h2 {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 10px;
        color: white;
    }

    .inq-banner p {
        font-size: 1.6rem;
        line-height: 1.6;
        color: white;
    }

.know-btn {
    margin-top: auto;
    white-space: nowrap;
}

.contact-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 15px;
}

    .contact-title h1 {
        color: #004098;
        padding: 30px 0px 0px 0px;
        margin: 0;
        flex: 1;
    }

    .contact-title p {
        flex: 1 1 auto;
        max-width: 70%;
        margin: 0;
        padding: 0px;
        color: #004098;
        font-size: 1.6rem;
    }

    .contact-title .el_btn {
        flex-shrink: 0;
        white-space: nowrap;
        margin-top: 30px;
    }

.carousel {
    position: relative;
    overflow: hidden;
    height: 110vh;
    color: white;
}

.carousel-header {
    background: #004098;
    position: relative;
    z-index: 2;
    height: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

.header-inner {
    width: 100%;
    max-width: 1200px;
    position: relative;
}

.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 80px 0;
}

.carousel-title {
    font-size: 40px;
    font-weight: bold;
    margin-left: 20px;
    width: 80%;
    color:white;
}

.arrows {
    display: flex;
    gap: 10px;
}

.arrow-btn {
    background-color: white;
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    transition: transform 0.2s ease, background-color 0.3s ease;
}

    .arrow-btn:hover {
        background-color: #f0f0f0;
        transform: scale(1.1);
    }

    .arrow-btn i {
        font-size: 15px;
        color: #004098;
    }

.progress-line {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    display: flex;
    gap: 5px;
    padding: 0 20px;
}

.segment {
    flex: 1;
    height: 3px;
    background: rgba(255,255,255,0.4);
    transition: background 0.3s;
}

    .segment.active {
        background: #fff;
    }

.slides {
    position: relative;
    height: calc(100% - 70px);
}

.slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    display: none;
    transition: transform 0.5s ease;
}

    .slide.active {
        display: block;
    }

    .slide::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0);
        transition: background 0.3s ease;
        z-index: 1;
    }

    .slide:hover::before {
        background: rgba(0,0,0,0.4);
    }

    .slide:hover {
        transform: scale(1.05);
    }

.slide-content {
    position: absolute;
    bottom: 50%;
    left: 10%;
    right: 10%;
    z-index: 2;
}

    .slide-content h2 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .slide-content p {
        max-width: fit-content;
        line-height: 1.5;
        margin-bottom: 1rem;
    }

.btn {
    background: #fff;
    color: #004098;
    padding: 0.5em 1.2em;
    text-decoration: none;
    border-radius: 3px;
    font-weight: bold;
}

.hover-card {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.card-image {
    position: relative;
    overflow: hidden;
}

    .card-image img {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 0.5s ease;
    }

    .card-image:hover img {
        transform: scale(1.1);
    }

.overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease;
    z-index: 1;
}

.card-image:hover .overlay {
    background: rgba(0, 0, 0, 0.5);
}

.card-text {
    position: absolute;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: white;
    z-index: 2;
    opacity: 0;
    transition: bottom 0.5s ease, opacity 0.5s ease;
    width: 70%;
}

    .card-text p {
        font-size: 1.6rem;
    }

.reveal-on-scroll.active .card-text {
    bottom: 50%;
    transform: translate(-50%, 50%);
    opacity: 1;
}

.card-image:hover .card-text {
    bottom: 50%;
    transform: translate(-50%, 50%);
    opacity: 1;
}

.info-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.info-image {
    flex: 0 0 230px;
    height: 24vh;
    object-fit: fill;
    object-position: center;
    border-radius: 12px;
    width:0;
}

.info-text {
    flex: 1;
}

    .info-text h2 {
        font-size: 3rem;
        font-weight: bold;
        margin-bottom: 0.5rem;
        color: #004098;
    }

    .info-text p {
        font-size: 1.6rem;
        line-height: 1.5;
        color: #004098;
    }

.heading-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.career-content {
    max-width: 700px;
    padding-bottom:10px;
}

.info-sections {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.info-box {
    flex: 1 1 280px;
    max-width: 400px;
    padding: 40px 30px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
}

    .info-box.education {
        background-color: #FEFBDC;
    }

        .info-box.education i {
            color: #FFC56E;
        }

    .info-box.community {
        background-color: #FFE6F0;
    }

        .info-box.community i {
            color: #FF8DCD;
        }

    .info-box.environment {
        background-color: #E6F5E6;
    }

        .info-box.environment i {
            color: #AEDE33;
        }

    .info-box i {
        font-size: 60px;
        margin-bottom: 15px;
    }

    .info-box h2 {
        color: #004098;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 2.5rem;
    }

    .info-box p {
        color: #004098;
        font-size: 1.6rem;
    }

@media (max-width: 500px) {
    .overlay {
        background: rgba(0, 0, 0, 0.3);
    }

    .hover-card {
        min-height: 30vh;
        height: fit-content;
    }

    .card-text {
        position: absolute;
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, 50%);
        opacity: 1;
        z-index: 2;
        transition: none;
        text-align: center;
        padding: 0 20px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        word-wrap: break-word;
        font-size: 1.6rem;
    }

    .card-image {
        height: 30vh;
    }

        .card-image img {
            height: 30vh;
        }

        .card-image:hover img {
            transform: none;
        }

        .card-image:hover .overlay {
            background: rgba(0, 0, 0, 0.5);
        }

        .card-image:hover .card-text {
            bottom: 50%;
            transform: translate(-50%, 50%);
            opacity: 1;
        }

    .info-row {
        flex-direction: column !important;
        align-items: center;
        text-align: center;
        margin: 20px;
    }

    .info-image {
        width: 100%;
        height: 30vh;
        border-radius: 12px;
    }

    .info-text {
        width: 100%;
        padding: 1rem 0;
        order: -1;
    }

        .info-text h2 {
            font-size: 2.4rem;
        }

        .info-text p {
            font-size: 1.6rem;
        }
}

.timeline-wrapper {
    position: relative;
    height: 70vh;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}

.timeline-line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #004098;
    z-index: 0;
    transform: translateY(-50%);
    pointer-events: none;
}

.timeline-scroll {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    scroll-behavior: smooth;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 1;
    scrollbar-width: none;
    -ms-overflow-style: none;
    min-width: 0;
    padding: 0 8px;
}

    .timeline-scroll::-webkit-scrollbar {
        display: none;
    }

.timeline-event {
    position: relative;
    flex: 0 0 auto;
    min-width: 140px;
    text-align: left;
    z-index: 1;
    height: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.4s;
    box-sizing: border-box;
}

    .timeline-event.up {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        transform: translateY(-36px);
    }

    .timeline-event.down {
        display: flex;
        flex-direction: column;
        align-items: center;
        transform: translateY(36px);
    }

.timeline-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: auto !important;
    transform: none;
}

.timeline-circle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

    .timeline-circle img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.timeline-year {
    color: #00BAFF;
    font-size: 3.6rem;
}

.timeline-step {
    color: #0089FF;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: underline;
}

.timeline-desc {
    font-size: 1.5rem;
    text-align: left;
    max-width: 150px;
}

.timeline-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.timeline-connector {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1.5px;
    background: #004098;
    z-index: 0;
}

.timeline-event.down .timeline-connector {
    top: calc(50% - 35px);
    height: 4rem;
}

.timeline-event.up .timeline-connector {
    bottom: calc(50% - 35px);
    height: 4rem;
}

.timeline-header {
    align-items: center;
}

.timeline-nav {
    display: flex;
    gap: 10px;
    padding: 0px 10px 3px;
    justify-content: flex-end;
}

.section-blue {
    height: 50vh;
    background-color: #e6eef6;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 7%;
}

.section-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.section-text {
    flex: 1;
    font-size: 4rem;
    font-weight: bold;
    color: #004098;
    opacity: 0;
    transform: translateX(-100px);
    transition: all 0.8s ease;
}

.section-image {
    flex: 1;
    display: flex;
    justify-content: center;
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.8s ease;
}

    .section-image img {
        max-width: 100%;
        height: 45vh;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

.reveal-on-scroll.active .section-text {
    opacity: 1;
    transform: translateX(0);
}

.reveal-on-scroll.active .section-image {
    opacity: 1;
    transform: translateX(0);
}

@media (max-width: 700px) {
    .timeline-wrapper {
        height: 60vh;
    }

    .timeline-scroll {
        flex-direction: row;
        align-items: center;
        gap: 6px;
        padding: 0 4px;
    }

    .timeline-event {
        flex: 0 0 110px;
        transform: none;
    }

        .timeline-event.up {
            transform: translateY(-35px);
        }

        .timeline-event.down {
            transform: translateY(36px);
        }

    .timeline-circle {
        width: 40px;
        height: 40px;
    }

    .timeline-year {
        font-size: 1.6rem;
    }

    .timeline-step {
        font-size: 1.4rem;
    }

    .timeline-desc {
        font-size: 1.4rem;
        max-width: 300px;
    }

    .timeline-connector {
        width: 1px;
        background: #004098;
    }

    .timeline-content.up {
        margin-bottom: 10px;
    }

    .timeline-content.down {
        margin-top: 10px;
    }

    .section-blue {
        height: auto;
        padding: 40px 5%;
    }

    .section-container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        text-align: center;
    }

    .section-text {
        font-size: 2rem;
        transform: translateY(40px);
    }

    .section-image {
        transform: translateY(40px);
    }

        .section-image img {
            height: auto;
            max-height: 30vh;
            width: 100%;
        }

    .reveal-on-scroll.active .section-text,
    .reveal-on-scroll.active .section-image {
        transform: translateY(0);
        opacity: 1;
    }
}


.image-banner-container {
    position: relative;
    height: 60vh;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.image-banner-background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.8s ease;
    z-index: 1;
}

.image-banner-container:hover .image-banner-background-image {
    transform: scale(1.1);
}

.foreground-banner {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.95);
    padding: 30px;
    text-align: left;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    max-width: 80%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.mini-foreground-banner {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.95);
    padding: 30px;
    text-align: left;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    max-width: 50%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 20px;
    bottom: 40px;
    right: 90px;
}

.page-title {
    padding: 30px;
}

.content-title {
    margin: 0px !important;
    color: #1492E6;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}

.content-desc {
    font-size: 1.6rem;
    text-align: center;
}

.process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
}

.process-grid-card {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: background-position 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
}

    .process-grid-card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
        transition: background 0.5s ease;
    }

    .process-grid-card:hover::before {
        background: rgba(0, 0, 0, 0.5);
    }

    .process-grid-card:hover .process-grid-card-content .btnfade {
        transform: translateY(10px);
        display:none;
    }

.process-grid-card-content {
    position: relative;
    z-index: 2;
    text-align: left;
    color: white;
    transition: transform 0.5s ease;
}
    .process-grid-card-content h2,
    .process-grid-card-content .el_btn {
        transition: transform 5s ease, opacity 0.5s ease;
        will-change: transform, opacity;
    }

    .process-grid-card-content h2 {
        margin: 0px !important;
        padding: 0px 0px 10px 0px !important;
        color: white;
        transform: translateY(0);
    }

    .process-grid-card-content .el_btn {
        transform: translateY(0);
    }

.process-grid-card:hover .process-grid-card-content h2 {
    transform: translateY(-10px);
}

.process-grid-card:hover .process-grid-card-content .el_btn {
    transform: translateY(10px);
    opacity: 1;
}

.process-grid-card:hover .grid-description {
    transition-delay: 0.15s;
}

.grid-description {
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: height 0.5s ease, opacity 0.4s ease;
    padding-bottom: 10px;
    font-size: 1.6rem;
}

.process-grid-card:hover .grid-description {
    height: auto;
    opacity: 1;
    pointer-events: auto;
}

.process-grid-card:hover {
    background-position: right center;
}

.mini-card-section {
    display: flex;
    min-height: 70vh;
    height:fit-content;
    overflow: hidden;
    column-gap: 30px;
}

.mini-card-image {
    flex: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    transition: transform 0.6s ease, filter 0.6s ease;
    will-change: transform;
}

.mini-card-image2 {
    flex: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    transition: transform 0.6s ease, filter 0.6s ease;
    will-change: transform;
}

    .mini-card-image2 .btn-wrapper {
        position: absolute;
        bottom: 20px;
        left: 28%;
        z-index: 2;
    }

.scroll-card-description .mini-card-section {
    margin: 20px auto 0;
}

.mini-card-section:hover .mini-card-image2 {
    transform: scale(1.05);
}
.mini-card-section:hover .mini-card-image {
    transform: scale(1.05);
}
.mini-card-content {
    flex: 1;
    background-color: #004098;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 20px;
}

    .mini-card-content h2 {
        margin: 0px !important;
        padding: 0px 0px 10px 0px !important;
        color: white
    }

    .mini-card-content .el_btn {
        align-self: flex-start;
        width: auto;
    }

.mini-card-inner-content {
    padding: 40px;
}

    .mini-card-inner-content p {

        margin: 0;
        font-size: 1.6rem;
    }

.fiber-tags {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 10px;
    justify-content: center;
    margin-top: 15px;
}

.fiber-tag {
    background-color: #E0F2FA;
    color: #004098;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 1.6rem;
    text-align: center;
    transition: background 0.3s ease;
}

.process-title {
    color: #1492E6;
    font-weight: bold;
    margin-bottom: 5px;
}

.process-subtitle {
    font-size: 1.6rem;
}

.process-row {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.process-left,
.process-right {
    flex: 1;
    min-width: 0;
}

.process-flow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 1110px){
    .mini-card-section {
        min-height: 30vh;
        height:fit-content !important;
    }
}

@media (max-width: 1150px) {

    .dyeing {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .dyeing .process-row,
        .dyeing > div {
            width: 100%;
            max-width: 1000px;
        }
}

@media (max-width: 1000px){
    .fiber-tags {
        grid-template-columns: repeat(2, auto);
    }

}

@media (max-width: 830px) {
    .process-left,
    .process-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 600px) {

    .mini-card-section {
        flex-direction: column;
        height: auto !important;
        row-gap: 10px;
    }

    .mini-card-image {
        display: none;
    }

    .mini-card-image2 {
        display: block;
        min-height: 200px;
        border-radius: 12px;
        position: relative;
    }

        .mini-card-image2 .btn-wrapper {
            position: absolute;
            bottom: 20px;
            left: 17%;
            z-index: 2;
        }

    .mini-card-content {
        position: relative;
        background-color: transparent;
        background-size: cover;
        background-position: center;
        color: white;
        border-radius: 12px;
        overflow: hidden;
        padding: 0;
        min-height: 40vh;
    }

        .mini-card-content::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.4);
            z-index: 0;
        }

    .mini-card-inner-content {
        position: relative;
        z-index: 1;
        padding: 20px;
    }

    .mini-card-content .el_btn {
        align-self: flex-start;
        width: auto;
        margin-top: 20px;
    }

    .mini-card-inner-content p {
        margin: 0;
        font-size: 1.6rem;
    }
}

@media (max-width: 450px) {

    .page-title {
        padding: 0px 30px 20px 30px;
    }

    .contact-title p {
        flex: 1 1 auto;
        max-width: 70%;
        margin: 0;
        padding: 0px;
        color: #004098;
        font-size: 1.6rem;
    }

    .foreground-banner {
        height: auto;
        max-width: 95%;
        padding: 0 20px;
        box-sizing: border-box;
    }

        .foreground-banner h1 {
            width: 100% !important;
            font-size: 2rem;
            padding: 0 0 0 10px !important;
        }

        .foreground-banner p {
            font-size: 1.6rem;
            padding-left: 10px;
        }

    .contact-title p {
        flex: 1 1 auto;
        max-width: 100%;
        margin: 0;
        padding: 10px !important;
        color: #004098;
        font-size: 1.6rem;
    }

    .heading-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 1rem;
        padding: 10px;
    }

    .text-overlay h1 {
        font-size: 3rem !important;
    }

    .image-banner-container {
        height: fit-content;
        flex-direction: column;
        align-items: center;
    }

    .mini-foreground-banner {
        height: auto;
        max-width: 95%;
        padding: 20px;
        box-sizing: border-box;
        bottom: 0px;
        right: 0px;
    }

    .btnfade {
        display: none !important;
    }

    .process-grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
        height: auto !important;
        padding: 0;
        row-gap: 10px;
    }

    .process-grid-card {
        height: auto;
        min-height: 300px;
        padding: 20px;
        align-items: flex-start;
        background-position: center top;
    }

    .process-grid-card-content {
        text-align: left;
        width: 100%;
    }

        .process-grid-card-content h1 {
            font-size: 1.8rem;
            line-height: 1.3;
            padding-bottom: 8px;
        }

    .grid-description {
        font-size: 1.6rem;
        line-height: 1.5;
        opacity: 1;
        height: auto;
        pointer-events: auto;
        max-height: none;
        transition: none;
    }


    .process-grid-card:hover .process-grid-card-content h1,
    .process-grid-card:hover .process-grid-card-content .el_btn,
    .process-grid-card:hover .grid-description {
        transform: none;
        opacity: 1;
        height: auto;
    }

    .process-grid-card::before {
        background: rgba(0, 0, 0, 0.4);
    }

    .process-grid-card:hover::before {
        background: rgba(0, 0, 0, 0.4);
    }
}

.scroll-card-image {
    position: relative;
    width: 100%;
    height: auto;
}

.scroll-card-image {
    position: relative;
    width: 100%;
    height: 55vh;
    overflow: hidden;
}

.main-img {
    width: 100%;
    display: block;
    transition: filter 1.0s ease;
}

.scroll-card-image .main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.image-darken-layer {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 1.0s ease;
    z-index: 1;
}

.scroll-card-overlay-content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    opacity: 0;
    transition: opacity 1.0s ease;
    z-index: 2;
}

    .scroll-card-overlay-content h1,
    .scroll-card-overlay-content h2,
    .scroll-card-overlay-content h3,
    .scroll-card-overlay-content p {
        color: white !important;
    }

.scroll-card-description {
    background-color: #004098;
    color: white;
    padding: 1.5rem;
    font-size: 1.6rem;
    height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1.0s ease, transform 1.0s ease;
}

.fade-text {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1.0s ease, transform 1.0s ease;
}

.reveal-on-scroll.active .scroll-card-overlay-content {
    opacity: 1;
}

.reveal-on-scroll.active .image-darken-layer {
    opacity: 1;
}

.reveal-on-scroll.active .scroll-card-description {
    opacity: 1;
    transform: translateY(0);
}

.reveal-on-scroll.active .fade-text {
    opacity: 1;
    transform: translateY(0);
}

 @media (max-width: 1110px){
    .scroll-card-description {
        min-height: 20vh;
        height:fit-content !important;
    }

    .scroll-card-image {
        min-height: 30vh;
        height: fit-content;
    }
 }

@media (max-width: 450px) {

    .scroll-card-image {
        height: 20vh;
    }

    .bl_headingLv1 {
        padding: 0 !important;
        margin: 0 !important;
    }

    .scroll-card-overlay-content h2,
    .scroll-card-overlay-content .bl_headingLv1 {
        font-size: 2rem;
    }

    .scroll-card-overlay-content .el_btn,
    .scroll-card-overlay-content button {
        font-size: 0.9rem;
        padding: 0.4rem 0.8rem;
    }

    .scroll-card-description {
        font-size: 1.6rem;
        min-height: auto;
        padding: 1rem;
    }

    .fade-text {
        font-size: 1.6rem;
    }
}

.image-banner-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.8s ease;
    z-index: 1;
}

.image-banner-container:hover .image-banner-bg-image {
    transform: scale(1.1);
}

.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
}

    .text-overlay h1 {
        font-size: 6rem;
        font-weight: bold;
        margin-bottom: 10px;
        color: white
    }

    .text-overlay h2 {
        font-size: 2.6rem;
        font-weight: bold;
        margin-bottom: 10px;
        color: white
    }

.image-stack-section {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto auto;
    gap: 10px;
    position: relative;
    padding: 50px 20px;
    overflow: hidden;
}

.image-stack-image1 {
    grid-column: 2 / span 2;
    grid-row: 1;
    display: flex;
    justify-content: center;
}

    .image-stack-image1 img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

.image-stack-text1 {
    grid-column: 4 / span 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
}

.image-stack-image2 {
    grid-column: 3 / span 2;
    grid-row: 2;
    display: flex;
    justify-content: center;
}

    .image-stack-image2 img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

.image-stack-text2 {
    grid-column: 1 / span 2;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px;
    text-align: left;
}

    .image-stack-text2 .el_btn {
        display: inline-block;
        align-self: flex-end;
        width: auto;
        margin-top: 10px;
    }

.image-stack-title {
    font-size: 5rem;
    font-weight: bold;
    color: #004098;
    margin: 0;
}

.image-stack-desc {
    font-size: 1.6rem;
}

.image-stack-ampersand {
    position: absolute;
    top: 38.5%;
    left: 48%;
    transform: translate(-50%, -50%);
    font-size: 5em;
    font-weight: bold;
    color: #004098;
    opacity: 0;
}

.image-stack-hidden {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s ease;
}

.image-stack-show {
    opacity: 1;
    transform: translateY(0);
}

.image-stack-slide-top {
    transform: translateY(-100px);
}

.image-stack-slide-bottom {
    transform: translateY(100px);
}

.image-stack-slide-left {
    transform: translateX(-100px);
}

.image-stack-slide-right {
    transform: translateX(100px);
}

.image-stack-show.image-stack-slide-top,
.image-stack-show.image-stack-slide-bottom,
.image-stack-show.image-stack-slide-left,
.image-stack-show.image-stack-slide-right {
    transform: translate(0,0);
}

@media (max-width: 760px) {


    .image-banner-bg-image {
        position: relative;
        width: 100%;
        min-height: 20vh;
    }

    .image-stack-section {
        display: flex;
        flex-direction: column;
        padding: 10px 30px;
    }

    .image-stack-text1 {
        order: 1;
        text-align: center;
        padding: 10px;
    }

    .image-stack-image1 {
        order: 2;
        justify-content: center;
    }

    .image-stack-ampersand {
        order: 3;
        display: block !important;
        font-size: 3rem;
        text-align: center;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        opacity: 1;
    }

    .image-stack-text2 {
        order: 4;
        text-align: center;
        padding: 10px;
    }

    .image-stack-image2 {
        order: 5;
        justify-content: center;
    }

    .image-stack-text2 .el_btn {
        display: inline-block;
        align-self: center;
        width: auto;
        margin-top: 10px;
    }

    .image-stack-image1 img,
    .image-stack-image2 img {
        width: 100%;
        height: auto;
    }

    .image-stack-title {
        font-size: 2rem;
        margin-bottom:10px;
    }

    .image-stack-desc {
        font-size: 1.6rem;
        padding-bottom:10px;
    }


}

.text-overlay-box {
    padding: 2rem 3rem;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(1px);
    display: inline-block;
}

.carousel2-container {
    position: relative;
    background: #004098;
    color: white;
    padding: 20px;
    overflow: hidden;
    height: auto;
}

.carousel2-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-bottom: 40px;
}

.carousel2-text {
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.carousel2-image {
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .carousel2-image img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
    }

.carousel2-text {
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
}

.carousel2-slide {
    display: none;
    animation: fade 0.6s ease-in-out;
}

    .carousel2-slide.active {
        display: block;
    }

@keyframes fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.title-box {
    background-color: #004098;
    color: #fff;
    padding: 40px 30px;
    font-size: 40px;
    font-weight: bold;
}

.image-wrapper {
    position: relative;
    overflow: hidden;
}

    .image-wrapper img {
        width: 100%;
        height: 50vh;
        transition: transform 0.3s ease;
    }

.image-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 15px;
    font-size: 1.6rem;
    line-height: 1.4;
    transition: font-size 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}

.printing-card:hover img {
    transform: scale(1.05);
}

.printing-card:hover .image-text {
    font-size: calc(1.6rem + 0.2rem);
}

@media (max-width: 760px) {
    .carousel2-container {
        height: auto;
        padding: 15px;
    }

    .carousel2-content {
        flex-direction: column;
        gap: 15px;
        padding-bottom: 20px;
    }

    .carousel2-image,
    .carousel2-text {
        flex: 1 1 100%;
        justify-content: center;
        text-align: center;
    }

        .carousel2-image img {
            max-width: 100%;
            height: auto;
        }

    .carousel2-text {
        line-height: 1.4;
    }

        .carousel2-text p {
            margin: 0;
        }

    .text-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        text-align: center;
    }

        .text-overlay h2 {
            font-size: 1.8rem;
            font-weight: bold;
            margin-bottom: 10px;
            color: white;
        }

    .text-overlay-box {
        padding: 1rem 1.5rem;
        background-color: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(2px);
    }

        .text-overlay-box h1 {
            font-size: 1.4rem;
            line-height: 1.2;
        }

        .text-overlay-box .el_btn {
            display: inline-block;
            margin-top: 0.8rem;
            font-size: 0.9rem;
            padding: 0.5rem 1rem;
        }
}

@media (max-width: 450px) {
    .title-box {
        font-size: 2rem;
        padding: 8px 15px;
    }

    .image-wrapper img {
        height: auto;
        object-fit: cover;
    }

    .image-text {
        line-height: 1.4;
        padding: 10px;
        text-align: left;
        flex-direction: column;
    }

    .printing-card:hover img {
        transform: none;
    }

}

.image-boxes {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 20px 0;
    flex-wrap: wrap;
}

.image-card {
    position: relative;
    width: 200px;
    height: 260px;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 10px;
}

    .image-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .image-card .overlay2 {
        position: absolute;
        bottom: 15px;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }

.env-image {
    position: relative;
    overflow: hidden;
}

    .env-image img {
        width: 100%;
        height: auto;
        display: block;
    }

.env-title {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    color: #fff;
    font-size: 8rem;
    font-weight: bold;
    line-height: 0.7;
}

.env-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 0;
}

    .env-content p {
        color: #004098;
        font-size: 1.6rem;
        line-height: 1.5;
        margin: 10px;
        justify-content: center;
        text-align: justify;
    }

.env-top-text {
    position: absolute;
    top: 7%;
    left: 20%;
    width: 60%;
    padding: 15px 20px;
    color: black;
    text-align: center;
    box-sizing: border-box;
}

    .env-top-text h1 {
        margin: 0 0 5px;
        font-size: 6rem;
        font-weight: bold;
    }

    .env-top-text p {
        margin: 0;
        font-size: 1.6rem;
        line-height: 1.4;
    }

.four-grid2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.grid-item2 {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
}

    .grid-item2 img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }

    .grid-item2 .el_btn {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
        color: #000;
        padding: 8px 16px;
        border: 1px solid #000;
        text-decoration: none;
        font-size: 14px;
        transition: all 0.3s ease;
    }

.grid-item2 .el_btn:hover {
    background: #004098;
    color: #fff;
}

.banner4 {
    position: relative;
    width: 100%;
    height: 50vh;
    overflow: hidden;
}

.banner4-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner4-overlay {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 12px;
    pointer-events: none;
    width: 70%;
}

.banner4-img-left,
.banner4-img-right {
    width: 30%;
    height: auto;
    opacity: 0;
    transform: translateX(0);
    transition: all 0.6s ease;
}

.banner4-symbol {
    font-size: 1.8rem;
    color: white;
    opacity: 0;
    transform: translateX(0);
    transition: all 0.6s ease;
}

.banner4.active .banner4-img-left {
    opacity: 1;
    transform: translateX(-20px);
}

.banner4.active .banner4-img-right {
    opacity: 1;
    transform: translateX(20px);
}

.banner4.active .banner4-symbol {
    opacity: 1;
    transform: translateX(0);
}

.two-section {
    display: flex;
    width: 100%;
    height: 60vh;
    overflow: hidden;
    column-gap: 10px;
}

.split-image {
    flex: 1;
    position: relative;
}

    .split-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.banner3 {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 40 / 9;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.banner3-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.banner3-overlay {
    display: flex;
    align-items: center;
    padding-left: 10%;
    pointer-events: none;
}

.mini-card-top-logo {
    display: flex;
    align-items: center;
    padding-left: 40px;
}

    .mini-card-top-logo img {
        max-width: 45%;
        height: auto;
    }

.img-sect-flex {
    margin: 0% 7%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

    .img-sect-flex img {
        flex: 1 1 calc(25% - 20px);
        max-width: calc(25% - 20px);
        height: auto;
        border-radius: 8px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        transition: transform 0.3s ease;
    }

        .img-sect-flex img:hover {
            transform: scale(1.05);
        }

@media (max-width: 1130px) {

    .env-content p {
        margin: 10px 30px;
    }

    .env-top-text {
        top: 5%;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        padding: 10px;
        background: rgba(255, 255, 255, 0.6);
        color: #000;
        text-align: center;
    }

        .env-top-text h1 {
            font-size: 2rem;
            line-height: 1.2;
        }

        .env-top-text p {
            font-size: 1.6rem;
            line-height: 1.4;
        }
}

@media (max-width: 1110px) {
    .banner4 {
        min-height: 20vh;
        height: fit-content !important;
    }
}

@media (max-width: 900px) {
    .banner4-overlay {
        gap: 20px;
        transform: translate(-50%, -50%) scale(1.2);
    }

    .banner4-symbol {
        font-size: 2.4rem;
    }

    .banner3-overlay {
        width: 30% !important;
        padding-left: 10%;
        transform: scale(1.2);
    }

    .banner3-bg {
        object-fit: cover;
        height: auto;
    }
}
@media (max-width: 760px) {

    .env-title {
        font-size: 3rem;
    }

    .four-grid2 {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .grid-item2 {
        aspect-ratio: auto;
    }

        .grid-item2 img {
            object-fit: contain;
        }

        .grid-item2 .el_btn {
            font-size: 12px;
            padding: 6px 10px;
            max-width: 80%;
            white-space: nowrap;
            margin-bottom:7%;
        }

    .img-sect-flex img {
        flex: 1 1 45%;
    }
}

@media (max-width: 480px) {
    .img-sect-flex img {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

@media (max-width: 450px) {
    .env-image {
        min-height: 47vh;
    }

        .env-image img {
            min-height: 47vh;
        }

    .two-section {
        flex-direction: column;
        gap: 15px;
    }
}

.four-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.grid-item {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
}

    .grid-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.feature-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 0 auto;
}

.feature-card {
    flex: 1 1 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-shadow: 0 4px 12px rgba(0, 64, 152, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .feature-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 16px rgba(0, 64, 152, 0.5);
    }

.feature-icon {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .feature-icon i {
        font-size: 30px;
        color: #fff;
        background-color: #000;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .feature-icon img {
        width: 60px;
        height: 60px;
        object-fit: cover;
        border-radius: 20%;
    }

.feature-card p {
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0;
    text-align: left;
}

.two-card-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.two-card {
    display: flex;
    align-items: center;
    background-color: #F2F2FD;
    border-radius: 12px;
    padding: 15px;
    flex: 0 0 calc(50% - 20px);
    box-sizing: border-box;
}

    .two-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 16px rgba(0, 64, 152, 0.5);
    }

.two-card-image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 20%;
    margin: 0px 15px 0px 15px;
}

.two-card-image i {
    font-size: 45px;
    color: #004098;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.two-card-text h2 {
    padding: 10px 0px 0px 20px;
    margin: 0 0 5px;
    font-size: 1.8rem;
    color: #000;
    font-weight: bold
}

.two-card-text p {
    padding: 10px 0px 0px 20px;
    margin: 0 0 5px;
    font-size: 1.6rem;
    line-height: 1.2;
    color: #000;
}

.carousel3-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.carousel3-section {
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.carousel3-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.carousel3-arrows {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.carousel3-swiper {
    width: 100%;
    overflow: hidden;
}

.carousel3-card {
    position: relative;
    height: 350px;
    max-width: none;
    margin: 0;
    border-radius: 12px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease;
}

.swiper-slide {
    display: flex;
}

.carousel3-card:hover {
    transform: scale(1.03);
}

.in_btn {
    display: inline-block;
    background: #fff;
    padding: 0px 10px 1px;
    border-radius: 6px;
    text-decoration: none;
    margin-top: 12px;
    font-size: 1.6rem;
    white-space: nowrap;
    transition: background 0.25s ease;
}

.carousel3-card-content {
    position: absolute;
    inset: 0;
    padding: 18px 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.38);
    transition: background 0.3s ease;
}

.carousel3-card-logo {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    object-fit: contain;
    margin-bottom: 10px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.carousel3-card-content h2 {
    color: white;
    font-size: 2.2rem;
    letter-spacing: 0.5px;
    font-weight: 700;
}

.carousel3-card-content h3 {

    color: white;
    font-size: 1.6rem;
    letter-spacing: 0.5px;
    font-weight: 700;
}

.carousel3-card-content h4 {
    margin: 0 0 8px 0;
    color: white;
    font-size: 1rem;
    letter-spacing: 0.5px;
}

.carousel3-desc {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease, margin 0.3s ease;
    margin: 0;
    line-height: 1.4;
    font-size: 1.4rem;
    text-align: left;
}

.carousel3-card:hover .carousel3-desc {
    opacity: 1;
    max-height: 100%;
    margin: 10px 0;
}

.carousel3-card:hover .carousel3-card-logo {
    display: none;
}

.swiper-slide {
    display: flex;
}

.swiper-scrollbar {
    width: 100%;
    background: rgba(0,0,0,0.1);
    height: 6px;
    border-radius: 3px;
    margin-top: 10px;
}

.swiper-scrollbar-drag {
    background: #004098;
    border-radius: 3px;
}

@media (max-width: 1093px) {
    .carousel3-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 760px) {

    .feature-card {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .two-card {
        flex: 0 0 100%;
        align-items: center;
    }

        .two-card:has(.two-card-image i) {
            display: block;
        }

    .two-card-flex {
        padding: 0 20px;
    }
    .two-card-image img {
        flex-shrink: 0;
        margin: 0 15px 0 0;
    }

    .two-card-text h2 {
        padding: 10px 0px 0px 10px;
    }

    .two-card-text p {
        padding: 10px 0px 0px 10px;
    }
}

@media (max-width: 600px) {
    .carousel3-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 450px) {

    .two-card-flex {
        padding: 0px;
    }

    .four-grid {
        gap: 10px;
    }

    .carousel3-header {
        display: flow;
    }

    .carousel3-arrows {
        justify-content: flex-end;
    }

    .carousel3-desc {
        opacity: 1 !important;
        max-height: none !important;
        margin: 10px 0 !important;
        overflow: visible !important;
    }

    .carousel3-card:hover .carousel3-desc {
        opacity: 1;
        max-height: none;
        margin: 10px 0;
    }

    .carousel3-card-logo {
        display: none;
    }
}

.mini-image-banner-container {
    position: relative;
    height: 20vh;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.image-banner-container-ov {
    position: relative;
    height: 65vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

    .image-banner-container-ov:hover .image-banner-background-image {
        transform: scale(1.03);
    }

.image-banner-box {
    bottom: 190px;
    right: 200px;
    background: #fff;
    padding: 30px;
    width: 500px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    border-radius: 12px;

    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: -80px auto 0;
    position: relative;
    z-index: 2;
}

    .image-banner-box h1 {
        margin-top: 0;
        font-size: 3.5rem;
        color: #004098;
        font-weight: 600;
        line-height: 1.2;
    }

    .image-banner-box p {
        font-size: 1.6rem;
        line-height: 1.5;
        margin: 10px 0px 20px 0px;
        color: #000000;
    }

.fixedbtn {
    display: inline-block;
    width: auto;
    align-self: flex-start;
}

.app-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.app-card {
    background-color: #f5f5f5;
    padding: 20px;
    text-align: center;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .app-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    .app-card i {
        font-size: x-large;
        object-fit: contain;
        margin-bottom: 15px;
        color: #fff;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .app-card h2 {
        text-align: left;
        font-size: 2rem;
        font-weight: bold;
        color: #004098;
        margin: 0;
    }

@media (max-width: 1000px) {

    .image-banner-box {
        width: 90% !important;
        height: auto !important;
        padding: 20px;
        margin: -50px auto 20px;
        right: auto;
        bottom: auto;
    }

        .image-banner-box h1 {
            font-size: 2rem;
        }

        .image-banner-box p {
            font-size: 1.6rem;
        }
}

@media (max-width: 768px) {
    .app-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .app-grid {
        grid-template-columns: 1fr;
        padding: 10px;
    }
}

.split-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

.split-text {
    background: #fff;
    padding: 30px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    border-radius: 12px;
    height: 440px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .split-text h1 {
        margin-top: 0;
        font-size: 3.5rem;
        color: #004098;
        font-weight: 600;
        line-height: 1.2;
    }

    .split-text p {
        font-size: 1.6rem;
        line-height: 1.5;
        margin: 10px 0px 20px 0px;
        color: #000000;
    }

.split-image {
    position: relative;
}

    .split-image img {
        width: 100%;
        height: 390px;
        display: block;
    }

    .split-image video {
        width: 100%;
        height: auto;
        display: block;
    }

.two-image-grid {
    display: flex;
    gap: 10px;
    width: 700px;
    margin: 0 auto;
}

.image-box {
    flex: 1;
    display: flex;
    justify-content: center;
}

    .image-box img {
        display: block;
        max-width: 70%;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 6px 16px rgba(0, 64, 152, 0.5);
    }

.tech-equation {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 16px;
    margin: 0 auto;
    padding: 20px;
}

.tech-item {
    background: #f5f5f5;
    border-radius: 10px;
    padding: 20px 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 150px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .tech-item:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    }

.tech-icon {
    width: 56px;
    height: 56px;
    object-fit: contain;
    margin-bottom: 12px;
}

.tech-item h2 {
    margin: 0;
    font-size: 2rem;
    font-weight: bold;
    color: #222;
    letter-spacing: 0.3px;
}

.tech-sep {
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 3.6rem;
    color: #004098;
}

.tech-result {
    background: #eef6ff;
    box-shadow: 0 6px 18px rgba(0,64,152,0.12);
    border: 1px solid #cfe0ff;
}

@media (max-width: 1070px) {

    .two-section {
        height: auto !important;
    }

    .split-section {
        grid-template-columns: 1fr;
        padding: 20px 10px;
        gap: 20px;
    }

    .split-image {
        order: -1;
        display: flex;
        justify-content: center;
    }

        .split-image img {
            width: 100%;
            max-width: 350px;
            height: auto;
        }

    .split-text {
        height: auto;
        padding: 20px;
    }

        .split-text h1 {
            font-size: 2rem;
            line-height: 1.3;
        }

        .split-text p {
            font-size: 1.6rem;
            line-height: 1.4;
        }
}

@media (max-width: 900px) {
    .tech-equation {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        max-width: 560px;
        margin: 0 auto;
    }

    .tech-sep {
        margin: 0;
    }
}

@media (max-width: 760px) {

    .two-image-grid {
        flex-direction: column;
        width: 100%;
        gap: 15px;
    }

    .image-box {
        justify-content: center;
    }

        .image-box img {
            max-width: 70%;
            height: auto;
        }
}

.evotruth-container {
    position: relative;
    padding: 10px 20px;
    min-height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    color: #fff;
    overflow: hidden;
}

.evotruth-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: brightness(0.6);
    z-index: -1;
}

.evotruth-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.evotruth-text {
    flex: 1;
    margin: 1% 0% 0% 10%;
}

    .evotruth-text h1 {
        font-size: 2.7rem;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .evotruth-text p {
        font-size: 1.6rem;
        line-height: 1.4;
        max-width: 600px;
    }

.evotruth-media {
    flex-shrink: 0;
    padding-top: 30px;
}

    .evotruth-media video {
        max-width: 460px;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    }

.evotruth-cards {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: auto;
}

.evotruth-card {
    position: relative;
    flex: 0 0 150px;
    height: 170px;
    text-align: center;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

    .evotruth-card img {
        width: 85%;
        object-fit: contain;
    }

    .evotruth-card.active {
        z-index: 10;
    }

.evotruth-3d {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
    width: 135px;
    display: none;
    pointer-events: none;
    animation: popupFade 0.3s ease forwards;
}

    .evotruth-3d img {
        width: 100%;
        height: auto;
    }

@keyframes popupFade {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(10px) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(-10px) scale(1);
    }
}

@media (min-width: 761px) and (max-width: 1239px) {
    .evotruth-cards {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        gap: 20px;
    }
}

@media (max-width: 760px) {
    .evotruth-container {
        height: auto;
        padding: 12px;
    }

    .evotruth-text {
        margin: 0 0 12px 0;
        text-align: center;
        width: 100%;
    }

        .evotruth-text h1 {
            font-size: 2rem;
        }

        .evotruth-text p {
            font-size: 1.6rem;
        }

    .evotruth-cards {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        margin-top: 8px;
    }

    .evotruth-card {
        width: 92%;
        max-width: 420px;
        height: 180px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        border-radius: 10px;
        box-sizing: border-box;
    }

        .evotruth-card img {
            height: 170px !important;
            width: auto;
            transition: transform .2s ease;
        }

        .evotruth-card .evotruth-3d {
            display: none;
            position: static !important;
            transform: none !important;
            animation: none !important;
            width: 170px;
            margin-left: 10px;
            pointer-events: none;
        }

            .evotruth-card .evotruth-3d img {
                width: 100%;
                height: auto;
                display: block;
            }

        .evotruth-card.active {
            justify-content: center;
            gap: 10px;
        }

            .evotruth-card.active .evotruth-3d {
                display: block;
            }

    .evotruth-media {
        display: none !important;
    }

    .evotruth-mobile-panel {
        display: none;
        width: 92%;
        max-width: 420px;
        margin: 10px auto 24px;
        text-align: center;
        box-sizing: border-box;
    }

        .evotruth-mobile-panel.show {
            display: block;
        }

        .evotruth-mobile-panel video {
            width: 100%;
            height: 210px;
            border-radius: 8px;
            padding-top: 10px;
        }

    .mobile-evotruth-title {
        font-weight: bold;
        font-size: 2rem;
        margin: 8px 0 6px;
        color: #fff;
    }

    .mobile-evotruth-desc {
        font-size: 1.6rem;
        line-height: 1.4;
        color: #e6e6e6;
        text-align: left;
        padding: 0 6px;
    }

    .introtext {
        font-weight: bold;
        font-size: 2.6rem !important;
    }
}

#os_why_penang .scroll-card-image .main-img, #lm_1 .scroll-card-image .main-img {
    min-height: 30vh;
}

#df_2 .two-card {
    display: flex !important;
}

#higg_2 .banner4-bg {
    min-height: 20vh;
}

#higg_2 .banner4-overlay {
    left: 50%;
    flex-direction: column;
    width: 40%;
}

#higg_2 .banner4-img-top {
    width: 50%;
    height: auto;
}

#higg_2 .banner4-img-bottom {
    width: 30%;
    height: auto;
    margin-left: 114px;
}

@media (max-width: 1150px) {
    #df_2 {
        margin: 0 10px;
    }
}

@media (max-width: 1130px) {
    #esg_2, #esg_3 {
        margin: 0px 30px 0px 30px
    }

        #esg_2 .scroll-card-image {
            height: 30vh;
        }

    #esg_4 .grid-item2 .el_btn {
        bottom: 1px;
        padding: 5px 2.5px;
    }
}

@media (max-width: 1110px) {
    #os_history, #os_why_penang, #os_social, #os_title, #hst_1, #hst_2, #hst_3, #hst_5, #hst_7,
    #pen_1, #pen_2, #pen_3, #df_2, #kh_3, #lm_1, #qc_2, #qc_3, #qc_4, #qc_5, #wv_2, #yp_2, #yp_3,
    #co_3, #gr_5, #gr_8, #gr_1, #gr_6, #gr_3, #fs_2, #fs_3, #pr_2, #pr_4, #pr_11, #st_3, #st_4,
    #op_3, #op_4, #uv_3, #uv_4, #br_3, #br_4, #ps_2, #wr_2, #wr_3, #cw_2, #cw_3, #uf_2,
    #ak_2, #ak_3, #cr_2, #cr_3, #eco_2, #eco_3, #eco_4, #eco_5 {
        margin: 0px 30px 0px 30px
    }

    #env_2, #env_3, #env_4, #env_5 {
        margin: 0px 50px 0px 50px
    }

    #pen_2 .card-image img {
        min-height: 70vh;

    }

    #pen_2 .hover-card {
        height: 70vh;
    }

    #pen_2 .card-image {
        height: 70vh;
    }

    #df_1 .image-banner-container {
        min-height: 30vh;
        height: fit-content;
    }

    #yp_1 .image-banner-container {
        min-height: 40vh;
        height: fit-content;
    }

    #uv_2 .image-banner-container, #br_2 .image-banner-container {
        height: 30vh;
    }

    #yp_3 .image-wrapper img {
        min-height: 50vh;
    }

    #kh_1 .image-banner-container-ov, #qc_1 .image-banner-container-ov, #wv_1 .image-banner-container-ov, #fs_1 .image-banner-container-ov,
    #ps_1 .image-banner-container-ov, #wr_1 .image-banner-container-ov, #cw_1 .image-banner-container-ov, #uf_1 .image-banner-container-ov,
    #ak_1 .image-banner-container-ov {
        height: 30vh;
    }

    #env_1 .image-banner-container-ov {
        height: 36vh;
    }

    #higg_2 .banner4-overlay {
        gap: 12px;
        transform: translate(-50%, -50%) scale(1.1);
    }

    #higg_2 .banner4-img-bottom {
        width: 37%;
        margin-left: 20px;
    }

    #fs_31, #fs_32, #ps_21, #ps_22, #uf_21, #uf_22, #ak_31, #ak_32 {
        min-height: 30vh;
        height: fit-content !important;
    }
}

@media (max-width: 1070px) {
    #rc_2 .image-banner-container, #rc_4 .image-banner-container {
        min-height: 15vh;
        height: fit-content !important;
    }
}

@media (max-width: 1000px) {

    #fs_1, #ps_1, #uf_1, #ak_1, #wr_1, #cw_1, #kh_1, #qc_1, #wv_1 {
        margin-bottom: 0px !important;
    }

    #df_3 .image-stack-ampersand {
        top: 34.5% !important
    }

    #lm_2 .image-stack-ampersand {
        top: 36% !important;
    }

    #env_1 .image-banner-box {
        height: 500px;
    }
}

@media (max-width: 768px) {
    #cu_1 .mb-5 {
        margin-left: 10px;
    }

    #gr_5 .mini-card-inner-content {
        margin: 0 7px !important;
    }

        #gr_5 .mini-card-inner-content p {
            font-size: 1.6rem;
        }
}

@media (max-width: 760px) {
    #os_history .card-image img {
        height: 40vh;
    }

    #os_history .hover-card {
        height: 40vh;
    }

    #os_history .card-image {
        height: 40vh;
    }

    #hst_1 .card-image img {
        height: 53vh;
    }

    #hst_1 .hover-card {
        height: 53vh;
    }

    #hst_1 .card-image {
        height: 53vh;
    }

    #df_1 .image-banner-container, #yp_1 .image-banner-container {
        min-height: 20vh;
    }

    #rc_2 .image-banner-bg-image, #rc_4 .image-banner-bg-image {
        min-height: 10vh;
        height: fit-content;
    }

    #pr_2 .card-image img {
        content: url("/shared/images/fashion.jpg");
        height: 70vh;
    }

    #pr_2 .hover-card {
        height: 70vh;
    }

    #pr_2 .card-image {
        height: 70vh;
    }
}

@media (max-width: 500px) {
    #pen_2 .card-image img {
        height: auto !important;
        width: 100%;
        object-fit: cover;
    }
}

@media (max-width: 450px) {
    #cu_1 .card-image {
        padding: 30px 10px 0px 0px;
    }

    #pen_1 .foreground-banner {
        padding: 10px 20px;
    }

    #khqc {
        background-image: url('/shared/images/QCLab_Phot_mobile.jpg') !important;
    }

    #khpr {
        background-image: url('/shared/images/print_kh_mobile.jpg') !important;
    }

    #lm_1 .bl_headingLv1 {
        padding: 10px !important;
        margin: 0 !important;
    }

    #fs_31, #fs_32 {
        height: auto !important;
    }

    #fs_2 .contact-title p {
        padding: 10px 0 0 !important;
    }

    #fs_2 .arrows {
        padding: 10px 0 0 0 !important;
        justify-content: right;
    }

    #fs_31, #ps_21, #uf_21, #ak_31 {
        padding-bottom: 10px;
    }

    #st_2 #wrapper {
        width: 100% !important;
    }

    #uf_1 .image-banner-container-ov {
        height: 20vh;
    }

    #ak_4 .content-title {
        padding: 0px 30px 15px !important;
    }

    #ak_4 .two-card {
        display: block;
    }

    #ak_4 .two-card-image img {
        margin: 0 15px 0 10px;
    }
}

#hst_3 .timeline-wrapper {
    height: 23em;
}

@media (max-width: 1030px) {
    #hst_3 .timeline-wrapper {
        height: 27em;
    }
}

@media (max-width: 850px) {
    #hst_3 .timeline-wrapper {
        height: 23em;
    }
}

@media (max-width: 450px) {
    #hst_3 .timeline-wrapper {
        height: 19em !important;
    }
}

#hst_5 .timeline-wrapper {
    height: 25em;
}

@media (max-width: 1300px) {
    #hst_5 .timeline-wrapper {
        height: 30em;
    }
}

@media (max-width: 450px) {
    #hst_5 .timeline-wrapper {
        height: 26em !important;
    }
}

#hst_7 .timeline-wrapper {
    height: 32em;
}

@media (max-width: 1030px) {
    #hst_7 .timeline-wrapper {
        height: 33em;
    }
}

@media (max-width: 768px) {
    #hst_7 .timeline-wrapper {
        height: 31em;
    }
}

@media (max-width: 450px) {
    #hst_7 .timeline-wrapper {
        height: 36em !important;
    }
}

@media screen and (max-width: 767px) {
    .targeted-product {
        scroll-margin-top: 70px;
    }
}

@media screen and (max-width: 767px) {


    header #logo {
        display: flex;
        align-items: center;
        width: 100%;
    }
        header #logo .groupLogo {
            margin: 0;
        }
        header #logo .siteLogo {
            margin: 0 15px;
            padding: 0;
        }
            header #logo .siteLogo img {
                vertical-align: middle;
                width: 120px;
            }

        header #logo #spMenuBtn {
            margin: 0;
            margin-left: auto;
        }

    #siteFunctions {
        background-color: #014099;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
    }

    #drawer {
        display: block;
        padding: 0px 20px;
        overflow: auto;
        max-height: unset;
    }

    .lang-nav-ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .lang-nav li.lang-nav-li-y {
        line-height: 1;
    }

    #funcBtns li {
        margin-left: 0px;
    }
    .search-button {
        display:none;

        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        padding: 0.375rem 0.75rem;
        font-size: 18px;
        line-height: 1.5;
        border-radius: 0.25rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }
        .search-button:hover {
            color: #212529;
            background-color: #e2e6ea;
            border-color: #dae0e5;
        }
    .search-button i {
        color: #000 !important;
    }

    .topic-banner-title-line h2 {
        font-size: 1.75rem;
    }


    .main-banner-animation {
        float: unset;
        margin-top: 10%;
        width: 100%;
        max-width: unset;
    }

    .welcome #wrapper {
        margin-bottom: 0px;
    }
    .pressBlock {
        margin: 0;
    }


    .content-banner #wrapper div {
        width: 100%;
        margin-right: 0 !important;
    }


    .sustain_icon .one_sixth {
        margin-bottom: 10px;
    }
    .sustain_icon .five_sixth {
        margin-bottom: 0px;
    }


    .toraytc-item {
        width: 100%;
    }

}

@media screen and (max-width: 480px) {
    .welcome #wrapper {
        margin-top: 0px;
    }

    .topic-banner-title-line {
        margin-bottom: 5px;
    }

        .topic-banner-title-line h2 {
            font-size: 1.25rem;
        }

    .paragraph-image-point li img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 576px) {
    .section-w-seperator .section-w:first-child {
        border-right: none;
    }
}

v\:line, v\:rect, v\:fill, v\:image, v\:stroke {
  behavior: url(#default#VML);
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}

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;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@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.6rem;
  font-weight: 300;
  line-height: 1.8;
  color: #333;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  letter-spacing: 0.03em;
}

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

[lang=en] body,
[lang=en] select,
[lang=en] input,
[lang=en] textarea {
  font-size: 1.8rem;
  line-height: 1.7;
  -webkit-font-feature-settings: unset;
  font-feature-settings: unset;
  letter-spacing: 0;
}

@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 {
    line-height: 1.6;
  }
}

@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;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}

.ly_header {
  position: fixed;
  z-index: 101;
  background-color: #fff;
  width: 100%;
  -webkit-transition: height 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: height 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);

}
@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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media 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;
    -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
    transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .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;
    -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
    transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    height: 11px;
  }
  .ly_header .logo .spMenuBtn,
  .ly_header .logo .spRegionBtn {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 2px;
    background-color: #1D3A65;
  }
  .ly_header .logo .spMenuBtn::before, .ly_header .logo .spMenuBtn::after,
  .ly_header .logo .spRegionBtn::before,
  .ly_header .logo .spRegionBtn::after {
    content: "";
  }
  .ly_header .logo .spMenuBtn.is_current,
  .ly_header .logo .spRegionBtn.is_current {
    background: #1D3A65;
  }
  .ly_header .logo .spMenuBtn.is_current i,
  .ly_header .logo .spRegionBtn.is_current i {
    margin: 0;
  }
  .ly_header .logo .spMenuBtn.is_current::before, .ly_header .logo .spMenuBtn.is_current::after,
  .ly_header .logo .spRegionBtn.is_current::before,
  .ly_header .logo .spRegionBtn.is_current::after {
    background-color: #fff;
    -webkit-transform-origin: center;
    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 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .ly_header .logo .spMenuBtn.is_current::after,
  .ly_header .logo .spRegionBtn.is_current::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .ly_header .logo .spRegionBtn {
    right: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .ly_header .logo .spRegionBtn:not(.is_current)::before, .ly_header .logo .spRegionBtn:not(.is_current)::after {
    opacity: 0;
    -webkit-transition: none;
    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;
    -webkit-transition: none;
    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 {
    -webkit-transition: none;
    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 {
    -webkit-transition: none !important;
    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;
  -webkit-transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.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 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ly_header .headerToolDialog .close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media print, screen and (min-width: 960px) {
  .ly_header .headerToolDialog {
    opacity: 0.5;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .ly_header .headerToolDialog.is_show {
    opacity: 1;
    -webkit-transform: translateY(0);
    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;
  -webkit-box-sizing: border-box;
  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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .ly_header .headerToolDialog .searchSet .mf_finder_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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: #0089ff;
  }
  .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;
    -webkit-backface-visibility: hidden;
    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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 1.2rem;
  }
  .ly_header .siteFunctions .funcBtns .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .ly_header .siteFunctions .funcBtns .inner > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .ly_header .siteFunctions .funcBtns .inner > *:not(:first-child) {
    padding-left: 10px;
    position: relative;
  }
  .ly_header .siteFunctions .funcBtns .inner > *:not(:first-child)::before {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: #000;
    opacity: 0.75;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .ly_header .siteFunctions .funcBtns .searchOpen,
  .ly_header .siteFunctions .funcBtns .regionOpen {
    display: block;
    height: 30px;
    padding: 0 10px;
    cursor: pointer;
    -webkit-transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
    transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .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;
  color: #0089ff;
}
.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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.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%;
  }
}

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

@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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    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;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.subGnav .inner {
  position: relative;
}
.subGnav .close {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: opacity 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  right: 1vw;
  top: 0;
}
.subGnav .close:hover, .subGnav .close:focus {
  opacity: 1;
}
.subGnav .close:before, .subGnav .close:after {
  position: absolute;
  left: 50%;
  top: 0;
  content: " ";
  height: calc(40px + 1px);
  width: 2px;
  background-color: #fff;
}
.subGnav .close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.subGnav .close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.subGnav a {
  color: #fff;
}
.subGnav ._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;
    -webkit-transition: background 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
    transition: background 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .subGnav .heading a::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;
    -webkit-transform: translateY(-50%) rotate(45deg);
    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;
    -webkit-transform: translateY(-50%);
    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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .subGnav .menuLv2 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    min-width: 20%;
    max-width: 33.3333333333%;
    min-height: 160px;
    border-right: 1px solid rgba(255, 255, 255, 0);
  }
  .subGnav .menuLv2.is_active {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
  .subGnav .menuLv2 > li a {
    display: block;
    padding: 5px 50px 5px 10px;
    -webkit-transition: background 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
    transition: background 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .subGnav .menuLv2 > li a:hover, .subGnav .menuLv2 > li a:focus {
    background: rgba(255, 255, 255, 0.2);
    text-decoration: none;
    outline: none;
  }
  .subGnav .menuLv2 > li.is_current .menuLv3 {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .subGnav .menus.-col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    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%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 2vw;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
  .subGnav .menuLv3.is_active, .subGnav .menuLv4.is_active {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
  .subGnav .menuLv3 > li > a, .subGnav .menuLv4 > li > a {
    display: block;
  }
  .subGnav .menuLv3 > li.is_current > a, .subGnav .menuLv4 > li.is_current > a {
    background: rgba(255, 255, 255, 0.08);
  }
  .subGnav .menuLv3 > li.is_current .menuLv4, .subGnav .menuLv4 > li.is_current .menuLv4 {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .subGnav .menuLv3 > li.-index, .subGnav .menuLv4 > li.-index {
    position: relative;
    margin-bottom: 10px;
  }
  .subGnav .menuLv3 > li.-index::after, .subGnav .menuLv4 > li.-index::after {
    content: "";
    display: block;
    position: absolute;
    margin-left: 10px;
    width: calc(100% - 10px);
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
  }
}

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

@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 {
    -webkit-transform: translateX(7px);
    transform: translateX(7px);
  }
  .js_overWindowHeight .ly_header,
  .js_overWindowHeight .ly_mainContents,
  .js_overWindowHeight .ly_globalNav {
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px);
  }
}

.gnavMultipleLines .ly_gnavOverlay {
  top: 171px;
}
.gnavMultipleLines .ly_globalNav {
  height: 61px;
}
.gnavMultipleLines .ly_globalNav ul li .subGnav {
  top: 61px;
}

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

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

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

.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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ly_footer .sns span {
  display: inline-block;
}
.ly_footer .sns a {
  display: inline-block;
  margin-left: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ly_footer .sns a:hover {
  text-decoration: none;
  opacity: 0.75;
}
.ly_footer .sns a:hover {
  opacity: 0.5;
}
.ly_footer .sns .youtube {
  width: 56px;
}
.ly_footer .sns .youtube img {
  width: 100%;
}
.ly_footer .sns .linkedin {
  width: 48px;
}
.ly_footer .sns .linkedin img {
  width: 100%;
}
.ly_footer #copyright {
  width: auto;
  margin: 0 auto;
  font-family: Helvetica, Arial, sans-serif;
}
.ly_footer #groupLogo {
  margin: 30px auto 15px;
}
.ly_footer #groupLogo img {
  width: 194px;
}
.ly_footer #groupLogo a {
  -webkit-transition: all 0.5s;
  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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    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 {
  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);
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.pagetop > a:hover {
  background-color: #b1b5b9;
}
.pagetop > a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 57%;
  left: 50%;
  width: 18px;
  height: 18px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  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 {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}

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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
body.popup .ly_header .groupLogo img {
  width: 121px;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  -webkit-backface-visibility: hidden;
  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;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
body.popup .ly_header .close {
  position: absolute;
  right: 0;
}
body.popup .ly_header .close a {
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
body.popup .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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
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;
  }
}

.bl_breadCrumb {
  font-size: 1rem;
  overflow: hidden;
}
.bl_breadCrumb li {
  float: left;
  white-space: nowrap;
  margin-right: 5px;
  padding-top: 3px;
  color: #999;
  line-height: 1.2;
  white-space: normal;
}
.bl_breadCrumb li::before {
  content: ">";
  font-family: verdana, sans-serif;
  padding: 0 3px 0 0;
}
.bl_breadCrumb li:first-child::before {
  padding-left: 0;
  content: "";
}
.bl_breadCrumb li a {
  text-decoration: underline;
  color: #999;
}
.bl_breadCrumb li a:hover {
  text-decoration: none;
}

.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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bl_headingWrap .subElem {
  margin-top: 20px;
}
.bl_headingWrap .el_btn {
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .bl_headingWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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;
  }
}

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

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

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

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

.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: 768px) {
  .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 print, screen and (min-width: 768px) and (max-width: 959px) {
  .bl_newsList .item .date {
    font-size: 1.4rem;
  }
  .bl_newsList .item .tag {
    padding-left: 13%;
  }
  .bl_newsList .item .desc {
    padding-left: 13%;
  }
}
@media only screen and (max-width: 767px) {
  .bl_newsList .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .bl_newsList .item .date {
    font-size: 1.6rem;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .bl_newsList .item .desc {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .bl_newsList .item .tag {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 5px;
    font-size: 1.6rem;
  }
}

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

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

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

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

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

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

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

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

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

.inTable {
  font-size: 1.5rem !important;
}

.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%;
  }
}
.bl_table.-noBorder {
  border-width: 0;
  line-height: 1.5;
  width: auto;
}
.bl_table.-noBorder th,
.bl_table.-noBorder td {
  padding: 10px;
  font-weight: normal;
  vertical-align: top;
  border: none;
}
.bl_table.-noBorder th {
  background: transparent;
}
.bl_table.-noBorder tbody th {
  text-align: left;
}
.bl_table.-dash {
  border: none;
}
.bl_table.-dash th,
.bl_table.-dash td {
  padding: 20px 10px;
  border: none;
  border-bottom: #ccc 1px dotted;
  font-weight: normal;
  background: transparent;
}
.bl_table.-dash th {
  font-weight: bold;
}
@media (max-width: 767px) {
  .bl_table.-dash th,
  .bl_table.-dash td {
    padding: 10px;
  }
  .bl_table.-dash.-spVertical th {
    padding: 15px 10px 0;
    border-bottom: none;
  }
  .bl_table.-dash.-spVertical td {
    padding: 5px 10px 15px;
  }
}
.bl_table.-pad3 th, .bl_table.-pad3 td {
  padding: 3px !important;
}
.bl_table.-pad10 th, .bl_table.-pad10 td {
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .bl_table.-spVertical caption, .bl_table.-spVertical tbody, .bl_table.-spVertical thead, .bl_table.-spVertical tr, .bl_table.-spVertical th, .bl_table.-spVertical td {
    display: block;
  }
  .bl_table.-spVertical th, .bl_table.-spVertical td {
    width: 100% !important;
  }
}
.bl_table.-thC th {
  text-align: center !important;
}
.bl_table.-tdC td {
  text-align: center !important;
}
.bl_table.-thR th {
  text-align: right !important;
}
.bl_table.-tdR td {
  text-align: right !important;
}
.bl_table.-thBold th {
  font-weight: bold;
}
.bl_table.-verMiddle th, .bl_table.-verMiddle td {
  vertical-align: middle !important;
}
.bl_table.-cellC th, .bl_table.-cellC td {
  text-align: center;
}
.bl_table.-nowrap th, .bl_table.-nowrapHead thead th, .bl_table.-nowrapBody tbody th {
  white-space: nowrap;
}
.bl_table th.-bottomLine01,
.bl_table td.-bottomLine01 {
  border-bottom: 1px dotted #ccc;
}
.bl_table th.-nonTop,
.bl_table td.-nonTop {
  border-top: none !important;
}
.bl_table th.-nonRight,
.bl_table td.-nonRight {
  border-right: none !important;
}
.bl_table th.-nonBottom,
.bl_table td.-nonBottom {
  border-bottom: none !important;
}
.bl_table th.-nonLeft,
.bl_table td.-nonLeft {
  border-left: none !important;
}
.bl_table th.-solidTop,
.bl_table td.-solidTop {
  border-top: 1px solid #ccc !important;
}
.bl_table th.-solidRight,
.bl_table td.-solidRight {
  border-right: 1px solid #ccc !important;
}
.bl_table th.-solidBottom,
.bl_table td.-solidBottom {
  border-bottom: 1px solid #ccc !important;
}
.bl_table th.-solidLeft,
.bl_table td.-solidLeft {
  border-left: 1px solid #ccc !important;
}
.bl_table.-tShadeLine .-odd th, .bl_table.-tShadeLine .-odd td {
  background-color: #f6f6f6;
}
.bl_table .nest {
  border: none;
}
.bl_table .nest th,
.bl_table .nest td {
  background-color: transparent;
  font-weight: normal;
  line-height: 1.4;
  padding: 0;
  border: none;
}

.bl_spTableScroll {
  overflow-x: scroll;
  padding-bottom: 10px;
}
.bl_spTableScroll::-webkit-scrollbar {
  height: 7px;
}
.bl_spTableScroll::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px;
}
.bl_spTableScroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

@media only screen and (max-width: 767px) {
  .bl_spTable1 table th,
  .bl_spTable1 table td {
    font-size: 1rem !important;
    padding: 1rem !important;
    line-height: 1.4 !important;
  }
  .bl_spTable2 table th,
  .bl_spTable2 table td {
    font-size: 0.7rem !important;
    padding: 0.7rem !important;
    line-height: 1.3 !important;
  }
  .bl_spTable3 table th,
  .bl_spTable3 table td {
    font-size: 0.4rem !important;
    padding: 0.4rem !important;
    line-height: 1.2 !important;
  }
}

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

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

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

.el_btn {
  display: inline-block;
  padding: 8px 30px;
  border: #5d5d5d 1px solid;
  color: #333;
  text-align: center;
  -webkit-transition: all 0.5s;
  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;
  -webkit-transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.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;
  -webkit-transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.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;
  -webkit-transition: all 0.3s;
  transition: all 0.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;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.bl_btnWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 60px 0 0;
}
.bl_btnWrap.-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bl_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;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.el_moreBtn:hover {
  background: #b1b5b9;
}
@media only screen and (max-width: 767px) {
  .el_moreBtn {
    padding: 10px 40px;
    font-size: 1.4rem;
  }
}

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

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

.el_keyword button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #004098;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.el_keyword button:hover {
  text-decoration: none;
  opacity: 0.75;
}
.el_keyword button::after {
  font-family: "svgicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: #fff;
  font-size: 2rem;
}

.el_check, .el_checkList > li > label, .el_radio, .el_radioList > li > label {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
}
.el_check:hover input + .control, .el_checkList > li > label:hover input + .control, .el_radio:hover input + .control, .el_radioList > li > label:hover input + .control,
.el_check input:focus + .control,
.el_checkList > li > label input:focus + .control,
.el_radio input:focus + .control,
.el_radioList > li > label input:focus + .control {
  border: #0089ff 1px solid;
}
.el_check + .el_check, .el_checkList > li > label + .el_check, .el_checkList > li > .el_check + label, .el_checkList > li > label + label, .el_radio + .el_check, .el_radioList > li > label + .el_check, .el_checkList > li > .el_radio + label, .el_check + .el_radio, .el_radioList > li > .el_check + label, .el_checkList > li > label + .el_radio, .el_radio + .el_radio, .el_radioList > li > label + .el_radio, .el_radioList > li > .el_radio + label, .el_radioList > li > label + label {
  margin-left: 3.3%;
}
.el_check input, .el_checkList > li > label input, .el_radio input, .el_radioList > li > label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.el_check input:checked + .control, .el_checkList > li > label input:checked + .control, .el_radio input:checked + .control, .el_radioList > li > label input:checked + .control {
  outline: none;
}
.el_check input:checked + .control, .el_checkList > li > label input:checked + .control, .el_radio input:checked + .control, .el_radioList > li > label input:checked + .control {
  background: #004098;
  border-color: #004098;
}
.el_check input:checked + .control::after, .el_checkList > li > label input:checked + .control::after, .el_radio input:checked + .control::after, .el_radioList > li > label input:checked + .control::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.el_check input:disabled + .control, .el_checkList > li > label input:disabled + .control, .el_radio input:disabled + .control, .el_radioList > li > label input:disabled + .control {
  border-color: #ccc;
  background: #ccc;
}
.el_check .control, .el_checkList > li > label .control, .el_radio .control, .el_radioList > li > label .control {
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  border: #707070 1px solid;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.el_check .control::after, .el_checkList > li > label .control::after, .el_radio .control::after, .el_radioList > li > label .control::after {
  font-family: "svgicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  position: absolute;
  top: 3px;
  left: 1px;
  color: #fff;
  font-size: 1rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(1.45);
  transform: scale(1.45);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.el_radio + .el_radio, .el_radioList > li > label + .el_radio, .el_radioList > li > .el_radio + label, .el_radioList > li > label + label {
  margin-left: 3.3%;
}
.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;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.el_selectWrap .placeholder {
  display: none;
}

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

.bl_media {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bl_media + .bl_media {
  margin-top: 5%;
}
.bl_media .mediaImg figcaption {
  margin-top: 10px;
}
.bl_media .mediaBody {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.bl_media .mediaBody > *:last-child {
  margin-bottom: 0;
}
.bl_media .heading {
  margin-bottom: 10px;
  font-weight: bold;
}
.bl_media.-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.bl_media.-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.bl_media.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.bl_media.-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.bl_media.-float {
  display: block;
  overflow: hidden;
}
.bl_media.-float .mediaImg.-right {
  float: right;
  margin-left: 3.3%;
  margin-bottom: 20px;
}
.bl_media.-float .mediaImg.-left {
  float: left;
  margin-right: 3.3%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .bl_media.-float {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .bl_media.-float .mediaImg.-right {
    margin-left: 0;
  }
  .bl_media.-float .mediaImg.-left {
    margin-right: 0;
  }
}
@media 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) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .bl_media:not(.-spFluid) .mediaImg {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .bl_media:not(.-spFluid) .mediaImg img {
    width: 100%;
  }
  .bl_media.-spFluid.-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .bl_media.-spFluid.-reverse .mediaImg {
    margin-left: 4%;
  }
  .bl_media.-spFluid .mediaImg {
    width: 30%;
    margin-right: 4%;
  }
  .bl_media.-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .bl_media.-reverse .mediaImg {
    margin: 20px auto 0;
  }
  .bl_media.-end {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bl_media.-free .mediaImg {
    margin: 0 auto 20px;
  }
  .bl_media .-order0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .bl_media .-order1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 20px;
  }
  .bl_media .-order2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 20px;
  }
  .bl_media .-order3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 20px;
  }
}
@media 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 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .bl_media.-free .mediaImg {
    margin-right: 70px;
  }
  .bl_media.-free .mediaBody {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

@media print, screen and (min-width: 768px) {
  .bl_grid .bl_media .mediaImg {
    margin-right: 20px;
  }
}

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

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

.bl_cardUnit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardImg, .bl_cardUnit.-newslist.-nothumb > .bl_card .cardImg {
  display: none;
}
.bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .desc, .bl_cardUnit.-newslist.-nothumb > .bl_card .desc {
  margin-top: 0;
}
@media 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 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: 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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .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;
  }
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardBody .newsItem .desc, .bl_cardUnit.-newslist.-nothumb > .bl_card .cardBody .newsItem .desc {
    width: 100%;
    margin-left: 13%;
  }
}
@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,
  .bl_cardUnit.-newslist > .bl_card:nth-of-type(n+5) .cardBody .newsItem .desc {
    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 .newsItem .desc {
    margin: 5px 0 0;
  }
  .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;
  }
}

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

.bl_grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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%;
  }
}

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

.bl_freeGrid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .bl_freeGrid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .bl_freeGrid {
    max-width: 100%;
  }
}

.bl_freeGrid-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .bl_freeGrid-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

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

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

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

.bl_freeGrid {
  padding: 0;
  margin-top: 50px;
}
.bl_freeGrid .row {
  margin-right: -20px;
  margin-left: -20px;
}
.bl_freeGrid .row > [class*=col] {
  padding-left: 20px;
  padding-right: 20px;
}
.bl_freeGrid .row + .row {
  margin-top: 40px;
}
.bl_freeGrid .row > [class*=col] [class*=img-cap] {
  padding: 13px 0 0 0;
  text-align: center;
}
.bl_freeGrid .row > [class*=col] img {
  width: 100%;
}
.bl_freeGrid .row > a {
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.bl_freeGrid .row > a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.bl_freeGrid [class*=inner-col] {
  background-color: #eff4fa;
  padding: 21px 15px 21px 30px;
}
@media only screen and (max-width: 767px) {
  .bl_freeGrid .row {
    display: block;
    margin-right: 0px;
    margin-left: 0px;
  }
  .bl_freeGrid .row > .col,
  .bl_freeGrid .row > [class*=col-] {
    padding: 20px 0 0;
    margin-right: 0px;
    margin-left: 0px;
    display: block;
  }
  .bl_freeGrid [class*=bl_freeGrid] .row:nth-of-type(1) > [class*=col]:nth-of-type(1) {
    padding-top: 0 !important;
  }
  .bl_freeGrid .row + .row {
    margin-top: 0;
  }
  .bl_freeGrid .row.fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .bl_freeGrid [class*=inner-col] {
    padding: 17px 10px 13px 25px;
  }
}

.bl_kvRandom {
  margin: 0 0 50px;
  text-align: center;
  opacity: 0;
  position: relative;
  min-height: 33%;
}
.bl_kvRandom img {
  width: 100%;
  max-width: 2000px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .bl_kvRandom {
    width: auto;
    min-height: 40%;
    margin: 0 -4% 40px;
  }
}

.swiper-container .swiper-slide img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .swiper-container {
    margin: 0 -4% !important;
    width: 100vw;
  }
}

.bl_videoCloudBox100 {
  width: 100%;
  position: relative;
}

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

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

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

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

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

.el_videoCaption .h2Type01 {
  margin: 0;
}

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

@media screen and (max-width: 767px) {
  [class*=bl_videoCloudBox] {
    width: auto;
    margin: 0 -10px;
  }
  .boxer-container .inner {
    width: auto !important;
  }
}

.bl_videoContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.bl_videoContainer .videoWrap {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background: rgba(0, 0, 0, 0.3);





}
.bl_videoContainer .videoWrap .textLayer {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
}
.bl_videoContainer .videoWrap h1 {
  position: relative;
  z-index: 3;
  padding: 0 0 30px;
  text-align: center;
}
.bl_videoContainer .videoWrap p {
  position: relative;
  z-index: 3;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  width: 60%;
  margin: 0 auto;
}
.bl_videoContainer .videoWrap[data-type=brightcove] video {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100%;
}
.bl_videoContainer .videoWrap[data-type=brightcove] h1 {
  position: absolute;
  z-index: 2;
  padding: 0;
  top: 30%;
  left: 0;
  right: 0;
  margin: auto;
}
.bl_videoContainer .videoWrap[data-type=brightcove] p {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
.bl_videoContainer .videoWrap .video-js .vjs-control-bar {
  display: none;
}
.bl_videoContainer .videoWrap .video-js {
  pointer-events: none;
}
.bl_videoContainer .videoWrap[data-type=plain] {
  padding-top: 56.25%;
}
.bl_videoContainer .videoWrap[data-type=plain] video {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100%;
}
.bl_videoContainer .videoWrap[data-type=youtube] {
  padding-top: 56.3%;
}
.bl_videoContainer .videoWrap[data-type=youtube] iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
@media all and (-ms-high-contrast: none) {
  .bl_videoContainer {  }
  .bl_videoContainer *::-ms-backdrop, .bl_videoContainer .videoWrap {
    height: 608px;
  }
}
@media only screen and (max-width: 767px) {
  .bl_videoContainer .bl_videoContainer,
  .bl_videoContainer .bl_videoContainer[data-opt=wide] {
    width: auto;
    height: auto;
    margin: 0 -4%;
    padding: 0 0 20px;
    min-height: 0;
    overflow: visible !important;
  }
  .bl_videoContainer .videoWrap h1 {
    width: 80vw;
    margin: 0 auto;
  }
  .bl_videoContainer .videoWrap p {
    font-size: 1.4rem;
    width: 80%;
  }
  .bl_videoContainer .videoWrap p br {
    display: none;
  }
  .bl_videoContainer .videoWrap .pattern {
    display: block !important;
    min-height: 113vw;
  }
  .bl_videoContainer [data-type=brightcove] h1 {
    top: 40vw;
  }
  .bl_videoContainer [data-type=brightcove] p {
    top: 55vw;
  }
  .bl_videoContainer .videoWrap [class*=spKV] {
    display: block !important;
    position: absolute;
    width: 100%;
    height: 113vw;
    top: 0;
  }
}

.el_loadspinner {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: #fff;
  overflow: hidden;
}
.el_loadspinner > span {
  font-size: 10px;
  display: block;
  margin: 100px auto;
  text-indent: -9999em;
  width: 8em;
  height: 8em;
  border-radius: 50%;
  background: #ccc;
  background: -webkit-linear-gradient(left, #ccc 10%, rgba(225, 225, 225, 0) 42%);
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #ccc), color-stop(42%, rgba(225, 225, 225, 0)));
  background: linear-gradient(to right, #ccc 10%, rgba(225, 225, 225, 0) 42%);
  position: relative;
  -webkit-animation: loader 1s infinite linear;
  animation: loader 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.el_loadspinner > span:before {
  width: 50%;
  height: 50%;
  background: #ccc;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.el_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;
}
@media only screen and (max-width: 767px) {
  .el_loadspinner {
    top: 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);
  }
}

.bl_tabLink {
  margin-top: 100px;
}
.bl_tabLink.-space {
  margin-top: 3%;
  margin-bottom: 3%;
}
.bl_tabLink > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_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;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  bottom: 0;
  height: 3px;
  -webkit-transform-origin: center 0;
  transform-origin: center 0;
  -webkit-transform: scale(0, 1);
  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 {
  -webkit-transform: scale(0.3, 1);
  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;
  -webkit-transform: scale(1);
  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;
  -webkit-animation: anmFadeIn 0.7s ease 0s;
  animation: anmFadeIn 0.7s ease 0s;
}

.bl_accordion [role=tab]:focus {
  outline: 2px #004098 solid;
}
.bl_accordion .accHeading {
  position: relative;
  border-top: #fff 1px solid;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_accordion .accHeading:hover {
  opacity: 0.8;
}
.bl_accordion .accHeading::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 34%;
  right: 2%;
  width: 11px;
  height: 11px;
  border-top: 3px solid #727e8f;
  border-right: 3px solid #727e8f;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
@media only screen and (max-width: 767px) {
  .bl_accordion .accHeading::before {
    right: 5%;
  }
}
.bl_accordion .accHeading [role=tab] {
  display: block;
  width: 100%;
  text-align: left;
  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;
}
@media only screen and (max-width: 767px) {
  .bl_accordion .accHeading [role=tab] {
    padding-left: 20px;
  }
}
.bl_accordion .accHeading [role=tabpanel] {
  -webkit-animation: none !important;
  animation: none !important;
}
.bl_accordion .accHeading.is_open [role=tab] {
  background: #83979d;
  color: #fff;
}
.bl_accordion .accHeading.is_open::before {
  border-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 42%;
}
.bl_accordion .accPanel {
  padding: 27px 30px;
  border: #e9e9e9 1px solid;
}
@media only screen and (max-width: 767px) {
  .bl_accordion .accPanel {
    padding: 20px;
  }
}
.bl_accordion[data-acc=switch] .accOpen [role=tab] {
  display: inline-block;
  color: #004098;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bl_accordion[data-acc=switch] .accOpen [role=tab]:hover {
  opacity: 0.8;
}
.bl_accordion[data-acc=switch] .accOpen::before {
  content: "+";
  display: inline-block;
  width: 11px;
  text-align: center;
  margin-right: 6px;
  color: #004098;
}
.bl_accordion[data-acc=switch] .accOpen.is_open::before {
  content: "-";
}

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

.searchSet .mf_finder_container {
  background-color: #eee;
}

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

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

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

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

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

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

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

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

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

.mf_finder_searchBox_submit span {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

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

#mf_Result .mf_finder_searchBox_items {
  padding: 0;
}

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

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

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

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

#mf_Result .mf_finder_zubaken {
  padding: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media 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_zubaken {
    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;
  }
}

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

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

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

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

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

._nowrap {
  white-space: nowrap !important;
}

._posRelative {
  position: relative;
}

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

._color1 {
  color: #ff3300 !important;
}

._color2 {
  color: #004098 !important;
}

._color3 {
  color: #333 !important;
}

._iconArrow {
  display: inline-block;
}
._iconArrow::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  margin: auto;
  width: 7px;
  height: 7px;
  border-top: #666 1px solid;
  border-right: #666 1px solid;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  right: 20px;
  margin: auto 0;
  border-width: 1px;
  position: relative;
  right: 0;
  left: 0;
  margin-right: 8px;
}

._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,
.lazyloading {
  opacity: 0;
}

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

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


#keyvisual section .slogan{font-size:2.4rem;}
#pickupContents{display: table; margin: 50px 0 0 0;}
#pickupContents a{display: block; color:#333;}
#pickupContents a:hover{opacity: 0.8; text-decoration:none;}
#pickupContents .slogan,
#pickupContents figure{display: table-cell; box-sizing: border-box;}
#pickupContents .slogan{width:50%; background-color: #eee; vertical-align: middle; padding:30px;}
#pickupContents .slogan h2{display:block; font-size: 2.8rem; font-weight: 600; margin-bottom: 10px; line-height: 1.2;}

#keyvisual section .advLink {
  position: absolute;
  bottom: 30px;
  right: 30px;
  border: #fff 1px solid;
  padding:8px 15px;
  color: #fff;
  font-weight: bold;
}
#keyvisual section .advLink:hover {
  text-decoration: none;
  opacity: 0.7;
}
#keyvisual section .advLink::before{
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin:-3px 12px 0 0;
  vertical-align: middle;
}
.videoCloudBox960{width:960px; position:relative; margin:0 auto;}

@media screen and (max-width:767px){
  #pickupContents,
  #pickupContents .slogan,
  #pickupContents figure{display: block; width: auto;}
  #pickupContents{margin:30px -10px 0;}
  #pickupContents .slogan{padding: 20px;}
  #pickupContents .slogan h2{font-size: 2rem;}
  #keyvisual section .advLink{
    display: inline-block;
    position: relative;
    bottom: inherit; right: inherit;
    margin-top:10px;
    padding:5px 10px;
    font-size: 1.4rem;
  }
  #keyvisual section .advLink::before{width:5px; height: 5px; margin:-3px 8px 0 0;}
  .videoCloudBox960{width:auto;margin:0;}
}

#prodTop.gridBlock .listBoxInner{padding:21px 15px 21px 20px;}
#prodTop.gridBlock .listBoxInner [class*="icon-products"]{
  position:relative;
  padding-left:30px;
  font-family: Helvetica, Arial, Tahoma, sans-serif !important;
}
#prodTop.gridBlock .listBoxInner [class*="icon-products"]::before{
	margin:0 17px 0 0;
	color:#83979d;
	font-size: 3.2rem;
	font-weight: normal;
  font-family: 'svgicon' !important;
	vertical-align: middle;
	position: absolute;
	left:0;
	top:-8px;
}
#prodTop.gridBlock .listBoxInner .icon-products1{padding-left:36px;}
#prodTop.gridBlock .listBoxInner .icon-products2{padding-left:56px;}
#prodTop.gridBlock .listBoxInner .icon-products3{padding-left:48px;}
#prodTop.gridBlock .listBoxInner .icon-products4{padding-left:44px;}
#prodTop.gridBlock .listBoxInner .icon-products5{padding-left:39px;}
#prodTop.gridBlock .listBoxInner .icon-products2::before{font-size:2.8rem;}

.bnrBlock.column3{margin-bottom:20px; padding:0 19px 19px 0; overflow:hidden; zoom:1;}
.bnrBlock .bnrBox{float:left; width:294px; margin:19px 0 0 19px;}
.bnrBlock .bnrBox a{text-decoration:none; color:#333;}
.bnrBlock .bnrBox a:hover{opacity:0.8;}
.bnrBlock .bnrBox .heading{font-size:114%; font-weight:bold; margin:10px 0 3px;}
.bnrBlock .bnrBox .heading span{font-size:100%;}
.bnrBlock .bnrBox .outline{font-size:85%;}

	@media screen and (max-width:599px){
		#prodTop.gridBlock .listBoxInner .icon-products1{padding-left:26px;}
		#prodTop.gridBlock .listBoxInner .icon-products2{padding-left:36px;}
		#prodTop.gridBlock .listBoxInner .icon-products3{padding-left:38px;}
		#prodTop.gridBlock .listBoxInner .icon-products4{padding-left:34px;}
		#prodTop.gridBlock .listBoxInner .icon-products5{padding-left:29px;}
		#prodTop.gridBlock .listBoxInner [class*="icon-products"]{font-size: 1.6rem;}
		#prodTop.gridBlock .listBoxInner [class*="icon-products"]::before{font-size: 2.5rem; top:-6px;}
		#prodTop.gridBlock .listBoxInner .icon-products2::before{font-size:2rem; top:-3px;}
		.bnrBlock.column3{padding:10px;}
		.bnrBlock .bnrBox{float:none; width:100%; margin:10px 0 0 0; display:table;}
		.bnrBlock .bnrBox:first-child{margin-top:0;}
		.bnrBlock .bnrBox .thumb{display:table-cell; width:95px;}
		.bnrBlock .bnrBox .thumb img{width:85px; padding-right:10px;}
		.bnrBlock .bnrBox .heading{margin-top:0; display:table-cell; font-size:12px; vertical-align:middle;}
		.bnrBlock .bnrBox .heading span{font-size:12px;}
		.bnrBlock .bnrBox .outline{display:none;}
	}

.prodLower{padding-top:260px;}
.prodLower .intro{padding: 30px 30px 0; background-color: #fff;}
.prodLower .intro h2{
	color: #000;
	font-size: 1.8rem;
	margin-bottom:20px;
	font-weight: bold;
	line-height: 1;
}
.prodLower .intro p{
	color: #000;
}

#kvProd001{background:url(../../products/images/kv_prod_001.jpg) 0 0 no-repeat; position:relative; zoom:1;}
#kvProd002{background:url(../../products/images/kv_prod_002.jpg) 0 0 no-repeat; position:relative; zoom:1;}

#kvProd004{background:url(../../products/images/kv_prod_004.jpg) 0 0 no-repeat; position:relative; zoom:1;}
#kvProd005{background:url(../../products/images/kv_prod_005.jpg) 0 0 no-repeat; position:relative; zoom:1;}
#kvProd006{background:url(../../products/images/kv_prod_006.jpg) 0 0 no-repeat; position:relative; zoom:1;}

	@media screen and (max-width: 767px){
		.prodLower{
			padding-top:200px;
			margin:0 -10px;
			background-size:230% auto;
			-moz-background-size:230% auto;
			-webkit-background-size:230% auto;
			background-position: 50% 0!important;
		}
		.prodLower .intro{padding:15px;}
		.prodLower .intro h2{margin-bottom:10px;}
	}

.iframeSubTop{height:280px;}
.iframeTop{height:500px;}
.iframeIRyear{height:600px;}
.iframeSegment{height:700px;}
.iframePress{height:3400px;}
.iframeProducts{height:300px;}
.iframeCsrNews{height:2000px; min-height: 600px;}
.iframeCsrtop{height:450px;}

@media screen and (max-width:767px){
	.iframePress{height:1500px;}
}

#philosophySlogan {
  font-size: 3.2rem;
  font-weight: bold;
  padding: 60px 100px;
  background-color: #eee;
  line-height: 1.3;
}

  @media screen and (max-width:767px){
    #philosophySlogan{padding:20px; font-size:1.8rem;}
    #philosophySlogan br{display: none;}
  }

.newsSegment{margin-bottom:20px; padding:15px 20px 20px; border:#e9e9e9 1px solid;}
.newsSegment dt{font-size:114%; font-weight:bold;}
.newsSegment dd ul{overflow:hidden; zoom:1; margin-left:-9px;}
.newsSegment dd ul li{float:left; width:220px; margin:10px 0 0 9px;}
.newsSegment dd ul li a{display:block; padding:10px; text-align:center;}
.newsSegment dd ul li a:hover{text-decoration:none;}
.newsSegment dd ul li.seg1 a{border:#c0392b 2px solid; color:#c0392b;}
.newsSegment dd ul li.seg1 a:hover,
.newsSegment dd ul li.seg1.current a{background-color:#c0392b; color:#fff;}
.newsSegment dd ul li.seg2 a{border:#2ecc71 2px solid; color:#2ecc71;}
.newsSegment dd ul li.seg2 a:hover,
.newsSegment dd ul li.seg2.current a{background-color:#2ecc71; color:#fff;}
.newsSegment dd ul li.seg3 a{border:#9b59b6 2px solid; color:#9b59b6}
.newsSegment dd ul li.seg3 a:hover,
.newsSegment dd ul li.seg3.current a{background-color:#9b59b6; color:#fff;}
.newsSegment dd ul li.seg4 a{border:#2c3e50 2px solid; color:#2c3e50}
.newsSegment dd ul li.seg4 a:hover,
.newsSegment dd ul li.seg4.current a{background-color:#2c3e50; color:#fff;}
.newsSegment dd ul li.seg5 a{border:#3498db 2px solid; color:#3498db}
.newsSegment dd ul li.seg5 a:hover,
.newsSegment dd ul li.seg5.current a{background-color:#3498db; color:#fff;}
.newsSegment dd ul li.seg6 a{border:#f39c12 2px solid; color:#f39c12}
.newsSegment dd ul li.seg6 a:hover,
.newsSegment dd ul li.seg6.current a{background-color:#f39c12; color:#fff;}
.newsSegment dd ul li.seg7 a{border:#ddd 2px solid; color:#333}
.newsSegment dd ul li.seg7 a:hover,
.newsSegment dd ul li.seg7.current a{background-color:#ddd; color:#333;}

@media screen and (max-width:767px){
  .newsSegment{padding:10px;}
  .newsSegment dt{display:none;}
  .newsSegment dd ul{margin:0;}
  .newsSegment dd ul li{float:none; width:auto; margin:5px 0 0 0;}
}

.newsCategory{margin-bottom:20px; padding:15px 20px 20px; border:#e9e9e9 1px solid;}
.newsCategory ul{overflow:hidden; zoom:1;}
.newsCategory ul li{float:left; width:49%; margin:5px 0 0 0;}
.newsCategory ul li a{display:inline-block; padding:2px 5px;}
.newsCategory ul li a:hover,
.newsCategory ul li.current a{text-decoration:none; background-color:#014099; color:#fff;}

.newsCategory ul.yearList li{width:auto; margin-right:30px;}
.newsCategory ul.yearList li a{padding:2px 8px;}

@media screen and (max-width:767px){
  .newsCategory{padding:10px;}
  .newsCategory ul{margin:0;}
  .newsCategory ul li{width:50%; margin:2px 0 0 0;}
  .newsCategory ul li a{font-size:11px; display:block; padding:4px 5px;}
  .newsCategory ul.yearList li{margin-right:10px;}
}

#footerNav > ul.parentNav > li{width:30%!important; margin-left:2%;}
#footerNav > ul.parentNav > li:nth-child(3n+1){clear:both;}
#footerNav > ul.parentNav > li:nth-child(n+4){margin-top:30px;}

#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_form {}
.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: #014099!important;
  border-radius: 0!important;

}
.mf_finder_searchBox_submit:before{display:inline-block!important; margin-left:6px!important; font-size:2rem!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;
}

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;}
#mf_Result .mf_finder_searchBox_items{padding:0 0 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_zubaken{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;}

  @media screen and (max-width:767px){
    #searchSet form{float:none;}
    #searchSet form{width:100%; margin:0; height:inherit;}
    #searchSet form::before{display: none!important;}
    #searchSet form input[type="text"],
    #mf_Result .mf_finder_searchBox_query_input{
      font-size:16px!important;
      height:40px!important;
      line-height: 35px!important;
      padding: 7px 5px!important;
    }
    #searchSet form input[type="text"]{border:none!important;}
    #searchSet .mf_finder_container{background: transparent;}
    .mf_finder_searchBox_doctype_select{background-color: #fff; font-size:16px!important;}
    #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:auto!important;
    }
    #searchSet .mf_finder_searchBox_imgsize{display: none;}

    #searchSet .mf_finder_searchBox_items{align-items: stretch; display: flex; }
    #searchSet .mf_finder_searchBox_doctype{}
    #searchSet .mf_finder_searchBox_query_wrap{width:71%;}

    #mf_Result .mf_finder_searchBox{padding:15px;}
    #mf_Result .mf_finder_searchBox_submit{width:; height: 38px!important; margin-top: 1px!important;}
    #mf_Result .mf_finder_searchBox_useSelects .mf_finder_searchBox_category_select{width: auto!important;}
    #mf_Result .mf_finder_searchBox_category{padding-left: 0;}
    #mf_Result .mf_finder_searchBox_category:before{top:1px; left:2px;}
    #mf_Result .mf_finder_searchBox_misc label:nth-of-type(1){margin-left:0;}
    #mf_Result .mf_finder_searchBox_misc .mf_finder_searchBox_imgsize{display: none;}
    #mf_Result .mf_finder_searchBox_selects select,
    #mf_Result .mf_finder_searchBox_selects input{font-size:16px!important;}
    #mf_Result .mf_finder_searchBox_useToggle_show .mf_finder_searchBox_misc label select{width:inherit!important;}
    #mf_Result .mf_finder_searchBox_selects label:after{top:0.7rem!important;}
    #mf_Result .mf_finder_zubaken{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;
    }
  }

.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {

  -webkit-transform: translatez(0);
}

.bx-wrapper {

  width: 1280px;
  margin: 0 auto;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -50px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -65px -53px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -65px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  z-index: 99;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}