@charset "UTF-8";

/* ====================================================================================================

	トップページ設定用

==================================================================================================== */


/* ----------   新着情報  --------------------- */

#news{
padding:20px 0 50px;
overflow:hidden;
}



.news_info{
margin:0px 15px 0px;}


.news_info li{
padding:0 20px 1% 0px ;
border-bottom:dotted 1px #000;
margin:0px 0px 10px 0px ;
color:#333;
}

.news_info li figure{
float:left;
width:100px;
margin:0px 20px 0px 0px ;
}

.news_info li figure img{
border-radius: 50%;
height: 100%;
width: 100%;
}

.news_info li span{
display:block;
text-align:left;
padding:5px;
color:#d90000;
margin:0px 20px 10px 0px ;}


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

#news{
padding:20px 0 20px;
}

.news_info{
margin:0px 20px 10px;}

#news .tt{
font-size:160%;
}

#news .tt span{
font-size:80%;
}

.news_info li figure{
width:60px;
}

}

/* ----------   about_box  --------------------- */

.about_box{
background: url(../images/bg_01.png) repeat-y 0 0;
padding;5% 0 8%;
min-height:200px;
margin-bottom:40px;
}

.about_box figure{
width:45%;
float:right;
margin:40px 0 40px 50px;
}


.about_box dl{
padding:20px 40px;
font-size:110%;
}

.about_box p{
width:60%;
}

.about_box02{
background: url(../images/bg_01.png) repeat-y right 0;
padding;5% 0 8%;
min-height:200px;
margin-bottom:40px;
}

.about_box02 figure{
width:45%;
float:left;
margin:40px 50px 40px 80px;
}

.about_box02 dl{
padding:20px 40px;
font-size:110%;
}

.about_box02 p{
width:60%;
}

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

.about_box figure{
width:80%;
float:none;
margin:40px auto 10px;
}

.about_box p{
width:100%;
}

.about_box02 figure{
width:80%;
float:none;
margin:40px auto 10px;
}


.about_box02 p{
width:100%;
}

}

.border_box{
background:#efefef;
padding:20px 0;
}