@charset "UTF-8";
@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","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",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; }

body {
  /* 共通header */
  /* 共通headerここまで */
  /* パンくずリストここから */
  /* パンくずリストここまで */
  /* 共通footer */
  /* 共通footerここまで */
  /* トップのみ */
  /* トップほか共通ここから */
  /* 横長バナー共通 */
  /* 子ページ_.sub_page_ここから */
  /* 子ページ_.sub_page_ここまで */ }
  body #LightboxCanvas {
    width: 100%; }
  body .bg-secondary {
    background-color: #F7F1E5 !important; }
  body .btn-secondary {
    font-weight: bold;
    background-color: #FFEFEF;
    border-color: #FFEFEF; }
    body .btn-secondary:hover {
      background-color: #D59812;
      border-color: #EEB73E; }
  body .bg-light {
    background-color: #FFEFEF !important; }
  body .jumbotron {
    overflow: hidden;
    border-radius: 0;
    padding: 3.5rem 1rem;
    margin-bottom: 2rem;
    background-color: #FDC7C7; }
    @media screen and (min-width: 768px) {
      body .jumbotron {
        padding: 2.5rem 1rem; } }
    body .jumbotron h2 {
      color: white;
      margin: 0;
      font-weight: normal;
      white-space: nowrap;
      font-size: 1.8rem;
      top: 0;
      position: relative; }
      @media screen and (min-width: 768px) {
        body .jumbotron h2 {
          top: 3rem;
          font-size: 2.5rem; } }
      body .jumbotron h2 span {
        border-bottom: 3px solid white; }
        body .jumbotron h2 span.left {
          padding: 0.5rem 0 0.5rem 50%;
          margin: 0 0 0 -50%; }
        body .jumbotron h2 span.right {
          padding: 0.5rem 100% 0.5rem 0;
          margin: 0 0 0 20%; }
          @media screen and (min-width: 768px) {
            body .jumbotron h2 span.right {
              margin: 0 0 0 50%; } }
    body .jumbotron .name {
      font-size: 1.3rem; }
      body .jumbotron .name span {
        font-size: 1rem;
        margin-right: 0.5rem; }
    body .jumbotron.bg-white {
      background-color: white; }
      body .jumbotron.bg-white h2 {
        color: #FDC7C7; }
        body .jumbotron.bg-white h2 span {
          border-color: #FDC7C7; }
    body .jumbotron.bg-half {
      background-color: #FEEEEE; }
    body .jumbotron.bg-yellow {
      background-color: lemonchiffon; }
    body .jumbotron.bg-gray {
      background-color: #F5F5F5; }
    body .jumbotron.bg-slwav {
      background: center/100% 100% no-repeat url("../images/bg_slwav.png"); }
      body .jumbotron.bg-slwav h2 {
        color: #FDC7C7; }
        body .jumbotron.bg-slwav h2 span {
          border-color: #FDC7C7; }
    body .jumbotron.bg-unwav {
      background: center bottom/100% 100% no-repeat url("../images/bg_unwav.gif"); }
      body .jumbotron.bg-unwav h2 {
        color: #FDC7C7; }
        body .jumbotron.bg-unwav h2 span {
          border-color: #FDC7C7; }
    body .jumbotron.top-picwrap-takatsuiki {
      height: 50vh;
      background: center/cover no-repeat url("../images/pic_takatsukistation.jpg"); }
    body .jumbotron .h2-md-u {
      padding-top: 0; }
      @media screen and (min-width: 768px) {
        body .jumbotron .h2-md-u {
          padding-top: 5rem; } }
  body .bg-half {
    background-color: #FEEEEE; }
  body .text-key-mb {
    color: #2A5579 !important; }
  body .jumbotron-fluid {
    padding-right: 0;
    padding-left: 0; }
  body .btn_triangle_arrow {
    width: fit-content;
    padding-left: 2rem;
    padding-right: 6rem;
    white-space: nowrap;
    display: flex;
    text-decoration: none;
    transition: all 0.3s ease-out;
    position: relative;
    font-size: 1.1rem;
    line-height: 3rem;
    font-weight: bold;
    background-color: white;
    color: #707070;
    border-radius: 5rem;
    border: 1.5px solid #92D300;
    height: 2.5rem;
    align-content: center;
    align-items: center; }
    body .btn_triangle_arrow::after {
      /* 三角形の表示設定 */
      content: "";
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 1.25rem;
      width: 0;
      height: 0;
      border-top: 0.5rem solid transparent;
      border-bottom: 0.5rem solid transparent;
      border-left: 0.8rem solid #92D300; }
    body .btn_triangle_arrow:hover {
      transform: scale(1.025);
      filter: brightness(130%); }
      body .btn_triangle_arrow:hover::before {
        /* 背景の表示設定 */
        transition: all 0.3s ease-out;
        transform: scale(1.25); }
      body .btn_triangle_arrow:hover::after {
        /* 三角形の表示設定 */
        transition: all 0.3s ease-out;
        transform: scale(1.25); }
  body header {
    width: 100%;
    background: white;
    color: #FDC7C7;
    box-shadow: 0 0 8px gray;
    position: fixed;
    z-index: 9;
    /* header_navigation */ }
    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: 80%;
              margin: 0 1rem 0 0; } }
          @media screen and (min-width: 992px) {
            body header .header_navigation .navbar .logo_wrap {
              width: 35%; } }
          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;
          font-weight: bold;
          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: #3B4043;
                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 90%, #FDCBC3 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 .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: #14ABB5;
          width: 30px;
          height: 5px;
          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 {
    /* none */
    display: none;
    height: 60px;
    width: 100%;
    background: white;
    font-size: 0.8rem; }
    body .breadcrumb_wrap.d-flex {
      /* none */
      display: none; }
    @media screen and (min-width: 768px) {
      body .breadcrumb_wrap {
        height: 96px; } }
    body .breadcrumb_wrap .breadcrumb {
      /* none */
      display: none;
      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 {
    background-color: #14ABB5;
    color: white; }
    body footer a {
      color: white; }
      body footer a:hover {
        color: white; }
    body footer .footer_navigation {
      color: white;
      font-size: 0.875em;
      padding: 2em 0;
      margin-top: 2rem;
      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 0 0 4rem; }
        @media screen and (min-width: 576px) {
          body footer .footer_navigation .fut_logocontainer {
            padding: 0 0 0 6rem; } }
        body footer .footer_navigation .fut_logocontainer::before {
          content: "";
          position: absolute;
          left: 0;
          top: 1rem;
          display: block;
          width: 3rem;
          height: 3rem;
          background-image: url("../images/logo_fut_w.png");
          background-position: center;
          background-color: inherit;
          background-size: contain;
          background-repeat: no-repeat; }
          @media screen and (min-width: 576px) {
            body footer .footer_navigation .fut_logocontainer::before {
              width: 5rem; } }
        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: 0.25rem 0 0 0;
          font-size: 0.6rem; }
          @media screen and (min-width: 576px) {
            body footer .footer_navigation .fut_logocontainer .address {
              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: white;
            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%, white 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 .copyright {
      font-size: 0.8em;
      text-align: center;
      padding: 0.5em 0 0 0; }
  body.top_page h4.page_chapter_headding {
    font-size: 1.8rem;
    padding: 2.5rem 0; }
  @media screen and (min-width: 768px) {
    body.top_page .top-case-wrap {
      margin: 10rem auto;
      overflow: visible; } }
  @media screen and (min-width: 768px) {
    body.top_page .top-case-wrap .case-card-wrap {
      position: absolute;
      right: 0;
      top: -11.5rem; } }
  body .modal-dialog {
    margin: 0 auto;
    max-width: 90%; }
    @media screen and (min-width: 768px) {
      body .modal-dialog {
        max-width: 70%; } }
  body hr.liner_house {
    margin: 6rem 0;
    height: 6vh;
    background: center/contain repeat-x url("../images/liner_house.jpg");
    border: none; }
  body .case-card-wrap .card {
    background: #E8F8FD;
    padding: 0.5rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease-out; }
    body .case-card-wrap .card:hover {
      filter: brightness(120%);
      transform: scale(1.025); }
    body .case-card-wrap .card .card-img {
      border-radius: 1rem; }
    body .case-card-wrap .card p {
      padding: 0.5rem;
      font-size: 0.8rem;
      color: #2A5579; }
  body .case-card-wrap .modal-content {
    border-radius: 1rem;
    background: #E8F8FD;
    box-shadow: 0 0 0.5rem 0; }
    body .case-card-wrap .modal-content .modal-body img {
      padding: 0;
      border-radius: 1rem;
      width: 95%;
      margin: 1rem auto;
      display: block; }
  body .works_paragraph_table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto; }
    body .works_paragraph_table tr {
      width: 95%;
      border-bottom: 1px solid  #CDD6DD; }
      body .works_paragraph_table tr th, body .works_paragraph_table tr td {
        border-top: none;
        text-align: left; }
      body .works_paragraph_table tr th {
        text-align: center;
        width: auto;
        color: #2A5579;
        font-weight: bold;
        white-space: nowrap; }
      body .works_paragraph_table tr td p {
        display: inline-block;
        margin-bottom: 0; }
        body .works_paragraph_table tr td p.wrp {
          display: block; }
  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-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: 200px; } }
    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 .top_board {
    background-color: white;
    top: 7rem;
    max-width: 1350px;
    margin: 0 auto;
    padding-top: 0;
    position: relative;
    height: 26rem;
    margin-top: 0;
    background-image: url(../images/top_board_bg.jpg);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 25%;
    background-size: 75%; }
    @media screen and (min-width: 768px) {
      body .top_board {
        height: 50rem; } }
    body .top_board .pagettl {
      height: 50rem;
      z-index: 3;
      text-align: right;
      padding: 0.5rem; }
      @media screen and (min-width: 768px) {
        body .top_board .pagettl {
          padding: 1rem; } }
      body .top_board .pagettl::before {
        content: "";
        position: absolute;
        left: 0;
        top: 30%;
        display: block;
        width: 100%;
        height: 100%;
        max-height: 20rem;
        background-image: url("../images/top_board_chara_a_2412.png");
        background-position: left bottom;
        background-color: inherit;
        background-size: contain;
        background-repeat: no-repeat; }
        @media screen and (min-width: 768px) {
          body .top_board .pagettl::before {
            left: 5%; } }
        @media screen and (min-width: 768px) {
          body .top_board .pagettl::before {
            max-height: 30rem; } }
      body .top_board .pagettl .pagettl_heading_wrap {
        width: 100%;
        line-height: 1.1;
        margin: 0 auto;
        position: absolute;
        color: #fff;
        text-shadow: 0 0 5px #000;
        font-weight: bolder;
        left: 50%;
        transform: translateY(-50%) translateX(-50%); }
        body .top_board .pagettl .pagettl_heading_wrap.head {
          top: 25%; }
          @media screen and (min-width: 768px) {
            body .top_board .pagettl .pagettl_heading_wrap.head {
              top: 20%; } }
        body .top_board .pagettl .pagettl_heading_wrap.fut {
          bottom: 10%; }
        body .top_board .pagettl .pagettl_heading_wrap span.aks {
          display: inline-block;
          white-space: nowrap;
          background-color: #f84a4a40;
          padding: 0.25rem 1.5rem;
          margin: 0.4rem 0;
          font-size: 1.25rem;
          letter-spacing: 0.25rem;
          color: #3B4043;
          text-shadow: 1px 1px 0 #ffdfdd;
          -webkit-text-stroke: 4px #ffdfdd;
          text-stroke: 4px #ffdfdd;
          paint-order: stroke; }
          @media screen and (min-width: 768px) {
            body .top_board .pagettl .pagettl_heading_wrap span.aks {
              font-size: 2rem; } }
  body.sub_page {
    /* .page_headding */
    /* worksページ */
    /* worksページ */
    /* caseページ */
    /* caseページ */
    /* companyページ */
    /* companyページ */
    /* recruitページ */
    /* recruitページ */
    /* inquiryページ */
    /* inquiryページ */ }
    body.sub_page .page_headding {
      margin-bottom: 4rem;
      /* .sub_board */ }
      body.sub_page .page_headding section {
        background-image: url("../images/pic_takatsukistation.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center 2%; }
      body.sub_page .page_headding .sub_board {
        background-color: rgba(28, 208, 182, 0.6);
        position: relative;
        display: flex;
        align-content: center;
        align-items: center;
        width: 100%;
        height: 6rem;
        text-align: center;
        padding: 2.5% 5%;
        overflow: hidden;
        color: white;
        font-weight: bold;
        text-decoration: none; }
        @media screen and (min-width: 768px) {
          body.sub_page .page_headding .sub_board {
            height: 8rem; } }
        @media screen and (min-width: 992px) {
          body.sub_page .page_headding .sub_board {
            height: 10rem; } }
        body.sub_page .page_headding .sub_board .pagettl {
          position: relative;
          width: 100%;
          max-width: 1000px;
          margin: 0 auto; }
          body.sub_page .page_headding .sub_board .pagettl:after {
            content: "";
            position: absolute;
            top: -74%;
            display: block;
            width: 100%;
            height: 250%;
            background-image: url(../images/logo_subboard_h3aft.png);
            background-position: right;
            background-color: inherit;
            background-size: contain;
            background-repeat: no-repeat;
            bottom: 0;
            text-align: right;
            opacity: 0.63; }
          body.sub_page .page_headding .sub_board .pagettl h3 {
            font-weight: bold;
            text-align: left;
            position: inherit;
            letter-spacing: 0.5rem;
            z-index: 2;
            font-size: 2rem;
            text-shadow: 2px 2px 2px #16595e; }
            @media screen and (min-width: 768px) {
              body.sub_page .page_headding .sub_board .pagettl h3 {
                font-size: 2.2rem; } }
            @media screen and (min-width: 992px) {
              body.sub_page .page_headding .sub_board .pagettl h3 {
                font-size: 2.6rem; } }
            body.sub_page .page_headding .sub_board .pagettl h3 span {
              font-weight: normal;
              display: none;
              font-size: 1.6rem; }
              @media screen and (min-width: 768px) {
                body.sub_page .page_headding .sub_board .pagettl h3 span {
                  font-size: 1.8rem; } }
              @media screen and (min-width: 992px) {
                body.sub_page .page_headding .sub_board .pagettl h3 span {
                  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_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: flex;
      align-items: center;
      width: 95%;
      color: #2A5579;
      font-size: 1.6875rem;
      padding: 2.5rem 0;
      margin: 1rem auto 2.5rem auto;
      letter-spacing: 0.25rem;
      border-bottom: 2px solid #98A6B5; }
    body.sub_page .page_paragraph_headding_inbox {
      display: flex;
      align-items: left;
      color: #2A5579;
      font-size: 1.6875rem;
      padding: 1rem 0;
      margin: 1rem auto;
      letter-spacing: 0.25rem; }
    body.sub_page .page_paragraph_contents {
      display: flex;
      align-items: start;
      width: 90%;
      margin: 0 auto; }
    body.sub_page.works_page .card {
      height: auto;
      border: none;
      margin-bottom: 2rem; }
      body.sub_page.works_page .card .card-img-top {
        object-fit: cover;
        height: 15rem; }
      body.sub_page.works_page .card .card-body {
        text-align: center; }
    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  #CDD6DD; }
        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: 100%;
          color: #2A5579;
          font-weight: bold; }
          @media screen and (min-width: 576px) {
            body.sub_page.company_page table.company_aboutus_table tr th {
              width: 12rem; } }
        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_paragraph_table tr {
      border: none; }
      body.sub_page.company_page table.company_paragraph_table tr th, body.sub_page.company_page table.company_paragraph_table tr td {
        border: none;
        text-align: left; }
      body.sub_page.company_page table.company_paragraph_table tr td {
        padding: 0; }
    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: #FDC7C7; }
        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 #df382e; }
        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: auto;
          color: #df382e;
          font-weight: bold;
          white-space: nowrap; }
        body.sub_page.recruit_page table.recruits_table tr td p {
          margin: 0; }
    body.sub_page.recruit_page .section-title-rbox {
      text-align: center;
      font-size: 1.5rem;
      font-weight: bold;
      color: white;
      background: coral;
      border-radius: 3rem;
      padding: 0.5rem;
      margin: 0 auto 1rem auto; }
    body.sub_page.inquiry_page {
      /* form_wrap */ }
      body.sub_page.inquiry_page h7 {
        display: block;
        width: 100%;
        color: #2A5579;
        font-size: 1.3rem;
        padding: 1.5rem 0;
        margin: 3rem auto 0 auto;
        border-bottom: 1px solid #2A5579; }
      body.sub_page.inquiry_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.inquiry_page .form_wrap form#mail_form * {
          box-sizing: content-box; }
        body.sub_page.inquiry_page .form_wrap form#mail_form {
          width: 100%;
          max-width: 1000px;
          margin: 0 auto;
          background: white;
          line-height: 1.8; }
        body.sub_page.inquiry_page .form_wrap form#mail_form dl {
          width: 100%;
          margin: 0 auto;
          border-bottom: 1px solid #cccccc; }
        body.sub_page.inquiry_page .form_wrap form#mail_form dl:after,
        body.sub_page.inquiry_page .form_wrap form#mail_form dl dt:after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden; }
        body.sub_page.inquiry_page .form_wrap form#mail_form dl dt {
          width: 20%;
          float: left;
          padding: 2rem 0 1.5rem;
          text-align: left; }
        body.sub_page.inquiry_page .form_wrap form#mail_form dl dd {
          width: 75%;
          float: right;
          padding: 30px 0 1.5rem 5%; }
        body.sub_page.inquiry_page .form_wrap form#mail_form dl dt i {
          float: left;
          position: relative;
          top: -2px; }
        body.sub_page.inquiry_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.inquiry_page .form_wrap form#mail_form dl dt span.optional {
          background: #337ab7;
          border: 1px solid #2e6da4; }
        body.sub_page.inquiry_page .form_wrap form#mail_form dl dd span.error_blank,
        body.sub_page.inquiry_page .form_wrap form#mail_form dl dd span.error_format,
        body.sub_page.inquiry_page .form_wrap form#mail_form dl dd span.error_match {
          display: block;
          color: #ff0000;
          margin-top: 5px; }
        body.sub_page.inquiry_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.inquiry_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.inquiry_page .form_wrap form#mail_form input[type="text"],
        body.sub_page.inquiry_page .form_wrap form#mail_form input[type="email"],
        body.sub_page.inquiry_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.inquiry_page .form_wrap form#mail_form input[type="text"]:focus,
        body.sub_page.inquiry_page .form_wrap form#mail_form input[type="email"]:focus,
        body.sub_page.inquiry_page .form_wrap form#mail_form input[type="tel"]:focus,
        body.sub_page.inquiry_page .form_wrap form#mail_form textarea:focus {
          box-shadow: 0px 0px 5px #55ccff;
          border: 1px solid #55ccff;
          background: white; }
        body.sub_page.inquiry_page .form_wrap form#mail_form ul li input[type="radio"],
        body.sub_page.inquiry_page .form_wrap form#mail_form ul li input[type="checkbox"] {
          margin: 0 10px 0 0; }
        body.sub_page.inquiry_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.inquiry_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.inquiry_page .form_wrap form#mail_form ul {
          padding: 0;
          list-style-type: none; }
        body.sub_page.inquiry_page .form_wrap form#mail_form ul li {
          display: inline-block;
          white-space: nowrap; }
        body.sub_page.inquiry_page .form_wrap form#mail_form ul li label {
          display: block;
          margin-top: 10px;
          padding: 0 1rem;
          border-radius: 3px; }
        body.sub_page.inquiry_page .form_wrap form#mail_form ul li:first-child label {
          margin-top: 0px; }
        body.sub_page.inquiry_page .form_wrap form#mail_form ul li label:hover {
          cursor: pointer;
          background: #CEE3FF; }
        body.sub_page.inquiry_page .form_wrap form#mail_form input[name="company"] {
          width: 70%; }
        body.sub_page.inquiry_page .form_wrap form#mail_form input[name="name_1"],
        body.sub_page.inquiry_page .form_wrap form#mail_form input[name="name_2"],
        body.sub_page.inquiry_page .form_wrap form#mail_form input[name="read_1"],
        body.sub_page.inquiry_page .form_wrap form#mail_form input[name="read_2"],
        body.sub_page.inquiry_page .form_wrap form#mail_form input[name="postal"],
        body.sub_page.inquiry_page .form_wrap form#mail_form input[name="phone"],
        body.sub_page.inquiry_page .form_wrap form#mail_form input[name="schedule"] {
          width: 30%; }
        body.sub_page.inquiry_page .form_wrap form#mail_form input[name="mail_address"],
        body.sub_page.inquiry_page .form_wrap form#mail_form input[name="mail_address_confirm"] {
          width: 80%; }
        body.sub_page.inquiry_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.inquiry_page .form_wrap form#mail_form input[name="postal"] + a:hover {
          cursor: pointer;
          background: #31b0d5;
          border: 1px solid #269abc; }
        body.sub_page.inquiry_page .form_wrap form#mail_form p {
          width: 45%;
          margin: 3rem auto; }
        body.sub_page.inquiry_page .form_wrap form#mail_form input[type="button"],
        body.sub_page.inquiry_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.inquiry_page .form_wrap form#mail_form input[type="button"]:hover,
        body.sub_page.inquiry_page .form_wrap form#mail_form input[type="reset"]:hover {
          cursor: pointer; }
        body.sub_page.inquiry_page .form_wrap form#mail_form input[type="button"] {
          background: #9D1919;
          border: 1px solid #9D1919; }
        body.sub_page.inquiry_page .form_wrap form#mail_form input[type="button"]:hover {
          background: #E14646;
          border: 1px solid #E14646; }
        body.sub_page.inquiry_page .form_wrap form#mail_form input[type="reset"] {
          background: #19659D;
          border: 1px solid #19659D; }
        body.sub_page.inquiry_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.inquiry_page .form_wrap {
            /* -- form#mail_form, dl, dt, dd -- */
            /* -- span.required, span.optional -- */
            /* -- input design -- */
            /* -- button -- */ }
            body.sub_page.inquiry_page .form_wrap form#mail_form {
              width: 95%;
              font-size: 100%; }
            body.sub_page.inquiry_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.inquiry_page .form_wrap form#mail_form dl dd {
              width: auto;
              float: none;
              padding: 0px 0 20px 0px; }
            body.sub_page.inquiry_page .form_wrap form#mail_form dl dt i {
              float: none;
              position: static; }
            body.sub_page.inquiry_page .form_wrap form#mail_form dl dt span.required,
            body.sub_page.inquiry_page .form_wrap form#mail_form dl dt span.optional {
              margin: 0 0 0 0.5rem; }
            body.sub_page.inquiry_page .form_wrap form#mail_form input[name="phone"],
            body.sub_page.inquiry_page .form_wrap form#mail_form input[name="schedule"] {
              width: 60%; }
            body.sub_page.inquiry_page .form_wrap form#mail_form p#form_submit,
            body.sub_page.inquiry_page .form_wrap form#mail_form p#form_reset {
              padding: 1.5rem 0; }
            body.sub_page.inquiry_page .form_wrap form#mail_form input[type="button"],
            body.sub_page.inquiry_page .form_wrap form#mail_form input[type="reset"] {
              margin-left: 0; } }

/* bodyここまで */