﻿/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
body{
    font-family: 'Montserrat','Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#link_wrap .cate_box a{color: #fff;}
#link_wrap .cate_box a:before,#link_wrap .cate_box a:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}
#link_wrap .cate_box a:after{
    top: 100%;
    background-color: #c52e3d;
    transition: 0.5s;
}
#link_wrap .cate_box a:hover:after{top: 0;}
#link_wrap .cate_box .txt_wrap{z-index: 2;}
#main_img .main_bg{background: transparent!important;}
/*===========================================================*/
/* 下層 */
/*===========================================================*/





/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#loader img{width: 200px;}
#contents3 .con2_img1 {
    height: 60vw;
}
#page_top{right: 10px;}
}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
#logo img{width: 100%!important;}
#intro .main_txt{font-size: 22px;}
.cms_1-a .cate_box:last-of-type {
    margin-bottom: 0;
    border-bottom: 1px solid;
}
}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
#pc_nav a, .cate_list a, #footer .tel_bt a, #footer .contact_bt a,#cms_2-a .cate .cate_title{padding-top: 10px!important;}
#cms_6-b .cate .cate_title{padding: 3px 5px 3px!important;}
#page09 a{padding-top: 0!important;}
}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}