@charset "UTF-8";

/* =================
second common
================= */
main .formContents,
main .pageContents{
    padding: 60px 0 50px;
}

main .pageContents{
    padding: 60px 0 50px;
}

main .formContents .mb12{
	margin-bottom: 12px !important;
}

main .formContents .mb08{
	margin-bottom: 8px !important;
}

main .formContents .mb20{
	margin-bottom: 20px !important;
}

sup{
    font-size: 75%;
}

/* error text */
.errorText{
	color: #E60012;
	margin-bottom: 8px;
}

/* 登録エラー・正常 */
.dataStatusOK,
.dataStatusNG{
	position: relative;
	padding: 18px 18px 18px 45px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	margin-bottom: 14px;
}
.dataStatusOK img,
.dataStatusNG img{
	position: absolute;
	top: 50%;
	left: 18px;
	margin-top: -8px;
}
.dataStatusOK{
	background-color: #D9EDD1;
	border: #B2DBA1 1px solid;
}
.dataStatusOK img{
	width: 16px;
}
.dataStatusNG{
	background-color: #EED3D3;
	border: #DCA7A7 1px solid;
}
.dataStatusNG img{
	width: 15px;
}

/* 物権アイコン */
.buildIcoArea span{
  display: inline-block;
  color: #FFF;
  font-size: 11px;
  padding: 3px 6px 3px;
  border-radius: 10px;
  margin-right: 3px;
  margin-bottom: 3px;
}

.buildIcoArea .buildInsurance{
  background-color: #78bec8;
}
.buildIcoArea .equipmentInsurance{
  background-color: #65b492;
}
.buildIcoArea .buildInspection{
  background-color: #7497be;
}
.buildIcoArea .daiwaSubdivided{
  background-color: #c29661;
}
.buildIcoArea .reformed{
  background-color: #a3ba77;
}

/* =================
form Design
================= */

.formContents label input:enabled + span{
	cursor: pointer;
}

.formContents input,.formContents button,.formContents textarea,.formContents select,.popBlackFormWrap input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.formContents input[type="email"],
.formContents input[type="password"],
.formContents input[type="text"],
.formContents input[type="tel"],
.formContents .textArea{
	border: 1px solid #CCCCCC;
	border-radius: 0;
	margin-bottom: 8px;
}

.popBlackFormWrap input[type="checkbox"],
.popBlackFormWrap input[type="radio"],
.formContents input[type="checkbox"],
.formContents input[type="radio"]{
display: none;
}

.popBlackFormWrap .smallSecIn .checkList .checkBoxTxt,
.popBlackFormWrap .smallSecIn .checkList .radioTxt,
.formContents .radioTxt,
.formContents .checkBoxTxt{
  padding-left: 18px;
  position:relative;
  font-weight: normal;
}

.popBlackFormWrap .smallSecIn .checkList .checkBoxTxt::before,
.formContents .checkBoxTxt::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  background-color: #fff;
  margin-top: -8px;
}

.popBlackFormWrap .smallSecIn .checkList .checkbox:disabled + .checkBoxTxt,
.formContents .checkbox:disabled + .checkBoxTxt{
    color: #7d7d7d;
}
.popBlackFormWrap .smallSecIn .checkList .checkbox:disabled + .radioTxt,
.formContents .checkbox:disabled + .radioTxt{
    color: #7d7d7d;
}

.popBlackFormWrap .smallSecIn .checkList .checkbox:disabled + .checkBoxTxt::before,
.formContents .checkbox:disabled + .checkBoxTxt::before{
    background-color: #efefef;
}
.popBlackFormWrap .smallSecIn .checkList .checkbox:disabled + .radioTxt::before,
.formContents .checkbox:disabled + .radioTxt::before{
    background-color: #efefef;
}

.popBlackFormWrap .smallSecIn .checkList input[type="checkbox"]:checked + .checkBoxTxt,
.formContents input[type="checkbox"]:checked + .checkBoxTxt{
  color: #111;
}

.popBlackFormWrap .smallSecIn .checkList input[type="checkbox"]:checked + .checkBoxTxt::after,
.formContents input[type="checkbox"]:checked + .checkBoxTxt::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 5px;
  height: 10px;
  transform: rotate(40deg);
  border-bottom: 2px solid #111;
  border-right: 2px solid #111;
  margin-top: -6px;
}

.formContents .radioTxt::before,
.popBlackFormWrap .smallSecIn .checkList input[type="radio"] + .radioTxt::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #CCC;
  border-radius: 50%;
  background-color: #fff;
  margin-top: -8px;
}

.formContents input[type="radio"]:checked + .radioTxt,
.popBlackFormWrap .smallSecIn .checkList input[type="radio"]:checked + .radioTxt{
  color: #111;
}
.formContents input[type="radio"]:checked + .radioTxt::after,
.popBlackFormWrap .smallSecIn .checkList input[type="radio"]:checked + .radioTxt::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 5px;
  height: 5px;
  background: #111;
  border-radius: 50%;
  margin-top: -3px;
}

.formContents .selectWrap select{
	padding: 0;
    margin: 0;
    height: 30px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    border: 1px solid #ccc;
    border-radius: 0;
}

.formContents .selectWrap select::-ms-expand {
    display: none;
}
.formContents .selectWrap {
    position: relative;
    display: inline-block;
    background-color: #fff;
    margin-bottom: 10px;
}
.formContents .selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
    background-color: #fff;
}
.formContents .selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0 3px;
    border-color: #111 transparent transparent transparent; 
}
.formContents .selectLavel{
	margin-right: .5em;
}

/* =================
other Design
================= */

.formContents, .pageContents{ padding:28px 0 24px 0; margin:0 auto; width:100%; max-width: 950px; }
.formContents, .pageContentsDeviceWith{ padding:28px 0 24px 0; margin:0 auto; width:100%;  }
.formContents .secondFormcontents{ margin:25px 0 20px;}
.formContents .secondFormcontents.beforeFormTitleSab{ margin-bottom:30px;}
.formContents .secondFormcontents:last-child{ margin-bottom:0;}
.formContents input{ border:1px solid #ccc;}
.formTitle, .commonTitle{ font-size:20px; line-height: 1.4; font-weight:normal; position:relative; padding-top: 7px; padding-left:15px; border-top: #CCC 1px solid; margin-bottom:31px;}
.formTitle:before, .commonTitle:before{
    content: ''; display: block; width: 5px; height: 40px; margin-right: 10px; background:#ea5404; position:absolute; top:-1px; left:0;
}

.formContents .smallTitle{ font-size: 16px; line-height: 1.4; font-weight:bold; position:relative; margin-bottom:8px;}

.formContents .smallTitle span{font-size: 12px;}


.formContents .formTitleSab, .popBlackFormWrap .formTitleSab{ font-size:18px; line-height: 1.4; font-weight:bold; position:relative; padding-left:32px; margin-bottom:12px; clear: both;}
.formContents .formTitleSab:before, .popBlackFormWrap .formTitleSab:before{content: ''; display: block; width: 23px; height: 15px; margin-right: 10px; background:#91aab2; position:absolute; top:4px; left:0; }
.formContents .formTitleSab:after, .popBlackFormWrap .formTitleSab:after{content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 0 15px 6px; border-color: transparent transparent #fff transparent; position:absolute; top:4px; left:17px; }
.popBlackFormWrap .formSectionTitle{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.formContents .formLeadTitle{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.formContents .leadNote{
    background: #fef9f6;
    border: 1px solid #ffefe7;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 10px;
}
.formContents .leadNote .noteList{
    padding-left: 1.4em;
    line-height: 1.6;
}

.formContents .formArea{ background:#F3F3F3;}
.formContents .formArea.changeStateArea{
    margin-top: 10px;
}
.formContents .formArea li{ border-bottom:1px solid #ccc;}
.formContents .formArea li:last-child{ border-bottom:none;}
.formContents .formArea dl{ background-color:#ddd; display: table; width: 100%;}
.formContents .formArea dt,.formArea dd{ display:inline-block; vertical-align:top; display: table-cell;}
.formContents .formArea dt{ width:20%; padding:20px; font-weight: normal; }
.formContents .formArea02 dt{width: 90px;}

.formContents .formArea dd{ width:80%; padding:15px 20px 10px; box-sizing:border-box; background:#F3F3F3;}
.formContents .formConfirmArea dd{
    padding:20px 20px 20px;
}
.formContents .formConfirmArea .selectedItems li{
    display: inline-block;
    margin-right: 10px;
    border: none;
}
.formContents .formConfirmArea .formInnerTitle{
    margin-bottom: 0;
}
.formContents .formArea02 dd{ width:450px; }
.formContents .formLinkText{
	background-image: url(../img/common/link-arrow.png);
    background-repeat: no-repeat;
    -webkit-background-size: 5px 6px;
    -o-background-size: 5px 6px;
    background-size: 5px 6px;
    background-position: 2px center;
    padding-left: 15px;
    margin-bottom: 14px;}
.formContents .formLinkText a{ font-size: 12px; text-decoration: underline;}
.formContents .formLinkText a:hover{ text-decoration: none;}
.formContents .requiredItem{ position:relative;}
.formContents .requiredItem:after{content: '必須'; width: 28px; background:#E60012;  color:#fff; font-size:10px; font-weight: normal; text-align:center; display:inline-block; margin-left:7px;}
.formContents .textInput{ width:193px; padding: 5px;}
.formContents .checkBox{ border:1px solid #ccc;}
.formContents .centerCheck, .formContents .centerLink{ text-align:center; padding-top:14px;}
.formContents .submitBtnList{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.formContents .submitBtnList li{
    margin: 0 10px;
}
.formContents .submitBtn input,.popBlackFormWrap .submitBtn input{
	background-image: url(../img/common/ico_arrow_right.png);
	background-size: 5px 6px;
	background-position: 15px 50%;
	background-color:#ea5404;
	background-repeat: no-repeat;
	border-radius:22px;
	border:none;
	padding:8px 10px 8px 18px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	min-width: 200px;
}
.formContents .submitBtn input:disabled{
  background-color:#888;
  opacity: .35;
}
.formContents .submitBtn input:hover,.popBlackFormWrap .submitBtn input:hover{
	opacity: .7;
}
.formContents .submitBtn input:disabled:hover{
  opacity: .35;
}
.formContents .submitBtn a,.popBlackFormWrap .submitBtn a{
	background-image: url(../img/common/ico_arrow_right.png);
	background-size: 5px 6px;
	background-position: 15px 50%;
	background-color:#ea5404;
	background-repeat: no-repeat;
	border-radius:22px;
	border:none;
	padding:8px 10px 8px 18px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	min-width: 200px;
}
.formContents .submitBtn.submitBtnBlk input, .formContents .submitBtn.submitBtnBlk a{
  background-color:#222;
}
.formContents .submitBtn.submitBtnLarge a{
  padding:8px 26px 8px 36px;
}

.formContents .submitBtn a.backToEnter{
    background-color: #888;
    background-image: url(../img/common/ico_arrow_left.png);
}
.formContents .submitBtn,.popBlackFormWrap .submitBtn{ text-align:center; padding-top:14px;}


.formContents .submitBtn input:hover,.formContents .submitBtn a:hover{ opacity: .8; text-decoration:none; }

.formContents .formSabTitle{ margin-bottom:5px; display:block;}
.formContents .formNote{
    display: block;
}
.formContents .formNoteStrong{
    display: block;
    margin-bottom: 30px;
}



.formContents .formLeadText{ margin-bottom: 40px;}
.formContents .formLeadTextShort{ margin-bottom: 20px;}
.formContents .smallSec{
	margin-bottom: 20px;
}

.formContents dt{
background-color: #DDDDDD;
padding: 10px 20px;
}

.formContents dd{
	background-color: #F3F3F3;
	padding: 20px 20px 10px;
}

.formContents dd.checkAllWrap {
	padding-bottom: 0;
}

.formContents .checkAllWrap .checkAllBorder{
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 8px;
}

.popBlackFormWrap .smallSecIn .checkList,
.formContents .checkList{
	overflow: hidden;
	display: table;
	width: 100%;
	padding-top: 5px;
}

.formContents .checkParagraph{
    padding-top: 5px;
}
.formContents .checkParagraph label{
    margin-right: 20px;
}
.popBlackFormWrap .smallSecIn .checkList li,
.formContents .formArea .checkList li,
.formContents .checkList li{
	float: left;
	width:25%;
	border:none;
	padding: 0 0 15px 36px;
	text-indent: -18px;
	line-height: 1.2;
	display: table-cell;
}

.formContents .formArea .checkList.blockList{
	padding-bottom: 5px;
}

.formContents .formArea .checkList.blockList li{ 
width: 100%;
display: block;
}

.formContents .formConfirmArea .selectedItems.blockItems li{
    display: block;
    margin-right: 0;
}

.formContents .formArea .optionList li{
	width: 33%;
	padding-left: 36px;
	text-indent: -18px;
	overflow: visible;
	line-height: 1.4;
	display: table-cell;
	height: 30px;
}


.formContents .formArea .checkList03 li:nth-child(4n){
	width: 100%;
}

.formContents .formArea .checkList03 li .textInput{
	width: 70%;
	margin-bottom: 0;
}


.formContents .formArea .checkList04 li{
	width: 40%;
}

.formContents .formArea .nameInputArea .textInput,
.formContents .formArea .checkList03 li .textInput,
.formContents .formArea .pRadio .textInput,
.formContents .formArea .pRadio02 .textInput{
	padding: 2px 5px;
	/* height: 15px; */
}

.formContents .formArea .nameInputArea .textInput,
.formContents .formArea .pRadio .textInput,
.formContents .formArea .pRadio02 .textInput{
	margin-right: 10px;
	margin-bottom: 0;
}


.formContents .formArea .pRadio .textInput{
	width: 55px;
}

.formContents .formArea .postalCode .textInput{
    width: 100px;
}
.formContents .formArea .postalCode span{
    display: block;
}
.formContents .formArea .postalCode a{
    text-decoration: underline;
}
.formContents .formArea .postalCode a:hover{
    text-decoration: none;
}
.formContents .formArea .pRadio02 .textInput{
	width: inherit;
}

.formContents .formArea .nameInputArea .textInput{
	width: 100px;
}

.formContents .formArea .nameInputArea,
.formContents .formArea .pRadio {
	margin-bottom: 8px;
}
.formContents .formArea .nameInputArea span{
    display: inline-block;
}
.formContents .formArea .phoneInputArea .textInput{
    width: 70px;
}

.formContents .formArea .pRadio label{
	margin-right: 15px;
}

.formContents .textArea{
	width: 95%;
}

.formContents .mb08 .selectWrap,
.formContents .mb08 input{
	margin-bottom: 0;
}

.formContents .textInputW100{
	width: 100%;
}

.formContents .formInnerTitle{
	display: inline-block;
	padding: 2px 10px 0 0;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.formContents .toMemberRegist{
    margin-top: 20px;
    text-align: center;
}

.formContents .toMemberRegist a{
    text-decoration: underline;
    background-image: url(../img/common/link-arrow.png);
    background-repeat: no-repeat;
    -webkit-background-size: 5px 6px;
    -o-background-size: 5px 6px;
    background-size: 5px 6px;
    background-position: 2px center;
    padding-left: 15px;
}

.formContents .toMemberRegist a:hover{
    text-decoration: none;
}
.formContents .secondFormcontents .formSentence{
    margin-top: 20px;
}
.formContents .secondFormcontents .formSentence:first-of-type{
    margin-top: 0;
}
.formContents .secondFormcontents .formSentence strong{
    font-size: 16px;
}
.formContents .secondFormcontents .formSentence .anotationList{
    font-size: 14px;
    font-size: 12px;
    line-height: 1.4;
}
.formContents .secondFormcontents .formSentence .anotationList li{
    margin-top: 10px;
    padding-left: 14px;
    position: relative;
}
.formContents .secondFormcontents .formSentence .anotationList li:first-of-type{
    margin-top: 0;
}
.formContents .secondFormcontents .formSentence .anotationList li::before{
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}

.formContents small {
  font-size: .7rem;
}

.main div div.buildContArea{
	overflow: hidden;
	background-color: #f3f3f3;
	padding: 15px 15px 0;
	margin-bottom: 40px;
}


.buildContArea .buildContPhoto,
.buildContArea .buildContTxt{
float: left;
}

.buildContArea .buildContPhoto{
width: 18%;
}

.buildContArea .buildContPhoto img{
	width: 95%;
	height: auto;
}

.buildContArea .buildContTxt{
	width: 80%;
	padding-left: 10px;
}

.buildContArea .buildContTxt dt{
	font-size: 16px;
	margin-bottom: 10px;
}

.buildContArea .buildContTxt .buildInfo{
	padding-top: 6px;
	margin-bottom: 10px;
}
.buildContArea .buildContTxt .buildInfo span{
	margin-right: 1em;
}

.buildContArea .buildContTxt dt .newBuildIco{
	margin-left: .5em;
	position: relative;
}

.buildContArea .buildContTxt dt .newBuildIco img{
	width: 31px;
}
.buildContArea .buildContTxt dt .panpramaIco img{
	width: 25px;
}

.buildContArea .buildContTxt dd .buildContPrice{
	font-size: 16px;
	font-weight: bold;
}

.buildContArea .buildContTxt dd .buildContPrice02{
	font-size: 12px;
	margin-right: 1em;
}

.buildContArea .buildContTxt dd .buildIcoArea{
	margin-bottom: 10px;
}

@media only screen and (max-width: 1014px) {
	main .formContents,
	main .pageContents{
		padding: 85px 32px 50px;
	}
}

@media only screen and (max-width: 950px) {
	.formContents .lineList li{
		width: 33%;
	}
}

@media only screen and (max-width: 900px) {
	.formContents .formArea .optionList li{
		width: 50%;
	}
	.formContents .formArea .areaList li{
		width: 33%;
	}
	.formContents .lineList li{
		width: 50%;
	}
	.formContents .stationList li{
		width: 33%;
	}
}

@media only screen and (max-width: 700px) {
	main .formContents,
	main .pageContents{
	    padding: 0 15px 30px;
	    font-size: 14px;
	}
	.formContents{ padding:28px 20px 24px; margin:0 auto; width:100%; box-sizing:border-box;}
	.formContents .formArea dl,.formContents .formArea dt,.formContents .formArea dd{display: block;}
	.formContents .formArea dt{ width:100%; padding:10px; box-sizing:border-box;  }
	.formContents .formArea dd{ width:100%; box-sizing:border-box; background:#F3F3F3; padding: 10px 10px 5px;}
	.formContents .textInput, .formContents select{ width:100%; font-size: 16px;}
	.formContents .formSabTitle{
		font-size: 12px;
	}

	.formContents .centerLink{
		text-align: left;
		font-size: 12px;
	}
  .formContents .centerLink.spCenterLink{
    text-align: center;
  }
	.formContents dd{
		padding: 10px;
	}

	.popBlackFormWrap .smallSecIn .checkList li,
	.formContents .formArea .checkList li,
	.formContents .checkList li{
		width:33%;
		margin-bottom: 2px;
		height: inherit;
	}
	.formContents .formArea .areaList li{
		width: 50%;
	}
	.formContents .lineList li{
		width: 100%;
	}
	.formContents .stationList li{
		width: 50%;
	}
	.formContents .formArea .optionList li{
		width: 100%;
		height: inherit;
	}
	.formContents .formArea .checkList03 li .textInput{
    	width: 60%;
    	font-size: 9px;
	}

	.formContents .formArea .checkList04 li{
		width: 100%;
	}
}

@media only screen and (max-width: 500px) {
	.popBlackFormWrap .smallSecIn .checkList li,
	.formContents .formArea .checkList03 li:nth-child(4n),
	.formContents .formArea .checkList li,
	.formContents .checkList li{
		width:50%;
	}
	.formContents .formArea .optionList li{
		width: 100%;
	}
	.formContents .lineList li{
		width: 100%;
	}
	.formContents .stationList li{
		width: 100%;
	}
	.formContents .selectLavel{
		display: block;
		margin-bottom: .25em;
	}
}

/* お問い合わせ完了画面 */
.complete_view .to_top_btns{
    text-align: center; margin: 30px 0 50px;
}
.complete_view .to_top_btns a{
    width: 210px;
    height: 24px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0 5px;
}
.complete_view .to_top_btns a img{
    position: absolute;
    top: 0;
    left: 0;
}
.complete_view .to_top_btns a:hover img{
    top: auto;
    bottom: 0;
}
@media only screen and (max-width: 700px) {
    .complete_view .to_top_btns a{
        display: inline-block;
        margin: 5px 0;
    }
}

@media only screen and (max-width: 470px) {
    .formContents .formArea .nameInputArea span{
        display: block;
    }
    .formContents .formArea .nameInputArea span:first-of-type{
        margin-bottom: 5px;
    }
    .formContents .formArea .nameInputArea span .textInput{
        width: auto;
    }
}

/* プレースホルダーの色統一対応（Minori） */
::-webkit-input-placeholder {
  color:#A4A4A4;
}
::-moz-placeholder {
 color:#A4A4A4;
 opacity: 1;
}
/* Internet Explorer 10-11 */
:-ms-input-placeholder {
 color:#A4A4A4;
}