@charset "utf-8";

@media screen and (max-width:675px){
	.super-wrapper{width:100%;}
	.top-image-wrapper {width: 100%;}
	.top-image-wrapper .sp-image{width:100%;}
	.top-image-wrapper .pc-image{display:none;}
	.top-image-wrapper a{font-size:3vw;margin-left:74.5%;font-family:'MarugameHonmaruGothic-R';text-decoration: none;}

	.second-top-image-wrapper {width: 90%; padding:20px 10px;margin:10px auto;}
	.second-top-image-wrapper img{width:100%;}

	.rentalways-wrapper {width:90%; margin:15px auto;text-align:center;}
	.question {display:inline-block;width:80%;border-radius: 20px;background-color:#676767;padding:5px;margin:10px 0;}
	.question h2{font-size:15px;color:#fff;margin:0;}
	.illustration {margin:10px 0;}
	.illustration img {width:100%;}
	.result {font-size:25px;color:#FF7777;}

	.rentalways-wrapper {width:90%;}
	.code {font-size:18px;color:#929292;}
	.example {margin:10px 0;}
	.example-text {font-size:18px;color:#A791B8;margin:0;}
	.description {font-size:14px;color:#929292;}
	.description-small {font-size:12px;color:#929292;margin-bottom: 0.5em;}
	.rental-button {display:inline-block;border-radius:30px;background-color:#A791B8;padding:15px 50px;text-decoration: none;}
	.rental-button p{font-size:18px;color:#fff;margin:0;}
	.line-register-image {width: 90%;margin:15px auto;}
	.line-register-image img {width:100%;}
	.line-register-image a{font-size:3vw;margin-left:70%;font-family:'MarugameHonmaruGothic-R';text-decoration: none;}
	.background-image {background-image: url(../img/sp_footer.png);height:400px;width:100%;background-position:center;background-size:cover;}

	.qa {width: 100%}
	dl {text-align: left; color: #929292;}
	dt .que {font-size: 25px; color: #a791b8; line-height: 1.2;}
	dd .ans {font-size: 25px; color: #ffa0a0; font-weight: bold; line-height: 1.2;}
	.qa_point {border-radius: 10px;border: 2px #a791b8 solid;width: 100%;margin: auto;padding: 6px;display: inline-block;}
	.point {line-height: 1.7;width: 40px;font-size: 25px;height: 40px;border-radius: 50px;color:#fff;background: #a791b8;float: left;margin: 20px 7px 0 2px;}
	.text {text-align:left;color: #a791b8;font-size: 14px;width: 80%;float: left;display: inline-block;}
	.text span {vertical-align: middle;}
}

@media screen and (min-width:676px){
	.super-wrapper{min-width:676px;max-width:1000px;margin:0 auto;}
	.top-image-wrapper {width: 100%;}
	.top-image-wrapper img{width:100%;}
	.top-image-wrapper .sp-image{display:none;}
	.top-image-wrapper .pc-image{width:100%;}
	.top-image-wrapper a{font-size:2.2vw;margin-left:70%;color:#5461ff91;font-family:'MarugameHonmaruGothic-R';text-decoration: none;}

	.second-top-image-wrapper {width:60%; padding:20px 10px;margin:10px auto;}
	.second-top-image-wrapper img{width:100%;}

	.rentalways-wrapper {width:90%; margin:30px auto;text-align:center;}
	.question {display:inline-block;width:60%;border-radius: 20px;background-color:#676767;padding:10px;margin:10px 0;}
	.question h2{font-size:24px;color:#fff;margin:0;}
	.illustration {margin:10px 0;}
	.illustration img {width:80%;}
	.result {font-size:38px;color:#FF7777;}

	.rentalways-wrapper {width:90%;}
	.code {font-size:24px;color:#929292;}
	.example {margin:10px 0;}
	.example-text {font-size:24px;color:#A791B8;margin:0;}
	.description {font-size:20px;color:#929292;margin:20px 0 10px;}
	.description br{display:none;}
	.description-small {font-size:16px;color:#929292;}
	.rental-button {display:inline-block;border-radius:30px;background-color:#A791B8;padding:15px 50px;text-decoration: none!important;}
	.rental-button p{font-size:20px;color:#fff;margin:0;}
	.line-register-image {width:80%;display: inline-block;margin:20px auto;}
	.line-register-image img {width:100%;float:left;}
	.line-register-image a{font-size: 20px;margin-left: 75%;color:#5461ff91;font-family:'MarugameHonmaruGothic-R';text-decoration: none;float:left;}
	.background-image {background-image: url(../img/PC_footer.png);height:700px;width:100%;background-position:center;background-size:cover;margin-top:10%;}
	.footer {display:flex;}
	.footer div{flex-basis:100%;}

	dl {text-align: left; color: #929292;}
	dt .que {font-size: 25px; color: #a791b8; line-height: 1.2;}
	dd .ans {font-size: 25px; color: #ffa0a0; font-weight: bold; line-height: 1.2;}
	.qa_point {border-radius: 10px;border: 2px #a791b8 solid;width: 90%;margin: auto;padding: 6px;display: inline-block;}
	.point {line-height: 1.7;width: 45px;font-size: 25px;height: 45px;border-radius: 50px;color:#fff;background: #a791b8;float: left;margin: 3px 8px;}
	.text {text-align:left;color: #a791b8;font-size: 14px;width: 89%; float: left;display: inline-block;}
	.text span {vertical-align: middle;}
}

@media screen and (max-width: 991.98px) {
    .footer-logo {
        width: 100%;
    }
}