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

/* mainArea
================================================== */
.mainArea {
	max-width: 1380px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}
.mainArea img{
	width: 100%;
    margin-bottom: 0;
}
.mainSp {
	display: none;
}
.mainArea p{
	padding: 20px 30px 0;
	font-size: 120%;
	line-height: 160%;
	font-weight: bold;
	text-align: center;
}
.mainArea p.name{
	font-size: 140%;
	line-height: 110%;
}
.titBox {
	width: 70%;
	max-width: 800px;
	margin: 0 auto;
	padding: 4% 0;
}
@media screen and (max-width: 639px) {
	.mainArea {
		padding-bottom: 30px;
	}
	.kv {
		display: none;
	}
	.mainSp {
		display: block;
	}
	.mainArea p{
		font-size: 90%;
		line-height: 140%;
		font-weight: bold;
		text-align: left;
	}
	.mainArea p br{
		display: none;
	}
	.mainArea p.name{
		font-size: 100%;
		line-height: 110%;
		color: #666666;
	}
	.mainArea p.mainSp{
		padding: 20px 0 0;
	}
	.titBox {
		width: 90%;
		margin: 0 auto;
	}
}

/* pageBlock
================================================== */
.pageBlock {
	position:relative;
	max-width: 1080px;
	margin: 0 auto 60px auto;
	padding: 30px;
}
.bgA {
	background-color: #fadbda;
	padding: 50px 50px;
	margin: 50px 0;
}
.borderB {
	border-bottom: 3px #dcdddd double;
	margin-bottom: 40px;
}
.pageBlock p{
	line-height: 180%;
	padding-bottom: 30px;
}
.pageBlock p em{
	color: #402565;
}
.pageBlock img{
	margin-bottom: 2%;
}
.pageBlock p.name{
	font-size: 80%;
	line-height: 145%;
	color: #666;
}
.pageBlock p.lead{
	font-size: 105%;
	line-height: 160%;
	color: #402565;
	width: 100%;
	margin: 0 auto 30px auto;
	padding: 0% 0 5% 0;
	font-weight: 700;
}
.pageBlock p span{
	font-weight: bold;
	color: #c4000a;
}
.pageBlock p.txtEnd {
	text-align: right;
	font-size: 80%;
	font-weight: bold;
}
.pageBlock h2 {
	font-size: 140%;
	line-height: 120%;
	font-weight: bold;
	color: #333;
	padding: 5px 10px;
	border-left: solid 15px #ea5404;
	border-bottom: solid 1px #ea5404;
	margin-bottom: 30px;
}
.pageBlock blockquote p {
	font-size: 90%;
	line-height: 160%;
	color: #666;
	padding: 10px 0;
	font-style: italic;
	padding-left: 15px;
	border-left: solid 5px #cccccc;
	margin: 25px 0px 40px 40px;
}
.spPh {
	width: 70%;
	margin: 0 auto;
}
.spPhS {
	width: 60%;
	margin: 0 auto;
}
.spPhSS {
	width: 30%;
	margin: 0 auto;
}
.txtC {
	width: 70%;
	margin: 0 auto;
}
.txtL {
	float: left;
	width: 60%;
	padding-right: 10%;
}
.txtR {
	float: right;
	width:60%;
	padding-left: 10%;
}
.subL {
	float: left;
	width: 40%;
	padding-top: 2%;
}
.subR {
	float: right;
	width: 40%;
	padding-top: 0%;
}
.subL img,
.subR img{
	width: 100%;
}
.subL p,
.subR p{
	font-size: 86%;
	line-height: 140%;
}
.spPh {
	width: 100%;
	margin: 0;
}

h6 {
	color: #009944;
	font-size: 150%;
	font-weight: 500;
	line-height: 120%;
	margin-bottom: 5%;
    padding: 1% 3%;
    border-left: solid 13px #009944;
    border-bottom: solid 1px #009944;
}
h4 {
	color: #00693e;
	font-size: 140%;
	font-weight: 500;
	line-height: 170%;
	margin-bottom: 5%;
    border-bottom: solid 10px #abcd03;
}
h4 span {
	font-size: 130%;
}
h5 {
	color: #333;
	font-size: 120%;
	font-weight: bold;
	line-height: 140%;
	margin-bottom: 5%;
}
h3 span {
	font-size: 70%;
}
.profBox {
	border-top: solid #000 1px;
	padding-top: 15px;
}
.bottomLine {
	border-bottom: solid #000 1px;
}
.profBox dt{
	font-size: 86%;
	line-height: 140%;
	font-weight: bold;
	padding-bottom: 5px;
}
.profBox dd{
	font-size: 86%;
	line-height: 140%;
	padding-bottom: 15px;
}
.profBox dd.minPh{
	width: 70%;
	margin: 0 auto;
}
p em{
	color: #402565;
	font-weight: bold;
}
p.caption {
	font-size: 75%;
	line-height: 140%;
}
@media screen and (max-width: 639px) {
	.pageBlock {
		max-width: inherit;
		margin: 0;
		padding: 0 20px;
	}
	.pageBlock p{
		font-size: 110%;
		line-height: 160%;
		padding-bottom: 15px;
	}
	.pageBlock p.name{
		font-size: 80%;
		line-height: 140%;
		width: 100%;
		margin: 0 auto 20px auto;
	}
	.pageBlock h2 {
		font-size: 140%;
		line-height: 130%;
		padding: 10px 10px;
	}
.pageBlock p.lead{
	font-size: 115%;
	line-height: 150%;
	color: #402565;
	width: 100%;
	margin: 0 auto 10% auto;
	padding: 1% 0 1% 0;
}
	.txtL,
	.txtR{
		float: none;
		width: 100%;
		padding: 0;
	}
	.subL,
	.subR{
		float: none;
		width: 80%;
		margin: 10% auto;
		line-height: 120%;
		font-size: 120%;
	}
	.spPh {
		width: 70%;
		margin: 0 auto;
	}
.borderB {
	border-bottom: 3px #dcdddd double;
	margin: 40px 0;
	display: block;
}
.bgA {
	background-color: #fadbda;
	padding: 30px 30px 10px 30px;
	margin: 50px 0;
}
.txtC {
	width: 90%;
	margin: 10% auto;
}
	
}
/* tit02
================================================== */
.tit02 {
	background-color: #4c93cf;
	margin-bottom: 30px;
	padding: 5% 5% 0% 5%;
}
.tit02 h3{
	color: #fff;
	font-size: 110%;
}
.tit02 h4{
	color: #fff;
	font-size: 100%;
	line-height: 120%;
	background-color: #4c93cf;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #fff;
	padding-top: 2%;
}
.tit02 p{
	font-size: 85%;
	line-height: 160%;
	color: #fff;
}
.tit02 p.name{
	color: #fff;
	font-size: 80%;
	margin-top: 5%;
}

/* tit01
================================================== */
.bg1 {
	background-color: #cccc99;
}
.subR .tit01 {
	background-color: #fff;
	margin-bottom: 30px;
	padding: 0% 0% 0% 0%;;
	border: solid 15px #382367;
}
.subR .tit01 h3{
	margin: 3% auto 0 auto;
	color: #382367;
	font-size: 110%;
	line-height: 120%;
	font-weight: bold;
	padding-bottom: 5%;
	text-decoration: underline;
	width: 90%;
}
.subR .tit01 p, dl{
	font-size: 90%;
	line-height: 140%;
	width: 90%;
	margin: 0 auto;
	color: #382367;
}
.tit01 p a{
	text-decoration: underline;
	color: #402565;
}
.tit01 dt{
	font-weight: bold;
	float: left;
}
.tit01 dd{
	margin-left: 45px;
}
.tit01 dd.cap{
	font-size: 60%;
}
.tit01 dd img{
	margin: 2% 0 0 0;
	width: 50%;
}
.tit01 p.cap{
	font-size: 70%;
}
.colum3 {
	background-color: #96cadf;
	color: #fff;
	padding: 20px;
}
.colum3 .txtR {
	padding: 0px;
	width: 72%;
}
.colum3 h2 img {
	width: 100%;
}

@media screen and (max-width: 639px) {
	.tit01 {
	margin: 30px auto 50px auto;
		width: 70%;
	}
	.tit02 p img {
	margin: 0px auto;
		display: block;
	}
	}