@charset "utf-8";
a {    color: #c4074f;}

.adminEdit {display: none;}
body,#siteBottom,#companyInfo{-webkit-text-size-adjust: 100% !important;}
/*テンプレート初期値補正*/
.post_content li, .post_content dt, .post_content dd {line-height: 1.2 !important;}	
.post_content ul, .post_content ol, .post_content dl {margin-bottom: 0em !important;}
#content dl {margin-top: 2em !important;}

/*フォーム背景色*/
.formbk{
background-color: #a0a0a00d;
text-align: left;
}

/*フォーム内電話案内*/
div.formTel:after{clear:both;margin-bottom:2em;}
.choiceBox:after{clear:both;float:none;}
.formTel{margin-bottom:2em;text-align: center;}
.formTel a{font-size:1.5em;}
.formTel .pc i{font-size:2em;}
.formTel .pc span{font-size:2em;}

/*お問い合わせ見出し*/
#content h2 {
    color: #555756;
    border: none;
    background: none;
    text-align: center;
    font-size: 50px;
    margin: 0em 0 1em;
    padding-top: 65px;
}

/*フォーム フレーム*/
form#sendform {margin: 0 1em;}
#content dl{/*float:left;width: 50%;*/}
#content dt {
    border-left: 4px solid #bf4e7d;
    font-size: 1.1em;
    color: #555 !important;
    margin-bottom: 0;
    padding: 5px 5px 5px 10px;
    font-weight: bold;
    text-align: left;
}

/*入力項目*/
form#sendform input[type="text"], 
form#sendform input[type="email"], 
form#sendform input[type="password"],
form#sendform input[type="tel"], 
select, 
textarea {
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
}

select{
   -webkit-appearance: none;
}
.selectOp {
    position: relative;
    /*width: 100px;*/
}

.selectOp:after {
    content: "";
    position: absolute;
    /*right: 60px;*/
    right: 13%;
    top: 20px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    transform: translateY(-50%) rotate(-135deg);
    font-size: 20px;
    pointer-events: none;
}
.selectOp2 {
    position: relative;
    /*width: 100px;*/
}
.selectOp2 select{width: 70% !important;}
.selectOp2:after {
    content: "";
    position: absolute;
    /* right: 60px; */
    right: 32%;
    top: 40px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    transform: translateY(-50%) rotate(-135deg);
    font-size: 20px;
    pointer-events: none;
}
@media (max-width: 480px){
	.selectOp2 select{width: 90% !important;}
	.selectOp2:after {right: 45px;}
}

form#sendform input[type="text"],
form#sendform input[type="tel"],
form#sendform input[type="email"],
form#sendform input[type="number"],
form#sendform input[type="password"],
form#sendform input[type="radio"],
form#sendform textarea,
form#sendform select
{
background-color:#ffffff;
font-size:13px;
}
#content select {
    width: 90%;
    height: 35px;
    line-height: 35px;
    padding: 0px 0 0px 10px;
    margin-top: 5px;
    border-radius: 5px;
}
form input[type="text"]:focus,
form input[type="tel"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="password"]:focus,
form input[type="radio"]:focus,
form textarea:focus,
form select:focus{background-color:#C8EBFA;}
.hissu:after {
    content: "必須";
    /* background-color: #f6282830; */
    color: red;
    margin: 0.5em;
    border-radius: 10px;
    padding: 0 0.5em;
    border: 1px solid red;
    font-size: 0.9em;
}
.nini:after{content:"任意";
background-color: #aa3939;
color: white;
margin: 0.5em;}
span.caution{
font-size: 0.85em;
color: #aa3939;
display: block;
padding: 0.1em;
}

#content form#sendform input[type="text"], 
#content form#sendform input[type="email"], 
#content form#sendform textarea, 
#content form#sendform input[type="tel"] {
position: relative;
overflow: hidden;
padding: 10px 10px;
margin: 5px 5px 5px 0px;
width: 90%;
border-radius: 4px;
}
#content form#sendform input[type="radio"] {
    -webkit-transform: scale(2);
    transform: scale(2);
    margin-right:0.5em;
}

/*施工場所について / お問い合わせ種別*/
.choiceBox{width:100% !important;}
.radioBox input{
	display: none;
}
.radioBox label {
    display: inline-block;
    /* float: left; */
    cursor: pointer;
    width: 120px;
    margin: 8px 1em 1em 0em;
    padding: 12px 10px 10px;
    border-right: 1px solid #abb2b7;
    background: #555;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 1;
    transition: .2s;
}
.radioBox label{
	border-radius: 3px;
}
.radioBox input[type="radio"]:checked + label {
	background-color: #a61451;
	color: #fff;
}
.radioBox2Label {
    width: 140px !important;
    height: 35px;
}

/*現住所 / 施工場所の住所*/
#content table.ad{margin:-20px 0 0 0;padding:0;width: 75%;border:none;}
#content table.ad th{
    width: 25%;
    font-size: 11px;
    padding: 3px;
    vertical-align: middle;
    text-align: center;
background-color: #FAFAFA;
	white-space: normal;
}
#content table.ad th strong,
#content table.ad td strong{font-size:0.8em;}
#content table.ad td {padding: 5px 10px;border:1px solid #fff;}
#content hr {clear: both;display: block;margin: 2em 0;}
#content form#sendform table input[type="text"]{width:90%;}
#content form#sendform input#year[type="tel"]{width:20%;}
#content form#sendform select#month{width:50%;}
#content caption span.caution {
    font-size: 1.1em;
    color:#aa3939;
}

/*お問い合わせ種別：お見積り*/
#firstBox{margin-bottom:3em;}

#content div.mitsumori dl{
    float: none;
    width: 100%;
    clear: both;
}
#content .mitsumori ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-bottom: 2em;
    /*column-count: 2;*/
}
#content .mitsumori li {
    display: block;
    width: 50%;
    margin: 1em 0 0 0;
}

/*コメント欄*/
.coment{width:90% !important;}

/*送信ボタン*/
form#sendform input[type=submit] {
    -webkit-appearance: none;
    display: block;
    border-radius: 66px;
    background-color: #f51e6d;
    width: 45%;
    margin: 0 auto 30px;
    font-size: 30px;
    padding: 20px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    border: solid 3px #eae4de;
}

/*カレンダー*/
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    width: 40%;
    margin: 0 5px;
}
img.ui-datepicker-trigger {
    display: block;
	margin: -45px 0 0 72% !important;
}
dd.calender input[type=text] {width: 70% !important;}

/*プライバシーポリシー*/
.privacy {
	width:100%;
    border: 1px solid #d2d2d2;
    padding: 20px 20px 10px;
    box-sizing: border-box;
    height: 190px;
    overflow: auto;
    margin-top: 30px;
	margin-bottom: 2em;
    background: #fff;
}
.privacy p{margin: 0 !important;}
/*特定商取引法に基づく表記*/
div.companyInfo{margin-top: 8em;}	

/*送信ボタン*/
.btn{clear: both;}
.btn a{
display: block;
    border-radius: 10px;
    background-color: #908653;
    width: 45%;
    margin: 0 auto;
    font-size: 30px;
    padding: 20px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}

/*お問い合わせ完了ページ*/
div#completion .section {text-align:center;}
div#completion h2 {
    color: #555756;
    border: none;
    background: none;
    text-align: center;
    font-size: 54px;
    margin: 0px;
    padding-top: 65px;
}

/* Validation */
.w.error { background-color: #EFD8D7; display:block; }
.w.error .input { border-color: #C8A5A5; background: #fff url('icon_error.png') no-repeat right center; }
.w.valid { background-color: #A4EFAE; }
.w.valid .input { border-color: #A5C8A6; background: #fff url('icon_valid.png') no-repeat right center; }
.w.valid span { display: none; }


@media (min-width: 769px) and (max-width: 1024px){
#content h2 {font-size: 50px;}
.btn a {width: 60%;}
form#sendform {width: 95%;}
#content .personaldata input[type="text"], 
#content .personaldata input[type="email"], 
#content .personaldata textarea, 
#content .personaldata input[type="tel"] {margin: 5px 5px 5px 10px;}
#content div.addressBox table.ad {width: 85%;}
}

@media (max-width: 969px){
#gMenu .assistive-text span:before {
    font-size: 30px;
    line-height: 30px;
}
#gMenu .assistive-text{width: 3.5em;top: -50px;padding:1px 0 0;font-size: 10px;}
#gMenu .assistive-text span{padding:0;margin-top: -8px;}
.headMainMenu li a{padding:15px 10px 13px;}
}
.mail a:before {
font-family: "FontAwesome";
    content: '\f0e0';
    display: inline-block;
    /* position: absolute; */
    margin: 0 10px 0 0;
    float: left;
	}	

@media (min-width: 481px) and (max-width: 768px){
.sekouType dd {min-height: 12em;}
#content h2 {font-size: 38px;}
#content div.addressBox table.ad {width: 85%;}
form#sendform {width: 95%;}

#content .personaldata input[type="text"], 
#content .personaldata input[type="email"], 
#content .personaldata textarea, 
#content .personaldata input[type="tel"] {margin: 5px 5px 5px 10px;}
/******************************************************
#content table.mitsumori {width: 60%;}
#content table.mitsumori td {padding: 0px 5px;}
#content table.mitsumori td select {width: 100%;}
******************************************************/
#content textarea#coment {width: 90% !important;}
#companyInfo dt {
display: block;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    float: none;
}
#content div.addressBox table.ad {width: 95%;}
#companyInfo dd {padding: 0.5em 1.5em;line-height: 1.8;font-size: 1.1em;}
}
@media (max-width: 812px){
#navicon .pc {
    float: right;
    font-size: 30px;
    margin: 15px 70px 0 10px;
    }
	#navicon .pc i{color: #444 !important;}
}


@media (min-width: 481px){
.pc{display:block;}
.sp{display:none;}
	.div_pc2_sp1{display: flex;clear: both;}
	.div_pc2_sp1 div{flex: 1;}
}
@media (max-width: 480px){
	.div_pc2_sp1{display: block;}	
	.clearB{clear:both;}
.pc{display:none;}
.sp{display:block;text-align:center;}
.sp span{display:block;margin:0.5em;font-size:1.3em;font-weight:bold;}
div.formTel .sp span{display:inline-block;margin:0.5em 0 0 0;}
.content p {margin-bottom:0;}
#pageTitBnr{background-color: #8a7e47 !important;}	
.zeroAbout {
	margin: 30px 1em;
    display: block;
    font-size: 15px;
    text-align: left;	
	color:#212121;
}
.zeroAbout h2{font-size: 25px !important;color:#fff;background-color:gold;padding:0;letter-spacing:-0.05em;}
.zeroAbout img{text-align:center;margin: 10px auto;}
.zeroAbout p{padding-bottom:1.2em;}
	
.radioBox2Label {
	width: 95px !important;
	font-size: 10px !important;
    margin: 5px 5px 0 0 !important;
}
.sekouType dl{display:block;width:100%;float:none;margin:0 0.5%;}
#content h2 {
    text-align: center;
    font-size: 25px !important;
    margin-bottom: 0.5em;
    letter-spacing: -0.04em;
    padding: 1em;
    margin: 0 auto 0.5em!important;
    text-align: center;
}

.read {text-align:left;margin: 0 1em 0;}
.btn a {width: 75%;font-size: 14px;font-weight: bold;}
form#sendform {width: 95%;}
#content dl {float: none;width: 100%;}

div.addressBox {width: 100%;float: none;}
#content div.addressBox table.ad {width: 95%;}
.choiceBox {clear: both;}
.choiceBox dd {padding: 5px 0 0 0px !important;}
.radioBox label {padding: 12px 5px 10px;color:#fff;width: 98px;margin: 5px 4px 5px 0;}
#content .mitsumori li {font-size: 10px;}
/***********************************************************************
#content table.mitsumori {margin: 0px 0 0 0;width: 90%;}
#content table.mitsumori th {font-size: 10px;padding: 3px 5px 1px;}
#content table.mitsumori td {padding: 0px 5px;}
#content table.mitsumori td select {width: 100%;}
***********************************************************************/
dl.coment{clear:both;}
form#sendform input[type=submit] {width: 90%;padding: 15px 20px;}
#content .personaldata input[type="text"], 
#content .personaldata input[type="email"], 
#content .personaldata textarea, 
#content .personaldata input[type="tel"] {margin: 5px 5px 5px 10px;}
#content form#sendform textarea{width: 90%;}
#main #container .content {padding-bottom: 10px;}
	
/*お問い合わせ完了ページ*/
div#completion h2 {font-size: 23px;font-weight: bold;}
div#completion .section {margin: 0 1em;text-align: left !important;}
}

@media (max-width: 1366px){
.companyInfo h2{margin: 20px 0px 10px !important;font-size: 120% !important;width: 100%;}
.companyInfo table{width:95% !important;}
}	

/*個人情報保護方針*/
.privacy h2 {
    font-size: 30px !important;
    margin: 0em 0 1em !important;
}    
.privacy h3 {
    border-bottom: 1px solid #ccc;
    position: relative;
    font-weight: lighter;
    padding-bottom: 5px;
    font-size: 150%;
    text-align: left;
    margin: 1em 0 0.5em;
}
.privacy ul, .privacy ol {
    margin: 10px 0px 10px 30px;
    text-align: left;
}
.privacy ul li, .privacy ol li {
    list-style: disc;
    padding: 5px;
}

/*お問い合わせ完了*/
body#completion #contact{margin: 1em 0 0 0;}
body#completion #contact h2 {
    text-align: center;
    font-size: 25px;
    color: #000;
    background-color: #fff;
    padding: 1em 0;
    margin-bottom: 1em;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 20%);    
}
.boxCentral{
	display: flex;
    justify-content: center;
    align-items: center;
}
.newline {
    padding: 1em 2em;
}
.imgCentral{
    width: auto;
    text-align: center;
    margin: 2em auto;
    display: block;
}

/*調整*/
.txtCenter{text-align:center !important;}
.ddflLeft{float: left;width: 47%;}
div.instag{width:20%;}
.clearB{float:left;}
.clearBoth{clear:both;}
.mb0{margin-bottom: 0 !important;}
.mb1em{margin-bottom: 1em !important;}
.mb2em{margin-bottom: 2em !important;}
.margin0{margin: 0 !important;}
.margin1em{margin: 1em !important;}
.fontSize075em{font-size: 0.75em !important;}
.fontSize09em{font-size: 0.9em !important;}
.fontSize13em{font-size: 1.3em !important;}
.fontSize15em{font-size: 1.5em !important;}
.clearBoth{clear: both;}
.color_e85453{color: #e85453;}