@charset "UTF-8";

/*-----------------------------------

CSS Information

Site URL:			https://www.fujimasa.jp/
File name:			top.css (https://www.fujimasa.jp/css/top.css)

-----------------------------------*/




.section_box:last-child{
margin-bottom: 0;}

#content #main p{
padding: 0;
}

.main_img,
.main_img img{
width: 100%;
height: auto;}

.main_img{
margin-bottom:15px;}

/*-----不動産の事-----*/
.box1{
margin: 0;
margin-bottom: 15px;
padding-top: 15px;
position: relative;
background: url(images/box1_bg.jpg);
background-size:cover;}
#content #main .box1 p{
font-size: 16px;
text-align: center;
padding:10px;
box-sizing:border-box;
color: #fd7400;
background-color: #FFF;}
#content #main .box1 p span{
display: inline-block;
margin: 0 5px;
font-size: 24px;
font-weight: bold;}
.box1 ul{
max-width: 550px;
margin: 0 auto 15px;
padding: 40px;
text-align: left;
background: url(images/list_back.jpg) no-repeat center center;
background-size: cover;
box-shadow:0px 0px 3px 2px #888888;
-moz-box-shadow:0px 0px 3px 2px #888888;
-webkit-box-shadow:0px 0px 3px 2px #888888;}
.box1 ul li{
margin-bottom: 5px;
font-size:20px;
font-weight: bold;
line-height: 30px;
position: relative;
color:#000;}
.box1 ul li:last-child{
margin-bottom: 0;}
.box1 ul li:before{
content:" ";
width: 25px;
height: 25px;
margin-right: 5px;
margin-top: 3px;
line-height: 30px;
display: inline-block;
background: url(images/list.png) no-repeat;
background-size: 100% auto;}
.box1 img.staff1{
position: absolute;
top: 30px;
right: 200px;
width: 200px;
height: auto;}

/*-----相続について-----*/
.box2{
margin: 0;
padding: 30px 30px;
position: relative;
overflow: hidden;
background: rgba(255,228,169,1);
background: -moz-linear-gradient(top, rgba(255,228,169,1) 0%, rgba(255,228,169,1) 30%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,228,169,1)), color-stop(30%, rgba(255,228,169,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,228,169,1) 0%, rgba(255,228,169,1) 30%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,228,169,1) 0%, rgba(255,228,169,1) 30%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,228,169,1) 0%, rgba(255,228,169,1) 30%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,228,169,1) 0%, rgba(255,228,169,1) 30%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe4a9', endColorstr='#ffffff', GradientType=0 );}
.box2 img.staff2{
position: absolute;
bottom: 0;
left: 40px;
width: 150px;
height: auto;}
#content #main .box2 p{
/*padding-left: 200px;*/
line-height: 2.2;
font-weight: bold;
color: #654513;}
#content #main .box2 p span{
display: inline-block;
margin: 0 5px 10px;
padding: 5px 10px;
font-size: 24px;
line-height: 1;
box-sizing: border-box;
color: #DB3900;
background: url(images/marker.png) no-repeat center bottom;
background-size: 100% 20px;}
.box2 table{
width: 100%;
margin: 15px 0 0 5px;
padding-left: 30%;
font-size: 14px;
line-height: 1.8;
letter-spacing: -0.4em;}
.box2 table tr{
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
letter-spacing: normal;
box-sizing: border-box;
border-left: 5px solid #f07e27;}
.box2 table th{
padding:0 10px;
font-size: 20px;
font-weight: bold;
border-right: 1px dotted #CCC;}
.box2 table tr:nth-child(1) th{
color: #bf281d;}
.box2 table tr:nth-child(2) th{
color: #1f8a70;}
.box2 table tr:nth-child(3) th{
color: #f26606;}
.box2 table td{
padding:0 10px;}

/*-----住宅ローンについて-----*/
.box3{
margin: 0;
padding: 30px;
position: relative;
background: rgba(203,237,242,1);
background: -moz-linear-gradient(top, rgba(203,237,242,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,237,242,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(203,237,242,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(203,237,242,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(203,237,242,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(203,237,242,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbedf2', endColorstr='#ffffff', GradientType=0 );}
#content #main .box3 p{
line-height: 2.2;
font-weight: bold;
color: #654513;
}
#content #main .box3 p span{
display: inline-block;
margin: 0 5px 10px;
padding: 5px 10px;
font-size: 24px;
line-height: 1;
box-sizing: border-box;
color: #17607D;
background: url(images/marker2.png) no-repeat center bottom;
background-size: 100% 20px;}
.box3 ul{
margin: 15px 0 0 5px;
padding:0 30% 0 10px;
font-size: 14px;
line-height: 1.8;
letter-spacing: -0.4em;
border-left: 5px solid #f07e27;}
.box3 ul li{
display: inline-block;
margin-right: 10px;
letter-spacing: normal;}
.box3 ul li:first-child{
display: block;
font-weight: bold;}
.box3 img.staff3{
position: absolute;
bottom: 0;
right: 30px;
width: 180px;
height: auto;}

/*-----会社概要-----*/
.box4{position: relative;}
.box4 table{
width: 100%;
font-size: 14px;
line-height: 1.8;
border-collapse:collapse; 
margin:0 0 25px;}
.box4 table tr{
border-bottom: 1px dotted #333;}
.box4 table th{
width: 13em;
padding: 20px;
text-align: center;
vertical-align: top;
color: #FFF;
background-color: #f07e27;}
.box4 table td{
padding: 20px;
}
.box4 table td img{
width: 100%;
height: auto;
vertical-align: top;}
.box4 table a{
display: block;
float: right;
margin-bottom: 10px;
padding: 10px;
text-decoration: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #FFF;
background-color: #f07e27;
box-shadow:0px 2px 1px 0px #888888;
-moz-box-shadow:0px 2px 1px 0px #888888;
-webkit-box-shadow:0px 2px 1px 0px #888888;}
.box4 table a:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";}
.box4 iframe{width: 100%; clear: both;}
.box4 img.box4_bg{
position: absolute;
top: 0;
right: 0;
width: 200px;
height: auto;}


/*-----iphone バグ回避？-----*/
.map_gsv_box{ height:680px; overflow:hidden;}
.map_gsv_box iframe{ height:680px;}

@media  print, screen and (min-width: 768px){
.sph_br{display:none;}
}

@media  print, screen and (max-width: 767px){

.pc_br{display:none;}

/*-----不動産の事（スマホ）-----*/
.box1{
padding-top: 0;
background: none;}
#content #main .box1 p{
font: 14px;
text-align: left;}
#content #main .box1 p span{
font-size: 18px;
}
.box1 ul{
max-width: 100%;
margin: 0 0 15px;
padding: 15px;}
.box1 ul li:before{
width: 15px;
height: 15px;}
.box1 ul li{
font-size: 14px;}
.box1 img.staff1{
position: absolute;
top: 20px;
right: 5%;
width: 25%;
height: auto;}

/*-----相続について（スマホ）-----*/
.box2{
margin:0 0 15px;
padding: 10px;}
.box2 img.staff2{
left: 10px;
width: 80px;}
#content #main .box2 p{
font-size: 14px;
/*padding:0 0 90px*/}
#content #main .box2 p span{
font-size: 18px;
display: inline;
background: url(images/marker.png) no-repeat center 20px;
background-size: 100% 10px;}
.box2 table{}
.box2 table tr{
display: block;
width: 100%;
margin-bottom: 10px;}
.box2 table th{
display: block;
width: 100%;
border-right: none;}
.box2 table td{
display: block;
width: 100%;}

/*-----住宅ローンについて-----*/
.box3{
margin:0 0 15px;
padding: 10px;}
#content #main .box3 p{
font-size:14px;
/*padding:0 0 90px;*/}
#content #main .box3 p span{
font-size: 18px;
display: inline;
background: url(images/marker2.png) no-repeat center 20px;
background-size: 100% 10px;}
.box3 ul{
padding-right:50%;}
.box3 img.staff3{
width: 100px;
position: absolute;
bottom: 0;
right: 10px;
height: auto;}

/*-----会社概要（スマホ）-----*/
 .box4 table{
margin:0 0 25px;}
.box4 table tr{}
.box4 table th{
display: block;
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
text-align: left;}
.box4 table td{
display: block;
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
text-align:left;
background-color:#FFF;}
.box4 iframe{max-height: 200px;}
.box4 img.box4_bg{
display: none;}

/*-----iphone バグ回避？-----*/
.map_gsv_box{ height:200px; overflow:hidden;}
.map_gsv_box iframe{ height:200px;}

}