@charset "UTF-8";
/* スマホファースト ブレイクポイント sp~767/tb768~1023/pc1024~*/
/*=======================================================================
スマホ(min-width:300px~)・タブレット(min-width:768px~)・PC(min-width:1280px~)
========================================================================*/
:root {
  --text-color: rgb(250, 241, 241);
  --title-color: #212529;
  --hover-color: #999;
  --bg-color1: #032452;
  --bg-color2: #ada89c;
  --btn-bg-color: rgb(250, 241, 241);
  --title-font: "Audiowide", sans-serif;
  --vh: 10.8px;
}
@media (min-width: 300px) {
  .container {
    width: auto;
    padding: 0;
  }
  #confirm_form .container {
    margin: 0 clamp(1.375rem, 0.333rem + 5.56vw, 3rem);
  }
  #visual {
    width: 100vw;
    height: 50vh;
  }
  #top {
    padding: 50vh 0 0;
  }
  .scroll {
    font-size: clamp(0.625rem, 0.509rem + 0.62vw, 1.25rem);
    top: 30%;
    left: 2%;
    margin-left: clamp(1.875rem, 1.394rem + 2.56vw, 2.625rem);
  }

  .hexagon {
    background-image: url(../images/top_sp/hex_bg_sp.png);
    background-repeat: no-repeat;
    background-position: center;
    width: clamp(15rem, 5.385rem + 51.28vw, 30rem);
    height: clamp(15rem, 5.385rem + 51.28vw, 30rem);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #nav_bar {
    display: none;
  }
  #lower_top_sp .navbar_brand img {
    margin-left: clamp(1.875rem, 1.394rem + 2.56vw, 2.625rem);
    height: clamp(1.125rem, 0.885rem + 1.28vw, 1.5rem);
  }
  #index .menu-list {
    margin-top: clamp(1.25rem, -1.154rem + 12.82vw, 5rem);
    margin-bottom: clamp(1.25rem, -1.154rem + 12.82vw, 5rem);
    width: calc(100% / 2);
  }
  #index .modal-container {
    text-align: center;
  }
  .hamburger {
    width: clamp(2.5rem, 0.714rem + 8.93vw, 5rem);
    height: clamp(2.625rem, 1.79rem + 3.56vw, 3.5rem);
  }
  .hamburger-line {
    top: 35%;
    width: clamp(1.25rem, 0.849rem + 2.14vw, 1.875rem);
  }

  /* .hamburger-line::before {
    top: 10px;
  } */
  /* .hamburger-line::after {
    top: 20px;
  } */
  .hamburger[aria-expanded="true"] .hamburger-line {
    background-color: var(--bg-color1);
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  .hamburger[aria-expanded="true"] .hamburger-line::after {
    background-color: var(--bg-color1);
    -webkit-transform: translateY(-10px) rotate(90deg);
    transform: translateY(-10px) rotate(90deg);
  }

  .modal-container {
    overflow: scroll;
    width: 100%;
    height: 35vh;
    top: 0;
    /* padding-bottom: clamp(2.25rem, 2.011rem + 1.02vw, 2.5rem); */
  }

  .menu-link {
    font-size: clamp(0.75rem, 0.59rem + 0.85vw, 1rem);
  }
  .burger_logo {
    margin-left: 6rem;
    text-align: left;
    margin-bottom: 1rem;
  }
  .burger_logo img {
    /* margin-left: clamp(1.875rem, 1.394rem + 2.56vw, 2.625rem); */
    height: clamp(1.25rem, 0.449rem + 4.27vw, 2.5rem);
  }
  .lower .burger_logo img {
    margin-left: clamp(1.875rem, 1.394rem + 2.56vw, 2.625rem);
    height: clamp(1.25rem, 0.449rem + 4.27vw, 2.5rem);
  }
  .header_fix_item {
    position: absolute;
    z-index: 99999;
  }
  #index .modal-container[aria-hidden="false"] {
    /* right: 0; */
    width: 100%;
    height: 40vh;
  }
  .touch {
    padding: 0.5rem 2.5rem;
    width: clamp(8.75rem, 3.141rem + 29.91vw, 17.5rem);
    height: clamp(1.688rem, -0.115rem + 9.62vw, 4.5rem);
    margin-right: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
    font-size: clamp(0.625rem, 0.465rem + 0.85vw, 0.875rem);
    line-height: 1.5;
  }
  span.ico span.bar {
    width: 4rem;
    top: 50%;
    left: -25%;
  }
  .section_detail_pc {
    display: none;
  }
  .section_detail_sp {
    text-align: center;
  }
  .message_point_pc {
    display: none;
  }
  .message_point_sp {
    display: block;
    margin-left: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
  }
  .message_point_sp img {
    margin: clamp(1.688rem, 0.526rem + 6.2vw, 3.5rem) 0;
    height: clamp(1.875rem, 0.673rem + 6.41vw, 3.75rem);
  }

  .section_detail_sp img,
  #detail_sp {
    margin-left: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
    margin-right: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
    margin-bottom: clamp(2.125rem, 0.923rem + 6.41vw, 4rem);
  }

  .lower_contact {
    margin-bottom: clamp(2.5rem, 1.218rem + 6.84vw, 4.5rem);
  }
  .message_contact p {
    font-size: clamp(0.563rem, 0.362rem + 1.07vw, 0.875rem);
  }
  .contact_tel {
    width: clamp(10rem, 4.391rem + 29.91vw, 18.75rem);
    height: clamp(2.5rem, 1.098rem + 7.48vw, 4.688rem);
    font-size: clamp(0.875rem, 0.474rem + 2.14vw, 1.5rem);
    line-height: 0.5;
  }
  #page_top a {
    right: 6%;
    bottom: 30%;
  }
  #page_top a::before {
    top: -2px;
    left: 5px;
    width: 1px;
    height: 80px;
  }
  #page_top a::after {
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
  }
  .copy small {
    margin-right: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
  }
  .detail_wrap {
    background: linear-gradient(125deg, #032452, #155ba7, #948db3, #455e79, #034466);
    background-size: 400% 400%;
    padding-top: 1rem;
  }
  .detail_wrap:before {
    background-image: none;
  }
  .sec_title {
    margin-left: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
    margin-bottom: clamp(1.25rem, 0.449rem + 4.27vw, 2.5rem);
  }
  .about_section .sec_title {
    margin-top: clamp(1.25rem, 0.449rem + 4.27vw, 2.5rem);
    margin-left: 0;
  }
  .history_section .sec_title {
    margin-left: 0;
  }
  .news_btn button {
    margin-right: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
  }
  .news_list {
    padding-left: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
    padding-right: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
  }
  .news_list li a {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  .news_list li a time {
    font-size: clamp(0.563rem, 0.442rem + 0.64vw, 0.75rem);
  }
  .news_list p {
    font-size: clamp(0.75rem, 0.59rem + 0.85vw, 1rem);
  }

  .message_section::before {
    height: 20px;
    background-image: url(../images/top_sp/line2_sp.png);
    background-size: cover;
  }
  .product_section:before {
    margin-top: clamp(1.563rem, 8.33vw, 4rem);
    height: 18px;
    background-image: url(../images/top_sp/line3_sp.png);
  }

  .section_detail_sp img {
    height: clamp(25rem, 16.987rem + 42.74vw, 37.5rem);
  }
  .access_section:before {
    height: 15px;
    background-image: url(../images/top_sp/line4_sp_top.png);
  }
  .access_cont {
    padding-top: clamp(0.75rem, 0.429rem + 1.71vw, 1.25rem);
    padding-left: clamp(0.75rem, -0.051rem + 4.27vw, 2rem);
    padding-right: clamp(0.75rem, -0.051rem + 4.27vw, 2rem);
    padding-bottom: clamp(1.125rem, 0.244rem + 4.7vw, 2.5rem);
  }
  .access_cont p {
    font-size: clamp(0.75rem, 0.59rem + 0.85vw, 1rem);
  }
  .address_br {
    display: inline-block;
  }
  .footer_logo img {
    display: none;
  }

  .footer_logo_sp img {
    display: block;
    height: clamp(1.125rem, 0.885rem + 1.28vw, 1.5rem);
    margin-left: clamp(1.875rem, 1.394rem + 2.56vw, 2.625rem);
  }
  .footer_logo {
    margin-top: clamp(0.75rem, 0.67rem + 0.43vw, 0.875rem);
    margin-left: clamp(1.375rem, -0.308rem + 8.97vw, 4rem);
  }
  .footer_logo img {
    height: clamp(1.125rem, -0.718rem + 9.83vw, 4rem);
  }
  .footer_menulist {
    display: grid;
    width: calc(100% / 2);
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 0;
    margin-top: clamp(2.5rem, 0.897rem + 8.55vw, 5rem);
    margin-left: clamp(1.375rem, -0.308rem + 8.97vw, 4rem);
  }

  .footer_menulist li {
    margin-right: clamp(0.938rem, -1.667rem + 13.89vw, 5rem);
  }
  .footer_menulist li a {
    font-size: clamp(0.75rem, 0.59rem + 0.85vw, 1rem);
  }
  .footer p {
    font-size: clamp(0.625rem, 0.545rem + 0.43vw, 0.75rem);
  }

  /* ==================
下層ページ
=====================*/
  .sec_title img {
    height: clamp(1.375rem, -0.176rem + 6.62vw, 3rem);
  }
  #lower_nav {
    display: none;
  }
  #lower_access::before {
    width: 100vw;
    height: 10rem;
  }

  #lower_top_pc {
    display: none;
  }
  #lower_top_sp a img {
    height: clamp(1.25rem, 0.449rem + 4.27vw, 2.5rem);
  }
  .lower_subtitle {
    font-size: clamp(1rem, 0.359rem + 3.42vw, 2rem);
    color: var(--text-color);
  }
  #detail_sp,
  #history_sp {
    display: block;
  }
  #detail_pc,
  #history_pc {
    display: none;
  }
  .history_section:before {
    background-image: url(../images/about_sp/about_line2_sp.png);
  }
  .company_list h3 {
    padding: clamp(0.75rem, 0.029rem + 3.85vw, 1.875rem) 0;
  }
  .company_list {
    padding-bottom: clamp(0.75rem, 0.029rem + 3.85vw, 1.875rem);
  }
  #about .container,
  .overview_tb,
  #history .container {
    margin: 0 clamp(1.375rem, 0.333rem + 5.56vw, 3rem);
  }
  #strength_detail .lower_subtitle {
    margin-bottom: clamp(1.875rem, 1.074rem + 4.27vw, 3.125rem);
  }
  #lower_access .sec_title {
    margin-bottom: clamp(0.75rem, 0.429rem + 1.71vw, 1.25rem);
    padding-left: clamp(0.75rem, -0.051rem + 4.27vw, 2rem);
  }
  .overview_tb td,
  .overview_tb th {
    font-size: clamp(0.75rem, 0.59rem + 0.85vw, 1rem);
  }
  .overview_tb th {
    padding: 0.5rem;
  }
  .overview_tb td {
    padding: 0 1rem;
  }
  .table_br {
    display: block;
  }
  .product_detail p {
    margin-left: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
    margin-right: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
    font-size: clamp(0.75rem, 0.59rem + 0.85vw, 1rem);
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  #products_detail .lower_subtitle {
    padding-left: clamp(3.75rem, 1.346rem + 12.82vw, 7.5rem);
    padding-right: clamp(3.75rem, 1.346rem + 12.82vw, 7.5rem);
    margin-top: clamp(0.75rem, 0.59rem + 0.85vw, 1rem);
    margin-bottom: clamp(1.5rem, 0.538rem + 5.13vw, 3rem);
  }
  #products_detail .lower_detail {
    padding-left: clamp(3.75rem, 1.346rem + 12.82vw, 7.5rem);
    padding-right: clamp(3.75rem, 1.346rem + 12.82vw, 7.5rem);
  }
  .lower_title {
    display: none;
  }
  #lower_access .sec_title {
    padding-left: 0;
  }
  /* ==================
NEWS
=====================*/
  #lower_news .lower_container,
  #about .lower_container {
    margin-top: -54px;
  }
  #lower_news_detail .news_list {
    margin-top: clamp(1.5rem, 0.859rem + 3.42vw, 2.5rem);
    margin-bottom: 0;
  }
  .news_list li:first-of-type {
    border-top: 1px solid var(--text-color);
  }
  #news-detail .news-title {
    font-size: clamp(0.75rem, 0.429rem + 1.71vw, 1.25rem);
  }
  .news-detail {
    display: block;
  }
  .news-detail-content h6 {
    margin-top: clamp(1.875rem, 0.673rem + 6.41vw, 3.75rem);
    font-size: clamp(0.875rem, 0.635rem + 1.28vw, 1.25rem);
  }

  #detail_content {
    padding-left: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
    padding-right: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
  }
  #detail_content .news-title {
    font-size: clamp(1.25rem, 0.849rem + 2.14vw, 1.875rem);
    margin: 0;
  }
  .pagination {
    padding-top: clamp(1.5rem, 0.859rem + 3.42vw, 2.5rem);
    padding-bottom: clamp(1.5rem, 0.859rem + 3.42vw, 2.5rem);
    margin-bottom: 0;
  }
  /* ==================
PRODUCTS
=====================*/
  .products_section {
    background-image: url(../images/products_sp/products_sp_bg.png);
    background-size: 95%;
    background-position: center;
    background-repeat: no-repeat;
  }
  #products .lower_container {
    margin-top: -16px;
  }
  /* ==================
CONTACT
=====================*/
  #contact_sp {
    display: block;
    margin-left: clamp(3.75rem, -3.406rem + 30.53vw, 11.25rem);
    margin-right: clamp(3.75rem, -3.406rem + 30.53vw, 11.25rem);
  }
  #contact_pc {
    display: none;
  }
  .address {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 1rem;
    width: 50%;
  }
  .required {
    display: table;
    float: none;
  }
  .addressno {
    text-align: left;
  }
  #input-postal-code-sp {
    width: 40%;
  }
  #inputPostalCodepc .form-control {
    width: 50%;
  }
  .contact-button {
    width: clamp(7.375rem, 4.09rem + 17.52vw, 12.5rem);
    height: clamp(1.813rem, 0.971rem + 4.49vw, 3.125rem);
  }
  .contact_bg_right {
    height: clamp(2.25rem, 0.487rem + 9.4vw, 5rem);
    background-position: 80%;
  }
}

@media (min-width: 390px) {
  .modal-container {
    height: 30vh;
  }
}

@media (min-width: 540px) {
  .section_detail_sp img {
    margin-left: clamp(3rem, 1.224rem + 5.26vw, 3.75rem);
    margin-right: clamp(3rem, 1.224rem + 5.26vw, 3.75rem);
  }
  .access_section:before {
    height: 20px;
  }
  .modal-container {
    height: 35vh;
  }
  #index .modal-container[aria-hidden="false"] {
    height: 50vh;
  }
  .wpcf7-form .mousikomi select {
    display: inline;
    width: 60px;
    height: 30px;
    margin: 0px 5px 15px 8px;
    padding: 4px;
  }
}
@media (min-width: 600px) {
  #visual {
    width: 100vw;
    height: 100vh;
  }
  #top {
    padding: 100vh 0 0;
  }
  .message_section::before {
    height: 42px;
  }
  .product_section:before {
    background-size: contain;
    height: 40px;
  }
  .access_section:before {
    height: 26px;
  }
  #about .container,
  #history .container {
    margin: 0 auto;
  }
  .modal-container {
    height: 75vh;
  }
  .burger_logo {
    margin-top: 0.5rem;
  }
  #index .menu-list {
    margin-top: clamp(2rem, 0.214rem + 4.76vw, 2.5rem);
    margin-bottom: clamp(2rem, 0.214rem + 4.76vw, 2.5rem);
  }
  #index .modal-container[aria-hidden="false"] {
    right: 0;
    width: calc(100% / 2);
    height: 100vh;
  }
  .touch {
    line-height: 3;
  }
  span.ico span.bar {
    width: 6rem;
    top: 50%;
    left: -20%;
  }
  .tel_br {
    display: block;
  }
  .footer_logo {
    margin-left: 0;
  }
  .footer_logo_sp img {
    margin: 0;
  }
  .footer_menulist {
    margin-left: 0;
    width: 100%;
  }
  #lower_access .sec_title {
    margin-left: 0;
  }
  /* ==================
Contact
=====================*/
  #contact_sp {
    display: none;
  }
  #contact_pc {
    display: block;
    margin-left: clamp(1.25rem, -4.521rem + 24.62vw, 16.5rem);
    margin-right: clamp(1.25rem, -4.521rem + 24.62vw, 16.5rem);
  }

  .col-form-label {
    display: flex;
  }

  .required {
    display: table-cell;
    float: right;
  }
  #confirm_form .container {
    margin: 0 auto;
  }
}
@media screen and (min-width: 720px) {
  #index .menu-list {
    margin-top: clamp(2.5rem, -1.053rem + 7.89vw, 4rem);
    margin-bottom: clamp(2.5rem, -1.053rem + 7.89vw, 4rem);
  }
}
@media screen and (min-width: 768px) {
  .access_cont {
    padding-left: clamp(5.625rem, 4.18rem + 3.01vw, 6.75rem);
    padding-right: clamp(5.625rem, 4.18rem + 3.01vw, 6.75rem);
  }

  .hex_container {
    margin-bottom: clamp(1.25rem, 0.287rem + 2.01vw, 2rem);
  }
  .touch {
    line-height: 2.2;
  }
  #index .menu-list {
    margin-top: clamp(2rem, 0.214rem + 4.76vw, 2.5rem);
    margin-bottom: clamp(2rem, 0.214rem + 4.76vw, 2.5rem);
  }
  .news_list li {
    /* padding: clamp(1.875rem, 0.912rem + 2.01vw, 2.625rem) clamp(2.5rem, 1.858rem + 1.34vw, 3rem); */
    padding: clamp(1.375rem, 0.412rem + 2.01vw, 2.125rem) clamp(2rem, 1.358rem + 1.34vw, 2.5rem);
  }
  .news_list li:first-of-type:hover,
  .news_list li:hover {
    padding: clamp(1.375rem, 0.412rem + 2.01vw, 2.125rem) clamp(2rem, 1.358rem + 1.34vw, 2.5rem);
  }
  .news_list p {
    margin-left: clamp(5.625rem, 4.18rem + 3.01vw, 6.75rem);
    font-size: clamp(0.813rem, 0.652rem + 0.33vw, 0.938rem);
  }

  .news_section,
  .message_section,
  .history_section {
    padding-top: clamp(5.25rem, 4.287rem + 2.01vw, 6rem);
  }

  .message_point_pc img {
    height: clamp(4rem, -2.737rem + 10.53vw, 6.25rem);
  }
  .product_box img {
    height: clamp(15rem, 11.789rem + 6.69vw, 17.5rem);
  }

  .product_detail p {
    font-size: clamp(0.875rem, 0.554rem + 0.67vw, 1.125rem);
  }

  .touch {
    margin-top: clamp(1.5rem, 0.858rem + 1.34vw, 2rem);
    margin-right: clamp(5rem, 4.197rem + 1.67vw, 5.625rem);
    margin-bottom: clamp(6.25rem, 4.003rem + 4.68vw, 8rem);
    padding: clamp(1.125rem, 0.643rem + 1vw, 1.5rem) clamp(4rem, 0.468rem + 7.36vw, 6.75rem);
  }

  #lower_access .container {
    margin: 0;
  }
  #lower_access .sec_title {
    margin-left: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
  }
  .access_map iframe {
    height: clamp(30rem, 17.157rem + 26.76vw, 40rem);
  }
  .access_section:before {
    height: 30px;
  }
  .access_section .sec_title {
    margin: 0 clamp(1.375rem, 0.333rem + 5.56vw, 3rem);
    margin-bottom: clamp(1rem, 0.839rem + 0.33vw, 1.125rem);
  }
  .access_section .container p {
    padding-bottom: clamp(10rem, 6.789rem + 6.69vw, 12.5rem);
  }

  .tel_br {
    display: inline-block;
  }

  /* ==================
下層ページ
=====================*/

  /* ==================
News
=====================*/
  .news-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }

  .news-detail-content,
  .news_img {
    flex: 1;
    min-width: 300px;
  }
  .news_img {
    max-width: 100%;
  }

  .news_img img {
    width: 100%;
    height: 300px;
    display: block;
    object-fit: cover;
  }

  /* ==================
About
=====================*/

  .lower_nav {
    margin-right: clamp(2rem, 0.555rem + 3.01vw, 3.125rem);
  }
  /* ==================
Contact
=====================*/

  .contact-final {
    padding-left: 4rem;
  }
  /* ==================
Products
=====================*/

  .products_section,
  .contact_section {
    padding-bottom: clamp(4.5rem, 2.895rem + 3.34vw, 5.75rem);
  }
  .lower_item {
    margin-bottom: clamp(5rem, 2.431rem + 5.35vw, 7rem);
  }

  .news_nav {
    margin-top: clamp(7.5rem, 1.079rem + 13.38vw, 12.5rem);
    padding-bottom: clamp(6.25rem, 2.237rem + 8.36vw, 9.375rem);
  }
  .page-link {
    font-size: clamp(0.875rem, 0.714rem + 0.33vw, 1rem);
  }
  .message_point_pc {
    display: block;
    margin-left: clamp(1.563rem, 0.191rem + 5.85vw, 3rem);
  }
  .message_point_sp {
    display: none;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #index .menu-list {
    margin-top: clamp(7.5rem, 3.75rem + 7.81vw, 8.75rem);
    margin-bottom: clamp(7.5rem, 3.75rem + 7.81vw, 8.75rem);
  }
  .lower .modal-container {
    height: 30vh;
  }
}
@media screen and (min-width: 1024px) {
  #index .menu-list {
    margin-top: clamp(6.25rem, -1.984rem + 12.87vw, 9rem);
    margin-bottom: clamp(6.25rem, -1.984rem + 12.87vw, 9rem);
  }
  #index .modal-container {
    text-align: center;
  }
  .scroll {
    top: 60%;
  }
  .detail_wrap {
    background: linear-gradient(135deg, #032452, #155ba7, #948db3, #455e79, #034466);
    background-size: 400% 400%;
  }
  .detail_wrap:before {
    background-image: url(../images/top/line1.png);
    height: 4rem;
  }

  #confirm_form .container {
    width: 100%;
    max-width: 90%; /* 任意調整OK */
    margin: 0 auto;
    padding: 0 clamp(1.375rem, 0.333rem + 5.56vw, 3rem);
    box-sizing: border-box;
  }
  #index .modal-container[aria-hidden="false"] {
    right: 0;
    width: calc(100% / 3);
    height: 100vh;
  }
  #visual_pc {
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
  }

  ul.nav_links {
    position: relative;
  }

  #nav_bar {
    display: block;
    position: relative;
    z-index: 10;
  }
  .lower_hamburger {
    display: none;
    cursor: pointer;
  }

  .button_hex {
    width: clamp(12.5rem, 2.868rem + 20.07vw, 20rem);
    line-height: clamp(2rem, -2.491rem + 7.02vw, 3.5rem);
    text-align: center;
    font-size: 18px;
  }
  .hexagon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: none;
    background-image: url(../images/top/top_hex.png);
    width: clamp(37.5rem, 8.604rem + 60.2vw, 60rem);
    height: clamp(37.5rem, 8.604rem + 60.2vw, 60rem);
    margin: calc(clamp(37.5rem, 8.604rem + 60.2vw, 60rem) / -2) 0 0 calc(clamp(37.5rem, 8.604rem + 60.2vw, 60rem) / -2);
  }
  .hamburger-line {
    width: clamp(2.5rem, 0.357rem + 3.35vw, 4.375rem);
  }
  .sec_title img {
    height: clamp(2.25rem, 1.127rem + 1.75vw, 2.625rem);
  }

  .news_list li a {
    flex-direction: row;
    align-items: center;
  }
  .news_list li a time {
    font-size: clamp(1rem, 0.251rem + 1.17vw, 1.25rem);
  }
  .news_btn button a {
    font-size: clamp(0.875rem, 0.161rem + 1.12vw, 1.5rem);
  }
  span.ico span.bar {
    width: 8rem;
    position: absolute;
    top: 50%;
    left: -20%;
    line-height: 1.4;
  }

  .section_detail_pc {
    display: block;
    margin-top: clamp(3.75rem, 0.539rem + 6.69vw, 6.25rem);
    margin-left: clamp(7.5rem, -3.728rem + 17.54vw, 11.25rem);
    margin-right: clamp(7.5rem, -3.728rem + 17.54vw, 11.25rem);
  }
  .message_point_pc {
    margin-left: clamp(7.5rem, -3.728rem + 17.54vw, 11.25rem);
    margin-right: clamp(7.5rem, -3.728rem + 17.54vw, 11.25rem);
  }

  .section_detail_sp {
    display: none;
  }
  .message_section::before {
    height: 100px;
    background-image: url(../images/top/line2.png);
    background-size: cover;
  }
  .message_contact p {
    font-size: clamp(1rem, 0.251rem + 1.17vw, 1.25rem);
  }
  .message_contact {
    margin-top: clamp(3.75rem, -3.735rem + 11.7vw, 6.25rem);
  }
  .product_section:before {
    height: 30px;
    background-image: url(../images/top/line3.png);
  }
  .access_section:before {
    height: 64px;
    background-image: url(../images/top/line4_top.png);
  }

  .access_cont {
    padding-bottom: clamp(7.5rem, -7.471rem + 23.39vw, 12.5rem);
  }
  .access_cont p {
    font-size: clamp(1rem, 0.286rem + 1.12vw, 1.625rem);
  }
  .address_br {
    display: inline;
  }
  .touch {
    width: clamp(20rem, -9.942rem + 46.78vw, 30rem);
    height: clamp(5rem, 2.006rem + 4.68vw, 6rem);
    font-size: clamp(1rem, 0.626rem + 0.58vw, 1.125rem);
  }

  #page_top a::before {
    top: -8px;
    left: 12px;
    height: 120px;
  }
  #page_top a::after {
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
  }

  .footer_logo {
    margin-top: clamp(1rem, 0.626rem + 0.58vw, 1.125rem);
    margin-left: clamp(5rem, 2.754rem + 3.51vw, 5.75rem);
    padding-top: clamp(4rem, 2.395rem + 3.34vw, 5.25rem);
  }

  .footer_logo img {
    height: clamp(3.75rem, 2.787rem + 2.01vw, 4.5rem);
  }
  .footer_logo img {
    display: block;
  }
  .footer_logo_sp img {
    display: none;
  }
  .footer_menulist {
    width: calc(100% / 3);
    margin-top: clamp(6.25rem, 2.507rem + 5.85vw, 7.5rem);
    margin-left: clamp(5rem, 2.754rem + 3.51vw, 5.75rem);
  }

  .footer_menulist li {
    margin-right: clamp(6.25rem, 0.262rem + 9.36vw, 8.25rem);
  }
  /* 以下フッター768pxから変更まだ */
  .footer_menulist li a {
    font-size: clamp(1rem, 0.679rem + 0.67vw, 1.25rem);
  }
  .footer p {
    margin-top: clamp(12.5rem, -0.343rem + 26.76vw, 22.5rem);
  }
  .footer p small {
    margin-bottom: clamp(1rem, 0.358rem + 1.34vw, 1.5rem);
  }
  /* ==================
下層ページ
=====================*/
  .lower_detail {
    margin-top: clamp(2rem, 0.074rem + 4.01vw, 3.5rem);
    margin-bottom: clamp(6.25rem, -0.171rem + 13.38vw, 11.25rem);
  }
  #lower_top_pc {
    display: block;
    margin: clamp(1.875rem, -1.202rem + 4.81vw, 3.125rem) 0;
  }
  #lower_top_sp {
    display: none;
  }
  #lower_top_pc a img {
    height: clamp(3.75rem, 2.787rem + 2.01vw, 4.5rem);
  }
  .lower_title_sp {
    display: none;
  }
  .lower_title {
    display: block;
  }
  .news_list li:first-of-type {
    border-top: 1px solid var(--text-color);
  }

  #about .lower_detail {
    padding-left: clamp(2.188rem, -0.313rem + 3.91vw, 4.375rem);
    padding-right: clamp(2.188rem, -0.313rem + 3.91vw, 4.375rem);
  }
  #history_pc {
    padding-left: clamp(7.5rem, 3.009rem + 7.02vw, 9rem);
    padding-right: clamp(7.5rem, 3.009rem + 7.02vw, 9rem);
  }

  .lower_nav_links {
    display: flex;
    justify-content: space-evenly;
    gap: 2rem;
  }
  #lower_nav {
    display: flex;
    align-items: center;
  }

  .company_list h3 {
    padding: clamp(3rem, 0.754rem + 3.51vw, 3.75rem) 0;
  }
  .company_list {
    padding-bottom: clamp(3rem, 0.754rem + 3.51vw, 3.75rem);
  }
  .products_section {
    background-image: url(../images/products/products_bg.png);
    background-size: 98%;
    background-position: center;
    background-repeat: no-repeat;
  }
  #products_detail .lower_subtitle {
    padding-left: clamp(10rem, 2.515rem + 11.7vw, 12.5rem);
    padding-right: clamp(10rem, 2.515rem + 11.7vw, 12.5rem);
    margin-top: clamp(1rem, 0.626rem + 0.58vw, 1.125rem);
    margin-bottom: clamp(3.5rem, 0.506rem + 4.68vw, 4.5rem);
  }
  #products_detail .lower_detail {
    padding-left: clamp(11.25rem, 5.636rem + 8.77vw, 13.125rem);
    padding-right: clamp(11.25rem, 5.636rem + 8.77vw, 13.125rem);
  }
  .product_detail {
    margin-left: clamp(12.5rem, -6.213rem + 29.24vw, 18.75rem);
    margin-right: clamp(12.5rem, -6.213rem + 29.24vw, 18.75rem);
  }
  .product_detail p {
    margin-left: 0;
  }
  .footer_menulist {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列 */
    grid-auto-rows: auto; /* 行の高さは自動 */
    gap: 2rem 4rem; /* 行と列の余白 */
  }

  /* ==================
About
=====================*/
  #detail_pc,
  #history_pc {
    display: block;
  }
  #detail_sp,
  #history_sp {
    display: none;
  }
  .lower_subtitle {
    font-size: clamp(2.5rem, 0.254rem + 3.51vw, 3.25rem);
  }
  .lower_header_wrap {
    display: flex;
    justify-content: space-evenly;
  }
  #lower_access::before {
    width: 100vw;
    height: 20rem;
  }
  #about .container,
  .overview_tb,
  #history .container {
    margin: 0 clamp(3.75rem, -7.478rem + 17.54vw, 7.5rem);
  }
  .history_section:before {
    content: "";
    display: inline-block;
    width: 100vw;
    height: 5.5rem;
    background-image: url(../images/about/about_line2.png);
  }
  #strength_detail .lower_subtitle {
    margin-bottom: clamp(3.75rem, 0.007rem + 5.85vw, 5rem);
  }
  #lower_access .sec_title {
    margin-bottom: clamp(1rem, 0.839rem + 0.33vw, 1.125rem);
  }
  .access_cont,
  #lower_access .container {
    padding-left: clamp(6.75rem, 6rem + 0.83vw, 7rem);
    padding-right: clamp(6.75rem, 6rem + 0.83vw, 7rem);
  }
  .overview_tb th,
  .overview_tb td {
    font-size: clamp(0.875rem, 0.126rem + 1.17vw, 1.125rem);
  }
  .overview_tb th {
    padding: 1rem;
  }
  .overview_tb td {
    padding: 0 5rem;
  }
  /* ==================
NEWS
=====================*/
  #lower_news_detail .news_list {
    padding-left: clamp(10rem, -4.971rem + 23.39vw, 15rem);
    padding-right: clamp(10rem, -4.971rem + 23.39vw, 15rem);
  }
  #lower_news_detail {
    margin-top: clamp(2.5rem, -4.985rem + 11.7vw, 5rem);
  }
  #news-detail .news-title {
    margin-left: 65px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: clamp(1.25rem, 0.679rem + 0.89vw, 1.75rem);
  }
  #detail_content .news-title {
    font-size: clamp(2.5rem, 1.071rem + 2.23vw, 3.75rem);
  }
  #detail_content h6 {
    font-size: clamp(1.5rem, -0.214rem + 2.68vw, 3rem);
  }
  .news-list-item {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
  }
  /* ==================
CONTACT
=====================*/
  .contact_bg_right {
    height: clamp(6.25rem, 0.536rem + 8.93vw, 11.25rem);
  }
  .contact-button {
    width: clamp(15rem, 7.515rem + 11.7vw, 17.5rem);
    height: clamp(3.5rem, 2.003rem + 2.34vw, 4rem);
  }
  #inputPostalCodepc .form-control {
    width: 50%;
  }
  #label-company-pc,
  #label-comment {
    white-space: nowrap;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  #index .menu-list {
    margin-top: clamp(9rem, -9.459rem + 21.62vw, 10rem);
    margin-bottom: clamp(9rem, -9.459rem + 21.62vw, 10rem);
  }
  #index .modal-container[aria-hidden="false"] {
    right: 0;
    width: calc(100% / 2);
    height: 100vh;
  }
  #modal-1-content .menu-link {
    padding-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1366px) {
  .detail_wrap {
    bottom: 20%;
  }
}
@media screen and (min-width: 1440px) {
  #index .menu-list {
    margin-top: clamp(10rem, 5.125rem + 5.42vw, 11.625rem);
    margin-bottom: clamp(10rem, 5.125rem + 5.42vw, 11.625rem);
  }
  #index .modal-container {
    text-align: center;
  }
  .hexagon {
    width: clamp(62.5rem, 21.25rem + 45.83vw, 76.25rem);
    height: clamp(62.5rem, 21.25rem + 45.83vw, 76.25rem);
    margin: calc(clamp(62.5rem, 21.25rem + 45.83vw, 76.25rem) / -2) 0 0 calc(clamp(62.5rem, 21.25rem + 45.83vw, 76.25rem) / -2);
  }
  .hex_container {
    margin-bottom: clamp(2.5rem, 0.625rem + 2.08vw, 3.125rem);
  }

  .access_cont,
  #lower_access .container {
    padding-left: clamp(6.75rem, 6rem + 0.83vw, 7rem);
    padding-right: clamp(6.75rem, 6rem + 0.83vw, 7rem);
  }
  #lower_access .container {
    margin: 0;
  }
  .section_detail_pc {
    margin-top: clamp(7rem, 4.75rem + 2.5vw, 7.75rem);
    margin-right: clamp(12.5rem, 3.125rem + 10.42vw, 15.625rem);
    margin-left: clamp(12.5rem, 3.125rem + 10.42vw, 15.625rem);
  }
  .detail_wrap {
    bottom: 50%;
  }
  .burger_logo {
    margin-left: 8rem;
  }

  /* .news_list li { */
  /* padding: clamp(2.625rem, 1.5rem + 1.25vw, 3rem) clamp(3rem, 2.625rem + 0.42vw, 3.125rem); */
  /* padding: clamp(2.125rem, 1rem + 1.25vw, 2.5rem) clamp(2.5rem, 2.125rem + 0.42vw, 2.625rem);
  } */
  .news_list li a {
    padding: clamp(2.125rem, 1rem + 1.25vw, 2.5rem) clamp(2.5rem, 2.125rem + 0.42vw, 2.625rem);
  }
  .news_list li a time {
    font-size: clamp(1.25rem, 0.5rem + 0.83vw, 1.5rem);
  }
  .news_list li a:first-of-type:hover,
  .news_list li a:hover {
    padding: clamp(2.125rem, 1rem + 1.25vw, 2.5rem) clamp(2.5rem, 2.125rem + 0.42vw, 2.625rem);
  }

  .news_list p {
    margin-left: clamp(6.75rem, 4.875rem + 2.08vw, 7.375rem);
    font-size: clamp(1rem, 0.25rem + 0.83vw, 1.25rem);
  }
  .sec_title {
    margin-top: clamp(6.75rem, 5.25rem + 1.67vw, 7.25rem);
  }
  .sec_title img {
    height: clamp(3rem, 0.375rem + 2.92vw, 3.875rem);
  }
  .touch {
    margin-top: clamp(2.25rem, 1.125rem + 1.25vw, 2.625rem);
    margin-right: clamp(6rem, 4.313rem + 1.88vw, 6.563rem);
    margin-bottom: clamp(8.25rem, 6.375rem + 2.08vw, 8.875rem);
    width: clamp(31.25rem, 15.313rem + 17.71vw, 36.563rem);
    height: clamp(6.25rem, 4rem + 2.5vw, 7rem);
    font-size: clamp(1.25rem, 0.5rem + 0.83vw, 1.5rem);
    padding: clamp(1.875rem, 0.75rem + 1.25vw, 2.25rem) clamp(7.5rem, 5.25rem + 2.5vw, 8.25rem);
    line-height: 1.5;
  }

  .button_hex {
    width: clamp(22.5rem, 15rem + 8.33vw, 25rem);
    line-height: clamp(4rem, 0.813rem + 3.54vw, 5.063rem);
    text-align: center;
    font-size: clamp(1.5rem, 1.67vw, 2rem);
  }

  .access_cont {
    padding-bottom: clamp(15rem, 10.5rem + 5vw, 16.5rem);
  }
  .access_map iframe {
    height: clamp(45rem, 24.375rem + 22.92vw, 51.875rem);
  }
  .news_section,
  .history_section {
    padding-top: clamp(6.25rem, 3.25rem + 3.33vw, 7.25rem);
  }
  .message_contact {
    margin-top: clamp(7.5rem, 8.33vw, 10rem);
  }
  .message_point_pc {
    margin-right: clamp(12.5rem, 3.125rem + 10.42vw, 15.625rem);
    margin-left: clamp(12.5rem, 3.125rem + 10.42vw, 15.625rem);
  }
  .message_point_pc img {
    height: clamp(7.5rem, 4.125rem + 3.75vw, 8.625rem);
  }
  .message_contact p {
    font-size: clamp(1.5rem, 1.67vw, 2rem);
  }
  #about .container,
  .overview_tb,
  #history .container {
    margin: 0 clamp(11.25rem, 1.125rem + 11.25vw, 14.625rem);
  }
  .overview_tb td,
  .overview_tb th {
    font-size: clamp(1.25rem, 0.125rem + 1.25vw, 1.625rem);
  }
  .product_box img {
    height: clamp(18.75rem, 9.75rem + 10vw, 21.75rem);
  }
  .product_detail p {
    font-size: clamp(1.25rem, 0.125rem + 1.25vw, 1.625rem);
  }
  .product_detail {
    margin-left: clamp(22.5rem, -6rem + 31.67vw, 32rem);
    margin-right: clamp(22.5rem, -6rem + 31.67vw, 32rem);
  }
  #products_detail .lower_subtitle {
    padding-left: clamp(13.5rem, 11.25rem + 2.5vw, 14.25rem);
    padding-right: clamp(13.5rem, 11.25rem + 2.5vw, 14.25rem);
    margin-top: clamp(1.25rem, 0.5rem + 0.83vw, 1.5rem);
    margin-bottom: clamp(5rem, 0.125rem + 5.42vw, 6.625rem);
  }
  #products_detail .lower_detail {
    padding-left: clamp(15rem, 5.25rem + 10.83vw, 18.25rem);
    padding-right: clamp(15rem, 5.25rem + 10.83vw, 18.25rem);
  }

  .access_section .sec_title {
    margin-bottom: clamp(1.25rem, -0.063rem + 1.46vw, 1.688rem);
  }
  .access_section .container p {
    padding-bottom: clamp(15rem, 12rem + 3.33vw, 16rem);
  }
  .footer_logo {
    margin-top: clamp(1.125rem, 0.75rem + 0.42vw, 1.25rem);
    margin-left: clamp(6.25rem, 3.438rem + 3.13vw, 7.188rem);
    padding-top: clamp(6.25rem, 3.625rem + 2.92vw, 7.125rem);
  }
  .footer_logo img {
    height: clamp(5rem, 2.75rem + 2.5vw, 5.75rem);
  }
  .footer_menulist {
    margin-top: clamp(8.25rem, 4.5rem + 4.17vw, 9.5rem);
    margin-left: clamp(6.25rem, 3.438rem + 3.13vw, 7.188rem);
  }
  .footer_menulist li {
    margin-right: clamp(10rem, 5.125rem + 5.42vw, 11.625rem);
  }
  .footer_menulist li a {
    font-size: clamp(1.5rem, 1.67vw, 2rem);
  }
  .footer p {
    margin-top: clamp(25rem, 4rem + 23.33vw, 32rem);
  }
  .footer p small {
    margin-bottom: clamp(1.875rem, 0.75rem + 1.25vw, 2.25rem);
  }
  .copy small {
    font-size: 1rem;
  }
  /* ==================
About
=====================*/
  .lower_subtitle {
    font-size: clamp(3.75rem, 1.5rem + 2.5vw, 4.5rem);
  }
  .lower_top {
    margin: clamp(3.75rem, 1.875rem + 2.08vw, 4.375rem) clamp(4rem, 1.75rem + 2.5vw, 4.75rem);
  }
  .lower_top a img {
    height: clamp(4.5rem, 1.5rem + 3.33vw, 5.5rem);
  }
  .lower_nav {
    margin-right: clamp(3.75rem, 1.5rem + 2.5vw, 4.5rem);
  }
  .lower_nav_links {
    gap: 5rem;
  }

  .lower_detail {
    margin-top: clamp(4rem, 1rem + 3.33vw, 5rem);
    margin-bottom: clamp(12.5rem, -0.625rem + 14.58vw, 16.875rem);
  }

  #strength_detail .lower_subtitle {
    margin-bottom: clamp(5.625rem, 1.875rem + 4.17vw, 6.875rem);
  }
  #history_pc {
    padding-left: clamp(10rem, 4.75rem + 5.83vw, 11.75rem);
    padding-right: clamp(10rem, 4.75rem + 5.83vw, 11.75rem);
  }
  .overview_tb th,
  .overview_tb td {
    font-size: clamp(1.25rem, 0.125rem + 1.25vw, 1.625rem);
  }

  .company_list h3 {
    padding: clamp(5.25rem, 1.875rem + 3.75vw, 6.375rem) 0;
  }
  .company_list {
    padding-bottom: clamp(5.25rem, 1.875rem + 3.75vw, 6.375rem);
  }
  /* ==================
Products
=====================*/
  .products_section {
    padding-bottom: clamp(6.25rem, 4rem + 2.5vw, 7rem);
  }
  .lower_item {
    margin-bottom: clamp(8rem, 5rem + 3.33vw, 9rem);
  }

  .news_nav {
    margin-top: clamp(15rem, 3.75rem + 12.5vw, 18.75rem);
    padding-bottom: clamp(10rem, 3.25rem + 7.5vw, 12.25rem);
  }
  .page-link {
    font-size: clamp(1.125rem, 1.25vw, 1.5rem);
  }
  /* ==================
Contact
=====================*/
  .contact-button {
    width: clamp(17.5rem, 11.125rem + 7.08vw, 19.625rem);
    height: clamp(4rem, 1.563rem + 2.71vw, 4.813rem);
  }
  /* ==================
NEWS
=====================*/
  #lower_news_detail .news_list {
    padding-left: clamp(17.5rem, 6.25rem + 12.5vw, 21.25rem);
    padding-right: clamp(17.5rem, 6.25rem + 12.5vw, 21.25rem);
  }
  #lower_news_detail {
    margin-top: clamp(6.25rem, 0.25rem + 6.67vw, 8.25rem);
  }
}
/*# sourceMappingURL=style.css.map */
@media (min-width: 1920px) {
  #about .container,
  .overview_tb,
  #history .container {
    margin: 0 auto;
  }
  #lower_access::before {
    height: 23rem;
  }
  .inner_ul {
    left: 38%;
  }
}
@media (min-width: 2304px) {
  img {
    max-width: 150%;
  }
  .fv_logo img {
    max-width: 100%;
  }
  .burger_logo {
    margin-left: 12rem;
  }
  .news_list li a,
  .news_list li a p {
    font-size: 1.5rem;
  }
  .product_section:before {
    height: 2.5rem;
    background-size: contain;
  }
  .message_section::before {
    height: 8rem;
    background-size: contain;
  }
  .history_section:before {
    height: 7.5rem;
  }
  .access_section:before {
    height: 5rem;
    background-size: contain;
  }
  span.ico span.bar {
    width: 13rem;
  }
  .detail_wrap:before {
    background-size: contain;
    height: 5rem;
  }
  #lower_access::before {
    height: 30rem;
  }
}