@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------common*/
#boxContent{
    overflow: hidden;
    margin-bottom:50px;
}
.boxImgL{
    float:left;
    margin:0 20px 20px 0;
}
.btnLink01{
    display:inline-block;
    margin-top:20px;
}
.btnLink01 a{
    display:block;
    padding:5px 16px 6px 25px;
    border-radius:4px;
    background: url("../../images/icn_triangle.svg") no-repeat 15px 50% #184ca7;
    color:#fff;
}
.btnLink01 a:hover{
    text-decoration: none;
    opacity:0.8;
    transition: .3s;
}
.flex{
    display:flex;
}
section{
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #ccc;
}
section:last-child{
    border-bottom:none;
}
.boxInfo{
    padding:16px;
    background:#eee;
    border-radius:5px;
}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 
.required{
  color: #DC0205;
  font-size:1.2rem;
}
/*--------------------------------------------------------*/
.secLead{
    margin-bottom:50px;
    border:none;
}
.caption{
    margin-top:10px;
    font-size:1.2rem;
}
form>div:first-child{
    margin-bottom:50px;
}
form label{
    cursor:auto;
}
form dl{
    display:flex;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #ddd;
}
form .boxFormInfo dt{
    width:240px;
    padding-top:5px;
}
form .boxFormInfo dd{
    width:calc(100% - 240px);
}
form input,form select{
    color:#555;
}
form input[type="text"],form input[type="number"],form input[type="tel"]{
    border:1px solid #ccc;
    padding:3px 10px;
}
#Email,#Email2{
    width:40rem;
}
#address1,#address2{
    width:60rem;
}
select{
    border:1px solid #ccc;
    border-radius:4px;
    padding:2px 5px;
}
.chkPolicy a{
    color:#0B52F9;
    text-decoration: underline;
}
#submit{
    display:block;
    width:30rem;
    margin:20px auto;
    padding:8px;
    border:1px solid #ddd;
    border-radius: 4px;
    background:#eee;
    text-align: center;
    color:#333;
}
.btnConfirm_off {
    opacity: 0.3;
}
.btnConfirm_off:hover{
    cursor:default;
}
.txtEm{
	color:#c30;
}
#inquiry{
	width:93%;
	height:200px;
}
@media(max-width:640px){	
	form dl{
		display:block;
	}
    form .boxFormInfo dt{
        width:auto;
    }
    form .boxFormInfo dd{
        width:auto;
    }
    #Email,#Email2{
        width:calc(100% - 22px);
    }
    #zip{
        width:30%;
    }
    #address1,#address2{
        width:calc(100% - 22px);
    }
	form input[type="text"],form input[type="number"],form input[type="tel"]{
		width:calc(100% - 22px);
		border:1px solid #ccc;
		padding:3px 10px;
	}
}

/*diagnosis*/
#buildYear{
    width:8rem;
    margin:0 5px;
}
#buildMonth{
    width:5rem;
    margin:0 5px 0 20px;
}
#years{
    width:8rem;
    margin:10px 5px 0;
}

form .boxFormInquire  dt{
    width:300px;
    padding-top:5px;
}
form .boxFormInquire dd{
    width:calc(100% - 300px);
}
form .boxFormInquire label {
   position:relative;
    top:4px;
    margin-right:10px;
    cursor: pointer;
}
@media(max-width:640px){
    form .boxFormInquire  dt{
        width:auto;
    }
    form .boxFormInquire dd{
        width:auto;
    }
}

/*inspection*/
.indent03 li{
    margin-bottom:10px;
    margin-left:3rem;
    text-indent:-3rem;
}
.indent01_5 li{
    margin-bottom:10px;
    margin-left:1.5rem;
    text-indent:-1.5rem;
}
#inspectYear{
    width:5rem;
    margin:0 5px;    
}
#inspectMonth,#inspectDay{
    width:2rem;
    margin:0 5px;
}
#inspectTime{
    margin:0 0 0 10px;
}
#inspectAddress{
    width:40rem;
}
#inspectDimension,#inspectTotal,#inspectAge,#inspectFloor{
    width:6rem;
    margin:0 5px;
}
.blockRadio01{
    display:flex;
    flex-wrap: wrap;
}
.blockRadio01 label{
    width:50%;
    cursor:pointer;
}
.blockRadio02 label {
    position: relative;
    top: 4px;
    margin-right: 10px;
    cursor: pointer;
}
textarea{
    width: calc(100% - 12px);
    border: 1px solid #ccc;
    padding: 5px;
}
@media(max-width:640px){
    #inspectAddress{
        width:auto;
    }
.blockRadio01{
    display:flex;
    flex-wrap: wrap;
}
    .blockRadio01 label:nth-child(2n+1){
        width:calc(50% - 10px);
        margin-right:10px;
    }
    
}

/*certificate*/
#certificateYear{
    width:8rem;
    margin:0 5px;    
}
#certificateMonth,#certificateDay,#constructYear,#constructMonth{
    width:6rem;
    margin:0 5px;
}
@media(max-width:640px){
	form dd.date{
		line-height: 2;
	}
	#certificateYear{
		width:4rem;
		margin:0 3px;  
	}
	#certificateMonth,#certificateDay,#constructYear,#constructMonth{
		width:4rem;
		margin:0 3px;
	}
}

/*contact*/
.blockFreeDial dt{
    margin-bottom:6px;
}
.blockFreeDial dd{
    margin-bottom:10px;
}
.blockDialTime dt{
    float: left;
}
.blockDialTime dd{
    padding-left:150px;
}

/*-----------------------------------------------------Topics*/
#boxTopics dl{
    display:flex;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}
#boxTopics dl dt{
    width:18rem;
	text-align: left;
}
#boxTopics dt::after{
    display:inline-block;
    padding:3px 14px 4px;
    border-radius:4px;
    color:#fff;
    line-height: 1em;
}
#boxTopics .topicUpdate::after{
    content:"更新情報";
    background:#1a40a8;
}
#boxTopics .topicNews::after{
    content:"お知らせ";
    background:#49930e;
}
#boxTopics .topicImportant::after{
    content:"重要なお知らせ";
    background:#b00c0f;
    letter-spacing: 0;
}
@media(max-width:640px){
	#boxTopics dl{
		display:block;
	}
	#boxTopics dl dt{
		width:100%;
	}
	#boxTopics dt::after{
		margin-left:10px;
	}
}

/*--------------------------------------------------------Link*/
.blockLink{
    margin-bottom:30px;
}
.blockLink dd{
    margin-bottom:10px;
}
.blockLink:last-child{
    margin-bottom:0;
}
code{
    display: block;
    margin:10px;
    padding:20px;
    background:#eee;
    border-radius:5px;
}
.bnrLso img{
    width:auto!important;
}

/*--------------------------------------------------------Event*/
.formEv>div{
  margin-bottom:50px!important;
}
.blockEvType{
  margin-bottom:20px;
  padding-bottom:20px;
}
#companions{
  width:4rem;
  margin-right:10px;
  text-align:right;
}
.change dt{
  width:240px!important;
}