/*===========================================================*/
/* 個別 */
/*===========================================================*/
@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!important;
        font-weight: 500;
}
.linkStyle{color: #333;border-bottom: 1px solid;}
#loader > div figure {
    width: 40%;
}
#header_nav{width: 66.66667% !important;}
#header h1{width: 25% !important;}
#header h1 img{width: 60%!important;}
.sc_nav.tb_hide.active{
    background-color: #ffffff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 10%);
}
.sc_nav.tb_hide img{    width: 40% !important;}
#main_img .catch_wrap{
    border-radius: inherit;
    font-size: 3vw;
    z-index: 3;
    font-weight: bold;
    bottom: 10%;
    left: 5%;
    box-shadow: none;
}
#main_img .catch_wrap span{
    padding: 0 50px;
}
#intro .more a{

    border-radius: 10px;
}
#intro .more a:hover{
    transform: translateY(-5px);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
#intro:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    width: 0;
    height: 0;
    margin: auto;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 50px solid #fff;
}
#intro_title h2:before ,#contents2_title:before,#contents2_title02:before{
    content: "";
    display: block;
    width: 70px;
    height: 2px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #244f0f;
}
#contents2_box_wrap .con_box,#contents2_box_wrap02 .con_box {
    border: 2px solid #212121;
    border-radius: 17px;
    padding: 5%;
}
#contents2 .con_box .number {
    font-family: 'Roboto Mono', cursive;
    font-size: 100px;
    bottom: 85%;
    left: 0;
    line-height: 1;
    text-shadow: 0 0 15px rgba(0,0,0,0.2);
    font-weight: bold;
    text-shadow: 8px 0px 0px #ffffff;
}
.top_cms_title,#top_cms .more {
    text-align: center;
}
#contents2 .con_box .number{display: none;}
/*===========================================================*/
/* コード集 */
/*===========================================================*/




/*===========================================================*/
/* 下層 */
/*===========================================================*/
#cms_2-g .cate_img1 {
    max-height: none;
}
#page10 .sitemap_wrap li a{letter-spacing: 0.02em;}
.cate_list li a{
     overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}


/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#header h1 {
    width: 33% !important;
}
#header h1 img {
    width: 100% !important;
}
#main_img .catch_wrap {
    font-size: 4vw;
}
#contents2 .con_box .number{
    transform: translateX(-50%);
    bottom: 80%;
    left: 50%;
}
header.sc_nav.active{
    background-color: #ffffff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 10%);
}
#loader > div figure {
    width: 80%;
}


}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
header.sc_nav .nav_bt {
    top: 50%;
}
#header h1 {
    width: 50% !important;
    padding: 20px;
}
#contents2 .con_box .number {
    bottom: 90%;
    font-size: 70px;
}
#contents2_box_wrap .con_box:last-of-type{margin-bottom: 0;}


}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}