@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */

/* --------------------------------
   □ 
-------------------------------- */ 
.contents section.wide#about{
	border-bottom:4px solid #eb6795;
	background:url(../../images/service/about_bg.png) 0 0 no-repeat;
}
	
	.contents section.wide#about h2{
		font-size: 192%;
		margin-bottom:30px;
	}
	
		.contents section.wide#about h2 img{
			margin-bottom:35px;
		}
	
	.contents section.wide#about .explain{
		width:48%;
		float:left;
	}
	
	.contents section.wide#about p.image{
		display:inline-block;
		float:right;
	}
	
	.contents section.wide#about p.text{
		margin-bottom:25px;
	}

.contents section.wide#service{
	border-bottom:4px solid #eb6795;
	background:url(../../images/service/service_bg.png);
	padding-bottom:60px;
}

	.contents section.wide#service h2{
		font-size:200%;
		text-align:center;
		margin-bottom: 25px;
	}
	
	.contents section.wide#service h2 span{
		font-size:53%;
		color:#eb6795;
		display:block;
		margin-top:12px;
		padding-bottom: 20px;
		background:url(../../images/service/title_border.png) 50% 100% no-repeat;
	}
	
	.contents section.wide#service ul.menu{
	}
	
		.contents section.wide#service ul.menu li{
			width:33%;
			float:left;
			text-align:center;
		}
		
		.contents section.wide#service ul.menu li dl dt{
			margin-bottom:10px;
			font-size:128%;
			font-weight:700;
		}
		
		.contents section.wide#service ul.menu li dl dt img{
			margin-bottom:20px;
		}
		
		.contents section.wide#service ul.menu li dl dd{
			width: 70%;
			margin: auto;
		}
		
		.contents section.wide#service ul.menu li p.buttonStyle{
			text-align:center;
			margin: 15px 0 0;
		}

#othermenu{
	padding:50px 0;
}

	#othermenu ul.menu li{
		width:314px;
		float:left;
		margin-right:29px;
	}
	
	#othermenu ul.menu li:last-child{
		margin-right:0;
	}

#information{
	margin-bottom:40px;
}

	#news{
		position:relative;
		width:100%;
		float:left;
	}
		
		#news h2{
			font-size:200%;
			background:url(../../images/index/info_title.png) 0 50% no-repeat;
			padding:5px 0 5px 45px;
			margin-bottom:18px;
		}
		
		#news h2 span{
			color:#eb6795;
			font-size:53%;
			margin-left:12px;
		}
		
		#news p.buttonStyle{
			position:absolute;
			top:0;
			right:0;
		}

	#news ul.list li{
		padding:22px;
		border-bottom:1px dotted #8f8f8f;
		overflow: hidden;
	}

	#news ul.list li:first-child{
		border-top:1px dotted #8f8f8f;
	}
	
	#news ul.list li dl{
	}

	#news ul.list li dl dt{
		width: 20%;
		float: left;
	}

	#news ul.list li dl dd{
		width: 80%;
		float: right;
	}
	
	.facebook{
		float:right;
	}








@media only screen and
(max-width : 767px) {
	
/* --------------------------------
   □ 
-------------------------------- */ 

.contents section.wide#about {
    margin-bottom: 0;
}

.contents section.wide#about .explain {
    width:auto;
    float: none;
}

.contents section.wide#about h2 {
    margin-bottom: 25px;
    text-align: center;
	font-size: 144%;
}

.contents section.wide#about h2 img {
    margin-bottom: 25px;
}

.contents .buttonStyle{
	text-align: center;
    margin-bottom: 30px;
}

.contents section.wide#service{
	padding-top:40px;
}

.contents section.wide#service h2 {
    font-size: 144%;
}

.contents section.wide#service ul.menu li {
    width: 45%;
    float: left;
	margin-right:10%;
	margin-bottom:25px;
}

.contents section.wide#service ul.menu li:nth-child(2n){
	margin-right:0;
}

.contents section.wide#service ul.menu li dl dd {
    width:auto;
}


body .buttonStyle a {
}

#othermenu ul.menu li {
    width: auto;
    float: none;
    margin-right: 0;
	text-align: center;
    margin-bottom: 25px;
}

.facebook {
    float: none;
    text-align: center;
}

.facebook iframe{
	width:100%;
}

#news {
    position: relative;
    width: auto;
    float: none;
}

#news h2 {
    font-size: 144%;
}

#news p.buttonStyle {
    position:static;
}

#news ul.list{
	margin-bottom:20px;
}

#news ul.list li {
    padding:5%;
}

#news ul.list li dl dt {
    width: auto;
    float: none;
}

#news ul.list li dl dd {
    width: auto;
    float: none;
}































}