.m-slideNav_item {
  background-color: #004cad;
  height: 60px; }



.m-slideNav_Category {
  color: #fff; }

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  transition: all .4s; }

.menu-trigger {
  display: block;
  margin: 10px 0 0 10px; }

.menu-trigger {
  position: relative;
  width: 23px;
  height: 20px;
  margin-top: 17px; }

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff; }

.menu-trigger span:nth-of-type(1) {
  top: 0; }

.menu-trigger span:nth-of-type(2) {
  top: 9px; }

.menu-trigger span:nth-of-type(3) {
  bottom: 0; }

.is-globalNavOpen .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(-45deg);
  -ms-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg); }

.is-globalNavOpen .menu-trigger span:nth-of-type(2) {
  left: 50%;
  -webkit-animation: active-menu-bar02 .8s forwards;
  animation: active-menu-bar02 .8s forwards;
  opacity: 0; }

.is-globalNavOpen .menu-trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-11px) rotate(45deg);
  -ms-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg); }

.m-nav_list,
.m-subNav_list, .m-footerContents_nav, .m-lnav_title,
.m-officialAccount_label, .m-officialAccount_list,
.m-footerContents_copy, .m-lnav_title, .m-lnav_list, .m-lnav-subList,
.m-lnav-subList2 {
  padding: 0;
  margin: 0; }

.m-lnav li {
  list-style: none;
  font-size: 1.3rem; }

.m-globalNav_logo {
  background-color: #004cad; }
  .m-globalNav_logo a {
    display: block;
    text-align: center; }
    .m-globalNav_logo a img {
      width: 58px;
      height: auto; }

.m-contentsContainer {
  overflow: hidden;
  position: relative;
  /* margin-top: -28px; */
}

.sustainabilityTop .m-contentsContainer {
  /* margin-top: -28px; */
}

.m-nav_categoryMenu {
  display: none; }

.m-has-globalNav {
  margin: 0; }

.m-contentsWrap {
  position: relative;
  overflow: hidden; }

.m-globalNav {
  position: relative;
  z-index: 20; }
  .m-globalNav a {
    text-decoration: none; }
  .m-globalNav li {
    list-style: none; }

.m-header {
  background-color: #004cad; }

.m-slideNav {
  display: none; }
  .m-slideNav a {
    text-decoration: none; }

.m-nav_Category {
  color: #fff; }

.m-nav_CategoryMenu {
  display: none; }

.m-nav_mega {
  display: none; }

.m-contents {
  background-color: #fff; }

.m-nav_item {
  display: table;
  width: 100%;
  height: 55px; }

.m-nav_Category {
  display: table-cell;
  vertical-align: middle;
  transition: 0.1s background-color linear; }

.m-subNav_list {
  text-align: center;
  font-size: 1.2rem; }
  .m-subNav_list .m-subNav_item {
    display: inline-block;
    padding: 0 10px; }

.m-switchLang {
  overflow: hidden; }

.m-switchLang_btn {
  float: left; }

.m-nav_categoryIcon {
  display: none; }

.m-slideNavOpen {
  display: none; }

.m-searchbox {
  text-align: center; }
  .m-searchbox a {
    display: block;
    padding: 10px 0;
    transition: 0.1s background-color linear; }
    .m-searchbox a:hover {
      background-color: #003c96; }
  .m-searchbox img {
    width: 20px;
    vertical-align: middle; }

.m-lnav_item.is-active .m-lnav_itemInnerTxt {
  background-color: #e9eef4;
  color: #004cad;
  font-weight: bold; }

.m-lnav_itemInnerTxt {
  transition: 0.1s background-color linear;
  line-height: 1.5;
  cursor: pointer; }

a.m-lnav_itemInnerTxt:hover {
  background-color: #e9eef4;
  -webkit-tap-highlight-color: transparent; }

.m-lnav-subListOpen {
  background: url(../img/ico-plus-blue.png) center center no-repeat;
  background-size: 11px 11px;
  padding-left: 0; }
  .m-lnav-subListOpen.is-accordion-open {
    background-image: url(../img/ico-minus-blue.png);
    background-size: 11px auto; }

.m-lnav-subListOpen + .m-lnav_itemInnerTxt {
  padding-right: 50px; }

.m-lnav-subList {
  border-bottom: 1px solid #f2f2f2;
  background-color: #e9eef4; }

.m-lnav_subItem.is-active .m-lnav_subItemInnerTxt {
  font-weight: bold;
  color: #004cad;
  text-decoration: underline; }

/*search*/
body.is-search {
  overflow: hidden; }

.search-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  background-color: #000;
  opacity: 0.8;
  z-index: 9; }

.search-container .search-template {
  height: 50px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%; }

.mf_finder_searchBox_doctype, .mf_finder_searchBox_misc {
  display: none; }

.search-container .mf_finder_searchBox_submit:before {
  content: "";
  background-image: url(../img/search/ico_search_white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  background-size: contain;
  display: block;
  position: relative;
  top: 10px; }

.search-container .mf_finder_searchBox_submit {
  background: none; }

.search-container .search-template input[type=image] {
  position: absolute;
  right: 0;
  top: 0; }

.search-inner {
  width: 80%;
  max-width: 800px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 11; }

.m-searchClose {
  position: absolute;
  top: 100px;
  right: 0; }

.search-container input[type=text] {
  outline: none;
  border: none;
  border-bottom: 1px solid #444;
  display: block;
  font-size: 24px;
  margin: 0;
  padding: 4px 38px 4px 0;
  width: 100%;
  background: 0 0;
  text-align: left;
  color: inherit;
  padding-left: 6px;
  box-sizing: border-box;
  font-family: 'Noto Sans', sans-serif;
  -webkit-appearance: none;
  border-radius: 0;
  color: #fff;
  font-size: 15px;
  transition: 0.1s border linear; }

.search-container input[type=text]:focus {
  border-bottom: 1px solid #FFF; }

.search-container {
  opacity: 0;
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 21;
  box-sizing: border-box; }

.m-searchClose {
  top: 160px; }

.m-pagetop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid;
  z-index: 3;
  text-align: center;
  background-color: rgba(255,255,255,0.85);
  line-height: 45px; }
  .m-pagetop img {
    width: 15px;
    height: auto;
    vertical-align: middle; }

.is-bottom.m-pagetop {
  position: absolute;
  right: 10px; }

.is-bottom.m-pagetop {
  top: 3px; }

.m-pagetop {
  display: none; }

.m-pagetop.is-show {
  display: block; }

.m-lnav_title {
  position: relative; }

.m-footer {
  position: relative;
  background-color: #fff;
  z-index: 19; }

.m-officialAccount {
  background-color: #fff;
  border-top: 1px solid #f2f2f2; }

.m-footerContents {
  color: #fff;
  background-color: #004cad; }

.m-officialAccount_list-item {
  display: inline-block;
  vertical-align: middle; }

.m-footerContents_logo img {
  width: 40px; }

.m-footerContants_navItem {
  display: inline-block;
  border-left: 1px solid #fff;
  padding: 0 6px 0 8px;
  line-height: 1;
  font-size: 1rem; }
  .m-footerContants_navItem:first-child {
    border-left: none; }
  .m-footerContants_navItem a {
    text-decoration: none; }

.m-officialAccount_label {
  font-size: 1.6rem;
  font-weight: bold; }

.m-officialAccount_list-item img {
  width: 28px; }

.m-officialAccount_list-item-twitter img {
    width: 24px;
    margin-top: 3px;}


.m-officialAccount_list-item-youtube img {
  width: 36px;
  margin-top: 2px; }

@media screen and (min-width: 768px), print {
  .m-officialAccount_label {
    position: absolute;
    left: 25px;
    top: 13px; }
  .m-officialAccount_list-item {
    padding: 10px 12px; }
  .m-officialAccount_list {
    position: absolute;
    top: 7px;
    left: 183px; }
  .m-officialAccount {
    height: 60px;
    position: relative; }
  .m-footerContents {
    height: 60px;
    position: relative; }
  .m-footerContents_logo {
    position: absolute;
    left: 30px;
    top: 17px; }
  .m-footerContents_nav {
    position: absolute;
    right: 117px;
    top: 16px; }
  .m-footerContents_copy {
    position: absolute;
    right: 40px;
    top: 15px; } }