@charset "UTF-8";

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

	トップページ設定用

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


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

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

.btn_top{
margin:0px 0 10px;
background:#fff;
border:solid 3px #ffe0d4;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
position:relative;
}

.btn_top h3{
color:#6a2b1c;
padding-bottom:2px;
margin:15px 15px 5px 15px ;
border-bottom:dotted 2px #6a2b1c;
font-weight:bold;
font-size:150%;
}

.btn_top .fig_top{
float:right;
width:85px;
}

.pink_p{
color:#ff5e22;
font-weight:bold;
font-size:90%;
margin:5px 15px 5px 15px ;
}

.tuuj{margin:5px 15px 15px 15px ;}


.btn_top .fig_faq{
text-align:center;
padding:15px 0;
background:#00ab39;
-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
}

.btn_top .fig_faq02{
position:absolute;
width:110px;
bottom:0px ;
right:0px;
}

.fa_p{margin:15px 120px 15px 15px ;}

.btn_top .btn01 a{
	color:#fffbe9;
	font-weight:bold;
	text-decoration:none;
	font-size:100%;
	display:block;
	padding:5px 0px;
	background:#cd7d00;
	text-align:center;
	width:80%;
	margin:0 auto 20px;
	-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;
}

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


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

.btn_top .fig_faq02{
position:absolute;
width:90px;
bottom:0px ;
right:0px;
}

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

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

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

#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 ;}