@charset "UTF-8";

@media screen and (max-width: 1024px) {

    .news_inner, .product_inner, .company_inner, .footer_inner {
        width: 100%;
        margin: 0 auto;
    }
    .header_inner {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .logo {
        margin: 5px 0 0 0;
        padding: 10px;
        width: auto;
        height: auto;
    }
    #contents-inner {
        width: initial;
    }
    #main-box2 {
        width: initial;
    }
    #footer_2 ul {
        width: initial;
    }
    #topic-path {
        width: initial;
        margin-left: 20px;
    }
    #navi ul {
        width: initial;
    }
    .category {
        padding: 0 10px;
    }
    .category_02 {
        width: initial;
    }
    .category_02 td a {
        /* text-decoration: none; */
        text-underline-offset: 2px;
        text-decoration-color: #999;
    }
    #product_cnt {
        margin: 20px 0;
    }
    .footer_menu {
        width: initial;
        margin: 20px;
    }
    #footer_2 li:nth-child(2)
     {
        margin-left: initial;
    }

    .category_02 th {
        width: initial;
        font-size: 12px;
    }
    .category_02 td {
        line-height: initial;
        padding: 10px 2px;
        font-size: 12px;
        width: 14%;
    }

    .main_img {
        max-width: initial;
        margin: 0 auto;
    }
    #header {
        border-top: initial;
    }
    #navi {
        display: none;
    }
    #header_inquiry {
        /* border: 3px solid #0d87cb; */
        margin-top: initial;
        border-top: initial;
        text-align: center;
        font-size: 11px;
        padding: 4px 2px;
        margin-bottom: 4px;
    }
    #Navi1{
        margin: 0 0 0 auto;
        z-index: 3;
    }
    .header_r li {
        border-top: 3px solid #0d87cb !important;
    }
    .header_r {
        /*padding-top: 10px;*/
    }
    .fa-bars {
        font-size: 16px;
    }
    #Header-SMT {
        display: flex;
        width: 100%;
        height: 40px;
    }
    #acMenu {
        margin: 0 !important;
        width: 100%;
        z-index: 10000;
    }
    #acMenu dt {
        padding-left: 20px;
        display: block;
        line-height: 42px;
        cursor: pointer;
        color: white;
        text-align: left;
        font-size: 1.2rem;
        font-weight: bold;
        background-color: rgba(19, 104, 140, 1);
    }
    #acMenu dd {
        width: 100%;
        height: 20px;
        text-align: left;
        display: none;
        position: absolute;
        right: -1px;
    }
    #acMenu dd ul {
        background-color: rgba(19, 104, 140, .9);
        padding: 20px 0 5px 0;
    }
    .acMenu_title_head {
        text-align: center;
        margin: 0 auto 20px auto;
        white-space: nowrap;
        position: relative;
        width: 90%;
    }
    #acMenu dd ul li a{
        border-top: solid 1px white;
        border-bottom: solid 1px white;
        display:block;
        color: white;
        text-align: center;
        line-height: 30px;
        font-weight: bold;
        background: rgba(13, 135, 203, 0.9);
    }
    #acMenu .acMenu_title_head ul {
        background-color: initial;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 0 6px;
        padding-top: initial;
        padding-bottom: initial;
    }
    #acMenu .acMenu_title_head ul li a {
        border-top: initial;
        border-bottom: initial;
        padding: 10px;
        padding-bottom: 0;
        background: initial;
        line-height: 16px;
        font-weight: normal;
    }
    #acMenu a:hover {
        background: rgba(255, 255, 255, 0.2);
    }
    div h2 {
        width: initial;
        margin: 25px auto 0 auto;
        padding: 0 20px;
    }
    .company_box_r {
        width: initial;
    }
    .company_menu_br {
        display: none;
    }
    .company_menu_space {
        display: none;
    }
    #news dd:last-child {
        width: 100%;
    }
    #news dt {
        width: 150px;
    }
    #news dl {
        width: initial;
    }
    .product_1 {
        display: block;
    }
    .product_1 dt {
        flex-shrink: 0;
    }
    .product_1 dd {
        height: initial !important;
    }
    .product_1 span {
        display: block;
        text-align: right;
        margin-top: 1rem;
        position: initial;
        padding-bottom: .5rem;
    }
    .product_1 dd:nth-child(3) {
        height: initial;
    }

    .top_product_title {
        width: 95% !important;
        margin: 0 auto !important;
    }
    .product_2 dt {
        margin-right: 20px;
    }
    .company_box {
        display: flex;
        flex-wrap: wrap;
    }
    .company_box_r2 {
        position: initial;
        width: initial;
        margin-top: 20px;
    }
    #footer img {
        position: initial;
        margin-left: 20px;
    }
    #footer_2 li {
        float: initial;
        width: 100%;
        text-align: center;
    }
    #topic_path {
        width: initial;
        margin-left: 20px;
    }
    #section1 {
        width: initial;
    }
    .coporateLeft {
        width: 100%;
        margin-top: 10px;
        float: initial;
    }
    .coporateRight {
        width: initial;
        margin: initial;
        float: initial;
    }
    #main-box {
        width: 100%;
        margin-left: initial;
        margin-top: 20px;
    }
    #side-navi {
        width: 100%;
        float: initial;
    }
    #side-navi ul {
        display: flex;
        flex-wrap: wrap;
    }
    #side-navi-head {
        padding: 5px 20px;
    }
    .greeting_span span {
        position: initial;
        float: right;
        margin-right: 20px;
    }
    #side-navi ul li {
        padding: 6px 20px;
        list-style-type: none;
    }
    .access_frame {
        width: 100%;
    }
    .product_3,.product_4 {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0 30px;
        margin-left: 20px;
        width: initial;
    }
    .product_3 a, .product_4 a {
        flex-shrink: 0;
    }
    #newproducts dt {
        margin-right: 20px;
    }
    .tbl_04, .tbl_05, .tbl_06, .tbl_07, .tbl_08, .tbl_09, .tbl_10 {
        width: 100%;
        font-size: 12px;
        margin: 0 0 40px 0;
    }
    h5 {
        margin-bottom: initial;
        width: initial;
    }
    #main-box2 table + p {
        margin: -35px 0 40px -20px;
    }
    #csr th {
        width: 30%;
    }
    #csr table {
        width: 90%;
    }
    #main-box2 h6 {
        margin-left: 20px;
    }
    .csr_ulist {
        width: initial;
        padding: 0px 20px 0px 40px;
    }
    #csr2 span {
        padding-right: 30px;
    }
    #main-box2 p {
        padding: 0 20px 4px 20px;
    }
    .blackink_title {
        margin-left: 0px !important;
    }
    .category img {
        margin-left: initial;
    }
    .category_05_content_wrap dd {
        text-align:center;
    }
    .category_05_margin_l_10 {
        margin-bottom: 10px !important;
    }
    .sb_07_sample_wrap {
        margin: 20px 0 60px 0 !important;
    }
    .sb_07_07_wrap {
        width: initial;
    }
    .category_05_product_6 {
        margin-left: 10px !important;
    }
    .sb_07_07_title {
        font-size: 16px;
    }
    .sb_07_07_content1 {
        font-size: 16px;
    }
    .sb_07_07_form_wrap {
        font-size: 16px;
        padding: 14px;
    }
    .category_05_inquiry_2 {
        font-size: 14px;
    }
    .sb_07_00_wrap {
        width: 100%;
    }
    .sb_07_00_image_main {
        margin-left: 0px;
        width: 86%;
        padding: 10px 7% !important;
    }
    .sb_07_00_image_main img {
        width: 100%;
    }
    .sb_07_00_image_sample_notice {
        font-size: 2vw;
    }
    .sb_07_00_image_sample_title_01 {
        font-size: 2.4vw;
        margin-top: 20px;
    }
    .sb_07_00_image_sample_title_02 {
        font-size: 2.4vw;
        margin-top: 20px;
    }
    .sb_07_00_image_sample_03 {
        top: 42%;
    }
    .sb_07_main_title {
        margin-left: 20px;
    }
    .sb_07_01_01 , .sb_07_01_02, .sb_07_02_01, .sb_07_03_01, .sb_07_04_01{
        margin-left: 10px;
        margin-right: 10px;
    }
    .sb_06_main_title {
        margin-left: 20px;
        margin-right: 10px;
    }
    .sb_06_content2_image image {
        border:solid 1px #ababab;
    }
    #inq_table {
        width: 95%;
    }
    .inquiry_content {
        padding: 20px !important;
    }
    .business_content {
        padding: 20px !important;
    }
    .business_content_h5 {
        margin-bottom: 10px !important;
    }

}

@media screen and (max-width: 900px) {
    .sb_07_00_image_sample_01,.sb_07_00_image_sample_02,.sb_07_00_image_sample_03,.sb_07_00_image_sample_04 {
        display :none;
    }
    .sb_07_sample1_image {
        flex-wrap: wrap;
        justify-content: center;
    }
    .sb_07_00_smt_link_common{
        display: block;
        position: absolute;
        z-index: 2;
    }
    .sb_07_00_smt_link1 {
        left: 17%;
        top: 24%;
    }
    .sb_07_00_smt_link2 {
        left: 53%;
        top: 50%;
    }
    .sb_07_00_smt_link3 {
        left: 53%;
        top: 65%;
    }
    .sb_07_00_smt_link4 {
        left: 53%;
        top: 79%;
    }
    .sb_07_00_smt_link_common a{
        font-size: 1.6vw;
        padding: 0px 4px;
        text-decoration: underline;
        text-indent: -6px;
        padding: 8px 20px !important;
        border: solid 2px #333;
        border-radius: 20px;
    }
    .sb_07_00_smt_link1 a{
        background: rgba(252, 252, 201, 0.7);
    }
    .sb_07_00_smt_link2 a{
        background: rgba(208, 236, 250, 0.7);
    }
    .sb_07_00_smt_link3 a{
        background: rgba(237, 223, 251, 0.7);
    }
    .sb_07_00_smt_link4 a{
        background: rgba(252, 243, 206, 0.7);
    }


    .sb_07_00_image_sample_title_01 {
        top: 8%;
        left: 16%;
    }
    .sb_07_00_image_sample_title_02 {
        top: 34%;
        left: 54%;
    }

}
@media screen and (max-width: 740px) {
    .product_top_buttun {
        display: flex;
        flex-wrap: wrap;
    }
    .history #main-box th {
        /* width: 31%; */
    }
    .history_pc_br {
        display: none;
    }
    .product_buttun {
        display: flex;
        flex-wrap: wrap;
        margin: 20px auto;
    }
    .category_05_content_wrap dl {
        width: 100%;
    }
    .category_05_content_wrap dd {
        width: 100%;
    }
    .sb_07_00_image_sample_notice {
        font-size: 12px;
        padding: 0 20px 0 6px !important;
        margin-top: 10px;
    }
    .sb_07_00_image_main {
        width: 90%;
        padding: 0 5% !important;
        margin-top: -6px;
    }

    .sb_07_sample3_image {
        margin: auto;
        width: 100%;
    }
    .sb_07_sample3_image_inner video {
        width: 100%;
        max-width: 530px;
    }
    .sb_07_sample1_image_inner video {
        width: 100%;
        max-width: 530px;
    }
    h4 {
        height: initial;
    }
    .sb_07_00_smt_link_common a{
        font-size: 12px;
    }
    .sb_07_00_image_sample_title_01 {
        font-size: 16px;
        left: 14%;
    }
    .sb_07_00_image_sample_title_02 {
        font-size: 16px;
        left: 54%;
    }
    .form-control {
        width: 90%;
    }
    #inq_table th {
        width: 32%;
    }

}
@media screen and (max-width: 700px) {
    .sb_07_00_smt_link_common a{
        padding: 8px 10px 6px 10px !important;
    }
    .sb_07_00_smt_link_common {
        margin-left: -30px;
    }
    .sb_07_00_image_sample_title_01 {
        margin-top: 10px;
    }
    .sb_07_00_smt_link3{
        left: 48%;
    }
    .sb_06_content2_list_title {
        width: 30%;
    }
    .sb_06_content2_list_content {
        width: 70%;
    }
    .inquiry_br {
        display: none;
    }
    .inquiry_fax_br {
        display: block;
    }
    .product_font_smaller {
        font-size: smaller;
    }
    .product_font_smallest {
        font-size: 8px;
    }
    .category_100 {
        padding: 0 !important;
    }
    .category_02 {
        width: 100%;
    }
    .category_04 td{
        width: 18%;
    }
    .product_cell_adjust {
        width: 80px;
    }
    .product_cell_adjust2 {
        width: 100%;
    }

}
@media screen and (max-width: 540px) {
    .sb_07_00_image_sample_title_01 {
        left: 9%;
        font-size: 16px;
    }
    .sb_07_00_image_sample_title_02 {
        left: 48%;
        top: 30%;
        font-size: 16px;
    }
    .sb_07_05_01_image {
        margin: 0 0 40px 0;
    }
    .sb_07_00_smt_link1 {
        left: 12%;
        top: 28%;
    }
    .product_tbl_over_wrap {
        overflow-x: scroll;
        margin-bottom: 40px;
    }
    .swipe_announce {
        display: block;
        font-weight: bold;
        color: #0d87cb;
        margin-left: 2rem;
        display: flex;
        gap: 1rem;
        align-items: center;
    }
    .tbl_10 {
        width: 680px;
        margin-bottom: 6px;
    }
    .tbl_08 {
        width: 600px;
        margin-bottom: 6px;
    }
    .tbl_07 {
        width: 540px;
        margin-bottom: 6px;
    }
    .tbl_06 {
        width: 480px;
        margin-bottom: 6px;
    }
    .tbl_06_2{
        width: 100% !important;
    }
    #main-box2 table + p
     {
        margin: 0px 0 0px -20px;
    }
}
@media screen and (max-width: 450px) {
    .header_r
     {
        width: 60%;
    }
    .header_r li {
        width: 80px;
    }
    .company_box_r p br{
        display: block;
    }
    .sb_07_07_tel p {
        display: block;
        margin-left: -24px;
    }
    #greeting img {
        float: initial;
    }
    #main-box p {
        padding-top: 0px;
    }
    .history #main-box th {
        width: 26%;
        text-align: center;
    }
    .br_sp_only {
        display: block;
    }
    .tbl_04, .tbl_05, .tbl_06, .tbl_07, .tbl_08, .tbl_09, .tbl_10 {
        font-size: 11px;
    }
    .sb_07_07_tel_image_s{
        display: block;
        width: 20px;
        height: 17px;
    }
    .sb_07_07_tel_image{
        display: none;
    }
    .sb_07_07_tel {
        margin-left: 10px;
    }
    .category_05_product_3 {
        margin-right: 10px;
    }
    .category_05_product_6 {
        margin-right: 10px;
    }
    .sb_07_01_table_td_1, .sb_07_02_table_td_1, .sb_07_03_table_td_1,.sb_07_04_table_td_1{
        width: initial;
    }
    .sb_07_01_table_td_2, .sb_07_02_table_td_2, .sb_07_03_table_td_2,.sb_07_04_table_td_2{
        width: initial;
    }
    .sb_07_00_image_sample_title_01 {
        margin-top: 0px;
        left: 6%;
        top: 5%;
        background: rgba(0, 0, 0, 0.6);
        padding: 4px 6px !important;
        color: white;
        font-weight: normal;
        border-left: solid 6px rgba(255, 255, 255, 0.8);
    }
    .sb_07_00_image_sample_title_02 {
        left: 6%;
        top: 25%;
        background: rgba(0, 0, 0, 0.6);
        padding: 4px 6px !important;
        color: white;
        font-weight: normal;
        border-left: solid 6px rgba(255, 255, 255, 0.8);
    }
    .sb_07_07_content1 {
        margin-left: 20px;
    }

    .sb_07_00_image_main {
        padding: 1% 5% 0 5% !important;
        display: none;
    }
    .sb_07_00_smt_link_common a {
        padding: 6px 10px 4px 10px !important;
        border: solid 2px white;
        font-size: 16px;
    }
    .sb_07_00_smt_link1 {
        left: 12%;
        top: 20%;
    }
    .sb_07_00_smt_link2 {
        left: 12%;
        top: 47%;
    }
    .sb_07_00_smt_link3 {
        left: 12%;
        top: 62%;
    }
    .sb_07_00_smt_link4 {
        left: 12%;
        top: 77%;
    }
    .sb_07_00_smt_link1 a{
        background: rgba(252, 252, 201, 0.8);
    }
    .sb_07_00_smt_link2 a{
        background: rgba(208, 236, 250, 0.8);
    }
    .sb_07_00_smt_link3 a{
        background: rgba(237, 223, 251, 0.8);
    }
    .sb_07_00_smt_link4 a{
        background: rgba(252, 243, 206, 0.8);
    }
    .sb_07_00_image_sample_notice {
        padding: 0 !important;
        left: 6%;
        bottom: 5%;
        top: initial;
        font-size: 14px;
    }
    .sb_07_00_movie {
        width: 100%;
        height: 300px;
        overflow: hidden;
        position: relative;
    }
    .sb_07_00_movie video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .profile #main-box table {
        width: initial;
    }

}