@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');

body{
    line-height: 2.2;
}

body, .font_sans-serif{
    font-family: "Zen Kaku Gothic New", sans-serif,'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;
}

.top_cms_box .cms_title, .more, #info_title_box, #page_title, a[href^="tel:"], header #header #header_menu ul, #bottom_menu, #info .info_txt h3, .drawer-menu, #page10, #intro .intro_no, #con_h .con_no{
    font-family: "Zen Kaku Gothic New", sans-serif,'BioRhyme', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;
}

/*----- TOP FV -----*/
.logo_item{
    margin-bottom:2%;
}
.fv_item{
    z-index: 1;
    width: 20%;
}
.fv_item04{
    position: absolute;
    z-index: 1;
    width: 16%;
    bottom: 7%;
    left: 0;
}

@media screen and (max-width: 768px){
    .fv_item{
    width: 30%;
}
    .fv_item04{
        width: 20%;
    }
}
@media screen and (max-width: 400px){
    .fv_item{
    width: 40%;
}
    .fv_item04{
        width: 40%;
        bottom: 3%;
    }
}

/*----- TOP プラン -----*/
.link_type2 .cate_box a {
    color: var(--black);
}
.link_type2 .cate_box a:before, .link_type2 .cate_box a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.6);
    z-index: 1;
    border-radius:10px;
}
.link_type2 .cate_box a:after {
    top: 100%;
    background-color: #ed8886;
    transition: 0.5s;
	z-index: 3;
}
.link_type2 .cate_box a:hover:after {
    top: 0;
}
.link_type2 .cate_box .txt_wrap {
    z-index: 2;
}
.link_type2 .more {
	letter-spacing: 3px;
    box-sizing: border-box;
	opacity: 0;
	transition: opacity .8s;
	z-index: 4;
}
.link_type2 .cate_box a:hover .more {
    opacity: 1;
}

#cms_3-f .sub_cate_txt1{
    line-height: 2.2!important;
}

/*----- よくある質問 -----*/
#cms_5-d .box_title1:after{
    border-color:#fffdd7 transparent;
}

/*----- サイトマップ -----*/
#page10 .border_color3{
    border-color:var(--color1)!important;
}

/*----- 共通 ハンバーガーメニュー -----*/
.drawer-nav{
    background-color:var(--color4)!important;
    padding-left:15px;
}
.drawer-menu li{
    margin-bottom:15px;
}
 .menu_bt .drawer-hamburger-icon,.menu_bt .drawer-hamburger-icon:before,.menu_bt .drawer-hamburger-icon:after{
    background-color:var(--color4);
}
.drawer-open .drawer-hamburger-icon {
    background-color: transparent;
}

/*----- 共通 カテゴリリスト -----*/
.cate_list a{
    background-color:var(--color2);
    border-radius:50px;
}
@media screen and (max-width: 768px){
    .cate_list li a{
        padding-left:25px;
    }
}

/*----- 共通 フッター ----*/
footer .bg_color2{
    background-color: #fff;
}
#copyright{
    background-color: var(--color5);
}

/*----- 共通 固定バナー -----*/
#foot_banner a{
    background-color:var(--color3);
    color:#fff!important;
}
#page-top a{
    background-color: var(--color4);
}

/*----- 共通 フッター電話番号 -----*/
.tel a{
    color:var(--color4);
}
.tel a:hover{
    color:var(--color3);
}