/*===========================================================*/
/* 個別 */
/*===========================================================*/
#main_img .menu{width: auto!important;}
#main_img .menu p{
    height: auto!important;
    background-color: transparent;
}
#top_pc_nav{display: none;}
header.scr_header #logo {
    max-width: 120px;
}
header.scr_header {
    background-color: rgba(116,179,221,0.5);
}
#intro .num,#contents1 .num,#contents2 .num,#contents3 .num{color: #74b3dd;}
.back1:before,.back2:before {
    background-color: rgba(255,195,251,0.1)!important;
}
.line:before {
    background-color: rgba(116,179,221,0.5);
}
.overlay {
    background: linear-gradient(
135deg, rgba(116,179,221,0.9) , rgba(236,160,193,0.9) );
}
#footer h2{font-family: 'Poppins', sans-serif;}
#top_cms.back1:before{z-index: -1;}


/*===========================================================*/
/* main_img */
/*===========================================================*/
.a_left,.a_right{z-index: 1;position: relative;}
.a_left:before,.a_right:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(236,160,193,0.5);
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 1;
    transition: 0.3s;
}
.a_right:before{
    left: inherit;
    right: -100%;
    background-color: rgba(116,179,221,0.5);
}
.a_left:hover:before{left: 0;}
.a_right:hover:before{right: 0;}
.a_left .txt01,.a_right .txt01{
    z-index: 1;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    opacity: 0;
}
.a_left:hover .txt01,.a_right:hover .txt01{opacity: 1;z-index: 1;}




.cms_3-c .cate_box a:before, .cms_3-c .cate_box a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.1);
    z-index: 1;
}
.cms_3-c .cate_box .txt_wrap{color: #fff;z-index: 2;}


/*===========================================================*/
/* 下層 */
/*===========================================================*/
#page_title .page_title_box{background-color: transparent;width: 100%;}
#cms_5-a .box_wrap{display: block;}
.btn_container a{
    background-color: #d4a4b9;
    padding: 20px;
    display: block;
    text-align: center;
    color: #fff;
    margin-top: 50px;
}
#logo {
    max-width: 200px;
}

/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
.a_left:before{left: 0;}
.a_right:before{right: 0;}
.a_left .txt01, .a_right .txt01{opacity: 1;}

#contents1 .con_box {
    margin-top: 15%;
}
.column_3_tb .column{margin-right: 0;}
#main_img .menu p{display: none;}
}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
#intro_wrap .dec img{max-width: 100px;}
.btn_container a{margin-top: 10px;}
}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
.btn_container a{padding-top: 25px!important;}

}


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

}