/* color */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.txt_color_nomal, .hvr_txt_color_nomal:hover{color: var(--black);}
.linkStyle{transition: 0.5s;color: var(--black)}
.linkStyle:hover{opacity: 0.7}
:root{
    --color1: #eac200; 
    --color2: #6b960e; 
    --color3: #f9f7ac; 
    --color4: #e88400; 
    --black: #3b3938; 
}

.txt_red, .hvr_txt_red:hover{color: #C12326;}
.txt_gray, .hvr_txt_gray:hover{color: #ccc}
.txt_color1, .hvr_txt_color1:hover{color: var(--color1)} /* メインカラー */
.txt_color2, .hvr_txt_color2:hover{color: var(--color2)} /* サブカラー */
.txt_color3, .hvr_txt_color3:hover{color: var(--color3)} /* アクセントカラー1 */
.txt_color4, .hvr_txt_color4:hover{color: var(--color4)} /* アクセントカラー2 */

/* background-color */
.bg_black, .hvr_bg_black:hover{background-color: var(--black)} /* 黒背景 */
.bg_gray, .hvr_bg_gray:hover{background-color: #ccc}
.bg_color1, .hvr_bg_color1:hover{background-color: var(--color1)} /* メインカラー */
.bg_color2, .hvr_bg_color2:hover{background-color: var(--color2)} /* サブカラー */
.bg_color3, .hvr_bg_color3:hover{background-color: var(--color3)} /* アクセントカラー1 */
.bg_color4, .hvr_bg_color4:hover{background-color: var(--color4)} /* アクセントカラー2 */
.bg_color_clear, .hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.border_black, .hvr_border_black:hover{border-color: var(--black)}
.border_gray, .hvr_border_gray:hover{border-color: #ccc}
.border_color1, .hvr_border_color1:hover{border-color: var(--color1)}
.border_color2, .hvr_border_color2:hover{border-color: var(--color2)}
.border_color3, .hvr_border_color3:hover{border-color: var(--color3)}
.border_color4, .hvr_border_color4:hover{border-color: var(--color4)}


/*自動リンク設定*/
.linkStyle{
    color:var(--color4);
}
.linkStyle:hover{
    color:var(--color4);
	opacity:0.7
}

/*--------追加分--------*/

/*---共通---*/
/*項目リスト*/
.cate_list .more_bt .bg_color2{
    background-color:#ffffff;
    border:2px solid var(--color2);
    font-weight:600;
    color:var(--color2);
}
.cate_list .more_bt .bg_color2:hover{
    background-color:var(--color2);
    border:2px solid var(--color2);
    font-weight:600;
    color:#ffffff;
}

/*フッター*/
#bottom_menu .d_flex .hvr_opa05:hover{
	color:var(--black);
}
#f_contact .bg_color3{
    background-color: var(--color2);
}

/*---トップページ---*/
#intro .intro_bg{
    background-color: rgba(234, 194, 0, 0.91);
}
.fv_txt01,#intro .intro_txt, #contents1 .contents_txt, #contents2,#top_cms{
    line-height:1.8;
}
 #top_cms .more_bt a:hover{
     color:var(--black)!important;
 }
#top_info .tel_bt a{
    color:var(--color2);
}
#top_info .tel_bt a:hover{
    color:var(--color4);
}

/*---トップページFV---*/
.fv_item01{
    position: absolute;
    width: 33%;
    z-index: 10;
    top: 27%;
    left: 5%;
}
.fv_txt01{
    position: absolute;
    text-align: right;
    z-index: 10;
    top: 76%;
    right: 4%;
}

@media screen and (max-width: 1280px) {
    .fv_item01{
        width: 35%;
        top: 39%;
    }
    .fv_txt01{
        right: 4%;
        top:79%;
    }
}
@media screen and (max-width: 1260px) {
    .fv_item01{
        top: 29%;
    }
    .fv_txt01{
        text-align: left;
        top: 86%;
        left: 5%;
    }
}
@media screen and (max-width: 820px) {
    .fv_item01{
        width: 37%;
        top: 45%;
    }
    .fv_txt01{
        text-align: left;
        top: 78%;
    }
}
@media screen and (max-width: 768px) {
    .fv_item01{
        width: 50%;
        top: 40%;
    }
    .fv_txt01{
        text-align: left;
        top: 78%;
    }
}
@media screen and (max-width: 667px) {
    #contents1 .txt_box .txt_color1{
        color: var(--color2);
    }
    #contents1 .txt_box .txt_white{
        color: var(--black);
    }
}
@media screen and (max-width: 500px) {
    .fv_item01{
        width: 55%;
        top: 38%;
    }
    .fv_txt01{
        top: 78%;
    }
}
@media screen and (max-width: 420px) {
    .fv_item01{
        width: 85%;
        top: 45%;
    }
    .fv_txt01{
        display: none;
    }
}
/*--@media screen and (max-width: 400px) {
    .fv_item01{
        width: 55%;
        top: 44%;
    }
    .fv_txt01{
        top: 76%;
    }
}
@media screen and (max-width: 335px) {
    .fv_item01{
        top: 49%;
    }
    .fv_txt01{
        top: 76%;
    }
}--*/

/*---トップページメニュー---*/
@media screen and (max-width: 768px){
    #pc_nav #logo{
        width: 68%;
    }
    /*--#pc_nav ul{
        height: 120px;
    }--*/
}
@media screen and (max-width: 667px) {
    #pc_nav #logo{
        width: 70%;
    }
    #pc_nav .grid_12_sp {
        width: 53%!important;
    }
}

/*---トップページ私たちについて---*/
@media screen and (max-width: 768px){
    .cms_2-b .d_flex{
        display: block;
    }
    .cms_2-b .d_flex .grid_5{
        width: 90%!important;
    }
}

/*---トップページ仕事内容---*/
.link_type3{padding-bottom: 50px;}
.link_type3 .link_img1 {z-index: 1;}
.link_type3 .cate_box a:hover .link_img1 img {transform: translate(-50%, -50%) scale(1.05,1.05);}
.link_type3 .link_title1 {
    left: 1px;
    bottom: 1px;
    width: calc(100% - 2px);
    box-sizing: border-box;
}
.link_type3 .cate_box a .link_title1 {transition-timing-function: cubic-bezier(.78,.09,.27,1.36);}
.link_type3 .cate_box a:hover .link_title1 {bottom: -47px;}
	
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){	
.link_type3{padding-bottom: 0;}
}

/*---トップページ募集要項---*/
.cms_6-b .cate_box:first-of-type{
    border-top:none;
}
.cms_6-b .border_so1-b:last-of-type{
    border-bottom:none;
}
@media screen and (max-width: 667px) {
    .cms_6-b .border_so1-b{
        border-bottom:none;
    }
}

/*---募集要項---*/
#cms_6-b .border_color4{
    border: none;
}

/*---お問い合わせ---*/
#page8 .contact_tel{
    background-color: var(--color1);
}