@charset "UTF-8";
.blinking{
	-webkit-animation:blink 1.5s infinite;
    -moz-animation:blink 1.5s infinite;
    animation:blink 1.5s infinite;}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}}
img {
	width:100%;
	height:auto;
}
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
a,
a:link,
a:visited,
a:hover,
a:active{
	color:#000;
	text-decoration: none;
	cursor: pointer;
}
/* .wrapper{
	max-width: 75rem;
	width: 100%;
	margin: 0 auto;
} */

/* FV */
h1 {
	width: 75rem;
}
.head_logo{
	width: 10rem;
    padding: 2rem 0;
}
.caution {
	padding: 2rem;
	background-image: linear-gradient(90deg, rgba(143, 0, 22, 1), rgba(128, 0, 49, 1) 38%, rgba(255, 44, 62, 1) 81%, rgba(192, 77, 0, 1));
}
.mv {
	padding-top: 3rem;
	background: url(../img/fv_bg.webp) no-repeat center top;
	background-size: cover;
	height: 131.4rem;
	z-index: 2;
}
.fv_img01, .fv_img02, .fv_img03, .fv_img04, .fv_sarani, .fv_present,.mv > p {
	position: absolute;
}
.fv_img01 {
	width: 72rem;
    top: 4rem;
    left: 2rem;
}
.fv_img02 {
	width: 56rem;
    top: 39.8rem;
    left: 10.3rem;
}
.fv_img03 {
    width: 31.7rem;
    top: 76rem;
    left: 22rem;
}
.fv_img04 {
	width: 49.6rem;
    top: 90.8rem;
    left: 12.1rem;
}
.fv_sarani {
	width: 15rem;
    top: 122rem;
    left: 30.5rem;
	z-index: 2;
}
.fv_present {
	top: 85rem;
    left: 0.3rem;
}
.intro_txt {
	width: 63rem;
}
.mv > p {
    top: 120rem;
    left: 24.5rem;
}
.sv {
	padding-top: 3rem;
	background: url(../img/sv_bg.webp) no-repeat center top;
	background-size: cover;
	height: 121rem;
	margin-top: -9rem;
}
.sv_img01, .sv_img02 {
	position: absolute;
}
.sv_img01 {
	width: 68rem;
    top: 13rem;
    left: 3rem;
}
.sv_img02 {
    width: 63rem;
    top: 47rem;
    left: 6rem;
}
/* Question_common */
h2 {
	text-decoration: underline;
    text-underline-offset: 1rem;
    line-height: 1.7;
}
.question {
	width: 32.1rem;	
}
.q_area {
	background-color: beige;
}
.q_num {
	width: 36.5rem;
}
.q1_note, .q2_note {
	position: absolute;
	right: 5rem;
	
}
.q1_note {
    top: 18rem;
}
.q2_note {
	top: 25rem;
}
.flat-rg {
	position: relative;
	display: flex;
	margin: 10% 0 4%;
	font-size: 4rem;
	font-weight: 600;
	margin-bottom: 3rem;
	cursor: pointer;
}
.flat-rg:before {
	content: '';
	background-image: url("../img/img-box.svg");
	display: inline-block;
	background-size: contain;
	width: 4.3rem;
    height: 4.3rem;
	vertical-align: top;
}
.flat-rg2 {
	position: relative;
	background: #fff;
	padding: 0 0 0 2%;
	display: block;
	margin: 6% 0;
}
.flat-rg2:before {
	content: '';
	background-image: url("../img/img-box.svg");
	display: inline-block;
	background-size: contain;
	width: 4.3rem;
    height: 4.3rem;
	vertical-align: top;
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
}
input[type="radio"],input[type="checkbox"] {
	display: none;
}
input[type="radio"]:checked + label:before, input[type="checkbox"]:checked + label:before {
	background-image: url("../img/img-box2.svg");
}




.anc_check{
	width: 90%;
    margin: -1.3% 0 0 2%;
    padding-left: 2rem;
}

/* Q1 */
.q1_img {
	width: 56.5rem;
	
}

/* Q2 */
.q2_img {
	width: 56.5rem;
}

/* Q3 */
.q3_img {
	width: 56.5rem;
}

/* Q4 */
.q4_img {
	width: 56.5rem;
}

/* Last */
#last_area {
	padding-top: 3rem;
	background: url(../img/last_bg.webp) no-repeat center top;
	background-size: cover;
	height: 175.5rem;
}
.last_img01, .last_img02, .last_btn {
	position: absolute;
} 
.last_img01{
	width: 70rem;
	top: 22.4rem;
    left: 3rem;
}
.last_img02{
	width: 67rem;
    bottom: 4.5rem;
    left: 4.6rem;
}
.last_btn{
	top: 54.5rem;
    left: 4rem;
    width: 67rem;
}
#last_area p:nth-of-type(1) {
	color: #ffff95;
    position: absolute;
    top: 132rem;
    left: 9.4rem;
}
#last_area p:nth-of-type(2) {
	position: absolute;
	top: 143.4rem;
    left: 9rem;
    border-bottom: 1px solid #fff;
}

.yureru-j {
    animation: yureru-j 2s infinite;
}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}