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

 index

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

.top_con01{
	width:1000px;
	margin:0 auto;
	padding-bottom:70px;
}

.top_con01a{
	padding-top:20px;
	text-align:center;
}

.top_con01b{

}


.top_ttl{
	text-align:center;
	font-size:30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", serif;
	padding:20px 0;
}

.top_con01_img{
	text-align:center;
}

.top_con01_ttl{
	width:490px;
	margin:0 auto;
	font-size:25px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", serif;
	padding:20px 0;
	border-bottom:1px solid #000;
	text-align:center;
}

.top_con01 p{
	text-align:center;
	line-height:35px;
	padding:20px 0;
}

.top_con02{
	padding-bottom:70px;
}

.top_con02 .top_ttl{
	padding-bottom:50px;	
}

#loopslider {
    margin: 0 auto;
    width: 100%;
    height: 266px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 266px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 400px;
    height: 266px;
    float: left;
    display: inline;
    overflow: hidden;
	margin:0 20px;
}
 
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}

.top_con03{
	width:1000px;
	margin:0 auto;
	padding-bottom:100px;
}

.top_con03 .top_ttl{
	border-bottom:1px solid #000;
	margin-bottom:30px;
	padding-bottom:20px;
}

.top_con03l{
	width:480px;
	text-align:center;
	float:left;
}

.top_con03r{
	width:480px;
	text-align:center;
	float:right;
}




@media screen and (max-width: 480px) {

.top_main{
	padding:0 10px;
}

.top_ttl{
	font-size:25px;
}


.top_con01_img img{
	width:160px;
}

.top_con01{
	width:100%;
}

.top_con01 p{
	font-size:14px;
	line-height:30px;
	text-align:left;
}

.top_con01_ttl{
	width:100%;
	font-size:18px;
}

#loopslider ul li {
	width:100%;
}

.top_con02{
	display:none;
}

.top_con03{
	width:100%;
}

.top_con03l{
	width:100%;
}

.top_con03r{
	width:100%;
}




}