﻿/*-------------------------------------------------
個別
---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
#main_img{overflow: hidden;}
#header.headtrans #logo a{background-color: transparent;}
body,h1,h2,h3,h4{font-weight: 600;}
#contents1 .con1_wrap {
    width: 100%!important;
}
.con1_txt{text-align: center;}
.num,.cms_sub_title span,#page_title p{font-family: 'Nothing You Could Do', cursive;}
#top_cms .cms_box > div.bg_color2,.intro_wrap{
        background-image: url(Dup/img/bg_img.jpg);
    background-size: cover;
}
#main_img .main_bg, #contents1 .con1_bg,#sp_nav .nav_bg{
    background: linear-gradient(to bottom right, #ecb353, #e3e3e3)!important;
}
.intro_item .num{
    color: #282e89;
    position: relative;
    text-align: center;
}
.intro_item .num:before{
    position: absolute;
    display: block;
    content: "";
    pointer-events: none;
    width: 40px;
    height: 2px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: #282e89;
}
.con2_box{background-color: #ffb73f;}
.cms_2-c .cate_box {
    justify-content: center;
}
.mg_t_-50px{margin-top: -50px;}
.cms_sub_title span{
    position: relative;
    padding-right: 200px;
}
.cms_sub_title span::before {
    content: "";
    display: block;
    width: 2px;
    height: 140px;
    background: #282e89;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    right: 30%;
}
.cms_1-c{border: 1px solid #f7f7f7;}
/*-------------------------------------------------
下層
---------------------------------------------------*/
#cms_5-a .box_wrap{display: block;}
.cate_title{
    position: relative;
    text-align: center;
    border: none;
}
#page03 .cate_title::before,
#page04 .cate_title::before{
    display: inline-block;
    content: "";
    width: 100%;
    height: 3px;
    background: #2358a8;
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    margin: auto;
}
#page03 .cate_title::after,
#page04 .cate_title::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -26px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #2358a8 transparent transparent transparent;
    border-width: 16px 16px 0 16px;
}
.cate_list li a{color: #282e89;}

/*-------------------------------------------------
tab
-----------------------------------------------------*/
@media screen and (max-width: 768px){
#loader img,#logo a{width: 200px;}

}



/*-------------------------------------------------
sp
-----------------------------------------------------*/
@media screen and (max-width: 667px){
.cms_sub_title span{
    padding-right: 0;
    font-size: 18px;
    line-height: 2;
    display: block;
}
.cms_sub_title span::before{content: none;}
#loader img, #logo a {
    width: 150px;
}


}


/*-------------------------------------------------
IE
-----------------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*-------------------------------------------------
Firefox
-----------------------------------------------------*/
@-moz-document url-prefix(){

}