@charset "utf-8";

/*=================================================
	file name: instance.css
	create: 2018.Jan
	updated: 2018.1.29
===================================================*/

#instance-top{
	/* font-family:"Noto Sans JP", sans-serif; */
}

#instance-top .header-instance{
	border-bottom: 1px solid #cccccc;
	margin:0 -15px;
	padding: 0 15px;
}

#instance-top .header-instance h1{
	margin-top: 10px;
	width:160px;
	height:31px;
}

#instance-top .header-instance p{
	margin: 20px 0 0;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}

#instance-top .mv-area{
	position: relative;
}

#instance-top .mv-area figure{
	margin: 0 -15px 15px;
}

#instance-top .mv-area .link-cm{
	position: absolute;
	bottom: 15px;
	left: 0;
	background-color: rgba(255,255,255,.9);
	border-color: #0BB5CB;
	color: #0BB5CB;
}

#instance-top .mv-area .link-cm.btn {
	cursor: default;
}

#instance-top .mv-area .link-cm.btn:active, .btn.active{
	box-shadow: none;
	-webkit-box-shadow: none;
}

#instance-top .link-area{
	margin: 0 0 25px;
}

#instance-top .link-area div{
	width: 48%;
	float: left;
}

#instance-top .link-area div:nth-child(1){
	margin-right: 4%;
}

#instance-top .btn-request-area{
	margin-bottom: 35px;
	text-align: center;
}

#instance-top .btn-request-area a{
	font-size: 12px;
	color: #fff;
	background-color: #82CD01;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92e601), color-stop(100%, #82cd01));
	background: -moz-linear-gradient(top, #92e601, #82cd01);
	background: -webkit-linear-gradient(top, #92e601, #82cd01);
	background: linear-gradient(to bottom, #92e601, #82cd01);
	box-shadow: 0 3px 0 #5C9100;
}

#instance-top .btn-request-area a span.big{
	font-size:19px;
}

#instance-top .btn-request-area a span.middle{
	font-size:15px;
}

#instance-top section.sitemap{
	margin-bottom:0;
}
