@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: 40%;
	font-size: 280%;
	font-family: "リュウミン M-KL","Ryumin Medium KL"
}
.lead h4 {
	font-size: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}
.lead p   {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 70%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.contents {
	margin-bottom: 100px;
}
.contents .row  {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFCD8;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-bottom: 50px;
}
.contents .midashiA {
	text-align: left;
	font-size: 140%;
	color: #B85020;
	margin-bottom: 20px;
}
.contents .label  {
	vertical-align: 3px;
}
.contents .col-sm-5   {
	margin-bottom: 20px;
}
.contents .col-sm-7.photo  {
	transform: translate(0%,10%)
}
.contents .exp {
	text-align: left;
	margin-bottom: 20px;
	font-size: 115%;
}
.buttonA   {
		background-color: #FFFCD8;
	margin-top: 30px;
	margin-bottom: 20px;

}
.contents .midashiB {
	text-align: left;
	font-size: 140%;
	color: #0084B6;
	margin-bottom: 20px;
}
.contents .col-sm-12    {
	padding-left: 15%;
	padding-right: 15%;
	margin-bottom: 20px;
}

@media max-width:991px{
.contents .row {
	width: 90%;
}
}

@media (max-width:991px){
.contents .row {
	width: 90%;
}
.contents .lead p  {
	width: 80%;
}
.contents .row .midashiA  {
	font-size: 110%;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.contents .col-sm-7 {
	margin-bottom: 35px;
}
.contents .row .midashiB  {
	font-size: 110%;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.contents .row .exp  {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

}
@media (max-width:767px){
.titleimg {
	margin-top: 20px;
}
.titleimg h3   {
	top: 25px;
	font-size: 200%;
}
.contents .photo   {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
}