@charset "UTF-8";

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

	トップページ設定用

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


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

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

#btn_area .lead_tt{
background:url(../images/tt_01.png) no-repeat center bottom;
font-size:200%;
text-align:center;
padding:0px 0px 70px 0px ;
margin:0px 0px 0px 0px ;
color:#000;
font-weight:bold;
}

#btn_area h3 span{
font-size:130%;
color:#c30d23;
}


#btn_area .lead_p{
font-size:130%;
font-weight:bold;
text-align:center;
margin:0px 0 10px;
}

.btn_top{
margin:20px 0px 10px;
background:#fff;
padding:0px 0px 38px 0px ;
box-shadow:1px 1px 5px #333;
}

.btn_top .btn_tt{
padding:0px 0px 0px 0px;
font-size:140%;
line-height:60px;
text-align:center;
background:#2266bb;
color:#fff;
}


.btn_top ul{
font-size:100%;
font-weight:bold;
padding:15px 15px 30px;
}

.btn_top ul li{
margin:3px 0;
}

.btn_top ul li a{
text-decoration:none;
color:#704c40;
display:block;
padding:3px 8px 3px 8px;
background:#f2f2f2;
}

.btn_top ul li a:hover{
color:red;
background:#ccc;
}

.btn_top ul li a:before { content:'\e910'; margin-right:10px;font-family:'icomoon';color:#c30d23;font-size: 100%; }


.btn_top figure{
text-align:center;
padding:30px 0 0 0;
}

@media only screen and (max-width: 768px) {
.btn_top{
margin:20px 10px 10px;
}

#btn_area .lead_tt{
font-size:160%;
}

#btn_area .lead_p{
font-size:100%;
}

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

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

#greet{
padding:10px 0px 10px;
background:#fffce9;
}

#greet .inner{
background:url(../images/bg_01.png) no-repeat 0 0,url(../images/bg_02.png) no-repeat right bottom;
min-height:200px;
padding:20px 20px;
}


#greet .inner:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

#greet h3{
margin:0px 0px 30px;
text-align:center;
line-height:1.5;
font-size:180%;
font-weight:bold;
color:#007326;
}

#greet h3 span{
font-size:70%;
color:#6a2b1c;
display:block;
text-align:center;
}


#greet p{
padding:0px 20px 0px 0px ;
line-height:1.8;
}

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

#greet .inner{
background-size:80px;
padding:10px 10px;
}

#greet h3{
font-size:130%;
line-height:1.3;
}

}


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

#greet .inner{
background-size:60px;
}

#greet p{
padding:0px 0px 0px 0px ;
line-height:1.8;
}
}

/* ----------   当事務所の特徴  --------------------- */

#tokucyou{
border:3px #e3ddcf solid;
background:#fff url(../images/bg_04.png) no-repeat right 0;
padding:15px;
}

.dl_top dt{
font-size:120%;
font-weight:bold;
color:#006f25;
margin:0px 0 0px;
padding:0px 0px 0px 40px;
text-indent:-40px;
}

.dl_top dd{
font-size:100%;
padding:20px 10px 25px 25px;
}

.dl_top {
counter-reset: Num;  
}

.dl_top dt::before {
    counter-increment: Num;
    content: counter(Num);
    font-size: 18px;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    margin-right: 0.4em;
    padding: 0.6em 0.8em;
    background: #006f25;
    border-radius: 50%;
    position: relative;
}

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

#tokucyou{
background-size:80px;
}

}


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

.news{
margin:30px 0 0px;
padding:0%;
}

.news_tt{
border-bottom:solid 2px #308800;
padding:0px 0px 5px 10px ;
margin-bottom:25px;
color:#308800;
font-size:120%;
}

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


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

.news_info li span{
color:#f37800;
font-weight:bold;
margin:0px 20px 0px 0px ;}