/*■■ header ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.fat-nav li {
    font-size: 16px;
}

/* タブレット */
@media screen and (max-width: 768px){
    .hamburger {
        top: 11px;
    }
}
/* スマホ */
@media screen and (max-width: 667px){
    .hamburger {
        top: 6px;
    }
    .fat-nav li {
        font-size: 14px;
    }
}
/*■■ 全体 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.tel_bt a {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " メイリオ", Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
}
/*■■ top ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#main_img {
    background-image: url(/Files/img/fv_bg.png);
}
.triangle {
    width: 50%;
    bottom: 2%;
    left: 1%;
    mix-blend-mode: multiply;
}
.triangle img {
    width: 100%;
    height: auto;
}
.copy {
    width: 55%;
    max-width: 820px;
    height: auto;
    bottom: 3%;
    left: -1%;
}
.copy img {
    width: 100%;
    height: auto;
}
.blur {
    background-color: rgba(49, 47, 47, 0.7);
}
#contents2 .title::first-letter,#contents3 .title::first-letter {
    color: var(--color3);
}

/* タブレット */
@media screen and (max-width: 768px){
    .main_box {
        padding-top: 59px;
    }
    #main_img {
        min-height: 80vh;
        background-image: url(/Files/img/fv_bg_tb.png);
    }
    .triangle {
        width: 75%;
        bottom: 3%;
        left: 2%;
    }
    .copy {
        width: 87%;
        left: -3%;
    }
}
/* スマホ */
@media screen and (max-width: 667px){
    .main_box {
        padding-top: 49px;
    }
    #main_img {
        min-height: 69vh;
    }
    .triangle {
        width: 75%;
        bottom: 4%;
        left: 1%;
    }
    .copy {
        width: 94%;
        left: -3%;
    }
}
/* スマホ（320px以下） */
@media screen and (max-width: 320px){
    #contents1 .title.txt1.letter_2 {
        letter-spacing: 0px;
    }
    #contents2 .title, #contents3 .title {
        font-size: 20px;
    }
}

/*■■ cms ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#page_title .title_img {
    display: none;
}
.page_box {
    margin-top: 120px;
}

.cate_list a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 4%;
    padding-right: 4%;
}

#cms_2-g .cate_title::first-letter {
    color: var(--color3);
}

#cms_2-g .cate_list .hvr_bg_color1:hover,#cms_4-a .cate_list .hvr_bg_color1:hover,#cms_2-b .cate_list .hvr_bg_color1:hover {
    border-color: var(--color1);
    color: var(--normal);
    background-color: white;
}

#cms_2-g .cate_list .border_color1,#cms_4-a .cate_list .border_color1,#cms_2-b .cate_list .border_color1 {
    background-color: var(--color1);
    color: white;
}

#cms_4-a h4 {
    font-size: 130%;
}

#page10 ul .txt_color3{
        color: var(--color1);
}

#page10 ul .txt_color3:hover {
    color: white;
}
/* タブレット */
@media screen and (max-width: 768px){
    .page_box {
        margin-top: 70px;
    }
}
/* スマホ */
@media screen and (max-width: 667px){
    .page_box {
        margin-top: 50px;
        margin-bottom: 0px;
    }
    #cms_4-a h4 {
        font-size: 100%;
    }
    #cms_2-g h3 {
        
    }
    #cms_2-g .letter_3 {
        letter-spacing: 1px;
    }
    #cms_2-g .cate_title {
        line-height: 1.1;
    }
}


/*■■ footer ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.foot_tel_bt a {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " メイリオ", Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
}
/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){}