body {
	margin: 0;
	background: url("img/body-bg.png") #ececec;
}

#sp-menu{display: none}
@media screen and (max-width: 600px) {
.header-nav{display: none}
#sp-menu{display:inherit}	
}
header{width: 96%; max-width: 900px; margin: 0 auto; padding: 0 2%; display: flex; flex-wrap: wrap;justify-content: space-between;background-color: #ffffff}
header .logo{flex: 0 0 auto; width: 50%}
header .logo img{width:100%}
header .telbox{flex: 0 0 auto; width: 25%}
header .telno{margin: 10px auto; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-size: 26px; color:#BD0002; font-weight: bold; line-height: 100%}
header .eigyoujikan{margin: 10px auto; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-size: 15px; color:#555555;line-height: 100%}
header .bt-form{margin: 4px auto}
header .bt-form img {width: 100%}
header .mail-link{margin: 4px auto 14px; font-size: 16px; }
header .mail-link a{color:#555555;}

@media screen and (max-width: 600px) {
header{width: 96%; margin: 0 auto; padding: 0 2%; display: block; }
header .logo{width: 80%}
header .telbox{width: 100%}
header .bt-form img {width: 50%}
}

.header-nav {width: 100%; background-color: #b01a1b; padding: 12px 0}
.header-nav .nav-in{width: 100%; max-width: 900px; margin: 0 auto;}
.header-nav .nav-in ul{display: flex; margin: 0; flex-wrap: wrap;justify-content: space-between;list-style-type: none;}
.header-nav .nav-in li{	flex: 0 0 auto; margin-left: -40px; }
.header-nav .nav-in li a{color: #ffffff;text-decoration: none; font-size: 13px}
.header-nav .nav-in li a:hover{color: #ffffff;text-decoration:underline}


main .container{width: 96%; max-width: 900px; margin: 0 auto; padding: 0 2%; background-color: #FFFFFF}
main .container h1{margin: 0;padding: 20px 0; font-size: 26px;line-height: 120%}
main .container p{margin: 0;padding: 20px 0 0 0; font-size: 14px;line-height: 150%}
main .container img.topmainimg{width: 100%}
main .container table{border: none;}
main .container table td{border: none;}


.title-img img{width:  700px}
@media screen and (max-width: 600px) {
	.title-img img{width:  100%}
}

.title-kodawari img{width:  700px}
@media screen and (max-width: 600px) {
	.title-kodawari img{width:  100%}
}


.hinshitsu-yakusoku img{width:  700px}
@media screen and (max-width: 600px) {
.hinshitsu-yakusoku img{width:  96%}
}


/* よくある質問 */
main .bk_question {
    width: 100%;
	max-width: 607px;
    box-sizing: border-box;
    min-height: 35px;
    background-image: url(img/bk_question.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #ffd2cd;
    padding-left: 35px;
    padding-right: 5px;
    padding-top: 7px;
    margin-bottom: 5px;
    color: #cc1704;
}
main .bk_answer {
    /* width: 607px; */
    width: 100%;
	max-width: 607px;
    box-sizing: border-box;
    height: auto;
    background-image: url(images/oldsite/bk_answer.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 7px;
    padding-right: 5px;
    margin-bottom: 5px;
}
/*  ポイント  */
main .bg_title {
    width: 607px;
    width: 100%;
    height: 30px;
    background-image: url(img/bg_title.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 7px;
    margin-bottom: 5px;
}
main .bg_pink {
    width: 607px;
    width: 100%;
    box-sizing: border-box;
    min-height: 35px;
    background-image: url(img/bg_pink.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-right: 5px;
    padding-top: 7px;
    margin-bottom: 5px;
}
/*  完成まで  */
main .bg_pink {
     width: 607px;
    box-sizing: border-box;
    min-height: 35px;
    background-image: url(img/bg_pink.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-right: 5px;
    padding-top: 7px;
    margin-bottom: 5px;
}
footer {width: 100%; background-color: #b01a1b; padding: 12px 0}
footer .foot-in{display: flex;flex-wrap: wrap; justify-content:space-between; width: 100%; max-width: 900px; margin: 0 auto; }
footer .foot-menu{flex: 0 0 auto; width: 30%}
footer .foot-menu ul{list-style-type: none}
footer .foot-menu li{margin: 0 0 6px 0;margin-left: -40px; }
footer .foot-menu li a{color: #ffffff;text-decoration: none; font-size: 13px}
footer .foot-menu li a:hover{color: #ffffff;text-decoration:underline}
footer .foot-company{flex: 0 0 auto; width: 30%}
footer .foot-company img {width: 100%}
footer .foot-company p {color: #ffffff; text-align: right}
footer .foot-company a {margin: 10px auto; color: #ffffff; font-size: 18px; }

.copyright{width: 96%; text-align: center;margin: 20px auto 40px;}

@media screen and (max-width: 600px) {
	footer {width: 96%; padding: 2%}
	footer .foot-in{display: block; width: 100%; margin: 0 auto; }
	footer .foot-menu{width: 100%}
	footer .foot-company{width: 100%;}
	footer .foot-company p{text-align: left}
}