@charset "UTF-8";
/*
 Theme Name:   那須鋼板テーマ
 Theme URI:    http://www.techport.co.jp/
 Description:  テクノポートテーマの子テーマ（那須鋼板）
 Author:       テクノポート株式会社
 Author URI:   http://www.techport.co.jp/
 Template:     tp-basic
 Version:      0.9.1
*/
/***************** FONT *****************/
/***************** COMMON *****************/
.sp {
  display: none; }
  @media only screen and (max-width: 991px) {
    .sp {
      display: block; } }

/***************** HEADER *****************/
.header__logo-inner {
  width: 100%;
  max-width: none;
  align-items: center; }

.header__logo-image, .header__logo-text {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-left: 1%; }

.header__pc {
  padding: 0; }
  .header__pc #nav__global {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .header__pc .nav__global .menu {
    text-align: left;
    padding: 0;
    margin-left: 2em; }
    .header__pc .nav__global .menu > li > a {
      padding: 0 30px 0 0; }
  .header__pc .btn_contact {
    background: #111;
    color: #fff;
    width: 84px;
    height: 84px;
    display: block;
    font-weight: bold;
    font-size: 11px;
    text-align: center; }
    .header__pc .btn_contact:hover {
      background: #006ab7; }
    .header__pc .btn_contact img {
      margin-top: 6px; }

.header__info {
  padding: 0; }

.header__info-addr {
  font-size: 13px; }

.header__info-call {
  font-size: 26px;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: -0.06em; }

@media only screen and (max-width: 991px) {
  .header__logo h1 {
    padding: 0px 68px 0 8px; } }
.header__logo h1 a {
  height: 60px; }
  @media only screen and (max-width: 991px) {
    .header__logo h1 a img {
      width: 200px; } }

@media only screen and (max-width: 991px) {
  .nav__global .menu {
    top: 60px; } }
.nav__global .menu li {
  line-height: 30px; }
  .nav__global .menu li.sp {
    display: none; }
    @media only screen and (max-width: 991px) {
      .nav__global .menu li.sp {
        display: block; } }

/***************** signage *****************/
.signage {
  height: 626px;
  width: 100%;
  background: url("img/bg_hero.jpg") center center no-repeat;
  background-size: cover; }

.signage__caption {
  top: 84px;
  transform: translate(-50%, 0);
  height: 626px; }

.signage__caption-box {
  position: absolute;
  background: none;
  text-shadow: none;
  padding: 0;
  left: calc(50% - (837px / 2));
  top: calc(50% - (136px / 2));
  width: 837px;
  height: 157px; }

@media only screen and (max-width: 991px) {
  .signage {
    height: 100vw; }

  .signage__caption {
    height: 100vw;
    top: 60px; }

  .signage__caption-box {
    width: 88.88%;
    height: auto;
    left: 5.56%;
    top: calc(50% - (74px / 2)); } }
.home .content-block {
  padding-top: 0; }

.archive .content-wrap, .single .content-wrap {
  margin-top: 48px; }

@media only screen and (max-width: 991px) {
  .content-item {
    margin-bottom: 20px; } }

.content-business {
  background: url("img/bg_business.png") center bottom no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative; }
  .content-business:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 130px;
    background: #fff;
    bottom: 0;
    left: 0; }
  .content-business .headline {
    margin-top: 100px; }
    @media only screen and (max-width: 991px) {
      .content-business .headline {
        margin-top: 40px; } }
  .content-business .index_content02__inner {
    z-index: 10; }
  .content-business .article02__item {
    background: #fff;
    border: 1px solid #a7a7a7;
    padding: 24px 18px 24px; }
    .content-business .article02__item .article02__img {
      height: 200px; }
  .content-business .article02__content {
    parring-top: 24px; }
  .content-business .tp-btn {
    background: #3063a9;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    border-color: #3063a9;
    width: 82%;
    position: relative; }
    @media only screen and (max-width: 991px) {
      .content-business .tp-btn {
        min-width: auto; } }
    @media only screen and (max-device-width: 320px) {
      .content-business .tp-btn {
        min-width: 200px; } }
    .content-business .tp-btn:after {
      content: "";
      background: url("img/arrow01.png") no-repeat;
      width: 18px;
      height: 10px;
      position: absolute;
      right: 10px;
      top: calc(50% - 7px); }
    .content-business .tp-btn:hover {
      color: #3063a9; }

.content-outline {
  background: #fff !important; }
  .content-outline .article03__content {
    width: 47%; }
    @media only screen and (max-width: 991px) {
      .content-outline .article03__content {
        width: 100%; } }
  .content-outline .article03__img {
    width: 53%; }
    @media only screen and (max-width: 991px) {
      .content-outline .article03__img {
        width: 100%;
        min-height: 200px; } }
  .content-outline .article03__item {
    margin-bottom: 80px;
    min-height: 480px; }
    @media only screen and (max-width: 991px) {
      .content-outline .article03__item {
        margin-bottom: 0; } }
  .content-outline .article03__desc {
    font-size: 15px; }
    .content-outline .article03__desc + h5 {
      font-size: 15px;
      margin-bottom: 1em; }
      .content-outline .article03__desc + h5 + ol li {
        margin-bottom: 4px; }
        .content-outline .article03__desc + h5 + ol li .decimal {
          background: #3063a9;
          color: #fff;
          text-align: center;
          width: 22px;
          height: 22px;
          display: inline-block;
          font-size: 14px;
          font-weight: bold;
          line-height: 22px;
          margin-right: 10px; }
  .content-outline .content03-1 .article03__content {
    order: 2; }
  .content-outline .content03-2 .article03__content {
    order: 1; }
    @media only screen and (max-width: 991px) {
      .content-outline .content03-2 .article03__content {
        order: 2; } }
  .content-outline .content03-2 .article03__img {
    order: 2; }
    @media only screen and (max-width: 991px) {
      .content-outline .content03-2 .article03__img {
        order: 1; } }
  .content-outline .article03__title {
    font-family: 'Work Sans', 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 48px;
    letter-spacing: -0.01em;
    text-align: left;
    line-height: 1em;
    margin: 72px 0 26px; }
    @media only screen and (max-width: 991px) {
      .content-outline .article03__title {
        margin-top: 0;
        font-size: 38px; } }
    .content-outline .article03__title .jp__title {
      display: block;
      color: #0f5cce;
      font-size: 13px;
      background: url(img/list_mark01.png) left center no-repeat;
      line-height: 30px;
      padding-left: 24px; }
  .content-outline .tp-btn {
    line-height: 46px;
    height: 48px;
    width: 265px; }

.index-case {
  background: #3063a9 url("img/bg_case.png") no-repeat;
  background-size: auto calc(100% - 200px); }
  @media only screen and (max-width: 991px) {
    .index-case {
      background-size: 100%; } }
  .index-case:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    background: #fff;
    bottom: 0;
    left: 0; }
  .index-case .content-inner {
    z-index: 10;
    overflow: hidden; }
    .index-case .content-inner .headline {
      margin: 80px 0 50px; }
      @media only screen and (max-width: 991px) {
        .index-case .content-inner .headline {
          margin: 40px 0 28px; } }
  @media only screen and (max-width: 991px) {
    .index-case .case__list {
      margin-bottom: 0; } }
  .index-case .headline__title {
    font-size: 42px;
    line-height: 1.5;
    font-weight: 700;
    color: #fff; }
    @media only screen and (max-width: 991px) {
      .index-case .headline__title {
        font-size: 28px; } }
    .index-case .headline__title .en__title {
      display: block;
      color: #7ecef4;
      font-size: 20px; }
  .index-case .case__item {
    background: #fff;
    border: 1px solid #a7a7a7;
    padding: 24px 18px 24px;
    margin-bottom: 40px; }
    .index-case .case__item .content-box {
      border: none;
      padding-bottom: 0; }
    .index-case .case__item .case__title {
      text-align: center; }
      .index-case .case__item .case__title a {
        color: #111; }
    .index-case .case__item .btn-wrap {
      text-align: center;
      margin-top: 16px; }
      .index-case .case__item .btn-wrap .tp-btn:after {
        display: none; }
  .index-case .article05__btn .tp-btn {
    width: 280px;
    height: 48px;
    line-height: 46px;
    font-size: 16px; }

.index-news {
  padding: 60px 0;
  margin-bottom: 0; }
  .index-news .content-inner {
    width: 690px; }
    @media only screen and (max-width: 991px) {
      .index-news .content-inner {
        width: 88.88%; } }
  .index-news .headline {
    position: relative;
    margin-bottom: 24px; }
    .index-news .headline .tp-btn {
      position: absolute;
      right: 0;
      bottom: 0;
      height: 20px;
      line-height: 18px;
      border-width: 1px;
      min-width: 80px;
      font-size: 12px; }
      .index-news .headline .tp-btn:after {
        display: none; }
  .index-news .headline__title {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700; }
    @media only screen and (max-width: 991px) {
      .index-news .headline__title {
        font-size: 26px; } }
    .index-news .headline__title .en__title {
      display: block;
      color: #0f5cce;
      font-size: 20px; }
  .index-news .article05__list {
    border-style: dashed;
    border-color: #a0a0a0;
    border-width: 0 0 1px;
    margin-bottom: 0; }
    .index-news .article05__list .article05__item {
      border-top: 1px dashed #a0a0a0;
      background: none; }
      .index-news .article05__list .article05__item .article05__link {
        color: #7d7d7d;
        font-weight: bold;
        padding: 20px 10px; }
        @media only screen and (max-width: 991px) {
          .index-news .article05__list .article05__item .article05__link {
            padding: 10px; } }
        .index-news .article05__list .article05__item .article05__link:hover {
          background: #fff; }
      .index-news .article05__list .article05__item .article05__date {
        width: 100px; }
        @media only screen and (max-width: 991px) {
          .index-news .article05__list .article05__item .article05__date {
            margin-bottom: 0.4em; } }
      .index-news .article05__list .article05__item .article05__title {
        color: #111;
        font-weight: normal; }

.content__headline {
  font-size: 42px; }
  @media only screen and (max-width: 991px) {
    .content__headline {
      font-size: 28px; } }

.content__headline .en__title {
  display: block;
  color: #0f5cce;
  font-size: 20px; }

.tp-btn {
  background: #3063a9;
  height: 40px;
  line-height: 38px;
  border-radius: 40px;
  border-color: #3063a9;
  position: relative;
  font-weight: bold; }
  @media only screen and (max-width: 991px) {
    .tp-btn {
      min-width: auto; } }
  .tp-btn:after {
    content: "";
    background: url("img/arrow01.png") no-repeat;
    width: 18px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: calc(50% - 7px); }
  .tp-btn:hover {
    color: #3063a9; }

/***************** footer *****************/
.footer {
  background: #333;
  border-top: none;
  color: #fff;
  position: relative; }
  .footer a {
    color: #fff; }
  .footer .footer__info {
    width: auto;
    position: relative;
    padding-top: 40px; }
    @media only screen and (max-width: 991px) {
      .footer .footer__info {
        padding: 25px 0 40px;
        margin-left: auto;
        margin-right: auto; } }
  .footer .footer__info-address {
    margin-bottom: 0; }
  .footer .footer__info-call {
    font-size: 18px;
    font-weight: bold;
    color: #fff !important;
    line-height: 1; }
    @media only screen and (max-width: 991px) {
      .footer .footer__info-call {
        font-size: 15px;
        margin: 0 0 30px; } }
  .footer .footer__menu {
    position: absolute;
    width: calc(88.88vw - 240px);
    top: 0;
    left: 0; }
    @media only screen and (max-width: 991px) {
      .footer .footer__menu {
        display: none; } }
    .footer .footer__menu ul.menu {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .footer .footer__menu ul.menu li {
        margin-right: 3em; }
    .footer .footer__menu .sub-menu {
      display: none; }

.home .footer {
  margin-top: 0; }

@media only screen and (max-width: 991px) {
  .footer__logo-pc {
    display: inline; } }

.footer__widget {
  position: relative;
  padding: 20px 0 15px; }
  @media only screen and (max-width: 991px) {
    .footer__widget {
      padding: 0; } }

.copyright {
  background: #000; }
  @media only screen and (max-width: 991px) {
    .copyright {
      line-height: 16px;
      padding: 10px;
      height: 52px; } }

.footer__info-btn {
  position: absolute;
  right: 150px;
  width: 150px;
  height: 100%;
  top: 0;
  margin: 0; }
  @media only screen and (max-width: 991px) {
    .footer__info-btn {
      display: none; } }
  .footer__info-btn a {
    display: block;
    min-width: auto;
    width: 150px;
    height: 100%;
    background: #3063a9;
    text-align: center;
    font-weight: bold;
    overflow: hidden; }
    .footer__info-btn a:hover {
      background: #999;
      color: #fff; }
    .footer__info-btn a span {
      display: block; }
    .footer__info-btn a .n__en {
      margin: 55px 0 4px;
      line-height: 1; }
    .footer__info-btn a .n__jp {
      font-size: 14px;
      line-height: 1;
      margin-top: 14px; }

#return_top {
  position: absolute;
  right: 0;
  top: 0;
  transform: none;
  width: 150px;
  height: 100%; }
  @media only screen and (max-width: 991px) {
    #return_top {
      width: 100%;
      height: 44px;
      top: auto;
      bottom: 52px; } }
  #return_top a {
    width: 100%;
    height: 100%;
    background: #bfbfbf;
    opacity: 1;
    color: #111;
    text-align: center;
    font-weight: bold;
    overflow: hidden; }
    #return_top a:hover {
      background: #999; }
    #return_top a:before {
      display: none; }
    #return_top a span {
      text-indent: 0;
      display: block; }
    #return_top a .n__en {
      margin: 55px 0 12px;
      line-height: 1;
      font-size: 16px; }
      @media only screen and (max-width: 991px) {
        #return_top a .n__en {
          display: none; } }
    @media only screen and (max-width: 991px) {
      #return_top a img {
        display: none; } }
    #return_top a .n__jp {
      font-size: 14px;
      line-height: 1;
      margin-top: 26px; }
      @media only screen and (max-width: 991px) {
        #return_top a .n__jp {
          margin: 0;
          line-height: 44px; } }

/*# sourceMappingURL=style.css.map */