/*-------------------------------------------------
個別
---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
.font1{font-family: 'Alfa Slab One', cursive;}
/*.catch{
    z-index: 2;
    top: 30%;
    left: 10%;
    color: #333;
}*/
#main_img #catch{min-width: 650px;}
#main_img #catch h2{top: 25px;}
#body,h1,h2,h3,h4{font-weight: 600;}
#contents_links .square_box a{
    background-image: url(Dup/img/item2.png);
    background-repeat: no-repeat;
    background-position: center;
}
#contents_links .square_box:nth-of-type(2) a{background-image: url(Dup/img/item3.png);}
#contents_links .square_box:nth-of-type(3) a{background-image: url(Dup/img/item4.png);}
#catch_wrap::before{
content: "";
    position: absolute;
    display: block;
    background-image: url(Dup/img/bg_img3.png);
    width: 100%;
    height: 100%;
background-size: 800px;
    background-repeat: no-repeat;
    opacity: 0.3;
    left: 0;
    top: 0;
}
.top_cms_title p span{transform: rotate(-15deg);}
#top_cms .top_cms_title{position: relative;}
#top_cms .top_cms_box .top_cms_title::before {
    content: "NEWS";
    display: block;
    position: absolute;
    font-size: 5vw;
    right: 0;
    top: -15%;
    opacity: 0.8;
    font-family: 'Alfa Slab One', cursive;
}
#top_cms .top_cms_box:nth-of-type(2) .top_cms_title::before{content: "ABOUT";}
#top_cms .top_cms_box:nth-of-type(4) .top_cms_title::before{content: "RECRUIT";}
.font_70{font-size: 70px;}
#catch_con .num,#intro_title p{font-family: 'Alfa Slab One', cursive;}
#intro_title{text-align: center;}
#intro{background-color: #dae0ef;}
#intro .box_wrap .box > div{
    width: 100%;
    margin-left: 0;
}
#sc_menu .logo img {
    max-width: 250px;
}
#contents .contents_txt{background-color: transparent;}
#contents .d_flex > div{padding: 100px 0;}
main{
    background-image: url(Dup/img/bg_img4.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
#main_img #catch h2{
    border: none;
}
#main_img #catch{
        top: 20%;
    left: 0%;
    background-color: transparent;
    
}
#contents .contents_txt > div{background-color: rgba(179,179,179,0.9);}
header #header #main_menu li a{padding: 10px 5px;}
h1{width: 20%;}
header #header #main_menu{
        width: 80%;
    margin-left: 20%;
}
footer::after{background-color: rgba(185,185,185,0.2);}
/*-------------------------------------------------
下層
---------------------------------------------------*/
#tel_txt h3{color: #2f418b;}




/*-------------------------------------------------
tab
-----------------------------------------------------*/
@media screen and (max-width: 768px){
#video{margin-left: 0;}
#video{height: 60vw!important;}
#main_img #catch{
    min-width: 400px;
    width: 60%;
    padding: 0;
    background-color: #2f418b;
    text-align: center;
}
#main_img #catch h2{transform: none;}
#intro .box_wrap{align-items: start;}
#contents .d_flex > div{padding: 0;}
.tb_btn{
    left: 0;
    right: auto;
    bottom: 25px;
    width: 100%;
    height: auto;
    opacity: 1;
    transition: 0.3s;
    z-index: 9;
}
.tb_btn a{
width: 300px;
    height: 100%;
    margin: 0 auto;
    font-size: 1.2rem;
    border-radius: 45px;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 20%);
    background-color: #2f418b;
    color: #fff;
}
.tb_btn span{
vertical-align: middle;
    text-align: center;
    padding: 20px;
}
.tb_btn.hide{
opacity: 0;
bottom: -20px;
}
h1{width: 40%;}
main{background-size: 500px;}
.tb_btn span::before{
    content: "";
    display: block;
    position: absolute;
top: 50%;
    left: 40px;
    background-image: url(Dup/img/item6.png);
    background-size: contain;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
}
#contents .contents_txt > div{background-color: transparent;}
#top_cms .top_cms_box .top_cms_title::before{
        font-size: 11vw;
    right: 0;
    top: 0%;
    opacity: 0.8;
}
#cms_1-e .pager li{margin: 0;}


}



/*-------------------------------------------------
sp
-----------------------------------------------------*/
@media screen and (max-width: 667px){
.font_70{font-size: 30px;}
#contents .contents_txt h3{min-width: 90%;}
#contents{background-size: auto 100%;}
#contents .contents_txt > div {
    padding: 20px 20px;
}
#catch_con span.width_100-max,#intro_title span{max-width: 50px;}
#main_img #catch{min-width: 300px;}
.tb_btn span{
    transform: translateX(15px);
    padding: 10px;}
h1 {
    width: 55%;
}
h1 img {
    max-width: 200px;
}
.tb_btn a{width: 250px;}
.tb_btn span::before{left: 25px;}
main {
    background-size: 350px;
}
#cms .width_1280-max{padding-bottom: 100px;}
}


/*-------------------------------------------------
IE
-----------------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
#cms_6-a .cate .cate_title{padding-top: 10px!important;}
#cms_6-b .cate .cate_title{padding: 3px 5px 3px!important;}

}


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

}