@charset "UTF-8";

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

	トップページ設定用

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



/* ----------   ボタン  --------------------- */

#btn_area{
padding:40px 0px 20px;
}

.btn_top{
margin:10px 0 10px;
border:solid 1px #ccc;
position:relative;
}

.btn_top .inner {
padding:10px 0px 10px;
background: #fff;
border-top:solid 6px #ff6000;
}


.btn_top h3{
text-align:center;
color:#303131;
padding:0px 0 5px;
font-weight:bold;
font-size:180%;
}


.btn_top h3 span{
color:#303131;
font-size:80%;
}

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

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

.btn_ko_ho{
margin:30px 0px 30px ;
}

.btn_ko_ho li{
float:left;
}

@media only screen and (max-width: 959px) {
.btn_ko_ho li{
float:none;
width:100%;
margin:0px auto 20px;
text-align:center;
}
}

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


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

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

  .btn_ko_ho{
  margin:20px 0px 0px ;
  }

  .btn_ko_ho li{
  width:95%;
  margin:0px auto 20px;
  }


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


.btn_top02{
margin:10px 0 20px;
border:solid 1px #ccc;
position:relative;
}

.btn_top02 .inner {
padding:0px 0px 0px;
border-left:solid 4px #54c2f0;
}


.btn_top02 figure{
width:50%;
float:right;
}

.btn_top02 h3{
padding:20px 20px 20px 20px ;
}

.btn_top02 p{
padding:0px 20px 20px 20px ;
font-weight:bold;
font-size:120%;
}

.btn_top03 img{
margin:0px 0 20px;
}

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

.btn_top02{
width:70%;
margin:10px auto 20px;
}

.btn_top02 figure{
width:100%;
margin:0px auto 0px;
float:none;
}

.btn_top02 figure img{
width:100%;
}

.btn_top02 h3{
text-align:center;
}

.btn_top02 p{
text-align:center;
}

}

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

.btn_top02{
width:95%;
margin:10px auto 20px;
}

}


/* ----------   挨拶  --------------------- */

#greet{
padding:40px 0px 40px;
background-color:#e2f9ff;
}

#greet h3{
padding:10px 0px 20px 20px;
}

.lead_top span{
font-size:75%;
display:block;
text-align:center;
}


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

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

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

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

.news_info {
    float: right;
    width: 100%;
    margin: 0px 0px 0px;
    padding: 2% 2% 2% 2%;
    background: #fff;
    border-left:1px solid #E0E0E0;
    border-right:1px solid #E0E0E0;
    border-bottom:1px solid #E0E0E0;
    height: 215px;
overflow-y: scroll;
}


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

.news_info li a{
   color:#333;
}

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

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

  .news_info li span {
display:block;
}

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

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

.news_info {
    float: none;
    width: 94%;
    margin: 0px 0px 0px;
    padding: 3%;
}

}