@charset "utf-8";

img{max-width: 100%; width: auto;}
a{transition:0.3s;}
a:hover{opacity: 0.7;}
ul,li,ol{list-style: none; margin: 0; padding: 0;}

/*共通ーーーーーーーーーーーーー*/
body#page .p-mainVisual{background: url(../images/common/mainVisual.jpg) no-repeat center center; background-size: cover;}

h2.fh5co-heading{text-align: center; font-size: 24px;}
h2.fh5co-heading:after{content: ""; margin: 20px auto 0; display: block; width: 50px; height: 2px; background: #fe5454;}
small{font-size: 14px; color: #111; line-height: 2; letter-spacing: 0;}

h3.mini_title:after{content: ""; display: block; width: 30px; height: 2px; background: #fe5454; margin-top: 15px;}
h3.mini_title a{font-size: 18px;}

.desc .lead{color: #014099 !important; font-size: 14px !important;}
.desc .lead:before{content: ""; display: inline-block; width: 7px; height: 7px;  border-top:2px solid #014099; border-right:2px solid #014099; transform: rotate(45deg); margin-right: 10px; margin-bottom: 2px;}

.bk_gray{background: #fbfbfb}

table.table_style{width: 100%; border-top: 1px solid #c0c8cc;}
table.table_style tr th{width: 25%; font-size: 16px; font-weight: normal; border-bottom: 1px solid #c0c8cc; padding: 10px 4%;}
table.table_style tr td{width: 75%; font-size: 16px; border-bottom: 1px solid #c0c8cc; padding: 10px 2%;}

.w900_wrap{max-width: 900px; margin: 0 auto;}

.tab_only{display: none;}
.sp_only{display: none;}

@media screen and (max-width:768px){
	.tab_only{display: block;}
}
@media screen and (max-width:480px){
	table.table_style tr th,
	table.table_style tr td{font-size: 14px; padding: 8px 1%;}
	
	.sp_only{display: block;}
	.pc_only{display: none;}
}


/*お問い合わせ*/
#contentArea{background: #eff3f5;}
#contentArea .fh5co-narrow-content{padding: 80px 0 100px; max-width: 900px;}
.contentAdd{text-align: center;}
.contentAdd p{font-size: 16px; color: #111; border-bottom: 1px solid #c0c8cc; padding-bottom: 30px; margin-bottom: 30px;}

#contentArea .contentBottom{margin: 0 40px;}
#contentArea .telBox p{margin-bottom: 0; font-size: 18px; letter-spacing: 1px;}
#contentArea .telBox .tel{line-height: 1;}
#contentArea .telBox .tel a{font-family: 'Lato', sans-serif; font-size: 40px; font-weight: bold; padding-left: 50px;
	background: url(../images/common/icon_tel.png) no-repeat left center; background-size: 11%;}
#contentArea .mail{margin-top: 10px;}
#contentArea .mail a{
	display: block;
    margin: 0 auto;
    border: 1px solid #014099;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;}
#contentArea .mail a:hover{background: #014099; color: #fff;}
#contentArea .mail a span{position: relative;
    display: inline-block;
    padding: 15px 40px;
    background: url(../images/common/icon_mail.png) no-repeat left center;
    background-size: 10%;}
    
#contentArea .mail a span:after{content: ""; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; display: block; width: 7px; height: 7px; 
	border-top:2px solid #014099; border-right:2px solid #014099; transform: rotate(45deg);}
#contentArea .mail a:hover span{background: url(../images/common/icon_mail_2.png) no-repeat left center; background-size: 10%;}
#contentArea .mail a:hover span:after{border-top:2px solid #fff; border-right:2px solid #fff;}

@media screen and (max-width:1200px){
	#contentArea .contentBottom{margin: 0;}
	#contentArea .telBox p{font-size: 15px;}
	#contentArea .telBox .tel a{font-size: 35px;}
	#contentArea .mail a{font-size: 18px;}
}
@media screen and (max-width:992px){
	#contentArea .fh5co-narrow-content{padding: 80px 30px 100px;}
	#contentArea .telBox{text-align: center;}
	#contentArea .mail{margin-top: 20px;}
}
@media screen and (max-width:480px){
	#contentArea .fh5co-narrow-content{padding: 40px 1em 80px;}
	.contentAdd p{font-size: 14px;}
	#contentArea .mail a{font-size: 15px;}
	#contentArea .mail a span{padding: 15px 30px;}
}
@media screen and (max-width:320px){
	#contentArea .telBox .tel a{font-size: 29px; padding-left: 30px;}
}


/*ページ メインビジュアル*/
.p-mainVisual{display: table; background: #ccc; width: 100%; height: 30vh; position: relative;}
.p-mainVisual:after{content: ""; position: absolute; background: rgba(64, 76, 92, 0.4); top:0; bottom:0; left: 0; right: 0; margin: auto; z-index: 1;}
h2.p-mainTitle{display: table-cell; color: #fff; text-shadow: 0px 2px 7px #000; text-align: center; vertical-align: middle; letter-spacing: 7px; font-size: 40px; position: relative; z-index: 2;}

/*パンくずリスト*/
#pankuzu{width: 93%; margin: 15px auto;}
#pankuzu ul{margin: 0; padding: 0; list-style: none; overflow: hidden;}
#pankuzu ul li{list-style: none; float: left;}
#pankuzu ul li:after{content: ">"; margin: 0 10px;}
#pankuzu ul li:last-child:after{display: none;}

@media screen and (max-width:480px){
	h2.p-mainTitle{font-size: 30px;}
}
@media screen and (max-width:320px){
	h2.p-mainTitle{font-size: 27px; letter-spacing:4;}
}

/*headerーーーーーーーーーーーーー*/
#fh5co-aside{padding-top:30px;}
#fh5co-aside::-webkit-scrollbar-track{width: 10px; background:#000;}
#fh5co-aside .fh5co-footer{width:auto; padding: 0; position: static;}
#fh5co-aside #fh5co-logo{padding: 0 3%;}

#fh5co-aside #fh5co-main-menu ul li{margin: 0 0 15px 0;}
#fh5co-aside #fh5co-main-menu ul li a{font-size: 16px;}
#fh5co-aside #fh5co-main-menu ul li a:before{content: ""; display: inline-block; width: 7px; height: 7px;  border-top:2px solid #111; border-right:2px solid #111; transform: rotate(45deg); margin-right: 10px; margin-bottom: 4px;}
#fh5co-main-menu .navListBlue{background: #e4efff; padding-bottom: 10px !important;}
#fh5co-main-menu .navListBlue_title{background: #8cb0e3; color: #fff; font-weight: bold; font-size: 18px; padding: 10px 0 !important;}
#fh5co-main-menu .navListBlue li{}

.h-contactArea{padding: 0 1%;}
.h-contactArea p{color: #111; font-size: 15px; letter-spacing: 1px; margin-bottom: 5px;}
.h-contactArea .tel{margin-bottom: 20px;}
.h-contactArea .tel a{font-family: 'Lato', sans-serif; font-weight: bold; font-size: 25px; letter-spacing: 1px; padding-left: 35px;
	background: url(../images/common/icon_tel.png) no-repeat left center; background-size: 11%;
}
.h-contactArea .tel a:hover{opacity: 0.7;}
.h-contactArea .mail{padding: 0 20px; margin-bottom: 35px;}
.h-contactArea .mail a{display: block; max-width: 300px; margin: 0 auto; border: 1px solid #014099; font-size: 15px; font-weight: bold; letter-spacing: 1px;}
.h-contactArea .mail a:hover{background: #014099; color: #fff;}
.h-contactArea .mail a span{position: relative; display: inline-block; padding: 15px 0; background: url(../images/common/icon_mail.png) no-repeat left 10% center; background-size: 6%;}
.h-contactArea .mail a span:after{content: ""; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; display: block; width: 7px; height: 7px; 
	border-top:2px solid #014099; border-right:2px solid #014099; transform: rotate(45deg);}
.h-contactArea .mail a:hover span{background: url(../images/common/icon_mail_2.png) no-repeat left 10% center; background-size: 6%;}
.h-contactArea .mail a:hover span:after{border-top:2px solid #fff; border-right:2px solid #fff;}

.policyArea{margin-bottom: 15px; padding: 0 1%;}
.policyArea a{color: #111; font-size: 12px;}
.policyArea a:hover{opacity: 0.7;}
.policyArea a:nth-child(1){border-right: 1px solid #000; padding-right: 10px; margin-right: 10px;}

.copy small{color: #111; font-size: 12px; padding: 0 1%;}

@media screen and (max-width:992px){
	.h-contactArea .mail a{font-size: 14px;}
	.h-contactArea .mail a span{background: url(../images/common/icon_mail.png) no-repeat left 5% center; background-size: 6%;}
	.h-contactArea .mail a span:after{right: 12px;}
}
@media screen and (max-width:768px){
	#fh5co-main-menu .navListBlue ul{margin-bottom: 10px !important;}
	
	.fh5co-nav-toggle{background: #fff; border: 1px solid #ccc; padding: 5px 11px 17px;}
}


/*topーーーーーーーーーーーーー*/
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2{font-size: 45px; margin-bottom: 0; line-height: 2; text-shadow: 1px 0px 9px #262626;}

.blog-entry .desc.top_desc{padding: 0;}
.top_main .contentLink{margin-bottom: 30px;}

@media screen and (max-width:768px){
	#fh5co-hero .flexslider .slider-text{width: 100%;}
	
	.blog-entry .blog-img img{width: 100%;}
	.top_main .contentLink{margin-bottom: 20px;}
}

@media screen and (max-width:480px){
	#fh5co-hero .flexslider .slider-text > .slider-text-inner h2{font-size: 20px;}
}
@media screen and (max-width:320px){
	#fh5co-hero .flexslider .slider-text > .slider-text-inner h2{font-size: 18px;}
}



/*事業所案内ーーーーーーーーーーーーー*/
.office_table{max-width: 900px; margin: 0 auto;}
body#office .p-mainVisual{background: url(../images/office/mainVisual.jpg) no-repeat center center; background-size: cover;}

@media screen and (max-width:480px){
	body#office .office_bio{text-align: center; margin-bottom: 20px;}
}


/*事業内容ーーーーーーーーーーーーー*/
body#real-estate .p-mainVisual{background: url(../images/business/real-estate/mainVisual.jpg) no-repeat center center; background-size: cover;}
body#inheritance .p-mainVisual{background: url(../images/business/inheritance/mainVisual.jpg) no-repeat center center; background-size: cover;}
body#ma .p-mainVisual{background: url(../images/business/ma/mainVisual.jpg) no-repeat center center; background-size: cover;}
body#npo .p-mainVisual{background: url(../images/business/npo/mainVisual.jpg) no-repeat center center; background-size: cover;}
body#abl .p-mainVisual{background: url(../images/business/abl/mainVisual.jpg) no-repeat center center; background-size: cover;}
body#untreated .p-mainVisual{background: url(../images/business/untreated/mainVisual.jpg) no-repeat center center; background-size: cover;}


.businessAbout{text-align: center; margin-bottom: 0;}
.businessAbout p{margin-bottom: 0; line-height: 2.5; font-size: 18px;}
.businessAbout p span{background: linear-gradient(transparent 60%, #e4efff 60%); display: inline-block;}

table.business_price{width: 100%; border-top:1px solid #c0c8cc; border-left:1px solid #c0c8cc;}
table.business_price tr th,
table.business_price tr td{width: 33.333%; border-bottom:1px solid #c0c8cc; border-right:1px solid #c0c8cc; padding: 10px 15px;}
table.business_price tr th{background: #5081c6; color: #fff;}
table.business_price tr th.b_price_th2{background: #e4efff; color: #111;}

table.business_price_total{width: 100%; border-top:5px solid #c0c8cc; border-left:1px solid #c0c8cc;}
table.business_price_total tr th,
table.business_price_total tr td{width: 25%; border-bottom:1px solid #c0c8cc; border-right:1px solid #c0c8cc; padding: 10px 15px;}
table.business_price_total tr th{background: #e5e5e5;}
table.business_price_total tr td.total_price{text-align: right; font-weight: bold; font-size: 16px;}

.business_price_conditions{padding-top: 30px;}
.business_price_conditions h3{font-size: 18px; margin-bottom: 10px;}
.business_price_conditions h3:after{content: ""; display: block; width: 30px; height: 1px; background: #fe5454; margin-top: 10px;}

.business_flow li{font-size: 18px; padding-bottom: 10px;}
.business_flow li span{color: #014099; padding-right: 20px;}
.business_flow li span b{font-weight: normal; font-size: 24px; font-style: italic;}
p.business_flow_text{background: #ebe9e9; padding: 5px 10px; margin: 10px 0 0; font-size: 14px;}

.caseArea{position: relative; margin-top: 50px; border: 2px solid #8cb0e3; padding: 20px 10px 10px;}
.caseArea h3{position: absolute; top:-10px; left: 0; right: 0; margin: auto; margin-bottom: 15px; z-index: 2; letter-spacing: 2px; font-size: 20px;}
.caseArea h3 span{background: #fff; padding: 0 20px;}
.caseArea p{font-size: 16px}
.caseArea p b{color: #5181c5; font-weight: normal; font-style: italic; padding-right: 10px; font-size: 20px; letter-spacing: 1px;}

@media screen and (max-width:768px){
	#fh5co-main .fh5co-narrow-content.businessAbout{padding: 30px 10px;}
}
@media screen and (max-width:480px){
	.businessAbout p{font-size: 16px;}

	table.business_price tr th,
	table.business_price tr td{padding: 10px 5px; font-size: 13px;}
	table.business_price_total tr th,
	table.business_price_total tr td{padding: 10px 5px; font-size: 13px;}

	.business_flow li{font-size: 16px; line-height: 1.6;}
	.business_flow li span{display: block;}
	.business_flow li span b{font-size: 20px;}
}
@media screen and (max-width:320px){
	.businessAbout p{font-size: 15px;}
	
}


/*サイトマップーーーーーーーーーーーーー*/
.sitemapArea{overflow: hidden;}
.sitemapArea .leftBox{float: left; width: 50%;}
.sitemapArea .rightBox{float: right; width: 50%;}

.sitemapArea h3{margin: 20px 0; font-size: 18px;}
.sitemapArea ul li:before{content: ""; display: inline-block; width: 7px; height: 7px;
 border-top: 2px solid #014099; border-right: 2px solid #014099; transform: rotate(45deg); margin-right: 10px; margin-bottom: 4px;}
.sitemapArea ul li a{font-size: 16px;}

@media screen and (max-width:480px){
	.sitemapArea .leftBox{float: none; width: 100%;}
	.sitemapArea .rightBox{float: none; width: 100%;}
}



/*お問い合わせーーーーーーーーーーーーー*/
#contact_wrap{padding: 50px 0;}
table.formTable{width: 100%; border-top: 1px solid #c0c8cc; border-left: 1px solid #c0c8cc;}
table.formTable tr th{border-bottom: 1px solid #c0c8cc; border-right: 1px solid #c0c8cc; padding: 10px;
	background: #fbfbfb; width: 30%;}
table.formTable tr th .required{color: #ff2121;}
table.formTable tr td{border-bottom: 1px solid #c0c8cc; border-right: 1px solid #c0c8cc; padding: 10px;
	width: 70%;}

table.formTable input[type="text"],
table.formTable input[type="tel"],
table.formTable input[type="email"],
table.formTable textarea{width: 100%; padding: 10px; border: 1px solid #ccc;}
	
#contact_wrap .formBtn{margin: 20px 0;}
#contact_wrap .formBtn ul{text-align: center;}
#contact_wrap .formBtn ul li{display: inline-block; width: 150px; margin: 0 15px; transition:0.3s;}
#contact_wrap .formBtn ul li:hover{opacity: 0.7;}
#contact_wrap .formBtn ul li input{width: 100%;}
#contact_wrap .formBtn ul li.confirmation input{background: #61c267; border: 1px solid #61c267; color: #fff; font-weight: bold; padding: 10px 0; letter-spacing: 2px;}
#contact_wrap .formBtn ul li.reset input{background: #a8bae3; border: 1px solid #a8bae3; color: #fff; font-weight: bold; padding: 10px 0; letter-spacing: 2px;}

body.contactBody #fh5co-main{width:100%;}
.formComplete_text{background: #fbfbfb; padding: 30px 10px; font-size: 15px; line-height: 1.8; border: 1px solid #ccc;}
#contact_wrap .error_messe{color: #ff2121;}

@media screen and (max-width:480px){
	table.formTable tr th{display: block; width: 100%;}
	table.formTable tr td{display: block; width: 100%;}
	#contact_wrap .formBtn ul li{float: none; width: 200px; margin-bottom: 15px;}
}


/*プリントcsーーーーーーーーーーーーー*/
@media print{
	body{-webkit-print-color-adjust: exact;}
	#contentArea{background: #eff3f5 !important;}
	a[href]:after{display: none;}
	
	header{display: none;}
	#fh5co-main{width: 100%;}
	.js .animate-box {opacity: 1 !important;}
}