@charset "utf-8";
/* CSS Document */

#header {  }
@media screen and (max-width:980px){
	#header { position: fixed; width:100%; height:auto;}
}

#header #globalNavi { margin-top: -1px; }


#homeWorks { min-width: 972px; margin-bottom: 100px; }
.homeWork { position: relative; float: left; width: 324px; height: 324px; overflow: hidden; }
.homeWorkIMG ,
.homeWorkIMG2 ,
.homeWorkIMG_R { position: relative; width: 100%; overflow: hidden; z-index: 1; }
.homeWorkIMG img ,
.homeWorkIMG2 img ,
.homeWorkIMG_R img { display: block; width: 100%; -webkit-transition: all 5s linear; transition: all 5s linear; background: rgba(29,37,119,.5); background-blend-mode: multiply; }
a:hover .homeWorkIMG img ,
a:hover .homeWorkIMG2 img ,
a:hover .homeWorkIMG_R img { -webkit-transform: scale(1.2); transform: scale(1.2); }

#homeWorks01 .homeWorkIMG_R em { background: url("../img/index/top_works1.png") no-repeat 50% 50%; }
#homeWorks02 .homeWorkIMG2 em { background: url("../img/index/top_works2.png") no-repeat 50% 50%; }
#homeWorks03 .homeWorkIMG em { background: url("../img/index/top_works3.png") no-repeat 50% 50%; }
#homeWorks04 .homeWorkIMG_R em { background: url("../img/index/top_works4.png") no-repeat 50% 50%; }
#homeWorks05 .homeWorkIMG em { background: url("../img/index/top_works5.png") no-repeat 50% 50%; }
#homeWorks06 .homeWorkIMG_R em { background: url("../img/index/top_works6.png") no-repeat 50% 50%; }
#homeWorks07 .homeWorkIMG em { background: url("../img/index/top_works7.png") no-repeat 50% 50%; }
#homeWorks08 .homeWorkIMG_R em { background: url("../img/index/top_works8.png") no-repeat 50% 50%; }

@media screen and (max-width:1080px){
	.homeWorkIMG img { -webkit-transition: none; transition: none; }
	a:hover .homeWorkIMG img { -webkit-transform: none; transform: none; }
}
@media screen and (max-width:980px){
	#homeWorks { min-width: 100%; margin-bottom: 35px; }
	.homeWork { width: 50%; height: 50%; }
}
.homeWorkIMG span,
.homeWorkIMG em ,
.homeWorkIMG2 em ,
.homeWorkIMG_R em { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; -webkit-transition: -webkit-background-image .3s; transition: background-image .3s; }
.homeWorkIMG em { text-indent: -99999em; }
.homeWorkIMG span img { display: block; width: 60px; }
@media screen and (max-width:980px){
	.homeWorkIMG em { background-size: 80% !important; }
	.homeWorkIMG span img { display: block; width: 50px; }
}

@media screen and (max-width:980px){
	.homeWorkIMG_R em { background-size: 55% !important; }
}

@media screen and (max-width:980px){
	.homeWorkIMG2 em { background-size: 55% !important; }
}

#homeWorksTitle span,
#homeWorksTitle em { display: block; position: absolute; left: 0; z-index: 2; width: 100%; text-indent: 0; text-align: center; color: #000; }

#homeWorksTitle span { height: 100%; font-size: 281.25%; font-family: 'Montserrat', sans-serif; line-height: 324px; top: 0; }
#homeWorksTitle em { height: 1.5em; font-size: 94%; line-height: 1.5; bottom: 115px; }
@media screen and (min-width:1080px){
	a:hover .homeWorkIMG em { background: url("../img/index/Top_Works_on.svg") no-repeat 50% 50% !important; }
	a:hover .homeWorkIMG2 em { background: url("../img/index/Top_Works_on.svg") no-repeat 50% 50% !important; }
	a:hover .homeWorkIMG_R em { background: url("../img/index/Top_Works_on.svg") no-repeat 50% 50% !important; }	
}
@media screen and (max-width:980px){
	#homeWorks { margin-bottom: 35px; }
	.homeWork { width: 50%; height: 50%; }
	#homeWorksTitle { display: none; }
}

.worksperform {width:99.5%;}

#homeBanner { margin-bottom: 84px; }
#homeBanner .bnr_hikari { width: 100%; margin: 0; padding: 0; }
#homeBanner a:hover img { filter: alpha(style=0,opacity=80); opacity: .8; }
@media screen and (max-width:980px){
	#homeBanner { width: 100%; margin: 0 auto 45px; }
	#homeBanner img { float: none; width: 100%; margin: 0 auto 15px; padding: 0; }
}

.bnr_real ,
.bnr_blog { width:95%;}


#homeNews {  }
@media screen and (max-width:980px){
	#homeNews { width: 100%; margin: 0 auto !important; }
	#homeNews h2 img {width:25%;}
}

.newsarea {
	background-image:url("../img/index/news_bk.png");
	width:100%;
	height:253px;
	background-repeat:repeat-x;
}
.newstable {
	background-image:url("../img/index/news_table.png");
	width:100%;
	height:253px;
	background-repeat:no-repeat;
	background-position:center;
}
.dltop {
	padding-top:35px;
}
/* 20200907 kuroki start css修正*/
@media screen and (max-width:980px){
    #homeNews .newsarea{
        height: auto;
    }
    #homeNews .newstable {
        background-image: none;
        background: #f4f4f4;
        height: auto;
    }
    #homeNews dl{
        background: #fff;
        border: 1px solid #E2E2E2;
    }
    #homeNews dl:nth-child(2){
        background: #f4f4f4;
    }
}
@media screen and (max-width:767px){
    #homeNews .spShow .ul{
        background: #fff;
        border: 1px solid #E2E2E2;
    }
    #homeNews li{
        background: #fff;
        border: 1px solid #E2E2E2;
        padding: 10px;
    }
    #homeNews li:nth-child(2){
        background: #f4f4f4;
    }
}
/* 20200907 kuroki end css修正*/
@media screen and (max-width:640px){
	.dltop {
		padding-top:50px;
	}
	.dltop li {
		padding-bottom:31px;
		font-size:1.2em;
	}
}
section h1 { text-align: center; font-size: 187%; margin-bottom: 50px; }
section dl { padding: 16px; }
@media screen and (max-width:640px){
	section dl { padding: 8px; }
}
section dl dt { float: left; width: 10em; font-size: 120%; }
section dl dd { font-size: 120%; padding-left: 10em; }
@media screen and (max-width:980px){
	section h1 { margin-bottom: 30px; }
	section dl dt { float: none; width: 100%; }
	section dl dd { font-weight: bold; padding-left: 0; }
}

#footer { padding-top: 50px !important; border-top:1px solid #dbdbdb;}
@media screen and (max-width:980px){
	#footer { padding-top: 15px !important; }
}