@charset "UTF-8";
/*
 * index.css
 *
 */

/*==================================
              slide
==================================*/
/* スライド画像用CSS start */
#slide_wrapp {
	position: relative;
	overflow: hidden;
	height: 600px;
	margin: 0 auto;
	width: 90%;
}
#slide_wrapp .slide_item {
	opacity: 0;
	transform: scale(1);
	transition: opacity 2s linear, transform 7.5s linear;
	position: relative;
}
#slide_wrapp .slide_item:not(:first-child) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#slide_wrapp .slide_item.show_ {
	opacity: 1;
}
#slide_wrapp .slide_item.zoom_ {
	transform: scale(1.1);
}
#slide_wrapp .slide_item img {
	display: block;
	width:100%;
}
/* スライド画像用CSS end */

.border_radius {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
/*==================================
              top_copy
==================================*/
.top_copy_box h2 {
    margin: 30px auto 0;
    color: #277306;
    font-size: 24px;
	font-weight:bold;	
}
.top_img {
	float:left;
    margin: 0 0 20px;
}
.top_copy {
	float:right;
    width: 435px;
    margin: 0 20px 20px;
    font-size: 18px;
    line-height: 2em;
    text-align: left;
    vertical-align: top;
}
.top_copy_kuwashiku a {
    float: right;
    color: #277306;
    text-decoration: none;
    border: #277306 solid 1px;
    padding: 3px 30px 3px 10px;
    background-image: url(../img/top_arrow_01.jpg);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    margin: 20px auto 0;
}
.ttl_eng {
    color: #277306;
    font-weight: bold;
    border-top: #277306 solid 1px;
    padding: 5px 20px;
    font-size: 16px;
}



/*==================================
           top_service
==================================*/

.top_service p {
	font-size:16px;
}
.top_service li {
	display:inline-block;
	vertical-align:top;
	margin:10px auto 20px;
	width:300px;
	text-align:center;
}
.top_service li h3 {
	margin:10px auto 5px;
	color:#7C5221;
	font-size:20px;
	font-weight:bold;
	border-bottom:none;
}
.top_service li img {
	margin:5px auto 0;
	border-radius:5px;
}
.top_service li dd {
	margin:10px auto 0;
	padding:0 10px;
	text-align:left;
	font-size:16px;
}
.top_service dd li {
	margin:3px auto;
	padding:0 0 0 15px;
	font-size:15px;
	text-align:left;
	background-image:url(../img/service_list.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
.top_service li p {
	margin:0 auto;
	padding:15px 0 15px;
	font-size:16px;
	background-image:url(../img/fukidashi.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
.top_service dd p {
	margin:10px;
	padding:0;
	font-size:15px;
	text-align:left;
	background-image:none;
}
.top_service dd  li a {
	color:#000;
}
.top_service .service_shisetsu {
	margin:0;
	padding:10px 0;
	background-image:url(../img/okomari_bt.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
.top_service .service_shisetsu a {
	padding:10px 0 5px;
    color: #fff;
}
.news dt {

    width: 20%;
    padding: 10px 20px 10px 20px;
}
.news dd {
    width: 80%;
}
.news dt, .news dd {
    float: left;
    border-bottom: 1px dotted #999999;
    color: #444444;
    padding: 10px 0px;
    text-align: left;
}
.news dd {
    width: 80%;
}
.news .kuwashiku a {
	float:right;
    color: #7C5221;
    text-decoration: none;
    border: #7C5221 solid 2px;
    padding: 7px 15px;
    margin: 20px auto;
    border-radius: 5px;
}
.event p {
	margin:20px auto 0;
	font-size:16px;
	text-align:left;
}
.event ul {
	margin:20px auto;
}
.event li {
	float:left;
	width:230px;
	margin:7px auto;
	font-size:17px;
	text-align:left;
}
.month {
	margin:0 10px 0 0;
	color:#7C5221;
	font-weight:bold;
}
.event .kuwashiku a {
    float: right;
    color: #7C5221;
    text-decoration: none;
    border: #7C5221 solid 2px;
    padding: 7px 15px;
    margin: 20px auto;
    border-radius: 5px;
}
.event img {
    margin: 10px auto;
    border-radius: 10px;
}
.top_service li .communication {
	margin:0 auto;
	font-size:18px;
	line-height:1.25em;
}