@media screen and (max-width: 1279px){
    /* タグ */
    h2{
        margin: 8px;
    }

    table {
        border-collapse: collapse;
        border-color: #EEEEEE;
        border-style: solid;
        border-width: 1px;
        color: #fff;
        font-size: 16px;
        width: 100%;
    }

    /* タイトル（青＆グレー） */
    .title_border_gray {
        border-bottom: solid 3px #D7D7D7;
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 0 0;
    }

    /* テキストボックスサイズ */
    input[type=text].m {
        height: 30px;
        width: 200px;
    }

    /* セレクトボックスサイズ */
    .select_l {
        height: 35px;
        width: 200px;
    }

    /* コンテナサイズ */
    .container{
        margin: 0 auto;
        width: 90%;
    }

    .container_70_t {
        margin: 0 auto;
        width: 70%;
    }
    
    .container_80_t {
        margin: 0 auto;
        width: 80%;
    }
    
    .container_90_t {
        margin: 0 auto;
        width: 90%;
    }
    
    .container_full_t {
        margin: 0 auto;
        width: 100%;
    }

    /* ボックスサイズ */
    .box_25_t {
        width: 25%;
    }
    
    .box_30_t {
        width: 30%;
    }
    
    .box_40_t {
        width: 40%;
    }
    
    .box_50_t {
        width: 50%;
    }
    
    .box_75_t {
        width: 75%;
    }
    
    .box_full_t {
        width: 100%;
    }

    /* マージン調整 */
    .margin_auto_t {
        margin: auto;
    }
    
    .margin_top_t {
        margin-top: 5%;
    }
    
    .margin_left_t {
        margin-left: 40px;
    }
    
    .margin_left_s_t {
        margin-left: 20px;
    }
    
    .margin_right_t {
        margin-right: 40px;
    }
    
    .margin_bottom_t {
        margin-bottom: 5%;
    }

    .margin_none_t{
        margin: 0;
    }

    /* パディング調整 */
    .padding_none {
        padding:0px;
    }

    /* テキストエリア */
    .textarea_clear_t {
        width: 400px;
    }

    .textarea_xs {
        background-color: #ffffff;
        border-style: solid;
        border-width: 1px;
        border-color: #D7D7D7;
        font-size: 16px;
        margin: 5px;
        width: 100%;
        height: 90px;
    }

    .textarea_all {
        max-height: none;
        overflow: visible;
    }

    /* 配置 */
    .align_center_t{
        align-items: center;
    }

    .absolute_caution{
        top: 100px;
        left: 0px;
    }

    .absolute_caution p{
        font-size: 14px;
    }

    /* div配置 */
    .flex_dir_t{
        flex-direction: column;
    }

    .flex_dir_rev_t{
        flex-direction: column-reverse;
    }

    .block_t {
        display: block;
    }
    /* 左寄せ横並び */
    .flex_t {
        display: flex;
    }
    
    /* 左寄せ縦並び */
    .flex_column_t {
        align-items: baseline;
        display: flex;
        flex-direction: column;
        justify-content: left;
    }
    
    /* 中央寄せ横並び */
    .flex_center_t {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    
    /* 中央寄せ縦並び */
    .flex_center_column_t {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* ボタンサイズ */
    button.s_wide {
        width: 200px;
    }

    button.l {
        width: 220px;
    }

    button.l_wide {
        font-size: 20px;
        height: 80px;
        width: 300px;
    }

    button.auto_t{
        width: auto;
    }

    /* 書式系 */
    .left_t {
        margin-right: auto;
        /* 左寄りにする */
    }
    
    .right_t {
        margin-left: auto;
        /* 右寄りにする */
    }
    
    .bottom_t {
        margin-top: auto;
    }
    
    .center_t {
        text-align: center;
    }

    /* ポップアップのスタイル */
    .popup {
        box-shadow: 2px 2px 5px #b7b7bb;
        display: none;
        position: absolute;
        top: -150px;
        left: 40px;
        background-color: #ffffff;
        padding: 18px;
        width: 320px;
        z-index: 9999;
    } 

    /* 製品情報ツールチップ */
    .tooltip-text {
        width: 250px;
    }

    /* スペース */
    .space_50{
        height: 50px;
    }

    /* PCのみ表示 */
    .only-pc {
        display: none;
    }

    /* PCのみ非表示 */
    .only-tablet-sp{
        display: block;
    }

    /* タブレットのみ表示 */
    .only-tablet {
        display: block;
    }

    /* タブレット以外非表示 */
    .only-sp {
        display: none;
    }

    /* タブレットのみ非表示 */
    .only-pc-sp{
        display: none;
    }
}
    
@media screen and (max-width: 767px){

    /* タグ */
    h2{
        font-size: 18px;
    }

    th{
        font-size: 14px;
    }

    td {
        font-size: 14px;
    }

    p {
        font-size: 16px;
    }

    p.small{
        font-size: 14px;
    }
    
    span.small{
        font-size: 12px;
    }

    span.big{
        font-size: 16px;
    }
    
    span.refine_search{
        font-size: 22px;
        color: #fff;
    }

    li::marker{
        font-size: 16px;
    }

    button {
        border-color: #a4aaae;
        border-radius: 6px;
        border-width: 1px;
        margin: 3px;
    }

    select {
        border-color: #D7D7D7;
        font-weight: bold;
        font-size: 16px;
    }

    table.search_conditions{
        font-size: 14px;
    }

    table.search_conditions td.title_gray{
        width: 60px;
    }

    /* タイトル */
    .title {
        font-size: 18px;
    }

    .border_blue {
        font-size: 18px;
    }

    /* テキストボックスサイズ */
    input[type=text].m {
        height: 50px;
        width: 300px;
        font-size: 16px;
    }

    /* セレクトボックスサイズ */
    .select_l {
        height: 50px;
        width: 300px;
    }

    .select_l_higher {
        height: 50px;
        width: 300px;
    }

    select.fit {
        height: 50px;
        width: 100%;
    }

    /* ボックスサイズ */
    .box_50_s {
        width: 50%;
    }
    
    .box_60_s {
        width: 60%;
    }
    
    .box_80_s {
        width: 80%;
    }
    
    .box_90_s {
        width: 90%;
    }

    .box_full_s {
        width: 100%;
    }

    .box_auto{
        width: auto;
    }

    /* ヘッダー部 */
    .header2 {
        background-color: #ffffff;
        border-bottom: solid 1px #D7D7D7;
        font-size: 20px;
        font-weight: bold;
        padding: 10px 0px 10px 0;
        width: 100%;
    }

    .logo {
        display: none;
    }
    
    .logo_sp{
        display: block;
    }

    /* マージン調整 */
    .margin_none_s{
        margin: 0;
    }

    .margin_auto_s {
        margin: auto;
    }

    .margin_top_s {
        margin-top: 5%;
    }

    /* パディング調整 */
    .padding_none_s {
        padding:0px;
    }

    /* テキストエリア */
    .textarea {
        font-size: 14px;
    }

    .textarea_clear {
        font-size: 14px;
        line-height: 1.8;
    }

    .textarea_xs {
        font-size: 16px;
    }

    .textarea_search_num {
        background-color: #ffffff;
        border-style: solid;
        border-width: 1px;
        border-color: #D7D7D7;
        font-size: 16px;
        margin: 8px;
        width: 300px;
    }

    .textarea_l {
        font-size: 14px;
    }

    /* 固定位置 */
    /* .absolute_select{
        position: absolute;
        top:50px;
        left:-1px
    } */

    .absolute_search{
        left: 70px;
        top: 60px;
    }

    .absolute_caution{
        left: 15px;
        top: 150px;
    }

    .absolute_caution p{
        font-size: 14px;
    }

    /* 配置 */
    .flex_dir_s{
        flex-direction: column;
    }
    
    .flex_dir_rev_s{
        flex-direction: column-reverse;
    }

    /* 両端寄せ */
    .flex_both{
        display: flex;
        justify-content: space-between;
        margin: 0
    }
    
    .align_center_s{
        align-items: center;
    }
    
    .display_none_s{
        display: none;
    }
    
    .block{
        display: block;
    }
    
    .flex_s {
        display: flex;
    }

    /* イメージ */
    .insertion img {
        max-height: 300px;
        width: 80%;
    }
    
    /* ボタンサイズ */
    button.search {
        font-size: 15px;
        height: 60px;
        width: 160px;
    }

    button.s_wide {
        font-size: 15px;
    }

    button.m {
        font-size: 15px;
        height: 60px;
        width: 180px;
    }

    button.m_fit {
        font-size: 15px;
        height: 60px;
        width: 100%;
    }

    /* button.m_short_s {
        font-size: 14px;
        height: 40px;
        width: 100px;
    } */

    button.m_wide {
        font-size: 18px;
        height: 80px;
        width: 300px;
    }

    button.fit_s {
        font-size: 12px;
        height: 35px;
        width: 100%;
    }

    button.xl {
        font-size: 15px;
    }

    button.refine_search{
        font-size: 15px;
        width: 180px;
    }

    /* ヘッダーボタン */
    .header_button{
        font-size: 15px;
    }

    .to_init{
        font-size: 20px;
    }

    /* マニュアルボタン */
    .manual-button-title{
        font-size: 15px;
    }

    .manual-button-container:hover .manual{
        font-size: 15px;
    }

    /* 書式系 */
    .left_s {
        margin-right: auto;
        /* 左寄りにする */
    }
    
    .right_s {
        margin-left: auto;
        /* 右寄りにする */
    }
    
    .bottom_s {
        margin-top: auto;
    }
    
    .center_s {
        text-align: center;
    }

    /* 薬品ラベル */
    .drug_label {
        font-size: 14px;
        height: auto;
    }

    .drug_lavel_box {
        width: 300px;
    }

    /* グラフのタブ */
    .tab_active {
        width: 20%;
        margin-right: 5px;
    }

    .tab_inactive {
        width: 20%;
        margin-right: 5px;
    }

    /* ポップアップのスタイル */
    .popup {
        box-shadow: 2px 2px 5px #b7b7bb;
        display: none;
        position: absolute;
        top: -150px;
        left: 20px;
        background-color: #ffffff;
        padding: 18px;
        width: 200px;
        z-index: 9999;
    }

    .popup_inner {
        font-size: 14px;
    } 

    /* ドロップダウンチェックリスト */
    .relative_s {
        position: relative;
        margin-left: 8px;
    }
    
    /* スペース */
    .space_30{
        height: 30px;
    }
    
    .space_70{
        height: 70px;
    }

    .space_150{
        height: 150px;
    }

    /* ダイアログ */
    .dialog-content {
        width: 80%;
    }

    /* PCのみ表示 */
    .only-pc {
        display: none;
    } 
    
    /* タブレットのみ非表示 */
    .only-pc-sp{
        display: block;
    }

    /* SPのみ表示 */
    .only-sp {
        display: block;
    }

    /* SP非表示 */
    .only-tablet {
        display: none;
    }
}