@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600;700;800&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');


#page_title .sub_title, .cate_title {
    font-family: "Shippori Mincho B1", serif;
     font-weight: 400;
}
.cate_title {color: var(--color1);}


.sns_btn a{
    width: 80%;
    display: block;
    background: var(--grad);
    color: #fff;
    margin: 50px auto;
    text-align: center;
    padding: 10px 0;
}

#top_contents2{
    background-image: url(/Files/img/bg1.jpg);
    background-size: cover
}

#square_links ul{
    max-width:1000px;
    margin: 0 auto;
}
#square_links ul li p{    width: 100%;}

#pc_nav li a:hover{color:#397b49!important;}
#footer_nav{padding: 100px 8%;}

.footer_tel a{color: #fff!important;}

#cms_7-b .cate_box{
    border-top: none;
}
#page10 {}

#page_title .title_wrap{
    max-width: 650px!important;
}

/* タブレット */
@media screen and (max-width: 768px){
    #footer_nav{padding: 30px 10%;}
    .u_page{padding: 0 7%;}
    .title_wrap{width: 80% !important;}
}

/* スマホ */
@media screen and (max-width: 667px) {
    #square_links ul li{
        margin: 0 auto 25px;
        width: 90% !important;
    }
    .catch > span{
            width: 150px;
    }
    #page_title .title_img{
        background-position: 10%;
    }
    #footer_nav{padding: 0%;}
    #footer_nav li{
        width: 70%!important;
        margin: 0 auto;
        padding-left: 0;
    }
    #footer_nav li:nth-child(even){padding-left:0;}
    .title_wrap{width: 85% !important;}
    #sp_nav .box{margin-top: 40px;}
    #footer #sns_link li{
        margin: 0 auto 15px;
        width: 40px !important;
        padding: 0 5px;
    }
    #top_contents2 .con_box .box_img img{opacity: 0.7;}
    .con_title span:before{display: none;}
    
    .con2 .con_title span {
        width: 270px;
        display: block;
        margin: 0 auto;
    }
    .con2_item .con_title{letter-spacing: 0.03em;}
    .con2_item .con_title p{padding:0;}
    
     #sp_nav .nav1 a{
         padding: 8px 0 8px 35px;
     }
}

/* ■■■ ボタン ■■■■■■■■■■■■■■■ */
.sns_btn{
/*     position: fixed;
bottom: 20px; */
}


/* ■■■ メインimg ■■■■■■■■■■■■■■■ */
.main_img_pc{display: block;}
.main_img_sp{display: none!important;}

.catch{
    box-shadow: 7px 15px 30px #96a7a02b;
        color: var(--color5);
}

.happa{
    right: 0px;
        top: 35%;
    right: 0px;
    z-index: 2;
    width: 19%;
}

/* タブレット */
@media screen and (max-width: 768px){
    .main_img_pc{display: none!important;}
    .main_img_sp{display: block!important;}
    .happa{
        top: 46%;
        width: 32%;
    }
}

/* スマホ */
@media screen and (max-width: 667px) {
    .happa{display: none;}
}

/* ■■■　メールフォーム　■■■■■■■■■■■■■■■ */
.g-recaptcha > div {
    margin: 30px auto 30px;
}