@charset "UTF-8";

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

	トップページ設定用

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


/* ----------   topのボタン  --------------------- */


.btn_top_bg{
background:url(../images/bg_02.png) no-repeat center center;
padding:30px 0;
background-size:cover;
margin-bottom:30px;
}

@media only screen and (max-width: 480px) {
.btn_top_bg{
background:none;
padding:30px 10px;
}
}

.lead_box{
padding:10px 0 20px 0;
text-align:center;
background:rgba(255,255,255,0.8);
}

.lead_box h3{
padding:0px 0 5px 0;
text-align:center;
font-size:130%;
color:#000;
font-weight:bold;
text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff;
}

.lead_box h3 span{
color:#f80000;
font-size:130%;
}

.lead_box p{
padding:5px 0 0px 0;
text-align:center;
font-size:120%;
color:#000;
font-weight:bold;
}

.btn_area{
background:#fff;
padding:10px;
margin-top:20px;
border:solid 1px #ccc;
}

.fig_right{
width:30%;
float:right;
margin:0px 0px 0px 20px ;
}

.btn_area h4{
font-size:160%;
font-weight:bold;
color:#000;
padding:5px 0px 5px 15px ;
border-left:6px #00abff solid;
margin-bottom:15px;
}

.btn_area ul{
padding:10px 10px 10px 10px ;
}

.btn_area ul li{
font-size:120%;
font-weight:bold;
padding:0px 0px 15px 0px ;
}

.btn_area ul li:before { content:'\e90e'; margin-right:10px;font-family:'icomoon';color:#ff6c00;font-size: 120%; }

.btn_img{
text-align:center;
}


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

.fig_right{padding:20px 0 0 0;}

.lead_box{
background:url(../images/bg_02.png) no-repeat center center;
background-size:cover;
}

.lead_box{
padding:10px 10px 20px 10px;
text-shadow:1px 1px 1px #fff,1px 1px 1px #fff,-1px -1px 1px #fff,-1px -1px 1px #fff;
}

}

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

.btn_area{
background:#fff;
padding:10px;
margin-top:20px;
}

.fig_right{display:none;}

}

/* ----------   前田司法書士事務所の３つの約束  --------------------- */

#promise_box{
background:#fff url(../images/bg_03.png) repeat-x 0 bottom;
position:relative;
border:solid 1px #b2e5ff;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
width:1200px;
margin:20px auto 0px;
min-height:300px;
}

#promise_box h3{
font-size:150%;
color:#00abff;
font-weight:bold;
padding:10px 0px 5px 130px ;
border-bottom:solid 6px #00abff;
}

.por_img{
position:absolute;
top:-30px;
left:10px;
}

.por_img02{
position:absolute;
bottom:0px;
right:0px;
width:30%;
}

#promise_box dl{
padding:30px 10px 25px 30px ;
}

#promise_box dl dt{
font-size:160%;
font-weight:bold;
color:#ff9c00;
}

#promise_box dl dt span{
color:#ff6c00;
}

#promise_box dl dd{
padding:0px 0px 25px 30px ;
font-weight:bold;
font-size:110%;
}

#promise_box dl dd.topmr130{
padding:0px 230px 0px 30px ;
}

@media only screen and (max-width: 1200px) {
#promise_box{
width:98%;
}

}

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

#promise_box dl{
padding:30px 10px 25px 10px ;
}

#promise_box dl dd{
padding:0px 10px 25px 10px ;
font-weight:bold;
font-size:110%;
}

#promise_box dl dd.topmr130{
padding:0px 120px 0px 10px ;
}

}




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

.top_bg01{background:url(../images/bg_01.png) no-repeat left bottom;
background-size:80%;
}

@media only screen and (max-width: 768px) {
.top_bg01{background:none;
}
}

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


.blog ul{
padding:0px 20px 0px 20px;
margin:0px 0px 0px 0px;
}

.blog ul li{padding: 5px 0 10px 122px;text-indent: -122px;}
.blog ul li:first-child{padding-top:0px;}

.blog ul li span{color:#fff;padding:0px 10px 0px 10px ;margin:0px 20px 0px 0px ;font-weight:normal;}
.blog ul li .koi{background:#004fa7;}
.blog ul li .usu{background:#0090ff;}

.blog ul li a{padding:0px 0 0 0px;color:#002245;text-decoration:underline;}
.blog ul li a:hover{color:#2282e2;text-decoration:underline;}

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

.blog ul li{padding: 5px 0 10px 0px;text-indent: -10px;line-height:1.8;}

}