@charset "UTF-8";
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  .nav-item .dropdown-menu {
    display: none; }

  .nav-item:hover .dropdown-menu {
    display: block;
    position: absolute; }

  .nav-item .dropdown-menu {
    margin-top: 0; } }
/* ============ desktop view .end// ============ */
@font-face {
  font-family: YuGothicMedium;
  src: local("Yu Gothic Medium"); }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }
html[lang=ja] {
  line-height: 1.15; }

[lang=ja] body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","游ゴシック Medium","Yu Gothic",YuGothic,YuGothicMedium,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  line-height: 1.7; }

@media all and (-ms-high-contrast: none) {
  [lang=ja] body {
    font-family: Verdana, Meiryo, sans-serif; } }
@media all and (-ms-high-contrast: active) {
  [lang=ja] body {
    font-family: Verdana, Meiryo, sans-serif; } }
[lang=ja] h1, [lang=ja] h2, [lang=ja] h3, [lang=ja] h4, [lang=ja] h5, [lang=ja] h6, [lang=ja] .h1, [lang=ja] .h2, [lang=ja] .h3, [lang=ja] .h4, [lang=ja] .h5, [lang=ja] .h6 {
  margin-bottom: .625rem;
  font-family: inherit;
  font-weight: bold;
  line-height: 1.4; }

[lang=ja] h1, [lang=ja] .h1 {
  font-size: 2.375rem; }

[lang=ja] h2, [lang=ja] .h2 {
  font-size: 1.875rem; }

[lang=ja] h3, [lang=ja] .h3 {
  font-size: 1.625rem; }

[lang=ja] h4, [lang=ja] .h4 {
  font-size: 1.375rem; }

[lang=ja] h5, [lang=ja] .h5 {
  font-size: 1.125rem; }

[lang=ja] h6, [lang=ja] .h6 {
  font-size: .875rem; }

.lead {
  font-size: 1.125rem; }

[lang=ja] .display-1 {
  font-size: 5.75rem;
  font-weight: 500;
  line-height: 1.2; }

[lang=ja] .display-2 {
  font-size: 5.25rem;
  font-weight: 500;
  line-height: 1.2; }

[lang=ja] .display-3 {
  font-size: 4.25rem;
  font-weight: 500;
  line-height: 1.2; }

[lang=ja] .display-4 {
  font-size: 3.25rem;
  font-weight: 500;
  line-height: 1.2; }

.blockquote {
  font-size: 1.25rem; }

[lang=ja] .btn-lg {
  font-size: 1.125rem; }

a:hover img.scaletf {
  filter: brightness(120%);
  transform: scale(1.025);
  transition: all 0.3s ease-out; }

body {
  /* btn_triangle_arrow */
  /* btn_triangle_arrow */
  /* 共通header */
  /* 共通headerここまで */
  /* パンくずリストここから */
  /* パンくずリストここまで */
  /* 共通footer */
  /* 共通footerここまで */
  /* トップほか共通ここから */
  /* 横長バナー共通 */
  /* 子ページ_.sub_page_ここから */
  /* 子ページ_.sub_page_ここまで */ }
  body main {
    min-height: 40vh;
    padding-top: 2rem; }
  body #LightboxCanvas {
    width: 100%; }
  body .bg-secondary {
    background-color: #F7F1E5 !important; }
  body .btn-secondary {
    font-weight: bold;
    background-color: #EEF4F9;
    border-color: #EEF4F9; }
    body .btn-secondary:hover {
      background-color: #D59812;
      border-color: #EEB73E; }
  body .bg-light {
    background-color: #EEF4F9 !important; }
  body .jumbotron {
    padding: 3.5rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0; }
    @media screen and (min-width: 768px) {
      body .jumbotron {
        padding: 2.5rem 1rem; } }
    body .jumbotron h2 {
      position: relative;
      top: -4rem;
      margin-bottom: -3rem;
      left: -1rem;
      font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
      font-weight: bold;
      letter-spacing: 0.25rem;
      color: #FBCE32;
      font-size: 1.5rem; }
      @media screen and (min-width: 768px) {
        body .jumbotron h2 {
          font-size: 2.5rem; } }
      body .jumbotron h2 span {
        color: #FBCE32;
        padding: 1rem 2rem 1rem 50%;
        border-bottom: 3px solid #FBCE32;
        margin: 0 0 0 -50%;
        border-bottom: 3px solid #FBCE32; }
    body .jumbotron h3.page_paragraph_headding {
      border-top: none;
      padding: 1.625rem 0 0 0; }
    body .jumbotron h4.page_chapter_headding {
      font-size: 2.5rem;
      color: #112857; }
    body .jumbotron .name {
      font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
      font-size: 1.3rem; }
      body .jumbotron .name span {
        font-size: 1rem;
        margin-right: 0.5rem; }
    body .jumbotron.bg-yellow {
      background-color: #FCF4D3; }
    body .jumbotron.bg-dark {
      padding: 6.5rem 1rem 3.5rem 1rem;
      background-color: #112857 !important;
      color: white; }
      body .jumbotron.bg-dark h4.page_chapter_headding {
        color: white; }
  body .jumbotron-fluid {
    padding-right: 0;
    padding-left: 0; }
  body .btn_triangle_arrow {
    margin-top: 3rem;
    width: 100% !important;
    font-weight: bold;
    line-height: 1;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #F9DF4D;
    border-radius: 0.5rem;
    overflow: hidden;
    padding: 1rem 0.5rem;
    color: #fff;
    border-radius: 0;
    background: #F9DF4D;
    border: 1px solid #F9DF4D; }
    body .btn_triangle_arrow span {
      width: 100%;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      text-decoration: none;
      text-align: left;
      padding-left: 1rem; }
      body .btn_triangle_arrow span::before, body .btn_triangle_arrow span::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        content: "";
        vertical-align: middle; }
      body .btn_triangle_arrow span::before {
        right: 0.5rem;
        width: 1rem;
        height: 2px;
        background: #112857; }
      body .btn_triangle_arrow span::after {
        right: 0.6rem;
        width: 0.8rem;
        height: 0.8rem;
        border-top: 2px solid #112857;
        border-right: 2px solid #112857;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
    body .btn_triangle_arrow::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: '';
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      -webkit-transform: translateX(-3.5rem);
      transform: translateX(-3.5rem);
      background: #112857; }
    body .btn_triangle_arrow:hover {
      color: #112857; }
      body .btn_triangle_arrow:hover:before {
        -webkit-transform: translateX(-98%);
        transform: translateX(-98%); }
    body .btn_triangle_arrow.current {
      color: #112857; }
      body .btn_triangle_arrow.current span::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
      body .btn_triangle_arrow.current span::after {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg); }
      body .btn_triangle_arrow.current::before {
        -webkit-transform: translateX(-98%);
        transform: translateX(-98%);
        background: #112857; }
  body header {
    border-bottom: 8px solid #FFD74B;
    width: 100%;
    background: #112857;
    color: white;
    box-shadow: 0 0 8px rgba(25, 55, 125, 0.7);
    position: relative;
    z-index: 9;
    /* header_navigation */ }
    body header.top_fixed {
      position: fixed;
      top: 0; }
    body header .header_navigation {
      width: 95%;
      padding: 0;
      margin: 0 auto;
      /* navbar */ }
      @media screen and (min-width: 768px) {
        body header .header_navigation {
          max-width: 1200px; } }
      body header .header_navigation .navbar {
        padding: 0.5rem 0;
        /* navbarトグルアニメーション */
        /* 3本のバーそれぞれの座標を設定 */
        /* メニューが開いている時の　3本のバーそれぞれの座標および角度を設定 */ }
        @media screen and (min-width: 768px) {
          body header .header_navigation .navbar {
            height: 100px; } }
        body header .header_navigation .navbar .logo_wrap {
          width: 60%; }
          @media screen and (min-width: 768px) {
            body header .header_navigation .navbar .logo_wrap {
              width: 45%;
              margin: 0 1rem 0 0; } }
          @media screen and (min-width: 992px) {
            body header .header_navigation .navbar .logo_wrap {
              width: 25%; } }
          body header .header_navigation .navbar .logo_wrap .logo {
            width: 100%; }
            body header .header_navigation .navbar .logo_wrap .logo img {
              width: 100%; }
        body header .header_navigation .navbar #navbarSupportedContent {
          font-size: 1.2rem;
          padding-right: 0;
          align-items: center;
          text-align: right; }
          @media screen and (min-width: 768px) {
            body header .header_navigation .navbar #navbarSupportedContent {
              font-size: 0.9rem;
              letter-spacing: 0.2rem; } }
          body header .header_navigation .navbar #navbarSupportedContent .navbar-nav {
            margin-left: auto; }
            @media screen and (min-width: 768px) {
              body header .header_navigation .navbar #navbarSupportedContent .navbar-nav {
                display: block; } }
            body header .header_navigation .navbar #navbarSupportedContent .navbar-nav .nav-item {
              display: inline-block;
              white-space: nowrap;
              text-align: center; }
              body header .header_navigation .navbar #navbarSupportedContent .navbar-nav .nav-item .nav-link {
                text-decoration: none;
                color: white;
                padding: 1rem  0; }
                @media screen and (min-width: 768px) {
                  body header .header_navigation .navbar #navbarSupportedContent .navbar-nav .nav-item .nav-link {
                    padding: 0.5rem 1rem 0.5rem 0; } }
                body header .header_navigation .navbar #navbarSupportedContent .navbar-nav .nav-item .nav-link.current, body header .header_navigation .navbar #navbarSupportedContent .navbar-nav .nav-item .nav-link:hover {
                  text-decoration: none;
                  background: linear-gradient(transparent 95%, white 90%); }
                @media screen and (min-width: 768px) {
                  body header .header_navigation .navbar #navbarSupportedContent .navbar-nav .nav-item .nav-link::before {
                    font-weight: normal;
                    margin-right: 1rem;
                    content: " ";
                    padding: 0; } }
              body header .header_navigation .navbar #navbarSupportedContent .navbar-nav .nav-item:last-child {
                padding: 0; }
                body header .header_navigation .navbar #navbarSupportedContent .navbar-nav .nav-item:last-child .nav-link {
                  padding: 0.5rem 0 0.5rem 0; }
                  @media screen and (min-width: 768px) {
                    body header .header_navigation .navbar #navbarSupportedContent .navbar-nav .nav-item:last-child .nav-link:after {
                      font-weight: normal;
                      display: inline-block;
                      padding: 0;
                      margin-left: 1rem;
                      content: " "; } }
              body header .header_navigation .navbar #navbarSupportedContent .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
                font-size: 0.8rem;
                font-weight: bold;
                color: #112857; }
        body header .header_navigation .navbar .navbar-toggler {
          border: none;
          margin: 0 1rem 0.5rem 0.5rem;
          width: 40px;
          height: 40px;
          box-sizing: border-box;
          position: relative;
          background: noen; }
        body header .header_navigation .navbar .navbar-toggler-icon {
          right: 4px;
          background-image: none;
          background-color: white;
          width: 30px;
          height: 4px;
          display: block;
          position: absolute;
          transition: ease .5s; }
        body header .header_navigation .navbar .navbar-toggler-icon:nth-of-type(1) {
          top: 10px; }
        body header .header_navigation .navbar .navbar-toggler-icon:nth-of-type(2) {
          top: 19px; }
        body header .header_navigation .navbar .navbar-toggler-icon:nth-of-type(3) {
          top: 29px; }
        body header .header_navigation .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
          top: 20px;
          transform: rotate(45deg); }
        body header .header_navigation .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
          opacity: 0; }
        body header .header_navigation .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
          top: 20px;
          transform: rotate(-45deg); }
  body .breadcrumb_wrap {
    height: auto;
    width: 100%;
    background: #112857;
    font-size: 0.8rem;
    display: block; }
    @media screen and (min-width: 768px) {
      body .breadcrumb_wrap {
        height: auto; } }
    body .breadcrumb_wrap .breadcrumb {
      max-width: 1280px;
      margin: 0 auto;
      background: none; }
      body .breadcrumb_wrap .breadcrumb .breadcrumb-item {
        color: white; }
        body .breadcrumb_wrap .breadcrumb .breadcrumb-item a {
          color: white;
          text-decoration: underline; }
        body .breadcrumb_wrap .breadcrumb .breadcrumb-item.active, body .breadcrumb_wrap .breadcrumb .breadcrumb-item:before {
          color: white; }
  body footer {
    margin-top: 2rem;
    background-color: white;
    border-top: 8px solid #112857;
    outline: 8px solid #FFD74B;
    color: #333333; }
    body footer a {
      color: #333333; }
      body footer a:hover {
        color: #333333; }
    body footer .footer_navigation {
      color: #333333;
      font-size: 0.875em;
      padding: 2em 0;
      max-width: 1280px; }
      body footer .footer_navigation div {
        padding: 0;
        width: 90%;
        margin: 0 auto; }
        body footer .footer_navigation div div {
          width: 100%; }
      body footer .footer_navigation h3 {
        font-size: 1.35714em; }
      body footer .footer_navigation .fut_logocontainer {
        padding: 0; }
        body footer .footer_navigation .fut_logocontainer a img {
          width: 100%; }
        body footer .footer_navigation .fut_logocontainer a.logo {
          width: 90%;
          margin-top: 3%; }
          @media screen and (min-width: 576px) {
            body footer .footer_navigation .fut_logocontainer a.logo {
              width: 38%;
              margin-top: 0; } }
        body footer .footer_navigation .fut_logocontainer .address {
          margin: 1rem 0 0 0;
          font-size: 0.67rem;
          text-align: center; }
          @media screen and (min-width: 768px) {
            body footer .footer_navigation .fut_logocontainer .address {
              text-align: left;
              margin-top: 0.25rem;
              font-size: 0.8rem; } }
          body footer .footer_navigation .fut_logocontainer .address span {
            display: block;
            white-space: nowrap; }
            body footer .footer_navigation .fut_logocontainer .address span .fut_accesslink {
              display: inline;
              color: white;
              border: 1px solid white;
              font-size: 0.6em;
              padding: 0.1rem 0.25rem; }
              body footer .footer_navigation .fut_logocontainer .address span .fut_accesslink:hover {
                opacity: 0.8;
                text-decoration: none; }
      body footer .footer_navigation .navbar-nav {
        display: block;
        margin-left: auto; }
        body footer .footer_navigation .navbar-nav .nav-item {
          display: inline-block;
          white-space: nowrap;
          text-align: center; }
          body footer .footer_navigation .navbar-nav .nav-item .nav-link {
            text-decoration: none;
            color: #333;
            padding: 0.5rem 1rem 0.5rem 0; }
            body footer .footer_navigation .navbar-nav .nav-item .nav-link.current, body footer .footer_navigation .navbar-nav .nav-item .nav-link:hover {
              text-decoration: none;
              background: linear-gradient(transparent 98%, #333 98%); }
            body footer .footer_navigation .navbar-nav .nav-item .nav-link::before {
              font-weight: normal;
              margin-right: 1rem;
              content: "|";
              padding: 0; }
          body footer .footer_navigation .navbar-nav .nav-item:last-child {
            padding: 0; }
            body footer .footer_navigation .navbar-nav .nav-item:last-child .nav-link {
              padding: 0.5rem 0 0.5rem 0; }
              body footer .footer_navigation .navbar-nav .nav-item:last-child .nav-link:after {
                font-weight: normal;
                display: inline-block;
                padding: 0;
                margin-left: 1rem;
                content: "|"; }
          body footer .footer_navigation .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
            font-size: 0.8rem;
            font-weight: bold;
            color: #112857; }
    body footer .copyright {
      font-size: 0.8em;
      text-align: center;
      padding: 0.5em 0 0 0; }
  body .category_banner .category_banner_imgwrap a {
    display: flex;
    align-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 3rem;
    overflow: hidden;
    padding: 0;
    background-color: white;
    background-repeat: no-repeat;
    transition: all 0.3s ease-out; }
    @media screen and (min-width: 768px) {
      body .category_banner .category_banner_imgwrap a {
        margin-top: 0;
        height: 12rem; } }
    body .category_banner .category_banner_imgwrap a img {
      width: 100%; }
    body .category_banner .category_banner_imgwrap a:hover {
      filter: brightness(120%);
      transform: scale(1.025); }
    body .category_banner .category_banner_imgwrap a.recruit {
      background-image: url("../images/category_banner_recruit_bg.jpg");
      background-position: center;
      background-color: inherit;
      background-size: cover;
      background-repeat: no-repeat; }
    body .category_banner .category_banner_imgwrap a.sdgs {
      border: 9px solid #0089D2; }
  body .top_department_links > div {
    padding: 0 3%; }
  body .top_department_links .top_department_links_imgwrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 1em; }
    @media screen and (min-width: 992px) {
      body .top_department_links .top_department_links_imgwrap {
        margin-bottom: 0; } }
    body .top_department_links .top_department_links_imgwrap a {
      width: 100%; }
      body .top_department_links .top_department_links_imgwrap a img {
        width: 100%;
        transition: all 0.3s ease-out; }
        body .top_department_links .top_department_links_imgwrap a img:hover {
          transform: scale(1.025); }
  body .links_imgwrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 1em; }
    @media screen and (min-width: 992px) {
      body .links_imgwrap {
        width: 60%;
        margin: 0 auto; } }
    body .links_imgwrap a {
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      margin: 0 auto;
      font-size: 2.5em;
      font-weight: bold;
      text-decoration: none;
      -webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      -moz-text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      -ms-text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 240px;
      padding: 0;
      background-repeat: no-repeat;
      background-position: right;
      text-align: center;
      background-size: cover;
      transition: all 0.3s ease-out; }
      @media screen and (min-width: 768px) {
        body .links_imgwrap a {
          font-size: 3em;
          height: 300px; } }
      @media screen and (min-width: 992px) {
        body .links_imgwrap a {
          font-size: 4em;
          height: 220px; } }
      body .links_imgwrap a:hover {
        transform: scale(1.025); }
  body.sub_page {
    /* .page_headding */
    /* worksページ */
    /* worksページ */
    /* caseページ */
    /* caseページ */
    /* companyページ */
    /* companyページ */
    /* recruitページ */
    /* recruitページ */
    /* sdgsページ */
    /* sdgsページ */
    /* inquiryページ */
    /* inquiryページ */
    /* newsページ */
    /* news_pageページ */
    /* news_pageページここまで */ }
    body.sub_page .page_headding {
      background: #4a5a7b;
      /* .sub_board */ }
      body.sub_page .page_headding .sub_board {
        position: relative;
        display: flex;
        align-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        text-align: center;
        overflow: hidden;
        color: #112857;
        font-weight: bold;
        text-decoration: none; }
        body.sub_page .page_headding .sub_board .pagettl {
          position: relative;
          width: 100%;
          max-width: 1000px;
          margin: 2.5% auto;
          padding: 0 1.5rem; }
          body.sub_page .page_headding .sub_board .pagettl h3 {
            font-weight: bold;
            text-align: center;
            position: inherit;
            letter-spacing: 0.5rem;
            z-index: 2;
            font-size: 2rem;
            color: white; }
            @media screen and (min-width: 768px) {
              body.sub_page .page_headding .sub_board .pagettl h3 {
                font-size: 2.5rem;
                text-align: left; } }
            @media screen and (min-width: 992px) {
              body.sub_page .page_headding .sub_board .pagettl h3 {
                font-size: 3rem;
                text-align: left; } }
            body.sub_page .page_headding .sub_board .pagettl h3 span {
              font-weight: normal;
              font-size: 1.6rem;
              display: none;
              position: absolute;
              right: 0;
              top: 15%;
              font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
              color: #FBCE32;
              padding: 0.25rem  50% 0.25rem 2rem;
              margin: 0 -50% 0 0;
              border-bottom: 1.5px solid #FBCE32; }
              @media screen and (min-width: 768px) {
                body.sub_page .page_headding .sub_board .pagettl h3 span {
                  display: block;
                  font-size: 1.8rem; } }
              @media screen and (min-width: 992px) {
                body.sub_page .page_headding .sub_board .pagettl h3 span {
                  display: block;
                  font-size: 2rem; } }
          body.sub_page .page_headding .sub_board .pagettl .pagettl_heading_imgwrap {
            width: auto;
            height: 100%;
            position: absolute;
            z-index: 1;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%); }
            @media screen and (min-width: 768px) {
              body.sub_page .page_headding .sub_board .pagettl .pagettl_heading_imgwrap {
                height: 100%; } }
            @media screen and (min-width: 992px) {
              body.sub_page .page_headding .sub_board .pagettl .pagettl_heading_imgwrap {
                height: 100%; } }
            body.sub_page .page_headding .sub_board .pagettl .pagettl_heading_imgwrap img {
              width: 100%; }
        body.sub_page .page_headding .sub_board.company {
          background: url("../images/bg_600.gif") no-repeat center/cover fixed; }
        body.sub_page .page_headding .sub_board.works {
          background: url("../images/bg_600.gif") no-repeat center/cover fixed; }
        body.sub_page .page_headding .sub_board.recruit {
          background: url("../images/bg_600.gif") no-repeat center/cover fixed; }
        body.sub_page .page_headding .sub_board.news {
          background: url("../images/bg_600.gif") no-repeat center/cover fixed; }
        body.sub_page .page_headding .sub_board.activity {
          background: url("../images/bg_600.gif") no-repeat center/cover fixed; }
        body.sub_page .page_headding .sub_board.contact {
          background: url("../images/bg_600.gif") no-repeat center/cover fixed; }
        body.sub_page .page_headding .sub_board::before {
          /* オーバーレイ */
          z-index: 1;
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(25, 55, 125, 0.5);
          background: -webkit-linear-gradient(left, #19377d 0%, rgba(25, 55, 125, 0.5) 50%, rgba(25, 55, 125, 0.5) 80%, #19377d 100%);
          background: -o-linear-gradient(left, #19377d 0%, rgba(25, 55, 125, 0.5) 50%, rgba(25, 55, 125, 0.5) 80%, #19377d 100%);
          background: linear-gradient(to right, #19377d 0%, rgba(25, 55, 125, 0.5) 50%, rgba(25, 55, 125, 0.5) 80%, #19377d 100%); }
    body.sub_page .page_chapter_headding {
      display: flex;
      font-size: 3rem;
      font-weight: bold;
      align-items: center;
      padding: 4rem 0;
      width: fit-content;
      margin: 0 auto; }
      body.sub_page .page_chapter_headding br {
        display: none; }
        @media screen and (min-width: 768px) {
          body.sub_page .page_chapter_headding br {
            display: block; } }
    body.sub_page .page_clause_headding {
      display: flex;
      font-size: 2.5rem;
      font-weight: bold;
      align-items: center;
      padding: 0;
      width: 100%;
      margin: 1rem auto 3rem 5rem;
      border-bottom: 2px solid #C09A61;
      width: calc(100% - 5rem); }
      body.sub_page .page_clause_headding br {
        display: none; }
        @media screen and (min-width: 768px) {
          body.sub_page .page_clause_headding br {
            display: block; } }
    body.sub_page .page_paragraph_headding {
      display: block;
      align-items: center;
      width: 95%;
      color: #112857;
      font-size: 2.625rem;
      padding: 1.625rem 0;
      margin: 1rem auto 1.5rem auto;
      letter-spacing: 0.25rem;
      border-top: 1px solid #112857;
      text-align: center; }
    body.sub_page .page_paragraph_headding_h3 {
      text-align: left;
      padding: 0.25em 0.5em;
      /*上下 左右の余白*/
      color: #494949;
      /*文字色*/
      background: transparent;
      /*背景透明に*/
      border-left: solid 5px #7db4e6;
      /*左線*/ }
    body.sub_page .page_paragraph_contents {
      display: flex;
      align-items: start;
      width: 90%;
      margin: 0 auto; }
    body.sub_page.works_page .page_paragraph_headding_h4 i.badge {
      color: white;
      margin: 0 0.5rem 0 -2.3rem;
      padding-right: 0.6rem; }
      body.sub_page.works_page .page_paragraph_headding_h4 i.badge.bg-primary {
        background-color: #B24547 !important; }
    body.sub_page.works_page .card {
      height: auto;
      border: none;
      margin-bottom: 2rem;
      overflow: hidden; }
      body.sub_page.works_page .card .card-img-top {
        object-fit: cover;
        height: 15rem; }
      body.sub_page.works_page .card .card-body .card-text {
        text-align: left;
        color: black; }
      body.sub_page.works_page .card:hover {
        text-decoration: none; }
      body.sub_page.works_page .card .card-img-overlay {
        background-color: rgba(96, 141, 189, 0.7); }
        body.sub_page.works_page .card .card-img-overlay:hover {
          background-color: rgba(96, 141, 189, 0.4); }
        body.sub_page.works_page .card .card-img-overlay .card-text {
          color: white;
          font-size: 1.8rem;
          -webkit-text-shadow: 0 0 10px black;
          -moz-text-shadow: 0 0 10px black;
          -ms-text-shadow: 0 0 10px black;
          text-shadow: 0 0 10px black; }
    body.sub_page.works_page a.card img:hover {
      background-color: rgba(96, 141, 189, 0.4); }
    body.sub_page.works_page .work_machine_list .card {
      padding: 1rem; }
      body.sub_page.works_page .work_machine_list .card .row {
        width: 100%;
        margin: 0 auto; }
        body.sub_page.works_page .work_machine_list .card .row div {
          display: flex;
          /* 追加 */
          flex-direction: column;
          /* 追加 */
          margin: 0;
          padding: 0;
          background: white; }
          body.sub_page.works_page .work_machine_list .card .row div img {
            width: 100%; }
          body.sub_page.works_page .work_machine_list .card .row div .card-body {
            padding-left: 1rem;
            text-align: left; }
            body.sub_page.works_page .work_machine_list .card .row div .card-body h5.card-title {
              font-size: 1rem; }
            body.sub_page.works_page .work_machine_list .card .row div .card-body p.card-text {
              font-size: 0.8rem; }
            body.sub_page.works_page .work_machine_list .card .row div .card-body .btn {
              margin-top: auto;
              /* 追加 */ }
    body.sub_page.case_page .chapter p {
      font-size: 1.375rem;
      width: 95%;
      margin: 0 auto;
      padding: 2rem;
      border: 2px solid #CBA976; }
    body.sub_page.case_page .page_paragraph_contents img {
      width: 100%; }
    body.sub_page.case_page .card {
      border: none;
      padding: 0.5rem; }
      body.sub_page.case_page .card a {
        transition: all 0.3s ease-out; }
        body.sub_page.case_page .card a:hover {
          filter: brightness(130%);
          transform: scale(1.025); }
        body.sub_page.case_page .card a img {
          height: 5rem;
          object-fit: cover; }
          @media screen and (min-width: 992px) {
            body.sub_page.case_page .card a img {
              height: 8rem; } }
    body.sub_page.company_page table th {
      padding: 1rem; }
      @media screen and (min-width: 576px) {
        body.sub_page.company_page table th {
          padding: 1rem 1rem 0 1rem; } }
    body.sub_page.company_page table td {
      padding-top: 0; }
      @media screen and (min-width: 576px) {
        body.sub_page.company_page table td {
          padding: 1rem; } }
    body.sub_page.company_page table th, body.sub_page.company_page table td {
      display: block; }
      @media screen and (min-width: 576px) {
        body.sub_page.company_page table th, body.sub_page.company_page table td {
          display: table-cell; } }
    body.sub_page.company_page table.company_aboutus_table {
      width: 100%;
      text-align: center;
      border-collapse: collapse;
      border-spacing: 0;
      margin: 0 auto; }
      body.sub_page.company_page table.company_aboutus_table tr {
        width: 95%;
        border-bottom: 1px solid  #112857; }
        body.sub_page.company_page table.company_aboutus_table tr th, body.sub_page.company_page table.company_aboutus_table tr td {
          border-top: none;
          text-align: left; }
        body.sub_page.company_page table.company_aboutus_table tr th {
          width: 10rem;
          color: #112857;
          font-weight: bold; }
        body.sub_page.company_page table.company_aboutus_table tr td p {
          display: inline-block;
          margin-right: 2rem;
          margin-bottom: 0; }
          body.sub_page.company_page table.company_aboutus_table tr td p.wrp {
            display: block; }
    body.sub_page.company_page table.company_access_table {
      width: 100%;
      text-align: center;
      border-collapse: collapse;
      border-spacing: 0;
      margin: 0 auto; }
      body.sub_page.company_page table.company_access_table tr {
        width: 95%;
        border: none; }
        body.sub_page.company_page table.company_access_table tr th, body.sub_page.company_page table.company_access_table tr td {
          border: none;
          text-align: left;
          font-size: 1.3rem; }
        body.sub_page.company_page table.company_access_table tr th {
          width: 8rem;
          color: #C09A61;
          font-weight: bold; }
        body.sub_page.company_page table.company_access_table tr h6 {
          font-size: 1.25rem;
          color: #112857; }
        body.sub_page.company_page table.company_access_table tr .map_wrap {
          font-size: 1rem; }
          body.sub_page.company_page table.company_access_table tr .map_wrap .embed-responsive {
            background: gray; }
    body.sub_page.recruit_page table th {
      padding: 1rem; }
      @media screen and (min-width: 576px) {
        body.sub_page.recruit_page table th {
          padding: 1rem 1rem 0 1rem; } }
    body.sub_page.recruit_page table td {
      padding-top: 0; }
      @media screen and (min-width: 576px) {
        body.sub_page.recruit_page table td {
          padding: 1rem; } }
    body.sub_page.recruit_page table th, body.sub_page.recruit_page table td {
      display: block; }
      @media screen and (min-width: 576px) {
        body.sub_page.recruit_page table th, body.sub_page.recruit_page table td {
          display: table-cell; } }
    body.sub_page.recruit_page table.recruits_table {
      width: 100%;
      text-align: center;
      border-collapse: collapse;
      border-spacing: 0;
      margin: 0 auto; }
      body.sub_page.recruit_page table.recruits_table tr {
        width: 95%;
        border-bottom: 1px solid  #112857; }
        body.sub_page.recruit_page table.recruits_table tr th, body.sub_page.recruit_page table.recruits_table tr td {
          border-top: none;
          text-align: left; }
        body.sub_page.recruit_page table.recruits_table tr th {
          width: 10rem;
          color: #112857;
          font-weight: bold; }
        body.sub_page.recruit_page table.recruits_table tr td p {
          margin: 0; }
    body.sub_page.sdgs_page .jumbotron {
      margin-top: 8rem; }
      body.sub_page.sdgs_page .jumbotron h2 {
        top: -4rem;
        margin-bottom: -2rem;
        font-size: 2.35rem;
        letter-spacing: 0;
        font-size: 1.7rem; }
        @media screen and (min-width: 768px) {
          body.sub_page.sdgs_page .jumbotron h2 {
            font-size: 2.35rem; } }
      body.sub_page.sdgs_page .jumbotron .row {
        width: 90%;
        margin: 0 auto; }
        body.sub_page.sdgs_page .jumbotron .row h3 {
          color: #112857;
          margin-bottom: 0; }
        body.sub_page.sdgs_page .jumbotron .row p {
          padding: 1rem; }
    body.sub_page.contact_page {
      /* form_wrap */ }
      body.sub_page.contact_page h7 {
        display: block;
        width: 100%;
        color: #112857;
        font-size: 1.3rem;
        padding: 1.5rem 0;
        margin: 3rem auto 0 auto;
        border-bottom: 1px solid #112857; }
      body.sub_page.contact_page .form_wrap {
        /* -- form#mail -- */
        /* -- span.required, span.optional -- */
        /* -- error message -- */
        /* -- loading -- */
        /* -- input, select, textarea -- */
        /* -- ul, li -- */
        /* -- input design -- */
        /* -- button -- */
        /* -- responsive --  1000pixel start */
        /* 1000pixel end */ }
        body.sub_page.contact_page .form_wrap form#mail_form * {
          box-sizing: content-box; }
        body.sub_page.contact_page .form_wrap form#mail_form {
          width: 100%;
          max-width: 1000px;
          margin: 0 auto;
          background: white;
          line-height: 1.8; }
        body.sub_page.contact_page .form_wrap form#mail_form dl {
          width: 100%;
          margin: 0 auto;
          border-bottom: 1px solid #cccccc; }
        body.sub_page.contact_page .form_wrap form#mail_form dl:after,
        body.sub_page.contact_page .form_wrap form#mail_form dl dt:after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden; }
        body.sub_page.contact_page .form_wrap form#mail_form dl dt {
          width: 20%;
          float: left;
          padding: 2rem 0 1.5rem;
          text-align: left; }
        body.sub_page.contact_page .form_wrap form#mail_form dl dd {
          width: 75%;
          float: right;
          padding: 30px 0 1.5rem 5%; }
        body.sub_page.contact_page .form_wrap form#mail_form dl dt i {
          float: left;
          position: relative;
          top: -2px; }
        body.sub_page.contact_page .form_wrap form#mail_form dl dt span.required {
          display: block;
          font-size: 0.8rem;
          color: red;
          padding: 0;
          border-radius: 0.35rem;
          margin: 0;
          font-weight: bold; }
        body.sub_page.contact_page .form_wrap form#mail_form dl dt span.optional {
          background: #337ab7;
          border: 1px solid #2e6da4; }
        body.sub_page.contact_page .form_wrap form#mail_form dl dd span.error_blank,
        body.sub_page.contact_page .form_wrap form#mail_form dl dd span.error_format,
        body.sub_page.contact_page .form_wrap form#mail_form dl dd span.error_match {
          display: block;
          color: #ff0000;
          margin-top: 5px; }
        body.sub_page.contact_page .form_wrap div.loading-layer {
          width: 100vw;
          height: 100vh;
          background: rgba(0, 0, 0, 0.7);
          position: fixed;
          left: 0px;
          top: 0px;
          z-index: 10000; }
        body.sub_page.contact_page .form_wrap span.loading {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          border-top: 5px solid rgba(255, 255, 255, 0.2);
          border-right: 5px solid rgba(255, 255, 255, 0.2);
          border-bottom: 5px solid rgba(255, 255, 255, 0.2);
          border-left: 5px solid white;
          -webkit-transform: translateZ(0);
          -ms-transform: translateZ(0);
          transform: translateZ(0);
          -webkit-animation: load-circle 1.0s linear infinite;
          animation: load-circle 1.0s linear infinite;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -30px;
          margin-left: -30px; }
@-webkit-keyframes load-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes load-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
        body.sub_page.contact_page .form_wrap form#mail_form input[type="text"],
        body.sub_page.contact_page .form_wrap form#mail_form input[type="email"],
        body.sub_page.contact_page .form_wrap form#mail_form input[type="tel"] {
          width: calc( 100% - 4% - 2px );
          padding: 7px 2%;
          border: 1px solid #cccccc;
          border-radius: 3px;
          background: #fafafa;
          -webkit-appearance: none;
          font-size: 16px;
          font-family: inherit;
          line-height: normal; }
        body.sub_page.contact_page .form_wrap form#mail_form input[type="text"]:focus,
        body.sub_page.contact_page .form_wrap form#mail_form input[type="email"]:focus,
        body.sub_page.contact_page .form_wrap form#mail_form input[type="tel"]:focus,
        body.sub_page.contact_page .form_wrap form#mail_form textarea:focus {
          box-shadow: 0px 0px 5px #55ccff;
          border: 1px solid #55ccff;
          background: white; }
        body.sub_page.contact_page .form_wrap form#mail_form ul li input[type="radio"],
        body.sub_page.contact_page .form_wrap form#mail_form ul li input[type="checkbox"] {
          margin: 0 10px 0 0; }
        body.sub_page.contact_page .form_wrap form#mail_form select {
          padding: 7px 2%;
          border: 1px solid #cccccc;
          font-size: 16px;
          font-family: inherit;
          line-height: normal; }
        body.sub_page.contact_page .form_wrap form#mail_form textarea {
          display: block;
          width: calc( 100% - 4% - 2px );
          height: 200px;
          padding: 7px 2%;
          resize: vertical;
          border: 1px solid #cccccc;
          border-radius: 3px;
          background: #fafafa;
          -webkit-appearance: none;
          font-size: 16px;
          font-family: inherit;
          line-height: normal; }
        body.sub_page.contact_page .form_wrap form#mail_form ul {
          padding: 0;
          list-style-type: none; }
        body.sub_page.contact_page .form_wrap form#mail_form ul li {
          display: inline-block;
          white-space: nowrap; }
        body.sub_page.contact_page .form_wrap form#mail_form ul li label {
          display: block;
          margin-top: 10px;
          padding: 0 1rem;
          border-radius: 3px; }
        body.sub_page.contact_page .form_wrap form#mail_form ul li:first-child label {
          margin-top: 0px; }
        body.sub_page.contact_page .form_wrap form#mail_form ul li label:hover {
          cursor: pointer;
          background: #CEE3FF; }
        body.sub_page.contact_page .form_wrap form#mail_form input[name="company"] {
          width: 70%; }
        body.sub_page.contact_page .form_wrap form#mail_form input[name="name_1"],
        body.sub_page.contact_page .form_wrap form#mail_form input[name="name_2"],
        body.sub_page.contact_page .form_wrap form#mail_form input[name="read_1"],
        body.sub_page.contact_page .form_wrap form#mail_form input[name="read_2"],
        body.sub_page.contact_page .form_wrap form#mail_form input[name="postal"],
        body.sub_page.contact_page .form_wrap form#mail_form input[name="phone"],
        body.sub_page.contact_page .form_wrap form#mail_form input[name="schedule"] {
          width: 30%; }
        body.sub_page.contact_page .form_wrap form#mail_form input[name="mail_address"],
        body.sub_page.contact_page .form_wrap form#mail_form input[name="mail_address_confirm"] {
          width: 80%; }
        body.sub_page.contact_page .form_wrap form#mail_form input[name="postal"] + a {
          display: inline-block;
          padding: 7px 20px;
          border: 1px solid #46b8da;
          border-radius: 3px;
          background: #5bc0de;
          font-size: 16px;
          line-height: normal;
          color: white;
          text-decoration: none; }
        body.sub_page.contact_page .form_wrap form#mail_form input[name="postal"] + a:hover {
          cursor: pointer;
          background: #31b0d5;
          border: 1px solid #269abc; }
        body.sub_page.contact_page .form_wrap form#mail_form p {
          width: 45%;
          margin: 3rem auto; }
        body.sub_page.contact_page .form_wrap form#mail_form input[type="button"],
        body.sub_page.contact_page .form_wrap form#mail_form input[type="reset"] {
          border-radius: 5rem;
          font-size: 1.25rem;
          font-weight: bold;
          color: white;
          -webkit-appearance: none;
          padding: 0.5rem; }
        body.sub_page.contact_page .form_wrap form#mail_form input[type="button"]:hover,
        body.sub_page.contact_page .form_wrap form#mail_form input[type="reset"]:hover {
          cursor: pointer; }
        body.sub_page.contact_page .form_wrap form#mail_form input[type="button"] {
          background: #9D1919;
          border: 1px solid #9D1919; }
        body.sub_page.contact_page .form_wrap form#mail_form input[type="button"]:hover {
          background: #E14646;
          border: 1px solid #E14646; }
        body.sub_page.contact_page .form_wrap form#mail_form input[type="reset"] {
          background: #19659D;
          border: 1px solid #19659D; }
        body.sub_page.contact_page .form_wrap form#mail_form input[type="reset"]:hover {
          background: #3497E0;
          border: 1px solid #3497E0; }
        @media screen and (max-width: 1000px) {
          body.sub_page.contact_page .form_wrap {
            /* -- form#mail_form, dl, dt, dd -- */
            /* -- span.required, span.optional -- */
            /* -- input design -- */
            /* -- button -- */ }
            body.sub_page.contact_page .form_wrap form#mail_form {
              width: 95%;
              font-size: 100%; }
            body.sub_page.contact_page .form_wrap form#mail_form dl dt {
              width: auto;
              float: none;
              padding: 1.5rem 0 10px;
              text-align: left;
              font-weight: bold; }
            body.sub_page.contact_page .form_wrap form#mail_form dl dd {
              width: auto;
              float: none;
              padding: 0px 0 20px 0px; }
            body.sub_page.contact_page .form_wrap form#mail_form dl dt i {
              float: none;
              position: static; }
            body.sub_page.contact_page .form_wrap form#mail_form dl dt span.required,
            body.sub_page.contact_page .form_wrap form#mail_form dl dt span.optional {
              margin: 0 0 0 0.5rem; }
            body.sub_page.contact_page .form_wrap form#mail_form input[name="phone"],
            body.sub_page.contact_page .form_wrap form#mail_form input[name="schedule"] {
              width: 60%; }
            body.sub_page.contact_page .form_wrap form#mail_form p#form_submit,
            body.sub_page.contact_page .form_wrap form#mail_form p#form_reset {
              padding: 1.5rem 0; }
            body.sub_page.contact_page .form_wrap form#mail_form input[type="button"],
            body.sub_page.contact_page .form_wrap form#mail_form input[type="reset"] {
              margin-left: 0; } }
    body.sub_page.news_page {
      /* news_page - #localNavここまで */
      /* news_detailここまで */ }
      body.sub_page.news_page #localNav {
        width: 100%;
        margin-bottom: 0; }
        body.sub_page.news_page #localNav a {
          text-decoration: none; }
        body.sub_page.news_page #localNav .categor-depth-2 a {
          position: relative;
          display: block;
          padding: 1rem;
          font-size: 1.2rem;
          font-weight: bold;
          color: #ffffff;
          line-height: 1.1;
          background: #21538E;
          border-radius: 0.25rem;
          text-decoration: none; }
          body.sub_page.news_page #localNav .categor-depth-2 a i.icons-arrow-right {
            top: 1.25rem;
            right: 1.25rem; }
        body.sub_page.news_page #localNav a:hover {
          text-decoration: underline;
          filter: brightness(125%); }
        body.sub_page.news_page #localNav .topics .nav {
          font-size: 1rem;
          color: #000;
          background: rgba(255, 255, 255, 0.4);
          border-radius: 0.25rem;
          margin-bottom: 2rem;
          border-bottom: none; }
          body.sub_page.news_page #localNav .topics .nav a {
            color: #000;
            text-decoration: none; }
            body.sub_page.news_page #localNav .topics .nav a span {
              width: 10%;
              font-size: 0.7rem; }
            body.sub_page.news_page #localNav .topics .nav a.nav-link {
              width: 25%;
              border: 1px solid #ccc;
              border-radius: 0;
              width: 100%; }
              body.sub_page.news_page #localNav .topics .nav a.nav-link.active, body.sub_page.news_page #localNav .topics .nav a.nav-link:hover {
                border: 1px solid #ccc;
                background: rgba(112, 148, 162, 0.4); }
              body.sub_page.news_page #localNav .topics .nav a.nav-link .afm {
                color: #5B5B5B;
                font-size: 0.8rem;
                font-weight: bold; }
                body.sub_page.news_page #localNav .topics .nav a.nav-link .afm::after {
                  border-radius: 0.2rem;
                  padding: 0.05rem 0.35rem;
                  color: #FFF;
                  font-size: 0.7rem;
                  font-weight: bold;
                  margin-left: 0.5rem; }
                body.sub_page.news_page #localNav .topics .nav a.nav-link .afm.form::after {
                  content: "FORM";
                  background: #8cc33c; }
              body.sub_page.news_page #localNav .topics .nav a.nav-link .topic-title {
                font-size: 0.85rem;
                font-weight: bold; }
      body.sub_page.news_page .newspage-tab-wrap .newspage-tab {
        border-bottom: 1px solid #CCC;
        margin-bottom: 2rem; }
        body.sub_page.news_page .newspage-tab-wrap .newspage-tab .blog-post-meta {
          display: block;
          text-align: right;
          letter-spacing: 0.25rem;
          padding: 0; }
      body.sub_page.news_page .newspage-latest-index .newspage-tab-titlelink {
        border-bottom: 1px solid #ccc;
        line-height: 1.5;
        padding: 0;
        width: 100%; }
        body.sub_page.news_page .newspage-latest-index .newspage-tab-titlelink .row {
          display: flex;
          align-items: center;
          flex: 0 0 auto;
          text-decoration: none;
          padding: 1rem;
          width: 100%;
          margin-left: 0;
          justify-content: space-between; }
          body.sub_page.news_page .newspage-latest-index .newspage-tab-titlelink .row::before {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            border-radius: 0.2rem;
            margin: 0.5rem 0;
            padding: 0.05rem 1rem;
            font-size: 0.75rem;
            font-weight: bold;
            content: "お知らせ";
            color: #FFF;
            background: #0d6efd;
            text-overflow: ellipsis;
            white-space: nowrap;
            height: 1.25rem; }
        body.sub_page.news_page .newspage-latest-index .newspage-tab-titlelink a.row:hover {
          background: rgba(140, 195, 60, 0.1); }
        body.sub_page.news_page .newspage-latest-index .newspage-tab-titlelink.oshirase a::before {
          content: "お知らせ";
          color: #8cc33c; }
        body.sub_page.news_page .newspage-latest-index .newspage-tab-titlelink p {
          display: flex;
          align-items: center;
          font-weight: bold;
          font-size: 1rem;
          margin: 0;
          padding: 0;
          line-height: 1.25; }
        body.sub_page.news_page .newspage-latest-index .newspage-tab-titlelink .blog-post-meta {
          color: #747577;
          text-decoration: none;
          font-size: 80%;
          min-width: 120px;
          text-align: center;
          display: block; }
      body.sub_page.news_page .newspage-tab h1 {
        display: none; }
      body.sub_page.news_page .newspage-tab-wrap .newspage-tab p img {
        display: block;
        margin: 0 auto;
        width: 100%; }
      @media (min-width: 768px) {
        body.sub_page.news_page .depth-4.newspage .jumbotron p {
          font-size: 2.125rem; }
        body.sub_page.news_page .topics .nav a.nav-link {
          width: 100%; }
        body.sub_page.news_page .newspage-latest-index .newspage-tab-titlelink .row::before {
          height: 2rem; }
        body.sub_page.news_page .newspage-tab-wrap .newspage-tab p img {
          width: 90%; } }
      body.sub_page.news_page .backpage .btn-secondary {
        background-color: #112857;
        border-color: #112857; }
      body.sub_page.news_page .news_detail {
        margin: 1rem auto; }
        body.sub_page.news_page .news_detail .news_detail_title1 {
          position: relative;
          border-bottom: 1px solid #112857;
          padding: 0 0 12px 22px;
          line-height: 1.4;
          font-size: 1.8rem; }
          body.sub_page.news_page .news_detail .news_detail_title1::before, body.sub_page.news_page .news_detail .news_detail_title1::after {
            content: "";
            position: absolute;
            z-index: 1;
            top: 0.5rem;
            left: 0;
            background: #112857;
            width: 0.5rem;
            height: 1.5rem;
            pointer-events: none; }
        body.sub_page.news_page .news_detail .news_detail_data {
          width: 100%;
          margin: 1rem auto;
          letter-spacing: 0.18rem; }
          body.sub_page.news_page .news_detail .news_detail_data .news_detail_day {
            margin: 0 0.8rem 0 0;
            color: #112857;
            font-size: 0.8rem;
            font-weight: bold;
            line-height: 1.5; }
          body.sub_page.news_page .news_detail .news_detail_data .news_detail_corporateCategory {
            display: inline-block;
            min-width: 6rem;
            margin: 0;
            padding: 0;
            background: #0d6efd;
            border-radius: 0.2rem;
            color: #fff;
            font-size: 0.8rem;
            font-weight: bold;
            text-align: center;
            line-height: 1.5;
            text-decoration: none; }
        body.sub_page.news_page .news_detail .news_detail_Body {
          width: 95%;
          margin: 2rem auto; }

/* bodyここまで */