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

ヘッダー

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    /*メイン画像
    .top_main{
        padding-top: 130px;
        color:#fff;
        width: 100vw;
        height: 88vh;
        background:url(../img/main_img.jpg) no-repeat center bottom / cover;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .top_main p{
        font-size: 37px;
        -moz-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
        -webkit-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
        -ms-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
        text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
    }*/

}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

}

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

お知らせ設定

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .news_title_box{
        position: relative;
        padding-bottom: 25px;
    }
    .news_title_box::before{
        position: absolute;
        display: inline-block;
        content: "";
        background-color: #403c34;
        width: 773px;
        height: 2px;
        top: 29px;
        right: 0;
    }
    /* ＝＝＝＝大見出し＝＝＝＝  */
    .news_title_box ul{
        font-size: 0;
        list-style: none;
        text-align: left;
    }
    .news_title_box ul li{
        display: inline-block;
    }
    .news_title_box ul li.news_links {
        vertical-align: text-bottom;
        margin-bottom: -6px;
    }


    li.news_big_title span{
        position: relative;
        font-family: 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif !important;
        font-size: 33px;
        font-weight: 900;
        letter-spacing: 3.1px;
        padding-right: 15px;
        background: #c8bda9;
    }
    li.news_links span  a{
        display: inline-block;
        background: #403c34;
        color: #ffff;
        font-size: 13px;
        padding: 7px 13px 7px 14px;
        border-radius: 100px;
    }


   /* ＝＝＝＝記事＝＝＝＝  */
    ul.news_box{
        padding: 0 !important;
        text-align: left;
        font-size: 0;
    }
    ul.news_box > li{
        list-style-type: none;
        font-size: 18px;
        padding: 0 0 0 106px;
        display: inline-block;
        vertical-align: top;
        font-weight: 500;
    }

    /* 日付設定 */
    .news_day{
        font-size: 16px;
        padding: 2px 74px 0 0;
        vertical-align: top;
        display: inline-block;
        letter-spacing: 1.7px;
    }
    
    /* タイトル */
    .news_title{
        margin-bottom: 16px;
        display: inline-block;
        width: 864px;
    }
    /* テキスト設定 */
    .news_text{
        text-align: left;
    }
    .news_title a,
    .news_text a{
        color: #212121;
    }

 /* ＝＝＝＝スクロールバー＝＝＝＝  */
 .scroll-box {
    height: 148px;
    overflow-y: scroll;
  }
  
  .scroll-box::-webkit-scrollbar {
    /* background: #d9c7b8; */
    width: 10px;
  }
  .scroll-box::-webkit-scrollbar-thumb {
    background-color: #8c7b65;
  }
  .scroll-box::-webkit-scrollbar-thumb:hover {
    background-color: #64594b;
  }

}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
.row01{
    padding: 0 4vw;
}

.news_title_box{
    position: relative;
    padding-bottom: 6vw;
}



/* ＝＝＝＝大見出し＝＝＝＝  */
    .news_title_box ul{
        position: relative;
        font-size: 0;
        list-style: none;
        text-align: left;
    }
    .news_title_box ul li{
        display: inline-block;
    }
    .news_title_box ul li.news_links {
        vertical-align: text-bottom;
        margin-bottom: -2.4vw;
        padding-left: 7.3vw;
    }
    li.news_big_title span{
        position: relative;
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
        font-size: 7vw;
        font-weight: 900;
        letter-spacing: 1.4px;
        background: #c8bda9;
    }
    li.news_links span  a{
        display: inline-block;
        background: #403c34;
        color: #ffff;
        font-size: 4vw;
        padding: 2vw 3.2vw 2.1vw 3vw;
        border-radius: 100px;
    }
   /* ＝＝＝＝記事＝＝＝＝  */
   ul.news_box{
    padding: 0 !important;
    text-align: left;
    font-size: 0;
}
ul.news_box > li{
    list-style-type: none;
    font-size: 4.5vw;
    vertical-align: top;
    font-weight: 500;
    border-bottom: dashed 1px;
    margin-bottom: 4vw;
}

/* 日付設定 */
.news_day{
    font-size: 4vw;
    vertical-align: top;
    display: inline-block;
    letter-spacing: 1.7px;
}

/* タイトル */
.news_title{
    margin-bottom: 4vw;
    display: block;
}
/* テキスト設定 */
.news_text{
    text-align: left;
}
.news_title a,
.news_text a{
    color: #212121;
}

/* 三つ目以降の記事は表示しない */
ul.news_box li.news_list:nth-child(n+3){
    display: none;
}


}

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

CFねっつとは

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
 .row01{
    background: url(../img/content_bg01.jpg) no-repeat left top;
    padding:150px 0;
 }

 /* タイトル */
 .row01 h2{
    margin-top: -23px;
    font-size:50px;
    padding-bottom:60px;
    font-weight: 500;
    font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
 }

 /* テキスト */
 .row01_text01_box{
    width: 640px;
    letter-spacing: -0.8px;
 }
 .row01_text01{
    padding-bottom:61px;
 }
 .row01 p{
    font-size:20px;
    font-weight: 500;
    padding-bottom: 35px;
 }

 /* 画像調整 */
 .row01_img_box {
    display: flex;
    gap: 0 43px;
    width: 100%;
    margin: 0 auto;
  }
  
  .row01_img {
    width: 100%;
  }
  
  .row01_img > img {
    width: 100%;
    height: 815px;
    object-fit: cover;
    object-position: bottom left;
  }



}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
    .row01{
        position: relative;
        background: url(../img/content_bg01.jpg) no-repeat left top;
        padding-top:13vw;
     }
     .row01::before{
        position: absolute;
        content: "";
        display: inline-block;
        background-color: #fff;
        opacity: 0.7;
     }

 /* タイトル */
 .row01 h2{
    margin-top: 0.5em;
    font-size: 7vw;
    padding-bottom: 0.5em;
    font-weight: 900;
    font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
 }
 /* テキスト */
 .row01_text01{
    padding-bottom:61px;
 }
 .row01 p{
    padding-bottom: 1em;
 }
  
}

/* ================================================================================
(100%表示)
私たちが大事にしていること/row02
理想の自分に近づける成長支援制度/row03

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .row02,.row03{
       background:#f0ebe7;
       height: 38.7vw;
       overflow: hidden;
    }
    .row02_text01_container,
    .row03_text01_container{
        display: table;
    }
   
    /* タイトル */
    .row02 h3, .row03 h3{
        line-height: 1.4;
        font-size: 2.4vw;
        padding-bottom: 2vw;
        font-weight: 500;
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
        text-align: center;
    }
   
    /* テキスト */
    .row02_text01_box,
    .row03_text01_box{
        letter-spacing: -0.8px;
        padding: 0 6vw;
        display: table-cell;
        vertical-align: middle;
    }
    .row02_text01,
    .row03_text01{
        font-size: 1.2vw;
        padding-bottom: 5.5vw;
    }

    /* 画像設定 */
    .row02_img img,
    .row03_img img{
        height: 100% !important;
    }
   }
   
   /* SP設定
   ----------------------------------------------- */
   @media (max-width: 767px) {
     .row02{
        position: relative;
        padding-top:13vw;
     }
     .row02_text01_container,
     .row03_text01_container{
        background: #f0ebe7;
    }
    /*タイトル */
    .row02 h3,.row03 h3{
        margin-top: 0.5em;
        font-size: 7vw;
        padding-bottom: 0.5em;
        font-weight: 900;
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
    }
     /* テキスト */
    .row02_text01,
    .row03_text01{
        padding-bottom: 9vw;
    }
  /* 画像設定 */
  .row02_img img,
  .row03_img img{
      height: 100% !important;
  }
}
   
/* ================================================================================

メンバー紹介

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .row04_title{
        padding-top:115px;
    }
    /* タイトル設定 */
    .row04_title h3{
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
        color: #403c34 !important;
        font-size: 50px;
    }
    .row04_title h3 span{
        font-size: 30px;
        padding-left: 30px;
    }


    .row04{
        padding: 45px 0 30px;
    }
    /* 横並びにする */
    .row04 ul.menber_box{
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
        list-style-type: none;
        text-align: left;
        font-size: 0;
    }
    .row04 ul.menber_box > li{
        display: inline-block;
        vertical-align: top;
        width: 387px;
        padding-bottom: 90px;
        
    }
    .row04 ul.menber_box > li:nth-child(2),
    .row04 ul.menber_box > li:nth-child(5){
        margin:0 19px;
    }

    /* リンク設定 */
    .row04 li.menber_list a{
        color: #403c34;
    }
        
    /* サムネイル画像設定 */
    .row04 .menber_thumbnail img{
        width: 387px;
        height:300px;
        object-fit: cover;
        font-family: 'object-fit: cover;'; /* IE対策 */
    }
    /* タイトル */
    .row04 .menber_title{
        font-size: 34px;
    }
    /* タグ設定 */
    .row04 .menber_tag{
        text-align: left;
        font-size: 18px;
    }
    .row04 .menber_tag span{
        display: inline-block;
        padding-right: 1em;

    }
}
   
   /* SP設定
   ----------------------------------------------- */
   @media (max-width: 767px) {
    .row04_title{
        padding-top:13vw;
    }
    /* タイトル設定 */
    .row04_title h3{
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
        color: #403c34 !important;
        font-size: 7vw;
    }
    .row04_title h3 span{
        font-size: 5vw;
        padding-left: 5vw;
    }



    .row04{
        padding: 3vw 0 0;
    }
    .row04 ul.menber_box{
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
        list-style-type: none;
        text-align: left;
        font-size: 0;
    }
    .row04 ul.menber_box > li{
        display: inline-block;
        vertical-align: top;
        width: 42%;
        margin: 3.8vw;
    }


    /* リンク設定 */
    .row04 li.menber_list a{
        color: #403c34;
    }
        
    /* サムネイル画像設定 */
    .row04 .menber_thumbnail img{
        width: 100%;
        height: 46vw;
        object-fit: cover;
        font-family: 'object-fit: cover;'; /* IE対策 */
        box-shadow: 0px 1px 6px 0px #777777;
    }
    /* タイトル */
    .row04 .menber_title{
        font-size: 5.7vw;
        padding-top: 1.7vw;
    }
    /* タグ設定 */
    .row04 .menber_tag{
        text-align: left;
        font-size: 3vw;
    }
    .row04 .menber_tag span{
        display: inline-block;
        padding-right: 1em;

    }

}
/* ================================================================================

メンバー紹介

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

    /* タイトル */
    .row05{
        padding: 115px 0 139px;
        background:url(../img/row05_bg.jpg)no-repeat right top #003366;
    }
    .row05 h3{
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
        color: #fff !important;
        font-size: 50px;
        padding-bottom:45px;
    }




}
   
   /* SP設定
   ----------------------------------------------- */
   @media (max-width: 767px) {

    .row05{
        padding: 13vw 1em;
        background:url(../img/row05_bg.jpg)no-repeat right top #003366;
    }
    /* タイトル設定 */
    .row05 h3{
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
        color: #fff !important;
        font-size: 7vw;
    }

}
/* ================================================================================

採用情報

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

    /* タイトル */
    .row06{
        padding: 115px 0 0;
    }
    .row06 h3{
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
        color: #403c34 !important;
        font-size: 50px;
        padding-bottom:45px;
    }
    .row06 h3 span{
        font-size: 30px;
        padding-left: 30px;
    }
    /* 画像ボタン設定 */
    .row06_box{
        padding-bottom:30px;
    }
    .row06_box a{
        color: #403c34 !important;
        font-size: 25px;
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
    }



}
   
   /* SP設定
   ----------------------------------------------- */
   @media (max-width: 767px) {
    .row06{
        padding-top: 9vw;
    }
    /* タイトル設定 */
    .row06 h3{
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
        color: #403c34 !important;
        font-size: 7vw;
    }
    .row06 h3 span{
        font-size: 5vw;
        padding-left: 5vw;
    }

    /* 画像ボタン設定 */
    .row06_box{
        padding-bottom:1.5em;
    }
    .row06_box a{
        color: #403c34 !important;
        font-size: 6vw;
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
    }

}