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



/* CSS Reset
********************************************************************************/
a:hover,
span:hover,
button:hover {
	opacity:1 !important;
}



/* Basic
********************************************************************************/
.spView { display:block !important; }
.pcView { display:none !important; }



/* header
********************************************************************************/

/* gnaviArea
**************************************/
.gnaviArea {
	width:100%;
}

/* gnaviToggleBtn
**************************************/
#gnaviToggleBtn {
	width:40px;
	height:40px;
	position:absolute;
	right:15px;
	top:10px;
	cursor:pointer;
	z-index:9900;
	display:block;
		
	/*ios対策*/
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0, 0, 0);
}

#gnaviToggleBtn div {
	position:relative;
}

#gnaviToggleBtn span {
	display:block;
	position:absolute;
	height:5px;
	width:100%;
	background:#ffffff;
	left:0px;
	-webkit-transition:.35s ease-in-out;
	transition:.35s ease-in-out;
}
.gnaviArea.openNavi #gnaviToggleBtn span {
	background:#ffffff;
}

#gnaviToggleBtn span:nth-child(1) {
	top:8px;
}
#gnaviToggleBtn span:nth-child(2) {
	top:20px;
}
#gnaviToggleBtn span:nth-child(3) {
	top:32px;
}

/* #gnaviToggleBtn 切替えアニメーション */
.openNavi #gnaviToggleBtn span:nth-child(1) {
	top:20px;
	-webkit-transform:rotate(315deg);
	transform:rotate(315deg);
}
.openNavi #gnaviToggleBtn span:nth-child(2) {
	top:20px;
	width:0;
	left:50%;
}
.openNavi #gnaviToggleBtn span:nth-child(3) {
	top:20px;
	-webkit-transform:rotate(-315deg);
	transform:rotate(-315deg);
}

/* gnaviWrap
**************************************/
.gnaviArea .gnaviWrap {
	width:100%;
	height:100%;
	padding:0px;
	display:none;	
	position:fixed;
	top:0px;
	left:0px;
	background-color:#3d60af;
	/*box-sizing:border-box;*/
	opacity:1;
	z-index:9000;

	box-sizing:border-box;
		
	/*ios対策*/
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0, 0, 0);
}

.gnaviArea.openNavi .gnaviWrap {	
	display:block;
}

.gnaviArea .gnaviWrap .gnaviBody {
	width:70%;
	max-width:250px;
	margin-top:30px;
	position:absolute;
	top:50%;
	left:50%;
	opacity:0;	
	transform:translate(-50%, -50%);
}

.gnaviArea .gnaviWrap .gnaviBody .siteTopBtn {
	margin-bottom:20px;
	padding-bottom:20px;
	text-align:center;
	border-bottom:1px solid  rgba(255,255,255,0.5);
}

.gnaviArea .gnaviWrap .gnaviBody ul {
	text-align:center;
}
.gnaviArea .gnaviWrap .gnaviBody ul.second {
	margin-top:20px;
}

.gnaviArea .gnaviWrap .gnaviBody ul li {
	padding:20px 0px;
	border-bottom:1px solid rgba(255,255,255,0.5);
}
.gnaviArea .gnaviWrap .gnaviBody ul li:last-child {
	border-bottom:0px;
}

.gnaviArea .gnaviWrap .gnaviBody ul li a {
	display:inline-block;
	color:#ffffff;
}
.gnaviArea .gnaviWrap .gnaviBody ul li a.active {
	opacity:0.3;
}



/* panel
********************************************************************************/
.panel .cntArea {
	padding-top:90px;
}

/* works
**************************************/
.panel.works .cntArea {
	padding-top:117px;
	padding-bottom:125px;
}

.headlineArea {
	margin-bottom:0px;
}

.headlineArea .pageTitle {
	padding:20px 0px;
	text-align:center;
}

.searchMenu {
	min-width:auto;
	box-sizing:border-box;
	border:0px;
	border-top:2px solid rgba(255, 255, 255, 0.5);
	display:block;
	position:relative;
	right:auto;
	top:auto;
}
.searchMenu::before {
	display:none;
}

.searchMenu select {
	padding:20px;
}

.panel.works .cntArea .worksList {
	margin-top:30px;
	margin-bottom:-30px;
}

.panel.works .cntArea .worksList li  {
	width:100%;
	height:auto;
	min-height:92px;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:2px solid rgba(255, 255, 255, 0.5);
	float:none;
	position:relative;
}

.panel.works .cntArea .worksList li a,
.panel.works .cntArea .worksList li .dimImg {
	width:100%;
	margin:0px;
	padding:0px;
	position:relative;
	display:block;
}

.panel.works .cntArea .worksList li a .imgBox {
	width:30%;
}

.panel.works .cntArea .worksList li h3 {
	padding:0px;
	padding-left:36%;
	text-align:left;
	display:block;
	position:absolute;
	top:50%;
	left:0px;
	transform:translate(0px,-50%);
}

/* news
**************************************/
.panel.news .textList {
	margin:50px 7.5%;
}

.panel.news .textList a .date,
.panel.news .textList a h3 {
	display:block;
}

/* pagination
**************************************/
.pagination {
	/*margin-top:45px;*/
	left:5px;
}

.pagination a.active .hover-text,
.pagination a:hover .hover-text {
	display:none;
}

/* naviArw
**************************************/
.naviArw {
	width:50px;
	height:50px;
	margin-top:22px;
	right:30px;
	/*
	margin:0px auto;
	padding-top:20px;
	position:relative;
	left:auto;
	right:auto;
	*/
}
/*
.naviArw.pcView.active {
	display:none !important;
}
.naviArw.spView.active {
	display:block !important;
}
*/

.naviArw a {
	width:60px;
	height:60px;
	background-size:60px 60px;
}




/* contents（secondpage）
********************************************************************************/
.worksPage .contents {
	margin:116px auto 0px auto;
	padding-bottom:50px;
}

/* contBoxArea
**************************************/
.contents .contBoxArea .copyArea .copyImgBox {
	margin:20px 0px 8px 0px;
	width:70%;
}
.en .contents .contBoxArea .copyArea .copyImgBox {
	margin:20px 0px 8px 0px;
}

.worksPage .contents .contBoxArea .copyArea {
	width:100%;
	padding:25px 0px 0px 0px;
}

.worksPage .contents .contBoxArea .copyArea h3 {
	padding-bottom:10px;
}

.worksPage .contents .contBoxArea .copyArea p {
	padding-bottom:5px;
}

.worksPage .contents .contBoxArea .copyArea .specBox {
	padding-top:10px;
}

.worksPage .contents .contBoxArea .copyArea .specBox dt {
	width:100%;
	padding-bottom:0px;
	padding-top:20px;
	border-bottom:0px;
	border:0px;
}

.worksPage .contents .contBoxArea .copyArea .specBox dd {
	width:100%;
	padding-top:0px;
	border-bottom:1px solid #dddddd;
	box-sizing:border-box;
}

.worksPage .contents .contBoxArea .copyArea .specBox dl dt:first-child + dd {
	border-top:0px;
}

.worksPage .contents .contBoxArea .copyArea .queBanner {
	width:100%;
	margin-top:40px;
}

.worksPage .contents .contBoxArea .copyArea .queBanner a {
	padding:30px;
	background-position:right 30px bottom 30px;
}

.worksPage .contents .contBoxArea .copyArea .queBanner .txtBox {
	margin-bottom:15px;
	padding-left:65px;
}

.worksPage .contents .contBoxArea .copyArea .queBanner .txtBox h3 {
	padding-bottom:0px;
	color:#445fa9 !important;
}

.worksPage .contents .contBoxArea .copyArea .queBanner p {
	padding-bottom:10px;
	color:#333333;
}

.worksPage .contents .contBoxArea .copyArea .columnBox {
	margin-top:40px;
	padding:25px 15px;
	text-align:justify;
}

.worksPage .contents .contBoxArea .copyArea .columnBox .txtBox {
	margin-left:0px;
	padding-left:0px;
}

.worksPage .contents .contBoxArea .copyArea .columnBox .txtBox p {
	padding-bottom:10px;
}

/* contBoxArea（message）
**************************************/
.contents .contBoxArea.message .textArea p {
	margin-left:10px;
}

/* cntBtnArea
**************************************/
.cntBtnArea {
	padding:0px 20px 110px 20px;
}

.cntBtnArea .cntBtn {
	width:100%;
	max-width:350px;
}

.cntBtnArea .cntBtn a {
	padding:25px;
}




/* footer
********************************************************************************/

/* pagetopBtn
**************************************/
.pagetopBtn {
	padding-top:18px;
	bottom:80px;
}

/* queBtn
**************************************/
.queBtn {
	width:100%;
	bottom:0px;
	transform:none;
}

.queBtn a {
	text-align:center;
}

.queBtn a span {
	display:inline-block;
}



/* IEハック
********************************************************************************/
/*IE ALL*/
.ie {

}


/* firefoxハック
********************************************************************************/
.firefox {

}


/* chromeハック
********************************************************************************/
.chrome {

}


/* safariハック
********************************************************************************/
.safari {

}