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


.mainMenu { z-index: 10000;}

/*PC*/
@media print, screen and (min-width: 769px) {


#hedImg {
background: url(../images/business/hed_img.jpg) center center no-repeat;
background-size: cover;
}

.idx_box_img_r {
    width: 40%;
    margin: 0 0 4% 4%;
    position: relative;
	float:right;
}

.idx_box_img_r::before {
    position: absolute;
    content: "";
    display: block;
    width: 160%;
    background: rgba(0,55,114,0.1);
    height: 300px;
    right: 80%;
    bottom: -100px;
    left: 50px;
    z-index: -1;
}


/*---index---------*/
.com_list { width: 70%; margin: 0 auto 60px; }
.com_list li { width:47%; float: left; margin-right: 3.5%; }
.com_list li:nth-child(2n+2) { margin-right: 0px; }
.l-card { transition: 0.5s; overflow: hidden; width: 100%; padding: 0; margin: 0 auto; background: #fff; box-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
.l-card:hover { transform: translate(1px, 1px); box-shadow: 0px 0px rgba(0, 0, 0, 0.1); }
.l-card:hover .thumbnail-wrapper::after { opacity: 1; width: 500px; height: 500px; border-width: 40px; }
.l-card:hover .thumbnail-wrapper img { transform: scale(1.1); }
.l-card:hover .more-text { opacity: 1; letter-spacing: 8px; }
.l-thumbnail { position: relative; overflow: hidden; width: 100%; height: auto; }
.l-thumbnail .more-text { transition: 0.5s; z-index: 2; position: absolute; top: 50%; transform: translateY(-50%); opacity: 0; display: block; width: 100%; color: #fff; font-size: 16px; font-weight: lighter; letter-spacing: 1px; text-align: center; text-transform: uppercase; }
.thumbnail-wrapper { display: block; margin: 0; padding: 0; }
.thumbnail-wrapper::after { transition: opacity 0.3s, width 0.8s 0.1s, height 0.8s 0.1s, border-width 0.4s 0.1s; content: ""; box-sizing: content-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0px; height: 0px; border-radius: 50%; border: 0px solid #993333; background: rgba(204, 76, 47, 0.7); opacity: 0; }
.thumbnail-wrapper img { transition: 0.5s; display: block; max-width: 100%; }
.text-content { padding: 16px; }
.text-content .title { margin: 0 0 10px 0; font-size: 15px; font-weight: bold; }
.text-content .txt { font-size:0.8em; }
.text-content .caption { margin: 0 0 12px 0; font-size: 12px; color: #555; font-weight: lighter; }
.content-meta { overflow: hidden; width: 100%; font-size: 12px; text-align: right; }
.content-meta .date { text-align: right; color: #aaa; }
a:hover .content-meta .date { color: #993333; }


.business_img { width:100%; margin:0 auto 20px; padding:0; list-style-type:none;}
.business_img li { width:30.3%; float:left; margin-right:3%; margin-bottom:1%;}
.business_img li p { padding:5px 0; text-align:center;}
.business_img li:nth-child(3n+3) { margin-right:0;}


.business_img2 { width:100%; margin:0 auto 20px; padding:0; list-style-type:none;}
.business_img2 li { width:48.5%; float:left; margin-right:3%; margin-bottom:1%;}
.business_img2 li p { padding:5px 0; text-align:center;}
.business_img2 li:nth-child(2n+2) { margin-right:0;}



.com_btn_list {
	width:100%;
	margin:0 auto 60px !important;
	padding:0;
	list-style-type:none;
}

.com_btn_list li a {
	background:#666666;
	width:22%;
	float:left;
	padding:1%;
	display:block;
	margin-right:1%;
	text-align:center;
	color:#FFF;
}


.business_box {
	background:#F6F6F6;
	padding:3%;
	margin:0 auto 60px;
	border-radius:6px;
	position:relative;
	z-index:-10;
}

.business_wrap2 {
	width:100%;
	margin:0 auto 40px;
}

.business_box_l {
	width:48%;
	float:left;
	margin:0;
}

.business_box_r {
	width:48%;
	float:right;
	margin:0;
}

}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {


#hedImg {
background: url(../images/business/hed_img.jpg) center center no-repeat;
background-size: cover;
}

.idx_box_img_r {
    width: 60%;
    margin: 0 auto 30px;
    position: relative;
}

.idx_box_img_r::before {
    position: absolute;
    content: "";
    display: block;
    width: 160%;
    background: rgba(0,55,114,0.1);
    height: 300px;
    right: 80%;
    bottom: -100px;
    left: 50px;
    z-index: -1;
}



/*---index---------*/
.com_list { width: 100%; margin: 0 auto 30px; }
.com_list li { width: 100%; margin-bottom: 30px; }
.com_list li:nth-child(2n+2) { margin-right: 0px; }
.l-card { transition: 0.5s; overflow: hidden; width: 96%; padding: 0; margin: 24px auto; background: #fff; background: #fff; box-shadow: 6px 6px rgba(0, 0, 0, 0.2); }
.l-card:hover { transform: translate(5px, 5px); box-shadow: 1px 1px rgba(0, 0, 0, 0.2); }
.l-card:hover .thumbnail-wrapper::after { opacity: 1; width: 800px; height: 800px; border-width: 40px; }
.l-card .thumbnail-wrapper img { width: 100%; height: auto; }
.l-card:hover .thumbnail-wrapper img { transform: scale(1.1); }
.l-card:hover .more-text { opacity: 1; letter-spacing: 8px; }
.l-thumbnail { position: relative; overflow: hidden; width: 100%; height: auto; }
.l-thumbnail .more-text { transition: 0.5s; z-index: 2; position: absolute; top: 50%; transform: translateY(-50%); opacity: 0; display: block; width: 100%; color: #fff; font-size: 16px; font-weight: lighter; letter-spacing: 1px; text-align: center; text-transform: uppercase; }
.thumbnail-wrapper { display: block; margin: 0; padding: 0; }
.thumbnail-wrapper::after { transition: opacity 0.3s, width 0.8s 0.1s, height 0.8s 0.1s, border-width 0.4s 0.1s; content: ""; box-sizing: content-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0px; height: 0px; border-radius: 50%; border: 0px solid #993333; background: rgba(204, 76, 47, 0.7); opacity: 0; }
.thumbnail-wrapper img { transition: 0.5s; display: block; max-width: 100%; }
.text-content { padding: 16px; }
.text-content .title { margin: 0 0 6px 0; font-size: 16px; font-weight: bold; }
.text-content .txt { font-size:0.8em; }
.text-content .caption { margin: 0 0 12px 0; font-size: 14px; color: #555; font-weight: lighter; }
.content-meta { overflow: hidden; width: 100%; font-size: 12px; text-align: right; }
.content-meta .date { text-align: right; color: #aaa; }
a:hover .content-meta .date { color: #993333; }


.business_img { width:90%; margin:0 auto 20px; padding:0; list-style-type:none;}
.business_img li { width:100%;margin-bottom:3%;}
.business_img li p { padding:5px 0; text-align:center;}
.business_img li:nth-child(2n+2) { margin-right:0;}

.com_btn_list {
	width:100%;
	margin:0 auto 60px;
	padding:0;
	list-style-type:none;
	font-size:0.9em;
}

.com_btn_list li a {
	background:#666666;
	width:46%;
	float:left;
	padding:1%;
	display:block;
	margin-right:1%;
	text-align:center;
	color:#FFF;
	margin-bottom:2%;
}


.business_box {
	background:#F6F6F6;
	padding:3%;
	margin:0 auto 30px;
	border-radius:6px;
	position:relative;
	z-index:-10;
}


.business_wrap2 {
	width:96%;
	margin:0 auto 40px;
}

.business_box_l {
	width:100%;
	margin:0 0 30px;
}

.business_box_r {
	width:100%;
	margin:0;
}


.business_img2 { width:70%; margin:0 auto 20px; padding:0; list-style-type:none;}
.business_img2 li { width:100%;margin-bottom:3%;}
.business_img2 li p { padding:5px 0; text-align:center;}
.business_img2 li:nth-child(2n+2) { margin-right:0;}


}