@charset "utf-8";

/* 　静的ページCSS
----------------------------------------------------------------------------

		・HIYAMAの家
		・HIYAMAの安心保証
		・音楽専用室のご案内
		・構造と工法
		・家づくりスケジュール
		・お客様の光熱費
		・リフォームのご案内
		・お客様の声
		・優良土地情報
		
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
		サブページ共通部分
--------------------------------------------------------------------------*/

/*フェード(スライド無し)*/
.fade_in {
    animation: fadeIn 2s linear 0s 1 normal;
    -webkit-animation: fadeIn 2s linear 0s 1 normal;
}

.fade_in2 {
    animation: fadeIn 3s ease-in 0s 1 normal;
    -webkit-animation: fadeIn 3s ease-in 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*フェード(スライド有り)*/
/*
.fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
 visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
*/
.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}

@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*画像付きリンク*/
.imglink {
	margin: 0 auto 0;
	max-width: 400px;
	background: #ffffff;
}

.imglink p {
	width: 100%;
}

.imglink p a {
	display: block;
	height: 80px;
	color: #ffffff;
	background: url(../img/icon_r-w36.png) right 10px center no-repeat;
	background-size: 10px;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: bold;
}

.imglink p:hover, .imglink p:active {
	opacity: 0.6;
}

/*テキスト色*/
.tx_red_b20 {
	color: #B20000;
}

/*注文住宅ナビ*/
#house_navilink {
    margin-top: 50px;
	width: 100%;
	overflow: hidden;
}

#house_navilink > div {
	float: left;
	padding: 0 5px 0;
	width: 16.6%;
	box-sizing: border-box;
}

#house_navilink a {
	display: block;
	color: #ffffff;
	background: #ffffff;
}

#house_navilink a p {
	padding: 10px 5px 8px;
	background: #aaaaaa;
	box-sizing: border-box;
	text-align: center;
	font-size: 13px;
}

#house_navilink p:hover, #house_navilink p:active {
	opacity: 0.6;
}

@media screen and (max-width: 1000px){
#house_navilink > div {
	float: left;
	margin-bottom: 5px;
	padding: 0 2px 0;
	width: 33.33%;
	box-sizing: border-box;
}
}

/*静的ページ　ページネーション*/
#pagination.tab_switch ul li {
	padding:10px 0 10px;
	width:50px;
	height:auto;
	background:#acacac;
	border-radius: 0;
	color:#393939;
	font-size:14px;
}

#pagination.tab_switch ul li:hover, #pagination.tab_switch ul li.active {
	color: #ffffff;
	background:#8C0000;
}

/*--------------------------------------------------------------------------
		HIYAMAの家
--------------------------------------------------------------------------*/
#contents_main.house .house_top h2 {
	margin-bottom: 30px;
	color: #6A5846;
	line-height: 2;
	text-align: center;
	font-size: 25px;
}

#contents_main.house .house_top h2 br.br1st {
	display: none;
}

#contents_main.house .house_top .text {
	margin-bottom: 50px;
	line-height: 2;
	text-align: center;
	font-size: 15px;
}

#contents_main.house .box {
	margin-bottom: 80px;
	overflow: hidden;
}

#contents_main.house .box .item {
	float: left;
	width: 50%;
	background: #EAE6DF;
	text-align: center;
}

#contents_main.house .box .item:last-child {
	background: #ffffff;
}

#contents_main.house .box .item h3 {
	margin-bottom: 20px;
}

#contents_main.house .box .item .text {
	text-align: left;
}

#contents_main.house .box .box_tx {
	padding: 50px 20px 20px;
	box-sizing: border-box;
}

#contents_main.house .box .box_tx > div {
	margin: 0 auto 0;
	max-width: 400px;
}

#contents_main.house .box .box_r {
	float: right;
	background: #ffffff;
}

#contents_main.house .box .box_r h3 {
	font-size: 15px;
}

#contents_main.house .box .box_r h3 br {
	display: none;
}

@media screen and (max-width: 1000px){
#contents_main.house .fade_in2 {
    animation: fadeIn 1s linear 0s 1 normal;
    -webkit-animation: fadeIn 1s linear 0s 1 normal;
}

#contents_main.house .box .item {
	float: none;
	width: 100%;
}

#contents_main.house .box .box_tx {
	padding: 40px 20px 30px;
}

#contents_main.house .box .box_tx > div {
	margin: 0 auto 0;
	max-width: 100%;
}

#contents_main.house .box .box_r {
	float: none;
}

#contents_main.house .box .box_r h3 {
	font-size: 15px;
}

#contents_main.house .box .box_img {
	padding: 0 0 40px;
}

#contents_main.house .box .box_img img {
	max-width: 250px;
}

}/*1000px*/

/*リンク*/
#house_navi {
	margin: 0 auto 0;
	max-width: 840px;
	overflow: hidden;
}

#house_navi .item {
	float: left;
	margin-bottom: 30px;
	padding: 0 15px 0;
	width: 33.33%;
	box-sizing: border-box;
	text-align: center;
}

#house_navi .item a {
	display: block;
	color: #393939;
	background: #ffffff;
	font-weight: bold;
}

#house_navi .item ul {
	max-width: 250px;
	border: 2px solid #ACACAC;
	box-sizing: border-box;
}

#house_navi .item ul li:last-child {
	padding: 35px 0 35px;
	background: #ECECEC;
	border-top: 1px solid #D1D1D1;
	box-sizing: border-box;
}

#house_navi .item ul:hover, #house_navi .item ul:active {
	opacity: 0.6;
}

#house_navi .item ul li br {
	display: none;
}

/*--------------------------------------------------------------------------
		HIYAMAの安心保証
--------------------------------------------------------------------------*/
#contents_main.guarantee .guara_top {
	margin-bottom: 80px;
	height: 300px;
	line-height: 300px;
	background: url(../../anshin/img/guarantee_back.jpg) center no-repeat;
	background-size: 1000px;
	text-align: center;
}

#contents_main.guarantee .guara_top h2 {
	display: inline-block;
	color: #5F5F5F;
	line-height: 1.8;
	vertical-align: middle;
	text-align: center;
	font-size: 23px;
}

#contents_main.guarantee section {
	margin-bottom: 80px;
}

#contents_main.guarantee .af_mainte h3 {
	margin-bottom: 20px;
	padding: 10px 10px 7px 25px;
	background: #E4E4E4;
	border-left: 5px solid #8C0000;
	box-sizing: border-box;
	font-size: 20px;
}

#contents_main.guarantee .af_mainte p {
	padding: 0 230px 0 0;
	min-height: 150px;
	background: url(../../anshin/img/after_img01.png) right 40px center no-repeat;
	background-size: 150px;
}

#contents_main.guarantee h4 {
	margin-bottom: 20px;
	padding: 10px 10px 7px 25px;
	background: #E4E4E4;
	border-left: 5px solid #76A7C0;
	box-sizing: border-box;
	font-size: 18px;
}

#contents_main.guarantee .inspection div {
	margin-top: 30px;
	text-align: center;
}

#contents_main.guarantee .inspection .pc_no {
	display: none;
}

#contents_main.guarantee .inspection .sp_no {
	max-width: 650px;
}

#contents_main.guarantee .insurance .box {
	margin-top: 30px;
	overflow: hidden;
}

#contents_main.guarantee .insurance .box > div {
	float: left;
	padding: 0 10px 0;
	width: 33.33%;
	box-sizing: border-box;
}

#contents_main.guarantee .insurance .box > div a {
	display: block;
	padding: 20px;
	color: #393939;
	background: url(../img/icon_otlink.png) right 10px top 10px no-repeat #ffffff;
	background-size: 20px;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
	text-align: center;
}

#contents_main.guarantee .insurance .box > div a:hover,
#contents_main.guarantee .insurance .box > div a:active {
	opacity: 0.6;
}

#contents_main.guarantee .insurance .box dl dt {
	margin-bottom: 5px;
	padding: 50px 10px 5px;
	line-height: 1.5;
	border-bottom: 1px solid #ACACAC;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
}

#contents_main.guarantee .insurance .box dl dt.insu01 { background: url(../../anshin/img/icon_gmen.png) center top no-repeat; }
#contents_main.guarantee .insurance .box dl dt.insu02 { background: url(../../anshin/img/icon_jio.png) center top no-repeat; }
#contents_main.guarantee .insurance .box dl dt.insu03 { background: url(../../anshin/img/icon_mamoris.png) center top no-repeat; }

#contents_main.guarantee .insurance .box dl dt br.br1st {
	display: none;
}

#contents_main.guarantee .insurance .box dl dd {
	font-size: 13px;
}



@media screen and (max-width: 1050px){
#contents_main.guarantee .insurance .box dl dt {
	font-size: 15px;
}

#contents_main.guarantee .insurance .box dl dt br.br1st {
	display: block;
}
}/*1050px*/


/*--------------------------------------------------------------------------
		音楽専用室のご案内
--------------------------------------------------------------------------*/
#contents_main.music .music_top {
	margin-bottom: 80px;
	height: 250px;
	line-height: 250px;
	background: url(../../music/img/music_main.jpg) center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	text-align: center;
}

#contents_main.music .music_top img {
	max-width: 235px;
	vertical-align: middle;
}

#contents_main.music section {
	margin-bottom: 80px;
	text-align: center;
}

#contents_main.music section h2 {
	margin-bottom: 50px;
	font-size: 18px;
}

#contents_main.music section h2 br {
	display: none;
}

#contents_main.music section p {
	margin-bottom: 30px;
	line-height: 2;
}


/*--------------------------------------------------------------------------
		構造と工法
--------------------------------------------------------------------------*/
#contents_main.method .method_top {
	margin-bottom: 80px;
	height: 250px;
	line-height: 250px;
	background: url(../../method/img/method_main.jpg) center no-repeat;
	background-size: 1000px;
	text-align: center;

}

#contents_main.method .method_top h2 {
	display: inline-block;
	color: #ffffff;
	line-height: 1.8;
	vertical-align: middle;
	text-align: center;
	font-size: 23px;
	font-weight: normal;
}

#contents_main.method section {
	margin-bottom: 80px;
}

#contents_main.method section h3 {
	margin-bottom: 20px;
	padding: 10px 20px 7px;
	border-left: 5px solid #8C0000;
	box-sizing: border-box;
	font-size: 18px;
}

#contents_main.method .health h4 {
	margin: 50px auto 30px;
	padding: 15px;
	width: 300px;
	color: #ffffff;
	background: #6A5847;
	border-radius: 15px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
}

#contents_main.method .element {
	margin-bottom: 50px;
	overflow: hidden;
}

#contents_main.method .element div {
	float: left;
	padding: 0 5px 0;
	width: 25%;
	box-sizing: border-box;
}

#contents_main.method .element div dl {
	padding: 20px 10px 20px;
	background: #E4E4E4;
	box-sizing: border-box;
}

#contents_main.method .element div dl dt {
	margin: 0 auto 0;
	width: 90px;
	height: 90px;
	line-height: 90px;
	color: #ffffff;
	background: #eeeeee;
	border-radius: 50px;
	text-align: center;
}

#contents_main.method .element div dl.el01 dt { background: #FF962C; }
#contents_main.method .element div dl.el02 dt { background: #76A7C0; }
#contents_main.method .element div dl.el03 dt { background: #75BC56; }
#contents_main.method .element div dl.el04 dt { background: #628DD5; }

#contents_main.method .element div dl dd {
	padding: 10px 0 0;
}

#contents_main.method .fas_movie {
	margin: 0 auto 80px;
	text-align: center;
}

#contents_main.method .fas_movie video {
	max-width: 600px;
}

#contents_main.method .sixperfo  {
	margin-bottom: 80px;
}

#contents_main.method .sixperfo .pf01 { background: url(../../method/img/perfo01.png) left center no-repeat; }
#contents_main.method .sixperfo .pf02 { background: url(../../method/img/perfo02.png) left center no-repeat; }
#contents_main.method .sixperfo .pf03 { background: url(../../method/img/perfo03.png) left center no-repeat; }
#contents_main.method .sixperfo .pf04 { background: url(../../method/img/perfo04.png) left center no-repeat; }
#contents_main.method .sixperfo .pf05 { background: url(../../method/img/perfo05.png) left center no-repeat; }
#contents_main.method .sixperfo .pf06 { background: url(../../method/img/perfo06.png) left center no-repeat; }

#contents_main.method .sixperfo .perfo {
	padding: 20px 0 20px 230px;
	min-height: 220px;
	border-top: 1px solid #ACACAC;
	box-sizing: border-box;
 	background-size: 180px;
}

#contents_main.method .sixperfo .perfo:last-child {
	border-bottom: 1px solid #ACACAC;
}

#contents_main.method .sixperfo .pf01 h5 { background: url(../../method/img/point1.png) left center no-repeat; }
#contents_main.method .sixperfo .pf02 h5 { background: url(../../method/img/point2.png) left center no-repeat; }
#contents_main.method .sixperfo .pf03 h5 { background: url(../../method/img/point3.png) left center no-repeat; }
#contents_main.method .sixperfo .pf04 h5 { background: url(../../method/img/point4.png) left center no-repeat; }
#contents_main.method .sixperfo .pf05 h5 { background: url(../../method/img/point5.png) left center no-repeat; }
#contents_main.method .sixperfo .pf06 h5 { background: url(../../method/img/point6.png) left center no-repeat; }

#contents_main.method .sixperfo .perfo h5 {
	margin-bottom: 15px;
	padding: 10px 10px 10px 70px;
	box-sizing: border-box;
	background-size: 50px;
	font-size: 16px;
	font-weight: bold;
}

#contents_main.method .sixperfo .perfo .caution {
    display: inline-block;
    vertical-align: text-top;
    font-size: 10px;
}

#contents_main.method .sixperfo .perfo .caution_tx {
    margin-top: 10px;
    font-size: 12px;
}

/*画像付きリンク*/
#contents_main.method .imglink p {
	background: url(../../method/img/ratinglink.png) left 20px center no-repeat #76A7C0;
	background-size: 60px;
	text-align: center;
}

#contents_main.method .imglink p a {
	padding: 15px 35px 10px 90px;
	box-sizing: border-box;
}

#contents_main.method .merit {
	padding: 30px 30px 0;
	box-sizing: border-box;
}

#contents_main.method .merit h5 {
	margin-bottom: 10px;
	padding: 2px 0 0;
	width: 100px;
	color: #ffffff;
	text-align: center;
	font-size: 13px;
}

#contents_main.method .merits h5 { background: #FF962C; }
#contents_main.method .demerit h5 { background: #4E4E4E; }

#contents_main.method .merits { 
	margin-bottom: 20px;
}

#contents_main.method .outside {
	margin-top: 50px;
	padding: 80px 0 0;
	border-top: 1px solid #ACACAC;
	box-sizing: border-box;
}

#contents_main.method .outside > div {
	display: table;
	table-layout: fixed;
	width: 100%;
	background: #ffffff;
	border: 2px solid #8F7761;
	box-sizing: border-box;
}

#contents_main.method .outside div > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#contents_main.method .outside div a {
	display: block;
	padding: 15px 20px 15px 15px;
	color: #393939;
	background: url(../img/icon_otlink_b.png) right 10px top 10px no-repeat;
	background-size: 16px;
	box-sizing: border-box;
}

#contents_main.method .outside div > div:hover, #contents_main.method .outside div > div:active {
	opacity: 0.6;
}

#contents_main.method .outside .fas_of {
	background: #DBD0C8;
	border-right: 1px solid #8F7761;
	box-sizing: border-box;
}

#contents_main.method .outside .fas_of .infotx {
	margin: 0 auto 10px;
	padding: 0 0 0 47px;
	max-width: 360px;
	line-height: 1.5;
	background: url(../../method/img/fas_logo.png) left center no-repeat;
	background-size: 42px;
	box-sizing: border-box;
	font-size: 13px;
}

#contents_main.method .outside .fas_of .linktx {
	font-weight: bold;
}

#contents_main.method .outside .fas_of .linktx br {
	display: none;
}

#contents_main.method .outside .zero {
	background: #F19601;
	border-left: 1px solid #8F7761;
	box-sizing: border-box;
}

#contents_main.method .outside .zero img {
	max-width: 300px;
}

@media screen and (max-width: 1000px){
#contents_main.method .outside .fas_of .infotx {
	font-size: 12px;
}
}

/*公的認証・特許----------------------------------------*/
#fas_cc section {
	margin-bottom: 50px;
}

#fas_cc h2 {
	margin-bottom: 50px;
	padding: 2px 20px 0;
	border-left: 5px solid #8C0000;
	box-sizing: border-box;
	font-size: 18px;
}

#fas_cc .fas_ccinfo {
	margin: 0 auto 50px;
	padding: 15px 10px 15px;
	max-width: 600px;
	color: #ffffff;
	background: #76A7C0;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
}

#fas_cc .tb_area {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 30px;
}

#fas_cc .tb_area > div {
	display: table-cell;
	padding: 0 5px 0;
	box-sizing: border-box;
}

#fas_cc .tb_area > div dl.tb01 { background: url(../../method/img/rating1.jpg) top 30px center no-repeat #ffffff; }
#fas_cc .tb_area > div dl.tb02 { background: url(../../method/img/rating2.jpg) top 30px center no-repeat #ffffff; }
#fas_cc .tb_area > div dl.tb03 { background: url(../../method/img/rating3.jpg) top 30px center no-repeat #ffffff; }
#fas_cc .tb_area > div dl.tb04 { background: url(../../method/img/rating4.jpg) top 30px center no-repeat #ffffff; }

#fas_cc .tb_area > div dl.tball {
	padding: 200px 20px 30px;
	border: 1px solid #ACACAC;
	background-size: 106px;
	box-sizing: border-box;
}

#fas_cc .tb_area dl.tball dt {
	margin-bottom: 10px;
	padding: 7px 10px 5px;
	background: #E4E4E4;
	box-sizing: border-box;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

#fas_cc .tb_area dl.tball dt span {
	padding: 0 0 0 10px;
	box-sizing: border-box;
}

#fas_cc .tb_area dl.tball dd p.text {
	margin-bottom: 10px;
	padding: 0 0 20px;
	border-bottom: 1px solid #D1D1D1;
	box-sizing: border-box;
}

#fas_cc .tb_area dl.tball dd p.issue {
	font-size: 13px;
}

#fas_cc .hpinfo {
	padding: 20px 0 10px;
	text-align: center;
}

#fas_cc .inpage_link p {
	width: 100%;
	max-width: 400px;
}

#fas_cc .inpage_link p a {
	height: 50px;
	color: #393939;
	background: #DBD0C8;
	font-size: 15px;
}

#fas_cc .inpage_link p a:after {
	content: url(../img/icon_otlink_b15.png);
	padding: 0 0 0 5px;
	box-sizing: border-box;
}

#fas_cc .fas_ccinfo br, #fas_cc .hpinfo br {
	display: none;
}

@media screen and (max-width: 950px){
#fas_cc .tb_area dl.tb03 dt span,
#fas_cc .tb_area dl.tb04 dt span {
	display: block;
}

#fas_cc .issue span.date {
	display: block;
}

#fas_cc .issue span.date:after {
	content: ':';
}

#fas_cc .issue span.sp_no {
	display: none;
}
}/*950ｐｘ*/


/*--------------------------------------------------------------------------
		家づくりスケジュール
--------------------------------------------------------------------------*/
#sche_nav {
	margin: 0 auto 50px;
	width: 100%;
	max-width: 900px;
	overflow: hidden;
}

#sche_nav div {
	float: left;
	padding:0 20px 0 0;
	width: 16.6%;
	height: 50px;
	line-height: 50px;
	background: url(../../flow/img/sche_navpc.png) right center no-repeat;
	background-size: 20px;
	box-sizing: border-box;
}

#sche_nav div:last-child {
	padding: 0;
	background: #8C0000;
}

#sche_nav div a {
	display: block;
	color: #ffffff;
	background: #8C0000;
	box-sizing: border-box;
	text-align: center;
	font-size: 13px;
}

#sche_nav div a span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}

#sche_nav div a:hover, #sche_nav div a:active {
	color: #FF962C;
}

#step > div {
	display: table;
	margin-bottom: 20px;
	padding: 15px;
	width: 100%;
	background: #ffffff;
	border: 2px solid #ACACAC;
	box-sizing: border-box;
}

#step > div > div {
	display: table-cell;
	vertical-align: top;
}

#step > div > div:first-child {
	width: 250px;
	text-align: center;
}

#step #step1 h2 { background: url(../../flow/img/step01.png) center bottom no-repeat; background-size: auto 70px; }
#step #step2 h2 { background: url(../../flow/img/step02.png) center bottom no-repeat; background-size: auto 70px; }
#step #step3 h2 { background: url(../../flow/img/step03.png) center bottom no-repeat; background-size: auto 70px; }
#step #step4 h2 { background: url(../../flow/img/step04.png) center bottom no-repeat; background-size: auto 70px; }
#step #step5 h2 { background: url(../../flow/img/step05.png) center bottom no-repeat; background-size: auto 70px; }
#step #step6 h2 { background: url(../../flow/img/step06.png) center bottom no-repeat; background-size: auto 70px; }

#step h2 {
	padding: 0 0 90px;
	font-size: 16px;
}

#step h2 span.eng {
	display: block;
	color: #8C0000;
	font-family: 'Nunito', sans-serif;
	font-size: 25px;
}

#step h2 span.eng span {
	font-size: 30px;
}

#step h2 span.free {
	font-size: 14px;
}

#step > div > div:last-child {
	padding: 0 0 0 20px;
	box-sizing: border-box;
}

#step > div > div > p {
	margin-bottom: 20px;
}

#step .tel p.text {
	display: inline-block;
	font-weight: bold;
}

#step .tel p.tel_no {
	display: inline-block;
	padding: 0 0 0 50px;
	background: url(../img/icon_tel25.png) left 20px top 10px no-repeat;
	box-sizing: border-box;
	font-size: 25px;
	font-weight: bold;
}

#step .tel p.tel_no a.sp_telset:link{
	color: #393939;
}

/*サイト内リンク*/
#step .inpage_link p {
	margin: 0;
	max-width: 250px;
}

#step .inpage_link p a {
	color: #ffffff;
	background: url(../img/icon_r-w36.png) right 10px center no-repeat #8F7761;
	background-size: 8px;
	border: none;
}

#step .st_list {
	font-size: 13px;
}

/*--------------------------------------------------------------------------
		お客様の光熱費
--------------------------------------------------------------------------*/
#contents_main.cost .cost_top {
	margin-bottom: 50px;
	text-align: center;
}

#contents_main.cost .cost_top .br1st {
	display: none;
}

#contents_main.cost .cost_top > div {
	margin-bottom: 50px;
}

#cost_list .guest {
	display: table;
	margin-bottom: 50px;
	width: 100%;
	background: #ffffff;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
}

#cost_list .guest > div {
	display: table-cell;
	vertical-align: top;
}

#cost_list .guest .g_cost {
	padding: 20px 50px 20px 20px;
	box-sizing: border-box;
}

#cost_list .guest .g_cost h2 {
	margin-bottom: 20px;
	padding: 3px 10px 0;
	border-left: 3px solid #8C0000;
	box-sizing: border-box;
	font-size: 18px;
}

#cost_list .g_cost .y_all {
	margin-bottom: 10px;
}

#cost_list .g_cost .y_all dl,
#cost_list .g_cost .pay dl {
	display: table;
	width: 100%;
	box-sizing: border-box;
	font-weight: bold;
}

#cost_list .g_cost .y_all dl dt,
#cost_list .g_cost .y_all dl dd,
#cost_list .g_cost .pay dl dt,
#cost_list .g_cost .pay dl dd {
	display: table-cell;
	vertical-align: middle;
}

#cost_list .g_cost .y_all dl {
	border: 1px solid #8C0000;
}

#cost_list .g_cost .y_all dl dt,
#cost_list .g_cost .pay dl dt{
	padding: 10px;
	width: 200px;
	box-sizing: border-box;
	text-align: center;
}

#cost_list .g_cost .y_all dl dt{
	color: #ffffff;
	background: #8C0000;
}

#cost_list .g_cost .y_all dl dd,
#cost_list .g_cost .pay dl dd {
	padding: 10px 20px 10px;
	box-sizing: border-box;
}

#cost_list .g_cost .y_all dl dd div {
	display: table;
	width: 100%;
}

#cost_list .g_cost .y_all dl dd div:first-child {
	padding: 0 0 5px;
	border-bottom: 1px solid #ACACAC;
	box-sizing: border-box;
}

#cost_list .g_cost .y_all dl dd div p {
	display: table-cell;
	vertical-align: middle;
}

#cost_list .g_cost .y_all dl dd div p.t01 {
}

#cost_list .g_cost .y_all dl dd div p.yen,
#cost_list .g_cost .pay dl dd {
	text-align: right;
	font-size: 25px;
	font-weight: bold;
}

#cost_list .g_cost .y_all dl dd div p.yen:after,
#cost_list .g_cost .pay dl dd:after {
	content: "円";
	padding: 0 0 0 5px;
	box-sizing: border-box;
	font-size: 15px;
}

#cost_list .g_cost .pay {
	margin-bottom: 20px;
}

#cost_list .g_cost .pay dl {
	border: 1px solid #393939;
}

#cost_list .g_cost .pay dl dt {
	background: #E4E4E4;
	border-right: 1px solid #393939;
	box-sizing: border-box;
}

#cost_list .g_cost .pay dl dt span {
	display: block;
	font-size: 12px;
	font-weight: normal;
}

#cost_list .g_cost .ar_link {
	overflow: hidden;
}

#cost_list .g_cost .ar_link a {
	display: block;
	float: right;
	padding: 10px;
	width: 200px;
	color: #393939;
	background: url(../img/icon_r-g36.png) right 10px center no-repeat;
	background-size: 10px;
	border: 2px solid #ACACAC;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
}

#cost_list .g_cost .ar_link a:hover, #cost_list .g_cost .ar_link a:active {
	color: #ffffff;
	background: url(../img/icon_r-g36.png) right 10px center no-repeat #8F7761;
	background-size: 10px;
}

#cost_list .guest .g_data {
	padding: 20px;
	width: 35%;
	background: #E4E4E4;
	box-sizing: border-box;
}

#cost_list .guest .g_data dl {
	margin-bottom: 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ACACAC;
	box-sizing: border-box;
}

#cost_list .guest .g_data dl dt {
	font-weight: bold;
}

@media screen and (max-width: 1000px){
#cost_list .guest .g_cost {
	padding: 20px 30px 20px 20px;
}

#cost_list .guest .g_data {
	width: 30%;
}
}/*1000px*/



/*詳細ページ---------------------------------------------*/
#contents_main.cost_ar #cost_list .guest {
	display: block;
	margin-bottom: 80px;
	background: none;
	border: none;
}

#contents_main.cost_ar #cost_list .guest > div {
	display: block;
}

#contents_main.cost_ar h2 {
	margin-bottom: 50px;
	padding: 10px 20px 7px;
	background: #E4E4E4;
	border-left: 5px solid #8C0000;
	box-sizing: border-box;
	font-size: 20px;
}

#contents_main.cost_ar #cost_list .g_cost {
	margin: 0 auto 80px;
	padding: 0;
	max-width: 700px;
}

#cost_list .g_cost .y_all dl dt,
#cost_list .g_cost .pay dl dt{
	width: 300px;
	font-size: 18px;
}

#cost_list .g_cost .y_all dl dd,
#cost_list .g_cost .pay dl dd{
	background: #ffffff;
}

#contents_main.cost_ar #cost_list .guest .g_data {
	display: table;
	table-layout: fixed;
	margin-bottom: 50px;
	padding: 20px 0 10px;
	width: 100%;
	background: #ffffff;
	border: 2px solid #ACACAC;
}

#contents_main.cost_ar #cost_list .guest .g_data > div {
	display: table-cell;
	padding: 0 20px 0;
	vertical-align: top;
	box-sizing: border-box;
}

#cost_tb {
	padding: 30px 50px 50px;
	background: #E4E4E4;
	box-sizing: border-box;
}

#cost_tb > div {
	overflow: auto;
	white-space:  nowrap;
}

#cost_tb h3 {
	margin-bottom: 30px;
	font-size: 18px;
	text-align: center;
}

#cost_tb table {
	width: 100%;
	border-top: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	box-sizing: border-box;
	border-collapse: collapse;
	text-align: right;
}

#cost_tb table th, #cost_tb table td  {
	padding: 7px 20px 5px;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	box-sizing: border-box;
}

#cost_tb table th {
	width: 135px;
	background: #FFEFBF;
	font-weight: normal;
}

#cost_tb table td {
	background: #ffffff;
}

#cost_tb table td:after {
	content: '円';
}

#cost_tb table td.temp:after, #cost_tb table tr.tb_title td:after {
	content: none;
}

#cost_tb table td.temp {
	width: 150px;
}

#cost_tb table tr.tb_title th, #cost_tb table tr.tb_title td {
	color: #ffffff;
	background: #76A7C0;
	text-align: center;
}

#cost_tb table tr.total {
	border-top: 2px solid #D1D1D1;
}

#cost_tb table tr.total th, #cost_tb table tr.total td {
	font-weight: bold;
}


/*--------------------------------------------------------------------------
		リフォームのご案内
--------------------------------------------------------------------------*/
#contents_main.reform section {
	margin-bottom: 80px;
}

#contents_main.reform section:last-child {
	margin-bottom: 0;
}

#contents_main.reform .re_top img {
	margin-bottom: 50px;
}

#contents_main.reform .re_top h2 {
	margin-bottom: 30px;
	color: #126AC1;
	text-align: center;
	font-size: 23px;
}

#contents_main.reform .re_top h2 .br1st {
	display: none;
}

#contents_main.reform .re_top .text {
	line-height: 2;
	text-align: center;
}

#contents_main.reform .case h3 {
	margin: 0 auto 30px;
	padding: 10px;
	max-width: 600px;
	color: #ffffff;
	background: #76A7C0;
	border-radius: 30px;
	box-sizing: border-box;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
}

#contents_main.reform .case dl {
	display: table;	
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
}

#contents_main.reform .case dl:last-child {
	margin-bottom: 30px;
}

#contents_main.reform .case dl dt,
#contents_main.reform .case dl dd {
	display: table-cell;
	padding: 10px 20px 10px;
	vertical-align: middle;
	box-sizing: border-box;
}

#contents_main.reform .case dl dt {
	width: 150px;
	background: #D1D1D1;
	text-align: center;
	font-weight: bold;
}

#contents_main.reform .case dl dd {
	background: #ffffff;
}

#contents_main.reform .img_title h3 {
	margin-bottom: 50px;
	padding: 50px 0 0;
	height: 120px;
	color: #ffffff;
	letter-spacing: 0.1em;
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
}

#contents_main.reform .re_menu h3 {
	background: url(../../reform/img/reform_title01.jpg) center no-repeat;
	background-size: 1000px;
}

#contents_main.reform h4 {
	margin-bottom: 20px;
	padding: 0 0 0 20px;
	border-left: 10px solid #000055;
	font-size: 16px;
	font-weight: bold;
}

/*ページ内共通*/
#contents_main.reform .tb_two {
	display: table;
	margin-bottom: 50px;
	width: 100%;
}

#contents_main.reform .tb_two > div {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	box-sizing: border-box;
}
/*end*/

#contents_main.reform .re_menu .item {
	padding: 0 20px 0;
	box-sizing: border-box;
}

#contents_main.reform .re_menu .item dl {
	background: #E4E4E4;
}

#contents_main.reform .re_menu .item dl dt {
	padding: 5px;
	color: #ffffff;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
}

#contents_main.reform .re_menu .item dl dt.bg_01 { background: #DF8353; }
#contents_main.reform .re_menu .item dl dt.bg_02 { background: #777777; }
#contents_main.reform .re_menu .item dl dt.bg_03 { background: #DAA777; }
#contents_main.reform .re_menu .item dl dt.bg_04 { background: #CB5A52; }
#contents_main.reform .re_menu .item dl dt.bg_05 { background: #76A7C0; }

#contents_main.reform .re_menu .item dl dd {
	padding: 20px 10px 20px;
	box-sizing: border-box;
	text-align: center;
}

#contents_main.reform .re_menu .item dl dd img {
	margin-bottom: 20px;
	max-width: 160px;
}

#contents_main.reform .re_menu .item dl dd p {
	text-align: left;
}

#contents_main.reform .re_menu .tb_three {
	display: table;
	margin-bottom: 50px;
	width: 100%;
}

#contents_main.reform .re_menu .tb_three > div {
	display: table-cell;
	padding: 0 2px 0;
	vertical-align: top;
	width: 33%;
	box-sizing: border-box;
}

/*画像付きリンク*/
#contents_main.reform .imglink p {
	background: url(../../reform/img/musiclink.jpg) left 20px center no-repeat #8F7761;
}

#contents_main.reform .imglink p a {
	padding: 30px 20px 10px 140px;
}

#contents_main.reform .re_mainte h3 {
	background: url(../../reform/img/reform_title02.jpg) center no-repeat;
	background-size: 1000px;
}

#contents_main.reform .re_mainte .tb_two >  div {
	padding: 0 20px 0;
	box-sizing: border-box;
}

#contents_main.reform .re_mainte .tb_two dl {
	display: table;
	width: 100%;
	text-align: center;
}

#contents_main.reform .re_mainte .tb_two dl dt,
#contents_main.reform .re_mainte .tb_two dl dd {
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	box-sizing: border-box;
}

#contents_main.reform .re_mainte .tb_two dl dt {
	width: 150px;
	color: #ffffff;
	background: #777777;
}

#contents_main.reform .re_mainte .tb_two dl dd {
	background: #ffffff;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
}

#contents_main.reform .re_mainte .cycle {
	margin: 0 auto 0;
	padding: 0 0 43px;
	max-width: 750px;
	background: url(../../reform/img/reform_yearback.png) left bottom no-repeat;
	background-size: 150px;
}

#contents_main.reform .re_mainte .cycle dl {
	display: table;
	width: 100%
}

#contents_main.reform .re_mainte .cycle dl dt,
#contents_main.reform .re_mainte .cycle dl dd {
	display: table-cell;
	vertical-align: middle;
}

#contents_main.reform .re_mainte .cycle dl dt {
	width: 150px;
	text-align: center;
	font-weight: bold;
}

#contents_main.reform .re_mainte .cycle dl dt.cy01 { background: #E2ECF1; border-bottom: 2px solid #E2ECF1; box-sizing: border-box; }
#contents_main.reform .re_mainte .cycle dl dt.cy02 { background: #CCDEE8; border-bottom: 2px solid #CCDEE8; box-sizing: border-box; }
#contents_main.reform .re_mainte .cycle dl dt.cy03 { background: #B5CFDD; border-bottom: 2px solid #B5CFDD; box-sizing: border-box; }
#contents_main.reform .re_mainte .cycle dl dt.cy04 { background: #A2C2D5; border-bottom: 2px solid #A2C2D5; box-sizing: border-box; }
#contents_main.reform .re_mainte .cycle dl dt.cy05 { background: #95BACE; border-bottom: 2px solid #95BACE; box-sizing: border-box; }
#contents_main.reform .re_mainte .cycle dl dt.cy06 { background: #8BB5CB; border-bottom: 2px solid #8BB5CB; box-sizing: border-box; }
#contents_main.reform .re_mainte .cycle dl dt.cy07 { background: #76A7C0; border-bottom: 2px solid #76A7C0; box-sizing: border-box; }


#contents_main.reform .re_mainte .cycle dl dd {
	padding: 10px 15px 10px;
	background: #ffffff;
	border-bottom: 2px dotted #eeeeee;
	box-sizing: border-box;
	font-size: 13px;
}

/*--------------------------------------------------------------------------
		お客様の声
--------------------------------------------------------------------------*/
#voice_area {
	overflow: hidden;
	width: 100%;
}

#voice_area .item {
	float: left;
	padding: 0 20px 0;
	width: 50%;
	margin-bottom: 30px;
	box-sizing: border-box;
}

#voice_area .item a {
	display: block;
	padding: 20px;
	color: #393939;
	background: #ffffff;
	border: 1px solid #E4E4E4;
	box-sizing: border-box;
}

#voice_area .item a:hover, #voice_area .item a:active {
	opacity: 0.6;
}

#voice_area .item a > div:first-child {
	margin-bottom: 10px;
	text-align: center;
}

#voice_area .item a > div img {
	max-width: 350px;
}

#voice_area .item a .g_data .name_area {
	display: table;
	margin-bottom: 10px;
	width: 100%;
}

#voice_area .item a .g_data .name_area div {
	display: table-cell;
	vertical-align: middle;
}

#voice_area .item a .g_data .name_area div:first-child {
	width: 65px;
	height: 65px;
	color: #ffffff;
	background: #8C0000;
	border-radius: 50px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

#voice_area .item a .g_data .name_area div:last-child {
	padding: 0 0 0 20px;
	box-sizing: border-box;
}

#voice_area .item a .g_data .name_area div p {
	display: inline-block;
	margin-bottom: 10px;
	padding: 2px 10px 0;
	width: 100px;
	box-sizing: border-box;
	text-align: center;
	font-size: 11px;
}

/*top,ar共通*/
p.type_new { color: #ffffff; background: #76A7C0; }
p.type_meny { color: #ffffff; background: #8F7761; }
p.type_re { color: #ffffff; background: #4E4E4E; }
p.type_long { color: #ffffff; background: #6C3600; }

#voice_area .item a .g_data .name_area div h2 {
	font-size: 18px;
}

#voice_area .item a .g_data .house_data {
	margin-bottom: 20px;
	padding: 5px 10px 5px;
	border: 1px solid #E4E4E4;
	box-sizing: border-box;
}

/*top,ar共通*/
p.ym:before {
	content: '竣工年月:';
	padding: 0 5px 0 0;
	font-weight: bold;
}

p.family:before {
	content: '家族構成:';
	padding: 0 5px 0 0;
	font-weight: bold;
}

p.y_long:before {
	content: '築年数　:';
	padding: 0 5px 0 0;
	font-weight: bold;
}

#voice_area .item a .g_data p.comment {
	padding: 0 0 0 25px;
	background: url(../img/icon_voice28.png) left top 5px no-repeat;
	background-size: 14px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
}

#voicelink {
	margin-top: 80px;
}

#voice_area + #voicelink {
	margin-top: 50px;
}

#voicelink > div {
	display: table;
	table-layout: fixed;
	margin: 0 auto 0;
	width: 100%;
	max-width: 600px;
}

#voicelink > div > div {
	display: table-cell;
	max-width: 300px;
	vertical-align: middle;
	background: #ffffff;
	text-align: center;
}

#voicelink .v_normal {
	background: url(../../voice/img/v_normal.jpg) center no-repeat;
	background-size: 300px;
}

#voicelink .v_years {
	background: url(../../voice/img/v_years.jpg) center no-repeat;
	background-size: 300px;
}

#voicelink a {
	display: block;
	color: #393939;
	line-height: 100px;
	font-weight: bold;
}

#voicelink .v_years a {
	color: #ffffff;
}

#voicelink > div > div:hover, #voicelink > div > div:active {
	opacity: 0.6;
}


/*詳細ページ---------------------------------------------*/
#vo-ar_area .ar_title {
	margin-bottom: 30px;
	padding: 10px 20px 10px;
	background: #E4E4E4;
	box-sizing: border-box;
}

#vo-ar_area .ar_title p, #vo-ar_area .ar_title h2 {
	display: inline-block;
	vertical-align: middle;
}

#vo-ar_area .ar_title p.vol {
	padding: 2px 0 0;
	width: 45px;
	height: 45px;
	color: #ffffff;
	line-height: 1.1;
	background: #8C0000;
	border-radius: 50px;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

#vo-ar_area .ar_title p.vol span {
	font-size: 11px;
}

#vo-ar_area .ar_title h2 {
	padding: 5px 20px 0;
	box-sizing: border-box;
	font-size: 20px;
}

/*タイトル内タイプ*/
#vo-ar_area .ar_title ul {
	displya: table;
	width: 100%;
}

#vo-ar_area .ar_title ul li {
	display: table-cell;
	vertical-align: middle;
}

#vo-ar_area .ar_title .type_box {
	display: inline-block;
}
#vo-ar_area .ar_title p.type_re, #vo-ar_area .ar_title p.type_new, #vo-ar_area .ar_title p.type_meny, #vo-ar_area .ar_title p.type_long {
	padding: 2px 15px 0;
	width: 100px;
	box-sizing: border-box;
	text-align: center;
	font-size: 12px;
}

#vo-ar_area .guest {
	display: table;
	width: 100%;
}

#vo-ar_area .guest > div {
	display: table-cell;
	padding: 50px;
	width: 50%;
	background: #ffffff;
	border: 1px solid #E4E4E4;
	box-sizing: border-box;
}

#vo-ar_area .guest > div img {
	max-width: 400px;
}

#vo-ar_area .guest > div.g_img {
	vertical-align: middle;
	background: url(../img/vo_ring-l.png) right repeat-y #ffffff;
	background-size: 17px;
}

#vo-ar_area .guest > div.g_data {
	vertical-align: top;
	background: url(../img/vo_ring-r.png) left repeat-y #ffffff;
	background-size: 17px;
}

#vo-ar_area .guest .g_data p.comment {
	margin-bottom: 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #D1D1D1;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: bold;
}

#vo-ar_area .guest .g_data p.ym + p.family {
	margin-top: 5px;
}

#vo-ar_area .guest .g_data p + .typeinfo {
	margin-top: 30px;
}

/*リフォーム用*/
#vo-ar_area .guest .g_data .re_info h3 {
	margin-bottom: 10px;
	padding: 3px 10px 0;
	border-left: 5px solid #000055;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: bold;
}

#vo-ar_area .guest .g_data .re_info p {
	font-weight: bold;
}

/*新築用*/
#vo-ar_area .guest .g_data .new_info h3 {
	margin-bottom: 10px;
	padding: 8px 0 5px 15px;
	width: 160px;
	background-image: linear-gradient(270deg, #ffffff 2%, #F4F4F4 20%, #E2E2E2);
	border-left: 10px solid #FF8484;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: bold;
}


/*タブ内*/
#text_area #tab_contents {
	padding: 50px 0 0;
}

#text_area #tab_contents section {
	padding: 0 0 50px;
}

#text_area #tab_contents section h3 {
	padding: 3px 0 3px 30px;
	line-height: 1.5;
	background: url(../img/icon_voice28_r.png) left top 5px no-repeat;
	background-size: 14px;
	border-bottom: 1px solid #ACACAC;
	box-sizing: border-box;
	font-size: 16px;
}

#text_area #tab_contents section h3 + p {
	padding: 10px 0 0;
}

#text_area #tab_contents section p + p{
	padding: 20px 0 0;
}

#text_area #tab_contents section dl {
	display: table;
	padding: 10px 0 0;
	width: 100%;
}

#text_area #tab_contents section dl dt {
	display: table-cell;
	width: 100px;
}

#text_area #tab_contents section dl dt span {
	padding: 2px 25px 2px;
	color: #ffffff;
	box-sizing: border-box;
	font-size: 11px;
}

#text_area #tab_contents section dl dt span.word4 {
	padding: 2px 18px 2px; 
}

#text_area #tab_contents section dl dt span.men { background: #77B8C1; }
#text_area #tab_contents section dl dt span.women { background: #E38484; }
#text_area #tab_contents section dl dt span.itv { background: #E08D12; padding: 2px 16px 2px;}
#text_area #tab_contents section dl dt span.fam01 { background: #6274B0; }
#text_area #tab_contents section dl dt span.fam02 { background: #DE85D3; }
#text_area #tab_contents section dl dt span.fam03 { background: #00B285; }
#text_area #tab_contents section dl dt span.other01 { background: #E6BD00; }
#text_area #tab_contents section dl dt span.other02 { background: #8F7761; }

#text_area #tab_contents .img_area .ph_three {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 50px;	
}

#text_area #tab_contents .img_area p {
	display: table-cell;
	padding: 2px 1px 0;
	vertical-align: top;
	box-sizing: border-box;
	text-align: center;
}

#text_area #tab_contents .img_area .ph_one {
	margin: 0 auto 50px;
	text-align: center;
}

#text_area #tab_contents .img_area .ph_one img {
	max-width: 700px;
}

#text_area #tab_contents .img_area .ph_three img {
	max-width: 330px;
}

/*縦2枚*/
#text_area #tab_contents .img_area .ph_two01 {
	margin: 0 auto 50px;
	max-width: 550px;
}

#text_area #tab_contents .img_area .ph_two01 p {
}

#text_area #tab_contents .img_area .ph_two01 img {
	max-width: 250px;
}

/*縦3枚*/
#text_area #tab_contents .img_area .ph_two02 {
	margin: 0 auto 50px;
	max-width: 800px;
}

#text_area #tab_contents .img_area .ph_two02 img {
	max-width: 220px;
}

/*横2枚*/
#text_area #tab_contents .img_area .ph_two03 {
	margin: 0 auto 50px;
	max-width: 700px;
}


/*横小サイズ1枚*/
#text_area #tab_contents .img_area .one_s {
	text-align: center;
}

#text_area #tab_contents .img_area .one_s img {
	max-width: 330px;
}

/*縦小サイズ1枚*/
#text_area #tab_contents .img_area .one_s2 {
	text-align: center;
}

#text_area #tab_contents .img_area .one_s2 img {
	width: auto;
	max-height: 300px;
}

#text_area .h_tab {
	padding-top: 50px;
}

/*jn_tab_voice*/
#tab_contents {
    overflow: hidden;
    position: relative;
    width: 100%;
}

#tab_contents div.tab_blocks{
	opacity:0;
	position:absolute;
	width:100%;
	box-sizing:border-box;
	transition-property: opacity;
	-webkit-transition-property: opacity;  
	z-index:2000}

#tab_contents div.active{
	opacity:1;
	z-index:2001;
    overflow: hidden;
}
	
.tab_switch ul{
	width:100%;
	text-align:center;
}
	
.tab_switch ul li {
	box-sizing:border-box;
	display:inline-block;
	margin:0 2px 5px;
	padding:8px 0 2px;
	width:40px;
	height:40px;
	background:#D1D1D1;
	border-radius: 50px;
	box-sizing: border-box;
	color:#ffffff;
	text-align:center;
	font-size:15px;
	vertical-align:top;
	cursor:pointer;
}

.tab_switch ul li:hover,
.tab_switch ul li.active {
	color: #ffffff;
	background:#8F7761;
}

#contents_main.voice_ar #pageback {
	margin-top: 0;
}

#vo-ar_area .letter a {
	display: block;
	margin: 30px auto 0;
	padding: 10px;
	max-width: 200px;
	color: #ffffff;
	background: #8F7761;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 13px;
}

#vo-ar_area .letter a:hover, #vo-ar_area .letter a:active {
	opacity: 0.6;
}

#vo-ar_area .re_info span {
	display: inline-block;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: normal;
}

#vo-ar_area #text_area #tab_contents section dl dt.block_tx {
	display: block;
	padding: 0 0 5px;
}

/*--------------------------------------------------------------------------
		築10年以上のお客様の声
--------------------------------------------------------------------------*/
#contents_main.voice_y .voice_y_top {
	margin-bottom: 50px;
	padding: 0 0 0 125px;
	height: 250px;
	line-height: 250px;
	background: url(../../voice/img/voice10years.jpg) right no-repeat;
	background-size: 1000px;
	box-sizing: border-box;
}

#contents_main.voice_y .voice_y_top h2 {
	display: inline-block;
	color: #ffffff;
	line-height: 1.8;
	vertical-align: middle;
	font-size: 23px;
}

#contents_main.voice_y .top_text {
	margin-bottom: 50px;
	text-align: center;
}

#contents_main.voice_y #voice_area .item a .g_data .name_area div:first-child {
	background: #75BC56;
}

/*詳細ページ---------------------------------------------*/
#contents_main.voice_y_ar .title10 {
	padding: 3px 20px 0;
	color: #ffffff;
	background: #4E4E4E;
	box-sizing: border-box;
	font-size: 13px;
}

#contents_main.voice_y_ar #vo-ar_area .ar_title p.vol {
	background: #75BC56;
}

#contents_main.voice_y_ar #vo-ar_area .guest .g_data .new_info h3 {
	border-left: 10px solid #75BC56;
}

/*--------------------------------------------------------------------------
		優良土地情報
--------------------------------------------------------------------------*/
#land_list .item + .item {
	margin-top: 30px;
}

#land_list a {
	display: block;
	color: #393939;
	background: #ffffff;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
}

#land_list .item > div {
	display: table;
	width: 100%;
	background: #ffffff;
}

#land_list .item > div:hover, #land_list .item > div:hover {
	opacity: 0.6;
}

#land_list .item > div > div {
	display: table-cell;
	width: 46%;
	vertical-align: top;
	overflow: hidden;
}

#land_list .item .state {
	width: 8%;
	max-width: 80px;
	vertical-align: middle;
	text-align: center;
}

#land_list .item .sale { background: #8C0000; color: #ffffff; }
#land_list .item .stop { background: #D1D1D1; }

#land_list .item .add {
	padding: 20px;
	overflow: hidden;
	box-sizing: border-box;
}

#land_list .item .add > div {
	display: table;
}

#land_list .item .add > div > div {
	display: table-cell;
	vertical-align: top;
}

#land_list .item .add > div > div:last-child {
	padding: 0 0 0 10px;
	box-sizing: border-box;
}

#land_list .item .add h2 {
	font-size: 18px;
}

#land_list .item .add .ph {
	width: 80px;
}

#land_list .item .add .p_frm {
	position: relative;
	overflow: hidden;
}

#land_list .item .add .p_frm img {
	position: absolute;
}

#land_list .item .data {
	padding: 20px 20px 20px 0;
	box-sizing: border-box;
}

#land_list .item .data dl + dl {
	margin-top: 10px;
}

#land_list .item .data dl {
	display: table;
	width: 100%;
}

#land_list .item .data dl dt, #land_list .item a .data dl dd {
	display: table-cell;
	vertical-align: middle;
}

#land_list .item .data dl dt {
	width: 80px;
}

#land_list .item .data dl dt span {
	display: block;
	padding: 3px 0 0;
	color: #ffffff;
	background: #8F7761;
	box-sizing: border-box;
	text-align: center;
	font-size: 13px;
}

#land_list .item .data dl dd {
	padding: 5px 0 0 10px;
	box-sizing: border-box;
}

#land_list .item .data dl.price dd {
	padding: 0 0 0 10px;
	font-size: 16px;
	font-weight: bold;
}

/*詳細ページ---------------------------------------------*/
/* title */
#land.post .land_name {
	display: table;
	width: 100%;
	background: #ffffff;
}

#land.post .land_name > div {
	display: table-cell;
	vertical-align: middle;
	box-sizing:border-box;
}

#land.post .land_name .type {
	padding: 12px 15px 10px;
	width: 80px;
	color: #ffffff;
	background: #8C0000;
	box-sizing:border-box;
	text-align: center;
}

#land.post .land_name h2 {
	padding: 12px 15px 10px;
	border: 1px solid #ACACAC;
	box-sizing:border-box;
	font-size: 18px;
}

/* land navi */
#land.post div + #land_navi {
	margin-top: 30px;
}

article#sub_contents {
	position: relative;
	top: 0;
}

#land.post #land_navi {
	margin-bottom:20px;
}

#land.post #land_navi a {
	box-sizing:border-box;
	display:inline-block;
	padding:8px 20px 5px;
	margin:0 5px 10px;
	line-height:1;
	background:#8F7761;
	color:#FFF;
	font-size:13px;
}

/*photo*/
#land.post #photo {
	overflow:hidden;
}

#land.post #photo #left {
	float:left;
	width:50%;
	padding-right:50px;
	box-sizing:border-box;
}

#land.post .p_frm {
	position:relative;
	overflow: hidden;
}

#land.post .p_frm img {
	position: absolute;
}

#land.post #photo #right {
	float:right;
	width:50%;
}

#land.post #photo #right .land_map {
	background: #ffffff;
}

#land.post #photo #right .land_map dl dt {
	padding: 3px 0 0;
	color: #ffffff;
	background: #ACACAC;
	text-align: center;
	font-size: 13px;
}

#land.post #photo #right .land_map dl dd {
	padding: 20px;
	box-sizing: border-box;
}

#land.post #photo #right .land_map p + a.map_link {
	margin-top: 20px;
}

#land.post #photo #right .land_map a.map_link {
	display: block;
	margin: 0 auto 0;
	padding: 13px 10px 10px;
	width: 100%;
	max-width: 300px;
	color: #ffffff;
	background: #75BC56;
	border-radius: 15px;
	box-sizing: border-box;
	text-align: center;
}

#land.post #land_navi a:hover, #land.post #land_navi a:active,
#land.post #right .land_map a:hover, #land.post #right .land_map a:hover {
	opacity:0.6;
}

#land.post div + #lDisc {
	margin-top: 50px;
}

#land.post .data_area {
	padding: 30px 20px 30px;
	background: #ffffff;
	box-sizing:border-box;
}

#land.post h3 {
	margin-bottom: 30px;
	padding: 10px 10px 8px 15px;
	color: #000052;
	border-left: 10px solid #000055;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
}

#land.post #data_box {
	overflow: hidden;
}

#land.post #data_box #left {
	float: left;
	width: 50%;
	padding-right: 20px;
	box-sizing: border-box;
}

#land.post #data_box #right {
	float: right;
	width:50%;
	padding-left: 20px;
	box-sizing: border-box;
}

#land.post #data_box dl {
	box-sizing:border-box;
	display:table;
	width:100%;
	border-bottom:1px solid #ACACAC;
}

#land.post #data_box article dl:first-child,
#land.post #data_box #right dl:first-child,
#land.post #data_box #left dl:first-child{
	border-top:1px solid #ACACAC;
}

#land.post #data_box dl dt,
#land.post #data_box dl dd {
	display:table-cell;
	vertical-align:top;
	box-sizing:border-box;
}

#land.post #data_box dl dt {
	padding: 10px 0 10px;
	width:130px;
	font-weight: bold;
}

#land.post #data_box dl dd {
	padding: 10px 0 10px 20px;
	word-break: break-all;
}

#land.post div + #iFacili,
#land.post div + #lPoint {
	margin-top: 80px;
}

/* school */
#land.post #iFacili ul.school {
	border-top: 1px solid #ACACAC;
	border-bottom: 1px solid #ACACAC;
}

#land.post #iFacili ul.school li + li {
	border-top: 1px solid #ACACAC;
}

#land.post #iFacili ul.school li {
	display: table;
	padding: 10px 0 10px;
	width: 100%;
	box-sizing:border-box;
}

#land.post #iFacili ul.school li p {
	display: table-cell;
	vertical-align: middle;
}

#land.post #iFacili ul.school li p.name {
	width:130px;
	font-weight: bold;
}

#land.post #iFacili ul.school li p.distance {
	padding: 0 0 0 20px;
}

/* comment */
#land.post #lPoint div p + p {
	margin-top: 20px;
}