@charset "UTF-8";

/* =====================================
reset
------------------------------------- */
*{
  margin: 0;
  border: none;
  padding: 0;
}

@font-face{
  font-family: "YuGothicRedifined";
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
}

@font-face{
  font-family: "YuGothicRedifined";
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic");
}

/* =====================================
base
------------------------------------- */
*, *:before, *:after{
  box-sizing: border-box;
}

*:before, *:after{
  text-decoration: inherit;
  vertical-align: inherit;
}

html{
  position: relative;
  overflow-y: scroll;
  background-color: #fff;
  color: #000;
  font-size: 10px;
  font-family: Arial, "メイリオ", Meiryo, YuGothicRedifined, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body{
  line-height: 2;
  font-size: 1.6em;
  letter-spacing: -.00001em;
  word-wrap: break-word;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary, svg{
  display: block;
}

button, input, optgroup, select, textarea{
  color: inherit;
  font: inherit;
  text-shadow: inherit;
}

input[type="submit"], input[type="button"], input[type="image"], input[type="reset"], input[type="radio"], input[type="checkbox"], button, select, option, label{
  cursor: pointer;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{
  border-style: none;
  padding: 0;
}

table{
  border-collapse: collapse;
}

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

ul, ol{
  list-style: none;
}

img{
  vertical-align: top;
  max-width: 100%;
  height: auto;
  border: none;
}

table{
  word-break: normal;
}

table img{
  max-width: inherit;
}

strong, em, b, i{
  font-style: normal;
}

strong, em, b{
  font-weight: bold;
}

strong{
  color: #cc0030;
}

h1, h2, h3, h4, h5, h6, small{
  font-size: 100%;
}

a{
  color: #08107b;
  text-decoration: none;
}

a:visited{
  color: #73077a;
}

a:hover, a:focus, a:active{
  text-decoration: underline;
}

/* =====================================
extend
------------------------------------- */
.anchor:before{
  content: "";
  height: 115px;
  margin-top: -115px;
  display: block;
  visibility: hidden;
}
.touch .hide-touch{
  display: none;
}
@media only screen and (max-width: 767px){
  .anchor:before{
    height: 54px;
    margin-top: -54px;
  }
  .hide-sp{
    display: none;
  }
}

#header>.header-inner:after, .header-item:after, .breadcrumb>ol:after, .lyt-img-02:after, [class*="hdg-section"]:after, .list-anchor-01:after, .form-search .form-search-option>dd>ul:after{
  content: "";
  display: block;
  clear: both;
}

.lyt-medicaltown-01>.hdg, .lyt-medicaltown-01>.content-outer>.content-inner, .lyt-medicaltown-02>.inner, .lyt-product-01>.inner, .lyt-notice-01, .lyt-top-04 .area-hdg, .lyt-top-04 .area-news>.inner, .lyt-top-05>.panel>a>span, .lyt-brand-01, .lyt-brand-02>.hdg, .lyt-brand-02>.content-outer>.content-inner, .lyt-brand-03>.inner, .lyt-brand-04>.inner, #brand-connection>.section>.inner, #company-business>.section .inner{
  max-width: 1170px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}

#header>.header-inner, #nav-global .submenu>.submenu-inner, .floating-local-nav-submenu>.floating-local-nav-submenu-inner, .breadcrumb>ol, #footer>.footer-inner, #main .area-content>.area-content-inner, .nav-local-01, .hdg-page-01>span, #main .area-content.product-content .area-content-inner{
  max-width: 1110px;
  margin: 0 auto;
}

.header-search, .header-search>.header-search-input>.header-search-input-inner, #nav-global>ul, #nav-global .submenu .submenu-box, #nav-global .submenu .list-link, .floating-local-nav-submenu .list-link, .footer-link-01, .lyt-col-01, .lyt-col-01.col-equalize>.col, .lyt-col-02, .lyt-img-03, .lyt-calendar-01>.calendar, .lyt-csr-01, .lyt-csr-01>.message, .lyt-csr-01>.message a, .lyt-csr-01>.activity>dd ul, .lyt-csr-01>.activity>dd ul>li, .lyt-csr-01>.activity a, .lyt-mainvisual-01>.inner, .lyt-mainvisual-01>.inner>.area>.ui, .lyt-top-01 .area-hdg, .lyt-top-02, .lyt-top-04 .area-hdg, .lyt-top-05, .box-related-01, .box-related-01>li>.link .img, .box-notice-01, .box-stockinfo-01, .pgh-notice-01>small, .pgh-topmessage-01 strong, .pgh-topmessage-02 strong, .list-link-01.col2, .list-link-01.col3, .list-link-01.col4, .list-bullet-01.col2, .list-bullet-01.col3, .list-bullet-01.col4, .list-define-01, .list-define-02, .list-person-01, .list-person-01>li, .list-step-01, .list-brand-01, .list-brand-01>li>a, .nav-btn-01, .nav-btn-01>*, .nav-btn-03, .nav-btn-03>*, .nav-index-01, .nav-index-01>li.recruit-new, .nav-index-01>li.recruit-new>div, .nav-index-01>li.recruit-new>div>div, .nav-index-01>li.csr-activities, .nav-index-01>li.csr-activities>div, .nav-index-01>li.csr-activities>div>div, .nav-index-01>li.alternate, .nav-index-02, .nav-index-02>li, .nav-index-04, .nav-index-04>li, .nav-index-05, .nav-index-07, .nav-index-08, .nav-tab-01, .nav-tab-01>li, .nav-pager-01, .nav-pager-01>li>ul, .nav-search-01, .nav-search-01>.select,.nav-search-01>.multiselect , .nav-search-01 .list ul, .form-search .form-search-ui, .form-search .form-search-ui .form-search-input, .form-lyt-01>li, #brand-connection>.hdg, #brand-connection>.section>.inner>.body, #brand-connection>.sns, .footer-toggle-01, .lyt-2col-1col, #company-business>.hdg, #company-business>.section>.inner>.products-area{
  display: -webkit-flex;
  display: flex;
}

#nav-global>ul, #nav-global .submenu .list-link, .floating-local-nav-submenu .list-link, .footer-link-01, .lyt-col-01, .lyt-col-02, .lyt-img-03, .lyt-calendar-01>.calendar, .lyt-mainvisual-01>.inner, .box-related-01, .box-notice-01, .pgh-topmessage-01 strong, .pgh-topmessage-02 strong, .list-link-01.col2, .list-link-01.col3, .list-link-01.col4, .list-bullet-01.col2, .list-bullet-01.col3, .list-bullet-01.col4, .list-define-01, .list-define-02, .list-person-01, .list-brand-01, .nav-btn-01, .nav-btn-03, .nav-index-01, .nav-index-02, .nav-index-04, .nav-index-05, .nav-index-07, .nav-index-08, .nav-tab-01, .nav-pager-01>li>ul, .nav-search-01, .footer-toggle-01, .lyt-2col-1col{
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#nav-global .submenu .submenu-box>.col1, .lyt-csr-01>.col, .lyt-csr-01>.activity>dd ul>li, .lyt-csr-01>.activity a, .lyt-mainvisual-01>.inner>.area:nth-child(2), .lyt-mainvisual-01>.inner>.area:nth-child(3), .lyt-mainvisual-01.col3>.inner>.area:nth-child(1), .lyt-mainvisual-01.col3>.inner>.area:nth-child(2), .lyt-mainvisual-01.col3>.inner>.area:nth-child(3), .lyt-top-02>.panel, .lyt-top-05>.panel, .box-notice-01>dd, .box-stockinfo-01>.embed, .pgh-notice-01>small>.text, .list-step-01>li, .list-brand-01:after, .nav-index-01>li.alternate>.link, .nav-index-02>li>a, .nav-index-02>li>span, .nav-index-04>li>a, .nav-index-04.col3:before, .nav-tab-01>li>a, .form-lyt-01>li>div, #brand-connection>.section>.inner>.body>.text{
  -webkit-flex: 1 1 0%;
  flex: 1 1 0%;
}

#nav-global .submenu .submenu-box>.col2{
  -webkit-flex: 2 1 0%;
  flex: 2 1 0%;
}

#nav-global .submenu .submenu-box>.col3{
  -webkit-flex: 3 1 0%;
  flex: 3 1 0%;
}

#nav-global>ul{
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#nav-global>ul>li{
  flex: auto;
}

.lyt-img-03, .lyt-csr-01>.activity a, .lyt-mainvisual-01>.inner>.area>.ui, .box-related-01>li>.link .img, .list-brand-01>li>a, .nav-btn-03, .nav-index-01>li.recruit-new>div>div, .nav-index-01>li.csr-activities>div>div, .nav-pager-01, .nav-pager-01>li>ul, .nav-search-01, .form-search .form-search-ui, #brand-connection>.hdg, #brand-connection>.sns, #company-business>.hdg{
  -webkit-justify-content: center;
  justify-content: center;
}

.lyt-calendar-01>.calendar, .lyt-top-01 .area-hdg, .lyt-top-04 .area-hdg, .box-notice-01, .list-define-01, .list-define-02, .list-brand-01, .nav-index-01, .nav-index-02, .nav-index-05, .nav-index-07, .nav-index-08{
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.lyt-img-03, .lyt-csr-01>.message a, .lyt-csr-01>.activity>dd ul, .lyt-csr-01>.activity a, .lyt-top-01 .area-hdg, .lyt-top-04 .area-hdg, .box-related-01>li>.link .img, .box-stockinfo-01, .list-brand-01>li>a, #brand-connection>.hdg, #brand-connection>.sns, .lyt-col-centered{
  -webkit-align-items: center;
  align-items: center;
}

#nav-global .submenu .close span:before, .floating-local-nav-submenu .close span:before, #nav-global .submenu .close span:after, .floating-local-nav-submenu .close span:after, #nav-global .submenu .submenu-top a:before, #nav-global .submenu .list-link>li a:before, .floating-local-nav-submenu .list-link>li a:before, #nav-global .submenu .list-btn>li a:before, #nav-global .submenu .link-panel>span:before, .footer-link-01 a:before, .lyt-csr-01>.message a span:before, .lyt-csr-01>.activity a>span:before, .lyt-top-01 .area-link>ul>li>a:after, .lyt-top-02>.panel>a>span:after, .lyt-top-05>.panel>a>span>span:after, .box-related-01>li>a.link .text:before, .hdg-section-01>a.link:before, .list-link-01>li>a:before, .list-bullet-01>li:before, .list-anchor-01>li>a:before, .list-news-01>li>a.link>.text:before, .list-toggle-01>li>button.ui[aria-expanded]:after, .list-toggle-01>li>b.ui[aria-pressed]:after, .list-toggle-01>li>span.ui[aria-pressed=false]:after, .footer-toggle-01>li>.ui[aria-pressed]:before, .link-text-01:before, .link-banner-01 .link:before, .link-banner-02 span:before, .nav-btn-01 a:before, .nav-btn-01 button:before, .nav-btn-03 a:before, .nav-btn-03 button:before, .nav-btn-02:before, .nav-index-01>li>a.link>.text>span:before, .nav-index-01>li.recruit-new>a>span b:before, .nav-index-01>li.csr-activities>a>span b:before, .nav-index-02>li>a>.link>span:before, .nav-index-03>a.img-link>.link:before, .nav-index-04>li>a:before, .nav-index-05>li>a.link>.text>span:before, .nav-index-06>dd>ul>li>a:before, .nav-index-06>dd>ol>li>a:after, .nav-pager-01>li.prev>a:before, .nav-pager-01>li.next>a:before, .nav-search-01 .list ul>li>a:before, #modal-next:before, #modal-prev:before, #modal-close:before, #modal-close-02:before, #brand-connection>.hdg button:after, .footer-link-02>li>a:before, .footer-toggle-01>li>a:before, .header-interlink>a:before, .lyt-col-01.col4 li a::before, .floating-local-nav-button-arrowR span:before{
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-global .submenu .close span:after, .floating-local-nav-submenu .close span:after, .list-faq-01>li>b[role="button"]:after, .list-faq-01>li>span[role="button"]:after, .form-search .form-search-ui .form-search-option-ui button:after, #modal-close:after, #modal-close-02:after{
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.header-search>.label .label-inner span, .footer-pagetop>a>span, .lyt-calendar-01>.calendar>li table th span span.holiday-circle, .lyt-calendar-01>.calendar>li table td span span.holiday-circle, .lyt-mainvisual-01>.inner>.area>.ui>li>button>span, .lyt-mainvisual-01>.inner>.area>.ui>li>button>em, .list-toggle-01>li>button.ui span, .list-toggle-01>li>b.ui span, .list-toggle-01>li>span.ui span, .footer-toggle-01>li>.ui span, .list-faq-01>li>b>.label, .list-faq-01>li>span>.label, .nav-pager-01 a>span, .nav-pager-02 a>span, #modal-next>span, #modal-prev>span{
  position: absolute;
  top: -999em;
  left: -999em;
}

/* =====================================
structure
------------------------------------- */

/* ===========================
page
--------------------------- */
#page{
  position: relative;
  overflow: hidden;
}

/* ===========================
header
--------------------------- */
#header{
  position: relative;
  border-bottom: 1px solid #777;
}

.no-canvas #header{
  top: 0 !important;
}

#header>.header-inner{
  line-height: 1;
  padding: 16px;
}
#header>.header-inner .GWD-container{
  line-height: 2;
}

#header.menufixed{
  position: fixed;
  z-index: 13;
  background: #fff;
  width: 100%;
}

.no-canvas #header.menufixed{
  position: static !important;
}

@media only screen and (max-width: 959px){
  #header{
    padding: 0;
    border-bottom: 1px solid #fff;
  }
  #header>.header-inner{
    padding: 0;
  }
  #header.menufixed{
    max-height: 100%;
    z-index: 1002;
  }
  #header.menufixed>.header-inner{
    position: fixed;
    z-index: 16;
    background: #fff;
    width: 100%;
  }
  html.globalMenu_open #header.menufixed>.header-inner{
    border-bottom: #f2f2f2 1px solid;
  }
}

.header-app{
  overflow: hidden;
  height: 58px;
  padding: 0 30px;
  background-color: #0d26cf;
  font-size: 13px;
  line-height: 18px;
  -webkit-transition: height .2s;
  transition: height .2s;
  will-change: height;
}

.header-app.header-app-hide, .header-app.header-app-closed{
  height: 0;
}

.header-app .app-icon{
  width: 58px;
  padding: 8px 14px 8px 0;
}

.header-app>a, .header-app .header-app-close{
  display: flex;
  align-items: center;
  float: left;
  height: 58px;
}

.header-app>a, .header-app>a:visited{
  width: 95%;
  color: #fff;
}

.header-app .header-app-close{
  width: 5%;
  text-align: center;
  background-color: #0d26cf;
}

.header-app .header-app-close>img{
  width: 15px;
}

.header-app>a>span{
  display: block;
}

.no-touch .header-app, .no-touchevents .header-app{
  display: none;
  height: 0;
}

@media only screen and (max-width: 767px){
  .header-app{
    padding: 0 14px;
  }
}

.header-logo{
  float: left;
  width: 170px;
  margin: 0 22px 0 0;
}

.header-logo>a{
  display: block;
}

@media only screen and (max-width: 959px){
  .header-logo{
    padding: 16px 14px;
    width: 156px;
  }
  .header-logo>a{
    display: inline-block;
  }
  .csstransitions .header-logo{
    position: relative;
    padding: 16px 14px;
    top: 0;
    left: 0;
    float: none;
    width: 140px;
    height: 53px;
  }
  .csstransitions .header-logo img{
    width: 112px;
  }
}

@media only screen and (max-width: 374px){
  .csstransitions .header-logo{
    width: 130px;
  }
}

.header-sitename{
  float: left;
  margin: 8px 24px 0 0;
  font-size: 0.85em;
  background-color: #fff;
}

@media only screen and (max-width: 959px){
  .header-sitename{
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    float: none;
    padding: 0 0 11px;
    margin: 0;
  }
  .static .header-sitename{
    display: none;
  }
}

.header-item{
  float: right;
}

@media only screen and (max-width: 959px){
  .header-item{
    float: none;
  }
}

.header-interlink{
  float: left;
  margin-bottom: 0;
  margin-right: 5px;
  color: #666;
  font-size: 1.4rem;
  line-height: 38px;
  position: relative;
  display: none;
}
.header-interlink>a{
  position: relative;
  display: block;
  margin-left: -20px;
  padding-left: 20px;
  color: #666;
}
.header-interlink>a:before{
  content: "";
  position: absolute;
  top: 15px;
  left: 1px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
}
@media only screen and (max-width: 959px){
  .header-interlink{
    display: none;
  }
}

.header-language{
  float: left;
  margin-bottom: 0;
  padding-top: .4em;
  color: #666;
  font-size: 1.4rem;
}

.header-language>a{
  display: inline-block;
}

.header-language>a>img{
  vertical-align: middle;
  opacity: 1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.header-language>a:focus>img{
  opacity: 1;
}

.header-language>a:hover>img, .header-language>a:active>img{
  opacity: .5;
}

.header-language>span{
  display: inline-block;
  margin-left: 5px;
}

@media only screen and (max-width: 959px){
  .header-language{
    float: none;
    padding-top: 0;
    padding-right: 72px;
    text-align: right;
  }

  .header-language>a{
    display: inline-block;
    padding: 1.14286em 0;
  }
  .no-search .header-language{
    padding-right: 16px;
  }
  .csstransitions .header-language{
    float: none;
    position: absolute;
    top: 0;
    right: 96px;
    padding: 0;
  }
  /*.csstransitions .GWD-open .header-language{
    top: -53px;
  }*/
  .csstransitions .header-language>span{
    display: none;
  }
  .csstransitions .header-language>a{
    padding: 1.14286em 1.5px;
    height: 53px;
  }
  .header-language>a>img{
    margin-top: -4px;
  }
}

.header-item-menu{
  display: none;
}

@media only screen and (max-width: 959px){
  .csstransitions .header-item-menu{
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    height: 53px;
    width: 48px;
    background-color: #fff;
    border-left: solid 1px #fff;
  }
  .csstransitions .header-item-menu[aria-pressed="true"]{
    background-color: #292929;
  }
  .csstransitions .header-item-menu span{
    position: absolute;
    top: -999em;
    left: -999em;
  }
  .csstransitions .header-item-menu:before{
    content: "";
    position: absolute;
    top: 49%;
    left: 50%;
    display: block;
    width: 28px;
    height: 28px;
    background-image: url(/shared/images/icon-menu-01.png);
    background-size: cover;
    -webkit-transform: translate(-50%, -51%);
    transform: translate(-50%, -51%);
  }
  .csstransitions .header-item-menu[aria-pressed="true"]:before, .csstransitions .header-item-menu[aria-pressed="true"]:hover:before, .csstransitions .header-item-menu[aria-pressed="true"]:focus:before{
    background-image: url(/shared/images/icon-menu-02.png);
  }
  .csstransitions .header-item-menu:hover, .csstransitions .header-item-menu:focus{
    background-color: #292929;
    outline: none;
  }
  .csstransitions .header-item-menu:hover:before, .csstransitions .header-item-menu:focus:before{
    background-image: url(/shared/images/icon-menu-01-hover.png);
  }
}

.header-search{
  float: left;
  margin-left: 5px;
}

.header-search>.label{
  overflow: hidden;
}

.header-search>.label .label-inner{
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  background-color: #f2f2f2;
}

.header-search>.label .label-inner:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(/shared/images/icon-loupe-01.png);
  background-size: cover;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.header-search>.header-search-input{
  -webkit-transition: height .2s;
  transition: height .2s;
  will-change: height;
}

.header-search>.header-search-input>.header-search-input-inner .input, .header-search>.header-search-input>.header-search-input-inner .submit{
  height: 38px;
  background-color: #f2f2f2;
}

.header-search>.header-search-input>.header-search-input-inner .input{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 167px;
  border-radius: 0;
  line-height: 2.375;
}

.header-search>.header-search-input>.header-search-input-inner .submit{
  width: 50px;
  line-height: 2.71429;
  color: #666;
  font-size: 1.4rem;
  text-align: center;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.header-search>.header-search-input>.header-search-input-inner .submit:hover, .header-search>.header-search-input>.header-search-input-inner .submit:focus, .header-search>.header-search-input>.header-search-input-inner .submit:active{
  background-color: #e6e6e6;
}

@media only screen and (max-width: 959px){
  .header-search{
    position: relative;
    display: block;
    float: none;
    margin-left: 0;
  }
  .header-search>.label{
    position: absolute;
    top: -53px;
    right: 0;
  }
  .header-search>.label .label-inner{
    width: 48px;
    height: 53px;
    background-color: #fff;
  }
  .header-search>.label .label-inner:before{
  top: 48.1%;
  }
  .header-search>.label .label-inner:hover,
  .header-search>.label .label-inner[aria-pressed="true"]{
    background-color: #f2f2f2;
  }
  .header-search>.label .label-inner[aria-pressed="true"]:before{
    background-image: url(/shared/images/icon-menu-03.png);
  }
  .header-search>.header-search-input{
    height: 0;
    overflow: hidden;
  }
  .header-search>.header-search-input>.header-search-input-inner .input,
  .header-search>.header-search-input>.header-search-input-inner .submit{
    height: 40px;
  }
  .header-search>.header-search-input>.header-search-input-inner .input{
    -webkit-flex: 1;
    flex: 1;
    width: auto;
    line-height: 2.5;
    padding-left: 8px;
  }
  .header-search>.header-search-input>.header-search-input-inner .submit{
    width: 56px;
    line-height: 2.85714;
  }
  .header-search.opened>.header-search-input{
    height: 40px;
  }
  .static .header-search>.header-search-input{
    height: auto !important;
  }
  .csstransitions .header-search>.label{
    position: absolute;
    top: -53px;
    right: 48px;
  }
  .csstransitions .header-search>.label .label-inner:before{
    width: 25px;
    height: 25px;
  }
}

/*------------------------------------
GLOBAL NAVIGATION
---------------------------*/
#nav-global{
  margin-left: -1px;
  margin-right: -1px;
}

#nav-global>ul{
  max-width: 1112px;
  margin: 0 auto;
}

#nav-global>ul>li{
  padding: 0 1px;
}
.ie #nav-global>ul>li.products,
.ie #nav-global>ul>li.ir{
  flex: none;
  width: 170px;
}

#nav-global>ul>li>a, #nav-global>ul>li>a:focus{
  position: relative;
  display: block;
  line-height: 1.15;
  padding: .9375em 8px;
  background-color: #fff;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  will-change: background-color, color;
}

#nav-global>ul>li>a:after{
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  -webkit-transition: background-color .2s, bottom .2s;
  transition: background-color .2s, bottom .2s;
  will-change: background-color, bottom;
}

#nav-global>ul>li>a:active{
  background-color: #555;
  color: #fff;
  text-decoration: none;
}

#nav-global>ul>li>a:hover{
  background-color: #ccc;
  color: #000;
  text-decoration: none;
}

#nav-global>ul>li>a.current{
  color: #fff;
  background-color: #555;
}

#nav-global>ul>li>a.current:hover, #nav-global>ul>li>a.current:focus, #nav-global>ul>li>a.current:active{
  color: #fff;
}

#nav-global>ul>li>a[aria-pressed="true"], #nav-global>ul>li>a[aria-pressed="true"]:focus, #nav-global>ul>li>a[aria-pressed="true"]:active, #nav-global>ul>li>a[aria-pressed="true"]:hover{
  color: #fff;
  background-color: #292929;
}

@media only screen and (min-width: 960px){
  #nav-global>ul>li>a[aria-pressed="true"]:after{
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background-color: #292929;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 16;
  }
}

#nav-global>ul>li.nav-logo{
  flex: none;
  position: relative;
  width: 140px;
}

.no-canvas .nav-primary .nav-logo{
  display: none !important;
}

#nav-global>ul>li.nav-logo>a{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 112px;
  padding: 0;
}
#nav-global>ul>li.nav-logo>a>img{
  width: 112px;
}

#nav-global>ul>li.nav-logo>a:after{
  display: none;
}

#nav-global>ul>li.nav-logo>a:hover, #nav-global>ul>li.nav-logo>a:focus, #nav-global>ul>li.nav-logo>a:active{
  background-color: #fff;
}

@media only screen and (max-width: 959px){
  #nav-global>ul>li.nav-logo{
    margin-left: 10px;
  }
}

#nav-global .submenu,
.floating-local-nav-submenu{
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 15;
  display: none;
  height: 0;
  line-height: 1.6;
  overflow: hidden;
  margin-top: 2px;
  box-shadow: 0 0 0 transparent;
  padding: 0 30px;
  background-color: #292929;
  -webkit-transition: height .2s, box-shadow .2s;
  transition: height .2s, box-shadow .2s;
  will-change: height, box-shadow;
}

#nav-global .submenu>.submenu-inner,
.floating-local-nav-submenu > .floating-local-nav-submenu-inner{
  position: relative;
  padding: 2.5em 0;
  color: #fff;
}

#nav-global .submenu .close,
.floating-local-nav-submenu .close{
  position: absolute;
  top: 2.5em;
  right: 0;
  display: block;
  border: 1px solid #474747;
  border-radius: .2rem;
  padding: .215em 10px;
  background-color: #292929;
  color: #fff;
  font-size: 1.4rem;
  opacity: 0;
  -webkit-transition: background-color .2s, opacity .4s;
  transition: background-color .2s, opacity .4s;
  will-change: background-color, opacity;
}

#nav-global .submenu .close:hover, #nav-global .submenu .close:focus, #nav-global .submenu .close:active{
  background-color: #474747;
}

#nav-global .submenu .close span,
.floating-local-nav-submenu .close span{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

#nav-global .submenu .close span:before, #nav-global .submenu .close span:after,
.floating-local-nav-submenu .close span:before, .floating-local-nav-submenu .close span:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 17px;
  height: 1px;
  margin-top: -1px;
  background-color: #fff;
}

#nav-global .submenu a,
.floating-local-nav-submenu a{
  color: #fff;
  text-decoration: none;
}

#nav-global .submenu a:hover, #nav-global .submenu a:focus, #nav-global .submenu a:active,
.floating-local-nav-submenu a:hover, .floating-local-nav-submenu a:focus, .floating-local-nav-submenu a:active{
  text-decoration: underline;
}

#nav-global .submenu .submenu-top{
  line-height: 1.25;
}

#nav-global .submenu .submenu-top a{
  position: relative;
  display: inline-block;
  padding-left: 25px;
  font-size: 2.4rem;
}

#nav-global .submenu .submenu-top a:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

#nav-global .submenu .submenu-box{
  margin: 2em 0 0 0;
}

#nav-global .submenu .submenu-box>.col1, #nav-global .submenu .submenu-box>.col2, #nav-global .submenu .submenu-box>.col3{
  margin-left: 30px;
}

#nav-global .submenu .submenu-box>.col1:first-child, #nav-global .submenu .submenu-box>.col2:first-child, #nav-global .submenu .submenu-box>.col3:first-child{
  margin-left: 0;
}

#nav-global .submenu .submenu-box>.col1{
  padding-right: 0;
}

#nav-global .submenu .submenu-box>.col1>.col-inner{
  margin-right: 0;
}

#nav-global .submenu .submenu-box>.col2{
  padding-right: 30px;
}

#nav-global .submenu .submenu-box>.col2>.col-inner{
  margin-right: -30px;
}

#nav-global .submenu .submenu-box>.col3{
  padding-right: 60px;
}

#nav-global .submenu .submenu-box>.col3>.col-inner{
  margin-right: -60px;
}

#nav-global .submenu .list-link{
  margin: -1.0625em -15px -.1875em -15px;
}

#nav-global .submenu .list-link>li,
.floating-local-nav-submenu .list-link > li{
  width: 100%;
  margin-top: .9375em;
  padding: 0 15px;
}

#nav-global .submenu .list-link>li a,
.floating-local-nav-submenu .list-link > li a{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

#nav-global .submenu .list-link>li a:before,
.floating-local-nav-submenu .list-link > li a:before{
  content: "";
  position: absolute;
  top: .525em;
  left: 1px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

#nav-global .submenu .list-link>li a+span{
  margin-top: .25em;
}

#nav-global .submenu .list-link>li span{
  display: block;
  line-height: 1.6;
  padding-left: 20px;
  color: #ccc;
  font-size: 1.4rem;
}

#nav-global .submenu .list-link.col2>li{
  width: 50%;
}

#nav-global .submenu .list-link.col3>li,
.floating-local-nav-submenu .list-link.col3 > li{
  width: calc(100% / 3);
}

#nav-global .submenu .list-link.col4>li{
  width: 25%;
}

#nav-global .submenu .list-desc{
  margin: -.125em 0 0 0;
}

#nav-global .submenu .list-desc>dt{
  margin-bottom: 1.375em;
  border-bottom: 1px solid #525252;
  padding-bottom: .375em;
  color: #fff;
  font-weight: bold;
}

#nav-global .submenu .list-btn{
  margin-bottom: 0;
}

#nav-global .submenu .list-btn.list-interval{
  margin-top:80px;
}

#nav-global .submenu .list-btn>li{
  margin-top: .75em;
}

#nav-global .submenu .list-btn>li:first-child{
  margin-top: 0;
}

#nav-global .submenu .list-btn>li a{
  position: relative;
  display: block;
  border-radius: .2rem;
  padding: .9375em 20px .9375em 36px;
  background-color: #474747;
  font-weight: bold;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

#nav-global .submenu .list-btn>li a:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transition: left .2s;
  transition: left .2s;
  will-change: left;
}

#nav-global .submenu .list-btn>li a:hover, #nav-global .submenu .list-btn>li a:focus, #nav-global .submenu .list-btn>li a:active{
  background-color: #666;
  text-decoration: none;
}

#nav-global .submenu .list-btn>li a:hover:before, #nav-global .submenu .list-btn>li a:focus:before, #nav-global .submenu .list-btn>li a:active:before{
  left: 14px;
}

#nav-global .submenu .list-btn>li a .notice{
  position: relative;
  top: -.125em;
  width: 15px;
  height: 24px;
  margin-right: .5em;
  vertical-align: middle;
}

#nav-global .submenu .link-panel{
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
}

#nav-global .submenu .link-panel:before, #nav-global .submenu .link-panel:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

#nav-global .submenu .link-panel:before{
  z-index: 2;
  background-color: #777;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .4s;
  transition: transform .4s;
  will-change: -webkit-transform, transform;
}

#nav-global .submenu .link-panel:after{
  z-index: 3;
  background-color: rgba(0, 0, 0, .3);
  -webkit-transition: background-color .4s;
  transition: background-color .4s;
  will-change: background-color;
}

#nav-global .submenu .link-panel>span{
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 4;
  display: inline-block;
  width: 100%;
  line-height: 1.4;
  margin-top: -.7em;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 0 .66667em rgba(0, 0, 0, .4);
  white-space: nowrap;
}

#nav-global .submenu .link-panel>span:before{
  content: "";
  position: relative;
  top: -1px;
  left: -12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

#nav-global .submenu .link-panel:hover, #nav-global .submenu .link-panel:focus, #nav-global .submenu .link-panel:active{
  text-decoration: none;
}

#nav-global .submenu .link-panel:hover:before, #nav-global .submenu .link-panel:focus:before, #nav-global .submenu .link-panel:active:before{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#nav-global .submenu .link-panel:hover:after, #nav-global .submenu .link-panel:focus:after, #nav-global .submenu .link-panel:active:after{
  background-color: rgba(0, 0, 0, .1);
}

#nav-global .submenu .link-panel.ir:before{
  background-image: url(/shared/images/submenu/ir.jpg);
}

#nav-global .submenu .link-panel.csr:before{
  background-image: url(/shared/images/submenu/csr.jpg);
}

#nav-global .submenu .link-panel.recruit:before{
  background-image: url(/shared/images/submenu/recruit.jpg);
}

#nav-global .submenu .link-panel+.list-link{
  margin-top: .25em;
}

#nav-global .submenu, .floating-local-nav-submenu{
  box-shadow: 0 .7em 1.4em rgba(0, 0, 0, .4);
}

#nav-global .submenu .close, .floating-local-nav-submenu .close{
  opacity: 1;
}

#nav-global .opened .submenu,
.opened .floating-local-nav-submenu{
  display: block;
}

.ie #nav-global .submenu .list-link.col3>li, .edge #nav-global .submenu .list-link.col3>li,
.ie .floating-local-nav-submenu .list-link.col3 > li, .edge .floating-local-nav-submenu .list-link.col3 > li{
  width: 33.33333%;
}

@media only screen and (max-width: 959px){
  #nav-global .submenu .submenu-top a:before, #nav-global .submenu .list-btn>li a:before{
    content: none;
  }
  #nav-global .submenu .submenu-top a:after, #nav-global .submenu .list-btn>li a:after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #nav-global .submenu .list-btn>li a:hover,
  .floating-local-nav-submenu .list-btn > li a:hover{
    text-decoration: underline;
  }
  #nav-global .submenu .list-btn.list-interval{
    margin-top:0;
  }
  #nav-global .submenu .submenu-top a:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }
  #nav-global .submenu .list-btn>li a:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }
  #nav-global{
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  #nav-global>ul{
    display: block;
    padding: .35714em 8px;
    background-color: #292929;
    font-size: 1.4rem;
  }
  #nav-global>ul>li{
    display: inline-block;
    margin: .14286em 2px;
    padding: 0;
  }
  #nav-global>ul>li>a, #nav-global>ul>li>a:focus, #nav-global>ul>li>a:active{
    padding-top: .5em;
    padding-bottom: .5em;
  }
  #nav-global>ul>li>a:after{
    content: none;
  }
  #nav-global .submenu{
    display: none !important;
  }

  .csstransitions #nav-global{
    text-align: left;
    display: block;
    overflow: hidden;
    height: auto;
    max-height: 0px;
  }
  .csstransitions #nav-global[aria-expanded="true"]{
    -webkit-transition: max-height 1s;
    -ms-transition: max-height 1s;
    transition: max-height 1s;
  }
  .csstransitions #nav-global[aria-expanded="false"]{
    -webkit-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .csstransitions #nav-global>ul{
    padding: 0;
  }
  .csstransitions #nav-global>ul>li{
    display: none;
    margin: 0;
    border-bottom: solid #fff 1px;
  }
  .csstransitions #nav-global[aria-expanded="true"]>ul>li{
    display: block;
  }
  .ie #nav-global[aria-expanded="true"]>ul>li.products,
  .ie #nav-global[aria-expanded="true"]>ul>li.ir{
    width: 100%;
  }
  .csstransitions #nav-global>ul>li>a, .csstransitions #nav-global .submenu .list-link.col4>li>a{
    padding: 1.5em 3em 1.5em 2em;
    text-align: left;
  }
  .csstransitions #nav-global>ul>li>a, .csstransitions #nav-global>ul>li>a:active, .csstransitions #nav-global>ul>li>a:focus, .csstransitions #nav-global>ul>li>a[aria-expanded="true"], .csstransitions #nav-global>ul>li>a[aria-expanded="true"]:focus, .csstransitions #nav-global>ul>li>a[aria-expanded="true"]:active, .csstransitions #nav-global>ul>li>a[aria-expanded="true"]:hover{
    background-color: #292929;
    color: #fff;
  }
  .csstransitions #nav-global>ul>li>a:hover{
    background-color: #474747;
    color: #fff;
  }
  .csstransitions #nav-global>ul>li>a:focus{
    text-decoration: underline;
  }
  .csstransitions #nav-global>ul>li>a.current, .csstransitions #nav-global>ul>li>a.current:focus, .csstransitions #nav-global>ul>li>a.current:active{
    background-color: #666;
    color: #fff;
  }
  .csstransitions #nav-global>ul>li>a:after{
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    left: inherit;
    right: 1em;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .csstransitions #nav-global>ul>li.global-network>a:after,
  .csstransitions #nav-global>ul>li.global-nav-interlink>a:after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .csstransitions #nav-global>ul>li>a[aria-expanded="true"]:after{
    bottom: inherit;
    height: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .csstransitions #nav-global>ul.simple-nav>li>a:after{
    transform: rotate(45deg);
  }
  .csstransitions #nav-global .submenu{
    display: block !important;
    position: relative;
    background-color: #fff;
    color: #000;
    top: 0;
    margin-top: 0;
    padding: 0;
  }
  .csstransitions #nav-global .submenu>.submenu-inner{
    padding: 0;
  }
  .csstransitions #nav-global>ul>li .submenu-inner{
    display: none;
  }
  .csstransitions #nav-global>ul>li.opened .submenu-inner{
    display: block;
  }
  .csstransitions #nav-global .submenu .submenu-box, .csstransitions #nav-global .submenu .list-link{
    margin: 0;
    display: block;
    overflow: hidden;
  }
  .csstransitions #nav-global .submenu .list-link.col4>li, .csstransitions #nav-global .submenu .list-link.col2>li, .csstransitions #nav-global .submenu .list-link.col3>li{
    width: 100%;
  }
  .csstransitions #nav-global .submenu .list-link.col4>li>a{
    width: 100%;
    padding-left: 2.5em;
  }
  .csstransitions #nav-global .submenu .list-link>li a:before{
    top: calc(50% - 4px);
    left: inherit;
    right: 1em;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
  }
  .csstransitions #nav-global .submenu .submenu-top{
    padding: 0;
  }
  .csstransitions #nav-global .submenu .submenu-top a, .csstransitions #nav-global .submenu .list-link>li a, .csstransitions #nav-global .submenu .list-btn>li a, .csstransitions #nav-global .submenu .link-panel{
    font-size: 1.4rem;
    font-weight: normal;
    width: 100%;
    padding: 1.5em 3em 1.5em 2.5em;
    border-bottom: #e5e5e5 solid 1px;
  }
  .csstransitions #nav-global .submenu .submenu-top a, .csstransitions #nav-global .submenu .list-link>li a, .csstransitions #nav-global .submenu .list-btn>li a, .csstransitions #nav-global .submenu .link-panel, .csstransitions #nav-global .submenu .submenu-top a:active, .csstransitions #nav-global .submenu .list-link>li a:active, .csstransitions #nav-global .submenu .list-btn>li a:active, .csstransitions #nav-global .submenu .link-panel:active{
    background-color: #fff;
    color:#000;
    text-decoration: none;
  }
  .csstransitions #nav-global .submenu .submenu-top a:hover, .csstransitions #nav-global .submenu .list-link>li a:hover, .csstransitions #nav-global .submenu .list-btn>li a:hover, .csstransitions #nav-global .submenu .link-panel:hover, .csstransitions #nav-global .submenu .submenu-top a:focus, .csstransitions #nav-global .submenu .list-link>li a:focus, .csstransitions #nav-global .submenu .list-btn>li a:focus, .csstransitions #nav-global .submenu .link-panel:focus{
    text-decoration: underline;
  }
  .csstransitions #nav-global .submenu .submenu-top a.current, .csstransitions #nav-global .submenu .list-link>li a.current, .csstransitions #nav-global .submenu .list-btn>li a.current, .csstransitions #nav-global .submenu .link-panel.current, .csstransitions #nav-global .submenu .submenu-top a.current:active, .csstransitions #nav-global .submenu .list-link>li a.current:active, .csstransitions #nav-global .submenu .list-btn>li a.current:active, .csstransitions #nav-global .submenu .link-panel.current:active{
    background-color: #e6e6e6;
  }
  .csstransitions #nav-global .submenu .submenu-top a.current:hover, .csstransitions #nav-global .submenu .list-link>li a.current:hover, .csstransitions #nav-global .submenu .list-btn>li a.current:hover, .csstransitions #nav-global .submenu .link-panel.current:hover, .csstransitions #nav-global .submenu .submenu-top a.current:focus, .csstransitions #nav-global .submenu .list-link>li a.current:focus, .csstransitions #nav-global .submenu .list-btn>li a.current:focus, .csstransitions #nav-global .submenu .link-panel.current:focus{
    text-decoration: underline;
  }
  .csstransitions #nav-global .submenu .submenu-top a:after, .csstransitions #nav-global .submenu .list-btn>li a:after{
    top: calc(50% - 4px);
    left: inherit;
    right: 1em;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    margin-top: 0;
  }
  .csstransitions #nav-global .submenu .submenu-box>.col3>.col-inner, .csstransitions #nav-global .submenu .submenu-box>.col3, .csstransitions #nav-global .submenu .submenu-box>.col1, .csstransitions #nav-global .submenu .list-link.col4>li, .csstransitions #nav-global .submenu .list-link>li, .csstransitions #nav-global .submenu .list-btn>li, .csstransitions #nav-global .submenu .submenu-box>.col2, .csstransitions #nav-global .submenu .submenu-box>.col2>.col-inner{
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  .csstransitions #nav-global .submenu .link-panel:before{
    display: none;
  }
  .csstransitions #nav-global .submenu .link-panel:after{
    top: calc(50% - 4px);
    left: inherit;
    right: 1em;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    margin-top: 0;
    background-color: inherit;
    transition: inherit;
    /*will-change: inherit;*/
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .csstransitions #nav-global .submenu .link-panel>span{
    text-align: left;
    font-size: 1.4rem;
    font-weight: normal;
    position: relative;
    top: 0;
    margin: 0;
    display: block;
    text-shadow: none;
  }
  .csstransitions #nav-global .submenu .link-panel>span:after{
    display: none;
  }
  .csstransitions #nav-global .submenu[aria-expanded="true"]{
    box-shadow: none;
  }
  .csstransitions #nav-global .hide-sp{
    display: none !important;
  }
  .csstransitions #nav-global .submenu .list-link>li a.noborder{
    border-bottom: none;
  }
  #nav-global .submenu .link-panel>span:before{
    display: none;
  }
  #nav-global .submenu .link-panel:hover, #nav-global .submenu .link-panel:focus, #nav-global .submenu .link-panel:active{
    text-decoration: underline;
  }
}

/* =====================================
FLOATING LOCAL NAVIGATION
------------------------------------- */
html.htmlfixed{
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
html.globalMenu_open{
  background-color: #f2f2f2;
}
html.FLN_open{
  background-color: #fff;
}
body.bodyfixed{
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.floating-local-nav-outer{
  position: relative;
  min-height: 36px;
}
#floating-local-nav{
  width: 100%;
  padding: 0 30px;
  border-bottom: 1px solid #d6d6d6;
}
.static #floating-local-nav{
  position: static;
}
.floating-local-nav-inner{
  max-width: 1112px;
  width: 100%;
  background: #fff;
  margin: 0 auto;
  letter-spacing: -1em;
  min-height: 35px;
}
.floating-local-nav-inner > *{
  margin-bottom: 0;
}
.floating-local-nav-inner > .nav-logo{
  float: left;
  position: relative;
  display: inline-block;
  width: -ms-calc(100% / 6);
  width: -webkit-calc(100% / 6);
  width: calc(100% / 6);
  height: 35px;
  vertical-align: top;
  letter-spacing: normal;
}
.floating-local-nav-inner > .nav-logo img{
  width: 112px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.floating-local-nav-item-menu,
.static .floating-local-nav-item-menu{
  display: none;
}
.floating-local-nav-primary{
  width: 100%;
  vertical-align: top;
}
.floating-local-nav-category{
  float: left;
  font-weight: bold;
}
.floating-local-nav-category,
.floating-local-nav-primary > li{
  display: inline-block;
  text-align: center;
  vertical-align: top;
  letter-spacing: normal;
  padding: 0 1px;
}
.floating-local-nav-button, .floating-local-nav-button:visited{
  position: relative;
  height: 35px;
  font-size: 0.88em;
  line-height: 1.2;
  display: block;
  color: #000;
  -webkit-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  will-change: background-color, color;
}
.floating-local-nav-button:active, .floating-local-nav-button:focus{
  text-decoration: none;
}
.current a.floating-local-nav-button{
  color: #0b308e;
}
.current a.floating-local-nav-button:after{
  content: "";
  bottom: 0;
  height: 4px;
  background-color: #0b308e;
  position: absolute;
  left: 0;
  right: 0;
  display: block;
}

.no-touch .floating-local-nav-button:hover, .static .floating-local-nav-button:hover,
.floating-local-nav-category.current a.floating-local-nav-button:hover{
  color: #000;
  background: #c5d4fa;
  text-decoration: none;
}
.floating-local-nav-button[aria-pressed="true"], .floating-local-nav-button:hover[aria-pressed="true"],
.current a.floating-local-nav-button[aria-pressed="true"], .current a.floating-local-nav-button:hover[aria-pressed="true"]{
  color: #fff;
  background-color: #0b308e;
}

@media only screen and (min-width: 960px){
  .floating-local-nav-button[aria-pressed="true"]:after,
  .current a.floating-local-nav-button[aria-pressed="true"]:after{
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background-color: #0b308e;
    position: absolute;
    top: 100%;
    left: 0;
  }
}
.floating-local-nav-primary .special-link{
  position: relative;
  line-height: 1;
  font-weight: bold;
  color: #000;
  background: #e9b226;
  border: none;
}
.floating-local-nav-primary .special-link:hover,
.floating-local-nav-primary .special-link:focus{
  background: #fff;
  text-decoration: none;
}
.floating-local-nav-submenu{
  transition: height .2s;
  margin-top: 0;
  background-color: #0b308e;
  border-bottom: 1px solid #fff;
}
#floating-local-nav .floating-local-nav-submenu[aria-expanded="true"]{
  border-bottom: 1px solid #d6d6d6;
}
#floating-local-nav.menufixed .floating-local-nav-submenu[aria-expanded="true"]{
  border-top: 1px solid #d6d6d6;
}
.floating-local-nav-submenu .close{
  background-color: #0b308e;
  border: 1px solid #fff;
}
.floating-local-nav-submenu .close:hover, .floating-local-nav-submenu .close:focus, .floating-local-nav-submenu .close:active{
  background-color: #fff;
  color: #0b308e;
}
.floating-local-nav-submenu .close:hover span:before, .floating-local-nav-submenu .close:hover span:after,
.floating-local-nav-submenu .close:focus span:before, .floating-local-nav-submenu .close:focus span:after{
  background-color: #0b308e;
}
.floating-local-nav-submenu-inner .list-link{
  margin: 2em 0 0 0;
  text-align: left;
}
.floating-local-nav-submenu-inner .list-link > li{
  margin-top: 0;
  padding: 0;
}
.floating-local-nav-submenu .list-link > li a{
  padding: .4687em 15px .4687em 35px;
}
.floating-local-nav-submenu .list-link > li a:before{
  top: .9937em;
  left: 15px;
}
.floating-local-nav-submenu-inner .list-link > li.current a,
.floating-local-nav-submenu-inner .list-link > li.current a:hover{
  color: #000;
  font-weight: bold;
  background-color: #c5cbe1;
  text-decoration: none;
}
.floating-local-nav-submenu-inner .list-link > li.current a:before{
  border-color: #000;
}

/* FIX IE8以外 html:not(.no-canvas) */
html:not(.no-canvas) #floating-local-nav.menufixed{
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  padding-top: 0;
}
html:not(.no-canvas) #floating-local-nav.local_menu_hide{
  padding-top: 55px !important;
  opacity: 0;
  z-index: -1;
}
html:not(.no-canvas) #floating-local-nav.menufixed .floating-local-nav-inner > .nav-logo{
  width: 140px;
}

/* media query FIX min-width: 960px */
@media only screen and (min-width: 960px){
  .floating-local-nav-outer{
    z-index: 14;
  }
  #floating-local-nav.menufixed .floating-local-nav-primary{
    padding-left: 140px;
  }
  .floating-local-nav-button,
  .floating-local-nav-primary .special-link{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1em;
  }
  .floating-local-nav-button.floating-local-nav-button-arrowR,
  .floating-local-nav-button.floating-local-nav-button-arrowB{
    padding: 0 1.5em 0 1.8em;
  }
  .floating-local-nav-primary a.special-link{
    height: 26px;
    border: 2px solid #e9b226;
    margin: 5px;
    font-size: 0.88em;
  }
}/* end  min-width: 960px */

/* media query FIX  max-width: 959px */
@media only screen and (max-width: 959px){
  #floating-local-nav{
    padding: 0;
    z-index: 14;
  }
  .csstransitions .floating-local-nav-outer{
    height: 0;
    min-height: 0;
  }
  .csstransitions #floating-local-nav{
    border-color: #f2f2f2;
    border-top: 1px solid #f2f2f2;
    transition: height 1s, top .3s;
  }
  .csstransitions #floating-local-nav[aria-expanded="true"]{
    position: relative;
    max-height: 100%;
    overflow: visible;
    border-bottom: none;
  }
  .csstransitions #floating-local-nav.menufixed{
    z-index: 1003;
  }
  .csstransitions #floating-local-nav.menufixed .nav-logo{
    position: relative;
    top: 0;
    left: 0;
    float: none;
    width: 140px !important;
    height: 53px;
    padding: 16px 14px;
  }
  .csstransitions #floating-local-nav .nav-logo a img{
    position: relative;
    width: auto;
  }
  .csstransitions #floating-local-nav ul{
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  .csstransitions .floating-local-nav-inner{
    min-height: 52px;
  }
  html.FLN_open.csstransitions .floating-local-nav-inner{
    height: 100vh;
  }
  .csstransitions .floating-local-nav-item-menu{
    cursor: pointer;
    position: relative;
    display: inline-block;
    color: #fff;
    background-color: #0b308e;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: normal;
    line-height: 50px;
    padding: 0 25px 0 10px;
    margin-top: 2px;
    border-left: solid 2px #fff;
    float: right;
  }
  .csstransitions .floating-local-nav-item-menu[aria-expanded="true"]{
    padding-bottom: 2px;
  }
  .csstransitions .floating-local-nav-item-menu:before{
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: inherit;
    right: 10px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    margin-top: 0;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .csstransitions .floating-local-nav-item-menu[aria-expanded="true"]:before{
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .csstransitions #floating-local-nav.menufixed .floating-local-nav-primary,
  .csstransitions #floating-local-nav.menufixed .floating-local-nav-primary > li{
    width: 100%;
  }
  html.FLN_open.csstransitions #floating-local-nav.menufixed .floating-local-nav-primary{
    overflow-y: auto;
    height: calc(100% - 54px);
  }
  .csstransitions .floating-local-nav-primary, .csstransitions .floating-local-nav-primary li, .csstransitions .floating-local-nav-submenu .list-link.col3 > li, .edge .floating-local-nav-submenu .list-link.col3 > li, .ie.csstransitions .floating-local-nav-submenu .list-link.col3 > li, .csstransitions .floating-local-nav-primary .floating-local-nav-button, .csstransitions .floating-local-nav-primary>li>a.special-link{
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
    color: #fff;
  }
  .csstransitions .floating-local-nav-primary{
    color: #fff;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
  }
  .csstransitions .floating-local-nav-primary > li.current{
    background-color: #0f42c5;
  }
  .csstransitions .floating-local-nav-primary[aria-expanded="false"]{
    visibility: hidden;
    max-height: 0px;
  }
  .csstransitions .floating-local-nav-primary .menu-small-text{
    font-size: 1em !important;
  }
  .csstransitions .floating-local-nav-primary > li{
    font-size: 1em;
    border-bottom: 1px solid #fff;
    background: #0b308e;
  }
  .csstransitions .floating-local-nav-primary > li.opened{
    border-bottom: none;
    margin: 0;
    padding: 0;
  }
  .csstransitions .floating-local-nav-category{
    position: relative;
    width: 225px;
    min-height: 53px;
    float: none;
  }
  .csstransitions .floating-local-nav-category.current{
    background: transparent;
  }
  .csstransitions .floating-local-nav-button{
    font-size: 1.5rem;
  }
  .csstransitions .floating-local-nav-category a.floating-local-nav-button,
  .csstransitions .floating-local-nav-category.current a.floating-local-nav-button{
    display: flex;
    align-items: center;
    padding: 0 1em;
    position: absolute;
    top: 50%;
    left: 20px;
    line-height: 1.2;
    font-size: 1.5rem;
    color: #000;
    text-align: left;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .csstransitions .current a.floating-local-nav-button:after{
    display: none;
  }
  .csstransitions .floating-local-nav-category:before{
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: 5px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    margin-top: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .no-touch.csstransitions .floating-local-nav-category a.floating-local-nav-button:hover, .csstransitions .floating-local-nav-category a.floating-local-nav-button:active, .csstransitions .floating-local-nav-category a.floating-local-nav-button:focus, .static.csstransitions .floating-local-nav-category a.floating-local-nav-button:hover{
    color: #000;
    background: transparent;
    text-decoration: none;
  }
  .csstransitions .floating-local-nav-button,
  .csstransitions .floating-local-nav-primary>li>a.special-link{
    position: relative;
    padding: 1.5em 3em 1.5em 2em;
    line-height: 1.15;
  }
  .csstransitions.no-touch .floating-local-nav-button:hover{
    color: #fff;
    background: #1f45a8;
  }
  .csstransitions .floating-local-nav-button:focus{
    text-decoration: underline;
  }
  .csstransitions .floating-local-nav-button[aria-expanded="true"]{
    background: #0b308e;
  }
  .csstransitions.no-touch .floating-local-nav-button.current:hover,
  .csstransitions .floating-local-nav-button.current:focus{
    background: #1f45a8;
  }
  .csstransitions .floating-local-nav-button.current:after{
    display: none;
  }
  .csstransitions .floating-local-nav-primary .floating-local-nav-button:before{
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: inherit;
    right: 1em;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    margin-top: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .csstransitions .floating-local-nav-button[aria-expanded="false"]:before{
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .csstransitions .floating-local-nav-button[aria-expanded="true"]:before{
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .csstransitions .floating-local-nav-inner > .special-link{
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 120px;
    height: 48px;
    color: #000;
    background-color: #e9b226;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    letter-spacing: normal;
    margin-top: 2px;
    border: 2px solid #e9b226;
    float: right;
  }
  .csstransitions.ie .floating-local-nav-inner > .special-link{
    height: 50px;
  }
  .csstransitions #floating-local-nav[aria-expanded="true"] .floating-local-nav-inner > .special-link{
    display: none;
  }
  .csstransitions.no-touch .floating-local-nav-inner > .special-link:hover,
  .csstransitions .floating-local-nav-inner > .special-link:focus{
    background: #fff;
    text-decoration: none;
  }
  .csstransitions .floating-local-nav-inner > a.special-link span{
    position: absolute;
    top: 50%;
    left: 50%;
    width: -webkit-calc(100% - 10px);
    width: -ms-calc(100% - 10px);
    width: calc(100% - 10px);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
  .csstransitions .floating-local-nav-primary>li>a.special-link{
    height: auto;
    line-height: 1.15;
    color: #000;
  }
  .csstransitions .floating-local-nav-primary>li>a.special-link:before{
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: inherit;
    right: 1em;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    margin-top: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #000;
  }
  .csstransitions .floating-local-nav-primary>li>a.special-link > span > br{
	   display: none;
  }
  .csstransitions .floating-local-nav-submenu{
    position: static;
    padding: 0;
    background-color: #fff;
  }
  .csstransitions .opened .floating-local-nav-submenu{
    display: block;
    box-shadow: none;
  }
  .csstransitions .floating-local-nav-submenu .close{
    display: none;
  }
  .csstransitions .floating-local-nav-submenu > .floating-local-nav-submenu-inner{
    display: block;
    padding: 0;
    -webkit-transition: max-height 1s linear 0s;
    transition: max-height 1s linear 0s;
  }
  .csstransitions .floating-local-nav-submenu-inner .list-link{
    margin: 0;
  }
  .csstransitions .floating-local-nav-submenu-inner .list-link > li{
    color: #000;
    background: #fff;
    margin: 0;
    padding: 0;
  }
  .csstransitions .floating-local-nav-submenu-inner .list-link>li>a{
    display: block;
    padding: 1.5em 3em 1.5em 2.5em;
    border-top: 1px solid #d6d6d6;
    line-height: 1.15;
    color: #000;
    font-weight: bold;
  }
  .csstransitions .floating-local-nav-submenu-inner .list-link > li.current > a{
    background-color: #c4d3f9;
  }
  .csstransitions .floating-local-nav-submenu-inner .list-link > li.current > a:focus{
    text-decoration: underline;
  }
  .csstransitions .floating-local-nav-submenu-inner .list-link > li:first-child > a{
    border-top: 0;
  }
  .csstransitions .floating-local-nav-submenu-inner .list-link>li>a:before{
    top: calc(50% - 4px);
    left: inherit;
    right: 1em;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    margin-top: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  /* no-js FIX */
  .static.csstransitions .floating-local-nav-outer{
    position: relative;
    min-height: 49px;
    height: 100%;
  }
  .static.csstransitions .floating-local-nav-primary{
    width: -webkit-calc(100% - 154px);
    width: -ms-calc(100% - 154px);
    width: calc(100% - 154px);
    max-height: 100%;
    display: inline-block;
    text-align: center;
    background: transparent;
  }
  .static.csstransitions .floating-local-nav-primary[aria-expanded="false"]{
    visibility: visible;
  }
  .static.csstransitions .floating-local-nav-primary > li{
    display: inline-block;
    width: auto;
    margin: .14286em 2px;
    padding: 0;
  }
  .static.csstransitions .floating-local-nav-button{
    padding: .5em 8px;
    color: #000;
  }
  .static.csstransitions .floating-local-nav-primary>li>a.special-link{
    padding: .5em 8px;
    border: 2px solid #e9b226;
  }
  .static.csstransitions .floating-local-nav-primary>li>a.special-link:hover, .static.csstransitions .floating-local-nav-primary>li>a.special-link:focus, .static.csstransitions .floating-local-nav-primary>li>a.special-link:active{
    border: 2px solid #e9b226;
  }
  .static.csstransitions .floating-local-nav-button:hover, .static.csstransitions .floating-local-nav-button:focus, .static.csstransitions .floating-local-nav-button:active, .static.csstransitions .floating-local-nav-category:hover, .static.csstransitions .floating-local-nav-category:focus, .static.csstransitions .floating-local-nav-category:active{
    color: #fff;
    background: #777 !important;
    text-decoration: none;
  }
  .static.csstransitions .floating-local-nav-button:before,
  .static.csstransitions .floating-local-nav-primary>li>a.special-link:before{
    display: none;
  }
  .static.csstransitions .floating-local-nav-category{
    min-height: 31px;
  }
  .static.csstransitions .floating-local-nav-category a{
    height: 30px;
  }
  .static.csstransitions .floating-local-nav-category a:hover, .static.csstransitions .floating-local-nav-category a:focus,
  .static.csstransitions .floating-local-nav-category:hover a, .static.csstransitions .floating-local-nav-category:focus a{
    color: #fff;
  }
  .static.csstransitions .floating-local-nav-category:hover:before, .static.csstransitions .floating-local-nav-category:focus:before{
    border-color: #fff;
  }
}/* end max-width: 959px */

/* media query FIX  max-width: 767px */
@media only screen and (max-width: 767px){
  .csstransitions .with-special-link .floating-local-nav-category,
  .csstransitions #floating-local-nav.menufixed .floating-local-nav-category{
    width: 154px;
  }
}

/* media query FIX  max-width: 374px */
@media only screen and (max-width: 374px){
  .csstransitions #floating-local-nav .floating-local-nav-category{
    max-width: 100% !important;
  }
  .csstransitions #floating-local-nav .with-special-link .floating-local-nav-category{
    max-width: 120px !important;
  }
  .csstransitions #floating-local-nav .floating-local-nav-category a.floating-local-nav-button{
    width: 90% !important;
    font-size: 1.4rem;
  }
  .csstransitions #floating-local-nav .with-special-link .floating-local-nav-category a.floating-local-nav-button{
    width: 100px !important;
    font-size: 1.4rem;
  }
  .csstransitions #floating-local-nav.menufixed .floating-local-nav-inner > .nav-logo,
  html:not(.no-canvas) #floating-local-nav.menufixed .floating-local-nav-inner > .nav-logo{
    width: 130px !important;
  }
  .csstransitions #floating-local-nav.menufixed .floating-local-nav-inner > .nav-logo a{
    display: block;
    height: 100%;
  }
  .csstransitions #floating-local-nav.menufixed .floating-local-nav-category,
  .csstransitions #floating-local-nav.menufixed .with-special-link .floating-local-nav-category{
    max-width: 114px !important;
  }
  .csstransitions #floating-local-nav.menufixed .floating-local-nav-category a,
  .csstransitions #floating-local-nav.menufixed .with-special-link .floating-local-nav-category a{
    width: 90px !important;
  }
}/* end max-width: 374px */

/* FIX ~IE10 .no-webgl */
@media only screen and (min-width: 960px){
  .no-webgl .floating-local-nav-button{
    padding-top: 7px;
  }
}
@media only screen and (max-width: 959px){
  .no-webgl .floating-local-nav-category .floating-local-nav-button{
    display: table;
  }
  .no-webgl .floating-local-nav-category a.floating-local-nav-button > span{
    display: table-cell;
    vertical-align: middle;
  }
}

/* FIX ~IE9 .no-csstransitions */
.no-csstransitions #floating-local-nav{
  padding: 0;
}
.no-csstransitions #floating-local-nav.menufixed{
  max-width: 980px;
  padding: 0;
  margin-left: -ms-calc(50% - 490px);
  margin-left: calc(50% - 490px);
}
.no-csstransitions .floating-local-nav-submenu .list-link.col3 > li{
  display: inline-block;
  width: 32%;
}

/* FIX IE8 .no-canvas */
.no-canvas .floating-local-nav-category a.floating-local-nav-button span{
  position: static;
  top: auto;
  left: auto;
}
.no-canvas .floating-local-nav-category a.floating-local-nav-button span,
.no-canvas a.floating-local-nav-button span{
  padding-top: 5px;
  display: block;
}
.no-canvas .floating-local-nav-primary a.special-link{
  display: inline-block;
  width: 90%;
  padding: 7px 0;
  margin: 5px 0;
}
.no-csstransitions .floating-local-nav-submenu .list-link.col3 > li a{
  display: block;
}
/* floating-local-nav カラム数別サイズ */
/* デフォルト設定：7カラム */
.no-canvas .floating-local-nav-primary{
  width: 840px;
}
.no-canvas .floating-local-nav-category,
.no-canvas .floating-local-nav-primary > li{
  width: 140px;
}

/* no-js の時「floating local nav」無し設定 */
.static .floating-local-nav-outer{
  display: none;
}

/* ===========================
breadcrumb
--------------------------- */
.breadcrumb{
  padding: 0 30px;
}

.breadcrumb>ol{
  padding: .3125em 0;
}

.breadcrumb>ol>li{
  position: relative;
  float: left;
}

.breadcrumb>ol>li:before, .breadcrumb>ol>li:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 7px;
  height: 1px;
  background-color: #666;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.breadcrumb>ol>li:before{
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.breadcrumb>ol>li:after{
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.breadcrumb>ol>li:last-child:before, .breadcrumb>ol>li:last-child:after{
  content: none;
}

.breadcrumb>ol>li>a, .breadcrumb>ol>li>em{
  display: block;
  font-size: 1.4rem;
}

.breadcrumb>ol>li>a{
  margin-right: 28px;
  text-decoration: underline;
}

.breadcrumb>ol>li>a:hover, .breadcrumb>ol>li>a:focus, .breadcrumb>ol>li>a:active{
  text-decoration: none;
}

.breadcrumb>ol>li>em{
  color: #666;
  font-weight: normal;
}

.breadcrumb.reprise{
  border-top: 1px solid #d6d6d6;
  background-color: #fff;
}

@media only screen and (max-width: 959px){
  .breadcrumb{
    display: none;
    line-height: 1.8;
    padding: 0 16px;
  }
  .breadcrumb{
    height: 0;
  }
  .breadcrumb>ol>li>a, .breadcrumb>ol>li>em{
    font-size: 1rem;
  }
  .breadcrumb>ol>li>a{
    margin-right: 20px;
  }
  .breadcrumb>ol>li>a:before, .breadcrumb>ol>li>a:after{
    right: -13px;
    width: 5px;
    height: 1px;
    margin-top: -1px;
  }
  .breadcrumb.reprise{
    display: block;
    height: auto;
  }
  .static .breadcrumb{
    display: block;
    height: auto;
  }
}

html.globalMenu_open .breadcrumb.reprise, html.FLN_open .breadcrumb.reprise{
  visibility: hidden;
}

/* ===========================
footer
--------------------------- */
#footer{
  padding: 0 30px;
  background-color: #e6e6e6;
}
html.globalMenu_open #footer, html.FLN_open #footer{
  visibility: hidden;
}

@media only screen and (max-width: 768px){
  #footer{
    padding: 0 16px;
  }
}

.footer-pagetop{
  position: fixed;
  right: 28px;
  bottom: 50px;
  z-index: 12;
  margin: 0;
}

.footer-pagetop>a{
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #595959;
  background-color: rgba(0, 0, 0, .66);
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.footer-pagetop>a:hover, .footer-pagetop>a:focus, .footer-pagetop>a:active{
  background-color: rgba(64, 64, 64, .7);
}

.footer-pagetop>a:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 12px;
  margin: -7px 0 0 -10px;
  transform: none;
  background: url(/shared/images/arrow_pagetop_l.png) no-repeat;
  background-size: 20px 12px;
}

.static .footer-pagetop{
  bottom: 50px;
}

@media only screen and (max-width: 768px){
  .footer-pagetop{
    right: 10px;
  }
  .footer-pagetop>a{
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 7px rgba(4,0,0,0.5);
    opacity: 0.60;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    will-change: opacity;
  }

  .footer-pagetop>a:hover, .footer-pagetop>a:focus, .footer-pagetop>a:active{
    opacity: 1;
    background-color: #fff;
  }

  .footer-pagetop>a:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 12px;
    margin: -7px 0 0 -10px;
    transform: none;
    background: url(/shared/images/arrow_pagetop_l-02.png) no-repeat;
    background-size: 20px 12px;
  }
}

.footer-link-01{
  line-height: 1.4;
  margin: 0 -15px;
  padding-top: 1em;
}

.footer-link-01 a{
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #333;
}

.footer-link-01 a:before{
  content: "";
  position: absolute;
  top: 50%;
  display: block;
}

.footer-link-01>li{
  width: 100%;
  margin-bottom: 1em;
  padding: 0 15px;
}

.footer-link-01>li>a{
  font-weight: bold;
}

.footer-link-01>li>a:before{
  left: 3.5px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #08107b;
  border-right: 2px solid #08107b;
  margin-top: -4px;
}

.footer-link-01>li>ul{
  margin: 0;
  font-size: 1.3rem;
}

.footer-link-01>li>ul>li{
  margin-top: .6em;
  padding-right: 1.3em;
  display: inline-block;
}

.footer-link-01>li>ul>li>a:before{
  left: 4.5px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #08107b;
  border-right: 1px solid #08107b;
  margin-top: -3px;
}

.footer-link-01 .link-icon{
  top: .125em;
}

.footer-link-01 li.rows2{
  width: 50%;
}

.footer-link-01 li.rows2 a:nth-child(1){
  width: 100%;
}

.footer-link-01 li.rows2 ul{
  width: 50%;
  float: left;
}
.footer-link-01 li.rows2 ul:last-child{
  padding-left: 15px;
}

.footer-link-01 li.rows2 ul li:nth-child(1){
  margin-top: 0;
}

@media only screen and (max-width: 980px){
  .footer-link-01 li.rows2{
    width: calc(100% / 3);
  }
  .ie .footer-link-01 li.rows2, .edge .footer-link-01 li.rows2{
    width: 33.33333%;
  }
  .footer-link-01 li.rows2 a:nth-child(1){
    width: 100%;
  }
  .footer-link-01 li.rows2 ul{
    width: 100%;
    float: none;
  }
  .footer-link-01 li.rows2 ul:last-child{
    padding-left: 0;
  }
  .footer-link-01 li.rows2 ul:nth-child(n+3){
    margin-top: 0.6em;
  }
}

@media only screen and (max-width: 768px){
  .footer-link-01{
    margin: 0;
    border-bottom: 1px solid #bdbdbd;
    padding: 0;
  }
  .footer-link-01>li{
    width: 50%;
    margin-bottom: -1px;
    border: 1px solid #bdbdbd;
    border-left: none;
    padding: 0;
  }
  .footer-link-01>li>a{
    display: block;
    padding: .5em 5px .5em 30px;
  }
  .footer-link-01>li>a:before{
    left: 12px;
  }
  .footer-link-01>li>ul{
    display: none;
  }
  .ie .footer-link-01>li, .edge .footer-link-01>li{
    width: 50%;
  }
  .footer-link-01 li.rows2, .ie .footer-link-01 li.rows2, .edge .footer-link-01 li.rows2{
    width: 50%;
  }
}

.footer-link-02-wrapper{
  padding-top: .75em;
  padding-bottom: .75em;
}

.footer-link-02{
  line-height: 1.6;
  margin-bottom: 0;
  font-size: 1.4rem;
  display: inline-block;
}

.footer-link-02>li{
  position: relative;
  display: inline-block;
  margin: .5em 0;
  padding-right: 20px;
  padding-left: 20px;
}

.footer-link-02>li:last-child:after{
  content: none;
}

.footer-link-02>li>a{
  position: relative;
  display: block;
  margin-left: -20px;
  padding-left: 20px;
  color: #666;
}

.footer-link-02>li>a:before{
  content: "";
  position: absolute;
  top: .5em;
  left: 1px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
}

.footer-link-02 .link-icon{
  top: .125em;
}

.footer-toggle-01+.footer-link-02-wrapper{
  border-top: 1px solid #bdbdbd;
}

@media only screen and (max-width: 768px){
  .footer-link-02-wrapper{
    margin-left: -16px;
    margin-right: -16px;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
  .footer-link-02{
    font-size: 1.2rem;
    text-align: center;
    display: block;
  }
  .footer-link-02>li{
    margin: .325em 0;
    padding-right: 16px;
  }
  .footer-toggle-01+.footer-link-02-wrapper{
    border-top: none;
  }
}

.footer-copyright{
  line-height: 1.6;
  margin: 0;
  color: #666;
  font-size: 1.4rem;
  text-align: center;
  display: inline-block;
}

@media only screen and (max-width: 768px){
  .footer-copyright{
    font-size: 1.2rem;
    display: block;
    text-align: center;
    padding-top: 1em;
  }
}

.footer-toggle-01{
  line-height: 1.4;
  margin: 0 -15px;
  padding: 2.5em 0 .25em 0;
}
.footer-toggle-01>li{
  width: 100%;
  margin-bottom: 1em;
  padding: 0 15px;
}
.footer-toggle-01>li>a, .footer-toggle-01>li>.ui{
  position: relative;
  display: block;
  padding-left: 30px;
  color: #333;
  font-weight: bold;
  line-height: 25px;
  cursor: pointer;
}
.footer-toggle-01>li>a{
  display: table;
}
.footer-toggle-01>li>a>span{
  display: table-cell;
  vertical-align: middle;
}
.footer-toggle-01>li>a .link-icon{
  height: 25px;
  margin-right: 10px;
  vertical-align: middle;
}
.footer-toggle-01>li>a .link-icon:first-child{
  margin-left: 10px;
}
.footer-toggle-01>li>a:hover{
  text-decoration: none;
}
.footer-toggle-01>li>a:hover>span{
  text-decoration: underline;
}
.footer-toggle-01>li>a:before{
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  left: 3.5px;
  width: 12px;
  height: 12px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  margin-top: -6px;
}
.footer-toggle-01>li>.ui{
  position: relative;
  width: 100%;
  padding-right: 40px;
  text-align: left;
  background-color: #e6e6e6;
}
.footer-toggle-01>li>.ui[aria-pressed]:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border-right: 3px solid #08107b;
  border-bottom: 3px solid #08107b;
}
.footer-toggle-01>li>.ui[aria-pressed="true"]:before{
  margin-top: -4px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.toggle-wrap .footer-toggle-01>li>.content{
  display: block;
}
.footer-toggle-01>li>.content{
  padding: .4905em 20px .01em 20px;
  display: none;
}
.footer-toggle-01>li>.content:first-of-type{
  margin-top: 0;
}
.footer-toggle-01>li>.content{
  display: none;
}
.footer-toggle-01>.opened>.content{
  display: block;
}
.static .footer-toggle-01>li>.content{
  display: block;
}

@media only screen and (max-width: 768px){
  .footer-toggle-01{
    padding: 0;
    margin: 0 -17px;
  }
  .footer-toggle-01>li{
    /*width: 50%;*/
    margin-bottom: -1px;
    border: 1px solid #bdbdbd;
    border-left: none;
    padding: 0;
  }
  .footer-toggle-01>li:last-child{
    width: 100%;
    border: none;
  }
  .footer-toggle-01>li>a{
    display: block;
    padding: .5em 5px .5em 30px;
  }
  .footer-toggle-01>li>a:before{
    left: 12px;
    width: 7px;
    height: 7px;
    border-top: 2px solid;
    border-right: 2px solid;
  }
  .footer-toggle-01>li>a .link-icon{
    display: none;
  }
  .footer-toggle-01>li>.ui,
  .footer-toggle-01>li>.ui,
  .footer-toggle-01>li>.ui:before{
    display: none;
  }
  .footer-toggle-01>li>.content{
    display: block;
    padding: 0;
  }
}

/* ===========================
content
--------------------------- */
#main{
  display: block;
}
html.globalMenu_open #main, html.FLN_open #main{
  visibility: hidden;
}

.no-canvas #main{
  margin-top: 0 !important;
}

#main .area-content{
  padding: 0 30px;
}

#main .area-content.product-content{
  padding: 0;
}

#main .area-content.product-content .hdg-categorytop-01{
  background-image: url(/images/banner-03.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  margin: -2em 0 0 0;
  min-height: 580px;
  height: 100%;
  position: relative;
}

#main .area-content.product-content .product-content-inner{
  width: 100%;
  margin: 0 auto;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

#main .area-content>.area-content-inner{
  padding: 2em 0 2.5em 0;
}

#main .area-content.product-content .area-content-inner.product-content-inner{
  padding: 7em 0 2.5em 0;
}

@media only screen and (max-width: 1040px){
  #main .area-content.product-content .hdg-categorytop-01{
    margin: -2em 0 0 0;
    min-height: 480px;
  }
  #main .area-content.product-content .area-content-inner.product-content-inner{
    padding: 5em 0 2.5em 0;
  }
}

@media only screen and (max-width: 880px){
  #main .area-content.product-content .hdg-categorytop-01{
    margin: -2em 0 0 0;
    min-height: 380px;
  }
  #main .area-content.product-content .area-content-inner.product-content-inner{
    padding: 5em 0 2.5em 0;
  }
}

@media only screen and (min-width: 769px){
  #main .area-content.product-content .area-content-inner.product-content-inner .product-content-inner-text{
    /*background-color: rgb(255 255 255 / 60%);*/
    padding: 10px 20px;
    margin-left:-15px;
    width:60%;
  }
}

@media only screen and (max-width: 768px){
  #main{
    line-height: 1.6;
  }
  #main .area-content{
    padding: 0 16px;
  }
  #main .area-content>.area-content-inner{
    padding: 1em 0 2em 0;
  }
  #main .area-content.product-content .hdg-categorytop-01{
    background-image: url(/images/banner-03-mobile.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    background-color: #1e60b5;
    margin: -2em 0 0 0;
    padding-top: 100%;
    padding-bottom: 0;
    min-height: 480px;
    height: 100%;
    position: relative;
    color: #fff;
  }
  #main .area-content.product-content h2.hdg{
    color: #fff;
  }
  #main
    .area-content.product-content
    .area-content-inner.product-content-inner{
    padding: 0;
  }
  #main .area-content.product-content .lyt-2col-1col{
    margin-top: 32px;
  }
}

#nav-local{
  padding: 32px 30px 24px 30px;
  background-color: #08107b;
}

@media only screen and (max-width: 768px){
  #nav-local{
    padding: 32px 16px 24px 16px;
  }
}

.nav-local-01{
  padding-left: 32px;
  padding-right: 32px;
  font-size: 1.4rem;
  text-align: center;
}

.nav-local-01>li{
  display: inline-block;
  margin: 0 2.0625px .57143em 2.0625px;
}

.nav-local-01>li>a{
  line-height: 1.45;
  display: block;
  border: 1px solid #fff;
  padding: .28572em 10px;
  background-color: rgba(82, 82, 82, 0);
  color: #fff;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.nav-local-01>li>a.active, .nav-local-01>li>a:hover, .nav-local-01>li>a:focus, .nav-local-01>li>a:active{
  border-color: #e9b226;
  background-color: #e9b226;
  color: #333;
  text-decoration: none;
}

.nav-local-01>li>a.current{
  border-color: #e9b226;
  background-color: #e9b226;
  color: #333;
}

.nav-local-01>li>a.current:hover, .nav-local-01>li>a.current:focus, .nav-local-01>li>a.current:active{
  background-color: #e9b226;
}

#nav-local-02>li>a.active, #nav-local-02>li>a.current{
  background-color: #e9b226;
  color: #333;
  padding-left: 30px;
  padding-right: 10px;
}

#nav-local-02>li>a.active:before,
#nav-local-02>li>a.current:before{
  left: 11px;
}

.nav-local-01.lower-01{
  padding-top: 32px;
  padding-bottom: 24px;
  background-color: #232a89;
}

.nav-local-01.lower-01>li>a{
  border-color: #fff;
  background-color: rgba(102, 102, 102, 0);
}

.nav-local-01.lower-01>li>a.active, .nav-local-01.lower-01>li>a:hover, .nav-local-01.lower-01>li>a:focus, .nav-local-01.lower-01>li>a:active{
  border-color: #e9b226;
  background-color: #e9b226;
}

.nav-local-01.lower-01>li>a.current{
  border-color: #e9b226;
  background-color: #e9b226;
}

.nav-local-01.lower-01>li>a.current:hover, .nav-local-01.lower-01>li>a.current:focus, .nav-local-01.lower-01>li>a.current:active{
  background-color: #e9b226;
}

.nav-local-01.lower-01+.nav-local-01{
  padding-top: 32px;
}

@media only screen and (max-width: 768px){
  .nav-local-01{
    padding-left: 0;
    padding-right: 0;
  }
  .nav-local-01.lower-01{
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* =====================================
module
------------------------------------- */
p, ul, ol, dl, table{
  margin-bottom: 1.4375em;
}

/* ===========================
adjust
--------------------------- */
.mt-0{
  margin-top: 0 !important;
}

.mt-1{
  margin-top: .5em !important;
}

.mt-2{
  margin-top: 1em !important;
}

.mt-3{
  margin-top: 1.5em !important;
}

.mt-4{
  margin-top: 2em !important;
}

.mt-5{
  margin-top: 2.5em !important;
}

.mt-6{
  margin-top: 3em !important;
}

.mt-7{
  margin-top: 3.5em !important;
}

.mt-8{
  margin-top: 4em !important;
}

.mt-9{
  margin-top: 4.5em !important;
}

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

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

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

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

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

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

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

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

.mr-8{
  margin-right: 80px !important;
}

.mr-9{
  margin-right: 90px !important;
}

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

.mb-1{
  margin-bottom: 0.5em !important;
}

.mb-2{
  margin-bottom: 1em !important;
}

.mb-3{
  margin-bottom: 1.5em !important;
}

.mb-4{
  margin-bottom: 2em !important;
}

.mb-5{
  margin-bottom: 2.5em !important;
}

.mb-6{
  margin-bottom: 3em !important;
}

.mb-7{
  margin-bottom: 3.5em !important;
}

.mb-8{
  margin-bottom: 4em !important;
}

.mb-9{
  margin-bottom: 4.5em !important;
}

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

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

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

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

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

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

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

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

.ml-8{
  margin-left: 80px !important;
}

.ml-9{
  margin-left: 90px !important;
}

.pt-0{
  padding-top: 0 !important;
}

.pt-1{
  padding-top: 0.5em !important;
}

.pb-0{
  padding-bottom: 0 !important;
}

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

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

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

.va-t, .va-t td, .va-t th{
  vertical-align: top !important;
}

.va-m, .va-m td, .va-m th{
  vertical-align: middle !important;
}

.va-b, .va-b td, .va-b th{
  vertical-align: bottom !important;
}

.fs-s{
  font-size: 87.5% !important;
}

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

.fs-l{
  font-size: 112.5% !important;
}

.serif{
  font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* ===========================
layout
--------------------------- */
.lyt-short-col{
  position: relative;
}
.lyt-col-01{
  margin: 0 -15px;
}

.lyt-col-01>.col,
.GWD-navCountry .lyt-col-01{
  padding: 0 15px;
}

.GWD-navCountry .lyt-col-01{
  margin:0;
  padding: 0;
}

.lyt-col-01>.col>.hdg-section-01:first-child,
.lyt-col-01>.col>.hdg-section-06:first-child{
  margin-top: 1.35714em;
}

.lyt-col-01>.col>.hdg-section-02:first-child{
  margin-top: 1.08333em;
}

.lyt-col-01>.col>.hdg-section-03:first-child{
  margin-top: 1.09091em;
}

.lyt-col-01>.col>.hdg-section-04:first-child{
  margin-top: 1.3em;
}

.lyt-col-01>.col>.hdg-section-05:first-child{
  margin-top: 1.44444em;
}

.lyt-col-01.col2>.col{
  width: 50%;
}

.lyt-col-01.col3>.col{
  width: calc(100% / 3);
}

.lyt-col-01.col4>.col,
.lyt-col-01.col4 li{
  width: 25%;
}

.lyt-col-01.col4 li{
  padding: 0 10px 0 20px !important;
}

.lyt-col-01.col-equalize>.col>*{
  width: 100%;
}

.ie .lyt-col-01.col3>.col, .edge .lyt-col-01.col3>.col{
  width: 33.33333%;
}

@media only screen and (max-width: 860px){
  .lyt-col-01:not(.no-linear).col4>.col,
  .lyt-col-01:not(.no-linear).col4 li{
    width: calc(100% / 3);
  }
  .ie .lyt-col-01:not(.no-linear).col4>.col, .edge .lyt-col-01:not(.no-linear).col4>.col, .lyt-col-01:not(.no-linear).col4 li{
    width: 33.33333%;
  }
}

@media only screen and (max-width: 768px){
  .lyt-col-01{
    margin: 0 -8px;
  }
  .lyt-col-01>.col{
    padding: 0 8px;
  }
  .lyt-col-01>.col>.hdg-section-01:first-child,
  .lyt-col-01>.col>.hdg-section-06:first-child{
    margin-top: 1.72727em;
  }
  .lyt-col-01>.col>.hdg-section-02:first-child{
    margin-top: 1.18182em;
  }
  .lyt-col-01>.col>.hdg-section-03:first-child{
    margin-top: 1.1em;
  }
  .lyt-col-01>.col>.hdg-section-04:first-child, .lyt-col-01>.col>.hdg-section-05:first-child{
    margin-top: 1.44444em;
  }
  .lyt-col-01:not(.no-linear).col3>.col, .lyt-col-01:not(.no-linear).col4>.col{
    width: 50%;
  }
  .ie .lyt-col-01:not(.no-linear).col3>.col, .ie .lyt-col-01:not(.no-linear).col4>.col, .edge .lyt-col-01:not(.no-linear).col3>.col, .edge .lyt-col-01:not(.no-linear).col4>.col, .lyt-col-01:not(.no-linear).col4 li{
    width: 50%;
  }
}

@media only screen and (max-width: 640px){
  .lyt-col-01:not(.no-linear){
    display: block;
  }
  .lyt-col-01:not(.no-linear).col2>.col, .lyt-col-01:not(.no-linear).col3>.col, .lyt-col-01:not(.no-linear).col4>.col, .lyt-col-01:not(.no-linear).col4 li{
    width: 100%;
  }
  .lyt-col-01:not(.no-linear).col2>.col>.hdg-section-01:first-child, .lyt-col-01:not(.no-linear).col3>.col>.hdg-section-01:first-child, .lyt-col-01:not(.no-linear).col4>.col>.hdg-section-01:first-child,
  .lyt-col-01:not(.no-linear).col2>.col>.hdg-section-06:first-child, .lyt-col-01:not(.no-linear).col3>.col>.hdg-section-06:first-child, .lyt-col-01:not(.no-linear).col4>.col>.hdg-section-06:first-child{
    margin-top: 2.72727em;
  }
  .lyt-col-01:not(.no-linear).col2>.col>.hdg-section-02:first-child, .lyt-col-01:not(.no-linear).col3>.col>.hdg-section-02:first-child, .lyt-col-01:not(.no-linear).col4>.col>.hdg-section-02:first-child{
    margin-top: 2.18182em;
  }
  .lyt-col-01:not(.no-linear).col2>.col>.hdg-section-03:first-child, .lyt-col-01:not(.no-linear).col3>.col>.hdg-section-03:first-child, .lyt-col-01:not(.no-linear).col4>.col>.hdg-section-03:first-child{
    margin-top: 2.2em;
  }
  .lyt-col-01:not(.no-linear).col2>.col>.hdg-section-04:first-child, .lyt-col-01:not(.no-linear).col2>.col>.hdg-section-05:first-child, .lyt-col-01:not(.no-linear).col3>.col>.hdg-section-04:first-child, .lyt-col-01:not(.no-linear).col3>.col>.hdg-section-05:first-child, .lyt-col-01:not(.no-linear).col4>.col>.hdg-section-04:first-child, .lyt-col-01:not(.no-linear).col4>.col>.hdg-section-05:first-child{
    margin-top: 2.66667em;
  }
  .lyt-col-01:not(.no-linear).col2>.col:first-child>.hdg-section-01:first-child, .lyt-col-01:not(.no-linear).col2>.col:first-child>.hdg-section-02:first-child, .lyt-col-01:not(.no-linear).col2>.col:first-child>.hdg-section-03:first-child, .lyt-col-01:not(.no-linear).col2>.col:first-child>.hdg-section-04:first-child, .lyt-col-01:not(.no-linear).col2>.col:first-child>.hdg-section-05:first-child,
  .lyt-col-01:not(.no-linear).col2>.col:first-child>.hdg-section-06:first-child, .lyt-col-01:not(.no-linear).col3>.col:first-child>.hdg-section-01:first-child, .lyt-col-01:not(.no-linear).col3>.col:first-child>.hdg-section-02:first-child, .lyt-col-01:not(.no-linear).col3>.col:first-child>.hdg-section-03:first-child, .lyt-col-01:not(.no-linear).col3>.col:first-child>.hdg-section-04:first-child, .lyt-col-01:not(.no-linear).col3>.col:first-child>.hdg-section-05:first-child,
  .lyt-col-01:not(.no-linear).col3>.col:first-child>.hdg-section-06:first-child, .lyt-col-01:not(.no-linear).col4>.col:first-child>.hdg-section-01:first-child, .lyt-col-01:not(.no-linear).col4>.col:first-child>.hdg-section-02:first-child, .lyt-col-01:not(.no-linear).col4>.col:first-child>.hdg-section-03:first-child, .lyt-col-01:not(.no-linear).col4>.col:first-child>.hdg-section-04:first-child, .lyt-col-01:not(.no-linear).col4>.col:first-child>.hdg-section-05:first-child,
  .lyt-col-01:not(.no-linear).col4>.col:first-child>.hdg-section-06:first-child{
    margin-top: 0;
  }
  .ie .lyt-col-01:not(.no-linear).col2>.col, .ie .lyt-col-01:not(.no-linear).col3>.col, .ie .lyt-col-01:not(.no-linear).col4>.col, .edge .lyt-col-01:not(.no-linear).col2>.col, .edge .lyt-col-01:not(.no-linear).col3>.col, .edge .lyt-col-01:not(.no-linear).col4>.col{
    width: 100%;
  }
}

.lyt-col-02{
  margin: 0 -15px;
}

.lyt-col-02>.col{
  padding: 0 15px;
}

.lyt-col-02>.col.col1{
  width: calc((100% / 3) * 2);
}

.lyt-col-02>.col.col2{
  width: calc(100% / 3);
}

.ie .lyt-col-02>.col.col1, .edge .lyt-col-02>.col.col1{
  width: 66.66666%;
}

.ie .lyt-col-02>.col.col2, .edge .lyt-col-02>.col.col2{
  width: 33.33333%;
}

@media only screen and (max-width: 768px){
  .lyt-col-02{
    display: block;
    margin: 0;
  }
  .lyt-col-02>.col{
    padding: 0;
  }
  .lyt-col-02>.col.col1, .lyt-col-02>.col.col2{
    width: auto;
  }
  .ie .lyt-col-02>.col.col1, .ie .lyt-col-02>.col.col2, .edge .lyt-col-02>.col.col1, .edge .lyt-col-02>.col.col2{
    width: auto;
  }
}

.lyt-img-01{
  text-align: center;
}

.lyt-img-01 .caption{
  display: inline-block;
  line-height: 1.8;
  margin-top: .71429em;
  color: #666;
  font-size: 1.4rem;
}

@media only screen and (max-width: 768px){
  .lyt-img-01 .caption{
    line-height: 1.6;
    margin-top: .57143em;
  }
}

.lyt-img-02>.lyt-img-01{
  max-width: 48.64865%;
  max-width: calc(50% - 15px);
  margin-bottom: .4375em;
  padding-top: .4375em;
}

.lyt-img-02.img-l>.lyt-img-01{
  float: left;
  margin-right: 30px;
}

.lyt-img-02.img-r>.lyt-img-01{
  float: right;
  margin-left: 30px;
}

.lyt-img-02.parallel>.content{
  overflow: hidden;
}

@media only screen and (max-width: 768px){
  .lyt-img-02>.lyt-img-01{
    width: auto !important;
    max-width: inherit;
    margin-bottom: 1.5em;
    padding-top: 0;
  }
  .lyt-img-02.img-l>.lyt-img-01, .lyt-img-02.img-r>.lyt-img-01{
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
  .lyt-img-02.parallel>.content{
    overflow: inherit;
  }
  .lyt-img-02.reverse{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 1.5em;
  }
  .lyt-img-02.reverse>.lyt-img-01{
    display: table-row;
  }
  .lyt-img-02.reverse>.content{
    display: table-caption;
  }
}

.lyt-img-03{
  margin: 0 -15px;
}

.lyt-img-03>.lyt-img-01{
  margin-left: 15px;
  margin-right: 15px;
  display: table;
}

@media only screen and (max-width: 768px){
  .lyt-img-03{
    display: block;
    margin: 0;
  }
  .lyt-img-03>.lyt-img-01{
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
}

.lyt-img-04{
  letter-spacing: -.4em;
}

.lyt-img-04:after{
  content: "";
  display: block;
  clear: both;
}

.lyt-img-04 .lyt-img-01,
.lyt-img-04 .content{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}

.lyt-img-04 .lyt-img-01{
  width: 50%;
  margin-right: 4.35%;
}

.lyt-img-04 .content{
  width: 45.65%;
  margin-top: 48px;
}

.lyt-img-04 .content p{
  margin-bottom: 48px;
}

@media only screen and (max-width: 768px){
  .lyt-img-04{
    margin-top: 0;
    padding: 0 7.81%;
  }
  .lyt-img-04 .lyt-img-01, .lyt-img-04 .content{
    width: 100%;
    display: block;
  }
  .lyt-img-04 .lyt-img-01{
    margin-right: 0;
  }
  .lyt-img-04 .content{
    margin-top: 0;
  }
}

@media only screen and (max-width: 548px){
  .lyt-img-04{
    padding: 0;
  }
}

.lyt-calendar-01>.holiday{
  margin-bottom: .75em;
  text-align: right;
}

.lyt-calendar-01>.holiday span{
  position: relative;
  display: inline-block;
  line-height: 2;
  padding-left: 44px;
}

.lyt-calendar-01>.holiday span:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #fbebef;
  border: solid 1px #cc0030;
}

.lyt-calendar-01>.calendar>li{
  width: 48.64865%;
  width: calc(50% - 15px);
  border: 1px solid #d6d6d6;
  margin-bottom: 2em;
  padding: 1.25em 10px;
}

.lyt-calendar-01>.calendar>li table{
  width: 100%;
  line-height: 2;
  margin-bottom: 0;
  text-align: center;
  vertical-align: top;
}

.lyt-calendar-01>.calendar>li table caption{
  padding-bottom: .25em;
  font-size: 2rem;
  font-weight: bold;
}

.lyt-calendar-01>.calendar>li table th, .lyt-calendar-01>.calendar>li table td{
  padding: 4px 2px;
  color: #333;
  font-weight: bold;
}

.lyt-calendar-01>.calendar>li table th:first-child, .lyt-calendar-01>.calendar>li table td:first-child{
  color: #cc0030;
}

.lyt-calendar-01>.calendar>li table th:last-child, .lyt-calendar-01>.calendar>li table td:last-child{
  color: #08107b;
}

.lyt-calendar-01>.calendar>li table th span, .lyt-calendar-01>.calendar>li table td span{
  display: inline-block;
  width: 2em;
  height: 2em;
}

.lyt-calendar-01>.calendar>li table th span.holiday, .lyt-calendar-01>.calendar>li table td span.holiday{
  border-radius: 50%;
  color: #cc0030;
  background-color: #fbebef;
  border: solid 1px #cc0030;
}

@media only screen and (max-width: 768px){
  .lyt-calendar-01>.calendar>li{
    width: 48.91304%;
    width: calc(50% - 8px);
    margin-bottom: 1em;
    padding: 1em 10px;
  }
  .lyt-calendar-01>.calendar>li table{
    line-height: 2.14286;
  }
  .lyt-calendar-01>.calendar>li table caption{
    padding-bottom: .125em;
  }
  .lyt-calendar-01>.calendar>li table th, .lyt-calendar-01>.calendar>li table td{
    font-size: 1.4rem;
  }
  .lyt-calendar-01>.calendar>li table th span, .lyt-calendar-01>.calendar>li table td span{
    width: 2.14286em;
    height: 2.14286em;
  }
}

@media only screen and (max-width: 600px){
  .lyt-calendar-01>.calendar{
    display: block;
  }
  .lyt-calendar-01>.calendar>li{
    width: 100%;
  }
}

.lyt-map-01{
  position: relative;
  width: 100%;
  height: 0;
  margin-bottom: 1.5em;
  padding-top: 56.21622%;
}

.lyt-map-01 img{
  max-width: inherit;
}

.lyt-map-01>.content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.lyt-map-01>.content *{
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.ie .lyt-map-01{
  height: 600px;
  padding-top: 0;
}

.ie .lyt-map-01>.content{
  height: 600px;
}

.static .lyt-map-01{
  position: static;
  height: auto;
  padding-top: 0;
}

.static .lyt-map-01>.content{
  display: none;
}

@media only screen and (max-width: 980px){
  .ie .lyt-map-01{
    height: 500px;
  }
  .ie .lyt-map-01>.content{
    height: 500px;
  }
}

@media only screen and (max-width: 768px){
  .ie .lyt-map-01{
    height: 400px;
  }
  .ie .lyt-map-01>.content{
    height: 400px;
  }
}

@media only screen and (max-width: 600px){
  .ie .lyt-map-01{
    height: 300px;
  }
  .ie .lyt-map-01>.content{
    height: 300px;
  }
}

@media only screen and (max-width: 480px){
  .ie .lyt-map-01{
    height: 200px;
  }
  .ie .lyt-map-01>.content{
    height: 200px;
  }
}

.lyt-partation-01,
.lyt-partation-02{
  display: block;
  margin: 2em 0;
  border-top: 1px solid #d6d6d6;
}

.lyt-partation-02{
  margin: 0;
}

.lyt-medicaltown-01{
  margin: -0.75em 0 -4.75em 0;
  background: #fff url(/support/medical/images/index-01.jpg) no-repeat 50% 0;
  background-size: contain;
}

.lyt-medicaltown-01>.hdg{
  line-height: 1.8;
  padding-top: 2.1em;
  padding-bottom: 1.55em;
  color: #000;
  font-size: 2.8rem;
  font-weight: bold;
}

.lyt-medicaltown-01>.hdg>small{
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
}

.lyt-medicaltown-01>.content-outer{
  max-width: 1280px;
  margin: 0 auto;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.lyt-medicaltown-01>.content-outer>.content-inner{
  padding-top: 2.625em;
}

@media only screen and (max-width: 1280px){
  .lyt-medicaltown-01>.content-outer{
    background-color: #fff;
  }
  .lyt-medicaltown-01>.content-outer>.content-inner{
    padding-top: 1.5em;
  }
}

@media only screen and (max-width: 768px){
  .lyt-medicaltown-01{
    margin-bottom: -4.25em;
  }
  .lyt-medicaltown-01>.hdg{
    padding: 1.6em 16px 1.25em 16px;
    background: #fff url(/support/medical/images/index-01.jpg) no-repeat 37.5% 0;
    background-size: cover;
    font-size: 2.2rem;
  }
  .lyt-medicaltown-01>.hdg>small{
    font-size: 1.4rem;
  }
  .lyt-medicaltown-01>.content-outer>.content-inner{
    padding-left: 16px;
    padding-right: 16px;
  }
}

.lyt-medicaltown-02{
  max-width: 1920px;
  margin: 0 auto;
  background: #e1e0dd url(/product/medical/images/index-01.jpg) no-repeat 85% 25%;
  background-size: cover;
}

.lyt-medicaltown-02>.inner{
  min-height: 380px;
  padding-top: 4.5em;
  padding-bottom: 4.5em;
}

.lyt-medicaltown-02 .hdg{
  line-height: 1.75;
  margin-bottom: 1em;
  font-size: 2.8rem;
  font-weight: bold;
  text-shadow: 0 0 .8rem #e1e0dd, 0 0 .6rem #e1e0dd, 0 0 .4rem #e1e0dd, 0 0 .2rem #e1e0dd, 0 0 .1rem #e1e0dd, 0 0 .1rem #e1e0dd;
}

.lyt-medicaltown-02 .hdg small{
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
}

.lyt-medicaltown-02 .nav-btn-01{
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 0;
}

.lyt-medicaltown-02 .nav-btn-01>a{
  width: auto;
  padding-right: 15px;
}

@media only screen and (max-width: 768px){
  .lyt-medicaltown-02{
    margin-bottom: -1em;
    background: none;
  }
  .lyt-medicaltown-02>.inner{
    min-height: inherit;
    padding: 0 16px;
  }
  .lyt-medicaltown-02 .hdg{
    margin: 0 -16px 1em -16px;
    padding: 1.5em 16px;
    background: #e1e0dd url(/product/medical/images/index-01.jpg) no-repeat 100% 25%;
    background-size: cover;
    font-size: 2.2rem;
  }
  .lyt-medicaltown-02 .hdg small{
    font-size: 1.4rem;
  }
  .lyt-medicaltown-02 .nav-btn-01>a{
    margin: 8px 0 0 0;
  }
}

@media only screen and (max-width: 480px){
  .lyt-medicaltown-02 .hdg{
    background-position: 35% 25%;
  }
}

.lyt-product-01{
  max-width: 1920px;
  margin: 0 auto;
  background: #e7e7e7 linear-gradient(to bottom, #dbdbdb 0, #f2f2f2 100%) no-repeat 50% 50%;
  background-size: cover;
}

.lyt-product-01>.inner{
  min-height: 380px;
  padding-top: 4.5em;
  padding-bottom: 4.5em;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: contain;
}

.lyt-product-01 .hdg{
  line-height: 1.75;
  margin-bottom: 1em;
  font-size: 2.8rem;
  font-weight: bold;
  text-shadow: 0 0 .8rem #e7e7e7, 0 0 .6rem #e7e7e7, 0 0 .4rem #e7e7e7, 0 0 .2rem #e7e7e7, 0 0 .1rem #e7e7e7, 0 0 .1rem #e7e7e7;
}

.lyt-product-01 .nav-btn-01{
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 0;
}

.lyt-product-01 .nav-btn-01>a{
  width: auto;
  padding-right: 15px;
}

.lyt-product-01.imaging>.inner{
  background-image: url(/product/imaging/images/index-01.png);
}

.lyt-product-01.industry>.inner{
  background-image: url(/product/industry/images/index-01.png);
}

.lyt-product-01.lifescience>.inner{
  background-image: url(/product/lifescience/images/index-01.png);
}

@media only screen and (max-width: 768px){
  .lyt-product-01{
    margin-bottom: -1em;
    background: none;
  }
  .lyt-product-01>.inner{
    min-height: inherit;
    padding: 0 16px;
    background: none;
  }
  .lyt-product-01 .hdg{
    margin: 0 -16px 1em -16px;
    padding: 2em 48px 2em 16px;
    background-color: #e7e7e7;
    background-repeat: no-repeat, no-repeat;
    background-position: 95% 50%, 50% 50%;
    background-size: contain, cover;
    font-size: 2.2rem;
  }
  .lyt-product-01 .hdg br{
    display: none;
  }
  .lyt-product-01 .nav-btn-01>a{
    margin: 8px 0 0 0;
  }
  .lyt-product-01.imaging>.inner{
    background-image: none;
  }
  .lyt-product-01.imaging .hdg{
    background-image: url(/product/imaging/images/index-01.png), linear-gradient(to bottom, #dbdbdb 0, #f2f2f2 100%);
  }
  .lyt-product-01.industry>.inner{
    background-image: none;
  }
  .lyt-product-01.industry .hdg{
    background-image: url(/product/industry/images/index-01.png), linear-gradient(to bottom, #dbdbdb 0, #f2f2f2 100%);
  }
  .lyt-product-01.lifescience>.inner{
    background-image: none;
  }
  .lyt-product-01.lifescience .hdg{
    background-image: url(/product/lifescience/images/index-01.png), linear-gradient(to bottom, #dbdbdb 0, #f2f2f2 100%);
  }
}

@media only screen and (max-width: 480px){
  .lyt-product-01 .hdg{
    background-position: 110% 50%, 50% 50%;
  }
}

.lyt-notice-01{
  padding-top: 1.4375em;
  padding-bottom: 0.01em;
  text-align: center;
}

@media only screen and (max-width: 768px){
  .lyt-notice-01{
    padding-left: 16px;
    padding-right: 16px;
  }
}

.lyt-csr-01{
  margin-bottom: 3.5em;
}

.lyt-csr-01>.message{
  margin: 0 15px 0 0;
}

.lyt-csr-01>.message a{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 1em;
  color: #000;
  text-decoration: none;
  text-shadow: 0 0 1rem #fff, 0 0 .8rem #fff, 0 0 .6rem #fff, 0 0 .4rem #fff, 0 0 .2rem #fff;
}

.lyt-csr-01>.message a:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  background-image: url(/csr/images/index-01.jpg);
  background-position: 10% 22.5%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: transform .2s;
  transition: transform .2s;
  will-change: transform;
}

.lyt-csr-01>.message a span{
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-left: 45%;
  text-indent: -1em;
}

.lyt-csr-01>.message a span b{
  font-size: 2rem;
  font-weight: bold;
}

.lyt-csr-01>.message a span:before{
  content: "";
  position: relative;
  top: -1px;
  right: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  -webkit-transition: right .2s;
  transition: right .2s;
  will-change: right;
}

.lyt-csr-01>.message a:hover:before, .lyt-csr-01>.message a:focus:before, .lyt-csr-01>.message a:active:before{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.lyt-csr-01>.message a:hover span:before, .lyt-csr-01>.message a:focus span:before, .lyt-csr-01>.message a:active span:before{
  right: 8px;
}

.lyt-csr-01>.activity{
  margin: 0 0 0 15px;
  padding: 3.5em 0;
  background-image: url(/csr/images/index-02.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lyt-csr-01>.activity>dt, .lyt-csr-01>.activity>dd{
  padding: 0 56px;
}

.lyt-csr-01>.activity>dt{
  margin-bottom: 1em;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 0 1rem #fff, 0 0 .8rem #fff, 0 0 .6rem #fff, 0 0 .4rem #fff, 0 0 .2rem #fff;
}

.lyt-csr-01>.activity>dd{
  padding-bottom: 3.75em;
}

.lyt-csr-01>.activity>dd ul{
  margin-bottom: 0;
}

.lyt-csr-01>.activity>dd ul>li{
  margin-left: 1px;
}

.lyt-csr-01>.activity>dd ul>li:first-child{
  margin-left: 0;
}

.lyt-csr-01>.activity a{
  height: 15vw;
  max-height: 72px;
  background-color: rgba(255, 255, 255, .9);
  color: #333;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.lyt-csr-01>.activity a>span{
  position: relative;
  display: inline-block;
}

.lyt-csr-01>.activity a>span:before{
  content: "";
  position: relative;
  top: -1px;
  right: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  -webkit-transition: right .2s;
  transition: right .2s;
  will-change: right;
}

.lyt-csr-01>.activity a:hover, .lyt-csr-01>.activity a:focus, .lyt-csr-01>.activity a:active{
  background-color: #fff;
}

.lyt-csr-01>.activity a:hover>span:before, .lyt-csr-01>.activity a:focus>span:before, .lyt-csr-01>.activity a:active>span:before{
  right: 8px;
}

.lyt-csr-01>p.activity>a{
  margin: 3.75em 56px;
}

@media only screen and (max-width: 980px){
  .lyt-csr-01>.message a{
    -webkit-justify-content: center;
    justify-content: center;
    padding: .5em .75em .5em 35%;
  }
  .lyt-csr-01>.message a:before{
    background-position: 25% 22.5%;
  }
  .lyt-csr-01>.message a span{
    margin-left: 0;
  }
  .lyt-csr-01>.activity>dt, .lyt-csr-01>.activity>dd{
    padding: 0 32px;
  }
  .lyt-csr-01>.activity>dd{
    padding-bottom: 3.75em;
  }
  .lyt-csr-01>p.activity>a{
    margin: 3.75em 32px;
  }
}

@media only screen and (max-width: 840px){
  .lyt-csr-01>.message a{
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 768px){
  .lyt-csr-01{
    display: block;
    margin-bottom: 3em;
  }
  .lyt-csr-01>.message{
    display: block;
    margin: 0 0 1em 0;
  }
  .lyt-csr-01>.message a{
    height: 37.5vw;
    padding-left: 27.5%;
  }
  .lyt-csr-01>.message a:before{
    left: -2em;
  }
  .lyt-csr-01>.message a span b{
    font-size: 1.8rem;
  }
  .lyt-csr-01>.activity{
    margin: 0;
    padding: 5vw 0;
  }
  .lyt-csr-01>.activity>dt, .lyt-csr-01>.activity>dd{
    padding: 0 20px;
  }
  .lyt-csr-01>.activity>dd{
    padding-bottom: 3.25em;
  }
  .lyt-csr-01>.activity>a{
    min-height: 72px;
  }
  .lyt-csr-01>p.activity>a{
    margin: 3.25em 20px;
    padding: 0 1em;
  }
}

.lyt-mainvisual-01>.inner{
  max-width: 1440px;
  margin: 0 auto;
}

.lyt-mainvisual-01.topvisual-02>.inner{
  max-width: 1110px;
}

.lyt-mainvisual-01>.inner>.area{
  width: 100%;
  position: relative;
  background-image: url(/shared/images/icon-loading-01.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-top: 1px;
}

.lyt-mainvisual-01>.inner>.area:nth-child(1){
  margin-bottom: 0;
}

.lyt-mainvisual-01>.inner>.area:nth-child(2){
  margin-right: 4px;
}

.lyt-mainvisual-01>.inner>.area:nth-child(3){
  margin-left: 4px;
}

.lyt-mainvisual-01.col3>.inner>.area:nth-child(1){
  margin-right: 4px;
  margin-bottom: 0;
}

.lyt-mainvisual-01.col3>.inner>.area:nth-child(2){
  margin-right: 4px;
  margin-left: 4px;
}

.lyt-mainvisual-01>.inner>.area>.visual{
  z-index: 0;
  width: 100%;
  position: absolute;
  top:0;
  /*margin: 1px 0 0;*/
}

.lyt-mainvisual-01>.inner>.area>.visual>div{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  overflow: hidden;
  opacity: 1;
  height: auto;
}

.lyt-mainvisual-01>.inner>.area>.visual>div>a{
  display: block;
  background-color: #fff;
}

.lyt-mainvisual-01>.inner>.area>.visual>div>a img{
  width: 100%;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.lyt-mainvisual-01>.inner>.area>.visual>div>a:hover img, .lyt-mainvisual-01>.inner>.area>.visual>div>a:focus img, .lyt-mainvisual-01>.inner>.area>.visual>div>a:active img{
  opacity: .7;
}

.lyt-mainvisual-01>.inner>.area>.ui{
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: inherit;
  z-index: 5;
  margin: 0;
  height: 40px;
}

.lyt-mainvisual-01>.inner>.area>.ui>li{
  margin: 0 4px;
}

.lyt-mainvisual-01>.inner>.area>.ui>li>button{
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  margin: 0;
  border: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}

.lyt-mainvisual-01>.inner>.area>.ui>li>button:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  border: #08107b solid 1px;
  border-radius: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.lyt-mainvisual-01>.inner>.area>.ui>li>button:focus{
  outline: -webkit-focus-ring-color auto 5px;
}

.lyt-mainvisual-01>.inner>.area>.ui>li>button:hover:before, .lyt-mainvisual-01>.inner>.area>.ui>li>button:focus:before, .lyt-mainvisual-01>.inner>.area>.ui>li>button:active:before{
  background-color: #08107b;
}

.lyt-mainvisual-01>.inner>.area>.ui>li>button[aria-pressed="true"]{
  cursor: default;
}

.lyt-mainvisual-01>.inner>.area>.ui>li>button[aria-pressed="true"]:before{
  background-color: #08107b;
}

.lyt-mainvisual-01>.inner>.area>.ui-prev, .lyt-mainvisual-01>.inner>.area>.ui-next{
  display: none;
}

.static .lyt-mainvisual-01>.inner>.area{
  position: static;
  background: none;
}

.static .lyt-mainvisual-01>.inner>.area>.visual{
  position: static;
}

.static .lyt-mainvisual-01>.inner>.area>.visual>li{
  position: static;
  margin-top: 8px;
  opacity: 1;
}

.static .lyt-mainvisual-01>.inner>.area>.visual>li:first-child{
  margin-top: 0;
}

.visualHide-sp{
  display: block !important;
}

.visualHide-pc{
  display: none !important;
}

.lyt-mainvisual-02{
  margin-bottom: 80px;
}

@media only screen and (max-width: 768px){
  .lyt-mainvisual-01>.inner>.area:nth-child(1){
    margin-bottom: 0;
  }
  .lyt-mainvisual-01>.inner>.area:nth-child(2){
    margin-right: 2px;
  }
  .lyt-mainvisual-01>.inner>.area:nth-child(3){
    margin-left: 2px;
  }
  .lyt-mainvisual-01.col3>.inner>.area:nth-child(1){
    margin-right: 2px;
  }
  .lyt-mainvisual-01.col3>.inner>.area:nth-child(2){
    margin-right: 2px;
    margin-left: 2px;
  }
  .lyt-mainvisual-01.col3>.inner>.area:nth-child(3){
    margin-left: 2px;
  }
  .lyt-mainvisual-01>.inner>.area>.ui{
    bottom: .375em;
  }
  .lyt-mainvisual-01>.inner>.area>.ui>li{
    margin: 0;
  }
  .lyt-mainvisual-01>.inner>.area>.ui>li>button{
    width: 44px;
    height: 44px;
  }
  .lyt-mainvisual-01>.inner>.area>.ui>li>button:before{
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -4px;
    border-radius: 6px;
  }
  .static .lyt-mainvisual-01>.inner>.area>.visual>li{
    margin-top: 4px;
  }
}

@media only screen and (max-width: 767px){
  .visualHide-sp{
    display: none !important;
  }
  .visualHide-pc{
    display: block !important;
  }
  .lyt-mainvisual-01>.inner>.area>.ui-prev, .lyt-mainvisual-01>.inner>.area>.ui-next{
    display: block;
    position: absolute;
    bottom: 0.5em;
    z-index: 10;
    margin: 0;
    height: 40px;
    width: 40px;
    background: #e6e6e6;
    bottom: 0;
  }
  .lyt-mainvisual-01>.inner>.area>.ui-prev{
    left: 0;
  }
  .lyt-mainvisual-01>.inner>.area>.ui-next{
    right: 0;
  }
  .lyt-mainvisual-01>.inner>.area>.ui-prev span, .lyt-mainvisual-01>.inner>.area>.ui-next span{
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    text-indent: -99999px;
    cursor: pointer;
  }
  .lyt-mainvisual-01>.inner>.area>.ui-prev span:after, .lyt-mainvisual-01>.inner>.area>.ui-next span:after{
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 3px solid #292929;
    border-right: 3px solid #292929;
    margin-top: -6px;
  }
  .lyt-mainvisual-01>.inner>.area>.ui-prev span:after{
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: calc(50% - 6px);
  }
  .lyt-mainvisual-01>.inner>.area>.ui-next span:after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: calc(50% - 6px);
  }
}

@media only screen and (max-width: 480px){
  .lyt-mainvisual-01>.inner>.area:nth-child(1){
    margin-bottom: 0;
  }
  .lyt-mainvisual-01>.inner>.area:nth-child(2){
    margin-right: 1px;
  }
  .lyt-mainvisual-01>.inner>.area:nth-child(3){
    margin-left: 1px;
  }
  .lyt-mainvisual-01.col3>.inner>.area:nth-child(1){
    margin-right: 0;
    margin-bottom: 1.5em;
  }
  .lyt-mainvisual-01.col3>.inner>.area:nth-child(2){
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 1.5em;
  }
  .lyt-mainvisual-01.col3>.inner>.area:nth-child(3){
    margin-left: 0;
  }
  .lyt-mainvisual-01>.inner>.area>.ui{
    bottom: 0;
  }
  .static .lyt-mainvisual-01>.inner>.area>.visual>li{
    margin-top: 2px;
  }
  .lyt-mainvisual-01.col3>.inner{
    display: block;
  }
}

.lyt-top-01{
  background: #ebe9e6 url(/images/index-01.jpg) no-repeat 100% 25%;
  background-size: cover;
}

.lyt-top-01>.inner{
  padding-top: .01em;
  padding-bottom: .01em;
}

.lyt-top-01 .area-hdg,
.lyt-top-01 .area-link{
  max-width: 540px;
}

.lyt-top-01 .area-hdg{
  padding: 3.375em 0;
}

.lyt-top-01 .area-hdg>.hdg{
  font-weight: bold;
  text-shadow: 0 0 1.2rem #fff, 0 0 1.2rem #fff;
}

.lyt-top-01 .area-hdg>.hdg:before{
  content: attr(data-alternate-string);
  display: block;
  line-height: 1.25;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 3.2rem;
  color: #08107b;
}

.lyt-top-01 .area-hdg .nav-btn-01{
  margin: 0;
}

.lyt-top-01 .area-hdg .nav-btn-01 a{
  width: auto;
  margin: 0;
}

.lyt-top-01 .area-link{
  padding-bottom: 1.625em;
}

.lyt-top-01 .area-link>ul>li{
  margin-top: 1px;
}

.lyt-top-01 .area-link>ul>li:first-child{
  margin-top: 0;
}

.lyt-top-01 .area-link>ul>li>a{
  position: relative;
  display: block;
  line-height: 1.7;
  padding: 1.05em 40px .95em 28px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9);
  color: #333;
  font-size: 1.4rem;
  text-decoration: none;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.lyt-top-01 .area-link>ul>li>a b{
  font-size: 1.6rem;
  font-weight: bold;
}

.lyt-top-01 .area-link>ul>li>a:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  -webkit-transition: right .2s;
  transition: right .2s;
  will-change: right;
}

.lyt-top-01 .area-link>ul>li>a:hover, .lyt-top-01 .area-link>ul>li>a:focus, .lyt-top-01 .area-link>ul>li>a:active{
  background-color: white;
}

.lyt-top-01 .area-link>ul>li>a:hover:after, .lyt-top-01 .area-link>ul>li>a:focus:after, .lyt-top-01 .area-link>ul>li>a:active:after{
  right: 14px;
}

.lyt-top-01 .area-link>ul>li>a.lock{
  padding-left: 54px;
  background-image: url(/shared/images/icon-lock-01.png);
  background-repeat: no-repeat;
  background-position: 28px 50%;
}

@media only screen and (max-width: 768px){
  .lyt-top-01{
    background-image: none;
  }
  .lyt-top-01>.inner{
    padding: 0;
  }
  .lyt-top-01 .area-hdg, .lyt-top-01 .area-link{
    max-width: inherit;
  }
  .lyt-top-01 .area-hdg{
    display: block;
    padding: 0 16px;
  }
  .lyt-top-01 .area-hdg>.hdg{
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 -16px 2.28571em -16px;
    padding: 4.39286em 16px;
    font-size: 1.4rem;
  }
  .lyt-top-01 .area-hdg>.hdg:before{
    font-size: 2.8rem;
  }
  .lyt-top-01 .area-hdg>.hdg:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -3em;
    z-index: -1;
    display: block;
    background: #e4edf9 url(/images/index-01.jpg) no-repeat 100% 25%;
    background-size: cover;
  }
  .lyt-top-01 .area-hdg .nav-btn-01 a{
    width: 100%;
  }
  .lyt-top-01 .area-link{
    padding: 2em 16px .5em 16px;
  }
  .lyt-top-01 .area-link>ul>li>a{
    padding-left: 20px;
    padding-right: 36px;
  }
  .lyt-top-01 .area-link>ul>li>a:after{
    right: 16px;
  }
  .lyt-top-01 .area-link>ul>li>a:hover:after, .lyt-top-01 .area-link>ul>li>a:focus:after, .lyt-top-01 .area-link>ul>li>a:active:after{
    right: 12px;
  }
  .lyt-top-01 .area-link>ul>li>a.lock{
    padding-left: 44px;
    background-position: 20px 50%;
  }
}

.lyt-top-02{
  max-width: 1920px;
  margin: 0 auto;
}

.lyt-top-02>.panel{
  position: relative;
  padding-top: 33.33333vw;
  padding-top: calc(100vw / 3);
}

.lyt-top-02>.panel>a{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  overflow: hidden;
}

.lyt-top-02>.panel>a:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transform: scale(1.005);
  transform: scale(1.005);
  -webkit-transition: -webkit-transform .4s;
  transition: transform .4s;
  will-change: transform;
}

.lyt-top-02>.panel>a>span{
  position: absolute;
  top: 10%;
  right: 20px;
  display: block;
  max-width: 90%;
  max-width: calc(100% - 40px);
  padding-right: 20px;
  color: #08107b;
  font-size: 2.8rem;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
  text-shadow: 0 0 1.2rem #fff, 0 0 1.2rem #fff;
  text-align: right;
}

.lyt-top-02>.panel>a>span:after{
  content: "";
  position: absolute;
  top: 37.5%;
  right: 0;
  display: block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
}

.lyt-top-02>.panel>a>span .link-icon{
  top: -.1em;
}

.lyt-top-02>.panel>a[href*="olympus-lifescience"]:before, .lyt-top-02>.panel>a.lifescience:before{
  background-image: url(/images/index-02.jpg);
}

.lyt-top-02>.panel>a[href*="olympus-ims"]:before, .lyt-top-02>.panel>a.industry:before{
  background-image: url(/images/index-03.jpg);
}

.lyt-top-02>.panel>a[href*="olympus-imaging"]:before, .lyt-top-02>.panel>a.imaging:before{
  background-image: url(/images/index-04.jpg);
}

.lyt-top-02>.panel>a:hover:before, .lyt-top-02>.panel>a:focus:before, .lyt-top-02>.panel>a:active:before{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

[lang="ja"] .lyt-top-02>.panel>a>span{
  top: 12.5%;
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
}

[lang="ja"] .lyt-top-02>.panel>a>span:before{
  content: attr(data-alternate-string);
  display: block;
  line-height: 1.25;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.8rem;
  color: #08107b;
}

[lang="ja"] .lyt-top-02>.panel>a>span:after{
  top: 37.5%;
}

[lang="ja"] .lyt-top-02>.panel>a>span .link-icon{
  top: .08125em;
}

@media only screen and (min-width: 1440px){
  .lyt-top-02>.panel{
    padding-top: 480px;
  }
}

@media only screen and (max-width: 768px){
  .lyt-top-02{
    display: block;
  }
  .lyt-top-02>.panel{
    padding-top: 56.25%;
  }
  .lyt-top-02>.panel>a>span{
    top: 50%;
    margin-top: -17.5px;
    margin-top: calc(-1 * ((1em * 1.25) / 2));
    font-size: 2.8rem;
  }
  [lang="ja"] .lyt-top-02>.panel>a>span{
    top: 50%;
    margin-top: -28.7px;
    margin-top: calc(-1 * (((1em * 1.6) + (2em * 1.25)) / 2));
    font-size: 1.4rem;
  }
}

.lyt-top-03{
  padding-bottom: .01em;
}

.lyt-top-03 .nav-index-05>li{
  width: 31.53153%;
  width: calc((100% - (15px * 4)) / 3);
}

@media only screen and (max-width: 768px){
  .lyt-top-03{
    padding: 0 0 .01em 0;
  }
  .lyt-top-03 .nav-index-05>li{
    width: 100%;
  }
}

.lyt-top-04{
  padding-bottom: 3.5em;
  background-color: #f2f2f2;
}

.lyt-top-04 .area-hdg{
  padding-top: 3.3125em;
  padding-bottom: 3.3125em;
}

.lyt-top-04 .area-hdg>.hdg{
  line-height: 1.25;
  font-size: 3.2rem;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
  color: #08107b;
  text-shadow: 0 0 1.2rem #fff, 0 0 1.2rem #fff;
}

.lyt-top-04 .area-hdg>.inner .nav-rssbtn-01, .lyt-top-04 .area-hdg>.inner .nav-btn-01{
  float: left;
}

.lyt-top-04 .area-hdg>.inner .nav-rssbtn-01{
  margin: 1em 30px 0 0;
}

.lyt-top-04 .area-hdg>.inner .nav-btn-01{
  margin: 0;
}

.lyt-top-04 .area-hdg>.inner .nav-btn-01 a{
  width: auto;
  margin: 0;
}

.lyt-top-04 .area-news{
  max-width: 1280px;
  margin: 0 auto;
  background-color: #fff;
}

.lyt-top-04 .area-news>.inner{
  padding-top: .25em;
  padding-bottom: 1.5em;
}

.lyt-top-04 .area-news>.inner .hdg-categorytop-01{
  margin-top: 3em;
  margin-bottom: 1.625em;
}

.lyt-top-04 .area-news>.inner .list-news-01{
  margin-bottom: 2em;
}

[lang="ja"] .lyt-top-04 .area-hdg>.hdg{
  line-height: 2;
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  text-shadow: 0 0 1.2rem #fff, 0 0 1.2rem #fff;
}

[lang="ja"] .lyt-top-04 .area-hdg>.hdg:before{
  content: attr(data-alternate-string);
  display: block;
  line-height: 1.25;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 3.2rem;
  color: #08107b;
}

@media only screen and (max-width: 768px){
  .lyt-top-04{
    padding: 0 16px 2.5em 16px;
  }
  .lyt-top-04 .area-hdg{
    position: relative;
    display: block;
    padding: 2em 0px;
  }
  .lyt-top-04 .area-hdg>.hdg{
    font-size: 2.8rem;
  }
  .lyt-top-04 .area-hdg>.inner .nav-rssbtn-01, .lyt-top-04 .area-hdg>.inner .nav-btn-01{
    float: none;
  }
  .lyt-top-04 .area-hdg>.inner .nav-rssbtn-01{
    position: absolute;
    top: 4em;
    right: 0;
    margin: 0;
  }
  .lyt-top-04 .area-hdg>.inner .nav-btn-01{
    margin-top: 2em;
  }
  .lyt-top-04 .area-hdg>.inner .nav-btn-01 a{
    width: 100%;
  }
  .lyt-top-04 .area-news>.inner{
    padding: .01em 0 .5em 0;
  }
  .lyt-top-04 .area-news>.inner .hdg-categorytop-01{
    margin-top: 2.25em;
    padding: 0 20px;
  }
  .lyt-top-04 .area-news>.inner .hdg-categorytop-01>.hdg{
    font-size: 2.2rem;
  }
  .lyt-top-04 .area-news>.inner .nav-btn-01{
    padding-left: 20px;
    padding-right: 20px;
  }
  [lang="ja"] .lyt-top-04 .area-hdg>.hdg{
    font-size: 1.4rem;
  }
  [lang="ja"] .lyt-top-04 .area-hdg>.hdg:before{
    font-size: 2.8rem;
  }
}

.lyt-top-05{
  max-width: 1920px;
  margin: 0 auto;
}

.lyt-top-05>.panel{
  position: relative;
  padding-top: 33.33333vw;
  padding-top: calc(100vw / 3);
}

.lyt-top-05>.panel>a{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  overflow: hidden;
}

.lyt-top-05>.panel>a:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-image: url(/images/index-01.jpg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: cover;
  -webkit-transform: scale(1.005);
  transform: scale(1.005);
  -webkit-transition: -webkit-transform .4s;
  transition: transform .4s;
  will-change: transform;
}

.lyt-top-05>.panel>a>span{
  position: relative;
  display: block;
  height: 100%;
  padding: 0;
}

.lyt-top-05>.panel>a>span>span{
  position: absolute;
  top: 50%;
  left: 30px;
  display: block;
  max-width: 90%;
  max-width: calc(100% - 40px);
  margin-top: -28px;
  margin-top: calc(-1 * ((1em * 2) / 2));
  padding-right: 20px;
  color: #08107b;
  font-size: 2.8rem;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
  text-shadow: 0 0 1.2rem #fff, 0 0 1.2rem #fff;
  text-align: right;
}

.lyt-top-05>.panel>a>span>span:after{
  content: "";
  position: absolute;
  top: 37.5%;
  right: 0;
  display: block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
}

.lyt-top-05>.panel>a>span>span .link-icon{
  top: -.1em;
}

.lyt-top-05>.panel>a:hover:before, .lyt-top-05>.panel>a:focus:before, .lyt-top-05>.panel>a:active:before{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

[lang="ja"] .lyt-top-05>.panel>a>span>span{
  margin-top: -44px;
  margin-top: calc(-1 * (((1em * 2) + (1.75em * 2)) / 2));
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
}

[lang="ja"] .lyt-top-05>.panel>a>span>span:before{
  content: attr(data-alternate-string);
  display: block;
  line-height: 1.25;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.8rem;
  color: #08107b;
}

[lang="ja"] .lyt-top-05>.panel>a>span>span:after{
  top: 37.5%;
}

[lang="ja"] .lyt-top-05>.panel>a>span>span .link-icon{
  top: .08125em;
}

@media only screen and (min-width: 1440px){
  .lyt-top-05>.panel{
    padding-top: 480px;
  }
}

@media only screen and (max-width: 768px){
  .lyt-top-05{
    display: block;
  }
  .lyt-top-05>.panel{
    padding-top: 56.25%;
  }
  .lyt-top-05>.panel>a>span>span{
    left: inherit;
    right: 20px;
    margin-top: -17.5px;
    margin-top: calc(-1 * ((1em * 1.25) / 2));
    font-size: 2.8rem;
  }
  [lang="ja"] .lyt-top-05>.panel>a>span>span{
    margin-top: -28.7px;
    margin-top: calc(-1 * (((1em * 1.6) + (2em * 1.25)) / 2));
    font-size: 1.4rem;
  }
}

/*.lyt-top-06>.area-content-inner>.area-news>.inner:first-child{
  border-bottom: 3px solid #d6d6d6;
  padding-bottom: 1em;
  margin-bottom: 3em;
}*/

.lyt-top-06 .nav-rssbtn-01{
  margin-bottom: 0;
}

.lyt-top-06 .area-news .list-news-01>li{
  border-bottom: solid 1px #bdbdbd;
}

.nav-index-05.lyt-top-07{
  display: flex;
}

.nav-index-05.lyt-top-07>li{
  width: calc(25% - 15px);
}

@media only screen and (max-width: 768px){
  .nav-index-05.lyt-top-07{
    margin-bottom: 0;
  }
  .nav-index-05.lyt-top-07>li{
    width: calc(50% - 7px);
  }
}

.box-light-02{
  background: #d4ebfc;
}

#main .area-content.box-light-02>.area-content-inner{
  padding-bottom: 1em;
}

.lyt-brand-01{
  margin-top: 1.5em;
  margin-bottom: 3.5em;
}

@media only screen and (max-width: 768px){
  .lyt-brand-01{
    padding: 0 16px;
  }
}

.lyt-brand-02{
  margin: 0 0 1.625em 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: contain;
}

.lyt-brand-02.customer{
  background-image: url(/technology/images/index-01.jpg);
}

.lyt-brand-02.technology{
  background-image: url(/technology/images/index-11.jpg);
}

.lyt-brand-02>.hdg{
  line-height: 1.8;
  color: #000;
  font-size: 2.8rem;
  font-weight: bold;
}

.lyt-brand-02>.content-outer{
  max-width: 1280px;
  margin: 0 auto;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.lyt-brand-02>.content-outer>.content-inner{
  padding-top: 1em;
  padding-bottom: 0.01em;
}

@media only screen and (max-width: 1280px){
  .lyt-brand-02>.content-outer{
    background-color: #fff;
  }
}

@media only screen and (max-width: 980px){
  .lyt-brand-02.customer, .lyt-brand-02.technology{
    background: none;
  }
  .lyt-brand-02>.hdg{
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: cover;
  }
  .lyt-brand-02.customer>.hdg{
    background-image: url(/technology/images/index-01.jpg);
  }
  .lyt-brand-02.technology>.hdg{
    background-image: url(/technology/images/index-11.jpg);
  }
  .lyt-brand-02>.content-outer>.content-inner{
    padding-top: 2em;
  }
}

@media only screen and (max-width: 768px){
  .lyt-brand-02>.hdg{
    padding: 1em 16px 0;
    font-size: 2.2rem;
  }
  .lyt-brand-02>.content-outer>.content-inner{
    padding-top: 1.5em;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.lyt-brand-03{
  position: relative;
  max-width: 1920px;
  overflow: hidden;
  margin: 0 auto 4.25em auto;
  background-color: #ebedec;
}

.lyt-brand-03:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  background-image: url(/technology/images/index-10.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

.lyt-brand-03>.inner{
  position: relative;
  z-index: 2;
  padding-top: 4.5em;
  padding-bottom: 4.5em;
}

.lyt-brand-03>.inner>*{
  max-width: 560px;
  width: 50%;
}

.lyt-brand-03 .hdg{
  margin-bottom: .5em;
  font-size: 2.8rem;
  font-weight: bold;
}

.lyt-brand-03 .nav-btn-01{
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 0;
  text-shadow: none;
}

.lyt-brand-03 .nav-btn-01 a{
  width: auto;
  padding-right: 15px;
}

@media only screen and (max-width: 980px){
  .lyt-brand-03 .inner{
    padding: 4.5em 30px 3em 30px;
  }
}

@media only screen and (max-width: 768px){
  .lyt-brand-03{
    height: auto;
    margin-bottom: 3.5em;
    padding-bottom: 36%;
  }
  .lyt-brand-03:before{
    background-position: right bottom;
    background-size: 150% auto;
  }
  .lyt-brand-03>.inner{
    padding: 3.5em 16px 2.5em 16px;
  }
  .lyt-brand-03>.inner>*{
    max-width: inherit;
    width: 100%;
  }
  .lyt-brand-03 .hdg{
    font-size: 2.2rem;
  }
  .lyt-brand-03 .nav-btn-01 a{
    width: 100%;
  }
}

.lyt-brand-04{
  margin-bottom: -1em;
  background-color: #f2f2f2;
}

.lyt-brand-04>.inner{
  padding-top: 2em;
  padding-bottom: 1.625em;
}

@media only screen and (max-width: 768px){
  .lyt-brand-04>.inner{
    padding: 1.125em 16px;
  }
}

.lyt-section-img-btn{
  margin-top: 2em;
}

.lyt-section-img-btn>.col>h2.hdg{
  color: #000;
  font-weight: bold;
  line-height: 1.6;
  margin: -38px 0 .45em 0;
  padding-top: 50px;
  font-size: 2.8rem;
}

.lyt-section-img-link>.col>h3.hdg{
  color: #000;
  font-weight: bold;
  line-height: 1.7;
  margin: -38px 0 .45em 0;
  padding-top: 25px;
  font-size: 2.2rem;
}

.no-webgl .lyt-section-img-btn .nav-index-04>li{
  width: 100%;
}

@media only screen and (min-width: 641px){
  .lyt-section-img-btn .nav-index-04>li>a>span{
    height: 78px;
  }
}
@media only screen and (max-width: 1104px){
  .lyt-section-img-btn .nav-index-04>li{
    width: 100%;
  }
  .lyt-section-img-link.lyt-col-01:not(.no-linear).col3>.col{
    width: 50%;
  }
}
@media only screen and (max-width: 640px){
  .lyt-section-img-link.lyt-col-01:not(.no-linear).col3>.col{
    width: 100%;
  }
}

.lyt-2col-1col .lyt-2col-content,
.lyt-2col-1col .lyt-1col-content{
  margin-bottom: 2em;
  padding: 0 27px;
  background-color: #fff;
}

#main .area-content.product-content .lyt-2col-1col .lyt-2col-content,
.lyt-2col-1col .lyt-1col-content{
  background: none;
  padding: 0;
}

.lyt-2col-1col .lyt-2col-content{
  width: 68.468447%;
}
.lyt-2col-1col .lyt-2col-content .img{
  display: block;
  margin: -1px 0 0 -28px;
}

.lyt-2col-1col .lyt-1col-content{
  width: 31.53153%;
}

.lyt-2col-1col .title{
  color: #000;
  font-size: 2rem;
  font-weight: bold;
  padding: 1.5em 0 1em 0;
  display: block;
}

#main .area-content.product-content .lyt-2col-1col{
  margin-top: 52px;
}

#main .area-content.product-content h2.hdg{
  color: #000;
  font-size: 2.8rem;
  font-weight: bold;
  display: block;
}

.lyt-2col-1col .text{
  display: block;
  margin-bottom: 1.4375em;
}

.lyt-2col-1col .nav-index-04>li{
    width: 100%;
    padding: 0;
}

@media only screen and (max-width: 1079px){
  .lyt-2col-1col .lyt-2col-content,
  .lyt-2col-1col .lyt-1col-content{
    width: 100%;
  }

  .lyt-2col-1col .lyt-2col-content .img{
    margin: -1px -28px 0 -28px;
  }

  .lyt-2col-1col .nav-index-04>li{
    width: 50%;
    padding: 0 15px;
  }
  .lyt-2col-1col .title{
    padding: 0 0 1.125em 0;
  }
}

@media only screen and (max-width: 768px){
  #main .area-content.product-content h2.hdg{
    color: #fff;
  }
  #main .area-content.product-content .lyt-2col-1col{
    margin-top: 32px;
  }
  }

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

  .lyt-2col-1col .nav-index-04>li{
    width: 100%;
    padding: 0;
  }

  .lyt-2col-1col .lyt-2col-content,
  .lyt-2col-1col .lyt-1col-content{
    padding: 0 19px;
  }

  .lyt-2col-1col .title{
    padding: 0 0 0.4em 0;
  }
  .lyt-2col-1col .text{
    margin-bottom: 0.71875em;
  }
  .lyt-2col-1col .nav-index-04{
    margin-bottom: 0;
  }
}

/* ===========================
box
--------------------------- */
.box-content-01, .box-highlight-01, .box-light-01{
  margin-bottom: 2em;
  padding-top: 1.4375em;
  padding-bottom: 1.4375em;
  background-color: #fff;
}

.box-content-01>.hdg, .box-highlight-01>.hdg, .box-light-01>.hdg{
  line-height: 1.8;
  margin-bottom: .625em;
  color: #000;
  font-size: 2rem;
  font-weight: bold;
}

.box-content-01>*:first-child, .box-highlight-01>*:first-child, .box-light-01>*:first-child{
  margin-top: 0;
}

.box-content-01>*:last-child, .box-highlight-01>*:last-child, .box-light-01>*:last-child{
  margin-bottom: 0;
}

.box-content-01>*:last-child[class], .box-highlight-01>*:last-child[class], .box-light-01>*:last-child[class]{
  margin-bottom: 0;
}

.box-content-01>*+.hdg, .box-highlight-01>*+.hdg, .box-light-01>*+.hdg{
  margin-top: 1.4375em;
}

.box-content-01{
  border: 1px solid #d6d6d6;
  padding-left: 31px;
  padding-right: 31px;
}

.box-highlight-01{
  border: 4px solid #777;
  padding-left: 28px;
  padding-right: 28px;
}

.box-light-01{
  padding-left: 32px;
  padding-right: 32px;
  background-color: #f2f2f2;
}

@media only screen and (max-width: 768px){
  .box-content-01>.hdg, .box-highlight-01>.hdg, .box-light-01>.hdg{
    line-height: 1.6;
    margin-bottom: .875em;
    font-size: 1.8rem;
  }
  .box-content-01{
    padding-left: 19px;
    padding-right: 19px;
  }
  .box-highlight-01{
    padding-left: 16px;
    padding-right: 16px;
  }
  .box-light-01{
    padding-left: 20px;
    padding-right: 20px;
  }
}

.box-policy-01{
  max-width: 730px;
  margin: 0 auto 3em auto;
  padding: 0.5em 40px 1.5em 40px;
  background-color: #eaf6fd;
}

.box-policy-01 .hdg{
  line-height: 1.66667;
  margin: 1.5em 0 1em 0;
  color: #08107b;
  font-size: 2.4rem;
  text-align: center;
}

@media only screen and (max-width: 768px){
  .box-policy-01{
    padding: 0.25em 20px 1em 20px;
  }
  .box-policy-01 .hdg{
    font-size: 2rem;
  }
}

.box-related-01{
  margin: 3.5em 0;
  padding: 2em 0 0.01em 0;
  background-color: #f2f2f2;
}

.box-related-01>li{
  position: relative;
  width: calc(100% / 3);
  margin-bottom: 2em;
  padding: 0 32px;
}

.box-related-01>li:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 1px;
  background-color: #d6d6d6;
}

.box-related-01>li:nth-child(3n+3):before{
  content: none;
}

.box-related-01>li>.link{
  display: block;
}

.box-related-01>li>.link .img{
  width: 100%;
}

.box-related-01>li>.link .img>span img{
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.box-related-01>li>.link .text{
  display: inline-block;
  line-height: 1.625;
  margin-top: 1.25em;
}

.box-related-01>li>a.link:hover .img>span img, .box-related-01>li>a.link:focus .img>span img, .box-related-01>li>a.link:active .img>span img{
  opacity: .7;
}

.box-related-01>li>a.link:hover .text, .box-related-01>li>a.link:focus .text, .box-related-01>li>a.link:active .text{
  text-decoration: underline;
}

.box-related-01>li>a.link .text{
  position: relative;
  padding-left: 20px;
}

.box-related-01>li>a.link .text:before{
  content: "";
  position: absolute;
  top: .55em;
  left: 2px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #474747;
  border-right: 2px solid #474747;
}

.box-related-01>li>a.link .text .link-icon{
  top: .1em;
}

.ie .box-related-01>li, .edge .box-related-01>li{
  width: 33.33333%;
}

@media only screen and (max-width: 768px){
  .box-related-01{
    display: block;
    padding: 0.01em 0;
  }
  .box-related-01>li{
    width: 100%;
    margin-bottom: 0;
    padding: 2em 20px 1.625em 20px;
  }
  .box-related-01>li:before{
    left: 20px;
    right: 20px;
    bottom: inherit;
    width: auto;
    height: 1px;
  }
  .box-related-01>li:nth-child(3n+3):before{
    content: "";
  }
  .box-related-01>li:first-child:before{
    content: none;
  }
  .box-related-01>li>.link .img{
    height: auto !important;
  }
  .ie .box-related-01>li, .edge .box-related-01>li{
    width: 100%;
  }
}

.box-notice-01{
  margin-bottom: 3em;
  padding: 1.25em 32px;
  background-color: #e6e6e6;
}

.box-notice-01>dt, .box-notice-01>dd{
  margin: .25em 0;
}

.box-notice-01>dt{
  width: 168px;
  padding-right: 16px;
  font-weight: bold;
}

.box-notice-01>dd{
  -webkit-flex-basis: 83.74761%;
  flex-basis: calc(100% - 170px);
  min-width: 83.74761%;
  min-width: calc(100% - 170px);
}

@media only screen and (max-width: 768px){
  .box-notice-01{
    display: block;
    margin-bottom: 3em;
    padding: .25em 20px;
  }
  .box-notice-01>dt{
    width: 100%;
    margin-top: 1.25em;
    margin-bottom: .75em;
    padding-right: 0;
  }
  .box-notice-01>dd{
    -webkit-flex-basis: initial;
    flex-basis: initial;
    min-width: inherit;
    margin-top: .75em;
    margin-bottom: 1.25em;
  }
}

.box-stretch-01{
  position: relative;
  margin: 3em 0;
  padding: 3.5em 0 2.0625em 0;
  background-color: #f2f2f2;
}

.box-stretch-01:before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  z-index: -1;
  display: block;
  width: 100vw;
  background-color: #f2f2f2;
  transform: translateX(-50%);
}

.box-stretch-01>[class*="hdg-"]{
  margin-top: -.25em;
}

.box-stretch-01>[class*="lyt-col-"]:last-child, .box-stretch-01>[class*="nav-index-"]:last-child{
  margin-bottom: -1.0625em;
}

.box-stretch-01>.nav-index-01>li{
  border: none;
}

.box-stretch-01>.nav-index-01>li>.link{
  margin: 0 -27px;
}

.box-stretch-01>.nav-index-01>li>.link>.text{
  border-left: none;
  border-right: none;
  padding: 1.25em 27px;
}

@media only screen and (max-width: 768px){
  .box-stretch-01{
    margin: 2em 0;
  }
  .box-stretch-01>.nav-index-01>li>.link{
    margin: 0 -19px;
  }
  .box-stretch-01>.nav-index-01>li>.link>.text{
    padding-left: 19px;
    padding-right: 19px;
  }
  .box-stretch-01>[class*="lyt-col-"]:last-child.col-equalize{
    margin-bottom: .5em;
  }
}

.box-stockinfo-01{
  position: relative;
  margin: 1.5em 0 3.5em 0;
  padding: 1em 0;
  background-color: #292929;
}

.box-stockinfo-01:before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  z-index: -1;
  display: block;
  width: 100vw;
  background-color: #292929;
  transform: translateX(-50%);
}

.box-stockinfo-01 .nav-btn-01 a{
  background-color: #08107b;
  border-color: #fff;
  border-radius: 0;
}

.box-stockinfo-01>.hdg span{
  position: relative;
  display: inline-block;
  padding-left: 52px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
}

.box-stockinfo-01>.hdg span:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/shared/images/icon-stockinfo-01.png);
  background-size: cover;
}

.box-stockinfo-01>.embed{
  margin: 0 30px;
}

.box-stockinfo-01>.btn{
  width: 255px;
  margin: 0;
}

.box-stockinfo-01>.btn>a{
  width: 100%;
  margin: 0;
}

@media only screen and (max-width: 980px){
  .box-stockinfo-01>.btn{
    width: 200px;
  }
}

@media only screen and (max-width: 768px){
  .box-stockinfo-01{
    display: block;
    margin-top: 2.5em;
    padding: 1.75em 0;
  }
  .box-stockinfo-01>.hdg{
    min-height: 36px;
    padding: .5em 0;
    text-align: center;
  }
  .box-stockinfo-01>.embed{
    margin: 1.25em 0;
  }
  .box-stockinfo-01>.btn{
    width: 100%;
  }
}

.box-error-01{
  margin-bottom: 2em;
  border: 4px solid #cc0030;
  padding: 1.4375em 28px;
  background-color: #fff;
}

.box-error-01>*:first-child{
  margin-top: 0;
}

.box-error-01>*:last-child{
  margin-bottom: 0;
}

.box-error-01>*:last-child[class]{
  margin-bottom: 0;
}

@media only screen and (max-width: 768px){
  .box-error-01{
    padding: 1em 16px;
  }
}

.box-youtube-01{
  position: relative;
  margin-bottom: 2em;
  padding-top: 56.25%;
}

.box-youtube-01>iframe{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.box-color-01{
  background: #f2f2f2;
}

.box-color-02{
  background: #e9b226;
}

.box-explanation-01,
.box-explanation-02{
  margin: 0 auto;
}

.box-explanation-01{
  max-width: 480px;
}

.box-explanation-02{
  max-width: 660px;
}

@media only screen and (max-width: 767px){
  .box-explanation-01, .box-explanation-02{
    max-width: none;
  }
}

/* ===========================
heading
--------------------------- */
.hdg-page-01{
  line-height: 1.6;
  padding: 0 30px;
  background-color: #08107b;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
  font-size: 3.2rem;
  font-weight: bold;
  text-shadow: 0 0 1em rgba(0, 0, 0, .8);
}

.hdg-page-01>span{
  display: table;
  table-layout: fixed;
  width: 100%;
}

.hdg-page-01>span>span{
  display: table-cell;
  padding: 1.1em 0;
  text-align: center;
  vertical-align: middle;
}

.hdg-page-01>span>span small{
  display: block;
  margin: .25em 0;
  font-size: 2rem;
}

.hdg-page-01>span>span .small-01{
  margin: .125em 0;
  font-size: 2.4rem;
}

.hdg-page-01>span>span .small-02{
  font-size: 1.8rem;
}

.hdg-page-01.reverse-contrast{
  background-color: #f2f2f2;
  color: #000;
  text-shadow: 0 0 1.2rem rgba(255, 255, 255, 0.9);
}

.hdg-page-01.brand{
  background-image: url(/shared/images/hdg/brand.jpg);
}

.hdg-page-01.company{
  background-image: url(/shared/images/hdg/company.jpg);
}

.hdg-page-01.csr{
  background-image: url(/shared/images/hdg/csr.jpg);
}

.hdg-page-01.ir{
  background-image: url(/shared/images/hdg/ir.jpg);
}

.hdg-page-01.news{
  background-image: url(/shared/images/hdg/news.jpg);
}

.hdg-page-01.product{
  background-image: url(/shared/images/hdg/product.jpg);
}

.hdg-page-01.recruit{
  background-image: url(/shared/images/hdg/recruit.jpg);
}

.hdg-page-01.support{
  background-image: url(/shared/images/hdg/support.jpg);
}

.hdg-page-01.technology{
  background-image: url(/shared/images/hdg/technology.jpg);
}
.hdg-page-01.sustainability{
  background-image: url(/shared/images/hdg/sustainability.jpg);
}
.hdg-page-01.career{
  background-image: url(/shared/images/hdg/career.jpg);
}

.hdg-page-01.brand>span>span, .hdg-page-01.company>span>span, .hdg-page-01.csr>span>span, .hdg-page-01.ir>span>span, .hdg-page-01.news>span>span, .hdg-page-01.product>span>span, .hdg-page-01.recruit>span>span, .hdg-page-01.support>span>span, .hdg-page-01.technology>span>span{
  padding: 2.2em 0;
}

.hdg-page-01.large>span>span{
  padding: 4.15em 0;
}

.hdg-page-01.news-article{
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background-color: #fff;
  color: #000;
  text-shadow: none;
}

.hdg-page-01.news-article>span>span{
  padding: .625em 0;
}

.hdg-page-01.ta-l>span>span{
  text-align: left;
}

.hdg-page-01.ta-r>span>span{
  text-align: right;
}

[class="hdg-page-01"]{
  text-shadow: none;
}

[class^="hdg-section-"].noborder{
  border-bottom: 0;
  padding-bottom: 0;
}

.hdg-page-01.bg-transparent{
  background-color: transparent;
  color: #000;
  text-shadow: none;
}

.hdg-page-01.bg-transparent>span>span{
  padding-top: 0;
  padding-bottom: 1.1em;
}

.hdg-page-01.large-02{
  position: relative;
  background: none;
  max-width: 1170px;
  margin: 0 auto;
}

.hdg-page-01.large-02:after{
  content: '';
  display: block;
  width: 100%;
  max-width: 1110px;
  padding-top: 28.55%;
  margin: 0 auto;
}

.hdg-page-01.large-02.brand:after{
  background: url(/shared/images/hdg/brand.jpg) no-repeat;
  background-size: contain;
  background-position: center center;
}

.hdg-page-01.large-02.company:after{
  background: url(/shared/images/hdg/company.jpg) no-repeat;
  background-size: contain;
  background-position: center center;
}

.hdg-page-01.large-02.csr:after{
  background: url(/shared/images/hdg/csr.jpg) no-repeat;
  background-size: contain;
  background-position: center center;
}

.hdg-page-01.large-02.ir:after{
  background: url(/shared/images/hdg/ir.jpg) no-repeat;
  background-size: contain;
  background-position: center center;
}

.hdg-page-01.large-02.news:after{
  background: url(/shared/images/hdg/news.jpg) no-repeat;
  background-size: contain;
  background-position: center center;
}

.hdg-page-01.large-02.product:after{
  background: url(/shared/images/hdg/product.jpg) no-repeat;
  background-size: contain;
  background-position: center center;
}

.hdg-page-01.large-02.recruit:after{
  background: url(/shared/images/hdg/recruit.jpg) no-repeat;
  background-size: contain;
  background-position: center center;
}

.hdg-page-01.large-02.support:after{
  background: url(/shared/images/hdg/support.jpg) no-repeat;
  background-size: contain;
  background-position: center center;
}

.hdg-page-01.large-02.technology:after{
  background: url(/shared/images/hdg/technology.jpg) no-repeat;
  background-size: contain;
  background-position: center center;
}

@media only screen and (max-width: 768px){
  .hdg-page-01{
    line-height: 1.4;
    padding: 0 16px;
    font-size: 2.4rem;
  }
  .hdg-page-01>span>span{
    padding: 0.45em 0;
  }
  .hdg-page-01>span>span small{
    font-size: 1.6rem;
  }
  .hdg-page-01>span>span .small-01{
    font-size: 1.8rem;
  }
  .hdg-page-01>span>span .small-02{
    font-size: 1.4rem;
  }
  .hdg-page-01.brand>span>span, .hdg-page-01.company>span>span, .hdg-page-01.csr>span>span, .hdg-page-01.ir>span>span, .hdg-page-01.news>span>span, .hdg-page-01.product>span>span, .hdg-page-01.recruit>span>span, .hdg-page-01.support>span>span{
    padding: 1.45833em 0;
  }
  .hdg-page-01.brand.large>span>span, .hdg-page-01.company.large>span>span, .hdg-page-01.csr.large>span>span, .hdg-page-01.ir.large>span>span, .hdg-page-01.news.large>span>span, .hdg-page-01.product.large>span>span, .hdg-page-01.recruit.large>span>span, .hdg-page-01.support.large>span>span{
    padding: 2.25em 0;
  }
  .hdg-page-01.large>span>span{
    padding: 1.75em 0;
  }
  #csr> span{
    background-color: rgba(255, 255, 255, 0.4);
  }
  .hdg-page-01.sustainability{
    padding: 0;
  }
  .hdg-page-01.bg-transparent>span>span{
    padding: 0.45em 0;
  }
}

[class*="hdg-section"]{
  color: #000;
  font-weight: bold;
}

[class*="hdg-section"]>small{
  display: inline-block;
  margin-left: .5em;
  font-size: 1.6rem;
  font-weight: normal;
  vertical-align: middle;
}

[class*="hdg-section"]>.hdg{
  float: left;
  max-width: 65.625%;
  max-width: calc(100% - 80px);
  font-weight: bold;
}

.hdg-section-01,
.hdg-section-06{
  line-height: 1.6;
  margin: -15px 0 1.14286em 0;
  padding-top: 50px;
  border-bottom: 4px solid #08107b;
  padding-bottom: .25em;
  font-size: 2.8rem;
}
.hdg-section-06{
  border-bottom: 0;
}

.hdg-section-01 img.notice{
  height: 32px;
  vertical-align: text-bottom;
}

.hdg-section-01>a.link{
  position: relative;
  display: inline-block;
  padding-left: 24px;
}

.hdg-section-01>a.link:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  margin-top: -8px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  -webkit-transition: left .2s;
  transition: left .2s;
  will-change: left;
}

.hdg-section-01>a.link:hover, .hdg-section-01>a.link:focus, .hdg-section-01>a.link:active{
  text-decoration: none;
}

.hdg-section-01>a.link:hover:before, .hdg-section-01>a.link:focus:before, .hdg-section-01>a.link:active:before{
  left: 4px;
}

@media only screen and (max-width: 768px){
  .hdg-section-01,
  .hdg-section-06{
    line-height: 1.5;
    margin: -25px 0 1.45455em 0;
    padding-top: 53px;
    padding-bottom: .31818em;
    font-size: 2.2rem;
  }
  .hdg-section-06{
    border-bottom: 0;
  }
}

.hdg-section-02{
  line-height: 1.7;
  margin: -34px 0 1.08333em 0;
  border-bottom: 1px solid #777;
  padding-top: 50px;
  padding-bottom: .33333em;
  font-size: 2.4rem;
}

@media only screen and (max-width: 768px){
  .hdg-section-02{
    line-height: 1.5;
    margin: -37px 0 1em 0;
    padding-top: 53px;
    padding-bottom: .31818em;
    font-size: 2.2rem;
  }
}

.hdg-section-03{
  position: relative;
  line-height: 1.7;
  margin: -34px 0 1.09091em 0;
  padding-top: 50px;
  font-size: 2.2rem;
}

@media only screen and (max-width: 768px){
  .hdg-section-03{
    line-height: 1.6;
    margin: -37px 0 1.2em 0;
    padding-top: 53px;
    font-size: 2rem;
  }
  .hdg-section-03:before{
    top: .15em;
    bottom: .15em;
  }
}

.hdg-section-04{
  position: relative;
  line-height: 1.8;
  margin: 2.4em 0 1.2em 0;
  padding-left: 20px;
  font-size: 2rem;
}

.hdg-section-04:before{
  content: "";
  position: absolute;
  top: .6em;
  left: 0;
  width: .55em;
  height: .55em;
  border: .15em solid #08107b;
  -webkit-transform: rotateY(45deg) rotateZ(45deg);
  transform: rotateY(45deg) rotateZ(45deg);
}

@media only screen and (max-width: 768px){
  .hdg-section-04{
    line-height: 1.6;
    margin: 2.66667em 0 1.33333em 0;
    font-size: 1.8rem;
  }
  .hdg-section-04:before{
    top: .4em;
    width: .61111em;
    height: .61111em;
    border-width: .16667em;
  }
}

.hdg-section-05{
  line-height: 1.8;
  margin: 2.66667em 0 1.33333em 0;
  font-size: 1.8rem;
}

@media only screen and (max-width: 768px){
  .hdg-section-05{
    line-height: 1.6;
  }
}

.area-content-inner>[class*="hdg-section"]:first-child{
  margin-top: -.25em;
}

.hdg-categorytop-01{
  position: relative;
  margin: 1.5em 0;
}

.hdg-categorytop-01>.hdg{
  line-height: 1.6;
  padding: 0;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: left;
  display: inline-block;
}

.hdg-categorytop-01>.hdg .notice{
  height: 32px;
  margin-right: 8px;
  vertical-align: text-bottom;
}

.hdg-categorytop-01>.nav-rssbtn-01{
  margin-left: 1.33333em;
  display: inline-block;
  -webkit-transform: translateY(-22%);
  transform: translateY(-22%);
}

@media only screen and (max-width: 768px){
  .hdg-categorytop-01{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-display: flex;
    display: flex;
    margin: 2em 0;
  }
  .hdg-categorytop-01.ta-c-02{
    display: block;
    text-align: center;
  }
  .hdg-categorytop-01>.hdg{
    line-height: 1.25;
    padding: 0;
    font-size: 2.4rem;
  }
  .hdg-categorytop-01>.nav-rssbtn-01{
    position: absolute;
    right: 0;
    margin-left: 1.33333em;
    -webkit-transform: none;
    transform: none;
  }
  .lyt-top-06 .hdg-categorytop-01 .hdg.rss{
    padding: 0 80px 0 0;
  }
}

/* ===========================
paragraph
--------------------------- */
.pgh-lead-01{
  line-height: 1.7;
  margin-bottom: 2em;
  font-size: 2.4rem;
}

@media only screen and (max-width: 768px){
  .pgh-lead-01{
    line-height: 1.6;
    margin-bottom: 2.4em;
    font-size: 2rem;
  }
}

.pgh-lead-02{
  line-height: 1.7;
  margin-bottom: 1.33333em;
  font-size: 2.4rem;
  text-align: center;
}

@media only screen and (max-width: 768px){
  .pgh-lead-02{
    line-height: 1.6;
    font-size: 2rem;
  }
}

.pgh-notice-01{
  line-height: 1.8;
  margin-bottom: 1.71429em;
  color: #666;
  font-size: 1.4rem;
}

.pgh-notice-01+.pgh-notice-01{
  margin-top: -1.28571em;
}

.pgh-notice-01>small>.mark{
  margin-right: .5em;
  white-space: nowrap;
}

@media only screen and (max-width: 768px){
  .pgh-notice-01{
    line-height: 1.6;
  }
}

.pgh-notice-02{
  line-height: 1.8;
  margin-bottom: 1.71429em;
  color: #666;
  font-size: 1.4rem;
}

.pgh-indent-01{
  padding-left: 2em;
}

@media only screen and (max-width: 768px){
  .pgh-indent-01{
    padding-left: 1.5em;
  }
}

.pgh-date-01{
  text-align: right;
}

.pgh-result-01 strong{
  color: #333;
  font-size: 2rem;
}

@media only screen and (max-width: 768px){
  .pgh-result-01{
    font-size: 1.4rem;
  }
  .pgh-result-01 strong{
    font-size: 1.6rem;
  }
}

.pgh-topmessage-01{
  position: relative;
  padding-top: 56.21622%;
  background: transparent url(/company/profile/images/message-01.jpg?230329a) no-repeat 50% 50%;
  background-size: cover;
}

.pgh-topmessage-01 strong{
  position: absolute;
  top: 50%;
  left: 0;
  width: 60%;
  line-height: 1.5;
  padding-left: 5.40541%;
  /* color: #333; */
  color: #fff;
  font-size: 3.5rem;
  font-weight: normal;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 768px){
  .pgh-topmessage-01{
    margin-left: -16px;
    margin-right: -32px;
  }
  .pgh-topmessage-01 strong{
    width: 53.75%;
    padding-left: 16px;
    font-size: 2.2rem;
  }
  [lang="ja"] .pgh-topmessage-01 strong{
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 480px){
  .pgh-topmessage-01 strong{
    font-size: 1.4rem;
  }
  [lang="ja"] .pgh-topmessage-01 strong{
    font-size: 2.2rem;
  }
}

.pgh-topmessage-02{
  position: relative;
  padding-top: 56.21622%;
  background: transparent url(/csr/message/images/index-01.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.pgh-topmessage-02 strong{
  position: absolute;
  top: 50%;
  right: 0;
  width: 50%;
  line-height: 1.5;
  padding-right: 10.81081%;
  color: #333;
  font-size: 3.2rem;
  font-weight: normal;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 768px){
  .pgh-topmessage-02{
    margin-left: -32px;
    margin-right: -16px;
  }
  .pgh-topmessage-02 strong{
    padding-right: 16px;
    font-size: 1.6rem;
  }
  [lang="en"] .pgh-topmessage-02 strong{
    width: 55%;
    font-size: 1.4rem;
  }
}

.pgh-error-01{
  position: relative;
  padding-left: 28px;
  color: #cc0030;
}

.pgh-error-01:before{
  content: "";
  position: absolute;
  top: .4375em;
  left: 0;
  display: block;
  width: 18px;
  height: 16px;
  background-image: url(/shared/images/icon-error-01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

@media only screen and (max-width: 768px){
  .pgh-error-01{
    padding-left: 24px;
  }
  .pgh-error-01:before{
    top: .25em;
  }
}

/* ===========================
list
--------------------------- */
.list-link-01{
  margin-bottom: 1.5em;
}

.list-link-01>li{
  padding-left: 20px;
}

.list-link-01>li+li{
  margin-top: .4375em;
}

.list-link-01>li>a,
.lyt-col-01.col4 li a{
  position: relative;
  display: inline-block;
  margin-left: -20px;
  padding-left: 20px;
}

.list-link-01>li>a:before,
.lyt-col-01.col4 li a:before{
  content: "";
  position: absolute;
  top: .7em;
  left: 1px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #08107b;
  border-right: 2px solid #08107b;
}

.floating-local-nav-button-arrowR span:before,
.floating-local-nav-button-arrowB span:before{
  content: "";
  position: absolute;
  top: .9em;
  left: 10px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #08107b;
  border-right: 2px solid #08107b;
}

.floating-local-nav-button-arrowB span:before{
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.floating-local-nav-button-arrowB[aria-pressed='true'] span:before{
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

@media only screen and (max-width: 960px){
.floating-local-nav-button-arrowR span:before,
.floating-local-nav-button-arrowB span:before{
  display: none;
}
}

.list-link-01.inline>li{
  display: inline-block;
  margin-right: 16px;
}

.list-link-01.inline>li+li{
  margin-top: 0;
}

.list-link-01.col2, .list-link-01.col3, .list-link-01.col4{
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 1.0625em;
}

.list-link-01.col2>li, .list-link-01.col3>li, .list-link-01.col4>li, .lyt-col-01.col4 li{
  margin-bottom: .4375em;
  padding-left: 35px;
  padding-right: 15px;
}

.list-link-01.col2>li+li, .list-link-01.col3>li+li, .list-link-01.col4>li+li{
  margin-top: 0;
}

.list-link-01.col2>li{
  width: 50%;
}

.list-link-01.col3>li{
  width: calc(100% / 3);
}

.list-link-01.col4>li{
  width: 25%;
}

.list-link-01 .list-link-01>li>a:before{
  top: .8em;
  left: 2px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #777;
  border-right: 1px solid #777;
}

.ie .list-link-01.col3>li, .edge .list-link-01.col3>li{
  width: 33.33333%;
}

@media only screen and (max-width: 768px){
  .list-link-01>li>a:before{
    top: .5em;
  }
  .list-link-01.col2, .list-link-01.col3, .list-link-01.col4{
    margin-left: -8px;
    margin-right: -8px;
  }
  .list-link-01.col2>li, .list-link-01.col3>li, .list-link-01.col4>li{
    padding-left: 28px;
    padding-right: 8px;
  }
  .list-link-01 .list-link-01>li>a:before{
    top: .6em;
  }
}

@media only screen and (max-width: 840px){
  .list-link-01.col4>li{
    width: calc(100% / 3);
  }
  .ie .list-link-01.col4>li, .edge .list-link-01.col4>li{
    width: 33.33333%;
  }
}

@media only screen and (max-width: 720px){
  .list-link-01.col4>li, .list-link-01.col3>li{
    width: 50%;
  }
  .ie .list-link-01.col4>li, .ie .list-link-01.col3>li, .edge .list-link-01.col4>li, .edge .list-link-01.col3>li{
    width: 50%;
  }
}

@media only screen and (max-width: 480px){
  .list-link-01.col2, .list-link-01.col3, .list-link-01.col4{
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.5em;
  }
  .list-link-01.col2>li, .list-link-01.col3>li, .list-link-01.col4>li{
    width: 100%;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
  }
  .list-link-01.col2>li+li, .list-link-01.col3>li+li, .list-link-01.col4>li+li{
    margin-top: .4375em;
  }
  .ie .list-link-01.col2>li, .ie .list-link-01.col3>li, .ie .list-link-01.col4>li, .edge .list-link-01.col2>li, .edge .list-link-01.col3>li, .edge .list-link-01.col4>li{
    width: 100%;
  }
}

.list-bullet-01{
  margin-bottom: 1.5em;
}

.list-bullet-01>li{
  position: relative;
  padding-left: 20px;
}

.list-bullet-01>li:before{
  content: "";
  position: absolute;
  top: .8em;
  left: 4px;
  display: block;
  width: 5px;
  height: 5px;
  background-color: #08107b;
}

.list-bullet-01>li+li{
  margin-top: .4375em;
}

.list-bullet-01.inline>li{
  display: inline-block;
  margin-right: 16px;
}

.list-bullet-01.inline>li+li{
  margin-top: 0;
}

.list-bullet-01.col2, .list-bullet-01.col3, .list-bullet-01.col4{
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 1.0625em;
}

.list-bullet-01.col2>li, .list-bullet-01.col3>li, .list-bullet-01.col4>li{
  margin-bottom: .4375em;
  padding-left: 35px;
  padding-right: 15px;
}

.list-bullet-01.col2>li:before, .list-bullet-01.col3>li:before, .list-bullet-01.col4>li:before{
  left: 19px;
}

.list-bullet-01.col2>li+li, .list-bullet-01.col3>li+li, .list-bullet-01.col4>li+li{
  margin-top: 0;
}

.list-bullet-01.col2>li{
  width: 50%;
}

.list-bullet-01.col3>li{
  width: calc(100% / 3);
}

.list-bullet-01.col4>li{
  width: 25%;
}

.list-bullet-01 .list-bullet-01>li:before{
  width: 4px;
  height: 4px;
  background-color: #777;
}

.ie .list-bullet-01.col3>li, .edge .list-bullet-01.col3>li{
  width: 33.33333%;
}

@media only screen and (max-width: 768px){
  .list-bullet-01>li:before{
    top: .6em;
  }
  .list-bullet-01.col2, .list-bullet-01.col3, .list-bullet-01.col4{
    margin-left: -8px;
    margin-right: -8px;
  }
  .list-bullet-01.col2>li, .list-bullet-01.col3>li, .list-bullet-01.col4>li{
    padding-left: 28px;
    padding-right: 8px;
  }
  .list-bullet-01.col2>li:before, .list-bullet-01.col3>li:before, .list-bullet-01.col4>li:before{
    left: 12px;
  }
  .list-bullet-01 .list-bullet-01>li:before{
    top: .6em;
  }
}

@media only screen and (max-width: 840px){
  .list-bullet-01.col4>li{
    width: calc(100% / 3);
  }
  .ie .list-bullet-01.col4>li, .edge .list-bullet-01.col4>li{
    width: 33.33333%;
  }
}

@media only screen and (max-width: 720px){
  .list-bullet-01.col4>li, .list-bullet-01.col3>li{
    width: 50%;
  }
}

@media only screen and (max-width: 480px){
  .list-bullet-01.col2, .list-bullet-01.col3, .list-bullet-01.col4{
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.5em;
  }
  .list-bullet-01.col2>li, .list-bullet-01.col3>li, .list-bullet-01.col4>li{
    width: 100%;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
  }
  .list-bullet-01.col2>li:before, .list-bullet-01.col3>li:before, .list-bullet-01.col4>li:before{
    left: 4px;
  }
  .list-bullet-01.col2>li+li, .list-bullet-01.col3>li+li, .list-bullet-01.col4>li+li{
    margin-top: .4375em;
  }
}

.list-marked-01{
  margin-bottom: 1.5em;
}

.list-marked-01>li{
  position: relative;
  padding-left: 40px;
}

.list-marked-01>li+li{
  margin-top: .4375em;
}

.list-marked-01>li>span{
  display: block;
}

.list-marked-01>li>span.marked{
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  text-align: right;
}

.list-ordered-01{
  list-style: decimal;
  margin: 0 0 1.5em 40px;
}

.list-ordered-01>li{
  margin-top: .4375em;
}

.list-desc-01{
  margin-bottom: 1.5em;
}

.list-desc-01>dt{
  font-weight: bold;
}

.list-desc-01>dt+dd{
  margin-top: .4375em;
}

.list-desc-01>dd+dt{
  margin-top: 1.125em;
}

.list-desc-01>dd+dd{
  margin-top: .625em;
}

.list-desc-01>dd>*:last-child{
  margin-bottom: 0;
}

.list-define-01,
.list-define-02{
  margin-bottom: .8em;
}

.list-define-01>dt, .list-define-01>dd,
.list-define-02>dt, .list-define-02>dd
{
  line-height: 1.6;
  margin-bottom: .6375em;
}

.list-define-01>dt{
  position: relative;
  width: 17.49999%;
  padding-right: 1em;
}

.list-define-02>dt{
  position: relative;
  width: 26%;
  padding-right: 1em;
}

.list-define-01>dt:after{
  content: ":";
  position: absolute;
  top: 0;
  right: .5em;
}

.list-define-02>dt:after{
  content: ":";
  position: absolute;
  top: 0;
  right: .5em;
}

.list-define-01>dd{
  width: 82.5%;
}

.list-define-02>dd{
  width: 71.5%;
}

@media only screen and (max-width: 768px){
  .list-define-01,
  .list-define-02{
    display: block;
    margin-bottom: 1.4375em;
  }
  .list-define-01>dt,
  .list-define-02>dt{
    position: static;
    width: 100%;
    margin-bottom: .4375em;
    padding-right: 0;
  }
  .list-define-01>dt:after{
    position: static;
    margin-left: .25em;
  }
  .list-define-02>dt:after{
    position: static;
    margin-left: .25em;
  }
  .list-define-01>dd,
  .list-define-02>dd{
    width: 100%;
    margin-bottom: 1em;
  }
}

[class*="list-"]>li>div:first-of-type, [class*="list-"]>li>p:first-of-type, [class*="list-"]>li>ul:first-of-type, [class*="list-"]>li>ol:first-of-type, [class*="list-"]>li>dl:first-of-type{
  margin-top: .4375em;
}

[class*="list-"] [class*="list-"]{
  margin-bottom: 1em;
}

[class*="list-"] .list-marked-01>li{
  padding-left: 28px;
}

[class*="list-"] .list-marked-01>li>span.marked{
  left: -12px;
}

[class*="list-"] .list-ordered-01{
  margin-left: 28px;
}

.list-anchor-01{
  margin: 0 0 2.5625em -28px;
}

.list-anchor-01>li{
  float: left;
  margin-bottom: .4375em;
  padding-left: 28px;
}

.list-anchor-01>li>a{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

.list-anchor-01>li>a:before{
  content: "";
  position: absolute;
  top: .6em;
  left: 3px;
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #08107b;
  border-bottom: 2px solid #08107b;
}

@media only screen and (max-width: 768px){
  .list-anchor-01{
    margin-left: -20px;
    font-size: 1.4rem;
  }
  .list-anchor-01>li{
    padding-left: 20px;
  }
  .list-anchor-01>li>a:before{
    top: .35em;
  }
}

.list-news-01{
  line-height: 1.6;
}

.list-news-01>li{}

.list-news-01>li>.link{
  display: table;
  width: 100%;
  background-color: transparent;
}

.list-news-01>li>.link>.date, .list-news-01>li>.link>.type, .list-news-01>li>.link>.text{
  display: table-cell;
  vertical-align: middle;
}

.list-news-01>li>.link>.date, .list-news-01>li>.link>.type{
  font-size: 1.4rem;
  text-align: center;
}

.list-news-01>li>.link>.date{
  width: 145px;
  padding: 0 10px 0 20px;
}

.list-news-01>li>.link>.type{
  width: 120px;
}

.list-news-01>li>.link>.type>span{
  display: inline-block;
  min-width: 5.28571em;
  padding: 0 2px;
  background-color: #666;
  color: #fff;
}

.list-news-01>li>.link>.text{
  padding: 1.175em 0 1.175em 10px;
}

.list-news-01>li>a.link{
  text-decoration: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  will-change: background-color;
}

.list-news-01>li>a.link>.date, .list-news-01>li>a.link>.type{
  color: #333;
}

.list-news-01>li>a.link>.text{
  position: relative;
  padding-left: 36px;
}

.list-news-01>li>a.link>.text:before{
  content: "";
  position: absolute;
  top: 2.1em;
  left: 12px;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-top: 2px solid #08107b;
  border-right: 2px solid #08107b;
  -webkit-transition: left .2s;
  transition: left .2s;
  will-change: left;
}

.list-news-01>li>a.link:hover, .list-news-01>li>a.link:focus, .list-news-01>li>a.link:active{
  background-color: rgba(0, 0, 0, .05);
}

.list-news-01>li>a.link:hover>.text, .list-news-01>li>a.link:focus>.text, .list-news-01>li>a.link:active>.text{
  text-decoration: underline;
}

.list-news-01>li>a.link:hover>.text:before, .list-news-01>li>a.link:focus>.text:before, .list-news-01>li>a.link:active>.text:before{
  left: 16px;
}

.list-news-01>li.hide{
  display: none;
}

@media only screen and (max-width: 768px){
  .list-news-01>li>.link{
    display: block;
    padding: .85714em 20px;
  }
  .list-news-01>li>.link>.date, .list-news-01>li>.link>.type{
    display: inline-block;
    width: auto;
  }
  .list-news-01>li>.link>.date{
    padding: 0;
  }
  .list-news-01>li>.link>.type{
    margin-left: 10px;
  }
  .list-news-01>li>.link>.text{
    display: block;
    margin-top: .57143em;
    padding: 0;
  }
  .list-news-01>li>a.link{
    position: relative;
  }
  .list-news-01>li>a.link>.text{
    position: static;
    padding-right: 16px;
  }
  .list-news-01>li>a.link>.text:before{
    left: 18px;
    top: 3.9em;
  }
  .list-news-01>li>a.link:hover>.text:before, .list-news-01>li>a.link:focus>.text:before, .list-news-01>li>a.link:active>.text:before{
    left: 22px;
  }
  .area-news .inner .list-news-01{
    margin-left: -16px;
    margin-right: -16px;
  }
  .list-news-01>li>a.link>.text{
    padding-left: 18px;
  }
}

.list-person-01{
  margin: 0 -15px;
}

.list-person-01>li{
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 50%;
  margin-bottom: 2em;
}

.list-person-01>li>.text, .list-person-01>li>.img{
  width: 50%;
  padding: 0 15px;
}

.list-person-01>li>.text:first-of-type{
  margin-top: -.25em;
}

.list-person-01>li>.text .name{
  line-height: 1.8;
  margin-bottom: .75em;
  font-size: 1.4rem;
  font-weight: bold;
}

.list-person-01>li>.text .name .position{
  display: block;
}

.list-person-01>li>.text .name b{
  font-size: 1.8rem;
}

.list-person-01>li>.text .birth{
  margin-bottom: .75em;
}

.list-person-01>li>.text>*:last-child{
  margin-bottom: 0;
}

.list-person-01>li:only-child{
  width: 100%;
}

.list-person-01>li:only-child>.text{
  width: 75%;
}

.list-person-01>li:only-child>.img{
  width: 25%;
}

@media only screen and (max-width: 768px){
  .list-person-01{
    margin: 0 -8px;
  }
  .list-person-01>li{
    width: 100%;
  }
  .list-person-01>li>.text, .list-person-01>li>.img{
    padding: 0 8px;
  }
  .list-person-01>li>.text{
    width: 66.77631%;
  }
  .list-person-01>li>.img{
    width: 33.223685%;
  }
  .list-person-01>li:only-child>.text{
    width: 66.77631%;
  }
  .list-person-01>li:only-child>.img{
    width: 33.223685%;
  }
}

.list-toggle-01{
  margin-bottom: 3em;
}

.list-toggle-01>li{
  border-bottom: 1px solid #d6d6d6;
  background-color: #fff;
}

.list-toggle-01>li:first-child{
  border-top: 1px solid #d6d6d6;
}

.list-toggle-01>li>.ui{
  display: block;
  line-height: 1.6;
  padding: .9695em 20px;
  background-color: #fff;
  font-weight: bold;
}

.list-toggle-01>li>button.ui,
.list-toggle-01>li>b.ui,
.list-toggle-01>li>span.ui{
  position: relative;
  cursor: pointer;
  width: 100%;
  padding-right: 40px;
  text-align: left;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.list-toggle-01>li>button.ui:hover, .list-toggle-01>li>button.ui:focus, .list-toggle-01>li>button.ui:active,
.list-toggle-01>li>b.ui:hover, .list-toggle-01>li>b.ui:focus, .list-toggle-01>li>b.ui:active, .list-toggle-01>li>span.ui:hover,
.list-toggle-01>li>span.ui:focus, .list-toggle-01>li>span.ui:active{
  background-color: #f2f2f2;
}

.list-toggle-01>li>button.ui[aria-expanded]:after,
.list-toggle-01>li>b.ui[aria-pressed]:after,
.list-toggle-01>li>span.ui[aria-pressed]:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border-right: 3px solid #08107b;
  border-bottom: 3px solid #08107b;
}

.list-toggle-01>li>button.ui[aria-expanded="true"]:after,
.list-toggle-01>li>b.ui[aria-pressed="true"]:after,
.list-toggle-01>li>span.ui[aria-pressed="true"]:after{
  margin-top: -4px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.toggle-wrap .list-toggle-01>li>.content{
  display: block;
}

.list-toggle-01>li>.content{
  padding: .4905em 20px .01em 20px;
  display: none;
}

.list-toggle-01>li>.content:first-of-type{
  margin-top: 0;
}

.list-toggle-01>li>.content[aria-expanded]{
  display: none;
}

.list-toggle-01>li>.content[aria-expanded="true"],
.list-toggle-01>li.opened>.content{
  display: block;
}

.list-toggle-01 p, .list-toggle-01 ul, .list-toggle-01 ol, .list-toggle-01 dl, .list-toggle-01 table{
  margin-bottom: 1em;
}

.static .list-toggle-01>li>.content{
  display: block;
}

@media only screen and (max-width: 768px){
  .list-toggle-01{
    margin-bottom: 2em;
  }
  .list-toggle-01>li>.ui{
    padding-left: 8px;
    padding-right: 8px;
  }
  .list-toggle-01>li>button.ui,
  .list-toggle-01>li>b.ui,
  .list-toggle-01>li>span.ui{
    padding-right: 28px;
  }
  .list-toggle-01>li>button.ui[aria-expanded]:after,
  .list-toggle-01>li>b.ui[aria-pressed]:after,
  .list-toggle-01>li>span.ui[aria-pressed]:after{
    right: 8px;
  }
  .list-toggle-01>li>.content{
    padding-left: 8px;
    padding-right: 8px;
  }
}

.list-result-01{
  margin: 2em 0;
}

.list-result-01>li{
  border-bottom: 1px solid #d6d6d6;
}

.list-result-01>li:first-child{
  border-top: 1px solid #d6d6d6;
}

.list-result-01>li>a{
  position: relative;
  display: block;
  min-height: 168px;
  padding: 1.125em 0 1.125em 190px;
  background-color: #fff;
  color: #333;
  text-decoration: none;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.list-result-01>li>a .title{
  display: block;
  color: #08107b;
  font-weight: bold;
}

.list-result-01>li>a .img{
  position: absolute;
  top: 24px;
  left: 0;
  display: block;
  width: 160px;
  height: 120px;
  overflow: hidden;
}

.list-result-01>li>a .img img{
  background-color: #fff;
  opacity: 1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.list-result-01>li>a .text{
  display: block;
  margin-top: .25em;
}

.list-result-01>li>a .text mark{
  background-color: #f2d17d;
}

.list-result-01>li>a .url{
  display: block;
  margin-top: .28571em;
  color: #666;
  font-size: 1.4rem;
}

.list-result-01>li>a:hover, .list-result-01>li>a:focus, .list-result-01>li>a:active{
  background-color: #f2f2f2;
}

.list-result-01>li>a:hover .title, .list-result-01>li>a:focus .title, .list-result-01>li>a:active .title{
  text-decoration: underline;
}

.list-result-01>li>a:hover .img img, .list-result-01>li>a:focus .img img, .list-result-01>li>a:active .img img{
  opacity: .7;
}

@media only screen and (max-width: 768px){
  .list-result-01>li>a{
    min-height: 94px;
    padding: 1em 0 1em 88px;
  }
  .list-result-01>li>a .img{
    top: 20px;
    width: 72px;
    height: 54px;
  }
  .list-result-01>li>a .text{
    margin-top: .28571em;
    font-size: 1.4rem;
  }
  .list-result-01>li>a .url{
    margin-top: .33333em;
    font-size: 1.2rem;
  }
}

.list-step-01{
  overflow: hidden;
  margin-bottom: 2em;
}

.list-step-01>li{
  position: relative;
  z-index: 1;
  background-color: #e6e6e6;
  color: #333;
  font-weight: bold;
  text-align: center;
}

.list-step-01>li:before, .list-step-01>li:after{
  content: "";
  position: absolute;
  top: 0;
  left: -12px;
  bottom: 0;
  display: block;
  width: 4px;
  background-color: #fff;
}

.list-step-01>li:after{
  content: none;
  width: 8px;
  margin-left: 4px;
  background-color: #474747;
}

.list-step-01>li>span, .list-step-01>li>em{
  position: relative;
  display: block;
  padding: .75em 12px;
}

.list-step-01>li>span:before, .list-step-01>li>span:after, .list-step-01>li>em:before, .list-step-01>li>em:after{
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 28px 0 28px 20px;
  border-color: transparent transparent transparent #fff;
}

.list-step-01>li>span:after, .list-step-01>li>em:after{
  margin-left: -4px;
  border-left-color: #e6e6e6;
}

.list-step-01>li:first-child{
  border-radius: .25rem 0 0 .25rem;
}

.list-step-01>li:first-child:before{
  content: none;
}

.list-step-01>li:first-child>span:before, .list-step-01>li:first-child>span:after, .list-step-01>li:first-child>em:before, .list-step-01>li:first-child>em:after{
  content: none;
}

.list-step-01>li:last-child{
  border-radius: 0 .25rem .25rem 0;
}

.list-step-01>li.current{
  background-color: #474747;
  color: #fff;
}

.list-step-01>li.current:after{
  content: "";
}

.list-step-01>li.current+li:after{
  content: "";
  background-color: #e6e6e6;
}

.list-step-01>li.current+li>span:after, .list-step-01>li.current+li>em:after{
  border-left-color: #474747;
}

@media only screen and (max-width: 768px){
  .list-step-01>li>span, .list-step-01>li>em{
    padding: .9695em 12px;
  }
}

.list-faq-01{
  margin-bottom: 2.5em;
  border-top: 1px solid #d6d6d6;
}

.list-faq-01>li{
  border-bottom: 1px solid #d6d6d6;
}

.list-faq-01>li>b,
.list-faq-01>li>span{
  position: relative;
  display: block;
  overflow: hidden;
  padding: 1em 0 1em 64px;
  background-color: #f2f2f2;
}

.list-faq-01>li>b[role="button"],
.list-faq-01>li>span[role="button"]{
  padding-right: 40px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.list-faq-01>li>b[role="button"]:after,
.list-faq-01>li>span[role="button"]:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
}

.list-faq-01>li>b[role="button"]:hover,
.list-faq-01>li>b[role="button"]:focus,
.list-faq-01>li>b[role="button"]:active,
.list-faq-01>li>b[role="button"][aria-expanded="true"],
.list-faq-01>li>span[role="spanutton"]:hover,
.list-faq-01>li>span[role="button"]:focus,
.list-faq-01>li>span[role="button"]:active,
.list-faq-01>li>span[role="button"][aria-expanded="true"]{
  background-color: #f2f2f2;
}

.list-faq-01>li>b[role="button"][aria-expanded="false"]:after,
.list-faq-01>li>span[role="button"][aria-expanded="false"]:after{
  margin-top: -10px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}

.list-faq-01>li>b>.mark,
.list-faq-01>li>span>.mark{
  position: absolute;
  top: 1em;
  left: 20px;
  display: block;
  width: 2em;
  height: 2em;
  line-height: 1.95;
  border: 1px solid #08107b;
  border-radius: 1em;
  background-color: #fff;
  color: #08107b;
  font-weight: normal;
  text-align: center;
}

.list-faq-01>li>.content{
  position: relative;
  display: none;
  padding: 1em 0 .01em 64px;
}

.list-faq-01>li>.content:first-of-type{
  margin-top: 1px;
}

.list-faq-01>li>.content>.mark{
  position: absolute;
  top: 1em;
  left: 20px;
  display: block;
  width: 2em;
  height: 2em;
  line-height: 1.95;
  border-radius: 1em;
  background-color: #08107b;
  color: #fff;
  font-weight: normal;
  text-align: center;
}

.list-faq-01>li.opened>.content{
  display: block;
}

.static .list-faq-01>li>.content{
  display: block;
}

@media only screen and (max-width: 768px){
  .list-faq-01>li>b, .list-faq-01>li>span, .list-faq-01>li>.content{
    padding-left: 60px;
  }
  .list-faq-01>li>b>.mark, .list-faq-01>li>span>.mark, .list-faq-01>li>.content>.mark{
    font-size: 1.4rem;
  }
}

.list-brand-01{
  margin: 0 -15px;
}

.list-brand-01:after{
  content: "";
}

.list-brand-01>li{
  position: relative;
  width: 25%;
  margin-bottom: 30px;
  padding: 22.36842% 15px 0 15px;
  padding: calc(25% - 30px) 15px 0 15px;
}

.list-brand-01>li>a{
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  bottom: 0;
  padding: 20px;
  background-color: #fff;
}

.list-brand-01>li>a:before, .list-brand-01>li>a:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
}

.list-brand-01>li>a:before{
  border-bottom: 4px solid transparent;
}

.list-brand-01>li>a:after{
  top: 0;
  border: 0 solid transparent;
  -webkit-transition: border-width .1s;
  transition: border-width .1s;
  will-change: border-width;
}

.list-brand-01>li>a:hover:after, .list-brand-01>li>a:focus:after, .list-brand-01>li>a:active:after{
  border-width: 4px;
}

.list-brand-01>li>a span{
  position: relative;
  z-index: 2;
  width: 100%;
}

.list-brand-01>li>a span img{
  display: block;
  margin: 0 auto;
}

.list-brand-01>li.line-01>a:before, .list-brand-01>li.line-01>a:after{
  border-color: #08107b;
}

.list-brand-01>li.line-02>a:before, .list-brand-01>li.line-02>a:after{
  border-color: #e9b226;
}

.list-brand-01>li.line-03>a:before, .list-brand-01>li.line-03>a:after{
  border-color: #ccc;
}

.list-brand-01>li.line-04>a:before, .list-brand-01>li.line-04>a:after{
  border-color: #292929;
}

@media only screen and (max-width: 980px){
  .list-brand-01>li>a{
    padding: 16px;
  }
}

@media only screen and (max-width: 768px){
  .list-brand-01{
    margin: 0 -8px;
  }
  .list-brand-01>li{
    width: 25%;
    margin-bottom: 16px;
    padding: 23.4375% 8px 0 8px;
    padding: calc(25% - 16px) 8px 0 8px;
  }
  .list-brand-01>li>a{
    left: 8px;
    right: 8px;
  }
  .list-brand-01>li>a:before{
    border-bottom-width: 3px;
  }
  .list-brand-01>li>a:hover:after, .list-brand-01>li>a:focus:after, .list-brand-01>li>a:active:after{
    border-width: 3px;
  }
}

@media only screen and (max-width: 480px){
  .list-brand-01>li{
    width: 50%;
    padding-top: 48.33333%;
    padding-top: calc(50% - 16px);
  }
}

.list-icon-01{
  line-height: 1.6;
}

.list-icon-01>li{
  margin-bottom: 1em;
}

.list-icon-01>li>a, .list-icon-01>li>span{
  position: relative;
  display: inline-block;
  min-height: 1.875em;
  padding-top: .125em;
  padding-left: 40px;
}

.list-icon-01>li>a>.icon, .list-icon-01>li>span>.icon{
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 768px){
  .link-icon{
    top: .125em;
  }
}

/* ===========================
link
--------------------------- */
a small{
  font-size: 87.5%;
}

.link-inlinetext-01{
  text-decoration: underline;
}

.link-inlinetext-01:hover, a:focus .link-inlinetext-01{
  background-color: #f2f2f2;
}

.link-icon{
  position: relative;
  top: .05em;
  vertical-align: baseline;
}

#nav-global .submenu .list-link>li span.nav-link-icon{
  display: inline-block;
  padding-left: 0;
}

@media only screen and (max-width: 768px){
  .link-icon{
    top: .125em;
  }
}

@media only screen and (max-width: 767px){
  .nav-link-icon{
    position: absolute;
    right: 30px;
    top: calc(50% - 11px);
  }
}

.link-text-01{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

.link-text-01:before{
  content: "";
  position: absolute;
  top: .7em;
  left: 1px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #08107b;
  border-right: 2px solid #08107b;
}

@media only screen and (max-width: 768px){
  .link-text-01:before{
    top: .5em;
  }
}

.link-modal-01, .link-modal-02{
  position: relative;
  display: inline-block;
}

.link-modal-01>img, .link-modal-02>img{
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-transition: -webkit-filter .2s;
  transition: filter .2s;
  will-change: -webkit-filter, filter;
}

.link-modal-01>.expand, .link-modal-02>.expand{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  overflow: hidden;
  background-color: rgba(0, 0, 0, .6);
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.link-modal-01>.expand span, .link-modal-02>.expand span{
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  min-width: 60px;
  padding-top: 58px;
  background-image: url(/shared/images/icon-loupe-02.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.link-modal-01:hover>img, .link-modal-01:focus>img, .link-modal-01:active>img,
.link-modal-02:hover>img, .link-modal-02:focus>img, .link-modal-02:active>img{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.link-modal-01:hover>.expand, .link-modal-01:focus>.expand, .link-modal-01:active>.expand,
.link-modal-02:hover>.expand, .link-modal-02:focus>.expand, .link-modal-02:active>.expand{
  opacity: 1;
}

.link-modal-01[disabled], .link-modal-02[disabled]{
  cursor: default;
}

.link-modal-01[disabled]>.expand, .link-modal-02[disabled]>.expand{
  display: none;
}

.link-modal-01[disabled]:hover>img, .link-modal-01[disabled]:focus>img, .link-modal-01[disabled]:active>img,
.link-modal-02[disabled]:hover>img, .link-modal-02[disabled]:focus>img, .link-modal-02[disabled]:active>img{
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.ie .link-modal-01>img, .ie .link-modal-02>img{
  width: 100%;
}

@media only screen and (max-width: 640px){
  .link-modal-01, .link-modal-02{
    position: static;
  }
  .link-modal-movie{
    position: relative;
  }
  .link-modal-01>.expand, .link-modal-02>.expand{
    display: none;
  }
  .link-modal-01:hover>img, .link-modal-01:focus>img, .link-modal-01:active>img,
  .link-modal-02:hover>img, .link-modal-02:focus>img, .link-modal-02:active>img{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }
}

.link-banner-01{
  position: relative;
  display: block;
  padding: 2.375em 40px;
  background-color: #fff;
  text-align: center;
}

.link-banner-01 b{
  position: relative;
  z-index: 2;
  display: block;
  color: #333;
  font-size: 2.4rem;
  font-weight: normal;
  text-align: center;
}

.link-banner-01 .link{
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-left: 20px;
}

.link-banner-01 .link:before{
  content: "";
  position: absolute;
  top: .7em;
  left: 1px;
  z-index: 2;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #474747;
  border-right: 2px solid #474747;
}

.link-banner-01:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.link-banner-01:hover, .link-banner-01:focus, .link-banner-01:active{
  text-decoration: none;
}

.link-banner-01:hover .link, .link-banner-01:focus .link, .link-banner-01:active .link{
  text-decoration: underline;
}

.link-banner-01:hover:before, .link-banner-01:focus:before, .link-banner-01:active:before{
  opacity: .7;
}

.link-banner-01.internship:before{
  background-image: url(/shared/images/bg-internship-01.jpg);
}

@media only screen and (max-width: 768px){
  .link-banner-01{
    padding: 2.25em 20px;
  }
  .link-banner-01 b{
    font-size: 2rem;
  }
  .link-banner-01 b+.link{
    margin-top: .5em;
  }
  .link-banner-01 .link{
    padding-left: 18px;
  }
  .link-banner-01 .link:before{
    top: .5em;
  }
}

.link-banner-02{
  position: relative;
  display: block;
  padding: 8.65em 40px;
  background-color: #fff;
  text-align: center;
}

.link-banner-02:after{
  content: "";
  display: block;
  clear: both;
}

.link-banner-02 span{
  position: relative;
  color: #000;
  font-size: 2rem;
  font-weight: bold;
  z-index: 2;
  display: block;
  padding-left: 26px;
  float: left;
}

.link-banner-02 span:before{
  content: "";
  position: absolute;
  top: .7em;
  left: 1px;
  z-index: 2;
  display: block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  -webkit-transition: left .2s;
  transition: left .2s;
  will-change: left;
}

.link-banner-02:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.link-banner-02:hover, .link-banner-02:focus, .link-banner-02:active{
  text-decoration: none;
}

.link-banner-02:hover:before, .link-banner-02:focus:before, .link-banner-02:active:before{
  opacity: .7;
}

.link-banner-02:hover span, .link-banner-02:focus span, .link-banner-02:active span{
  color: #08107b;
}

.link-banner-02:hover span:before, .link-banner-02:focus span:before, .link-banner-02:active span:before{
  left: 7px;
}

.link-banner-02.brand-01:before{
  background-image: url(/shared/images/bg-brand-01.jpg);
}
.link-banner-02.features-01:before{
  background-image: url(/shared/images/bg-features-01.jpg);
}
.link-banner-02.features-02:before{
  background-image: url(/shared/images/bg-features-02.jpg);
}
.link-banner-02.features-03:before{
  background-image: url(/shared/images/bg-features-03.jpg);
}

@media only screen and (max-width: 768px){
  .link-banner-02{
    padding: 0;
  }
  .link-banner-02:before{
    padding: 0;
	position: static;
	height: 200px;
  }
  .link-banner-02 span{
    padding-top: 1.375em;
	font-size: 1.8rem;
  }
  .link-banner-02 span:before{
    top: 1.84em;
  }
}

@media only screen and (max-width: 480px){
  .link-banner-02:before{
    height: 150px;
  }
}

/* ===========================
navigation
--------------------------- */
.nav-btn-01{
  line-height: 1.6;
  margin: -10px 0 1.375em 0;
}

.nav-btn-01+.nav-btn-01{
  margin-top: -1.375em;
}

.nav-btn-01>*{
  margin: 10px 0;
}

.nav-btn-01>*+*{
  margin-left: 30px;
}

.nav-btn-01 a, .nav-btn-01 button{
  position: relative;
  display: table;
  padding: 0.78125em 30px;
  color: #08107b;
  font-weight: bold;
  text-align: left;
}

.nav-btn-01 a:before, .nav-btn-01 button:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  margin-top: -6px;
  -webkit-transition: border-color .2s;
  transition: border-color .2s;
  will-change: border-color;
  -webkit-transition: left .2s;
  transition: left .2s;
  will-change: left;
}

.nav-btn-01 a:hover, .nav-btn-01 a:focus, .nav-btn-01 a:active, .nav-btn-01 button:hover, .nav-btn-01 button:focus, .nav-btn-01 button:active{
  text-decoration: none;
}

.nav-btn-01 a:hover:before, .nav-btn-01 a:focus:before, .nav-btn-01 a:active:before, .nav-btn-01 button:hover:before, .nav-btn-01 button:focus:before, .nav-btn-01 button:active:before{
  left: 8px;
  -webkit-transition: left .2s;
  transition: left .2s;
  will-change: left;
}

.nav-btn-01 a.fit-width, .nav-btn-01 button.fit-width{
  width: auto;
  min-width: 350px;
}

.nav-btn-01 a>span, .nav-btn-01 button>span{
  display: table-cell;
  vertical-align: middle;
  font-size: 1.8rem;
  color: #000;
}

.nav-btn-01 a>span:hover, .nav-btn-01 button>span:hover{
  text-decoration: underline;
  color: #08107b;
}

.nav-btn-01 button>span{
  display: block;
}

.nav-btn-01 em a, .nav-btn-01 em button{
  border-color: #e9b226;
  background-color: #e9b226;
  color: #333;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.nav-btn-01 em a:before, .nav-btn-01 em button:before{
  border-color: #333;
  -webkit-transition: none;
  transition: none;
}

.nav-btn-01 em a:hover, .nav-btn-01 em a:focus, .nav-btn-01 em a:active, .nav-btn-01 em button:hover, .nav-btn-01 em button:focus, .nav-btn-01 em button:active{
  background-color: #fff;
}

.nav-btn-01 em a:hover:before, .nav-btn-01 em a:focus:before, .nav-btn-01 em a:active:before, .nav-btn-01 em button:hover:before, .nav-btn-01 em button:focus:before, .nav-btn-01 em button:active:before{
  border-color: #474747;
}

.nav-btn-01 em.submit button{
  padding: .95em 30px;
  font-size: 2rem;
}

.nav-btn-01 .return button{
  width: 160px;
  height: auto !important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.nav-btn-01 .return button:after{
  right: inherit;
  left: 14px;
  border-top: 0;
  border-right: 0;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

.nav-btn-01 .return button:hover:after, .nav-btn-01 .return button:focus:after, .nav-btn-01 .return button:active:after{
  border-color: #474747;
}

.nav-btn-01 .link-icon{
  top: .1em;
}

@media only screen and (max-width: 768px){
  .nav-btn-01>*{
    margin: 8px 0;
  }
  .nav-btn-01>*+*{
    margin-left: 0;
  }
  .nav-btn-01>*>*{
    width: 100%;
  }
  .nav-btn-01 a.fit-width, .nav-btn-01 button.fit-width{
    min-width: inherit;
  }
  .nav-btn-01 a>span, .nav-btn-01 button>span{
    display: block;
  }
  .nav-btn-01.inline a, .nav-btn-01.inline button{
    height: auto !important;
  }
  .nav-btn-01 .return button{
    width: 100%;
  }
}

.nav-btn-02{
  position: relative;
  display: inline-block;
  line-height: 1.6;
  margin: 4px .28571em 4px 0;
  border: 1px solid #777;
  border-radius: .2rem;
  padding: .215em 10px .215em 24px;
  background-color: #fff;
  color: #333;
  font-size: 1.4rem;
  text-decoration: none;
  vertical-align: middle;
  -webkit-transition: border-color .2s, background-color .2s, color .2s;
  transition: border-color .2s, background-color .2s, color .2s;
  will-change: border-color, background-color, color;
}

.nav-btn-02:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: 2px solid #777;
  border-right: 2px solid #777;
  -webkit-transition: border-color .2s;
  transition: border-color .2s;
  will-change: border-color;
}

.nav-btn-02:link, .nav-btn-02:visited{
  color: #333;
  text-decoration: none;
}

.nav-btn-02:hover, .nav-btn-02:focus, .nav-btn-02:active{
  border-color: #474747;
  background-color: #474747;
  color: #fff;
}

.nav-btn-02:hover:after, .nav-btn-02:focus:after, .nav-btn-02:active:after{
  border-color: #fff;
}

.nav-btn-02 .link-icon{
  top: .15em;
}

[class*="hdg-section"] .nav-btn-02{
  margin-left: 12px;
  margin-bottom: 0;
  font-weight: normal;
}

.hdg-section-01 .nav-btn-02, .hdg-section-02 .nav-btn-02{
  margin-top: -.4em;
}

.hdg-section-03 .nav-btn-02, .hdg-section-04 .nav-btn-02{
  margin-top: -.275em;
}

.hdg-section-05 .nav-btn-02{
  margin-top: -.125em;
}

@media only screen and (max-width: 768px){
  .hdg-section-01 .nav-btn-02, .hdg-section-02 .nav-btn-02, .hdg-section-03 .nav-btn-02{
    margin-top: -.275em;
  }
  .hdg-section-04 .nav-btn-02, .hdg-section-05 .nav-btn-02{
    margin-top: -.125em;
  }
}

.nav-btn-03{
  line-height: 1.6;
  margin: -10px 0 1.375em 0;
}

.nav-btn-03+.nav-btn-03{
  margin-top: -1.375em;
}

.nav-btn-03>*{
  margin: 10px 0;
}

.nav-btn-03>*+*{
  margin-left: 30px;
}

.nav-btn-03 a, .nav-btn-03 button{
  position: relative;
  display: table;
  width: 350px;
  border: 3px solid #474747;
  border-radius: .25rem;
  padding: .78125em 30px;
  background-color: #474747;
  color: #fff;
  font-weight: bold;
  text-align: center;
  -webkit-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  will-change: background-color, color;
}

.nav-btn-03 a:before, .nav-btn-03 button:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  display: block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  margin-top: -6px;
  -webkit-transition: border-color .2s;
  transition: border-color .2s;
  will-change: border-color;
}

.nav-btn-03 a:hover, .nav-btn-03 a:focus, .nav-btn-03 a:active, .nav-btn-03 button:hover, .nav-btn-03 button:focus, .nav-btn-03 button:active{
  background-color: #fff;
  color: #333;
  text-decoration: none;
}

.nav-btn-03 a:hover:before, .nav-btn-03 a:focus:before, .nav-btn-03 a:active:before, .nav-btn-03 button:hover:before, .nav-btn-03 button:focus:before, .nav-btn-03 button:active:before{
  border-color: #474747;
}
.nav-btn-03.btn-color-01 a, .nav-btn-03.btn-color-01 button{
  border: 3px solid #0b308e;
  background-color: #0b308e;
}
.nav-btn-03.btn-color-01 a:hover, .nav-btn-03.btn-color-01 a:focus, .nav-btn-03.btn-color-01 a:active, .nav-btn-03.btn-color-01 button:hover, .nav-btn-03.btn-color-01 button:focus, .nav-btn-03.btn-color-01 button:active{
  background-color: #fff;
  color: #0b308e;
  text-decoration: none;
}
.nav-btn-03.btn-color-01 a:hover:before, .nav-btn-03.btn-color-01 a:focus:before, .nav-btn-03.btn-color-01 a:active:before, .nav-btn-03.btn-color-01 button:hover:before, .nav-btn-03.btn-color-01 button:focus:before, .nav-btn-03.btn-color-01 button:active:before{
  border-color: #0b308e;
}
.nav-btn-03.btn-color-02 a, .nav-btn-03.btn-color-02 button{
  border: 3px solid #e9b226;
  background-color: #e9b226;
  color: #0b308e;
}
.nav-btn-03.btn-color-02 a:before, .nav-btn-03.btn-color-02 button:before{
  border-color: #0b308e;
}
.nav-btn-03.btn-color-02 a:hover, .nav-btn-03.btn-color-02 a:focus, .nav-btn-03.btn-color-02 a:active, .nav-btn-03.btn-color-02 button:hover, .nav-btn-03.btn-color-02 button:focus, .nav-btn-03.btn-color-02 button:active{
  background-color: #0b308e;
  color: #e9b226;
  text-decoration: none;
}
.nav-btn-03.btn-color-02 a:hover:before, .nav-btn-03.btn-color-02 a:focus:before, .nav-btn-03.btn-color-02 a:active:before, .nav-btn-03.btn-color-02 button:hover:before, .nav-btn-03.btn-color-02 button:focus:before, .nav-btn-03.btn-color-02 button:active:before{
  border-color: #e9b226;
}
.nav-btn-03 a.fit-width, .nav-btn-03 button.fit-width{
  width: auto;
  min-width: 350px;
}

.nav-btn-03 a>span, .nav-btn-03 button>span{
  display: table-cell;
  vertical-align: middle;
}

.nav-btn-03 button>span{
  display: block;
}

.nav-btn-03 em a, .nav-btn-03 em button{
  border-color: #e9b226;
  background-color: #e9b226;
  color: #333;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.nav-btn-03 em.emphasis-01 a, .nav-btn-03 em.emphasis-01 button{
  border-color: #08107b;
  background-color: #08107b;
  color: #fff;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
  margin: 0 auto;
}

.nav-btn-03 em.emphasis-01 a.fit-width span{
  padding-left: .3em;
}

.nav-btn-03 em a:before, .nav-btn-03 em button:before{
  border-color: #333;
  -webkit-transition: none;
  transition: none;
}

.nav-btn-03 em.emphasis-01 a:before, .nav-btn-03 em.emphasis-01 button:before{
  border-color: #fff;
  -webkit-transition: none;
  transition: none;
}

.nav-btn-03 em a:hover, .nav-btn-03 em a:focus, .nav-btn-03 em a:active, .nav-btn-03 em button:hover, .nav-btn-03 em button:focus, .nav-btn-03 em button:active{
  background-color: #fff;
}

.nav-btn-03 em.emphasis-01 a:hover, .nav-btn-03 em.emphasis-01 a:focus, .nav-btn-03 em.emphasis-01 a:active, .nav-btn-03 em.emphasis-01 button:hover, .nav-btn-03 em.emphasis-01 button:focus, .nav-btn-03 em.emphasis-01 button:active{
  color: #08107b;
}

.nav-btn-03 em a:hover:before, .nav-btn-03 em a:focus:before, .nav-btn-03 em a:active:before, .nav-btn-03 em button:hover:before, .nav-btn-03 em button:focus:before, .nav-btn-03 em button:active:before{
  border-color: #474747;
}

.nav-btn-03 em.emphasis-01 a:hover:before, .nav-btn-03 em.emphasis-01 a:focus:before, .nav-btn-03 em.emphasis-01 a:active:before, .nav-btn-03 em.emphasis-01 button:hover:before, .nav-btn-03 em.emphasis-01 button:focus:before, .nav-btn-03 em.emphasis-01 button:active:before{
  border-color: #08107b;
}

.nav-btn-03 em.submit button{
  padding: .95em 30px;
  font-size: 2rem;
}

.nav-btn-03 .return button{
  width: 160px;
  height: auto !important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.nav-btn-03 .return button:before{
  right: inherit;
  left: 14px;
  border-top: 0;
  border-right: 0;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

.nav-btn-03 .return button:hover:before, .nav-btn-03 .return button:focus:before, .nav-btn-03 .return button:active:before{
  border-color: #474747;
}

.nav-btn-03 .link-icon{
  top: .1em;
}

@media only screen and (max-width: 810px){
  .nav-btn-03 a, .nav-btn-03 button{
    width: 330px;
  }
}

@media only screen and (max-width: 768px){
  .nav-btn-03>*{
    margin: 8px 0;
    width: 100%;
  }
  .nav-btn-03>*+*{
    margin-left: 0;
  }
  .nav-btn-03>*>*{
    width: 100%;
  }
  .nav-btn-03 a, .nav-btn-03 button{
    width: 100%;
  }
  .nav-btn-03 a.fit-width, .nav-btn-03 button.fit-width{
    width: 100%;
    min-width: inherit;
  }
  .nav-btn-03 a>span, .nav-btn-03 button>span{
    display: block;
  }
  .nav-btn-03.inline a, .nav-btn-03.inline button{
    height: auto !important;
  }
  .nav-btn-03 .return button{
    width: 100%;
  }
}

.nav-btn-04{
  line-height: 1.6;
  margin: -10px 0 1.375em 0;
  display: block;
}

.nav-btn-04+.nav-btn-04{
  margin-top: -1.375em;
}

.nav-btn-04>*{
  margin: 10px 0;
}

.nav-btn-04>*+*{
  margin-left: 30px;
}

.nav-btn-04 a, .nav-btn-04 button{
  position: relative;
  display: table;
  border: 3px solid #474747;
  border-radius: .25rem;
  padding: .78125em 30px .78125em 40px;
  background-color: #474747;
  color: #fff;
  font-weight: bold;
  text-align: center;
  -webkit-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  will-change: background-color, color;
}

.nav-btn-04 a:before, .nav-btn-04 button:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  display: block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  margin-top: -6px;
  -webkit-transition: border-color .2s;
  transition: border-color .2s;
  will-change: border-color;
}

.nav-btn-04 a:hover, .nav-btn-04 a:focus, .nav-btn-04 a:active, .nav-btn-04 button:hover, .nav-btn-04 button:focus, .nav-btn-04 button:active{
  background-color: #fff;
  color: #333;
  text-decoration: none;
}

.nav-btn-04 a:hover:before, .nav-btn-04 a:focus:before, .nav-btn-04 a:active:before, .nav-btn-04 button:hover:before, .nav-btn-04 button:focus:before, .nav-btn-04 button:active:before{
  border-color: #474747;
}

.nav-btn-04 a.fit-width, .nav-btn-04 button.fit-width{
  width: auto;
  min-width: 350px;
}

.nav-btn-04 a>span, .nav-btn-04 button>span{
  display: table-cell;
  vertical-align: middle;
}

.nav-btn-04 button>span{
  display: block;
}

.nav-btn-04 em a, .nav-btn-04 em button{
  border-color: #e9b226;
  background-color: #e9b226;
  color: #333;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.nav-btn-04 em a:before, .nav-btn-04 em button:before{
  border-color: #333;
  -webkit-transition: none;
  transition: none;
}

.nav-btn-04 em a:hover, .nav-btn-04 em a:focus, .nav-btn-04 em a:active, .nav-btn-04 em button:hover, .nav-btn-04 em button:focus, .nav-btn-04 em button:active{
  background-color: #fff;
}

.nav-btn-04 em a:hover:before, .nav-btn-04 em a:focus:before, .nav-btn-04 em a:active:before, .nav-btn-04 em button:hover:before, .nav-btn-04 em button:focus:before, .nav-btn-04 em button:active:before{
  border-color: #474747;
}

.nav-btn-04 em.submit button{
  padding: .95em 30px;
  font-size: 2rem;
}

.nav-btn-04 .return button{
  width: 160px;
  height: auto !important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.nav-btn-04 .return button:before{
  right: inherit;
  left: 14px;
  border-top: 0;
  border-right: 0;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

.nav-btn-04 .return button:hover:before, .nav-btn-04 .return button:focus:before, .nav-btn-04 .return button:active:before{
  border-color: #474747;
}

.nav-btn-04 .link-icon{
  top: .1em;
}

@media only screen and (max-width: 810px){
  .nav-btn-04 a, .nav-btn-04 button{
    width: 330px;
  }
}

@media only screen and (max-width: 768px){
  .nav-btn-04>*{
    margin: 8px 0;
    width: 100%;
  }
  .nav-btn-04>*+*{
    margin-left: 0;
  }
  .nav-btn-04>*>*{
    width: 100%;
  }
  .nav-btn-04 a, .nav-btn-04 button{
    width: 100%;
	text-align: left;
  }
  .nav-btn-04 a.fit-width, .nav-btn-04 button.fit-width{
    width: 100%;
    min-width: inherit;
  }
  .nav-btn-04 a>span, .nav-btn-04 button>span{
    display: block;
  }
  .nav-btn-04.inline a, .nav-btn-04.inline button{
    height: auto !important;
  }
  .nav-btn-04 .return button{
    width: 100%;
  }
}

.nav-checkbox-01{
  padding: .5625em 0;
}

.nav-checkbox-01 label{
  display: block;
  width: 350px;
  margin: 0 auto;
  border: 1px solid #d6d6d6;
  border-radius: .25rem;
  padding: .6875em 10px;
  background-color: #fff;
  font-weight: bold;
  text-align: center;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.nav-checkbox-01 label:hover, .nav-checkbox-01 label:focus, .nav-checkbox-01 label:active{
  background-color: #e6e6e6;
}

.nav-checkbox-01 label input[type="checkbox"]{
  margin-right: .25em;
  vertical-align: middle;
}

@media only screen and (max-width: 768px){
  .nav-checkbox-01 label{
    width: 100%;
  }
}

.nav-mapbtn-01 button{
  position: relative;
  display: inline-block;
  line-height: 1.6;
  margin: 4px .28571em 4px 0;
  border: 1px solid #777;
  border-radius: .2rem;
  padding: .215em 10px .215em 32px;
  background-color: #fff;
  color: #333;
  font-size: 1.4rem;
  text-decoration: none;
  vertical-align: middle;
  -webkit-transition: border-color .2s, background-color .2s, color .2s;
  transition: border-color .2s, background-color .2s, color .2s;
  will-change: border-color, background-color, color;
}

.nav-mapbtn-01 button:hover{
  border-color: #474747;
  background-color: #474747;
  color: #fff;
}

.nav-mapbtn-01 button:active{
  border-color: #777;
  background-color: #fff;
  color: #333;
}

.nav-mapbtn-01 button:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-image: url(/shared/images/icon-mapbtn-01.png);
  background-repeat: no-repeat;
}

.nav-mapbtn-01 button.show:before{
  background-position: -24px -2px;
}

.nav-mapbtn-01 button.show:hover:before{
  background-position: -2px -2px;
}

.nav-mapbtn-01 button.show:active:before{
  background-position: -24px -2px;
}

.nav-mapbtn-01 button.hide:before{
  background-position: -2px -24px;
}

.nav-mapbtn-01 button.hide:hover:before{
  background-position: -24px -24px;
}

.nav-mapbtn-01 button.hide:active:before{
  background-position: -2px -24px;
}

.static .nav-mapbtn-01 button{
  display: none;
}

.nav-rssbtn-01{
  line-height: 1.6;
  font-size: 1.2rem;
}

.nav-rssbtn-01 a{
  position: relative;
  display: inline-block;
  margin: 0;
  border: 1px solid #777;
  border-radius: .2rem;
  padding: .375em 6px .375em 24px;
  background-color: rgba(71, 71, 71, 0);
  color: #333;
  text-decoration: none;
  vertical-align: middle;
  -webkit-transition: border-color .2s, background-color .2s, color .2s;
  transition: border-color .2s, background-color .2s, color .2s;
  will-change: border-color, background-color, color;
}

.nav-rssbtn-01 a:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background-image: url(/shared/images/icon-rss-01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.nav-rssbtn-01 a:hover, .nav-rssbtn-01 a:focus, .nav-rssbtn-01 a:active{
  border-color: #474747;
  background-color: #474747;
  color: #fff;
}

.nav-rssbtn-01 a:hover:before, .nav-rssbtn-01 a:focus:before, .nav-rssbtn-01 a:active:before{
  background-position: -14px 0;
}

[class*="hdg-section"] .nav-rssbtn-01{
  float: right;
  margin-bottom: 0;
  font-weight: normal;
}

.hdg-section-01 .nav-rssbtn-01{
  margin-top: .55em;
}

.hdg-section-02 .nav-rssbtn-01{
  margin-top: .35em;
}

.hdg-section-03 .nav-rssbtn-01, .hdg-section-04 .nav-rssbtn-01{
  margin-top: .225em;
}

.hdg-section-05 .nav-rssbtn-01{
  margin-top: .05em;
}

@media only screen and (max-width: 768px){
  .hdg-section-01 .nav-rssbtn-01{
    margin-top: .2em;
  }
  .hdg-section-02 .nav-rssbtn-01{
    margin-top: .35em;
  }
  .hdg-section-03 .nav-rssbtn-01{
    margin-top: .15em;
  }
  .hdg-section-04 .nav-rssbtn-01, .hdg-section-05 .nav-rssbtn-01{
    margin-top: -.1em;
  }
}

.sns{
  height: 32px;
  width: 100%;
  padding: 24px 0;
  margin: 0;
  background: #f2f2f2;
  text-align: center;
  box-sizing: content-box;
}

.sns iframe, .sns li{
  vertical-align: middle !important;
  line-height: 0;
  display: inline-block;
}

.sns .twitter-share-button.twitter-share-button-rendered.twitter-tweet-button{
  margin-top: 0;
}

.sns .fb_iframe_widget span{
  vertical-align: text-top !important;
}

.nav-index-01{
  line-height: 1.6;
  margin-bottom: 0;
  width: 100%;
}
.area-content.product-content .nav-index-01{
  padding: 0 30px;
}
.nav-index-01.reverse{
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.nav-index-01:after{
  content: "";
  display: block;
  width: 31.53153%;
  width: calc((100% - 60px) / 3);
}

.nav-index-01.last-row-centered{
  justify-content: center;
}
.nav-index-01.last-row-centered:after{
  display: none;
}

.nav-index-01>li{
  width: 31.53153%;
  width: calc((100% - 60px) / 3);
  margin-bottom: 2em;
  border: 1px solid #d6d6d6;
  padding: 0 27px;
  background-color: #fff;
}
.nav-index-01.noborder>li{
  border: none;
}

.nav-index-01>li>.link{
  display: block;
  margin: -1px -28px 0 -28px;
  background-color: #fff;
}

.nav-index-01>li>.link>.img{
  display: block;
}

.nav-index-01>li>.link>.img.frame{
  border: 1px solid #d6d6d6;
}

.nav-index-01>li>.link>.img img{
  width: 100%;
  max-width: inherit;
}

.nav-index-01>li>.link>.text{
  display: block;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  padding: 1.5em 27px 1em 27px;
  text-align: center;
}
.nav-index-01.noborder>li>.link>.text{
  border: none;
}

.nav-index-01>li>.link>.text>span{
  color: #000;
  font-size: 2rem;
  font-weight: bold;
}

.nav-index-01>li>a.link{
  text-decoration: none;
}

.nav-index-01>li>a.link>.img{
  overflow: hidden;
}

.nav-index-01>li>a.link>.img img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .4s;
  transition: transform .4s;
  will-change: transform;
}

.nav-index-01>li>a.link>.text{
  text-align: left;
}

.nav-index-01>li>a.link>.text>span{
  -webkit-transition: color .2s;
  transition: color .2s;
  will-change: color;
}

.nav-index-01>li>a.link>.text>span:before{
  content: "";
  position: relative;
  top: -1px;
  right: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  -webkit-transition: right .2s;
  transition: right .2s;
  will-change: right;
}

.nav-index-01>li>a.link:hover>.img img, .nav-index-01>li>a.link:focus>.img img, .nav-index-01>li>a.link:active>.img img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.nav-index-01>li>a.link:hover>.text>span, .nav-index-01>li>a.link:focus>.text>span, .nav-index-01>li>a.link:active>.text>span, .nav-index-01 a.link:hover .text span{
  color: #08107b;
}

.nav-index-01>li>a.link:hover>.text>span:before, .nav-index-01>li>a.link:focus>.text>span:before, .nav-index-01>li>a.link:active>.text>span:before, .nav-index-01 a.link:hover .text span:before{
  right: 8px;
}

.nav-index-01>li.recruit-new{
  width: 65.76577%;
  width: calc((100% - 15px) / 1.5);
  border: none;
  padding: 0;
}

.nav-index-01>li.recruit-new>a{
  position: relative;
  -webkit-flex: 6 1 0%;
  flex: 6 1 0%;
  -webkit-align-self: stretch;
  align-self: stretch;
  overflow: hidden;
  background-color: #08107b;
  color: #fff;
  font-size: 2rem;
  text-decoration: none;
}

.nav-index-01>li.recruit-new>a:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/recruit/images/index-01.jpg);
  background-size: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .4s;
  transition: transform .4s;
  will-change: -webkit-transform, transform;
}

.nav-index-01>li.recruit-new>a>span{
  position: absolute;
  top: 50%;
  left: 40px;
  right: 15px;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
}

.nav-index-01>li.recruit-new>a>span b{
  display: block;
  margin-bottom: 1em;
  text-align: left;
}

.nav-index-01>li.recruit-new>a>span b:before{
  content: "";
  position: relative;
  top: -.1em;
  right: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 0;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transition: right .2s;
  transition: right .2s;
  will-change: right;
}

.nav-index-01>li.recruit-new>a:hover:before, .nav-index-01>li.recruit-new>a:focus:before, .nav-index-01>li.recruit-new>a:active:before{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.nav-index-01>li.recruit-new>a:hover>span b:before, .nav-index-01>li.recruit-new>a:focus>span b:before, .nav-index-01>li.recruit-new>a:active>span b:before{
  right: 8px;
}

.nav-index-01>li.recruit-new>div{
  -webkit-flex: 4 1 0%;
  flex: 4 1 0%;
  border: 1px solid #d6d6d6;
  border-left: none;
}

.nav-index-01>li.recruit-new>div>div{
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5em 27px 1.5em 28px;
}

.nav-index-01>li.recruit-new>div>div .list-link-01{
  margin-bottom: 0;
}

.nav-index-01>li.recruit-new>div>div .list-link-01+*{
  margin-top: 1em;
}

.nav-index-01>li.recruit-new>div>div .nav-btn-01{
  margin-bottom: 0;
}

.nav-index-01>li.recruit-new>div>div .nav-btn-01 a{
  min-width: 100%;
}

.nav-index-01>li.recruit-new>div>div .nav-btn-01+p{
  font-size: 1.4rem;
}

.nav-index-01>li.recruit-new>div>div p{
  margin-bottom: 0;
}

.nav-index-01>li.csr-activities{
  width: 65.76577%;
  width: calc((100% - 15px) / 1.5);
  border: none;
  padding: 0;
}

.nav-index-01>li.csr-activities>a{
  position: relative;
  -webkit-flex: 6 1 0%;
  flex: 6 1 0%;
  -webkit-align-self: stretch;
  align-self: stretch;
  overflow: hidden;
  background-color: #E4EEF7;
  color: #fff;
  font-size: 2rem;
  text-decoration: none;
}

.nav-index-01>li.csr-activities>a:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/csr/images/index-02.jpg);
  background-size: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .4s;
  -ms-transition: transform .4s;
  will-change: -webkit-transform, transform;
}

.nav-index-01>li.csr-activities>a>span{
  color: #333;
  position: absolute;
  top: 50%;
  left: 10%;
  right: 0;
  width: 80%;
  height: 2.6em;
  display: block;
  padding: 0.5em 0;
  background-color: rgba(255, 255, 255, .9);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.nav-index-01>li.csr-activities>a>span b{
  display: block;
  margin-bottom: 1em;
  text-align: center;
}

.nav-index-01>li.csr-activities>a>span b:before{
  content: "";
  position: relative;
  top: -.1em;
  right: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: .25em;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  -webkit-transition: right .2s;
  transition: right .2s;
  will-change: right;
}

.nav-index-01>li.csr-activities>a>span:hover{
  color: #08107b;
}

.nav-index-01>li.csr-activities>a:hover:before, .nav-index-01>li.csr-activities>a:focus:before, .nav-index-01>li.csr-activities>a:active:before{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.nav-index-01>li.csr-activities>a:hover>span b:before, .nav-index-01>li.csr-activities>a:focus>span b:before, .nav-index-01>li.csr-activities>a:active>span b:before{
  right: 8px;
}

.nav-index-01>li.csr-activities>div{
  -webkit-flex: 4 1 0%;
  flex: 4 1 0%;
  border: 1px solid #d6d6d6;
  border-left: none;
}

.nav-index-01>li.csr-activities>div>div{
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5em 27px 1.5em 28px;
}

.nav-index-01>li.csr-activities>div>div .list-link-01{
  margin-bottom: 0;
}

.nav-index-01>li.csr-activities>div>div .list-link-01+*{
  margin-top: 1em;
}

.nav-index-01>li.csr-activities>div>div .nav-btn-01{
  margin-bottom: 0;
}

.nav-index-01>li.csr-activities>div>div .nav-btn-01 a{
  min-width: 100%;
}

.nav-index-01>li.csr-activities>div>div .nav-btn-01+p{
  font-size: 1.4rem;
}

.nav-index-01>li.csr-activities>div>div p{
  margin-bottom: 0;
}

.nav-index-01>li.alternate{
  border: none;
  padding: 0;
}

.nav-index-01>li.alternate>.link{
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: 0;
  border: 1px solid #d6d6d6;
}

.nav-index-01>li.alternate>.link:before, .nav-index-01>li.alternate>.link:after{
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  display: block;
  background-color: #08107b;
}

.nav-index-01>li.alternate>.link:before{
  top: -1px;
  height: 4px;
}

.nav-index-01>li.alternate>.link:after{
  bottom: -1px;
  height: 0;
  -webkit-transition: height .1s;
  transition: height .1s;
  will-change: height;
}

.nav-index-01>li.alternate>.link>.text{
  border-left: none;
  border-right: none;
}

.nav-index-01>li.alternate>.link>.text:before, .nav-index-01>li.alternate>.link>.text:after{
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  display: block;
  width: 0;
  background-color: #08107b;
  -webkit-transition: width .1s;
  transition: width .1s;
  will-change: width;
}

.nav-index-01>li.alternate>.link>.text:before{
  left: -1px;
}

.nav-index-01>li.alternate>.link>.text:after{
  right: -1px;
}

.nav-index-01>li.alternate>.link:hover:after, .nav-index-01>li.alternate>.link:focus:after, .nav-index-01>li.alternate>.link:active:after{
  height: 4px;
}

.nav-index-01>li.alternate>.link:hover>.text:before, .nav-index-01>li.alternate>.link:hover>.text:after, .nav-index-01>li.alternate>.link:focus>.text:before, .nav-index-01>li.alternate>.link:focus>.text:after, .nav-index-01>li.alternate>.link:active>.text:before, .nav-index-01>li.alternate>.link:active>.text:after{
  width: 4px;
}

.nav-index-01>li.alternate>.link .lyt-img-01{
  padding: 0 19px;
}

.nav-index-01 .link-text-01:before{
  top: .5em;
}

.nav-index-01 .list-link-01>li>a:before{
  top: .5em;
}

.nav-index-01 .list-link-01 .list-link-01>li>a:before{
  top: .6em;
}

.nav-index-01 .list-link-01 .list-link-01>li>a:before{
  top: .6em;
}

.nav-index-01 .list-anchor-01>li>a:before{
  top: .45em;
}

.nav-index-01 .list-bullet-01 > li:before{
  top: .6em;
}

.nav-index-01 .list-bullet-01 .list-bullet-01 > li:before{
  top: .6em;
}

.nav-index-01 .link-icon{
  top: 0;
}

@media only screen and (max-width: 864px){
  .nav-index-01>li.recruit-new{
    width: 100%;
  }
  .nav-index-01>li.csr-activities{
    width: 100%;
  }
}

@media only screen and (max-width: 768px){
  .nav-index-01{
    margin-bottom: .5em;
  }
  .nav-index-01:after{
    content: none;
  }
  .nav-index-01>li{
    width: 48.33333%;
    width: calc((100% - 16px) / 2);
    margin-bottom: 1em;
    padding: 0 19px;
  }
  .nav-index-01>li>.link{
    margin: -1px -20px 0 -20px;
  }
  .nav-index-01>li>.link>.text{
    padding: 1.375em 20px 1.125em 20px;
  }
  .nav-index-01>li>.link>.text>span{
    font-size: 1.8rem;
  }
  .nav-index-01>li>a.link>.text>span:before{
    top: 0;
  }
  .nav-index-01>li.recruit-new>a{
    font-size: 1.8rem;
  }
  .nav-index-01>li.recruit-new>div>div{
    padding: 1.125em 19px;
  }
  .nav-index-01>li.csr-activities>a{
    font-size: 1.6rem;
  }
  .nav-index-01>li.csr-activities>div>div{
    padding: 1.125em 19px;
  }
  .nav-index-01>li.alternate>.link .lyt-img-01{
    padding: 0 15px;
  }
}

@media only screen and (max-width: 540px){
  .nav-index-01>li.recruit-new{
    display: block;
  }
  .nav-index-01>li.recruit-new>a{
    display: block;
    height: 9em;
  }
  .nav-index-01>li.recruit-new>div{
    border-top: none;
    border-left: 1px solid #d6d6d6;
  }
  .nav-index-01>li.csr-activities{
    display: block;
  }
  .nav-index-01>li.csr-activities>a{
    display: block;
    height: 9em;
  }
  .nav-index-01>li.csr-activities>div{
    border-top: none;
    border-left: 1px solid #d6d6d6;
  }
}

@media only screen and (max-width: 480px){
  .nav-index-01{
    display: block;
    margin-bottom: 1.5em;
  }
  .nav-index-01>li{
    width: auto;
  }
}

.nav-index-02{
  line-height: 1.6;
  margin-bottom: 0;
}

.nav-index-02:after{
  content: "";
  display: block;
  width: 31.53153%;
  width: calc((100% - 60px) / 3);
}

.nav-index-02>li{
  width: 31.53153%;
  width: calc((100% - 60px) / 3);
  margin-bottom: 2em;
}

.nav-index-02>li>a, .nav-index-02>li>span{
  position: relative;
  display: block;
  border: 1px solid #d6d6d6;
  padding: 1.625em 31px 0 31px;
  color: #333;
  text-decoration: none;
}

.nav-index-02>li>a:before, .nav-index-02>li>span:before{
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  display: block;
  border-width: 4px 0 0 0;
  border-style: solid;
  border-color: #08107b;
  cursor: pointer;
}

.nav-index-02>li>a>.link{
  display: block;
  margin-bottom: 1.25em;
  text-align: left;
}

.nav-index-02>li>span>.link{
  display: block;
  margin-bottom: 1.25em;
  text-align: center;
}

.nav-index-02>li>a>.link>span, .nav-index-02>li>span>.link>span{
  color: #000;
  font-size: 2rem;
  font-weight: bold;
}

.nav-index-02>li>a>.link .link-icon, .nav-index-02>li>span>.link .link-icon{
  top: 0;
}

.nav-index-02>li>a:before{
  cursor: pointer;
  -webkit-transition: border-width .1s;
  transition: border-width .1s;
  will-change: border-width;
}

.nav-index-02>li>a>.link>span{
  -webkit-transition: color .2s;
  transition: color .2s;
  will-change: color;
}

.nav-index-02>li>a>.link>span:before{
  content: "";
  position: relative;
  top: -1px;
  right: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  -webkit-transition: right .2s;
  transition: right .2s;
  will-change: right;
}

.nav-index-02>li>a:hover:before, .nav-index-02>li>a:focus:before, .nav-index-02>li>a:active:before{
  border-width: 4px;
}

.nav-index-02>li>a:hover>.link>span, .nav-index-02>li>a:focus>.link>span, .nav-index-02>li>a:active>.link>span{
  color: #08107b;
}

.nav-index-02>li>a:hover>.link>span:before, .nav-index-02>li>a:focus>.link>span:before, .nav-index-02>li>a:active>.link>span:before{
  right: 8px;
}

.nav-index-02>li>span:before{
  cursor: text;
}

.nav-index-02 .link-icon{
  top: 0;
}

@media only screen and (max-width: 768px){
  .nav-index-02{
    margin-bottom: .5em;
  }
  .nav-index-02:after{
    content: none;
  }
  .nav-index-02>li{
    width: 48.33333%;
    width: calc((100% - 16px) / 2);
    margin-bottom: 1em;
  }
  .nav-index-02>li>a, .nav-index-02>li>span{
    padding: 1.625em 19px 0 19px;
  }
  .nav-index-02>li>a>.link, .nav-index-02>li>span>.link{
    margin-bottom: 1.25em;
  }
  .nav-index-02>li>a>.link>span, .nav-index-02>li>span>.link>span{
    font-size: 1.8rem;
  }
  .nav-index-02>li>a>.link>span:before{
    top: 0;
  }
}

@media only screen and (max-width: 480px){
  .nav-index-02{
    display: block;
    margin-bottom: 1.5em;
  }
  .nav-index-02>li{
    display: block;
    width: auto;
  }
}

.nav-index-03{
  margin-bottom: 2em;
}

.nav-index-03>.img-link{
  display: block;
  margin-bottom: .25em;
}

.nav-index-03>.img-link>span{
  display: block;
}

.nav-index-03>.img-link>.img{
  overflow: hidden;
  margin-bottom: .75em;
  text-align: center;
}

.nav-index-03>.img-link>.link{
  line-height: 1.8;
  font-size: 1.8rem;
}

.nav-index-03>a.img-link{
  color: #333;
  text-decoration: none;
}

.nav-index-03>a.img-link>.img img{
  background-color: #fff;
  opacity: 1;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}

.nav-index-03>a.img-link>.link{
  position: relative;
  padding-left: 20px;
  color: #08107b;
}

.nav-index-03>a.img-link>.link:before{
  content: "";
  position: absolute;
  top: .625em;
  left: 1px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #08107b;
  border-right: 2px solid #08107b;
}

.nav-index-03>a.img-link:visited>.link{
  color: #73077a;
}

.nav-index-03>a.img-link:hover>.img img, .nav-index-03>a.img-link:focus>.img img, .nav-index-03>a.img-link:active>.img img{
  opacity: .7;
}

.nav-index-03>a.img-link:hover>.link, .nav-index-03>a.img-link:focus>.link, .nav-index-03>a.img-link:active>.link{
  text-decoration: underline;
}

@media only screen and (max-width: 768px){
  .nav-index-03>.img-link>.link{
    line-height: 1.6;
  }
  .nav-index-03>a.img-link>.link:before{
    top: .5em;
  }
}

.nav-index-04{
  margin-left: -15px;
  margin-right: -15px;
}
.lyt-short-col .nav-index-04{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.no-webgl .lyt-short-col .nav-index-04{
  position: static;
  width: auto;
}
.nav-index-04>li{
  width: 50%;
  margin-bottom: 1.25em;
  padding: 0 15px;
}

.nav-index-04>li>a{
  position: relative;
  display: table;
  width: 100%;
  padding-left: 24px;
  line-height: 1.6;
  border: 1px solid #d6d6d6;
  border-radius: .2rem;
  background-color: #fff;
  color: #333;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}
.nav-index-04>li>a.btn-bleu{
  border-color: #08107b;
  color: #08107b;
}

.nav-index-04>li>a:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  -webkit-transition: left .2s;
  transition: left .2s;
  will-change: left;
}

.nav-index-04>li>a>span{
  display: table-cell;
  padding: .907em 35px .907em 15px;
  vertical-align: middle;
}

.nav-index-04>li>a:hover, .nav-index-04>li>a:focus, .nav-index-04>li>a:active{
  background-color: #f2f2f2;
}

.nav-index-04>li>a:hover:before, .nav-index-04>li>a:focus:before, .nav-index-04>li>a:active:before{
  left: 16px;
}

.nav-index-04.col3:before{
  content: "";
}

.nav-index-04.col3>li{
  width: calc(100% / 3);
}

.ie .nav-index-04.col3>li, .edge .nav-index-04.col3>li{
  width: 33.33333%;
}

@media only screen and (max-width: 768px){
  .nav-index-04{
    margin-left: 0;
    margin-right: 0;
  }
  .lyt-short-col .nav-index-04{
    width: calc(100% - 16px);
  }
  .nav-index-04>li{
    width: 100%;
    margin-bottom: 1em;
    padding: 0;
  }
  .nav-index-04.col3>li{
    width: 100%;
  }
  .ie .nav-index-04.col3>li, .edge .nav-index-04.col3>li{
    width: 100%;
  }
}

@media only screen and (max-width: 640px){
  .lyt-short-col .nav-index-04{
    position: static;
    width: auto;
  }
}

.nav-index-05{
  line-height: 1.6;
  margin-bottom: 0;
}
.slider.responsive.nav-index-05 li{
  padding:0 5px;
}

.nav-index-05:after{
  content: "";
  display: block;
  width: 48.64865%;
  width: calc(50% - 15px);
}

.nav-index-05>li{
  width: 48.64865%;
  width: calc(50% - 15px);
  margin-bottom: 3em;
}

.nav-index-05>li>.link{
  display: block;
}

.nav-index-05>li>.link>.img,
.nav-index-05 li .link .img{
  display: block;
}

.nav-index-05>li>.link>.img img{
  width: 100%;
  max-width: inherit;
  background-color: #fff;
}

.nav-index-05>li>.link>.text{
  display: block;
  margin-top: 1.25em;
  padding-left: 12px;
  text-align: center;
}

.nav-index-05 li .link .text{
  display: block;
  margin-top: 0.4em;
  text-indent: -8px;
  padding: 0 5px 0 20px;
}

.nav-index-05>li>.link>.text>span{
  color: #000;
  font-size: 2rem;
  font-weight: bold;
}

.nav-index-05 li .link .text span{
  color: #000;
}

.nav-index-05>li>a.link,
.nav-index-05 li a.link{
  text-decoration: none;
}

.nav-index-05>li>a.link>.img,
.nav-index-05 li a.link .img{
  overflow: hidden;
}

.nav-index-05>li>a.link>.img img,
.nav-index-05 li a.link .img img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .4s;
  transition: transform .4s;
  will-change: transform;
}

.nav-index-05>li>a.link>.text{
  text-align: left;
}

.nav-index-05>li>a.link>.text>span{
  -webkit-transition: color .2s;
  transition: color .2s;
  will-change: color;
}

.nav-index-05>li>a.link>.text>span:before,
.nav-index-05 li .link .text span:before{
  content: "";
  position: relative;
  top: -1px;
  right: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  -webkit-transition: right .2s;
  transition: right .2s;
  will-change: right;
}

.nav-index-05 li.slick-slide .link .text span:before{
  border-top: 2px solid #08107b;
  border-right: 2px solid #08107b;
  width: 8px;
  height: 8px;
}

.nav-index-05 li.slick-slide .link .text span{
  font-size: 1.7rem;
  font-weight: 500;
}

.nav-index-05>li>a.link:hover>.img img, .nav-index-05 li a.link:hover .img img, .nav-index-05>li>a.link:focus>.img img, .nav-index-05 li a.link:focus .img img, .nav-index-05>li>a.link:active>.img img, .nav-index-05 li a.link:active .img img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.nav-index-05>li>a.link:hover>.text>span, .nav-index-05 li a.link:hover .text span, .nav-index-05>li>a.link:focus>.text>span, .nav-index-05 li a.link:focus .text span, .nav-index-05>li>a.link:active>.text>span, .nav-index-05 li a.link:active .text span{
  color: #08107b;
}

.nav-index-05>li>a.link:hover>.text>span:before, .nav-index-05 li a.link:hover .text span:before, .nav-index-05>li>a.link:focus>.text>span:before, .nav-index-05 li a.link:focus .text span:before, .nav-index-05>li>a.link:active>.text>span:before, .nav-index-05 li a.link:active .text span:before{
  right: 8px;
}

.nav-index-05>li>p{
  margin: .75em 0 0 0;
}

.nav-index-05 .link-icon{
  top: .125em;
}

@media only screen and (max-width: 768px){
  .nav-index-05{
    display: block;
    margin-bottom: 2em;
  }
  .nav-index-05:after{
    content: none;
  }
  .nav-index-05>li{
    width: 100%;
    margin-bottom: 2em;
  }
  .nav-index-05>li>.link>.text{
    margin-top: .5em;
  }
  .nav-index-05>li>.link>.text>span{
    font-size: 1.8rem;
  }
  .nav-index-05>li>a.link>.text>span:before{
    right: 10px;
  }
  .nav-index-05>li>a.link:hover>.text>span:before, .nav-index-05>li>a.link:focus>.text>span:before, .nav-index-05>li>a.link:before>.text>span:before{
    right: 6px;
  }
  .nav-index-05>li>p{
    margin-top: .25em;
  }
}

.nav-index-06{
  margin: 0 0 2em 0;
}

.nav-index-06>dt{
  padding: 1em 28px;
  background-color: #08107b;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.nav-index-06>dt>span{
  position: relative;
  display: inline-block;
  padding-top: 3em;
}

.nav-index-06>dt>span:before{
  content: "";
  position: absolute;
  top: .6em;
  left: 50%;
  display: block;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.nav-index-06>dd{
  line-height: 1.6;
}

.nav-index-06>dd>ul, .nav-index-06>dd>ol{
  margin-bottom: 0;
}

.nav-index-06>dd>ul>li, .nav-index-06>dd>ol>li{
  display: table;
  width: 100%;
  margin-top: 1px;
}

.nav-index-06>dd>ul>li>a, .nav-index-06>dd>ol>li>a{
  position: relative;
  display: table-cell;
  padding: .9695em 28px .9695em 38px;
  background-color: #fff;
  vertical-align: middle;
}

.nav-index-06>dd>ul>li>a:before, .nav-index-06>dd>ol>li>a:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
  -webkit-transition: left .2s;
  transition: left .2s;
  will-change: left;
}

.nav-index-06>dd>ul>li>a:hover:before, .nav-index-06>dd>ul>li>a:focus:before, .nav-index-06>dd>ul>li>a:active:before, .nav-index-06>dd>ol>li>a:hover:after, .nav-index-06>dd>ol>li>a:focus:after, .nav-index-06>dd>ol>li>a:active:after{
  left: 20px;
}

.nav-index-06>dd>ul>li>a .link-icon, .nav-index-06>dd>ol>li>a .link-icon{
  top: .1em;
}

.nav-index-06>dd>ul>li.special>a, .nav-index-06>dd>ol>li.special>a{
  background-color: #e9b226;
  color: #191919;
}

.nav-index-06>dd>ul>li.special>a:after, .nav-index-06>dd>ol>li.special>a:after{
  border-top-color: #fff;
  border-right-color: #fff;
}

.nav-index-06.download>dt>span:before{
  background-image: url(/shared/images/icon-download-01.png);
}

.nav-index-06.ranking>dt>span:before{
  background-image: url(/shared/images/icon-trophy-01.png);
}

.nav-index-06.ranking>dd>ol{
  counter-reset: ranking;
}

.nav-index-06.ranking>dd>ol>li>a{
  padding-left: 72px;
}

.nav-index-06.ranking>dd>ol>li>a:before{
  counter-increment: ranking;
  content: counter(ranking);
  position: absolute;
  top: 50%;
  left: 38px;
  display: block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin-top: -11px;
  background-color: #d6d6d6;
  color: #666;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.nav-index-06.ranking>dd>ol>li:nth-child(1)>a:before, .nav-index-06.ranking>dd>ol>li:nth-child(2)>a:before, .nav-index-06.ranking>dd>ol>li:nth-child(3)>a:before{
  color: #333;
}

.nav-index-06.ranking>dd>ol>li:nth-child(1)>a:before{
  background-color: #c2b561;
}

.nav-index-06.ranking>dd>ol>li:nth-child(2)>a:before{
  background-color: #a9b1b8;
}

.nav-index-06.ranking>dd>ol>li:nth-child(3)>a:before{
  background-color: #bd9771;
}

@media only screen and (max-width: 768px){
  .nav-index-06{
    margin-bottom: 2.5em;
  }
  .nav-index-06>dt{
    padding: 1.75em 20px;
    font-size: 1.8rem;
  }
  .nav-index-06>dt>span{
    padding-top: 0;
    padding-left: 48px;
  }
  .nav-index-06>dt>span:before{
    top: 50%;
    left: 0;
    margin-top: -18px;
    margin-left: 0;
  }
  .nav-index-06>dd>ul>li>a, .nav-index-06>dd>ol>li>a{
    padding: .9695em 20px .9695em 32px;
  }
  .nav-index-06>dd>ul>li>a:before, .nav-index-06>dd>ol>li>a:after{
    left: 12px;
  }
  .nav-index-06>dd>ul>li>a:hover:before, .nav-index-06>dd>ul>li>a:focus:before, .nav-index-06>dd>ul>li>a:active:before, .nav-index-06>dd>ol>li>a:hover:after, .nav-index-06>dd>ol>li>a:focus:after, .nav-index-06>dd>ol>li>a:active:after{
    left: 16px;
  }
  .nav-index-06>dd>ul>li>a .link-icon, .nav-index-06>dd>ol>li>a .link-icon{
    top: .1em;
  }
  .nav-index-06.ranking>dd>ol>li>a{
    padding-left: 66px;
  }
  .nav-index-06.ranking>dd>ol>li>a:before{
    left: 32px;
  }
}

@media only screen and (max-width: 640px){
  .nav-index-06.ranking{
    margin-top: -1.4375em;
  }
}

.nav-index-07{
  margin-bottom: 0;
}

.nav-index-07:after{
  content: "";
  display: block;
  width: 31.53153%;
  width: calc((100% - 60px) / 3);
}

.nav-index-07>li{
  position: relative;
  width: 31.53153%;
  width: calc((100% - 60px) / 3);
  margin-bottom: 2em;
  border: 1px solid #d6d6d6;
  padding: 1.625em 31px .01em 31px;
}

.nav-index-07>li:before{
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  display: block;
  height: 4px;
  background-color: #08107b;
}

.nav-index-07>li.governance:before{
  background-color: #b4b4b4;
}

.nav-index-07>li.social:before{
  background-color: #f5d25a;
}

.nav-index-07>li.environment:before{
  background-color: #8aceff;
}

.nav-index-07>li.procurement:before{
  background-color: #8affbb;
}

.nav-index-07>li>.hdg{
  display: block;
  margin-bottom: .75em;
  color: #000;
  font-size: 2rem;
  text-align: center;
}

.nav-index-07 .lyt-img-02.img-l>.lyt-img-01{
  margin-right: 20px;
}

.nav-index-07 .lyt-img-02.img-r>.lyt-img-01{
  margin-left: 20px;
}

@media only screen and (max-width: 980px){
  .nav-index-07 .lyt-img-02>.lyt-img-01{
    width: auto !important;
    max-width: inherit;
    margin-bottom: 1.5em;
    padding-top: 0;
  }
  .nav-index-07 .lyt-img-02.img-l>.lyt-img-01, .nav-index-07 .lyt-img-02.img-r>.lyt-img-01{
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
  .nav-index-07 .lyt-img-02.parallel>.content{
    overflow: inherit;
  }
  .nav-index-07 .lyt-img-02.reverse{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 1.5em;
  }
  .nav-index-07 .lyt-img-02.reverse>.lyt-img-01{
    display: table-row;
  }
  .nav-index-07 .lyt-img-02.reverse>.content{
    display: table-caption;
  }
}

@media only screen and (max-width: 768px){
  .nav-index-07{
    margin-bottom: .5em;
  }
  .nav-index-07:after{
    content: none;
  }
  .nav-index-07>li{
    width: 48.33333%;
    width: calc((100% - 16px) / 2);
    margin-bottom: 1em;
    padding: 1.625em 19px .01em 19px;
  }
  .nav-index-07>li>.hdg{
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 480px){
  .nav-index-07{
    display: block;
    margin-bottom: 1.5em;
  }
  .nav-index-07>li{
    display: block;
    width: auto;
  }
}

.nav-index-08{
  margin-bottom: 0;
}

.nav-index-08:after{
  content: "";
  display: block;
  width: 22.97297%;
  width: calc((100% - 90px) / 4);
}

.nav-index-08>li{
  position: relative;
  width: 22.97297%;
  width: calc((100% - 90px) / 4);
  margin-bottom: 2em;
  border: 1px solid #d6d6d6;
  padding: 1.625em 31px .01em 31px;
}

.nav-index-08>li:before{
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  display: block;
  height: 4px;
  background-color: #08107b;
}

.nav-index-08>li.governance:before{
  background-color: #b4b4b4;
}

.nav-index-08>li.social:before{
  background-color: #f5d25a;
}

.nav-index-08>li.environment:before{
  background-color: #8aceff;
}

.nav-index-08>li.procurement:before{
  background-color: #8affbb;
}

.nav-index-08>li>.hdg{
  display: block;
  margin-bottom: .75em;
  color: #000;
  font-size: 2rem;
  text-align: center;
}

.nav-index-08 .lyt-img-02.img-l>.lyt-img-01{
  margin-right: 20px;
}

.nav-index-08 .lyt-img-02.img-r>.lyt-img-01{
  margin-left: 20px;
}

@media only screen and (max-width: 980px){
  .nav-index-08 .lyt-img-02>.lyt-img-01{
    width: auto !important;
    max-width: inherit;
    margin-bottom: 1.5em;
    padding-top: 0;
  }
  .nav-index-08 .lyt-img-02.img-l>.lyt-img-01, .nav-index-08 .lyt-img-02.img-r>.lyt-img-01{
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
  .nav-index-08 .lyt-img-02.parallel>.content{
    overflow: inherit;
  }
  .nav-index-08 .lyt-img-02.reverse{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 1.5em;
  }
  .nav-index-08 .lyt-img-02.reverse>.lyt-img-01{
    display: table-row;
  }
  .nav-index-08 .lyt-img-02.reverse>.content{
    display: table-caption;
  }
}

@media only screen and (max-width: 768px){
  .nav-index-08{
    margin-bottom: .5em;
  }
  .nav-index-08:after{
    content: none;
  }
  .nav-index-08>li{
    width: 48.33333%;
    width: calc((100% - 16px) / 2);
    margin-bottom: 1em;
    padding: 1.625em 19px .01em 19px;
  }
  .nav-index-08>li>.hdg{
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 480px){
  .nav-index-08{
    display: block;
    margin-bottom: 1.5em;
  }
  .nav-index-08>li{
    display: block;
    width: auto;
  }
}

.nav-tab-01{
  line-height: 1.6;
  margin-bottom: 2em;
}

.nav-tab-01>li{
  width: calc(100% / 3);
  padding: 0 0 1px 1px;
}

.nav-tab-01>li:nth-child(3n+1){
  padding-left: 0;
}

.nav-tab-01>li>a, .nav-tab-01>li>button{
  position: relative;
  display: block;
  padding: .4695em 8px;
  background-color: #e6e6e6;
  color: #333;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  will-change: background-color, color;
}

.nav-tab-01>li>a>small, .nav-tab-01>li>button>small{
  display: block;
  margin-top: .14286em;
  color: #666;
  -webkit-transition: color .2s;
  transition: color .2s;
  will-change: color;
}

.nav-tab-01>li>a:hover, .nav-tab-01>li>a:focus, .nav-tab-01>li>a:active,
.nav-tab-01>li>button:hover, .nav-tab-01>li>button:focus, .nav-tab-01>li>button:active{
  background-color: #777;
  color: #fff;
}

.nav-tab-01>li>a:hover>small, .nav-tab-01>li>a:focus>small, .nav-tab-01>li>a:active>small,
.nav-tab-01>li>button:hover>small, .nav-tab-01>li>button:focus>small, .nav-tab-01>li>button:active>small{
  color: #ccc;
}

.nav-tab-01>li>a.current,
.nav-tab-01>li>button.current{
  background-color: #474747;
  color: #fff;
}

.nav-tab-01>li>a.current:after,
.nav-tab-01>li>button.current:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #474747 transparent transparent transparent;
}

.nav-tab-01>li>a.current>small,
.nav-tab-01>li>button.current>small{
  color: #ccc;
}

.nav-tab-01 .link-icon{
  top: .125em;
}

.ie .nav-tab-01>li, .edge .nav-tab-01>li{
  width: 33.33333%;
}

@media only screen and (max-width: 768px){
  .nav-tab-01>li>a, .nav-tab-01>li>button{
    font-size: 1.4rem;
  }
  .nav-tab-01>li>a>small, .nav-tab-01>li>button>small{
    font-size: 1.2rem;
  }
}

.nav-tab-02{
  border-bottom: 1px solid #d6d6d6;
}

.nav-tab-02 ul{
  margin: 15px auto 0;
  max-width: 1110px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

.nav-tab-02 li{
  width: 12%;
  margin: 0;
  list-style: none;
  display: inline-block;
  text-align: center;
}

.nav-tab-02 a{
  display: inline-block;
  width: 100%;
  padding: 10px 8px 6px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
  border-bottom: 4px solid transparent;
}

.nav-tab-02 em a{
  border-color:#20256b;
}

.nav-tab-02 a:hover,
.nav-tab-02 a:active{
  color:#fff;
  background-color:#777;
}

.nav-tab-02 li.gopc-filter{
  width: auto;
  float: right;
}

@media only screen and (max-width: 650px){
  .flexbox .nav-tab-02 li{
    width: 49%;
  }
}

.nav-pager-01{
  line-height: 2.5;
  margin: 2em 0;
}

.nav-pager-01 a{
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #fff;
  color: #333;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.nav-pager-01 a:hover, .nav-pager-01 a:focus, .nav-pager-01 a:active{
  background-color: #e6e6e6;
}

.nav-pager-01 a.current{
  background-color: #666;
  color: #fff;
}

.nav-pager-01>li.prev>a, .nav-pager-01>li.next>a{
  position: relative;
}

.nav-pager-01>li.prev>a:before, .nav-pager-01>li.next>a:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
}

.nav-pager-01>li.prev{
  margin-right: .3125em;
}

.nav-pager-01>li.prev>a:before{
  margin-left: -3px;
  border-left: 2px solid #474747;
  border-bottom: 2px solid #474747;
}

.nav-pager-01>li.next{
  margin-left: .3125em;
}

.nav-pager-01>li.next>a:before{
  margin-left: -5px;
  border-top: 2px solid #474747;
  border-right: 2px solid #474747;
}

.nav-pager-01>li>ul{
  margin-bottom: 0;
}

.nav-pager-01>li>ul>li{
  margin: 0 .15625em;
}

@media only screen and (max-width: 768px){
  .nav-pager-01{
    line-height: 2.25;
  }
  .nav-pager-01 a{
    width: 36px;
    height: 36px;
  }
  .nav-pager-01>li.prev{
    margin-right: .25em;
  }
  .nav-pager-01>li.next{
    margin-left: .25em;
  }
  .nav-pager-01>li>ul>li{
    margin: 0 .125em;
  }
}

.nav-pager-03{
  margin-bottom: 0;
}

.nav-pager-03-button{
  position: fixed;
  top: 50%;
  display: block;
  font-size: 0;
  border: none;
}

.nav-pager-03-button.next{
  right: 5%;
}

.nav-pager-03-button.prev{
  left: 5%;
}

.nav-pager-03-button.next:after,
.nav-pager-03-button.prev:before{
  content: " ";
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: top;
  border-top: 6px solid #08107b;
  border-right: 6px solid #08107b;
  margin-top: -24px;
}

.nav-pager-03-button.next:after{
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-pager-03-button.prev:before{
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nav-pager-03-button.next.no-link:after,
.nav-pager-03-button.prev.no-link:before{
  border-color: #ccc;
}

@media only screen and (max-width: 1279px){
  .nav-pager-03-outer{
    margin: 0 5%;
  }
}

@media only screen and (max-width: 768px){
  .nav-pager-03{
    letter-spacing: -0.4em;
  }
  .nav-pager-03 li{
    display: inline-block;
    width: 50%;
    letter-spacing: normal;
  }
  .nav-pager-03-button{
    position: static;
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding: 12px 0;
    border: 1px solid #08107b;
  }
  .nav-pager-03-button:visited{
    color: #08107b;
  }
  .nav-pager-03-button.next{
    right: auto;
  }
  .nav-pager-03-button.prev{
    left: auto;
    border-right: none;
  }
  .nav-pager-03-button.no-link{
    color: #ccc;
    border: 1px solid #ccc;
  }
  .nav-pager-03-button.next:after,
  .nav-pager-03-button.prev:before{
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border-width: 1.5px;
    margin-top: -4px;
  }
  .nav-pager-03-button.next:after{
    margin-left: 8px;
  }
  .nav-pager-03-button.prev:before{
    margin-right: 8px;
  }
  .nav-pager-03-button:hover{
    background: #08107b;
    color: #fff;
    text-decoration: none;
  }
  .nav-pager-03-button.no-link:hover{
    color: #ccc;
    background: none;
  }
  .nav-pager-03-button.next:hover:after,
  .nav-pager-03-button.prev:hover:before{
    border-color: #ccc;
  }
}

.nav-search-01{
  margin-bottom: 3em;
  padding: 1.5em 15px;
  background-color: #f2f2f2;
}

.nav-search-01>.col{
  margin: .5em 15px;
}

.nav-search-01>.select{
  width: 32.40741%;
}

.nav-search-01>.select .input,
.nav-search-01.multiselect .input{
  position: relative;
  z-index: 1;
  display: block;
  background-color: #fff;
}

.nav-search-01>.select .input{
  width: calc(100% - 72px);
}

.nav-search-01.multiselect .input{
  width: 100%;
  height: 40px;
}

.nav-search-01>.select .input:after,
.nav-search-01.multiselect .input:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 9px;
  z-index: 2;
  display: block;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 3px 0 3px;
  border-color: #000 transparent transparent transparent;
}

.nav-search-01>.select .input select,
.nav-search-01.multiselect .input select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  z-index: 3;
  display: block;
  height: 40px;
  width: 100%;
  border-radius: 0;
  border: 1px solid #d6d6d6;
  padding: 0 24px 0 8px;
  background-color: transparent;
  -webkit-transition: border-color .2s;
  transition: border-color .2s;
  will-change: border-color;
}

.nav-search-01.multiselect .select-year{
  min-width: 78px;
}

.nav-search-01.multiselect .select-category,
.nav-search-01.multiselect .select-filter{
  min-width: 250px;
}

.nav-search-01>.select .input select{
  border-right-color: transparent;
}

.nav-search-01>.select .input select:hover, .nav-search-01>.select .input select:focus, .nav-search-01>.select .input select:active,
.nav-search-01.multiselect .input select:hover, .nav-search-01.multiselect .input select:focus, .nav-search-01.multiselect .input select:active{
  border-color: #474747;
}

.nav-search-01>.select .btn,
.nav-search-01.multiselect .btn{
  display: block;
  line-height: 2;
  height: 40px;
  border: 1px solid #474747;
  padding: .1875em 6px;
  background-color: #474747;
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  will-change: background-color, color;
}

.nav-search-01>.select .btn{
  width: 72px;
}

.nav-search-01.multiselect .btn{
  width: 130px;
}

.nav-search-01>.select .btn:hover, .nav-search-01>.select .btn:focus, .nav-search-01>.select .btn:active,
.nav-search-01.multiselect .btn:hover, .nav-search-01.multiselect .btn:focus, .nav-search-01.multiselect .btn:active{
  background-color: #fff;
  color: #333;
}

.nav-search-01>.select .btn[disabled]{
  opacity: .2;
  cursor: default;
}

.nav-search-01>.select .btn[disabled]:hover, .nav-search-01>.select .btn[disabled]:focus, .nav-search-01>.select .btn[disabled]:active{
  background-color: #474747;
  color: #fff;
}

.nav-search-01 .list{
  margin-left: 10px;
  margin-right: 10px;
}

.nav-search-01 .list ul{
  min-width: 460px;
  line-height: 1.625;
  margin: 0.4375em 0;
}

.nav-search-01 .list ul>li{
  position: relative;
  margin-left: .625em;
  padding-left: .6875em;
}

.nav-search-01 .list ul>li:before{
  content: "";
  position: absolute;
  top: .1875em;
  left: 0;
  bottom: .1875em;
  display: block;
  width: 1px;
  background-color: #d6d6d6;
}

.nav-search-01 .list ul>li:first-child{
  margin-left: 0;
  padding-left: 0;
}

.nav-search-01 .list ul>li:first-child:before{
  content: none;
}

.nav-search-01 .list ul>li>a{
  display: inline-block;
  border-radius: .2rem;
  padding: 0 .3125em;
}

.nav-search-01 .list ul>li>a.current{
  background-color: #666;
  color: #fff;
  text-decoration: none;
}

.nav-search-01 .nav-rssbtn-01{
  margin-top: 0.66667em;
  margin-bottom: 0.66667em;
}

.nav-search-01 .nav-rssbtn-01>a{
  margin: .41667em 0;
}

.ie .nav-search-01>.select .input select,
.ie .nav-search-01.multiselect .input select{
  padding-right: 0;
}

.static .nav-search-01{
  display: none;
}

@media only screen and (max-width: 980px){
  .nav-search-01>.select{
    width: 40%;
  }
}

@media only screen and (max-width: 768px){
  .nav-search-01{
    display: block;
    line-height: 2;
    padding: .01em 20px;
  }
  .nav-search-01>.col{
    margin: 1em 0;
  }
  .nav-search-01.multiselect>.col{
    width: 100%;
    margin: 1em 0 0;
  }
  .nav-search-01.multiselect>.col.btn-outer{
    margin-bottom: 1em;
  }
  .nav-search-01>.select,
  .nav-search-01.multiselect{
    width: 100%;
  }
  .nav-search-01 .list ul{
    display: block;
    min-width: inherit;
  }
  .nav-search-01 .list ul>li{
    margin-top: .25em;
    margin-left: 0;
    padding-left: 0;
  }
  .nav-search-01 .list ul>li:first-child{
    margin-top: 0;
  }
  .nav-search-01 .list ul>li:before{
    content: none;
  }
  .nav-search-01 .list ul>li>a{
    position: relative;
    padding-left: 24px;
  }
  .nav-search-01 .list ul>li>a:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #474747;
    border-right: 2px solid #474747;
  }
  .nav-search-01 .list ul>li>a.current:before{
    border-color: #fff;
  }
  .nav-search-01 .nav-rssbtn-01{
    margin: 1.33333em 0;
    text-align: center;
  }
  .nav-search-01 .nav-rssbtn-01>a{
    margin: 0;
  }
}

/* ===========================
table
--------------------------- */
.w5{
  width: 5%;
}

.w10{
  width: 10%;
}

.w15{
  width: 15%;
}

.w20{
  width: 20%;
}

.w25{
  width: 25%;
}

.w30{
  width: 30%;
}

.w35{
  width: 35%;
}

.w40{
  width: 40%;
}

.w45{
  width: 45%;
}

.w50{
  width: 50%;
}

.w55{
  width: 55%;
}

.w60{
  width: 60%;
}

.w65{
  width: 65%;
}

.w70{
  width: 70%;
}

.w75{
  width: 75%;
}

.w80{
  width: 80%;
}

.w85{
  width: 85%;
}

.w90{
  width: 90%;
}

.w95{
  width: 95%;
}

.tbl-data-01{
  width: 100%;
  line-height: 1.6;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}

.tbl-data-01 th, .tbl-data-01 td{
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: .9375em 10px;
  text-align: left;
  vertical-align: top;
}

.tbl-data-01 th>*:last-child, .tbl-data-01 td>*:last-child{
  margin-bottom: 0;
}

.tbl-data-01 th{
  background-color: #f2f2f2;
  font-weight: bold;
}

.tbl-data-01>thead th, .tbl-data-01>thead td{
  background-color: #f2f2f2;
  text-align: center;
  vertical-align: middle;
}

.tbl-data-01>thead+tbody th{
  background-color: #fafafa;
}

.tbl-data-01 .link-text-01:before{
  top: .5em;
}

.tbl-data-01 .list-link-01>li>a:before{
  top: .5em;
}

.tbl-data-01 .list-link-01 .list-link-01>li>a:before{
  top: .6em;
}

.tbl-data-01 .list-anchor-01>li>a:before{
  top: .45em;
}

.tbl-data-01 .list-bullet-01>li:before{
  top: .6em;
}

.tbl-data-01 .list-bullet-01 .list-bullet-01>li:before{
  top: .6em;
}

.tbl-data-01 .link-icon{
  top: 0.125em;
}

@media only screen and (max-width: 768px){
  .tbl-data-01 th, .tbl-data-01 td{
    padding-left: 8px;
    padding-right: 8px;
    font-size: 1.4rem;
  }
}

.tbl-data-01-caption{
  margin-bottom: .5625em;
  text-align: right;
}

.tbl-overflow-01{
  margin-bottom: 1.4375em;
}

.tbl-overflow-01 .notice{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  margin-bottom: 0;
}

.tbl-overflow-01 table{
  margin-bottom: 0;
}

@media only screen and (max-width: 600px){
  .tbl-overflow-01{
    position: relative;
    overflow-x: scroll;
  }
  .tbl-overflow-01 .notice{
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
  }
  .tbl-overflow-01 .notice:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 800px;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .tbl-overflow-01 .notice span{
    position: relative;
    z-index: 2;
    display: block;
    border-radius: 2em;
    padding: .4695em 16px;
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
  }
  .tbl-overflow-01 .notice span:before, .tbl-overflow-01 .notice span:after{
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-top: -5.5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .tbl-overflow-01 .notice span:before{
    margin-right: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .tbl-overflow-01 .notice span:after{
    margin-left: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  .tbl-overflow-01 table{
    width: 800px;
  }
  .tbl-overflow-01.swiped .notice{
    display: none;
  }
}

.tbl-overflow-02{
  position: relative;
}

.tbl-overflow-02-arrow-outer{
  letter-spacing: -1em;
  text-align: right;
}

.tbl-overflow-02-arrow{
  position: relative;
  width: 90px;
  height: 48px;
  background: #e6e6e6;
  text-indent: -999em;
  letter-spacing: normal;
  margin: 0 0 2px 2px;
}

.tbl-overflow-02-arrow:after{
  content: '';
  position: absolute;
  top: -webkit-calc(50% - 7px);
  top: -ms-calc(50% - 7px);
  top: calc(50% - 7px);
  left: -webkit-calc(50% - 6px);
  left: -ms-calc(50% - 6px);
  left: calc(50% - 6px);
  width: 12px;
  height: 14px;
}

.tbl-overflow-02-arrow.disable{
  opacity: 0.25;
}

.tbl-overflow-02-arrow.left{
  float: left;
}

.tbl-overflow-02-arrow.right{
  float: right;
}

.tbl-overflow-02-arrow.left:after{
  background: url(/shared/images/icon-arrow-02.png) no-repeat;
}

.tbl-overflow-02-arrow.right:after{
  background: url(/shared/images/icon-arrow-01.png) no-repeat;
}

.tbl-overflow-02-howto, .tbl-overflow-02-arrow-outer{
  display: none;
}

.tbl-overflow-02-howto .arrow-icon-01 img{
  background-color: #e6e6e6;
  padding: 0.4em 0.75em;
}

.tbl-overflow-02-inner{
  overflow-y: hidden;
}

.tbl-overflow-02 .cell-color-01{
  font-size: 1.45em;
  background-color: #e9b226;
}

.tbl-overflow-02 .cell-color-02{
  font-size: 1.25em;
  background-color: #FFE575;
}

@media screen and (max-width: 768px){
  .tbl-overflow-02 .cell-color-02{
    font-size: 1.2rem;
  }
}

.tbl-overflow-02.scrollable .tbl-overflow-02-howto{
  display: block;
}

.tbl-overflow-02.scrollable .tbl-overflow-02-arrow-outer{
  display: block;
  width: -webkit-calc(100% - 103px);
  width: -ms-calc(100% - 103px);
  width: calc(100% - 103px);
  margin-bottom: 0;
  float: right;
}

.tbl-overflow-02.scrollable .tbl-overflow-02-inner{
  width: 100%;
  overflow-x: scroll;
  clear: both;
}

.tbl-overflow-02.scrollable .tbl-data-01{
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}

.tbl-overflow-02.scrollable tr{
  display: block;
  letter-spacing: -1em;
}

.tbl-overflow-02.scrollable th, .tbl-overflow-02.scrollable td{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}

.tbl-overflow-02.scrollable thead td.corner-cell, .tbl-overflow-02.scrollable tbody th{
  position: absolute;
  left: 1px;
  width: 104px;
  z-index: 1;
}

.tbl-overflow-02.scrollable thead td.corner-cell{
  background: #f2f2f2;
}

.tbl-overflow-02.scrollable thead th, .tbl-overflow-02.scrollable tbody td{
  position: relative;
}

.tbl-overflow-02.scrollable thead th:first-of-type, .tbl-overflow-02.scrollable tbody td:first-of-type{
  margin-left: 104px;
}

.tbl-overflow-02.scrollable thead th:last-child, .tbl-overflow-02.scrollable tbody td:last-child{
  border-right: none;
}

.tbl-overflow-02.scrollable thead th span, .tbl-overflow-02.scrollable tbody td span{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.tbl-overflow-02.scrollable thead th, .tbl-overflow-02.scrollable tbody td{
  width: 48px;
}

.tbl-overflow-02.scrollable .th-td-height-01 tr, .tbl-overflow-02.scrollable .th-td-height-01 th, .tbl-overflow-02.scrollable .th-td-height-01 td{
  height: 95px
}

.tbl-overflow-02.scrollable .th-td-height-02 tr, .tbl-overflow-02.scrollable .th-td-height-02 th, .tbl-overflow-02.scrollable .th-td-height-02 td{
  height: 79px;
}

.tbl-overflow-02.scrollable .th-td-height-03 tr, .tbl-overflow-02.scrollable .th-td-height-03 th, .tbl-overflow-02.scrollable .th-td-height-03 td{
  height: 102px;
}

.mCSB_container{
  position: static;
}

@media screen and (max-width: 557px){
  .tbl-overflow-02.col7 .tbl-overflow-02-inner{
    border: 1px solid #666;
  }
  .tbl-overflow-02.col7 .tbl-data-01{
    width: 524px;
    border: none;
  }
}

@media screen and (max-width: 615px){
  .tbl-overflow-02.col8 .tbl-overflow-02-inner{
    border: 1px solid #666;
  }
  .tbl-overflow-02.col8 .tbl-data-01{
    width: 584px;
    border: none;
  }
}

@media screen and (max-width: 675px){
  .tbl-overflow-02.col9 .tbl-overflow-02-inner{
    border: 1px solid #666;
  }
  .tbl-overflow-02.col9 .tbl-data-01{
    width: 644px;
    border: none;
  }
}

.tbl-overflow-02 .tbl-data-01{
  border-top-color: #666;
  border-left-color: #666;
}

.tbl-overflow-02 th, .tbl-overflow-02 td{
  border-right-color: #666;
  border-bottom-color: #666;
}

/* ===========================
others
--------------------------- */
.icon{
  vertical-align: text-top;
}

.area-embed-news .no-hits{
  margin-bottom: 3em;
  text-align: center;
}

.searchApp_loader{
  height: 6em;
  margin: 2em 0;
  position: relative;
}
.searchApp_loader>img{
  text-indent: -99999px;
  position: absolute;
  top: calc(50% - 2em);
  left: calc(50% - 4em);
}

.form-search{
  margin: 2em 0;
  background-color: #f2f2f2;
}

.form-search>.form-search-inner{
  padding: .01em 2em;
}

.form-search .form-search-ui{
  margin: 0 -15px;
  padding: 2em 0;
}

.form-search .form-search-ui>p{
  margin: 0 15px;
}

.form-search .form-search-ui .form-search-input{
  width: calc(85.50186% - 285px);
}

.form-search .form-search-ui .form-search-input input{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 74.99999%;
  border-radius: 0;
  border: 1px solid #fff;
  padding: .2785em .5em;
  background-color: #fff;
  font-size: 1.8rem;
}

.form-search .form-search-ui .form-search-input button{
  display: block;
  width: 24.99999%;
  border: 1px solid #474747;
  padding: .4375em .0625em;
  background-color: #474747;
  color: #fff;
  text-align: center;
  -webkit-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  will-change: background-color, color;
}

.form-search .form-search-ui .form-search-input button:before{
  content: "";
  position: relative;
  top: .0625em;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: .375em;
  background: url(/shared/images/icon-loupe-03.png) no-repeat 0 0;
  background-size: cover;
}

.form-search .form-search-ui .form-search-input button:hover, .form-search .form-search-ui .form-search-input button:focus, .form-search .form-search-ui .form-search-input button:active{
  background-color: #fff;
  color: #333;
}

.form-search .form-search-ui .form-search-input button:hover:before, .form-search .form-search-ui .form-search-input button:focus:before, .form-search .form-search-ui .form-search-input button:active:before{
  background-image: url(/shared/images/icon-loupe-01.png);
}

.form-search .form-search-ui .form-search-option-ui{
  width: 255px;
}

.form-search .form-search-ui .form-search-option-ui button{
  position: relative;
  display: block;
  width: 100%;
  border-radius: .2rem;
  border: 1px solid #d6d6d6;
  padding: .4375em 31px;
  background-color: #fff;
  font-weight: bold;
  text-align: center;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

.form-search .form-search-ui .form-search-option-ui button:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  border-top: 3px solid #08107b;
  border-right: 3px solid #08107b;
}

.form-search .form-search-ui .form-search-option-ui button:hover, .form-search .form-search-ui .form-search-option-ui button:focus, .form-search .form-search-ui .form-search-option-ui button:active{
  background-color: #e6e6e6;
}

.form-search .form-search-ui .form-search-option-ui button[aria-expanded="false"]:after{
  margin-top: -10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.form-search .form-search-option{
  position: relative;
  margin-bottom: 0;
  padding-bottom: 2em;
}

.form-search .form-search-option>dt{
  position: absolute;
  left: 0;
  width: 140px;
  padding-top: .5em;
  font-weight: bold;
}

.form-search .form-search-option>dd{
  margin-bottom: 0;
  border-bottom: 1px solid #d6d6d6;
  padding: .5em 0 .5em 140px;
}

.form-search .form-search-option>dd:first-of-type{
  border-top: 1px solid #d6d6d6;
}

.form-search .form-search-option>dd>ul{
  margin-bottom: 0;
}

.form-search .form-search-option>dd>ul>li{
  float: left;
  margin-right: 24px;
}

.form-search .form-search-option>dd>ul>li input[type="checkbox"], .form-search .form-search-option>dd>ul>li input[type="radio"]{
  position: relative;
  top: -.0625em;
  vertical-align: baseline;
}

.form-search .form-search-option[aria-expanded="false"]{
  display: none;
}

.ie .form-search .form-search-option>dd>ul>li input[type="checkbox"], .ie .form-search .form-search-option>dd>ul>li input[type="radio"], .edge .form-search .form-search-option>dd>ul>li input[type="checkbox"], .edge .form-search .form-search-option>dd>ul>li input[type="radio"]{
  top: 0;
}

@media only screen and (min-width: 980px){
  .form-search .form-search-option{
    letter-spacing: -.4em;
  }
  .form-search .form-search-option > *{
    letter-spacing: normal;
  }
  .form-search .form-search-option dt.col2{
    display: inline-block;
    left: auto;
  }
  .form-search .form-search-option dd.col2{
    display: inline-block;
    width: 50%;
  }
}

.no-canvas .form-search .form-search-option{
  letter-spacing: -.4em;
}

.no-canvas .form-search .form-search-option > *{
  letter-spacing: normal;
}

.no-canvas .form-search .form-search-option dt.col2{
  display: inline-block;
  left: auto;
}

.no-canvas .form-search .form-search-option dd.col2{
  display: inline-block;
  width: 50%;
}

@media only screen and (max-width: 768px){
  .form-search{
    margin: 1.5em 0;
  }
  .form-search>.form-search-inner{
    padding: .01em 1.25em;
  }
  .form-search .form-search-ui{
    display: block;
    margin: 0;
    padding: 1.25em 0;
  }
  .form-search .form-search-ui>p{
    margin: 0;
  }
  .form-search .form-search-ui>p+p{
    margin-top: 1em;
  }
  .form-search .form-search-ui .form-search-input{
    width: 100%;
  }
  .form-search .form-search-ui .form-search-input input{
    width: calc(100% - 76px);
    padding: .8575em .5em;
    font-size: 1.4rem;
  }
  .form-search .form-search-ui .form-search-input button{
    width: 76px;
    padding: .6565em .0625em;
  }
  .form-search .form-search-ui .form-search-input button:before{
    margin-right: .25em;
  }
  .form-search .form-search-ui .form-search-option-ui{
    width: 100%;
  }
  .form-search .form-search-ui .form-search-option-ui button{
    padding: .6565em 29px;
  }
  .form-search .form-search-ui .form-search-option-ui button:after{
    right: 12px;
  }
  .form-search .form-search-option{
    padding-bottom: 1.42857em;
    font-size: 1.4rem;
  }
  .form-search .form-search-option>dt{
    position: static;
    width: auto;
    padding-top: 0.75em;
  }
  .form-search .form-search-option>dt:first-of-type{
    border-top: 1px solid #d6d6d6;
  }
  .form-search .form-search-option>dd{
    padding: .5em 0;
  }
  .form-search .form-search-option>dd:first-of-type{
    border-top: none;
  }
  .form-search .form-search-option>dd>ul>li{
    margin: 0 20px .35714em 0;
  }
  .form-search .form-search-option>dd>ul>li input[type="checkbox"], .form-search .form-search-option>dd>ul>li input[type="radio"]{
    top: .10714em;
  }
  .ie .form-search .form-search-option>dd>ul>li input[type="checkbox"], .ie .form-search .form-search-option>dd>ul>li input[type="radio"], .edge .form-search .form-search-option>dd>ul>li input[type="checkbox"], .edge .form-search .form-search-option>dd>ul>li input[type="radio"]{
    top: .10714em;
  }
}

.form-lyt-01{
  margin: 4.25em 0 2.5em 0;
  border-bottom: 1px solid #d6d6d6;
}

.form-lyt-01>li{
  border-top: 1px solid #d6d6d6;
  padding: 1.25em 20px;
}

.form-lyt-01>li.error{
  background-color: #fbebef;
}

.form-lyt-01>li.error .pgh-error-01{
  margin-bottom: .5em;
  font-weight: bold;
}

.form-lyt-01>li>label, .form-lyt-01>li>span{
  position: relative;
  display: block;
  width: 360px;
  padding-right: 30px;
  font-weight: bold;
}

.form-lyt-01>li>label .label-required-01, .form-lyt-01>li>span .label-required-01{
  position: absolute;
  top: 0;
  right: 30px;
  margin: 0;
}

.form-lyt-01>li>div p:first-child{
  margin-top: -.25em;
}

.form-lyt-01>li>div p:only-child{
  margin-top: 0;
  margin-bottom: 0;
}

.form-lyt-01>li>div p:last-child{
  margin-bottom: 0;
}

.form-lyt-01 .input-01, .form-lyt-01 .input-02, .form-lyt-01 .input-03, .form-lyt-01 .select select, .form-lyt-01 .textarea{
  display: inline-block;
  border: 1px solid #d6d6d6;
  background-color: #fff;
}

.form-lyt-01 .input-01, .form-lyt-01 .input-02, .form-lyt-01 .input-03, .form-lyt-01 .textarea{
  padding: 0 11px;
  -webkit-transition: border-color .2s, background-color .2s;
  transition: border-color .2s, background-color .2s;
  will-change: border-color, background-color;
}

.form-lyt-01 .input-01:hover, .form-lyt-01 .input-01:active, .form-lyt-01 .input-01:focus, .form-lyt-01 .input-02:hover, .form-lyt-01 .input-02:active, .form-lyt-01 .input-02:focus, .form-lyt-01 .input-03:hover, .form-lyt-01 .input-03:active, .form-lyt-01 .input-03:focus, .form-lyt-01 .textarea:hover, .form-lyt-01 .textarea:active, .form-lyt-01 .textarea:focus{
  border-color: #474747;
}

.form-lyt-01 .input-01:focus, .form-lyt-01 .input-02:focus, .form-lyt-01 .input-03:focus, .form-lyt-01 .textarea:focus{
  background-color: #fdf7e9;
}

.form-lyt-01 .input-01, .form-lyt-01 .input-02, .form-lyt-01 .input-03{
  width: 100%;
  height: 3em;
}

.form-lyt-01 .input-02{
  max-width: 360px;
}

.form-lyt-01 .input-03{
  max-width: 240px;
}

.form-lyt-01 .select{
  position: relative;
  z-index: 1;
  display: inline-block;
  background-color: #fff;
}

.form-lyt-01 .select:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-style: solid;
  border-width: 7px 3px 0 3px;
  border-color: #000 transparent transparent transparent;
}

.form-lyt-01 .select select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  z-index: 3;
  display: block;
  width: 240px;
  height: 3em;
  border-radius: 0;
  padding: 0 23px 0 11px;
  background-color: transparent;
  -webkit-transition: border-color .2s;
  transition: border-color .2s;
  will-change: border-color;
}

.form-lyt-01 .select select:hover, .form-lyt-01 .select select:active, .form-lyt-01 .select select:focus{
  border-color: #474747;
}

.form-lyt-01 .textarea{
  display: block;
  width: 100%;
  height: 10em;
}

.form-lyt-01 .btn{
  display: inline-block;
  height: 3em;
  margin-left: .5em;
  border: 1px solid #474747;
  border-radius: .25rem;
  padding: 0 11px;
  background-color: #474747;
  color: #fff;
  -webkit-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  will-change: background-color, color;
}

.form-lyt-01 .btn:hover, .form-lyt-01 .btn:active, .form-lyt-01 .btn:focus{
  background-color: #fff;
  color: #333;
}

.form-lyt-01 .example{
  margin-bottom: .25em;
  color: #666;
  font-size: 1.4rem;
}

.ie .form-lyt-01 .select select{
  padding-right: 0;
}

.edge .form-lyt-01 .select select{
  padding-top: 0.5em;
}

@media only screen and (max-width: 980px){
  .form-lyt-01>li>label>span{
    width: 280px;
  }
}

@media only screen and (max-width: 768px){
  .form-lyt-01{
    margin: 2.5em 0 1.75em 0;
  }
  .form-lyt-01>li{
    display: block;
  }
  .form-lyt-01>li>label, .form-lyt-01>li>span{
    width: auto;
    margin-bottom: 1em;
    padding-right: 50px;
  }
  .form-lyt-01>li>label .label-required-01, .form-lyt-01>li>span .label-required-01{
    right: 0;
  }
  .form-lyt-01 .input-02, .form-lyt-01 .input-03{
    max-width: inherit;
  }
  .form-lyt-01 .select{
    display: block;
    width: 100%;
  }
  .form-lyt-01 .select select{
    width: 100%;
  }
  .form-lyt-01 .btn{
    display: block;
    width: 100%;
    margin: .5em 0 0 0;
  }
}

.label-required-01{
  position: relative;
  top: -.125em;
  display: inline-block;
  line-height: 1.75;
  margin: 0 .5em;
  padding: 0 .5em;
  background-color: #cc0030;
  color: #fff;
  font-size: 1.3rem;
  font-weight: normal;
}

#modal-blind{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9997;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}

#modal-root{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998;
  display: none;
  box-shadow: 0 0 2em #292929;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
  outline: none;
}

#modal-img{
  text-align: center;
}

#modal-img{
  background-color: #000;
}

#modal-content>*{
  padding-left: 32px;
  padding-right: 32px;
}

#modal-content #modal-title, #modal-content #modal-author, #modal-content #modal-comment, #modal-content #modal-equip{
  padding-top: .5em;
  margin-bottom: 0;
}

#modal-content #modal-title:first-child, #modal-content #modal-author:first-child, #modal-content #modal-comment:first-child, #modal-content #modal-equip:first-child{
  padding-top: 1.5em;
}

#modal-content #modal-title:last-child, #modal-content #modal-author:last-child, #modal-content #modal-comment:last-child, #modal-content #modal-equip:last-child{
  padding-bottom: 1.5em;
}

#modal-content #modal-title{
  font-weight: bold;
}

#modal-content #modal-equip{
  color: #666;
  font-size: 1.4rem;
}

#modal-next, #modal-prev{
  position: absolute;
  z-index: 9999;
  display: block;
  width: 56px;
  height: 56px;
  overflow: hidden;
  margin-top: -28px;
  border: 0;
  border-radius: 28px;
  padding: 0;
  background-color: transparent;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
  outline: none;
}

#modal-next:before, #modal-prev:before{
  content: "";
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -7px;
}

#modal-next:hover, #modal-next:focus, #modal-next:active, #modal-prev:hover, #modal-prev:focus, #modal-prev:active{
  background-color: rgba(0, 0, 0, .8);
}

#modal-next{
  right: -90px;
}

#modal-next:before{
  right: 24px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

#modal-prev{
  left: -90px;
}

#modal-prev:before{
  left: 24px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

#modal-close{
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  margin: 0;
  border: none;
  padding: .57143em 8px .57143em 36px;
  background-color: rgba(0, 0, 0, .4);
  color: #fff;
  font-size: 1.4rem;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

#modal-close:before, #modal-close:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  width: 20px;
  height: 3px;
  margin-top: -2px;
  background-color: #fff;
  will-change: transform;
}

#modal-close:hover, #modal-close:focus, #modal-close:active{
  background-color: rgba(0, 0, 0, .8);
}

#modal-next:focus, #modal-prev:focus, #modal-close:focus{
  outline: -webkit-focus-ring-color auto 5px;
}

@media only screen and (max-width: 640px){
  #modal-close{
    width: 44px;
    height: 44px;
    top: -44px;
  }
  #modal-close span{
    display: none;
  }
  #modal-next, #modal-prev{
    width: 44px;
    height: 44px;
    border-radius: 0;
    margin-top: 0;
  }
  #modal-next{
    right: 44px;
  }
  #modal-next:before{
    right: 18px;
  }
  #modal-prev{
    left: 0;
  }
  #modal-prev:before{
    left: 18px;
  }
}

#modal-wrap-02{
  display: none;
  position: fixed;
  z-index: 9997;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
}
#modal-blind-02{
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}
#modal-close-02{
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  display: block;
  margin: 0;
  border: none;
  padding: .57143em 8px .57143em 36px;
  background-color: rgba(0, 0, 0, .4);
  color: #fff;
  font-size: 1.4rem;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}
#modal-close-02:before, #modal-close-02:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  width: 20px;
  height: 3px;
  margin-top: -2px;
  background-color: #fff;
  will-change: transform;
}
#modal-close-02:hover, #modal-close-02:focus, #modal-close-02:active{
  background-color: rgba(0, 0, 0, .8);
}
#modal-close-02:focus{
  outline: -webkit-focus-ring-color auto 5px;
}
@media only screen and (max-width: 640px){
  #modal-close-02{
    width: 44px;
    height: 44px;
  }
  #modal-close-02 span{
    display: none;
  }
}
#modal-img-02{
  margin: auto;
  display: block;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}

#brand-connection, #company-business{
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding-bottom: 5.5em;
}
#company-business{
  padding-bottom: 0;
}

#brand-connection:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 5.5em;
  background-color: #fff;
}

#brand-connection>.hdg, #company-business>.hdg{
  position: relative;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  min-height: 360px;
  background: #d2f0ff url(/company/connection/images/index-01.jpg) no-repeat 50% 50%;
  background-size: cover;
  color: #000;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

#csr> span, #career> span{
  color: #000;
  text-shadow: 2px 2px 1px rgb(255 255 255 / 100%);
}

#company-business>.hdg{
  background: #b4ddf4 url(/company/profile/images/business-main_visual.jpg) no-repeat 50% 50%;
  background-size: cover;
  height: 90vh;
}

@media only screen and (max-height: 1100px){
  #company-business>.hdg{
    padding-top: 0;
  }
}

#brand-connection>.hdg b, #company-business>.hdg b{
  margin-top: 72px;
  font-size: 4.8rem;
  display: block;
}

#company-business>.hdg b{
  margin-bottom: 72px;
  text-shadow: 2px 2px 10px #fff;
  font-size: 3.2rem;
}

#brand-connection>.hdg button{
  position: relative;
  display: block;
  width: 56px;
  height: 56px;
  margin-top: 16px;
  border-radius: 50%;
  padding-top: 18px;
  background-color: rgba(71, 71, 71, .6);
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
  text-decoration: none;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  will-change: background-color;
}

#brand-connection>.hdg button:hover, #brand-connection>.hdg button:focus, #brand-connection>.hdg button:active{
  background-color: rgba(71, 71, 71, .9);
}

#brand-connection>.hdg button:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 32px;
  display: block;
  width: 13px;
  height: 13px;
  margin-left: -6.5px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  animation-duration: 4s;
  animation-name: urgeScrolling;
  animation-iteration-count: infinite;
  will-change: bottom, opacity;
}

#company-business .area-content.introduction{
  background: #fff;
}

#brand-connection>.section{
  position: relative;
  margin-top: 100vh;
  background: #e6e6e6 url(/company/connection/images/index-06.jpg) no-repeat 50% 50%;
  background-size: cover;
}
#company-business>.section {
  position: relative;
  margin-top: 80vh;
  background: #e6e6e6;
}

#brand-connection>.section:before, #company-business>.section:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -100vh;
  z-index: 1;
  display: block;
  height: 100vh;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
}
#company-business>.section:before{
  top: -80vh;
  height: 80vh;
}

#brand-connection>.section.section-01:before{
  background-image: url(/company/connection/images/index-02.jpg);
}

#brand-connection>.section.section-02:before{
  background-image: url(/company/connection/images/index-03.jpg);
}

#brand-connection>.section.section-03:before{
  background-image: url(/company/connection/images/index-04.jpg);
}

#brand-connection>.section.section-04:before{
  background-image: url(/company/connection/images/index-05.jpg);
}

#company-business>.section.section-01:before,
#company-business.fixed.bg-01:before{
  background-image: url(/company/profile/images/business-bg-01.jpg);
}
#company-business>.section.section-02:before,
#company-business.fixed.bg-02:before{
  background-image: url(/company/profile/images/business-bg-02.jpg);
}
#company-business>.section.section-03:before,
#company-business.fixed.bg-03:before{
  background-image: url(/company/profile/images/business-bg-03.jpg);
}

#company-business>.section>.section-introduction{
  background: #fff;
}
#company-business>.section>.section-introduction .text{
  margin-top: 1.25em;
  text-align: center;
}

#brand-connection>.section>.inner,
#company-business>.section .inner{
  position: relative;
  z-index: 5;
  padding-top: 4em;
  padding-bottom: 4em;
}

#brand-connection>.section>.inner>.hdg,
#company-business>.section .inner>[class*="title-"]{
  color: #000;
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
}
#company-business>.section .inner>[class*="title-"]{
  font-size: 2.8rem;
}

#company-business>.section .inner>.title-01>.icon-img{
  display: block;
  margin-bottom: 0.4375em;
}
#company-business>.section .inner>.title-02{
  position: relative;
  padding-bottom: 0.4375em;
}
#company-business>.section .inner>.title-02:after{
  content: "";
  position: absolute;
  display: block;
  height: 4px;
  width: 120px;
  background-color: #08107b;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#brand-connection>.section>.inner>.lead{
  margin-top: 1.25em;
  color: #000;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

#brand-connection>.section>.inner>.lead span{
  padding: .25em;
  background-color: #e9b226;
}

#brand-connection>.section>.inner>.lead span sup{
  font-weight: normal;
}

#brand-connection>.section>.inner>.body{
  margin-top: 1.25em;
}

#brand-connection>.section>.inner>.body>.img{
  width: 350px;
  margin-right: 30px;
  padding-top: .5em;
  text-align: center;
}

#brand-connection>.section>.inner>.body>.text p{
  margin-bottom: 0;
}

#brand-connection>.section>.inner>.body>.text p+.pgh-notice-01{
  margin-top: 1em;
}

#brand-connection>.sns{
  margin-bottom: 0;
  padding: 2em 30px;
  background-color: #f2f2f2;
}

#brand-connection>.sns>li{
  height: 24px;
  margin: 0 3px;
}

#brand-connection>.sns>li.twitter iframe{
  vertical-align: top !important;
}

#brand-connection>.sns>li.facebook>div{
  display: block !important;
}

#brand-connection>.sns>li.facebook>div>span{
  vertical-align: top !important;
}

#brand-connection>.sns>li.googleplus{
  margin-top: -4px;
}

#brand-connection.fixed{
  position: relative;
}

#company-business>.section .products-area{
  margin-top: 3.25em;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#company-business>.section .products-area>li{
  width: 50%;
  padding: 15px;
}
#company-business>.section .products-area>li>.subtitle{
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 2rem;
}
#company-business>.section .products-area>li>.text{
  line-height: 1.8;
  margin-bottom: 1.6rem;
  color: #333;
}
#company-business>.section .nav-index-04{
  margin: 0;
}

#company-business .business-img-list{
  display: flex;
  margin: 0;
  padding: 0;
}
#company-business .business-img-list li{
  width: 16.666%;
}

#brand-connection.fixed:before, #company-business.fixed:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

#brand-connection.fixed.bg-01:before{
  background-image: url(/company/connection/images/index-02.jpg);
  background-position: 75% 50%;
}

#brand-connection.fixed.bg-02:before{
  background-image: url(/company/connection/images/index-03.jpg);
}

#brand-connection.fixed.bg-03:before{
  background-image: url(/company/connection/images/index-04.jpg);
}

#brand-connection.fixed.bg-04:before{
  background-image: url(/company/connection/images/index-05.jpg);
  background-position: 37.5% 50%;
}

#brand-connection.fixed>.section:before,
#company-business.fixed>.section:before{
  content: none;
}

.static #brand-connection>.hdg button{
  display: none;
}

@keyframes urgeScrolling{
  0%{
    bottom: 32px;
    opacity: 1;
  }
  5%{
    bottom: 32px;
    opacity: 0;
  }
  10%{
    bottom: 44px;
    opacity: 0;
  }
  35%{
    bottom: 32px;
    opacity: 1;
  }
  100%{
    bottom: 32px;
    opacity: 1;
  }
}

@media only screen and (max-width: 768px){
  #brand-connection{
    padding-bottom: 4em;
  }
  #brand-connection:after{
    height: 4em;
  }
  #brand-connection>.hdg, #company-business>.hdg{
    height: 94vh;
    font-size: 1.8rem;
  }
  #brand-connection>.hdg b{
    font-size: 4rem;
  }
  #company-business>.hdg b{
    font-size: 2.4rem;
  }
  #brand-connection>.section.section-01:before{
    background-position: 75% 50%;
  }
  #brand-connection>.section.section-04:before{
    background-position: 37.5% 50%;
  }
  #brand-connection>.section>.inner{
    padding: 4em 16px;
  }
  #brand-connection>.section>.inner>.hdg{
    font-size: 2.8rem;
  }
  #brand-connection>.section>.inner>.lead{
    line-height: 1.8;
    font-size: 1.8rem;
  }
  #brand-connection>.section>.inner>.body>.img{
    width: 200px;
    margin-right: 16px;
  }
  #brand-connection>.section>.inner>.body>.text{
    line-height: 1.8;
  }
}

@media only screen and (max-width: 600px){
  #brand-connection>.hdg, #company-business>.hdg{
    font-size: 1.6rem;
    font-size: 5vw;
  }
  #company-business>.hdg{
  	background-size: 200%;
    justify-content: flex-start;
  }
  #brand-connection>.hdg b{
    font-size: 2.4rem;
    font-size: 7.5vw;
  }
  #company-business>.hdg b{
    text-shadow: none;
    margin-top: 10vh;
  }
  #brand-connection>.section>.inner>.hdg{
    margin: 0 -8px;
    font-size: 2.2rem;
  }
  #brand-connection>.section>.inner>.body{
    display: block;
  }
  #brand-connection>.section>.inner>.body>.img{
    width: 100%;
    margin-right: 0;
  }
  #brand-connection>.section>.inner>.body>.text{
    margin-top: 1.5em;
  }
  #brand-connection>.section>.inner>.body>.text p{
    margin-bottom: .625em;
  }
  #brand-connection>.section>.inner>.body>.text p+.pgh-notice-01{
    margin-top: 1.5em;
  }
  #company-business>.section {
    margin-top: 100vh;
  }
  #company-business>.section:before{
    top: -100vh;
    height: 100vh;
  }
  #company-business>.section>.section-introduction .text{
    text-align: left;
  }
  #company-business>.section .products-area>li{
     width: 100%;
     padding: 15px 0;
  }
  #company-business .business-img-list{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #company-business .business-img-list li{
    width: 33.333%;
  }
  #company-business>.section.section-03:before,
  #company-business.fixed.bg-03:before{
    background-image: url(/company/profile/images/business-bg-03sp.jpg);
  }
}

/* iphone X only*/
@media only screen and (max-width: 600px) and (min-height: 800px){
  #company-business>.hdg b{
    margin-top: 20vh;
  }
}

.iframe-euroland-s, .iframe-euroland-m, .iframe-euroland-l{
  width: 100%;
  border: none;
}

.iframe-euroland-s{
  height: 60px;
}

.iframe-euroland-m{
  height: 1200px;
}

.iframe-euroland-l{
  height: 1450px;
}

@media only screen and (max-width: 828px){
  .iframe-euroland-l{
    height: 2900px;
  }
}

@media only screen and (max-width: 512px){
  .iframe-euroland-m{
    height: 1340px;
  }
  .iframe-euroland-l{
    height: 2800px;
  }
}

/* =====================================
IE10 .no-webgl.csstransitions
------------------------------------- */
.no-webgl.csstransitions .nav-pager-01, .no-webgl.csstransitions .nav-pager-01>li>ul, .no-webgl.csstransitions .nav-search-01{
  display: block;
}

@media only screen and (max-width: 959px){
  .no-webgl.csstransitions #header .header-search{
    overflow: inherit;
  }
  .no-webgl.csstransitions #nav-global>ul>li, .no-webgl.csstransitions .menufixed #nav-global>ul>li, .no-webgl.csstransitions #nav-global .submenu .submenu-box>.col1, .no-webgl.csstransitions #nav-global .submenu .submenu-box>.col2, .no-webgl.csstransitions #nav-global .submenu .submenu-box>.col3, .no-webgl.csstransitions #nav-global .submenu .submenu-box>.col4, .no-webgl.csstransitions #nav-global .submenu .list-link>li, .no-webgl.csstransitions #header .header-search .label, .no-webgl.csstransitions #header .header-search .header-search-input{
    float: none;
  }
  .no-webgl.csstransitions #nav-global>ul>li, .no-webgl.csstransitions .menufixed #nav-global>ul>li, .no-webgl.csstransitions #nav-global .submenu .submenu-box>.col3, .ie.no-webgl.csstransitions #nav-global .submenu .col3.list-link>li, .no-webgl.csstransitions #global-menu-1 .submenu-box>.col1, .no-webgl.csstransitions #global-menu-3 .submenu-box>.col1, .no-webgl.csstransitions #global-menu-4 .submenu-box>.col1, .no-webgl.csstransitions #global-menu-5 .submenu-box>.col1, .no-webgl.csstransitions #global-menu-6 .submenu-box>.col1, .no-webgl.csstransitions #global-menu-2 .submenu-box>.col1, .no-webgl.csstransitions #global-menu-3 .submenu-box>.col2{
    width: 100%;
  }
  .no-webgl.csstransitions .header-search>.label .label-inner:before{
    width: 56px;
    height: 56px;
  }
}

/* =====================================
IE10,IE9,IE8 .no-webgl
------------------------------------- */
.no-webgl #main .area-content>.area-content-inner{
  margin: 0 auto;
  max-width: 1110px;
}

.no-webgl .nav-index-05 li{
  display: inline-block;
  width: 48.4%;
  margin-right: 0;
  vertical-align: top;
}

.no-webgl .nav-index-05 li:nth-child(odd){
  margin-right: 2.12%;
}

.no-webgl .nav-index-05 li.slick-slide:nth-child(odd){
  margin-right: 0;
}

.no-webgl .lyt-top-03 .nav-index-05 li{
  display: inline-block;
  width: 31.45%;
  margin-right: 2.12%;
}

.no-webgl .lyt-top-03 .nav-index-05 li.slick-slide{
  width: auto;
  margin:0 5px !important;
}

.no-webgl .lyt-top-03 .nav-index-05 li:last-child{
  margin-right: 0;
}

.no-webgl .lyt-mainvisual-01.col3 .inner .area{
  display: inline-block;
  width: 32.7%;
  margin-left: 0;
}

.no-webgl .footer-link-01>li{
  width: 24.6%;
  display: inline-block;
  vertical-align: top;
}

.no-webgl .footer-link-01 li.rows2{
  width: 52.7%;
}

.no-webgl .nav-index-04 li{
  display: inline-block;
  width: 49.7%;
  margin-bottom: 1.25em;
  padding: 0 15px;
}

.no-webgl .nav-index-04.col3>li{
  display: inline-block;
  width: 33%;
}

.no-webgl .lyt-col-01.col4>.col{
  display: inline-block;
  width: 25%;
  vertical-align: top;
}

.no-webgl .lyt-col-01.col4>.col{
  display: inline-block;
  width: 24.6%;
}

.no-webgl .lyt-col-01.col2>.col{
  display: inline-block;
  width: 49.5%;
  vertical-align: top;
}

.no-webgl .lyt-col-01.col3>.col, .no-webgl .lyt-col-01.col3>.col{
  display: inline-block;
  width: 33%;
}

.no-webgl .lyt-col-02>.col.col1{
  display: inline-block;
  width: 66%;
  vertical-align: top;
}

.no-webgl .lyt-col-02>.col.col2{
  display: inline-block;
  width: 33%;
  vertical-align: top;
}

.no-webgl .nav-search-01{
  text-align: center;
}

.no-webgl .nav-search-01>.select,
.no-webgl .nav-search-01>.multiselect{
  display: inline-block;
  letter-spacing: -.4em;
}
.no-webgl .nav-search-01>.select{
  width: 360px;
}

.no-webgl .nav-search-01>.select .input,
.no-webgl .nav-search-01>.multiselect .input{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
}
.no-webgl .nav-search-01>.select .input{
  width: 283px;
}

.no-webgl .nav-search-01>.select .btn,
.no-webgl .nav-search-01>.multiselect .btn{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
}

.no-webgl .nav-search-01 .nav-rssbtn-01{
  display: inline-block;
  vertical-align: top;
}

.no-webgl .nav-pager-01 li{
  display: inline-block;
}

.no-webgl .nav-pager-01{
  text-align: center;
}

.no-webgl .nav-index-01>li{
  display: inline-block;
  width: 29.7%;
  vertical-align: top;
  margin-left: 1.54%;
  margin-right: 1.54%;
}

.no-webgl .nav-index-01>li.recruit-new{
  display: inline-block;
  width: 63.4%;
  vertical-align: top;
  margin-left: 1.54%;
  margin-right: 1.54%;
}

.no-webgl .nav-index-01>li.recruit-new>a{
  float: left;
  width: 57%;
  text-align: center;
  height: 295px;
}

.no-webgl .nav-index-01>li.recruit-new>a span{
  display: block;
  position: absolute;
  top: 40%;
}

.no-webgl .nav-index-01>li.recruit-new>a span .serif{
  padding: 0;
  position: static;
}

.no-webgl .nav-index-01>li.recruit-new>div{
  float: left;
  width: 43%;
  height: 295px;
  padding: 13.8% 0;
}

.no-webgl .box-related-01>li{
  display: inline-block;
  width: 32.6%;
  vertical-align: top;
}

.no-webgl .box-related-01>li>.link .img{
  display: block;
  width: 100%;
  text-align: center;
}

.no-webgl .box-related-01>li>.link .img>span img{
  width: auto;
}

.no-webgl .nav-index-01>li.csr-activities>a:before, .no-webgl .list-define-01>dt, .no-webgl .list-define-02>dt, .no-webgl .list-define-01>dd, .no-webgl .list-define-02>dd{
  display: inline-block;
}

.no-webgl .nav-index-01>li.csr-activities{
  display: inline-block;
  width: 65%;
  margin: 0;
}

.no-webgl .nav-index-07>li, .no-webgl .nav-index-02>li{
  display: inline-block;
  width: 30.8%;
  vertical-align: top;
  margin-right: 3%;
}

.no-webgl .nav-index-07>li:nth-child(3n), .no-webgl .nav-index-02>li:nth-child(3n){
  margin-right: 0;
}

.no-webgl .nav-index-08>li, .no-webgl .nav-index-02>li{
  display: inline-block;
  width: 22.9%;
  vertical-align: top;
  margin-right: 2.1%;
}

.no-webgl .nav-index-08>li:nth-child(4n), .no-webgl .nav-index-02>li:nth-child(4n){
  margin-right: 0;
}

.no-webgl .box-stockinfo-01>.hdg, .no-webgl .box-stockinfo-01>.embed, .no-webgl .box-stockinfo-01>.btn{
  display: inline-block;
  vertical-align: middle;
}

.no-webgl .box-stockinfo-01>.embed{
  width: 40%;
}

.no-webgl .lyt-calendar-01>.calendar>li{
  display: inline-block;
  width: 47.8%;
  margin-right: 3.5%;
  vertical-align: top;
}

.no-webgl .lyt-calendar-01>.calendar>li:nth-child(even){
  margin-right: 0;
}

.no-webgl .list-person-01>li{
  display: inline-block;
  width: 49.7%;
  vertical-align: top;
}

.no-webgl .list-person-01>li:after{
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.no-webgl .list-person-01>li>.text{
  float: right;
}

.no-webgl .list-person-01>li>.img{
  float: left;
}

.no-webgl .list-person-01>li:only-child>.text{
  width: 50%;
}

.no-webgl .list-person-01>li:only-child>.img{
  width: 50%;
}

.no-webgl .list-define-01>dt,
.no-webgl .list-define-02>dt{
  width: 25%;
}

.no-webgl .list-define-01>dd,
.no-webgl .list-define-02>dd{
  width: 74.4%;
}

.no-webgl .list-brand-01>li{
  width: 24.6%;
  display: inline-block;
}

.no-webgl .list-brand-01>li:nth-child(4n){
  margin-right: 0;
}

.no-webgl .lyt-col-02>.speaker.col2.col{
  display: inline-block;
  width: 18%;
}

.no-webgl .lyt-col-02>.voice.col1.col{
  display: inline-block;
  width: 81%;
}

.no-webgl #brand-connection>.hdg b{
  position: absolute;
  left: 23%;
  top: 35%;
}

.no-webgl #brand-connection>.hdg span{
  position: absolute;
  top: 53%;
  left: 35%;
}

.no-webgl #brand-connection>.hdg button{
  position: absolute;
  top: 58%;
  left: 48%;
}

.no-webgl #brand-connection>.section>.inner>.body>.img{
  display: inline-block;
  width: 32%;
  vertical-align: top;
}

.no-webgl #brand-connection>.section>.inner>.body>.text{
  display: inline-block;
  width: 63%;
  vertical-align: top;
}

.no-webgl #brand-connection>.sns{
  text-align: center;
}

.no-webgl #brand-connection>.sns>li{
  display: inline-block;
}

.no-webgl .list-brand-01>li>a{
  padding: 0;
}

.no-webgl .list-brand-01>li>a span{
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}

.no-webgl .nav-index-01 li.csr-activities a{
  text-align: center;
  width: 59.5%;
  float: left;
}

.no-webgl .nav-index-01 li.csr-activities a span{
  margin: 109px auto 110px;
  height: auto;
  display: block;
  position: relative;
  z-index: 2;
  float: left;
}

.no-webgl .nav-index-01 li.csr-activities a span b{
  margin-bottom: 0;
}

.no-webgl .nav-index-01 li.csr-activities div{
  width: 40.5%;
  float: left;
}

.no-webgl .nav-index-01 li.csr-activities div div{
  width: 100%;
  margin-top: 85px;
  margin-bottom: 85px;
}

.no-webgl .nav-index-01 li.csr-activities div a{
  text-align: left;
  width: 100%;
}

.no-webgl #nav-global{
  overflow: hidden;
}

.no-webgl #nav-global>ul, .no-webgl #nav-global .submenu .submenu-box, .no-webgl #nav-global .submenu .list-link, .no-webgl .floating-local-nav-submenu .list-link, .no-webgl #header .header-search{
  -js-display: block;
  display: block;
  overflow: hidden;
}

.no-webgl #nav-global>ul>li, .no-webgl #nav-global .submenu .submenu-box>.col1, .no-webgl #nav-global .submenu .submenu-box>.col2, .no-webgl #nav-global .submenu .submenu-box>.col3, .no-webgl #nav-global .submenu .submenu-box>.col4, .no-webgl #nav-global .submenu .list-link>li, .no-webgl .floating-local-nav-submenu .list-link>li, .no-webgl #header .header-search .label, .no-webgl #header .header-search .header-search-input{
  display: block;
  float: left;
}

.no-webgl #nav-global>ul{
  width: 100%;
}

.no-webgl #nav-global>ul>li{
  width: 16.66%;
}

.no-webgl #nav-global .submenu{
  margin: 0;
}

.no-webgl #nav-global .submenu .submenu-box>.col3{
  width: 71%;
}

.no-webgl #global-menu-1 .submenu-box>.col1{
  width: 22.30%;
}

.no-webgl #global-menu-2 .submenu-box>.col1{
  width: 30%;
}

.no-webgl #global-menu-3 .submenu-box>.col1, .no-webgl #global-menu-4 .submenu-box>.col1, .no-webgl #global-menu-5 .submenu-box>.col1, .no-webgl #global-menu-6 .submenu-box>.col1{
  width: 30.63%;
}

.no-webgl #global-menu-3 .submenu-box>.col2{
  width: 50%;
}

.no-webgl .header-search>.label .label-inner:before{
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  background-image: url(/shared/images/icon-loupe-01-noflex.png);
  background-size: cover;
  -webkit-transform: inherit;
  transform: inherit;
}

.no-webgl .lyt-mainvisual-01>.inner>.area>.ui{
  text-align: center;
  padding-top: 0;
}

.no-webgl .lyt-mainvisual-01>.inner>.area>.ui>li{
  display: inline-block;
}

.no-webgl .menufixed #nav-global>ul>li{
  width: 14%;
}
.no-webgl #nav-global>ul>li.nav-logo{
  width: 140px;
}
.no-webgl #nav-global>ul>li.nav-logo>a{
  position: static;
  top: auto;
  left: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width: 112px;
  padding: 0.7em 8px;
}

.no-webgl .menufixed #nav-global>ul>li.nav-logo>a>img{
  width: 112px;
}

@media only screen and (max-width: 860px){
  .no-webgl.ie .lyt-col-01:not(.no-linear).col4>.col{
    width: 32.5%;
  }
}

@media only screen and (max-width: 767px){
  .no-webgl.ie .footer-link-01>li{
    width: 49.6%;
  }
  .no-webgl .lyt-calendar-01>.calendar>li{
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .no-webgl .nav-index-01>li{
    width: 46.0%;
    margin-bottom: 1em;
    padding: 0 19px;
  }
  .no-webgl .nav-index-04 li{
    display: block;
    width: 100%;
  }
  .no-webgl .box-stockinfo-01>.embed{
    display: block;
    width: 100%;
  }
  .no-webgl .box-related-01>li{
    display: block;
    width: 100%;
  }
  .no-webgl .box-stockinfo-01>.hdg, .no-webgl .box-stockinfo-01>.embed, .no-webgl .box-stockinfo-01>.btn{
    display: block;
  }
  .no-webgl .nav-index-07>li, .no-webgl .nav-index-02>li{
    width: 48.0%;
    width: calc((100% - 16px) / 2);
    margin-right: 0;
    margin-bottom: 1em;
    padding: 1.625em 19px .01em 19px;
  }
  .no-webgl .nav-index-08>li, .no-webgl .nav-index-02>li{
    width: 48.0%;
    width: calc((100% - 16px) / 2);
    margin-right: 0;
    margin-bottom: 1em;
    padding: 1.625em 19px .01em 19px;
  }
  .no-webgl .nav-index-01>li.csr-activities{
    display: block;
    width: 100%;
    padding: 0;
  }
  .no-webgl .nav-index-05 li{
    display: block;
    width: 100%;
  }
  .no-webgl .lyt-top-03 .nav-index-05 li{
    display: block;
    width: 100%;
  }
  .no-webgl .nav-index-01 li.csr-activities a span{
    margin: 124px auto 88px;
  }
  .no-webgl .lyt-mainvisual-01.col3 .inner .area{
    display: block;
    width: 100%;
  }
  .no-webgl .nav-index-04.col3>li{
    display: block;
    width: 100%;
  }
  .no-webgl.ie .lyt-col-01:not(.no-linear).col3>.col, .no-webgl.ie .lyt-col-01:not(.no-linear).col4>.col{
    width: 49.5%;
  }
  .no-webgl .lyt-col-02>.col.col1{
    display: block;
    width: auto;
    vertical-align: top;
  }
  .no-webgl .lyt-col-02>.col.col2{
    display: block;
    width: auto;
    vertical-align: top;
  }
  .no-webgl .list-person-01>li{
    width: 100%;
  }
  .no-webgl .menufixed #nav-global>ul>li{
    width: 100%;
  }
}

@media only screen and (max-width: 864px){
  .no-webgl .nav-index-01>li.recruit-new{
    width: 100%;
    margin-left: 0;
  }
  .no-webgl .nav-index-01>li.recruit-new>a span{
    top: 50%;
  }
  .no-webgl .nav-index-01>li.recruit-new>a{
    width: 100%;
    display: block;
    padding: 20% 0;
    height: auto;
  }
  .no-webgl .nav-index-01>li.recruit-new>div{
    width: 100%;
    display: block;
    padding: 0;
    height: auto;
  }
}

@media only screen and (max-width: 640px){
  .no-webgl.ie .footer-link-01>li{
    width: 49.3%;
  }
  .no-webgl .list-brand-01>li{
    width: 49.2%;
  }
  .no-webgl .list-brand-01>li>a span{
    left: 0;
  }
  .no-webgl #main .area-content>.area-content-inner{
    padding: 2em 0 2em 0;
  }
  .no-webgl .lyt-col-01.col2>.col{
    display: block;
    width: 100%;
  }
  .no-webgl .nav-index-05 li{
    display: block;
    width: 100%;
    margin-right: 0;
    vertical-align: top;
  }
  .no-webgl .lyt-top-03 .nav-index-05 li{
    display: block;
    width: 100%;
    margin-right: 2.12%;
  }
  .no-webgl .nav-index-04 li{
    display: block;
    width: 100%;
    margin-bottom: 1.25em;
    padding: 0 15px;
  }
  .no-webgl .nav-index-04.col3>li{
    display: block;
    width: 100%;
  }
  .no-webgl .lyt-col-01:not(.no-linear).col3>.col, .no-webgl .lyt-col-01:not(.no-linear).col4>.col{
    width: 100%;
  }
  .no-webgl.ie .lyt-col-01:not(.no-linear).col3>.col, .no-webgl.ie .lyt-col-01:not(.no-linear).col4>.col{
    width: 100%;
  }
}

@media only screen and (max-width: 540px){
  .no-webgl .nav-index-01 li.csr-activities a{
    float: none;
    display: block;
    width: 100%;
  }
  .no-webgl .nav-index-01 li.csr-activities a span{
    margin: 0;
  }
  .no-webgl .nav-index-01 li.csr-activities div{
    width: 100%;
    display: block;
    float: none;
  }
  .no-webgl .nav-index-01 li.csr-activities div div{
    margin: 0;
  }
}

@media only screen and (max-width: 480px){
  .no-webgl .nav-index-01>li{
    display: block;
    width: auto;
  }
  .no-webgl .nav-index-07>li, .no-webgl .nav-index-02>li{
    display: block;
    width: auto;
  }
  .no-webgl .nav-index-08>li, .no-webgl .nav-index-02>li{
    display: block;
    width: auto;
  }
}

/* =====================================
IE9,IE8 .no-csstransitions
------------------------------------- */
.no-csstransitions .btn-color-01.nav-btn-01 a, .btn-color-01.nav-btn-01 button{
  margin: 0 auto;
}

.no-csstransitions .box-stockinfo-01>.btn{
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 30px;
}

.no-csstransitions #header{
  width: 980px;
  padding: 0;
}

.no-csstransitions .box-stockinfo-01{
  padding-left: 30px;
}

.no-csstransitions #nav-global{
  margin: 0;
  max-width: 980px;
  min-width: 980px;
  width: 100%;
}

.no-csstransitions .nav-index-01>li.recruit-new{
  display: inline-block;
  width: 63.4%;
  vertical-align: top;
  margin-left: 1.54%;
  margin-right: 1.54%;
}

.no-csstransitions .nav-index-01>li.recruit-new>a{
  float: left;
  width: 57%;
  text-align: center;
  height: 295px;
}

.no-csstransitions .nav-index-01>li.recruit-new>a span{
  display: block;
  position: absolute;
  top: 40%;
}

.no-csstransitions .nav-index-01>li.recruit-new>a span .serif{
  padding: 0;
  position: static;
}

.no-csstransitions .nav-index-01>li.recruit-new>div{
  float: left;
  width: 43%;
  height: 295px;
  padding: 13.8% 0;
}

.no-csstransitions .imgblock_left, .no-csstransitions .imgblock_right, .no-csstransitions .imgblock, .no-csstransitions .imgblock_row{
  display: inline;
  width: auto;
  float: none;
  clear: none;
}

.no-csstransitions .lyt-medicaltown-02>.inner{
  min-height: auto;
}

.no-csstransitions .imgblock_left .imgbox.imgbox_l, .no-csstransitions .imgblock_right .imgbox.imgbox_l{
  width: 25%;
}

.no-csstransitions .imgblock_left .imgbox{
  width: 25%;
}

.no-csstransitions .imgbox{
  display: block;
  float: left;
  width: 25%;
  padding: 10px;
}

.no-csstransitions .imgbox .imgarea{
  margin: 0;
  height: 100%;
}

.no-csstransitions .imgbox .imgarea a{
  position: static;
  height: 100%;
}

.no-csstransitions .imgbox .imgcaption{
  position: static;
  top: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  width: auto;
  opacity: 1;
  padding: 10px 10px 24px 10px;
}

.no-csstransitions .imgcaption .link:after, .no-csstransitions .inpagenavi li span.inpagenavi_textlink:after{
  content: url("/others/shared/images/arrow_r_ie_s.png");
  background-image: none;
}

.no-csstransitions .inpagenavi li span.inpagenavi_textlink:after{
  top: 25%;
  right: 5%;
}

.no-csstransitions .imgbox a:hover .imgcaption .link{
  text-decoration: underline;
}

.no-csstransitions .imgbox_textlink .imgcaption{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
}

.no-csstransitions .imgbox_textlink .imgcaption .link{
  display: block;
  padding-right: 16px;
}

.no-csstransitions .imgbox_textlink .imgcaption .link:after{
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
}

.no-csstransitions .imgbox a:hover img{
  opacity: 0.8;
}

.no-csstransitions .section-inner.image.image_fixed{
  margin-right: 8.33%;
}

.no-csstransitions .imgblock_right .imgbox, .no-csstransitions .imgblock_left .imgbox.imgbox_l, .no-csstransitions .imgblock_right .imgbox.imgbox_l{
  width: 25%;
}

.no-csstransitions .imgbox_l .imgarea{
  margin: 0;
}

.no-csstransitions .imgbox .imgarea a{
  min-height: 435px;
}

.no-csstransitions .imgblock.type_02 .imgbox .imgarea a{
  min-height: 340px;
}

.no-csstransitions .list-brand-01>li>a span img{
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.no-csstransitions .nav-index-01 li.csr-activities a{
  width: 330px;
}

.ie .floating-local-nav-button-arrowR span:before,
.ie .floating-local-nav-button-arrowB span:before{
  top:0.8em;
}
.no-webgl.csstransitions .floating-local-nav-button-arrowR span:before,
.no-webgl.csstransitions .floating-local-nav-button-arrowB span:before{
  top:0.9em;
}
.no-csstransitions .floating-local-nav-button-arrowR span:before{
  top:0.7em;
}
.no-csstransitions .floating-local-nav-button-arrowB span:before{
  top:0.5em;
}

.no-canvas .imgcaption .link:after{
  background-image: url("/others/shared/images/arrow_r_ie_s.png");
  width: 8px;
  height: 13px;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.no-canvas .imgbox_textlink .imgcaption .link:after{
  height: 13px;
  background-image: url("/others/shared/images/arrow_r_ie_s.png");
}

.no-canvas .imgbox_textlink:hover .imgcaption .link:after{
  background-image: url("/others/shared/images/arrow_r_ie_s.png");
}

.no-csstransitions .nav-index-01 li.csr-activities a span{
  background-color: #fff;
}

.no-csstransitions .nav-index-01 li.csr-activities div{
  width: 268px;
}

.no-csstransitions #page{
  width: 980px;
  margin: 0 auto;
}

.no-csstransitions .ad-2015#brand-connection .hdg span{
  margin-top: 0;
}

@media only screen and (max-width: 845px){
  .no-csstransitions .header-search{
    margin-left: 24px;
  }
  .no-csstransitions .header-search>.header-search-input>.header-search-input-inner .input{
    width: 167px;
  }
}

@media only screen and (max-width: 767px){
  .no-csstransitions #header{
    position: relative;
    padding: 0 30px;
    border-bottom: 1px solid #d6d6d6;
  }
  .no-csstransitions #header>.header-inner{
    padding: 20px 0;
  }
  .no-csstransitions .header-logo{
    position: inherit;
    top: inherit;
    left: inherit;
    float: left;
    width: 170px;
    margin: 0 12px 0 0;
  }
  .no-csstransitions .header-logo img{
    width: 100%;
  }
  .no-csstransitions .header-sitename{
    display: none;
  }
  .no-csstransitions .header-item{
    float: right;
  }
  .no-csstransitions .header-language{
    float: left;
    padding-top: 0.5em;
    padding-right: 0;
    text-align: right;
  }
  .no-csstransitions .header-language>a{
    display: inline-block;
    padding: 0;
  }
  .no-csstransitions .no-search .header-language{
    padding-right: 16px;
  }
  .no-csstransitions .header-search{
    -js-display: block;
    display: block;
    float: left;
    margin-left: 24px;
  }
  .no-csstransitions .header-search>.label{
    position: inherit;
    top: inherit;
    right: inherit;
  }
  .no-csstransitions .header-search>.label .label-inner{
    width: 38px;
    height: 38px;
  }
  .no-csstransitions .header-search>.header-search-input>.header-search-input-inner .input{
    width: 167px;
  }
  .no-csstransitions .header-search>.header-search-input{
    height: auto;
    overflow: inherit;
  }
  .no-csstransitions .header-search>.header-search-input>.header-search-input-inner .input, .no-csstransitions .header-search>.header-search-input>.header-search-input-inner .submit{
    height: 38px;
  }
  .no-csstransitions .header-search>.header-search-input>.header-search-input-inner .input{
    width: 167px;
    line-height: 2.375;
    padding-left: 0;
  }
  .no-csstransitions .header-search>.header-search-input>.header-search-input-inner .submit{
    width: 50px;
    line-height: 2.71429;
  }
  .no-csstransitions .static .header-search>.header-search-input{
    height: auto !important;
  }
  .no-csstransitions #nav-global{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .no-csstransitions #nav-global>ul{
    padding: 0;
    background-color: #fff;
    font-size: 1.6rem;
  }
  .no-csstransitions #nav-global>ul>li{
    margin: 0;
    padding: 0 1px;
  }
  .no-csstransitions #nav-global>ul>li>a{
    padding: .9375em 8px;
    background-color: #fff;
    color: #000;
  }
  .no-csstransitions #nav-global>ul>li>a:hover, .no-csstransitions #nav-global>ul>li>a:focus, .no-csstransitions #nav-global>ul>li>a:active{
    background-color: #777;
    color: #fff;
    text-decoration: none;
  }
  .no-csstransitions #nav-global>ul>li>a:after{
    content: "";
  }
  .no-csstransitions #nav-global>ul>li>a.current{
    color: #08107b;
  }
  .no-csstransitions #nav-global>ul>li>a.current:after{
    content: "";
  }
  .no-csstransitions #nav-global>ul>li>a.current:hover, .no-csstransitions #nav-global>ul>li>a.current:focus, .no-csstransitions #nav-global>ul>li>a.current:active{
    color: #fff;
  }
  .no-csstransitions #nav-global .submenu{
    display: none !important;
  }
}

/* =====================================
IE8 .no-canvas
------------------------------------- */
.no-canvas .footer-pagetop>a:before{
  top: 45%;
  border: none;
  background: url(/shared/images/arrow_pagetop.png) no-repeat 100% 0;
}

.no-canvas .list-faq-01>li>b[role="button"]:after,
.no-canvas .list-faq-01>li>span[role="button"]:after{
  top: 50%;
  border: none;
  background: url(/technology/shared/images/arrow_faq_ie.png) no-repeat 100% 0;
}

.no-canvas .list-faq-01>.opened>b[role='button']:after,
.no-canvas .list-faq-01>.opened>span[role='button']:after{
  background: url(/technology/shared/images/arrow_faq_t_ie.png) no-repeat 100% 0;
}

.no-canvas #brand-connection>.hdg button:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 32px;
  display: block;
  width: 14px;
  height: 14px;
  margin-left: -6.5px;
  border: none;
  background: url(/technology/shared/images/arrow_bottom_w_ie.png) no-repeat 100% 0;
}

.no-webgl .lyt-mainvisual-01>.inner>.area>.ui>li{
  width: 36px;
  height: 36px;
}

.no-webgl .lyt-mainvisual-01>.inner>.area>.ui>li>button{
  width: 36px;
  height: 36px;
}

.no-webgl .lyt-mainvisual-01>.inner>.area>.ui{
  width: 100%;
}

.no-canvas .nav-index-01>li.recruit-new>a{
  font-size: 19px;
}

.no-canvas .nav-btn-01{
  display: inline-block;
}

.no-canvas .area-content-inner>.nav-btn-01{
  display: block;
}

.no-canvas .hdg-categorytop-01>.hdg{
  font-size: 28px;
}

.no-canvas .nav-index-05>li>.link>.text>span{
  font-size: 20px;
}

.no-canvas .lyt-mainvisual-01>.inner>.area>.ui>li>button{
  position: relative;
  display: block;
  width: 36px;
  height: 100%;
  margin: 0;
  border: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  text-align: center;
}

.no-canvas .lyt-mainvisual-01>.inner>.area>.ui>li>button:before{
  content: "";
  position: absolute;
  display: block;
  margin: 0;
  background-color: #777777;
}

.no-canvas .lyt-mainvisual-01>.inner>.area>.ui>li>button:before{
  top: -6px;
  left: 12px;
}

.no-canvas #main .area-content>.area-content-inner{
  margin: 0 auto;
  max-width: 1110px;
}

.no-canvas .nav-index-05 li:first-child, .no-canvas .nav-index-05 li:first-child+*+*, .no-canvas .nav-index-05 li:first-child+*+*+*+*{
  margin-right: 23.532px;
}

.no-canvas .lyt-top-03 .nav-index-05 li:first-child+*+*{
  margin-right: 0;
}

.no-canvas .lyt-medicaltown-01{
  margin: -0.75em 0 -4.75em 0;
  background: #fff url(/support/medical/images/index-01.jpg) no-repeat 100% 0;
  background-size: cover;
}

.no-canvas .lyt-medicaltown-01>.hdg{
  line-height: 1.8;
  padding-top: 2.1em;
  padding-bottom: 1.55em;
  color: #000;
  font-size: 28px;
  font-weight: bold;
}

.no-canvas .lyt-medicaltown-02 .hdg{
  line-height: 1.75;
  margin-bottom: 1em;
  font-size: 27px;
  font-weight: bold;
  text-shadow: 0 0 .8rem #e1e0dd, 0 0 .6rem #e1e0dd, 0 0 .4rem #e1e0dd, 0 0 .2rem #e1e0dd, 0 0 .1rem #e1e0dd, 0 0 .1rem #e1e0dd;
}

.no-canvas .lyt-medicaltown-01>.hdg>small{
  font-size: 16px;
}

.no-canvas .lyt-medicaltown-02 .hdg small{
  font-size: 16px;
}

.no-canvas .box-stretch-01:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: 0;
  z-index: -1;
  display: block;
  width: 100%;
  background-color: #f2f2f2;
  transform: translateX(0%);
}

.no-canvas .nav-search-01>.select,
.no-canvas .nav-search-01.multiselect{
  display: inline-block;
  letter-spacing: -.4em;
}
.no-canvas .nav-search-01>.select{
  width: 360px;
}

.no-canvas .nav-search-01>.select .input,
.no-canvas .nav-search-01.multiselect .input{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
}
.no-canvas .nav-search-01>.select .input{
  width: 283px;
}

.no-canvas .nav-search-01>.select .btn,
.no-canvas .nav-search-01.multiselect .btn{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
}

.no-canvas .nav-search-01 .col{
  vertical-align: top;
}

.no-canvas .nav-search-01 .nav-rssbtn-01{
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.no-canvas .nav-index-01>li:first-child+*+*, .no-canvas .nav-index-01>li:first-child+*+*+*+*+*, .no-canvas .nav-index-01>li:first-child+*+*+*+*+*+*+*+*, .no-canvas .nav-index-07>li:first-child+*+*, .no-canvas .nav-index-07>li:first-child+*+*+*+*+*, .no-canvas .nav-index-07>li:first-child+*+*+*+*+*+*+*+*, .no-canvas .nav-index-08>li:first-child+*+*+*, .no-canvas .nav-index-08>li:first-child+*+*+*+*+*+*, .no-canvas .nav-index-08>li:first-child+*+*+*+*+*+*+*+*+*, .no-canvas .nav-index-02>li:first-child+*+*, .no-canvas .nav-index-02>li:first-child+*+*+*+*+*, .no-canvas .nav-index-02>li:first-child+*+*+*+*+*+*+*+*, .no-canvas .lyt-calendar-01>.calendar>li:first-child+*, .no-canvas .lyt-calendar-01>.calendar>li:first-child+*+*+*, .no-canvas .lyt-calendar-01>.calendar>li:first-child+*+*+*+*+*, .no-canvas .lyt-calendar-01>.calendar>li:first-child+*+*+*+*+*+*+*, .no-canvas .lyt-calendar-01>.calendar>li:first-child+*+*+*+*+*+*+*+*+*, .no-canvas .lyt-calendar-01>.calendar>li:first-child+*+*+*+*+*+*+*+*+*+*+*, .no-canvas .lyt-calendar-01>.calendar>li:first-child+*+*+*+*+*+*+*+*+*+*+*+*+*{
  margin-right: 0;
}

.no-canvas .hdg-page-01, .no-canvas #brand-connection>.section>.inner>.hdg{
  font-size: 32px;
}

.no-canvas .box-stockinfo-01>.hdg span:before{
  background-image: none;
}

.no-canvas .link-icon{
  display: inline-block;
}

.no-canvas .lyt-brand-02>.hdg, .no-canvas .lyt-brand-03 .hdg, .no-canvas .hdg-section-01, .no-canvas .hdg-section-06{
  font-size: 26px;
}

.no-canvas .hdg-section-01 small,
.no-canvas .hdg-section-06 small{
  font-size: 14px;
}

.no-canvas .photographers-top.hdg-page-01{
  background-color: #FFF;
}

.no-canvas .pgh-lead-02{
  font-size: 18px;
}

.no-canvas .lyt-img-02 .vertical.lyt-img-01{
  width: 33%;
}

.no-canvas #brand-connection>.hdg{
  height: 800px;
}

.no-canvas #brand-connection>.hdg b{
  left: 28%;
  font-size: 42px;
}

.no-canvas #brand-connection>.hdg span{
  font-size: 20px;
}

.no-canvas #brand-connection>.hdg BUTTON{
  background-color: #3B3B3B;
}

.no-canvas .lyt-col-01.col2.arrow .a-col-arrow:after{
  background-image: url("/others/shared/images/arrow_r_img_ie.png");
}

.no-canvas .lyt-col-01.col2.arrow .col.col-01 .a-col-wrap:after{
  background-image: url("/others/shared/images/arrow_b_ie.png");
}

.no-canvas .imgcaption .link:after{
  content: url("/others/shared/images/arrow_r.svg");
}

.no-canvas .imgbox_textlink .imgcaption .link:after{
  content: url("/others/shared/images/arrow_r_b_ie.png");
}

.no-canvas .imgbox_textlink:hover .imgcaption .link:after{
  content: url("/others/shared/images/arrow_r_ie.png");
}

.no-canvas .button_navi.prev:before{
  background-image: url("/others/shared/images/arrow_l_ie.png");
}

.no-canvas .button_navi.prev.nolink:before{
  background-image: url("/others/shared/images/arrow_l_g_ie.png");
}

.no-canvas .button_navi.next:after{
  background-image: url("/others/shared/images/arrow_r_ie.png");
}

.no-canvas .button_navi.next.nolink:after{
  background-image: url("/others/shared/images/arrow_r_g_ie.png");
}

.no-canvas .button_navi.prev:hover:before{
  background-image: url("/others/shared/images/arrow_l_ie.png");
}

.no-canvas .button_navi.prev.nolink:hover:before{
  background-image: url("/others/shared/images/arrow_l_g_ie.png");
}

.no-canvas .button_navi.next:hover:after{
  background-image: url("/others/shared/images/arrow_r_ie.png");
}

.no-canvas .button_navi.next.nolink:hover:after{
  background-image: url("/others/shared/images/arrow_r_g_ie.png");
}

.no-canvas .inpagenavi li span.inpagenavi_textlink:after{
  background-image: url(/technology/shared/images/arrow_r_ie.png);
}

.no-canvas .logo img{
  width: auto;
}

.no-canvas .link-text-01{
  display: inline;
}

.no-canvas .list-link-01 li a{
  display: inline;
}

.no-canvas .nav-index-05>li>a.link>.text>span:before{
  content: " > ";
  width: 6px;
  border-top: none;
  border-right: none;
  color: #08107b;
  font-weight: bold;
}

.no-canvas .list-news-01>li>a.link>.text:before{
  content: " > ";
  top: 1.5em;
  width: 4px;
  border-top: none;
  border-right: none;
  color: #08107b;
  font-weight: bold;
}

.no-canvas .nav-btn-01 a:before, .no-canvas .nav-btn-01 button:before, .no-canvas .nav-index-01>li>a.link>.text>span:before{
  content: " > ";
  top: 35%;
  width: 6px;
  border-top: none;
  border-right: none;
  color: #08107b;
  font-weight: bold;
}

.no-canvas .footer-link-01>li>a:before{
  content: " > ";
  width: 3.5px;
  top: 15%;
  border-top: none;
  border-right: none;
  color: #08107b;
  font-weight: bold;
}

.no-canvas .footer-link-01>li>ul>li>a:before{
  width: 2.5px;
  border-top: none;
  border-right: none;
  color: #08107b;
  content: " > ";
  top: 10%;
}

.no-canvas #nav-global .submenu .submenu-top a:before{
  content: " > ";
  top: 25%;
  border: none;
  font-weight: bold;
}

.no-canvas #nav-global .submenu .list-link>li a:before{
  content: " > ";
  top: 2%;
  width: 4px;
  height: 8px;
  border-top: none;
  border-right: none;
  color: #fff;
  font-weight: bold;
}

.no-canvas #nav-global .submenu .list-btn>li a:before{
  content: " > ";
  top: 40%;
  border: none;
}

.no-canvas #nav-global .submenu .link-panel>span:after{
  content: " > ";
  top: -1px;
  width: 6px;
  border-top: none;
  border-right: none;
  color: #fff;
  font-weight: bold;
}

.no-canvas .nav-index-01 .csr-activities .list-link-01>li>a:before{
  top: -2px;
}

.no-canvas .list-link-01>li>a:before{
  content: " > ";
  top: -7px;
  width: 4px;
  border-top: none;
  border-right: none;
  color: #474747;
  font-weight: bold;
}

.no-canvas .list-anchor-01>li>a:before, .no-canvas .link-text-01:before{
  content: " > ";
  top: -35%;
  width: 4px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  color: #474747;
  font-weight: bold;
}

.no-canvas .nav-index-01>li.recruit-new>a>span b:before{
  content: " > ";
  width: 6px;
  border: none;
  color: #fff;
  font-weight: bold;
}

.no-canvas .list-anchor-01>li>a:before{
  top: 0;
}

.no-canvas .nav-index-01 li.csr-activities a{
  width: 320px;
}

.no-canvas .nav-index-01 li.csr-activities a span{
  margin: 113px auto;
}

.no-canvas .nav-index-01 li.csr-activities div div{
  margin-top: 83px;
  margin-bottom: 83px;
}

.no-canvas .lyt-mainvisual-01>.inner>.area>.ui>li>button:hover:before, .no-canvas .lyt-mainvisual-01>.inner>.area>.ui>li>button:focus:before, .no-canvas .lyt-mainvisual-01>.inner>.area>.ui>li>button:active:before{
  content: "";
  background-color: #292929;
  box-shadow: none;
  border-radius: 0;
}

.no-canvas #header>.header-inner{
  overflow: hidden;
}

.no-canvas .header-search>.label .label-inner:before{
  background-position: center;
}

.no-canvas .lyt-mainvisual-01.col3>.inner>.area>.ui>li>button:before{
  background-color: #ddeeff;
}

.no-canvas .nav-index-04>li>a:before{
  content: " > ";
  top: 35%;
  width: 6px;
  border: none;
  color: #08107b;
  font-weight: bold;
}

.no-canvas .nav-index-03>a.img-link>.link:before{
  content: " > ";
  top: 0;
  width: 4px;
  border: none;
  color: #474747;
  font-weight: bold;
}

.no-canvas .nav-rssbtn-01{
  font-size: 12px;
}

.no-canvas .nav-pager-01>li.next>a:before, .no-canvas .nav-pager-01>li.next>a:before{
  content: " > ";
  top: 15%;
  width: 4px;
  border: none;
}

.no-canvas .pager-color-01.nav-pager-01 li.next a:before, .no-canvas .pager-color-01.nav-pager-01 li.prev a:before{
  border: none;
}

.no-canvas .nav-pager-01>li.prev>a:before, .no-canvas .nav-pager-01>li.prev>a:before{
  content: "<";
  top: 15%;
  width: 4px;
  border: none;
}

.no-canvas .nav-index-01>li.csr-activities>a>span b:before{
  content: " > ";
  top: 0;
  width: 6px;
  border: none;
  color: #08107b;
  font-weight: bold;
}

.no-canvas .nav-btn-03 a:before, .no-canvas .nav-btn-03 button:before{
  content: " > ";
  top: 35%;
  width: 6px;
  border: none;
  color: #fff;
  font-weight: bold;
}

.no-canvas .nav-btn-04 a:before, .no-canvas .nav-btn-04 button:before{
  content: " > ";
  top: 35%;
  width: 6px;
  border: none;
  color: #fff;
  font-weight: bold;
}

.no-canvas .nav-index-06>dd>ul>li>a:before, .no-canvas .nav-index-06>dd>ol>li>a:after{
  content: " > ";
  top: 35%;
  width: 6px;
  border: none;
  color: #08107b;
  font-weight: bold;
}

.no-canvas .box-related-01>li>a.link .text:before{
  content: " > ";
  top: 0;
  width: 4px;
  border: none;
  color: #474747;
  font-weight: bold;
}

.no-canvas .nav-index-02>li>a>.link>span:before{
  content: " > ";
  top: 10%;
  width: 6px;
  border: none;
  color: #08107b;
  font-weight: bold;
}

.no-canvas .nav-btn-02:before{
  content: " > ";
  top: 20%;
  width: 3.5px;
  border: none;
  color: #777;
  font-weight: bold;
}

.no-canvas .prevNextNav .next{
  position: absolute;
  top: 0;
  width: 25px;
  height: 46px;
  background: url(/technology/interview-photographers/common/images/arrow_ie8.png) no-repeat;
  background-size: 110px auto;
}

.no-canvas .prevNextNav .prev{
  position: absolute;
  top: 0;
  width: 25px;
  height: 46px;
  background: url(/technology/interview-photographers/common/images/arrow_prev_ie8.png) no-repeat;
  background-size: 110px auto;
}

.switchview-pc{
  display: block;
}

.switchview-sp, .switchview-tablet{
  display: none;
}

@media only screen and (max-width: 600px){
  .switchview-tablet{
    display: block;
  }
}

@media only screen and (max-width: 408px){
  .switchview-pc{
    display: none;
  }
  .switchview-sp{
    display: block;
  }
}

/* =====================================
 <br>タグについて
------------------------------------- */
br.switch{
  display: none;
}
br.switch.pc{
  display: inline-block;
}
@media only screen and (max-width: 1110px){
  br.switch.pc{
    display: none;
  }
}
@media only screen and (max-width: 480px){
  br.switch.sp_02{
    display: inline-block;
  }
  .floating-local-nav-primary br.switch.sp_02{
    display: none;
  }
}
@media only screen and (max-width: 374px){
  br.switch.sp_01{
    display: inline-block;
  }
}

/* =====================================
GLOBAL DIRECTORY STYLE
------------------------------------- */

.GWD-container .hdg-section-01.network-hdg-section-01{
  margin: 1.5em 0 0.5em 0;
  padding-top: 0;
}

.lyt-col-01.col4 li a::before{
  top: 0.25em;
}

.GWD-container .select-region-list .list-link-01>li,
.lyt-col-01.col4 li{
  line-height: 1.5;
  font-size: 1.1em;
  margin-bottom: 1em;
}

.GWD-container .select-region-list .list-link-01>li>a,
.lyt-col-01.col4 li a{
  display: inline;
}

#header.GWD-open{
  position: fixed;
  z-index: 15;
  background: #fff;
  width: 100%;
}
.no-csstransitions #header.GWD-open{
  width: 980px;
}
.header-language>a[aria-expanded="true"]{
  cursor: pointer;
  position: relative;
}
.header-language>a[aria-expanded="true"]:before{
  z-index: 2;
  display: block;
  content: "";
  position: absolute;
  background-image: url(/shared/images/icon-menu-04.png);
  background-position: center 5px;
  background-repeat: no-repeat;
  background-color: #08107b;
  height: 54px;
  width: 45px;
  top: -.4em;
  pointer-events: none;
}
@media only screen and (max-width: 959px){
  .header-language>a[aria-expanded="true"]:before{
    background-position: center center;
  }
}
/* IE 8 */
.no-canvas .header-language > a[aria-expanded="true"] > img,
.no-canvas .header-language > a[aria-expanded="true"]:focus > img{
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.GWD-container{
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 20;
  display: none;
  height: 0;
  overflow: hidden;
  padding: 0;
  -webkit-transition: height 215ms;
  transition: height 215ms;
  will-change: height;
  background-color: #fff;
}

.GWD-open .GWD-container{
  display: block;
}

.GWD-open #nav-global{
  visibility: hidden;
}

.GWD-container-inner{
  position: relative;
  display: block;
  background-color: #fff;
}

.GWD-container-inner .area-content{
  padding: 0 30px;
}

.GWD-container-inner .area-content .network-01{
  padding: 0 0 2.5em 0;
  max-width: 1110px;
  margin: 0 auto;
}

.GWD-container-inner .nav-tab-01>li>a,
.GWD-container-inner .nav-tab-01>li>button{
  -webkit-flex: 1 1 0%;
  flex: 1 1 0%;
  position: relative;
  display: block;
  padding: .4695em 8px;
  background-color: #e6e6e6;
  color: #333;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  will-change: background-color, color;
}

.GWD-container-inner .nav-tab-01>li>a:hover,
.GWD-container-inner .nav-tab-01>li>a:focus,
.GWD-container-inner .nav-tab-01>li>a:active,
.GWD-container-inner .nav-tab-01>li>button:hover,
.GWD-container-inner .nav-tab-01>li>button:focus,
.GWD-container-inner .nav-tab-01>li>button:active{
  background-color: #777;
  color: #fff;
}

.GWD-container-inner .nav-tab-01>li>a.current,
.GWD-container-inner .nav-tab-01>li>button.current{
  background-color: #474747;
  color: #fff;
}

.GWD-container-inner .nav-tab-01>li>a.current:after,
.GWD-container-inner .nav-tab-01>li>button.current:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #474747 transparent transparent transparent;
}
.GWD-container-inner .tablinks{
  cursor: pointer;
}
@media screen and (max-width: 959px){
  .csstransitions .header-language>a[aria-expanded="true"]{
    height: 53px;
    width: 48px;
  }
  .csstransitions .header-language>a[aria-expanded="true"]:before{
    top: 0;
    left: 0;
    height: 53px;
    width: 48px;
  }
}
@media screen and (max-width: 860px){
  .GWD-container .select-region-list .list-link-01{
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px){
  .GWD-container .hdg-section-01.network-hdg-section-01{
    margin: 0.5em 0 1em 0;
	  padding-top: 1em;
  }
  .GWD-container-inner .nav-tab-01>li>a,
  .GWD-container-inner .nav-tab-01>li>button{
    font-size: 1.4rem;
  }
}

/*-------------------------------------
** TOP AREA Worldwide
-------------------------------------*/
.area-worlwide{
  position: relative;
  min-height: 190px;
}
.area-worlwide .inner{
  position: absolute;
  top: 0%;
}
@media only screen and (min-width: 769px){
  .area-worlwide .inner{
    width: 100%;
    height: 100%;
  }
  .area-worlwide .nav-btn-01{
    width: 160px;
    height: 160px;
    border-radius: 80px;
    border: 1px solid #ccc;
    position: absolute;
  }
  .area-worlwide .nav-btn-01 a{
    height: 140px;
    max-width: 140px;
    margin: 10px auto;
    overflow: hidden;
    padding: 0 0 0 30px;
  }
  .area-worlwide .nav-btn-01 a:before{
    border-color: #fff;
  }
  .area-worlwide .nav-btn-01.area-americas{
    background-color: #08107b;
    box-shadow: 0px 3px #ccc;
    top: 21%;
    left: 10%;
  }
  .area-worlwide .nav-btn-01.area-emea{
    background-color: #08107b;
    box-shadow: 0px 3px #ccc;
    top: 35%;
    left: 49%;
  }
  .area-worlwide .nav-btn-01.area-asia{
    background-color: #08107b;
    box-shadow: 0px 3px #ccc;
    top: 15%;
    left: 73%;
  }
  .area-worlwide .nav-btn-01.area-emea a>span,
  .area-worlwide .nav-btn-01.area-asia a>span{
    min-width: 110px;
    color: #fff;
  }
  .area-worlwide .nav-btn-01.area-americas a>span{
    color: #fff;
  }

  /*safari fix size*/
  .safari .area-worlwide .nav-btn-01.area-emea a{
    margin: 10px;
  }
  .safari .area-worlwide .nav-btn-01.area-asia a{
    margin: 13px;
  }
}
/* Worldwide IE9-IE8以外*/
@media only screen and (max-width: 768px){
  .csstransitions .area-worlwide .inner{
    position: absolute;
    display: table;
    vertical-align: middle;
    top:50%;
    transform: translateY(-50%);
  }
  .csstransitions .area-worlwide .img{
    padding-top: 1.2375em;
  }
  .csstransitions .area-worlwide .nav-btn-01{
    display: block;
  }
  .csstransitions .area-worlwide .nav-btn-01.area-asia{
    margin-bottom: 0;
  }
}
/* Worldwide IE9-IE8 FIX*/
.no-csstransitions .area-worlwide .inner{
  width: 905px;
  height: 459px;
}
/* Worldwide IE8 FIX*/
.no-canvas .area-worlwide .nav-btn-01{
  position: absolute;
  padding-left: 15px;
  max-width: 160px;
}
.no-canvas .area-worlwide .nav-btn-01.area-americas{
  background-color: #A1A2E6;
  top: 21%;
  left: 10%;
}
.no-canvas .area-worlwide .nav-btn-01.area-emea{
  background-color: #4EB0DB;
  top: 35%;
  left: 49%;
}
.no-canvas .area-worlwide .nav-btn-01.area-asia{
  background-color: #6294f2;
  top: 15%;
  left: 73%;
}

/* =====================================
background video
------------------------------------- */
.video-wrap-outer{
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}

.video-wrap{
  text-align: center;
  position: relative;
  overflow: hidden;
}

.video-cover, .video-wrap video{
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 0;
}

.video-cover{
  height: 100%;
  background: url(/shared/images/video-cover.png) repeat;
  z-index: 1;
}

.video-wrap .hdg-page-01{
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
}

.video-wrap .hdg-page-01.crossinnovation{
  width: 480px;
  height: 90px;
  background: url(/technology/crossinnovation/images/logo.svg) no-repeat;
  background-size: contain;
  text-indent: -999em;
}

.video-wrap .hdg-page-01.olympus100th{
  background: url(/features/100years/images/Olympus_100YEARS_Logo_RGB_mUZ_RZ.png) no-repeat;
  background-size: contain;
  text-indent: -999em;
  width: 333px;
  height: 282px;
}

.no-canvas .video-wrap .hdg-page-01{
  top: 0;
  left: 0;
}

.no-canvas .video-wrap .hdg-page-01.crossinnovation{
  top: 169.5px;
  left: 250px;
  background: url(/technology/crossinnovation/images/logo_ie.png) no-repeat;
}

.video-image{
  margin-bottom: 0;
  z-index: 1;
}

video.crossinnovation{
  margin-top: -6.2315%;
}

.nav-btn-ghost{
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin-right: 2em;
  margin-bottom: 5em;
}

.no-csstransitions .nav-btn-ghost{
  margin-bottom: 2em;
}

.nav-btn-ghost a{
  background: transparent;
  margin: 0;
  border-color: #fff;
}

@media only screen and (max-width: 767px){
  .video-wrap .hdg-page-01.crossinnovation{
    width: 280px;
    height: 53px;
  }
  .video-wrap .hdg-page-01.olympus100th{
    width: 130px;
    height: 120px;
  }
  .nav-btn-ghost{
    position: static;
    padding: 16px 16px 0;
    margin: 0;
  }
  .nav-btn-ghost a{
    background: #08107b;
    border-color: #08107b;
  }
  .nav-btn-ghost a:hover, .nav-btn-ghost a:focus{
    background: #fff;
  }
}

.area-content.area-news-room{
  background: rgb(209,210,250);
  background: linear-gradient(90deg, rgba(209,210,250,1) 0%, rgba(208,224,252,1) 35%, rgba(201,241,246,1) 100%);
  margin: 50px 0 0;
}
#main .area-content.area-covid19-room{
  padding: 0;
  margin-top: 60px;
}
#main .area-content.area-covid19-room .area-news-room-inner{
  padding: 0;
}
#main .area-content.area-stories-room .area-news-room-inner{
  padding: 0;
  margin: 0;
  background: none;
}
.area-content.area-news-room p,
.area-content.area-covid19-room p{
  margin-bottom:0;
}
.area-content.area-news-room .category,
.area-content.area-news-room .business,
.area-content.area-stories-room .category,
.area-content.area-stories-room .business,
.area-content.area-covid19-room .category,
.area-content.area-covid19-room .business{
  letter-spacing:-4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width: 768px){
  .area-content.area-news-room .category,
  .area-content.area-news-room .business,
  .area-content.area-stories-room .category,
  .area-content.area-stories-room .business,
  .area-content.area-covid19-room .category,
  .area-content.area-covid19-room .business{
    display: block;
  }
}
.area-content.area-news-room h3,
.area-content.area-stories-room h3,
.area-content.area-covid19-room h3{
  letter-spacing:0rem;
  white-space: nowrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
      flex: 0 0 120px;
}
.area-content.area-news-room ul,
.area-content.area-stories-room ul,
.area-content.area-covid19-room ul{
  margin-bottom:0;
  flex: 1;
}
.area-content.area-news-room .category li,
.area-content.area-news-room .business li,
.area-content.area-stories-room .category li,
.area-content.area-stories-room .business li,
.area-content.area-covid19-room .category li,
.area-content.area-covid19-room .business li{
  position:relative;
  display: inline-block;
  margin: 0 3px 10px;
  letter-spacing:0rem;
}
.area-content.area-news-room .category li:focus,
.area-content.area-news-room .business li:focus,
.area-content.area-stories-room .category li:focus,
.area-content.area-stories-room .business li:focus,
.area-content.area-covid19-room .category li:focus,
.area-content.area-covid19-room .business li:focus{
  outline: -webkit-focus-ring-color auto 5px;
}
.area-content.area-news-room button,
.area-content.area-stories-room button,
.area-content.area-covid19-room button{
  background: #fff;
  color: #222;
  padding: 2px 10px;
  border: 1px solid #ccc;
  border-radius: 2px;
}
.area-content.area-news-room li:hover button,
.area-content.area-stories-room li:hover button,
.area-content.area-covid19-room li:hover button{
  border: 1px solid #0b308e;
  color: #0b308e;
  background:#f2f2f2;
}
.area-content.area-news-room .category li.current-item button,
.area-content.area-news-room .business li.current-item button,
.area-content.area-stories-room .category li.current-item button,
.area-content.area-stories-room .business li.current-item button,
.area-content.area-covid19-room .category li.current-item button,
.area-content.area-covid19-room .business li.current-item button{
  background: #e9b226;
}
.area-news-room-inner{
  margin-top: 1.4375em;
  padding: 1.4375em;
  background-color: rgba(255,255,255,0.8);
}
.nav-news-room p{
  font-weight:bold;
}
.nav-news-room .category-name{
  margin-bottom: 10px !important;
  border-left:5px solid #0b308e;
  padding-left:8px;
  font-weight:bold;
}
.nav-news-room .category,
.nav-news-room .business{
  padding-bottom:0.5em;
  border-bottom:1px solid #ccc;
}
.area-content.area-stories-room .nav-news-room .category,
.area-content.area-stories-room .nav-news-room .business {
  border: none;
  padding: 0 8px;
}
#main .area-content.area-covid19-room .area-news-room-inner .nav-news-room .category{
  border-bottom: 0;
  padding-bottom: 2.5em;
}
.business{
  margin-top: 1em;
}
.nav-index-01.nav-index-news{
  margin-top: 0.5em;
}
#main .area-content.area-covid19-room .area-news-room-inner .nav-news-room .nav-index-01.nav-index-news{
  margin-left: -10px;
  margin-right: -10px;
}
.nav-index-01.nav-index-news>li>a.link > .text > .mark{
  font-size: 82%;
  font-weight:normal;
  color: #4c4c4c;
}
.nav-index-01.nav-index-news > li{
  margin-bottom:0;
}
.nav-index-01.nav-index-news>li>a.link > .text > .mark::before{
  display:none;
}
.nav-index-01.nav-index-news>li>a.link > .text > .mark::after{
  content: ', ';
}
.nav-index-01.nav-index-news>li>a.link > .text > .mark:last-child::after{
  content: '';
}

/*TOP PAGE Only css*/
@media only screen and (max-width: 420px){
  .page-top .nav-index-01 li{
    margin-bottom: 2em;
  }
  .page-top .nav-index-01>li>.link>.text{
    padding-bottom: 0.4em;
  }
}

/* =====================================
submenu-new
------------------------------------- */
#nav-global #submenu-new .list-link>dd a:before{
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-global #submenu-new .list-link>dd{
  width: 100%;
  margin-top: .9375em;
  padding: 0 15px;
}

#nav-global #submenu-new .list-link > dd a{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

#nav-global #submenu-new .list-link>dd a:before{
  content: "";
  position: absolute;
  top: .525em;
  left: 1px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

#nav-global #submenu-new .list-link>dd a+span{
  margin-top: .25em;
}

#nav-global #submenu-new .list-link>dd span{
  display: block;
  line-height: 1.6;
  padding-left: 20px;
  color: #ccc;
  font-size: 1.4rem;
}

#nav-global #submenu-new .list-link.col2>dd{
  width: 50%;
}

#nav-global #submenu-new .list-link.col3>dd{
  width: calc(100% / 3);
}

#nav-global #submenu-new .list-link.col4>dd{
  width: 25%;
}

@media only screen and (max-width: 959px){
.csstransitions #nav-global #submenu-new .list-link>dd a:before{
  top: calc(50% - 4px);
  left: inherit;
  right: 1em;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}

.csstransitions #nav-global #submenu-new .list-link > dd{
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.csstransitions #nav-global #submenu-new .list-link > dd a{
  font-size: 1.4rem;
  font-weight: 500;
  width: 100%;
  padding: 1.5em 3em 1.5em 2.5em;
  border-bottom: #e5e5e5 solid 1px;
}

.csstransitions #nav-global #submenu-new .list-link>dd a{
  background-color: #fff;
  color: #000;
  text-decoration: none;
}
}

/* philosophy */
.area-content.area-philosophy .core-values-txt-01{
  color: #08107b;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 0;
  font-size: 3rem;
  margin-bottom: .5em;
}
.area-content.area-philosophy .core-values-txt-02{
  color: #08107b;
  font-weight: 600;
  font-size: 4rem;
  margin-bottom: .5em;
  line-height: 1.4;
}

@media only screen and (max-width: 768px){
  .area-content.area-philosophy .core-values-txt-01,
  .area-content.area-philosophy .core-values-txt-02{
    font-size: 2rem;
  }
}

/* =====================================
PDF SLIDESHOW
------------------------------------- */
#pdf-slideshow{
  max-width: 1110px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
  /*border: solid 1px #ccc;*/
  min-height: 250px;
}
#pdf-slideshow *{
  box-sizing: border-box;
}
#pdf-slideshow .canvas-wrapper{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #ccc;
}
#pdf-slideshow canvas{
  max-width: 100%;
  width: 100% !important;
  height: auto;
}

/*loading*/
#pdf-slideshow .lds-dual-ring{
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#pdf-slideshow .lds-dual-ring:after{
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #CCC;
  border-color: #CCC transparent #CCC transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring{
  0%{
      transform: rotate(0deg);
  }
  100%{
      transform: rotate(360deg);
  }
}
#pdf-slideshow .loaded .lds-dual-ring{
  display: none;
}

/*controller*/
#pdf-slideshow .controller-wrapper{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
#pdf-slideshow .controller-wrapper button{
  padding-block: 0;
  border: none;
  background: transparent;
  appearance: none;
  display: inline-block;
  cursor: pointer;
  width: 50%;
  height: 100%;
}
#pdf-slideshow .controller-wrapper button.prev span{
  float: left;
}
#pdf-slideshow .controller-wrapper button.next span{
  float: right;
}
#pdf-slideshow .controller-wrapper button:hover{
  opacity: 0.7;
}
#pdf-slideshow .controller-wrapper button span,
#pdf-slideshow .controller-wrapper button img{
  width: 32px;
  height: 32px;
  display: block;
}
#pdf-slideshow .controller-wrapper button.prev span{
  background-image: url(/shared/images/pdf_slideshow/chevron-L-white.svg);
  background-position: center;
  background-size: contain;
}
#pdf-slideshow .controller-wrapper button.next span{
  background-image: url(/shared/images/pdf_slideshow/chevron-R-white.svg);
  background-position: center;
  background-size: contain;
}

#pdf-slideshow #fullscreen{
  padding-block: 0;
  border: none;
  background: transparent;
  appearance: none;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  z-index: 4;
  top: 5px;
  right: 35px;
}
#pdf-slideshow #fullscreen img,
#pdf-slideshow #fullscreen span{
  width: 32px;
  height: 32px;
  display: block;
}

/*progress bar*/
#pdf-slideshow .progress-wrapper{
  width: 100%;
  margin: 0 auto;
}
#pdf-slideshow #progress_status{
  background-color: #dadada;
  width: 100%;
  height: 10px;
}
#pdf-slideshow #myprogressBar{
  background-color: #0a1076;
  height: 100%;
  width: 0%;
  transition: width 2s;
}

/*fullscreen css*/

#pdf-slideshow.fullscreen .controller-wrapper button img{
  display: none;
}

/*Responsive*/
@media only screen and (max-width: 640px){
  #pdf-slideshow{
      min-height: 160px;
  }
  #pdf-slideshow #fullscreen span,
  #pdf-slideshow .controller-wrapper button span{
      display: flex;
      align-items: center;
      justify-content: center;
  }
  #pdf-slideshow #fullscreen img,
  #pdf-slideshow .controller-wrapper button img{
      width: 20px;
      height: 20px;
  }
}