@charset "utf-8";

.l-header .in-header,
.l-nav-global .in-nav-global,
.p-nav-global-mega .in-nav-global-mega,
.l-breadcrumb,
.l-main-visual .in-main-visual,
.l-main-title .in-main-title,
.l-container .in-container,
.l-bottom .in-bottom,
.l-footer .in-footer {
  width: 1080px;
}
.l-header {
  height: 95px;
}
.l-header .l-logo {
  width: 300px;
  padding-top: 15px;
}
.l-header .l-utility {
  width: calc(100% - 300px);
}
.l-header .p-utility-01 {
  margin-bottom: 5px;
}
.l-header .p-utility-02 a.button-ut.type-narrow {
  font-size: 1.3rem;
  padding: 5px 15px;
  padding-left: 45px;
}
.l-header .p-utility-02 a.button-ut.type-icon:before {
  left: 15px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.l-nav-global {
  background: #fff;
  border-top: solid 1px #e5e9ee;
  border-bottom: solid 1px #e5e9ee;
}
.l-nav-global .in-nav-global > ul > li {
  width: calc(100% / 7);
  width: auto;
}
.l-nav-global .in-nav-global > ul > li > a {
  width: 100%;
  padding-left: 37px;
  padding-right: 37px;
  padding-bottom: 5px;
  border-top: solid 3px #fff;
}
.l-nav-global .in-nav-global > ul > li > a:hover {
  background: transparent;
  color: #222;
  border-top: solid 3px #0068b7;
}

body.layout-right-nav .l-main {
  width: 750px;
  margin-right: 30px;
}
body.layout-right-nav .l-sub {
  width: 300px;
}


.l-main-visual .in-main-visual {
  height: 360px;
}


@media only screen and (max-width: 834px) {
  .l-header .in-header,
  .l-breadcrumb,
  .l-main-visual .in-main-visual,
  .l-main-title .in-main-title,
  .l-container .in-container,
  .l-bottom .in-bottom,
  .l-footer .in-footer {
    width: 100%;
  }
  .l-header.model-standard .l-utility {
    display: none;
  }
  .l-main-visual .in-main-visual {
    height: auto;
  }
} /* 0 - 834px */


/* .l-main-title
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.l-main-title {
  border-bottom: solid 3px #999;
}