/* 固定ページ_の画面幅が1600ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1600px){

    /* お問い合わせページ */
    .page .form_wrapper .form_content input[name="submitConfirm"],
    .page-template-page-confirm .form_wrapper .form_content input[name="確認送信ボタン"],
    .page-template-page-confirm .form_wrapper .form_content button[name="submitBack"] {
        margin-top: 0;
    }
  
  


}











/* 画面幅が1400ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1400px){




}









/* 画面幅が1200ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1200px){


    .page_content_wrapper .list_box {
        padding: 1.25em;
        margin-bottom: 1.25em;
    }

    .page .orange_solid_border {
        margin: 1.25em 0;
    }

    #contact_wrapper .page_link_btn2 {
        margin-top: 1em;
    }

    .contact_second_title {
        padding: 1em;
        margin: 1.5em 0 1em 0;
    }

    .privacy_policy .arrow_list > li {
        border-bottom: 2px solid var(--assortcolor);
        padding-bottom: 1.5em;
        margin-bottom: 1.5em;
        line-height: 1.75em;
    }

    .pay_list_box > ul {
        padding: 1.5em;
    }

    .payment_list > li > p {
        margin-bottom: 1em;
    }










    /* お問い合わせページ */
    .page .form_wrapper .form_content .contact_list_box li .ttl {
        margin-bottom: 0.5em;
    }




  
  
 




}









/* 画面幅が1000ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1000px){


    /* お問い合わせページ */
    .page .form_wrapper .text_box {
        text-align: left;
    }

    .page .form_wrapper .text_box br{
        display: none;
    }

    .page .form_wrapper .text_box .warning_text li{
        list-style: "※";
        margin-left: 1em;
    }











    /* ********************************** ダウンロードページ共通（TablePress設定用） ********************************** */
    .page .dataTables_wrapper {
        height: 600px;
    }



   

  
  
 




}









/* 画面幅が800ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:800px){

    .page .contact_list_wrapper {
        display: block;
    }

    .page .contact_list_wrapper li {
        width: 100%;
        line-height: 1.25em;
    }

    .page .contact_list_wrapper > li:first-of-type{
        margin-bottom: 2em;
    }




















    









}




/* 画面幅が600ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:600px){

    .page .contact_title{
        font-size: 3em;
    }

    .contact_subtitle {
        margin: 1.5em 0 1.2em 0;
    }

    .page .contact_list_index > li:nth-child(1) {
        max-width: 60px;
    }

    .qa_answer li{
        line-height: 1.5em;  
    }

    .page .orange_border {
        margin: 2em 0;
    }

    .page .contact_list_box a {
        padding: 1.5em;
        border: 2px solid var(--assortcolor);
    }

    .qa_list .qa_contents > li {
        padding: 1em;
        border: 2px solid var(--assortcolor);
    }

    .qa_answer li {
        margin-left: 1.5em;
    }

    .qa_list .qa_trigger::before {
        width: 1em;
        height: 1em;
        vertical-align: bottom;
    }

    .shop_info .not_article {
        margin-top: 1.5em;
    }

    .not_article .comment {
        max-width: unset;
        padding: 1.5em 0;
        margin: 0 auto;
    }

    .not_article .no_item_img {
        max-width: 80px;
    }





    /* お問い合わせページ */
    .page .form_wrapper .text_box .warning_text {
        padding: 1.25em;
    }

    .page .form_wrapper .text_box span{
        display: none;
    }

    .page .form_wrapper .form_content input[name="submitConfirm"],
    .page-template-page-confirm .form_wrapper .form_content input[name="確認送信ボタン"],
    .page-template-page-confirm .form_wrapper .form_content button[name="submitBack"] {
        margin-top: 0;
        width: 100%;
        text-align: center;
    }

    .page-template-page-confirm .form_wrapper .form_content {
        padding: 1.5em;
    }

    .page-template-page-confirm .form_content .contact_list_box li .ttl {
        margin-top: 1.5em;
    }

    .page-template-page-thank .form_content {
        text-align: left;
    }










    /* お問い合わせフォーム（お問い合わせトップページ） */
    .page .form_wrapper .form_content .contact_list_box .mwform-zip-field {
        width: calc(90vw - 14px);
    }


    .page .form_wrapper .form_content .radio_wrapper > span,
    .page .form_wrapper .form_content .checkbox_wrapper > span{
        display: block;
        margin-bottom: 1em;
    }

    .mw_wp_form .horizontal-item + .horizontal-item {
        margin-left: unset !important;
    }













    /* ********************************** ダウンロードページ共通（TablePress設定用） ********************************** */
    .page .dataTables_wrapper {
        height: 400px;
    }









    /* ********************************** カタログダウンロードページ ********************************** */
    .catalog .catalog_link_box{
        display: block;
    }

    .catalog .catalog_link_box li:first-of-type{
        margin-bottom: 1.5em;
    }
   









    /* ********************************** 求人情報_スタッフ募集のお知らせ ********************************** */

    .recruit .recruit_contents {
        padding: 2em;
    }
    
    .recruit .recruit_list {
        display: block;
        margin-bottom: 1em;
    }

    


    .recruit .recruit_tab_inner1,
    .recruit .recruit_tab_inner2 {
        display: flex;
        align-items: flex-start;
    }

    .recruit .recruit_list > li:first-of-type {
        width: 100%;
        margin-left: unset;
        margin-bottom: 1em;
        padding: 1em;
        background-color: var(--pointcolor);
                color: white;
    }

    .recruit .recruit_contents > li {
        padding: unset;
        border-bottom:unset;
    }

    .recruit .box_title{
        background: unset;
        border: unset;
        color: black;
        border-bottom: 2px solid var(--assortcolor);
        display: inline-block;
        padding: 0 0 0.5em 0;
    }

    .recruit .recruit-tab-menu-btn {
        width: 70vw;
    }

    .recruit .recruit_list > li:last-of-type {
        margin-right: unset;
        margin-bottom: 2em;
    }

    .recruit .gray_dot_border{
        margin: 2em 0;
    }


    

























  

  







}





/* 画面幅が500ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:500px){

    .page .contact_title{
        font-size: 2em;
    }











    /* ********************************** お問い合わせページ ********************************** */
    .page-template-page-confirm .form_content .contact_list_box .form_btn {
        display: block;
    }

    .page-template-page-confirm .form_wrapper .form_content button[name="submitBack"] {
        margin-left: 0;
    }

    .page .form_wrapper .form_content input[name="submitConfirm"],
    .page-template-page-confirm .form_wrapper .form_content input[name="確認送信ボタン"],
    .page-template-page-confirm .form_wrapper .form_content button[name="submitBack"] {
        margin-top: 1.5em;
    }









    
    /* ここからパスワードのコンテンツ設定 */
    .password-input-wrapper {
        display: unset; /* 横並びにする */
    }

    .password-input-wrapper input[type="password"] {
        width: 100%;
    }









    /* ********************************** 求人情報_スタッフ募集のお知らせ ********************************** */

    .recruit .recruit_contents {
        padding: unset;
        background-color: unset;
    }

    .recruit .department_list > li {
        background-color: #fffeee;
        padding: 1.5em;
    }

    .recruit .recruit_list > li:last-of-type {
        margin-bottom: 1em;
    }

    .recruit .qaf_box > ul {
        display: block;
    }

    .recruit .qaf_box .answer{
        margin-bottom: 0.5em;
        width: max-content;
        padding: 0.25em 1em;
        height: auto;
    }

    .recruit .qaf_box .answer::after{
        content: "：具体的にはこんなお仕事です";
    }

    .recruit .qaf_box a{
        width: 100%;
    text-align: center;
    }

    .recruit .recruit-tab-menu-btn {
        width: 60vw;
        border-radius: 2em;
        align-items: center;
    }

    .recruit .recruit_tab-item.active,
    .recruit .recruit_tab-item:hover {
        border-radius: unset;
    }

    .recruit .recruit-tab-content {
        padding: 6em 2em 2em 2em;
    }

    .recruit .recruit_tab_inner1,
    .recruit .recruit_tab_inner2 {
        display: block;
    }

    .recruit .recruit_tab_inner1 li:first-of-type,
    .recruit .recruit_tab_inner2 li:first-of-type {
        max-width: unset;
        margin-right: unset;
    }

    .recruit .interview_wrapper {
        padding: 3em 2em 2em 2em;
    }

    .recruit .image_box {
        border-radius: 2em;
        margin-bottom: 1em;
    }

    .recruit .work_flow_contents li {
    padding: 1.5em;
    }




    



}