@charset "UTF-8";

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

	トップページ設定用

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

/* ----------   トップのチェックの箇所  --------------------- */

.top_check_box01{background:#fff url(../images/img_01.png) no-repeat 98% 98%;}
.top_check_box02{background:#fff url(../images/img_02.png) no-repeat 98% 98%;}
.top_check_box03{background:#fff url(../images/img_03.png) no-repeat 98% 98%;}
.top_check_box04{background:#fff url(../images/img_04.png) no-repeat 98% 98%;}
.top_check_box05{background:#fff url(../images/img_05.png) no-repeat 98% 98%;}


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

.top_check_box01 ,.top_check_box02 ,.top_check_box03,.top_check_box04{background:none;}
}


.lead_tt{
font-size: 140%;
color: #ff4800;
padding:5px 0 4px 0px;
text-align:center;
margin:20px 0px 25px;
font-weight:bold;
}

@media only screen and (max-width: 480px) {
.lead_tt{
font-size: 100%;
}

}


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

#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:#ff9c00;
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 ;
font-size: 110%;
}


.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 0px 20px;
}

#news h3.nw{
width:100%;
float:none;
color:#fff;
font-weight:normal;
text-align:center;
padding:10px 0 10px;
background:#ff9c00;
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 ;
}

}


/* ----------   ポイント  --------------------- */


#top_point{
padding:20px 30px 60px;
background: #fff
}

#top_point h3{
font-size:160%;
text-align:center;
padding:20px 0px 20px 0px ;
margin:0px 0px 0px 0px ;
color:#6ABA6B;
font-weight:bold;
}

#top_point h3 span{
font-size:130%;
color:#002561;
display:block;
text-align:center;
}

#top_point {
counter-reset: Num;
}


.top_point h4{
    font-size: 130%;
    font-weight: bold;
    color: #000;
    line-height: 1.4;
    padding: 0 0px 0 76px;
    text-indent:-76px;
    margin:20px 0;
}

.top_point h4::before{
    counter-increment: Num;
    content: counter(Num);
    font-size: 110%;
    line-height: 1;
    color: #fff;
    text-align: center;
    margin-right: 0.4em;
    padding: .3em .8em;
    background: #ff9c00;
    border-radius: 50%;
    position: relative;
}

.top_point dl dt{
    font-size: 110%;
    margin-bottom:20px;
}

.top_point dl dd{
    color:#236900;
    font-weight: bold;
    text-align:center;
}

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

#top_point{
padding:20px 20px 0px;
background: #fff;
}

#top_point h3{
font-size:140%;
padding:0px 0 0px;
}
.top_point dl dd{
    margin-bottom:40px;
}

}

.top_lead {
  font-size: 120%;
}