@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","游ゴシック 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; }

.w-80 {
  width: 80% !important; }

.w-70 {
  width: 70% !important; }

.w-65 {
  width: 65% !important; }

.w-60 {
  width: 60% !important; }

/* モーダル調整 */
.modal-dialog {
  max-width: 80%;
  margin: 0 auto; }

.modal-body img {
  height: fit-content; }

body {
  /* 共通header */
  /* 共通headerここまで */
  /* パンくずリストここから */
  /* パンくずリストここまで */
  /* 共通footer */
  /* 共通footerここまで */
  /* トップほか共通ここから */
  /* workscard */
  /* 横長バナー共通 */
  /* 子ページ_.sub_page_ここから */
  /* 子ページ_.sub_page_ここまで */ }
  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;
    background-color: #F8F2EA;
    border-radius: .3rem; }
    @media screen and (min-width: 768px) {
      body .jumbotron {
        padding: 2.5rem 1rem; } }
    body .jumbotron h2 {
      text-align: center;
      position: relative;
      top: -4rem;
      margin-bottom: -5rem;
      left: -2rem;
      font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
      font-weight: bold;
      letter-spacing: 0.5rem;
      color: #71B267;
      font-size: 1.8rem; }
      @media screen and (min-width: 768px) {
        body .jumbotron h2 {
          font-size: 2.5rem; } }
      body .jumbotron h2 span {
        font-size: 70%; }
    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-fluid {
    padding-right: 0;
    padding-left: 0; }
  body .btn_triangle_arrow {
    display: flex;
    text-decoration: none;
    transition: all 0.3s ease-out;
    position: relative;
    padding-left: 2rem;
    font-size: 1.5rem;
    line-height: 3rem;
    font-weight: bold;
    background-color: white;
    color: #71B267;
    border-radius: 5rem;
    border: 3px solid #71B267;
    height: 3rem;
    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 #71B267; }
    body .btn_triangle_arrow:hover {
      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 {
    border-top: 8px solid #71B267;
    width: 100%;
    background: white;
    color: #71B267;
    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 {
            display: flex; }
            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%, #71B267 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: #71B267;
          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 {
    height: 123px;
    width: 100%;
    background: #71B267;
    font-size: 0.8rem;
    display: block; }
    @media screen and (min-width: 768px) {
      body .breadcrumb_wrap {
        height: 155px; } }
    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 {
    background-color: #71B267;
    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; }
        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;
          text-align: center;
          font-size: 0.67rem; }
          @media screen and (min-width: 576px) {
            body footer .footer_navigation .fut_logocontainer .address {
              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: 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 a.card {
    transition: all 0.3s ease-out; }
    body a.card:hover {
      transform: scale(1.025); }
  body .card {
    margin-bottom: 2rem;
    background-color: #3a5b35; }
    body .card .card-img {
      object-fit: cover;
      height: 15rem; }
    body .card .card-text {
      color: white;
      font-weight: bold;
      text-align: center;
      text-shadow: 1px 1px 2px black; }
    body .card .card-img-overlay {
      background: rgba(10, 92, 64, 0.7);
      background: -moz-linear-gradient(0deg, rgba(10, 92, 64, 0) 0%, rgba(10, 92, 64, 0.7) 100%);
      background: -webkit-linear-gradient(0deg, rgba(10, 92, 64, 0) 0%, rgba(10, 92, 64, 0.7) 100%);
      background: linear-gradient(0deg, rgba(10, 92, 64, 0) 0%, rgba(10, 92, 64, 0.7) 100%);
      transition: all 0.3s ease-out; }
      body .card .card-img-overlay:hover {
        background: rgba(10, 92, 64, 0.7);
        background: -moz-linear-gradient(0deg, rgba(10, 92, 64, 0) 0%, rgba(10, 92, 64, 0.5) 100%);
        background: -webkit-linear-gradient(0deg, rgba(10, 92, 64, 0) 0%, rgba(10, 92, 64, 0.5) 100%);
        background: linear-gradient(0deg, rgba(10, 92, 64, 0) 0%, rgba(10, 92, 64, 0.5) 100%); }
  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; } }
    body .category_banner .category_banner_imgwrap a img {
      width: 100%;
      border-radius: 1rem; }
      body .category_banner .category_banner_imgwrap a img.act_iso {
        border: 1px solid #0089D2; }
      body .category_banner .category_banner_imgwrap a img.act_sdgs {
        border: 1px solid #0089D2; }
    body .category_banner .category_banner_imgwrap a:hover {
      filter: brightness(120%);
      transform: scale(1.025); }
  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 */
    /* companyページ */
    /* companyページ */
    /* activityページ */
    /* activityページ */
    /* inquiryページ */
    /* inquiryページ */ }
    body.sub_page .page_headding {
      /* .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;
        padding: 5%;
        overflow: hidden;
        color: white;
        font-weight: bold;
        text-decoration: none;
        background-color: #3a5b35;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; }
        body.sub_page .page_headding .sub_board.company {
          background-image: url("../images/sub_board_bg_company.jpg"); }
        body.sub_page .page_headding .sub_board.works {
          background-image: url("../images/sub_board_bg_works.jpg"); }
        body.sub_page .page_headding .sub_board.activity {
          background-image: url("../images/sub_board_bg_activity.jpg"); }
        body.sub_page .page_headding .sub_board.recruit {
          background-image: url("../images/sub_board_bg_recruit.jpg"); }
        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 h3 {
            font-weight: bold;
            text-align: center;
            position: inherit;
            letter-spacing: 0.5rem;
            z-index: 2;
            font-size: 2rem; }
            @media screen and (min-width: 768px) {
              body.sub_page .page_headding .sub_board .pagettl h3 {
                font-size: 2.5rem; } }
            @media screen and (min-width: 992px) {
              body.sub_page .page_headding .sub_board .pagettl h3 {
                font-size: 3rem; } }
            body.sub_page .page_headding .sub_board .pagettl h3 span {
              font-weight: normal;
              display: block;
              letter-spacing: 0.8rem;
              font-size: 1rem; }
          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 {
      font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
      display: flex;
      align-items: center;
      width: 100%;
      color: #71B267;
      font-size: 1.6875rem;
      padding: 0.2rem 0;
      margin: 1rem auto 1.5rem auto;
      letter-spacing: 0.25rem;
      border-left: 0.3rem solid #71B267;
      text-indent: 0.8rem; }
    body.sub_page .page_paragraph_contents {
      display: flex;
      align-items: start;
      width: 90%;
      margin: 0 auto; }
    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  #71B267; }
        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: #71B267;
          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: #71B267; }
        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.activity_page .jumbotron {
      margin-top: 8rem; }
      body.sub_page.activity_page .jumbotron h2 {
        text-align: center;
        top: -4rem;
        margin-bottom: -2rem;
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: 0;
        font-size: 1.7rem; }
        @media screen and (min-width: 768px) {
          body.sub_page.activity_page .jumbotron h2 {
            font-size: 1.85rem; } }
      body.sub_page.activity_page .jumbotron .row {
        width: 90%;
        margin: 0 auto; }
        body.sub_page.activity_page .jumbotron .row h3 {
          color: #71B267;
          margin-bottom: 0; }
        body.sub_page.activity_page .jumbotron .row p {
          padding: 1rem; }
    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"],
        body.sub_page.inquiry_page .form_wrap form#mail_form input[name="company_read"] {
          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="name_1_read"],
        body.sub_page.inquiry_page .form_wrap form#mail_form input[name="name_2_read"],
        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ここまで */
