@charset "utf-8";

/* --------------------------------------------------------------------
	共通
---------------------------------------------------------------------*/




/* wrapper-----*/

#wrapper{
	margin:0 0 25px 53px;
	}


#CtsBox{
	background:url(../../images/common/bg_CtsBox.jpg) repeat-y;
	width:917px;
	margin-top:15px;
	}


#CtsBoxIn{
	margin:42px 59px;
	}


#CtsBoxIn .cts{
	margin:20px 0 0 0;
	}



/* table.simple-----*/

table.simple {
 border-collapse: collapse;
 border-top: 1px solid #d9d7cb;
 border-left: 1px solid #d9d7cb;
 width:100%;
}
table.simple th, table.simple td {
 border-bottom: 1px solid #d9d7cb;
 border-right: 1px solid #d9d7cb;
 padding:10px;
}
	
table.simple th{
	background:#fff0ec;
	font-size:14px;
	width:30%;
	font-weight:bold;
}

table.simple td {
	background:#fff;
	width:70%;
}

table.simple td.pink {
	background:#fffdef;
	width:70%;
}

table.simple textarea{
	width:500px;
}


.simpleTdIn{
	border-bottom:1px dotted #999;
	padding:5px 0;
	margin:10px;
	}
	

.simpleTdIn p{
	margin-bottom:10px;
	}


.Submit{
	text-align:center;
	margin-top:30px;
	}

.Submit img
{
	padding:3px;
}


.errorM{
	color:#e9303a;
	margin-top:20px;
}

.thanksM{
	font-size:14px;
	margin-top:20px;
	background:#fffce2;
	padding:30px;
	border:#fff0ec 4px solid;
	}

/* ttl-----*/

#CtsBox .Lttl{
	margin-bottom:48px;}

#CtsBox .Sttl{
	margin-bottom:23px;}

#CtsBox .IdtBox{
	padding-bottom:45px;
	border-bottom:#acacac 1px dotted;
	margin-bottom:30px;
	clear:both;
	}

/* simpleList-----*/
.simpleList li{
	border-bottom:1px solid #e7e7e7;
	line-height:1.5em;
	margin-bottom:10px;
	padding-bottom:10px;
	}

/* simple_ttl-----*/
.simple_ttl{
	font-size:14px;
	font-weight:bold;
	margin-bottom:18px;
	}

/* simple_txtp-----*/
.simple_txtp{
	margin-bottom:18px;
	line-height:1.8em;
	}
/* simple_txtp2-----*/
.simple_txtp2{
	margin-bottom:18px;
	line-height:2.2em;
	}



/* table.mono-----*/

table.mono {
 border-collapse: collapse;
 border: 1px solid #d9d7cb;
 width:100%;
 margin-bottom:20px;
}
table.mono th, table.mono td {
 border-collapse: collapse;
 border: 1px solid #d9d7cb;
 padding:10px;
}

table.mono td.image {
 padding:0px;
 width:199px;
}
	
table.mono th{
	background:#fff;
	font-size:14px;
	width:50%;
	font-weight:bold;
	text-align:left;
}

table.mono td {
	background:#fff;
}










/* --------------------------------------------------------------------
	リフォーム
---------------------------------------------------------------------*/

.reform_unker ul{
	background:url(../../images/reform/img_01.gif) no-repeat;
	height:27px;
	padding-top:11px;
	padding-left:160px;
	margin-bottom:28px;
	}

.reform_unker ul li{
	float:left;
	background:url(../../images/common/i_ukbtn.gif) no-repeat left;
	padding-left:10px;
	margin-left:20px;
	}

#CtsBox .MBInfoBox{
	width:719px;
	background:url(../../images/reform/img_13.gif) repeat-y center;
	padding:3px 40px;
	}

#CtsBox .MBSilk{
	width:405px;
	float:right;
	}

.MBSilkwrap{
	margin:50px 0 30px 0;
	clear:both;}


#CtsBox .Ex3_ttl{
	width:798px;
	margin:49px 0 19px 0;
	}

#CtsBox .Ex3_Box{
	width:798px;
	}


#CtsBox .Ex3_Box .exL{
	float:left;
	margin-right:9px;
	}

#CtsBox .Ex3_Box .exR{
	float:right;
	}


#CtsBox .MBInfoBox .showRoomBox{
	width:650px;
	margin:0 auto;
	}
#CtsBox .MBInfoBox .showRoomBox .gmap{
	width:310px;
	float:left;
	}


#CtsBox .MBInfoBox .showRoomBox .addr{
	font-size:14px;
	width:300px;
	float:right;
	}

.roomName{
	color:#d5545a;
	font-size:16px;
	font-weight:bold;
	margin-bottom:30px;
	}

/* --------------------------------------------------------------------
	仲介
---------------------------------------------------------------------*/

.mdnbox_01{
	padding-right:309px;
	width:490px;
	background:url(../../images/mediation/img_04.gif) no-repeat right top;
	height:305px;
	}


.mdnbox_02{
	padding-right:309px;
	width:490px;
	background:url(../../images/mediation/img_08.gif) no-repeat right top;
	}



/* --------------------------------------------------------------------
	任意売却
---------------------------------------------------------------------*/

.ninflow_wrap{
	width:799px;
	clear:both;
	background:url(../../images/ninbai/img_06.gif) no-repeat center center;
	margin-bottom:30px;
	}

.ninflow_wrap .cts{
	width:342px;
	}



/* --------------------------------------------------------------------
	分譲
---------------------------------------------------------------------*/

.cond_unker ul{
	background:url(../../images/cond/img_01.gif) no-repeat;
	height:27px;
	padding-top:11px;
	padding-left:220px;
	margin-bottom:28px;
	}

.cond_unker ul li{
	float:left;
	background:url(../../images/common/i_ukbtn.gif) no-repeat left;
	padding-left:10px;
	margin-left:20px;
	}

.cond_now_box{
	width:505px;
	float:right;
	position: relative;
	}

.cond_now_box .ttl{
	font-size:18px;
	margin-bottom:20px;
	font-weight:bold;
	}


.cond_now_box dl{
	width:505px;
	clear:both;
	border-bottom:#acacac 1px dotted;
	padding:10px;
	}


.cond_now_box dt{
	width:100px;
	float:left;
	font-weight:bold;
	}


.cond_now_box dd{
	width:400px;
	margin-left:100px;
	}

.cond_next{
	width:100%;
	background:#F8FBDD;
	padding:10px;
	margin-bottom:30px;
	}


.attTxt{
	font-size:20px;
	color:#F03;
	font-weight:bold;
	margin-bottom:0px;
	}



.attTxtL{
	font-size:26px;
	color:#F03;
	font-weight:bold;
	margin-bottom:10px;
	padding:0 2px;
	}

.soldoutBadge {
	position: absolute;
	top: 0;
	right: 0;
}

.soldoutTxt {
	font-size:16px;
	font-weight: bold; 
	color:#F03;
	background-color: #ffe6e7;
	display: inline-block;
	padding: 5px 50px;
	margin-bottom: 10px;
}


/* --------------------------------------------------------------------
	法人
---------------------------------------------------------------------*/



.business_unker ul{
	background:url(../../images/business/img_02.gif) no-repeat;
	height:27px;
	padding-top:11px;
	padding-left:220px;
	margin-bottom:28px;
	}

.business_unker ul li{
	float:left;
	background:url(../../images/common/i_ukbtn.gif) no-repeat left;
	padding-left:10px;
	margin-left:20px;
	}


/* table.osero-----*/

table.osero {
 border-collapse: collapse;
 border: 1px solid #d9d7cb;
 width:100%;
 margin-bottom:20px;
}
table.osero th, table.osero td {
 border-collapse: collapse;
 border: 1px solid #d9d7cb;
 width:50%;
 padding:10px;
}
	
table.osero td.black {
	background:#f4f4f4;
}



/* --------------------------------------------------------------------
	サイトマップ
---------------------------------------------------------------------*/
.smp {
	margin:10px;
	}

.smp .ssttl{
	background:url(../../images/sitemap/ssttl_01.gif) left center no-repeat;
	padding-left:1em;
	font-size:14px;
	font-weight:bold;
	}

.smp .thiPage{
	float:left;
	margin:24px 20px 0px 20px;
	}

.smp a{
	color:#4c4c4c;
	}



/* --------------------------------------------------------------------
	会社案内共通
---------------------------------------------------------------------*/

#CtsBoxIn_left{
	width:154px;
	float:left;
	}


#CtsBoxIn_right{
	width:594px;
	float:right;
	}


#CtsBoxIn_left ul{
	margin-bottom:20px;
	}
#CtsBoxIn_left ul li.top{
	background:url(../../images/company/sLeft_navi_01.gif) no-repeat;
	padding:12px;
	height:20px;
	}
#CtsBoxIn_left ul li.mdl{
	background:url(../../images/company/sLeft_navi_02.gif) no-repeat;
	height:17px;
	padding:12px;
	}
#CtsBoxIn_left ul li.btm{
	background:url(../../images/company/sLeft_navi_03.gif) no-repeat;
	height:20px;
	padding:12px;
	}

.s_navi_bn{
	background:url(../../images/company/sLeft_bn_bg.gif) no-repeat center;
	padding:17px;
	height:71px;
	margin-bottom:20px;
	}

.s_navi_bn .ttl{
	margin-bottom:14px;
	}
	

/* --------------------------------------------------------------------
	求人
---------------------------------------------------------------------*/

.recruit_unker ul{
	background:url(../../images/recruit/img_06.gif) no-repeat;
	height:27px;
	padding-top:11px;
	padding-left:150px;
	margin-bottom:28px;
	}

.recruit_unker ul li{
	float:left;
	background:url(../../images/common/i_ukbtn.gif) no-repeat left;
	padding-left:10px;
	margin-left:20px;
	}


.recruit_box_01{
	width:335px;
	float:right;
	}

.recruit_box_01 .ttl{
	font-size:18px;
	margin-bottom:20px;
	}

.interview{
	background:url(../../images/recruit/bg_inter.gif);
	padding:23px 27px;
	margin-top:20px;
	}
.interview .ttl{
	margin-bottom:30px;
	}

.interview .ques{
	color:#c06a6a;
	margin-bottom:20px;
	font-size:14px;
	font-weight:bold;
	}
	
	
	
	
/* --------------------------------------------------------------------
	会社案内-ビジョン
---------------------------------------------------------------------*/


.vision_box_01{
	padding-left:199px;
	width:600x;
	background:url(../../images/company/img_02.gif) no-repeat left top;
	margin-bottom:80px;
	}


.vision_box_02{
	padding-right:199px;
	width:600x;
	background:url(../../images/company/img_04.gif) no-repeat right top;
	margin-bottom:80px;
	}


.vision_box_03{
	padding-left:199px;
	width:600x;
	background:url(../../images/company/img_06.gif) no-repeat left top;
	margin-bottom:80px;
	}


.vision_box_04{
	padding-right:199px;
	width:600x;
	background:url(../../images/company/img_09.gif) no-repeat right top;
	}

/* --------------------------------------------------------------------
	会社案内-社長あいさつ
---------------------------------------------------------------------*/

.msg_box{
	width:275px;
	float:left;
	}

.catch{
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	}


/* --------------------------------------------------------------------
	会社案内-概要
---------------------------------------------------------------------*/

.simple dl{
	border-bottom:1px #e8e8e8 solid;
	clear:left;
	padding:10px 20px;
	line-height:2em;
	}

.simple dl dt{
	float:left;
	width:160px;
	font-weight:bold;
	}

.simple dl dd{
	margin-left:160px;
	width:430px;
	}


/* --------------------------------------------------------------------
	会社案内-講演
---------------------------------------------------------------------*/
.talk_box{
	width:330px;
	float:right;
	}
	
.talk_box .ex{
	background:#fff5f6;
	border:1px solid #be9a9c;
	padding:20px;
	margin-top:6px;
	line-height:2em;
	}


/* --------------------------------------------------------------------
	プライバシー
---------------------------------------------------------------------*/
.policyWrap{
	line-height:1.9em;
}

.policy_ttl{
	margin:50px 0 20px 0;
	font-weight:bold;
	font-size:14px;
	}

.policyWrap ol{
	margin:20px 0;
}

.policyWrap ol li{
	margin-left:1.7em;
	margin-bottom:10px;
}



/* --------------------------------------------------------------------
	インフォ-
---------------------------------------------------------------------*/
.infoPage img{
	margin:0px;
}


/* --------------------------------------------------------------------
	アイシィ
---------------------------------------------------------------------*/
.aiceList dl{
	border-bottom:1px solid #eaeaea;
	clear:both;
	padding:20px;
	font-size:14px;
	width:760px;
}
.aiceList dt{
	width:200px;
	float:left;
}

.aiceList dd{
	width:400px;
	margin-left:250px;
	line-height:1.8em;
}



/* --------------------------------------------------------------------
	会社案内-
---------------------------------------------------------------------*/


/* --------------------------------------------------------------------
	賃貸
---------------------------------------------------------------------*/
.chintai_txt { text-align: center; padding: 20px 0 15px; border-bottom: 1px solid #82970e; }
.list_secom         { background: url(../../images/chintai/bg_secom_list.gif) no-repeat; padding: 28px 0 30px 30px; margin-bottom: 30px; }
.list_secom h4      { font-size: 16px; font-weight: bold; }
.list_secom h4 span { color: #82970e; }
.list_secom li      { margin-bottom: 10px; }

.list_setubi    { }
.list_setubi li { width: 250px; float: left; margin-right: 20px; margin-bottom: 30px; }
.list_setubi li.end { margin-right: 0; }

.table_gaiyou { width: 100%; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; margin-bottom: 50px; }
.table_gaiyou th,
.table_gaiyou td        { border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 5px 15px; text-align: left; vertical-align: middle; }
.table_gaiyou td.madori { text-align: center; }

.table_chintaiimage     { text-align: center; width: 100%; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; margin-bottom: 20px; }
.table_chintaiimage td  { width: 49%; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: middle; padding: 5px 0; }




/* --------------------------------------------------------------------
	お問い合わせ
---------------------------------------------------------------------*/

/* イントロ 
-------------------------------*/
.contact-intro {
	background-color: #fff8f6;
	margin: 20px 0 0 0;
	padding: 30px 30px 20px 30px;
	border-radius: 10px;
}
.contact-intro .maincopy{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 3px dashed #fb6f7b;
	color: #fb6f7b;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}
.contact-intro .contact-intro-list {
	padding: 0 20px;
}
.contact-intro .contact-intro-list-item {
	width: 45%;
	float: left;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 0 24px;
	background:url(../../images/contact/checkmark.png) left no-repeat;
}
.contact-intro .txt-right {
	padding: 0 20px;
	font-size: 15px;
	text-align: right;
}
.contact-intro .tosale-wrap {
	border-top: 2px dotted #fdcd8f;
	border-bottom: 2px dotted #fdcd8f;
	padding: 15px 0;
	background-color: #fff;
}
.contact-intro .tosale-wrap .btn {
	display: block;
    width: 290px;
    padding: 10px 0;
    background-color: #f09348;
    color: #fff;
    font-size: 14px;
	letter-spacing: 1px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
	margin: 0 auto;
	position: relative;
}
.contact-intro .tosale-wrap .btn:after {
	position: absolute;
    content: '';
    display: block;
    top: 14px;
    right: 8px;
    width: 8px;
    height: 10px;
    background: url(../../images/contact/intro_btn_arrow.png) no-repeat;
    background-size: cover;
}


/* フォーム
-------------------------------*/
.contact-form {
	font-size: 14px;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	padding: 5px;
	font-size: 14px;
	vertical-align: middle;
}

.contact-form .must-mark {
	color: #f00;
	font-size: 12px;
}

/*個人情報の取り扱い*/
.contact-form .privacy-box {
	margin: 50px 0 0 0;
	border-top: 3px solid #d9d7cb;
	/*border-bottom: 2px dotted #f00;*/
	padding: 15px 20px;
	text-align: center;
}
.contact-form .privacy-box .title {
	font-weight: bold;
	font-size: 1.1em;

	margin: 0 0 5px 0;
}
.contact-form .privacy-box .check {
	font-weight: bold;
	color: #000;
	text-align: center;
	background-color: #fff0ec;
	padding: 10px 0;
	width: 250px;
	margin: 10px auto 0 auto;
}

/*チェックボックスのリスト*/
.contact-check-list-item {
	float: left;
}
.contact-check-list-item:nth-child(odd) {
	width: 240px;
}
.contact-check-list-item:nth-child(enen) {
	width: 270px;
}


/*テキストボックスのサイズ*/
.contact-form .input-tb-s {
	width: 150px;
}
.contact-form .input-tb-m {
	width: 250px;
}
.contact-form .input-tb-l {
	width: 450px;
}


.contact-form .contact-btn-wrap {
	text-align: center;
	margin-top: 20px;
}

.contact-form .contact-btn-gray {
	width: 190px;
	padding: 15px 0;
	background-color: #f8f8f8;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	color: #535353;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	margin: 0 20px 0 0;
}
.contact-form .contact-btn-gray:hover {
	opacity: 0.8;
}

.contact-form .contact-btn-pink {
	display: inline-block;
	width: 190px;
	padding: 15px 0;
	background-color: #dc7e83;
	color: #fff;
	font-size: 15px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
}

.contact-form .contact-btn-pink:hover {
	opacity: 0.8;
}




.sec-window {
	display: block;
	border: 5px solid #ffded5;
	border-radius: 5px;
	background-color: #fff0ec;
	background-position: right 3px bottom 3px;
	padding: 50px 50px 30px 50px;
}
.contact-form .contact-btn-wrap .errorWrap {
	text-align: center;
	padding: 20px 0;
}
.contact-form .contact-btn-wrap .errorWrap .comment {
	font-size: 18px;
	font-weight: bold;
}
.contact-form .error-box {
	width: 100%;
	margin: 10px auto 20px auto;
	border-top: 2px dotted #F00;
	border-bottom: 2px dotted #F00;
	padding: 20px 0;
	text-align: center;
	color: #f00;
	font-size: 18px;
	font-weight: bold;
}


.contact-form .sec-window {
		padding: 50px 50px 50px 50px;
	}

.contact-form .copy-error,
.contact-form .copy-thanks {
	font-size: 18px;
	font-weight: bold;
	text-align: center;

}



/* --------------------------------------------------------------------
	売却査定・無料相談
---------------------------------------------------------------------*/

/* イントロ 
-------------------------------*/
.sale-intro-wrap * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sale-intro-wrap {
	background-color: #fff8df;
	margin: 20px 0 0 0;
	padding: 30px 30px;
	border-radius: 10px;
}


.sale-intro-head {
	padding: 0 0 50px 0;
	background:url(../../images/sale/arrow.png) center bottom no-repeat;
}
.sale-intro-head .photo {
	width: 37%;
	float: right;
	padding: 8px;
	background-color: #fff;
}
.sale-intro-head .photo img {
	width: 100%;
	height: auto;
}
.sale-intro-head .sale-worry-list {
	width: 63%;
	float: left;
	padding: 25px 0 0 0;
}
.sale-intro-head .sale-worry-list-item {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0 0 0 24px;
	background:url(../../images/sale/checkmark.png) left 2px no-repeat;
}



.sale-intro-middle {
	padding: 0 0 50px 0;
	background:url(../../images/sale/arrow.png) center bottom no-repeat;
}
.sale-intro-middle .copy {
	/*text-align: center;*/
	line-height: 1.8;
	margin: 20px 0 0 0;
}
.sale-intro-middle .copy .marker {
	background-color: #ffff00;
	font-weight: bold;
	font-size: 17px;
}
.sale-intro-middle .copy .marker .txt_red {
	font-weight: bold;
}
.sale-intro-middle .sale-how-list {
	margin: 20px 0 0 0;
}
.sale-intro-middle .sale-how-list-item {
	width: 48%;
	float: left;
	margin: 0 4% 0 0;
	background-color: #fff;
	padding: 25px 25px;
	border-top: 3px dotted #fdcd8f;
	
}
.sale-intro-middle .sale-how-list-item:last-child {
	margin: 0 0 0 0;
}
.sale-intro-middle .sale-how-list-item .title {
	color: #f07d20;
	font-size: 18px;
	font-weight: bold;
}
.sale-intro-middle .sale-how-list-item .copy-exp {
	font-size: 15px;
	margin: 5px 0 0 0;
}
.sale-intro-middle .sale-how-list-item .photo {
	margin: 5px 0 0 0;
}


.sale-intro-btm {
	font-size: 15px;
	line-height: 1.8;
	margin: 20px 0 0 0;
}


/* フォーム
-------------------------------*/
.sale-form {
	font-size: 14px;
}

.sale-form .title-m {
	display: block;
	color: #f17e21;
	font-weight: bold;
	margin: 30px 0 5px 0;
}

.sale-form .simple th {
	background-color: #fef0e5;
	text-align: left;
}

.sale-form input,
.sale-form select,
.sale-form textarea {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	padding: 5px;
	font-size: 14px;
	vertical-align: middle;
}

/*個人情報の取り扱い*/
.sale-form .privacy-box {
	margin: 10px 0 0 0;
	padding: 15px 10px;
	border-bottom: 1px solid #d9d7cb;
}
.sale-form .privacy-box .check {
	font-weight: bold;
	color: #000;
	text-align: center;
	background-color: #fef0e5;
	padding: 10px 0;
	width: 250px;
	margin: 5px auto 0 auto;
}


.sale-form .must-mark {
	color: #f00;
	font-size: 12px;
	font-weight: bold;
}
.sale-form .howto-subcopy {
	font-size: 12px;
	margin: 0 0 0 20px;
}
.sale-form .ex-copy {
	font-size: 13px;
	margin: 0 0 5px 0;
}
.sale-form .mail-copy {
	font-size: 13px;
	margin: 5px 0 5px 0;
}

/*チェックボックスのリスト*/
.sale-check-list-item {
	width: 250px;
	float: left;
}

/*テキストボックスのサイズ*/
.sale-form .input-tb-s {
	width: 150px;
}
.sale-form .input-tb-m {
	width: 250px;
}
.sale-form .input-tb-l {
	width: 450px;
}

/*チェックボックス*/
.sale-form .input-radio-name {
	margin: 0 10px 0 5px;
	font-weight: bold;
}


.sale-form .sale-btn-wrap {
	text-align: center;
	margin-top: 20px;
}

.sale-form .sale-btn-gray {
	width: 190px;
	padding: 15px 0;
	background-color: #f8f8f8;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	color: #535353;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	margin: 0 20px 0 0;
}
.sale-form .sale-btn-gray:hover {
	opacity: 0.8;
}

.sale-form .sale-btn-orange {
	display: inline-block;
	width: 190px;
	padding: 15px 0;
	background-color: #f09348;
	color: #fff;
	font-size: 15px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
}

.sale-form .sale-btn-orange:hover {
	opacity: 0.8;
}




.sale-sec-window {
	display: block;
	border: 5px solid #fbdbc2;
	border-radius: 5px;
	background-color: #fef0e5;
	background-position: right 3px bottom 3px;
	padding: 50px 50px 50px 50px;
}
.sale-form .sale-btn-wrap .errorWrap {
	text-align: center;
	padding: 20px 0;
}
.sale-form .sale-btn-wrap .errorWrap .comment {
	font-size: 18px;
	font-weight: bold;
}
.sale-form .error-box {
	width: 100%;
	margin: 10px auto 20px auto;
	border-top: 2px dotted #F00;
	border-bottom: 2px dotted #F00;
	padding: 20px 0;
	text-align: center;
	color: #f00;
	font-size: 18px;
	font-weight: bold;
}

.sale-form .copy-error,
.sale-form .copy-thanks {
	font-size: 18px;
	font-weight: bold;
	text-align: center;

}


/* --------------------------------------------------------------------
	施工事例 一覧
---------------------------------------------------------------------*/
.page-work * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.work-arc-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.work-arc-list-item {
	width: 46%;
	margin: 0 8% 50px 0;
	position: relative;
	-moz-transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s eease-in-out;
}
.work-arc-list-item:nth-child(2n) {
	margin: 0 0 40px 0;
}
/*マウスオーバー時*/
.work-arc-list-item.new:hover {
	background-color: #f58185;
}
.work-arc-list-item.reform:hover {
	background-color: #00b7ee;
}
.work-arc-list-item.other:hover {
	background-color: #8fc31f;
}
/*マウスオーバー時 END*/
a.work-arc-list-link {
	display: block;
	text-decoration: none;
}
.work-arc-list-item .photo {
	height: 220px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.work-arc-list-item .note-box {
	padding: 15px 0;
}
.work-arc-list-item .note-box .title {
	color: #000;
	font-size: 15px;
	line-height: 1.4;
	font-weight: bold;
	padding: 0 15px 5px 26px;
	position: relative;
	display: block;
	-moz-transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s eease-in-out;
}
.work-arc-list-item.new .note-box .title {
	border-bottom: 1px dashed #f58185;
}
.work-arc-list-item.reform .note-box .title {
	border-bottom: 1px dashed #00b7ee;
}
.work-arc-list-item.other .note-box .title {
	border-bottom: 1px dashed #8fc31f;
}
.work-arc-list-item .note-box .title:before {
	position: absolute;
	top: 3px;
	left: 15px;
	display: block;
	content: "";
	width: 10px;
	height: 11px;
	-moz-transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s eease-in-out;
}
.work-arc-list-item.new .note-box .title:before {
	background: url("../../images/work/arrow_pink.png")no-repeat;
}
.work-arc-list-item.reform .note-box .title:before {
	background: url("../../images/work/arrow_blue.png")no-repeat;
}
.work-arc-list-item.other .note-box .title:before {
	background: url("../../images/work/arrow_green.png")no-repeat;
}
/*マウスオーバー時*/
.work-arc-list-item:hover .note-box .title:before {
	background: url("../../images/work/arrow_white.png")no-repeat;
}
/*マウスオーバー時END*/
.work-arc-list-item .note-box .copy {
	font-size: 12px;
	line-height: 1.4;
	padding: 5px 15px 0 15px;
	margin: .5em 0 0 0;
	-moz-transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s eease-in-out;
}
/*マウスオーバー時*/
.work-arc-list-item:hover .note-box .title {
	color: #fff;
	border-bottom: 1px dashed #fff;
}
.work-arc-list-item:hover .note-box .copy {
	color: #fff;
}
/*マウスオーバー時END*/
.work-arc-list-item .work-icon {
	position: absolute;
	display: inline-block;
	width: 100px;
	height: 30px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	line-height: 2.5;
	font-weight: bold;
	top: 0;
	left: 0;
}
.work-arc-list-item.new .work-icon {
	background-color: #f58185;
}
.work-arc-list-item.reform .work-icon {
	background-color: #00b7ee;
}
.work-arc-list-item.other .work-icon {
	background-color: #8fc31f;
}

/****************************************************************************
 	施工事例　一覧　pagenavi
****************************************************************************/
/*wp-pagenavi base*/
.wp-pagenavi {
clear: both;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #999;
background-color: #FFF;
border: solid 1px #e0e0d2;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration:none;
}
.wp-pagenavi a:hover{
color:#FFF; 
background-color:#999; 
border-color:#999;
}
.wp-pagenavi span.current{
color: #FFF;
background-color: #46c5cb;
border-color: #46c5cb;
font-weight: bold;
}

/* --------------------------------------------------------------------
	施工事例 詳細
---------------------------------------------------------------------*/
.page-work-det * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.page-work-det .intro-wrap.new {
	border-top: 7px solid #f58185;
	background-color: #fdf4f4;
}
.page-work-det .intro-wrap.reform {
	border-top: 7px solid #00b7ee;
	background-color: #e4f6fb;
}
.page-work-det .intro-wrap.other {
	border-top: 7px solid #8fc31f;
	background-color: #f4fce2;
}
.page-work-det .intro-wrap .mainvisual {
	height: 435px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.page-work-det .intro-wrap .note-box {
	padding: 20px 30px;
}
.page-work-det .intro-wrap .work-icon {
	display: block;
	color: #fff;
	padding: 2px 0;
	width: 100px;
	float: left;
	text-align: center;
	font-size: 13px;
}
.page-work-det .intro-wrap.new .work-icon {
	background-color: #f58185;
}
.page-work-det .intro-wrap.reform .work-icon {
	background-color: #00b7ee;
}
.page-work-det .intro-wrap.other .work-icon {
	background-color: #8fc31f;
}
.page-work-det .intro-wrap .title {
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 0 10px;
}
.page-work-det .intro-wrap.new .title {
	color: #f58185;
}
.page-work-det .intro-wrap.reform .title {
	color: #00b7ee;
}
.page-work-det .intro-wrap.other .title {
	color: #8fc31f;
}
.page-work-det .intro-wrap .copy {
	font-size: 14px;
	margin: 10px 0 0 0;
}
.page-work-det .intro-wrap .bottom {
	margin: 10px 0 0 0;
}
.page-work-det .intro-wrap .kind {
	background-color: #fff;
	border-radius: 10px;
	display: inline-block;
	padding: 5px 15px;
	margin: 0 10px 0 0;
	font-size: 14px;
}


.page-work-det .detail-wrap .list-item {
	border-bottom: 1px dashed #d2d2d2;
	padding: 40px 0;
}
.page-work-det .detail-wrap .list-item .photo {
	width: 48%;
}
.page-work-det .detail-wrap .list-item:nth-child(odd) .photo {
	float: left;
	margin: 0 30px 0 0;
}
.page-work-det .detail-wrap .list-item:nth-child(even) .photo {
	float: right;
	margin: 0 0 0 30px;
}
.page-work-det .detail-wrap .list-item .photo img {
	width: 100%;
	height: auto;
}
.page-work-det .detail-wrap .list-item .note-box {
	padding: 25px 0 0 0;
}
.page-work-det .detail-wrap .list-item .title {
	color: #000;
	font-weight: bold;
	font-size: 19px;
	line-height: 1.4;
}
.page-work-det .detail-wrap .list-item .copy {
	font-size: 12px;
	line-height: 1.8;
	margin: 15px 0 0 0;
}


.page-work-det .btn-wrap {
	margin: 30px 0 0 0;
}
.page-work-det .btn-wrap .btn {
	display: block;
	position: relative;
	cursor: pointer;
	width: 300px;
	/*height: 54px;*/
	margin: 0 auto 0 auto;
	background-color: #eb6100;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	border-radius: 8px;
	padding: 17px 0;
	-moz-transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s eease-in-out;
}
.page-work-det .btn-wrap .btn:before {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -5px;
	display: block;
	content: "";
	width: 10px;
	height: 11px;
	background: url("../../images/work/arrow_white.png")no-repeat;
}
.page-work-det .btn-wrap .btn:hover {
	opacity: 0.8;
}


.page-work-det .navi-wrap {
	margin: 20px 0 0 0;
}
.page-work-det .navi-wrap a:link,
.page-work-det .navi-wrap a:visited {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
.page-work-det .navi-wrap .btn-next {
	margin: 0 0 0 0;
	float: left;
	position: relative;
	padding: 0 0 0 15px;
}
.page-work-det .navi-wrap .btn-next:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	display: block;
	content: "";
	width: 9px;
	height: 10px;
	background: url("../../images/work/navi_arrow_prev.png")no-repeat;
}
.page-work-det .navi-wrap .btn-prev {
	margin: 0 0 0 0;
	float: right;
	position: relative;
	padding: 0 15px 0 0;
}
.page-work-det .navi-wrap .btn-prev:before {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -5px;
	display: block;
	content: "";
	width: 9px;
	height: 10px;
	background: url("../../images/work/navi_arrow_next.png")no-repeat;
}