/*--------リンク・フォント--------*/
.linkStyle{color: #333333; text-decoration: underline;}

/*--------全体--------*/
#sc_menu li a img,
header #header #main_menu li a img {width: 22px;}
#sc_menu .logo img {max-width: 200px;}
 .loader.logo { width: 400px;}
.add_back{position: relative;}
.add_back:before{
    content: "";
    display: block;
    width: 65%;
    height: 85%;
    top: 8%;
    right: 0;
    position: absolute;
    background-color: rgba(235, 241, 255, .6);
    z-index: -1;
    background: url(./Dup/img/back.png) no-repeat;
    background-size: cover;
}
#intro{
        background-image: url(./Dup/img/back2.png);
    background-position: 50% 100%;
    background-color: #d8d8d8;
    background-repeat: no-repeat;
    background-size: cover;
}
#intro .box_wrap .box > div {
    width: 100%;
    margin-left: 0%;
}
footer::after {background-color: #abcfe2;}
#f_contact {
    /*padding: 170px 20px 150px;*/
    z-index: 10;
}
#f_contact::before{
	content: "";
	display: inline-block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	background-color: #000;
}
#f_contact .inner{z-index: 3;padding: 100px 20px 90px}
#f_contact a span.hover_box{
	content: "";
	z-index: 2;
	top: 0;
	left: 0;
	-webkit-transform: translateX(-100%);
    transform: translateX(-100%);
	transition: -webkit-transform .5s cubic-bezier(0.5, 0, 0, 1);
    transition: transform .5s cubic-bezier(0.5, 0, 0, 1);
    transition: transform .5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform .5s cubic-bezier(0.5, 0, 0, 1);
}
#f_contact a:hover span.hover_box {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}


/*--------下層--------*/
#cms,#page07,#page08,#page09,#page10{
    background-image: url(./Dup/img/back2.png);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}
#cms .width_1280-max,
#page08 .contact_wrap,
#page09 .privacy_wrap,
#page10 .width_1280-max{background-color: rgba(255, 255, 255, .7);}
#cms_1-a .date{    background-image: url(./Dup/img/back.png);}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
    #main_img #catch { width: 85%;}
    #f_contact .inner {padding: 90px 20px 90px;}
    .pager li {
    margin: 0px;
    margin-right: 0px;
    }
    
     h1 a { padding: 10px 0px;}
    
    #cms {
    background-position: 77% 0%;
    background-size: cover;    ;
}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
    .loader.logo { width: 220px;}
    #intro {background-position: 14% 100%;}
    #main_img #catch { width: inherit;}
    
    h1 img {max-width: 200px;}
    #cms {background-position: 66% 0%;}
    #cms_1-a .pager li {margin-right: 0px;}
    #page08 p span{    font-size: 4.2vw;}
    
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){

}