/* ========================================

   ハラスメント防止ページ

======================================== */



#main.harassment {

    position: relative;

    z-index: 0;

    overflow: hidden;

    padding-top: 284px;

    /* padding-bottom: 154px; */

    background-color: #ffffff;

}





/* ========================================

   全体幅

======================================== */



#main.harassment #second_recruit {

    width: 100%;

}



#main.harassment #second_recruit .common_cont {

    width: 100%;

    margin: 0 auto;

}





/* ========================================

   ページタイトル

======================================== */



#main.harassment .harassment_title {

    width: 100%;

    text-align: center;

}



#main.harassment .harassment_headline {

    width: 100%;

    margin: 0 auto;

    padding-right: clamp(120px, 11.458vw, 220px);

    padding-left: clamp(120px, 11.458vw, 220px);

    box-sizing: border-box;

    color: #469b9f;

    font-family: "M PLUS 1p", sans-serif;

    font-size: clamp(28px, 2.083vw, 40px);

    font-weight: 500;

    line-height: 1.325;

    letter-spacing: 0;

    text-align: center;

    white-space: nowrap;

    opacity: 1;

}



#main.harassment .harassment_title>p {

    width: min(1026px, calc(100% - 40px));

    margin: 61px auto 0;

    padding: 0;

    color: #1f1e1e;

    font-family: "M PLUS Rounded 1c", sans-serif;

    font-size: 20px;

    font-weight: 500;

    line-height: 36px;

    letter-spacing: 0;

    text-align: left;

    opacity: 1;

    transform: rotate(0.05deg);

}





/* ========================================

   緑背景の外側エリア

======================================== */



#main.harassment #second_recruit .second_entry_cont {

    width: 100%;

    margin-top: 80px;

    padding-right: clamp(120px, 11.458vw, 220px);

    padding-left: clamp(120px, 11.458vw, 220px);

    box-sizing: border-box;

}



/*

 * 1920px幅の場合

 * 左右220px、中央1480px

 *

 * ブラウザ幅が狭くなると

 * 左右パディングは120pxまで縮小

 */

#main.harassment #second_recruit .second_entry_cont .entry_common_wrap.flow {

    width: 100%;

    margin: 0 0 110px;

    padding: 60px 0;

    box-sizing: border-box;

    border-radius: min(2.1vw, 40px);

    background-color: #dce3e2;

    font-family: "M PLUS Rounded 1c", sans-serif;

}





/* ========================================

   白背景の本文ボックス

======================================== */



/*

 * 緑背景1480pxに対して白背景1360px

 * 左側50px、右側70px

 */

#main.harassment #second_recruit .second_entry_cont .flow_cont.none {

    position: relative;

    display: block;

    width: calc(100% - 120px);

    height: auto;

    min-height: 820px;

    margin: 0 60px 0 60px;

    padding: 69px clamp(90px, 12.76vw, 245px) 76px 90px;

    box-sizing: border-box;

    border-radius: 40px;

    background-color: #fffdfd;

}



/* コピー元の下向き矢印を非表示 */

#main.harassment #second_recruit .second_entry_cont .flow_cont.none::after {

    display: none;

    content: none;

}





/* ========================================

   各文章ブロック

======================================== */



#main.harassment .harassment_section {

    width: 100%;

    margin: 0;

    padding: 0;

}



#main.harassment .harassment_section+.harassment_section {

    margin-top: 56px;

}





/* ========================================

   各見出し

======================================== */



#main.harassment .harassment_heading,

#main.harassment .harassment_contact_heading {

    width: 100%;

    margin: 0 0 20px;

    padding: 0;

    color: #255352;

    font-family: "M PLUS Rounded 1c", sans-serif;

    font-size: 20px;

    font-weight: 800;

    line-height: 36px;

    letter-spacing: 0;

    text-align: left;

    opacity: 1;

    transform: rotate(0.05deg);

}



/* コピー元の疑似要素を無効化 */

#main.harassment .harassment_heading::before,

#main.harassment .harassment_heading::after,

#main.harassment .harassment_contact_heading::before,

#main.harassment .harassment_contact_heading::after {

    display: none;

    content: none;

}





/* ========================================

   箇条書き

======================================== */



#main.harassment .harassment_list {

    display: flex;

    flex-direction: column;

    gap: 0;

    width: 100%;

    margin: 0;

    padding: 0;

    list-style: none;

}



#main.harassment .harassment_list>li {

    display: flex;

    align-items: flex-start;

    width: 100%;

    margin: 0;

    padding: 0;

    color: #1f1e1e;

    font-family: "M PLUS Rounded 1c", sans-serif;

    font-size: 20px;

    font-weight: 500;

    line-height: 36px;

    letter-spacing: 0;

    text-align: left;

    opacity: 1;

    transform: rotate(0.05deg);

}



/* 中黒 */

#main.harassment .harassment_bullet {

    display: block;

    flex: 0 0 auto;

    margin-right: 2px;

    color: #1f1e1e;

    font-family: "M PLUS Rounded 1c", sans-serif;

    font-size: 20px;

    font-weight: 500;

    line-height: 36px;

}



#main.harassment .harassment_list_text {

    display: block;

    flex: 1 1 auto;

    min-width: 0;

    color: #1f1e1e;

    font-family: "M PLUS Rounded 1c", sans-serif;

    font-size: 20px;

    font-weight: 500;

    line-height: 36px;

    letter-spacing: 0;

    text-align: left;

}





/* ========================================

   お問い合わせ窓口

======================================== */



#main.harassment .harassment_contact {

    width: 100%;

    margin-top: 56px;

}



#main.harassment .harassment_contact_heading {

    margin-bottom: 20px;

}



#main.harassment .harassment_contact_list {

    width: 100%;

    margin: 0;

    padding: 0;

}



/*

 * HTMLをp要素に変更したため、

 * 古いdt・dd指定ではなくpを直接指定

 */

#main.harassment .harassment_contact_list>p {

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    color: #1f1e1e;

    font-family: "M PLUS Rounded 1c", sans-serif;

    font-size: 20px;

    font-weight: 500;

    line-height: 36px;

    letter-spacing: 0;

    text-align: left;

    opacity: 1;

    transform: rotate(0.05deg);

}



#main.harassment .harassment_contact_list a {

    color: #1f1e1e;

    text-decoration: none;

}



#main.harassment .harassment_contact_list a:hover {

    text-decoration: underline;

    text-underline-offset: 4px;

}



/* ========================================

   PC：本文ボックスと導入文の幅を合わせる

======================================== */



@media only screen and (max-width: 1400px) and (min-width: 1161px) {

    #main.harassment .harassment_title>p {

        /*

         * second_entry_contの左右パディング

         * clamp(120px, 11.458vw, 220px)

         *

         * flow_cont.noneの横幅

         * 親幅から120pxを引いた幅

         *

         * 上記を導入文にも反映

         */

        width: calc(100% - clamp(120px, 11.458vw, 220px) * 2 - 120px);

        max-width: none;

        margin-right: auto;

        margin-left: auto;

        box-sizing: border-box;

    }

}



/* ========================================

   タブレット・SP

======================================== */



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

    #main.harassment {

        padding-top: 108px;

        /* padding-bottom: 56px; */

    }



    #main.harassment .second_wrap {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }



    #main.harassment #second_recruit {

        padding-right: 14px !important;

        padding-left: 14px !important;

        box-sizing: border-box;

    }



    #main.harassment #second_recruit .common_cont {

        width: 100%;

    }





    /* ========================================

       ページタイトル

    ======================================== */



    #main.harassment .harassment_title {

        width: 100%;

    }



    #main.harassment .harassment_headline {

        width: 100%;

        padding-right: 0;

        padding-left: 0;

        font-size: clamp(24px, 4.5vw, 32px);

        line-height: 1.5;

        white-space: normal;

    }



    /*

         * #second_recruitの左右14px

         * entry_common_wrap.flowの左右14px

         * flow_cont.noneの表示幅に合わせる

         */

    #main.harassment .harassment_title>p {

        width: calc(100% - 28px);

        margin: 36px auto 0;

        padding-right: 28px;

        padding-left: 28px;

        box-sizing: border-box;

        font-size: 16px;

        line-height: 1.8;

        text-align: center;

    }





    /* ========================================

       緑背景の外側エリア

    ======================================== */



    #main.harassment #second_recruit .second_entry_cont {

        width: 100%;

        margin-top: 64px;

        padding-right: 0;

        padding-left: 0;

    }



    #main.harassment #second_recruit .second_entry_cont .entry_common_wrap.flow {

        width: 100%;

        margin-bottom: 48px;

        padding: 57px 14px 62px;

        border-radius: 40px;

        background-color: #dce3e2;

    }





    /* ========================================

       白背景の本文ボックス

    ======================================== */



    #main.harassment #second_recruit .second_entry_cont .flow_cont.none {

        display: block;

        width: 100%;

        height: auto;

        min-height: 0;

        margin: 0;

        padding: 48px 28px 52px;

        border-radius: 32px;

    }





    /* ========================================

       各セクション

    ======================================== */



    #main.harassment .harassment_section+.harassment_section {

        margin-top: 44px;

    }





    /* ========================================

       見出し

    ======================================== */



    #main.harassment .harassment_heading,

    #main.harassment .harassment_contact_heading {

        margin-bottom: 16px;

        font-size: 17px;

        line-height: 1.8;

    }





    /* ========================================

       箇条書き

    ======================================== */



    #main.harassment .harassment_list>li,

    #main.harassment .harassment_list_text {

        font-size: 15px;

        line-height: 1.9;

    }



    #main.harassment .harassment_bullet {

        margin-right: 1px;

        font-size: 11px;

        line-height: 2.59;

    }





    /* ========================================

       お問い合わせ窓口

    ======================================== */



    #main.harassment .harassment_contact {

        margin-top: 44px;

    }



    #main.harassment .harassment_contact_list>p {

        font-size: 15px;

        line-height: 1.9;

    }

}





/* ========================================

   スマートフォン

======================================== */



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

    #main.harassment .harassment_headline {

        font-size: 23px;

        line-height: 1.5;

    }



    #main.harassment .harassment_title>p {

        width: calc(100% - 28px);

        margin-top: 30px;

        font-size: 14px;

        line-height: 1.9;

        text-align: center;

    }



    #main.harassment #second_recruit .second_entry_cont {

        margin-top: 50px;

    }



    #main.harassment #second_recruit .second_entry_cont .entry_common_wrap.flow {

        padding: 40px 14px 44px;

        border-radius: 35px;

    }



    #main.harassment #second_recruit .second_entry_cont .flow_cont.none {

        padding: 40px 20px 44px;

        border-radius: 30px;

    }



    #main.harassment .harassment_section+.harassment_section {

        margin-top: 40px;

    }



    #main.harassment .harassment_heading,

    #main.harassment .harassment_contact_heading {

        font-size: 16px;

        line-height: 1.75;

    }



    #main.harassment .harassment_list>li,

    #main.harassment .harassment_list_text {

        font-size: 14px;

        line-height: 1.9;

    }



    #main.harassment .harassment_bullet {

        font-size: 10px;

        line-height: 2.66;

    }



    #main.harassment .harassment_contact_list>p {

        font-size: 14px;

        line-height: 1.9;

    }

}