@charset "utf-8";

@media screen and (max-width: 768px) {
    
body {
	min-width: 0;
}
img {
    height: auto;
    width: 100%;
    max-width: 100%;
}
.pc-only { display: none; }
.sp-only { display: block; }
.inner {
    margin: 0 auto;
    width: 95%;
}

header p {
    width: 70%;
}
#h1Block h1 {
    font-size: 5.5vw;
    line-height: 1.2;
}
#stepBlock {
    background: #fff;
    border-radius: 8px;
    padding: 30px 0 100px;
    width: 100%;
}
#innerStep {
    width: 96%;
}
.stepBox .ttl p {
    font-size: 2.2rem;
}
.stepBox ul li {
    float: none;
    width: 100%;
}
.stepBox ul li:nth-child(2n+1) {
    float: none;
}
.stepBox .label {
    width: 100%;
}
#resultBox ul li {
    float: none;
    width: 100%;
}
#resultBox ul li div {
    width: 90%;
}
#resultBox #soudan i {
    padding: 8px 24px;
}
#bannerBlock ul {
    width: 95%;
}
#bannerBlock ul li {
    float: left;
    padding: 0 0 16px;
    width: 48%;
}
#bannerBlock ul li:nth-child(2n) {
    float: right;
    padding: 0 0 16px;
    width: 48%;
}
/*------------------
footer
------------------------------------------------*/
footer .col02 {
    width: 94%;
}
footer .col02 .fL,
footer .col02 .fR {
    float: none;
}
footer .col02 .fL {
    padding: 0;
    width: 62%;
}
footer .col02 .fR {
    padding: 0 0 20px;
    width: 100%;
}
footer .col02 .fR ul {
    width: 100%;
}
footer .col02 .fR ul li {
    padding: 2px 0 22px;
}
footer .col02 .fR ul li a {
    font-size: 1.3rem;
}

#pageTop {
    width: 63px;
}


@media screen and (max-width: 580px) {
}
@media screen and (max-width: 380px) {
}