/* CSS Document */



.madoguchi{
width: 738px;
margin: 50px auto 120px;
}
.madoguchi h3{
font-size: 20px;
font-weight: normal;
padding-bottom: 20px;
}
.mado_frame{
display: flex;
align-items: center;
width: 100%;
border: 1px solid #333;
border-radius: 18px;
padding: 35px 0;
}
.mado_logo{
width: 180px;
padding-left: 40px;
}
.mado_frame p{
font-size: 24px;
line-height: 32px;
font-weight: bold;
}
.mado_frame p span{
font-size: 18px;
font-weight: normal;
}


.inq_contents{
width: 900px;
margin: 80px auto 50px;
}
.inq_type{
border-top: 1px solid #333;
padding-top: 18px;
padding-bottom: 20px;
}
.inq_contents h3{
font-size: 26px;
font-weight: bold;
}
.inq_type_in{
display: flex;
align-content: center;
padding: 30px 0 30px 30px;
}
.inq_type_in p{
padding: 30px 0;
}
.inq_tel{
height: 90px;
line-height: 90px;
color: #5a6391;
font-size: 36px;
font-weight: bold;
padding-right: 30px;
padding-left: 46px;
background: url("../img/free_dial.png") no-repeat left center;
}
.inq_txt1{
font-size: 18px;
line-height: 30px;
}
.inq_txt2{
width: 100%;
height: 90px;
line-height: 100px;
font-size: 20px;
background: url("../img/line_qr.png") no-repeat center right 30px;
}
.inq_txt2 a{
color: #333;
}
.inq_txt3{
padding-top: 30px;
font-size: 20px;
}

iframe{
width:100%;
height:1450px;
}




.inq_type_mail{
padding: 40px 0 60px;
text-align: center;
}


@media screen and (max-width: 768px){

.madoguchi{
width: 100%;
margin: 40px auto;
}
.madoguchi h3{
font-size: 18px;
line-height: 24px;
text-align: center;
}
.mado_frame{
flex-flow: column;
justify-content: center;
width: 100%;
border:0;
padding: 10px 0;
}
.mado_logo{
width: 100%;
padding-left: 0;
padding-bottom: 12px;
text-align: center;
}
.mado_frame p{
font-size: 16px;
line-height: 24px;
}
.mado_frame p span{
font-size: 14px;
}


.inq_contents{
width: 100%;
margin: 40px auto 50px;
}
.inq_type{
border-top: 1px solid #333;
padding-top: 18px;
}
.inq_contents h3{
font-size: 20px;
}
.inq_type_in{
flex-flow: column;
justify-content: center;
padding: 10px 0 10px;
}
.inq_type_in p{
padding: 30px 0;
}
.inq_tel{
height: 70px;
line-height: 70px;
font-size: 24px;
padding-right: 30px;
padding-left: 46px;
}
.inq_tel a{
color: #5a6391;
}

.inq_txt1{
font-size: 14px;
line-height: 20px;
}
.inq_txt1 a{
color: #333;
}
.inq_txt2{
width: 100%;
height: 110px;
padding-top: 15px;
line-height: 26px;
font-size: 16px;
background: url("../img/line_qr.png") no-repeat center right 0;
background-size: 80px;
}
.inq_txt3{
padding-top: 20px;
font-size: 18px;
line-height: 24px;
}


iframe{
width:100%;
height:1600px;
}





}