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

.titleimg .row .col-xs-12  {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: -20px;
}
.titleimg {
	position: relative;
}
.titleimg .breadcrumb {
	position: absolute;
	font-size: 125%;
	margin-top: 0px;
	top: 0px;
}
.titleimg .breadcrumb li a {
	color: #6B6B6B;
}
.titleimg .breadcrumb li a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.titleimg .breadcrumb .active  {
	color: #1D1D1D;
}
.titleimg h3  {
	position: absolute;
	left: 30%;
	right: 30%;
	top: 30%;
	font-size: 280%;
	font-family: "リュウミン M-KL","Ryumin Medium KL"
}
.titleimg p {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 115%;
}
.titleimg .panel {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #918A8A;
}
.titleimg .panel .col-sm-6 {
	padding-right: 0px;
	padding-left: 0px;
}
.titleimg .panel .photo {
}
.titleimg .btn {
	padding-top: 13%;
}
.titleimg .panel .btn h4   {
	margin-bottom: 20px;
	font-size: 200%;
}
.titleimg .btn a .buttonB {
	font-size: small;
}
.titleimg .panel  a h4 {
	color: #333;
}
.titleimg .panel a:hover h4{
	text-decoration: none;
	opacity: 0.7;
}
.titleimg .panel a:hover {
	text-decoration: none;
	opacity: 0.7;
}

@media (max-width:767px){
.titleimg {
	margin-top: 20px;
}
.titleimg h3   {
	top: 38px;
	font-size: 200%;
}
.titleimg p {
	width: 90%;
}
.row.panel .btn  {
	padding-top: 5px;
	padding-bottom: 15px;
}
}