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


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


    Message　メッセージ
	

---------------------------------------------------*/
p,
ol li{
	font-size:16px;
	line-height:1.8;
}


.index-cont01{
	width:100%;
	position:relative;
	margin-bottom:240px;
}

.index-cont01 h3{
	font-size:20px;
	margin-bottom:15px;
	color:#3e9749;
}

.index-cont01 .text{
	width:830px;
	float:left;
}

.index-cont01 img{
	width:367px;
	height:333px;
	float:right;
}

ol li{
	list-style:decimal;
	margin-left:1.5em;
}

.index-cont01:after{
	content: "";
    clear: both;
	display: block;
}


.index-cont02{
	width:100%;
	position:relative;
	margin-bottom:240px;
}

.index-cont02 > .title{
	width:70%;
	height:400px;
	position:relative;
	margin-bottom:40px;
	margin-left: auto;
	margin-right: auto;
}

.index-cont02 > .title .image{
	width:350px;
	height:300px;
	border-radius:10px;
	border:1px #b7b7b7 solid;
	background:url(../images/message/message_02.jpg) no-repeat center 0;
}

.index-cont02 > .title > h1{
	color:#3e9749;
	font-size:36px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight:bold;
	margin-bottom:15px;
	text-align:right;
	position:absolute;
	top:20px;
	right:0;
}

.index-cont02 > .title > h2{
	font-size:30px;
	text-align:right;
	position:absolute;
	top:150px;
	right:0;
}

.index-cont02 > .title > p{
	font-size:22px;
	position:absolute;
	top:150px;
	right:0;
	line-height:1.5;
}

.index-cont02 p+h3{
	margin-top:50px;
}

.headline02{
	font-size:24px;
}


.index-cont03{
	width:100%;
	position:relative;
	margin-bottom:240px;
}

.index-cont03 .staff{
	width:45%;
}

.btom150-m{
	margin-bottom: 150px;
}

.index-cont03 .staff img{
	width:100%;
	height:auto;
}

./*index-cont03 .staff+.staff{
	margin-top:150px;
}

.index-cont03 .staff:after{
	content: "";
    clear: both;
	display: block;
}*/

.index-cont03 .text{
	width:100%;
}

.index-cont03 .text > h1{
	color:#3e9749;
	font-size:24px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight:bold;
	margin-bottom:15px;
}

.index-cont03 .text > h2{
	font-size:28px;
	line-height:1.5;
	margin-bottom:20px;
}

.index-cont03 .text > h2 span{
	display:block;
	font-size:18px;
}

.index-cont03 .img{
	width:380px;
}

.left{
	float:left;
}

.right{
	float:right;
}


@media screen and (max-width: 960px) {
p,
ol li{
	font-size:14px;
	line-height:1.6;
}

.index-cont01{
	margin-bottom:100px;
}

.index-cont01 h3{
	font-size:18px;
	margin-bottom:10px;
}

.index-cont01 .text{
	width:100%;
	float:none;
	margin-bottom:20px;
}

.index-cont01 img{
	width:100%;
	height:auto;
	float:none;
}


.index-cont02{

	margin-bottom:100px;
}

.index-cont02 > .title{
		width: 100%;
	height:auto;
	margin-bottom:40px;
}

.index-cont02 > .title .image{
	width:100%;
	height:200px;
	border-radius:0px;
	background:url(../images/message/message_02.jpg) no-repeat center center;
	background-size:cover;
	margin-bottom:10px;
}

.index-cont02 > .title > h1{
	font-size:24px;
	text-align:center;
	position:static;
}

.index-cont02 > .title > h2{
	font-size:20px;
	text-align:center;
	position:static;
}

.index-cont02 > .title > p{
	font-size:14px;
	text-align:center;
	position:static;
}

.index-cont02 p+h3{
	margin-top:30px;
}


.index-cont03{
	margin-bottom:100px;
}

.index-cont03 .staff{
	width:100%;
}

.index-cont03 .staff img{
	width:100%;
	height:auto;
}

.index-cont03 .staff+.staff{
	margin-top:50px;
}

.index-cont03 .text{
	width:100%;
	margin-bottom:20px;
}

.index-cont03 .text > h1{
	font-size:20px;
	margin-bottom:10px;
}

.index-cont03 .text > h2{
	font-size:18px;
	margin-bottom:10px;
}

.index-cont03 .text > h2 span{
	font-size:14px;
}

.index-cont03 .img{
	width:100%;
}

.left{
	float:none;
}

.right{
	float:none;
}
.btom150-m{
	margin-bottom: 50px;
}
}
.clearfix::after {
  content: ""; /* 必ず必要 */
  display: block; /* ブロック要素にする */
  clear: both; /* 左右両方のフロートを解除する */
}