@charset "UTF-8";

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

	トップページ設定用

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


/* ----------   topのボタン  --------------------- */
#btn_area{
padding:40px 0px 40px;
background:#fff;
background-size:cover;
}

.btn_top{
padding:0 0 30px;
position:relative;
background:#fff;
margin:0 auto 20px;
max-width:380px;
}


.btn_top h3{
text-align:center;
padding:12px 0 35px;
font-weight:bold;
font-size:160%;
color:#fff;
background:url(../images/bg_btn_01.png) no-repeat right 0;
}

.btn_top h3 span{
font-size:80%;
font-weight:normal;
}

.btn_top figure{
width:100%;
margin:0px auto 0px;
text-align:center;
}

.btn_top p{
text-align:center;
font-size:120%;
}

.btn_top dl{
padding:15px 15px 10px;
}
.btn_top dt{
font-weight:bold;
font-size:140%;
}
.btn_top dd{
padding:15px 5px 0px;
}

.btn_top dl span{
color:#ff6c00;
font-size:110%;
}

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


#btn_area{
padding:20px 0px 20px;
background:none;
}

.btn_top{
width:80%;
margin:10px auto 10px;
}

.btn_top figure{
width:100%;
}

.btn_top dl{
padding:15px 15px 10px;
}

.btn_top dt{
font-size:115%;
text-align:center;
}


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

.btn_top{
width:95%;
margin:10px auto 30px;
}

}

/* ----------   わたしたちについて  --------------------- */

#about{
padding:40px 0px 40px;
margin-bottom:40px;
background:#f2f2f2;
}

#about h3{
font-family: "FOT-ロダン Pro M";
font-size:220%;
font-weight:bold;
margin-bottom:20px;
color:#f6ab00;
}

#about h3 span{
font-size:60%;
margin-right:15px;
color:#000;
}


#about p{
line-height:2.0;
}

.lead_dl dt{
font-weight:bold;
margin-bottom:5px;
font-size:140%;
color:#e24800;
}

.lead_dl dd{
margin-bottom:15px;
padding-bottom:10px;
border-bottom:dotted 1px #333;
}

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

#about h3{
font-size:180%;
text-align:center;
}

#about h3 span{
display:block;
text-align:center;
}

.lead_dl dt{
font-size:110%;
}

}

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

#news{
padding:0px 0 0px;
background:#fff;
margin:40px 0;
}

#news h3.nw{
width:20%;
float:left;
color:#fff;
font-weight:normal;
text-align:center;
padding:40px 0 40px;
background:#0fb679;
margin:0px 0;
font-size:180%;
}

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

.news_info{
float:right;
width:78%;
margin:0px 0px 0px;
padding:20px 20px 20px 0px ;
}


.news_info li{
padding:10px 0px 5px 0px ;
border-bottom:dotted 1px #ccc;
margin:0px 0px 10px 0px ;
}

.news_info li span{
color:#f37800;
margin:0px 20px 0px 0px ;}


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

#news{
margin:20px 15px 20px;
}

#news h3.nw{
width:100%;
float:none;
color:#fff;
font-weight:normal;
text-align:center;
padding:10px 0 10px;
background:#0fb679;
margin:0px 0;
font-size:130%;
}

#news h3.nw br{
display:none;
}

.news_info{
float:none;
width:100%;
margin:0px 0px 0px;
padding:20px 20px 20px 20px ;
}

}