/*タイトル画像*/
#page_title {
    background-image: url(../../images/page_title_bg_contact.jpg);
}

main{
    width: 100%;
}
.read{
    text-align: center;
}
.top_contact_tel{
    margin: 5% auto 0 auto;
    text-align: center;
    display: inline-block;
}
h3{
    margin-top: 60px;
    text-align: center;
}
/*h2調整*/
.case_top_box {
    background-position: center top,4% 83%,96% 83%;
    padding-top: 8.23%;
}
.case_top_box.conf,
.case_top_box.end{
    background-position: center top,4% 83%,96% 83%;
    padding-top: 8.23%;

    
    background-image: url(../../images/flag_left.svg), url(../../images/flag_right.svg);
    background-repeat: no-repeat;
    background-position: 4% 83%,96% 83%;
    background-size: 15% auto,15% auto;
    padding-top: 9.23%;
}
}
.case_h2{
    margin-top: 0;
}

.call_span{
    width: 90%;
    max-width: 230px;
}


div.hissu{
    text-align: center;
    margin: 90px auto 0 auto;
}
div.hissu span{
    width: 80px;
    height: 20px;
    background-color: #C30D23;
    display: inline-block;
}


form{
    width: 90%;
    max-width: 660px;
    margin: 50px auto 0 auto;
    display: block;
}

form dl{
    overflow: hidden;
}
form dl dt {
    float: left;
    width: 23%;
    padding: 10px 5px;
    margin: 0 2% 30px 0;
    background-color: #e6e7e8;
    box-sizing: border-box;
}
form dl dd {
    width: 70%;
    float: right;
    margin-inline-start: 0px;
}
form dl dt.hissu {
    background-color: #C30D23;
    color: #ffffff;
    font-weight: bold;
}
form input{
    width: 100%;
    padding: 10px 15px; 
    margin: 0 0 0px 0;
    font-size: 16px;
    border: 1px solid #000; 
    box-sizing: border-box;
    
}
form textarea{
    width: 100%;
    padding: 3px; 
    border: 1px solid #000; 
    box-sizing: border-box;
    font-size: 14px;
}
form dl{
    margin-block-start: 0em;
    margin-block-end: 0em;
}
form ul{
    padding-inline-start: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
form li{
    list-style: none;
}
form div.errortxt{
    color: #ff0000;
    margin-bottom: 10px;
}

form input[type="radio"],
form input[type="checkbox"] {
    display: none;
}
/*checkbox・radiobutton クラシック型　ul.classic-----------------------------------------*/

.classic li{
    margin: 0 0 10px 0;
}
.classic li input[type="radio"],
.classic li input[type="checkbox"] {
	/* IE8-9 */
	line-height: normal;
}

.classic input[type="radio"] + label,
.classic input[type="checkbox"] + label{
    cursor: pointer;
	max-width: 400px;
	margin: 3px auto;
    border-radius: none;
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 14px;    
    box-shadow: none;
    background: none;
}

.classic input[type="checkbox"] + label span{
	display: block;
	width: 100%;
    background-image:url(../../images/cbox_off.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 0 0 30px;
}
.classic input[type="radio"] + label span{
	display: block;
	width: 100%;
    background-image:url(../../images/cbox_off.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 0 0 30px;
}

.classic input[type="checkbox"]:checked + label span{
    background-image:url(../../images/cbox_on.svg);
}
.classic input[type="radio"]:checked + label span{
    background-image:url(../../images/cbox_on.svg);
}

input:focus,
textarea:focus{
    border: 2px solid #584d38;
    z-index: 10;
    outline: 0;
}



.con_button{
    text-align: center;
    width: 700px;
    margin: auto;
}

.button{
    margin: 20px auto 10px;
    padding: 20px 15px; 
    font-size: 16px;
    font-weight: bold;
    border: none;
    box-sizing: border-box;
    background-color: #fbb600;
    width: 300px;
    background-image: url(../../images/li_yajirusi.svg);
    background-size: 10%;
    background-position: right 10px center;
    background-repeat: no-repeat;
    display: block;
}
.button.back{
    background-color: #e6e7e8;
    background-position: left 10px center;
    background-image: url(../../images/li_yajirusi_left.svg);
    margin: 20px auto 40px;
}


input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}




/*!!!!!!!!!!!!!!確認画面!!!!!!!!!!!!!!!!!!!!!!!!!*/

form.conf dl{
    border-bottom: 1px solid #000000;
}
form.conf dl.end{
    border-bottom: none;
}
form.conf dl dt {
    margin: 5px 2% 5px 0;
}
form.conf dl dd {
    padding: 10px 5px;
    margin: 5px 0 5px 0;
}

.sousin{
    text-align: center;
    overflow: hidden;
    width: 700px;
    margin: 0 auto;
}

.sousin_1{
    float: right;
}

.modoru{
    float: left;
}

.tbl_line{
    width: 100%;
    margin: 0 auto;
    background-color: #acacac;
}


.button2{
    margin: 20px 0 20px;
    padding: 10px 15px; 
    font-size: 16px;
    border-radius: 30px;
    border: 2px solid #d85b35;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 10%;
    width: 200px;
}

.button1{
    margin: 20px 0 20px;
    padding: 10px 15px; 
    font-size: 16px;
    border-radius: 30px;
    border: 2px solid  #12947f;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 10%;
    margin-right: 200px;
    width: 200px;
}




/*!!!!!!!!!!!!!!!!!!!!!!!!!!!完了受付!!!!!!!!!!!!!!!!!!!!!!!*/


.end_text{
    width: 96%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 0 100px;
}

.end_text h2{
    font-size: 25px;
    margin-top: 50px;
}

.end_text p{
    line-height: 1.5em;
}

.top{
    width: 200px;
    padding: 10px;
    background-color: #fff;
    border: 2px solid #d85b35;
    box-sizing: border-box;
    border-radius: 30px;
    text-align: center;
    color: #000;
    margin: 50px auto 0;
}

.top:hover{
    opacity: 0.5;
}

 a{
    text-decoration: none;
}

.top .fas{
   color: #d85b35;
    margin-right: 20px;
}



/* ########### 900以下 ########### */
@media screen and (max-width: 640px) {
    

    p.text_p{
        text-align: left;
        padding: 0 0 20px 0;
    }
    p.text_p br{
        display: none;
    }
    
    .con_button{
        width: 100%;
    }
    .top_contact_tel img{
        width: 100%;
    }
    div.hissu {
        text-align: center;
        margin: 20px auto 0 auto;
    }
    
    form{
        width: 100%;
    }
    form dl dt {
        float: none;
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        font-size: 16px;
    }
    form dl dd {
        float: none;
        width: 100%;
        margin: 20px auto;
    }
    
    /*checkbox・radiobutton クラシック型　ul.classic-----------------------------------------*/

    
    #top_contact{
        display: none;
    }
    
/* !!!!!!!!!!!!!!!!!!!!!入力内容の確認!!!!!!!!!!!!!!!!!!!*/   
   
    
    
    /*!!!!!!!!!!!!!!!!!!!!!!!!!!!完了受付!!!!!!!!!!!!!!!!!!!!!!!*/
    
    .top{
        width: 80%!important;
    }
    
    .end_text{
        width: 95%!important;
        
    }
    
    
    .con_button3{
        padding:20px 0 30px;
        width: 90%;
    }
    
    
    
    
    
}