/*====================================================================================================
  ABOUT
====================================================================================================*/
#about .message {
	position: relative;
	padding: 5%;
	padding-left: 450px;
	background:url(../image/head_bg01.png) repeat-x;
}
#about .message::before {
	position:absolute; left:0; bottom:0;
	content:"";
	width:400px; height:400px;
	background:url(../../image/message.png) no-repeat;
	background-size:auto 100%;
}


/*====================================================================================================
  NEWS
====================================================================================================*/

/*** NEWS *******************************************************************/
#news {}
#news ul { clear:both; padding:20px 25px; overflow: hidden;}
#news ul:nth-child(odd) { background: rgba(112,164,95,0.05);}
#news ul li { float:left; }
#news ul li.tit { font-size:113%; margin-right:15px; font-weight:bold;}
#news ul li.day { float:none; display:block; font-size:75%; font-weight:bold;}
#news ul li a { color:#000; margin-left:20px; }


/*====================================================================================================
  VISIT
====================================================================================================*/

#visit .visit_link{ overflow: hidden;}
#visit .visit_link p{
    float: left;
    width: 49%;
    font-size: 120%;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-sizing: border-box;
}
#visit .visit_link p span{ display: block;}
#visit .visit_link p:nth-child(1){ margin-right: 2%; background: rgba(0,172,185,0.85);}
#visit .visit_link p:nth-child(2){ background: rgba(112,165,95,0.85);}
#visit .visit_link p a{ display: block; color: #FFF; text-decoration: none; padding: 20px 0;}
#visit .visit_link p a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}


/*====================================================================================================
  BLOG
====================================================================================================*/
#blog .blog_list ul {position: relative; float: left; padding:2%; width: 33.3%; overflow: hidden;}
#blog .blog_list ul:nth-child(3n+1) { clear:both;}
#blog .blog_list ul li {}
#blog .blog_list ul li.photo { text-align: center;}
#blog .blog_list ul li.photo img { width:250px; height:250px; object-fit: cover; border-radius: 150px;}
#blog .blog_list ul li.naiyou { text-align: center;}
#blog .blog_list ul li .mid { margin-top: 20px; font-size: 125%; color:#70a45f;}
#blog .blog_list ul li .day { }
#blog .blog_list ul li.more a { display: block; position: absolute; top: -2%; left: -2%; width:102%; height:100%; text-indent: -9999px;}
#blog .blog_list ul:hover { background:#70a45f; color: #fff !important;}
#blog .blog_list ul:hover .mid { color: #fff !important;}
#blog .blog_list .pager {display: block;}

#blog .blogtemp { width:100%;}
#blog .blogtemp::after { display: block; clear: both; content:"";}


.flow_list {  margin: 0 2%; padding:0; background: url("../image/head_bg01.png");}
.flow_list .box { 
	position: relative;
	padding:40px 5% 40px 10%;
	background: url("../image/flow_line.png") repeat-y 50px top;
	overflow: hidden;
}
.flow_list .box::before {
	display: block; content:"";
	position: absolute; top:40px; left:37px;
	width: 31px; height: 31px;
	background: url("../image/icon_time.png") no-repeat;
}
.flow_list .box:nth-child(even) { background-color: rgba(255,255,255,0.70);}
.flow_list .box .photo { float: right; margin-left: 30px; max-width: 500px;}
.flow_list .box .photo img { width: 100%; height: auto;}
.flow_list .box .naiyou { float: left; width: calc(100% - 530px);}
.flow_list .box .mid { font-size: 150%; color: #70a45f;}
.flow_list .box .mid span { display: block;}
.flow_list .box .mid span+span { margin-top: 30px;}
.flow_list .box:nth-child(odd) .naiyou::before {
	display: block; clear:both; content:"";
	position: absolute; top:20px; left:35%;
	width:40px; height:44px;
	background: url( "../../image/top/visit_03.png");
}
.flow_list .box:nth-child(even) .naiyou::before {
	display: block; clear:both; content:"";
	position: absolute; top:20px; right:40px;
	width:32px; height:33px;
	background: url( "../../image/top/visit_04.png");
}