@charset "UTF-8";
/* -----------お問い合わせ**************************************/
.bt_faq{width:785px;
    margin-bottom:30px;}
.tell_area{
    background: #ECC81E;
    position:relative;
    margin:0 auto;
    padding:20px 0
}
.tell_ill{width:230px;
	position:absolute;
	left:0;
	bottom:0;}
.tell_box{
    width:470px;
    padding-left:267px;
}
.bt_faq img,
.tell_ill img,
.tell_box img{width:100%}

/* -----------faq**************************************/
.faq_titl{
    background:#FF9533;
    padding:15px 0 10px;
    text-align:center;
    margin-bottom:20px;
}
.faq_titl h2{
    font-size:26px;
    letter-spacing:0.1em;
    text-align:center;
    margin-bottom:8px;
    font-weight:bold;
}
.faq_titl div{
    display:inline-block;
    padding-right:30px;
    font-size:18px;
}
.faq_titl div a{color:#000;}
.faq_titl div:after{
    content: url("../image/inquiry/arrow.png") ;
  padding: 0 5px ;
  width: 22px;
  height: 22px;
  position: relative;
    top: 4px;
}
h3{font-size:23px;}
.faq_block{margin-bottom:40px;}
/* ----- パネル -----  */
#panel .box_dt {
  background-color: #fff;
  cursor: pointer;
  padding: 10px 10px 10px 50px;
  font-weight: bold;
  margin-top:20px;
    border-radius:10px 8px 0px 0px ;
    font-size:16px;
    background: url(../image/faq/i_q.png) no-repeat 10px 10px;
}
#panel .box_dd {
  margin: 0px;
  padding: 10px 10px 10px 50px;
    border-radius:0px 0px 8px 8px ;
    background: url(../image/faq/i_a.png) no-repeat 10px 10px #FFFFC5;
}

.faq_box{
    box-shadow:2px 2px 0px 4px #FF9533;
    border-radius:8px;
}



/* --------------------------レスポンシブ  -----------------------------*/
@media only screen and (max-width: 640px) {
img{width:100%;}
.bt_faq{width:100%;
    margin:0 auto 20px;}
.tell_area{
    background: #ECC81E;
    position:relative;
    margin:0 auto;
    padding:10px 0 10%;
}
.tell_ill{width:30%;
	position:absolute;
	left:0;
	bottom:0;}
.tell_box{
    width:70%;
    padding-left:30%;
}







}