/*-------------------------------ページタイトル部分　--------------------------------*/
#fudousan .title-back {background: url(../../common/img/back-s1.jpg) repeat left top;}
#souzoku .title-back {background: url(../../common/img/back-s2.jpg) repeat left top;}
#rikon_mondai .title-back {background: url(../../common/img/back-s3.jpg) repeat left top;}
#syakkin .title-back {background: url(../../common/img/back-s4.jpg) repeat left top;}
#saiban_jimu .title-back {background: url(../../common/img/back-s5.jpg) repeat left top;}
#houjin_touki .title-back {background: url(../../common/img/back-s6.jpg) repeat left top;}
#other .title-back {background: url(../../common/img/back-s7.jpg) repeat left top;}

#fudousan .title-back .container-inner {background: url(../../common/img/title-back-logo1.png) no-repeat 50% 50%;}
#souzoku .title-back .container-inner {background: url(../../common/img/title-back-logo2.png) no-repeat 50% 50%;}
#rikon_mondai .title-back .container-inner {background: url(../../common/img/title-back-logo3.png) no-repeat 50% 50%;}
#syakkin .title-back .container-inner {background: url(../../common/img/title-back-logo4.png) no-repeat 50% 50%;}
#saiban_jimu .title-back .container-inner {background: url(../../common/img/title-back-logo5.png) no-repeat 50% 50%;}
#houjin_touki .title-back .container-inner {background: url(../../common/img/title-back-logo6.png) no-repeat 50% 50%;}
#other .title-back .container-inner {background: url(../../common/img/title-back-logo7.png) no-repeat 50% 50%;}

#fudousan nav#mainNav,#souzoku nav#mainNav,#rikon_mondai nav#mainNav,#syakkin nav#mainNav ,#saiban_jimu nav#mainNav,#houjin_touki nav#mainNav,#other nav#mainNav{background: url(../img/brown-line.jpg) repeat-x left bottom;}

/*-------------------------------サービストップ　--------------------------------*/
.service-box{
	margin: 30px auto 50px auto;
	align-items: stretch;-webkit-box-align: stretch;-ms-flex-align: stretch;-webkit-align-items: stretch;
}
/*----------バナー部分　------------*/
.service-box .s1,#fudousan .cat-box{ background:url(../../common/img/back-s1.jpg) repeat left top;}
.service-box .s2,#souzoku .cat-box{ background:url(../../common/img/back-s2.jpg) repeat left top;}
.service-box .s3,#rikon_mondai .cat-box{ background:url(../../common/img/back-s3.jpg) repeat left top;}
.service-box .s4,#syakkin .cat-box{ background:url(../../common/img/back-s4.jpg) repeat left top;}
.service-box .s5,#saiban_jimu .cat-box{ background:url(../../common/img/back-s5.jpg) repeat left top;}
.service-box .s6,#houjin_touki .cat-box{ background:url(../../common/img/back-s6.jpg) repeat left top;}
.service-box .s7,#other .cat-box{ background:url(../../common/img/back-s7.jpg) repeat left top;}

.service-box .s1-inner,#fudousan .cat-box-inner{border: #C4D2F8 1px solid;}
.service-box .s2-inner,#souzoku .cat-box-inner{border: #C8E6FE 1px solid;}
.service-box .s3-inner,#rikon_mondai .cat-box-inner{border: #FEF5CD 1px solid;}
.service-box .s4-inner,#syakkin .cat-box-inner{border: #DEF5BC 1px solid;}
.service-box .s5-inner,#saiban_jimu .cat-box-inner{border: #FCDDD9 1px solid;}
.service-box .s6-inner,#houjin_touki .cat-box-inner{border: #DAD7F0 1px solid;}
.service-box .s7-inner,#other .cat-box-inner{border: #EAE4CC 1px solid;}

.service-box-left{
	width: 260px;
	font-size: 14px;
	position: relative;
	padding: 5px;
	box-sizing: border-box;
	}
.service-box-left .inner{
	display:block;
	text-align: center;
	padding:30px 5px 20px 5px;
	box-sizing: border-box;
	height: 100%;
	}
.service-box-left .circle{
	width:60px;
	height:60px;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	background:url(../../common/img/back-s3.jpg) repeat left top;
	position: absolute;
	top: -30px;
	margin: auto;
	left: 0;
	right: 0;
}
.service-box-left .baner-title{
	font-size: 26px;
    padding: 10px 0 15px 0;
}
.service-box-left  .baner-p{font-size: 14px;}
.service-box-left .button-w{
	line-height: 38px;
    width: 160px;
    margin: 10px auto 0 auto;
    font-size: 14px;
}
/*-------------------------------子ページリスト部分　--------------------------------*/
.service-box-list{
	border: 1px solid #DFD7BF;
	background: #fff;
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
	box-sizing: border-box;
	font-size: 16px;
}
.service-box-list .sub-list{
	padding:30px 0;
	float: left;
	margin:0 0 0 30px;
}
.service-box-list .sub-list li a{
	padding: 8px 0;
    display: block;
}
.service-box-list .sub-list li a span{
	background:url(../../common/img/arrow-plane.png) no-repeat left center;
	padding:0 0 0 16px;
}
/*-------------------------------親カテゴリページ　--------------------------------*/
.cat-lead{
	background: url(../../common/img/h3-back.jpg) repeat left center;
	padding: 30px 10px;
	margin: 0 auto 50px auto;
}
.cat-box-area{align-items: stretch;-webkit-box-align: stretch;-ms-flex-align: stretch;-webkit-align-items: stretch;}
.cat-box{
	width: 48%;
	padding: 5px 0;
    position: relative;
    margin-bottom: 50px;
    text-align: center;
    box-sizing: border-box;
}
.cat-box-inner{
	margin:0  5px;
	padding: 0  14px;
	box-sizing: border-box;
	height: 100%;
	display: block;
}
.cat-box .circle{
	width:60px;
	height:60px;
	border-radius: 100%;
	background:url(../../common/img/back-s3.jpg) repeat left top;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: -30px;
}
.cat-box h3.title{
	font-size: 24px;
	margin: 0 auto 10px auto;
	padding: 40px 0 5px 0; 	
}
.cat-box h3.title span{
	background: none;
	padding: 0;
}
#fudousan .cat-box h3.title{border-bottom:2px dotted #C4D2F8;}
#souzoku .cat-box h3.title{border-bottom:2px dotted #C8E6FE;}
#rikon_mondai .cat-box h3.title{border-bottom:2px dotted #FEF5CD;}
#syakkin .cat-box h3.title{border-bottom:2px dotted #DEF5BC;}
#saiban_jimu .cat-box h3.title{border-bottom:2px dotted #FCDDD9;}
#houjin_touki .cat-box h3.title{border-bottom:2px dotted #DAD7F0;}
#other .cat-box h3.title{border-bottom:2px dotted #EAE4CC;}
.cat-box h4{padding: 0 0 10px 0;}
.cat-box h4.web-font{font-size: 18px !important;}
.cat-box p{padding: 0 20px;}
.cat-box .button-w{
	margin: 10px auto 20px auto;
	font-size: 14px;
}
/*-------------------------------業務詳細ページ　--------------------------------*/
.service-read{
	background: #E6E3D4 url(../../common/img/beige-back.jpg) repeat left top;
    padding: 30px 0 10px 0;
    margin: 0 auto 20px auto;
}
.service-read h2{margin: 0 20px 20px 20px;}
.service-read-inner{
	background: #fff;
	padding: 20px 20px 10px 20px;
}
ol{
	list-style:decimal;
	list-style-position: outside;
	margin: 0 10px 0 2em;
}
.service-scroll{
	overflow: hidden;
	margin: 0 auto 20px auto;
}
.reason-area{
	background: url(../../common/img/h3-back.jpg) repeat left center;
	padding: 30px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
h3.reason-title{
	border: none;
	font-size: 24px;
	text-align: center;
	border-bottom: 2px dashed #C9BDA4;
	margin: 0 auto 20px auto;
}
h3.reason-title .good-icon{
	display: inline;
	vertical-align: text-bottom;
	padding: 0 5px 0 0;
}
h3.reason-title span{
	background: none;
	padding: 0;
}
.reason-area .reason-photo {
	float: left;
	margin: 0;
}
ul.reason-list{
	float: right;
	width: 360px;
}
ul.reason-list li span {
	width:30px;
	height:30px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	background:url(../../common/img/back-s3.jpg) repeat left top;
	font-size: 26px;
	position: relative;
	text-align: center;
	display: block;
	line-height: 30px;
	float: left;
	margin: 0 10px 0 0;
}
ul.reason-list li{
	font-size: 18px;
	background: none;
	padding:0;
	margin: 0 0 15px 0;
	overflow: hidden;
}
.service-scroll a.button{
	width: 32%;
	box-sizing: border-box;
	margin: 0 10px 10px 10px;
	background:  url(../../common/img/button.jpg) repeat left top;
    display: block;
}
table tbody th span.th{
	background:url(../img/th.png) no-repeat left 1px;
	padding: 0 12px 0 24px;
    margin: 0 0 0 1em;
    min-height: 18px;
}
h3.mochimono-title span{
	display: block;
    background: url(../img/icon-mochimono.png) no-repeat left center;
    min-height: 30px;
    padding: 10px 0 0 60px;
    margin: 20px 0 0 0;
}
ul.check{padding: 0 0 0 2em;}
ul.check li{
	background: none !important;
	margin: 0 0 10px 0 !important;
}
ul.check li span{
	display: block;
    background: url(../img/check.png) no-repeat left center;
    padding: 5px 0 5px 30px;
}
.flow-box{
	background: url(../../common/img/h3-back.jpg) repeat left center;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px;
}
.flow-box .step-no{
	width: 130px;
	margin: 0 20px 30px 0;
 }
.flow-box .white-back{
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
	background: #fff;
	padding: 0 30px;
}
.flow-box  .step-no-area{
    background: url(../img/step.png) no-repeat left center;
   width: 130px;
    height: 81px;
    color: #fff;
    text-align: center;
    padding: 12px 0 0 0;
    margin: 30px auto 0 auto;
}
.flow-box  .step-no-area .web-font-alpha{font-size: 60px;}
img.flow-arrow{
	display: block;
	margin: 0 auto;
}
.icon-price img,.icon-calen img{
	vertical-align: middle;
	padding: 0 10px 0 0;
	width: 40px;
}
p.icon-price,p.icon-calen{display: table;}
p.icon-price img,p.icon-calen img,p.icon-price span,p.icon-calen span{display: table-cell;vertical-align: middle;}
.qa-link li{
	margin: 10px 0 15px 0 !important;
	background: none !important;
}
.qa-link a{
	color: #FD994C;
	min-height: 34px;
	text-decoration: underline !important;
	background: none !important;
	padding: 0 !important;
	display: block !important;
}
.qa-link a:hover{color:#79BF8C;}
.qa-link li a span{
    background: url(../img/icon-qa.png) no-repeat left center;
    display: block;
    padding: 6px 0 6px 40px;
}
h2.flow-title{
	font-size: 24px;
    padding: 20px 0 10px 0;
	margin: 0 auto 15px auto;
	background: url(../../common/img/h2-line.png) repeat-x left bottom;
}
#fudousan h2.flow-title span{
	background: url(../../common/img/icon-s1-s.png) no-repeat left center;
	padding: 0 0 0 40px;
}
p.list-p{
	padding: 15px 0 0 16px;
	background: url(../../common/img/list.png) no-repeat left 20px;
}
h4.cont-qa-title{
	background: url(../../common/img/list.png) no-repeat left 10px;
	padding: 0 0 5px 14px;
	border-bottom: 2px dashed #EAE8DB;
	margin: 15px auto 10px auto;
}
p.cont-qa-a{
	display: block;
    background: url(../img/good-min.png) no-repeat left 2px;
    min-height: 20px;
    padding: 6px 0 0 30px;
    margin: 0 0 25px 20px;
}
/*-------------------------------サイドバーメニュー　--------------------------------*/
.side-list {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding: 0 10px 10px 10px;
	margin: 0 auto 30px auto;
}
#fudousan .side-list{background: url(../../common/img/back-s1.jpg) repeat left top;}
#souzoku .side-list{background: url(../../common/img/back-s2.jpg) repeat left top;}
#rikon_mondai .side-list{background: url(../../common/img/back-s3.jpg) repeat left top;}
#syakkin .side-list{background: url(../../common/img/back-s4.jpg) repeat left top;}
#saiban_jimu .side-list{background: url(../../common/img/back-s5.jpg) repeat left top;}
#houjin_touki .side-list{background: url(../../common/img/back-s6.jpg) repeat left top;}
#other .side-list{background: url(../../common/img/back-s7.jpg) repeat left top;}
.side-list ul{
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: #fff;
    padding: 5px 10px 10px 10px;
}
.side-list h3.title img.icon-memubaner{
	width: 40px;
    height: 40px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    background: #FBF9F2;
    position: relative;
    display: inline;
    vertical-align: middle;
}
.side-list h3.title{padding: 20px 0 5px 0;}
#fudousan .side-list h3.title{border-bottom: 1px dashed #C4D2F8;}
#souzoku .side-list h3.title{border-bottom: 1px dashed #C8E6FE ;}
#rikon_mondai .side-list h3.title{border-bottom: 1px dashed #FEF5CD;}
#syakkin .side-list h3.title{border-bottom: 1px dashed #DEF5BC ;}
#saiban_jimu .side-list h3.title{border-bottom: 1px dashed #FCDDD9 ;}
#houjin_touki .side-list h3.title{border-bottom: 1px dashed #DAD7F0 ;}
#other .side-list h3.title{border-bottom: 1px dashed #EAE4CC;}
.side-list h3.title span{
	background: none;
	padding: 0 0 0 5px;
	display: inline;
}
.side-list h3.title a:hover{
	color: #fff;
	text-decoration: none;
}
/*************************************追加バナー****************************************/
#link-banner-area{
	width: 100%;
	padding: 10px;
	text-align: left !important;
	display: block;
	position: relative;
	overflow: visible;
}
#link-banner-area:hover{
	text-decoration: none;
	color: #504432;
}
.link-banner-balloon{
	display: block;
    padding: 25px 0 0 7px;
    width: 114px;
    height: 84px;
    background: url(../img/banner-balloon.png) no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    left: -30px;
    top: -20px;
    z-index: 10;
    box-sizing: border-box;
    line-height: 130%;
}
#link-banner-area-inner{
	background: #fff;
	padding: 25px 20px;
    justify-content: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;
}
#link-banner-area p{padding: 0;}
#link-banner-area .text{
	margin-left: 20px;
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
}
#link-banner-area h2.flow-title {
    font-size: 20px;
    padding: 0 0 10px 0;
    margin: 0 auto 9px auto;
}
#link-banner-area .button-min {
	width: 190px;
	line-height: 46px;
	
}
@media (max-width:1059px) {
	#fudousan nav#mainNav,#souzoku nav#mainNav,#rikon_mondai nav#mainNav,#syakkin nav#mainNav ,#saiban_jimu nav#mainNav,#houjin_touki nav#mainNav,#other nav#mainNav{background: none;}
	#fudousan #header,#souzoku #header,#rikon_mondai #header,#syakkin #header ,#saiban_jimu #header,#houjin_touki #header,#other #header{background: url(../img/brown-line.jpg) repeat-x left bottom;}
	.link-banner-balloon{left: -10px;}
}
@media (max-width:789px) {
	.reason-area .reason-photo,ul.reason-list{float: none;margin: 0 auto 15px auto;}
	.reason-area .reason-photo{display: block;}
	ul.reason-list{width: 100%;}
	ul.reason-list li br{display: none;}
	.flow-box{display: block;padding: 10px;}
	.flow-box .step-no-area{margin: 0 auto 15px auto;}
	.flow-box .step-no,.flow-box .white-back{margin: 0 auto;}
	.flow-box .white-back{width: auto;padding: 0 10px 10px 10px;}
	.service-scroll a.button {float: none;margin: 0 auto 10px auto;}
}
@media (max-width:759px) {
	.service-box{display: block;}
	.service-box-left{width: auto;}
	.service-box-left .inner {padding: 20px 5px 15px 5px;}
	.service-box-left .baner-p br{display: none;}
	.link-banner-img{width: 220px;height: auto;}
	#link-banner-area h2.flow-title br{display: none;}
}
@media (max-width:589px) {
	.service-box-left .circle {width: 50px;height: 50px;border-radius: 100%;top: -25px;}
	.service-box-list .sub-list { padding: 20px 0 10px 20px;margin: 0;width: 50%;box-sizing: border-box;}
	.service-box-left .baner-title {font-size: 24px;padding: 7px 0 10px 0;}
	h2.flow-title {font-size: 20px;}
	#link-banner-area-inner{display: block;text-align: center;}
	.link-banner-img{display: block;margin: 0 auto 10px;}
	#link-banner-area .text {margin:0 auto;}
	#link-banner-area .button-min{display: block;margin: 0 auto;}
	.reason-area h3.reason-title br{display: none !important;}
	.reason-area h3.reason-title br.br759,.reason-area h3.reason-title br.none589,.reason-area h3.reason-title br.br569{display: inline !important;}
}
@media (max-width:449px) {
	.service-box-list {padding: 15px 0 10px;}
	.service-box-list .sub-list {float: none;width: auto;padding: 0 0 0 20px;}
	.cat-box{margin-bottom: 30px;}
	.cat-box .circle {width: 40px;height: 40px;top: -20px;}
	.cat-box-inner {padding: 0 10px;}
	.cat-box h3.title {font-size: 20px;}
	.cat-box h4.web-font {font-size: 16px !important;}
	.cat-box p{display: none;}
	.cat-box .button-w {width: auto;font-size: 12px;padding: 0;}
	.cat-box .button-w .arrow {padding: 0 0 0 13px;background-size: 11px auto;}
	.reason-area{    padding: 25px 10px 10px 10px;}
	h3.reason-title {font-size: 18px;}
	.flow-box .white-back {padding: 0 10px;}
	h3.mochimono-title.title.first{font-size: 16px;}
	h3.mochimono-title span{background-size: 30px auto;padding: 10px 0 0 40px;}
	.service-scroll a.button{line-height: 150%;padding: 13px 6px 8px 3px;}
	.flow-box .step-no-area{margin: 0 auto 15px auto;background-size: 100% auto; width: 100px;height: auto;}
	.flow-box .step-no-area .web-font{padding-bottom: 7px;}
	.flow-box .step-no-area .web-font-alpha {font-size: 40px;}
	h2.flow-title {font-size: 18px;}
	#link-banner-area h2.flow-title {font-size: 18px;}
	#link-banner-area-inner {padding: 20px 10px;}
	#link-banner-area h2.flow-title br.br449{display: inline;}
	.link-banner-balloon{font-size: 12px;width: 107px;height: 78px;padding: 26px 0px 0 9px;}
}
@media only screen and (max-width: 389px){
	.link-banner-img {width: 190px;}
}