@charset "UTF-8";
/* よくあるご質問 */
#question{
	margin: 15px 0 0 0;
}
#question dt{
    display:flex;
    align-items: center;
    background:url(../img/img_q.png) no-repeat left top;
    padding:0 0 0 50px;
    height: 40px;
    cursor:pointer;
    color:#333;
    margin: 30px 0 10px 0;
    transition: all .3s ease-in-out;
    }
#question dt:hover,
#question dt:active{
    color: #368040;
    }
#question dd{
    background-color:#d4d4d4;
    background-image:url(../img/img_a.png);
    background-repeat:no-repeat;
    background-position: 5px 5px;
    padding:15px 10px 15px 55px;
    display:none;
    margin: 0 0 30px 0;
    }

/* クーリングオフ制度 */
#coolig_list{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 20px 10px;
}

#coolig_list th{
	padding:5px;
	text-align: left;
	vertical-align: top;
	color: #333;
	border: 1px solid #cccccc;
	font-weight: bold;
}

#coolig_list td{
	padding:5px;
	border: 1px solid #cccccc;
	width: 500px;
}

#no_cancel{
	margin: 0 0 15px 10px;
}

#no_cancel li{
	margin: 0 0 5px 0;
}
@media screen and (max-width:999px) {
    #coolig_list td{
        width: 400px;
    }
}
@media screen and (max-width:768px) {
    #coolig_list td{
        width: 240px;
    }
}
@media screen and (max-width:599px) {
    #coolig_list td{
        width: 130px;
    }
}

/* クーリングオフのお知らせ */
.coolingoff li{
    margin: 0 0 10px 0;
}

#notice{
    color:#ff0000;
    font-size: 14pt;
}

#notice h3{
    background-image: none;
    padding:0;
}

#sale_cooling{
    margin-left:1.5em;
}
.indent{
   text-indent : -1.5em;
   margin-left : 1.4em;
}