@charset "utf-8";

.question .en_font{
/*font-family: 'Montserrat';*/
font-weight: 500;
}


.question .contents_in{
max-width: 980px;
margin: 0 auto;
}

.question_contents{
position: relative;
overflow: hidden;
}

.question_contents section{
position: absolute;
width: 100%;
top: 0;
left: 0;
}

h1.h1_ttl{
text-align: center;
font-size: 30px;
letter-spacing: -0.02em;
font-weight: 400;
margin: 0 0 14px;
}

h1.h1_ttl img{
width: 20.5px;
margin: 0 8px 0 10px;
}

.question .btn_ptn01{
max-width: 350px;
width: 100%;
margin: 0 auto 40px;
}

.question .btn_ptn01 a{
cursor: pointer;
display: block;
width: 100%;
background: #286ABC;
text-align: center;
padding: 18px 0;
font-weight: 700;
font-size: 20px;
color: #fff;
position: relative;
}

.question .btn_ptn01 a::before{
content: "";
display: block;
width: 18px;
height: 18px;
background: url(../img/arrow_right02.png) no-repeat center center;
background-size: 100% auto;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
}

.question section.off{
visibility: hidden;
opacity: 0;
}

.slide_controller2,
.slide_controller {
margin: 20px 0 0;
display: flex;
justify-content: center;
align-items: center;
}

.question .slide_controller2 .slide_prev2,
.question .slide_controller .slide_prev {
width: 13px;
height: 22px;
margin-right: 10px;
background: url(../img/parts_slider_arrow_left_pc.png) left top no-repeat;
background-size: 13px auto;
cursor: pointer;
padding: 0 !important;
line-height: 0;
}

.question .slide_controller2 .slide_next2,
.question .slide_controller .slide_next {
width: 13px;
height: 22px;
margin-left: 10px;
background: url(../img/parts_slider_arrow_right_pc.png) left top no-repeat;
background-size: 13px auto;
cursor: pointer;
padding: 0 !important;
line-height: 0;
}

.slide_dots2,
.slide_dots {
letter-spacing: -0.4em;
line-height: 11px;
}

.slide_dots2 li ,
.slide_dots li {
width: 11px;
height: 11px;
margin: 0 8px;
letter-spacing: normal;
display: inline-block;
cursor: pointer;
position: relative;
vertical-align: top;
}

.slide_dots2 li::before ,
.slide_dots li::before {
content: "";
width: 11px;
height: 11px;
border-radius: 50%;
background-color: #7B7B7B;
display: block;
}

.slide_dots2 li.slick-active ,
.slide_dots li.slick-active {
cursor: default;
}

.slide_dots2 li.slick-active::before,
.slide_dots2 li:hover::before ,
.slide_dots li.slick-active::before,
.slide_dots li:hover::before {
background-color: #286ABC;
}

.slide_dots2 li button,
.slide_dots li button{
font-size: 0;
width: 0;
height: 0;
background: rgba(0,0,0,0);
border: none;
}



/* -------------------------------------------------- */

#question_top{
padding: 30px 0 0;
}

#question_top p{
font-weight: 400;
font-size: 20px;
line-height: 30px;
text-align: center;
margin: 0 0 61px;
}

#question_top p span{
/*font-family: Montserrat;*/
}

/* #question_top .pic{
max-width: 520px;
width: 100%;
margin: 0 auto 40px;
}

#question_top .pic img{
width: 100%;
}

#question_top .pic .sp{
display: none;
} */

#question_top .pic_box{
position: relative;
max-width: 526px;
width: 100%;
height: 428px;
margin: 0 auto 40px;
}

#question_top .pic_box img{
display: block;
}

#question_top .pic_box .sp{
display: none;
}

#question_top .pic_box .woman{
width: 135px;
margin: 0 auto;
padding: 8px 0 0;
}

#question_top .pic_box .car{
position: absolute;
width: 154px;
}

#question_top .pic_box .nbox{
top: 0;
left: 0;
}

#question_top .pic_box .nwgn{
top: 0;
right: 0;
}

#question_top .pic_box .none{
bottom: 0;
left: 0;
}

#question_top .pic_box .nvan{
bottom: 0;
right: 0;
}


/* -------------------------------------------------- */

.question_area .h1_ttl{
padding: 25px 0;
position: relative;
margin: 0;
font-size: 18px;
letter-spacing: 0.1em;
}

.question_area .h1_ttl img{
width: 15.6px;
margin: 0 6px;
}

.question_area .h1_ttl::after{
content: "";
display: block;
width: 26px;
height: 30px;
box-sizing: border-box;
border-top: 30px solid #fff;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
}

.question_area .cnt_g{
background: #F6F6F6;
padding: 0 0 110px;
}

.question_area .question_title{
font-size: 32px;
font-weight: 700;
letter-spacing: 0.08em;
text-align: center;
padding: 30px 0 73px;
opacity: 0;
}

.question_area .question_title.flipInX{
opacity: 1;
}

.question_area .question_title .icon{
font-size: 44px;
line-height: 54px;
font-weight: 600;
display: block;
margin: 0 auto 16px;
}

.question_area .question_title .title{
display: block;
}

.question_area ul{
display: flex;
flex-wrap: wrap;
/* justify-content: space-between; */
justify-content: center;
gap: 20px;
align-items: flex-end;
}

.question_area ul li{
max-width: 470px;
width: 100%;
position: relative;
margin: 0 0 30px;
}

.question_area ul li::before{
/* background: #000; */
background: #F6F6F6;
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
right: 0;
z-index: 5;
}

.question_area ul li.active::before{
width: 0;
transition-duration : .4s;
transition-delay : 1.6s;
}

.question_area ul li a{
cursor: pointer;
background: #fff;
display: block;
width: 100%;
height: 166px;
font-size: 20px;
letter-spacing: -0.01em;
line-height: 30px;
font-weight: 400;
display: flex;
align-items: center;
padding: 0 20px 0 188px;
}

.question_area ul li img{
width: 168px;
position: absolute;
bottom: 0;
left: 0;
/* display: none; */
opacity: 0;
}

.question_area ul li img.fadeInUp{
opacity: 1;
}

.question_area ul li img.sp{
display: none;
}

.question_area ul li a::after{
content: "";
display: block;
width: 18px;
height: 18px;
background: url(../img/arrow_right01.png) no-repeat center center;
background-size: contain;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}

.question_area ul li span{
position: relative;
}

.question_area ul li span::before{
background: #fff;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}

.question_area ul li span.active::before{
width: 0;
transition-duration : .6s;
transition-delay : 2.2s;
}

/* -------------------------------------------------- */

#q1 ul li:nth-of-type(1) img{
width: 157px;
left: 7px;
}


#q1 ul li:nth-of-type(2) img{
/*width: 133px;*/
width: 131px;
left: 21.3px;
}

/* -------------------------------------------------- */

#q2 .cnt_g{
padding: 0 0 31px;
}

#q2 ul li:nth-of-type(1) img{
/*width: 171px;*/
width: 168px;
left: 0;
}

#q2 ul li:nth-of-type(2) img{
/*width: 167px;*/
width: 161px;
left: 1.5px;
}

#q2 ul li:nth-of-type(3){
margin: 0 auto 30px;
}

#q2 ul li:nth-of-type(3) img{
width: 157px;
bottom: 10px;
left: 12px;
}

/* -------------------------------------------------- */


#q3 .cnt_g{
padding: 0 0 27px;
}

#q3 ul li:nth-of-type(1) img{
width: 172px;
left: 4px;
}

#q3 ul li:nth-of-type(2) img{
width: 173px;
}

#q3 ul li:nth-of-type(3) img{
width: 155.5px;
left: 5px;
bottom: 5px;
}

#q3 ul li:nth-of-type(4) img{
width: 173px;
}

#q3 ul li:nth-of-type(5) img{
	width: 175px;
	left: 6px;
	bottom: 8px;
	}

/* -------------------------------------------------- */


#q4 .cnt_g{
padding: 0 0 31px;
}

#q4 ul li a{
padding: 0 20px 0 235px;
}

#q4 ul li:nth-of-type(1) img{
width: 175px;
}

#q4 ul li:nth-of-type(2) img{
width: 172px;
left: 9px;
}

#q4 ul li:nth-of-type(3){
margin: 0 auto 30px;
}

#q4 ul li:nth-of-type(3) img{
width: 193px;
left: 7px;
}


/* -------------------------------------------------- */

#q5 .cnt_g{
padding: 0 0 31px;
}

#q5 ul li a{
padding: 0 20px 0 235px;
}

#q5 ul li:nth-of-type(1) img{
width: 209px;
}

#q5 ul li:nth-of-type(2) img{
width: 193px;
left: 7px;
}

#q5 ul li:nth-of-type(3) img{
width: 170px;
left: 5px;
}

/* -------------------------------------------------- */

.answer_area .h1_ttl{
padding: 25px 0;
position: relative;
margin: 0;
font-size: 18px;
letter-spacing: 0.1em;
}

.answer_area .h1_ttl img{
width: 15.6px;
margin: 0 6px;
}

.answer_area .h1_ttl::after{
content: "";
display: block;
width: 26px;
height: 30px;
box-sizing: border-box;
border-top: 30px solid #fff;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
}

.answer_area .cnt_g{
background: #EFEFEF;
padding: 51px 0 0;
overflow: hidden;
}

.answer_area .cnt_box{
display: flex;
align-items: start;
justify-content: space-between;
flex-direction: row-reverse;
margin: 0 auto 41px;
}

.answer_area .cnt_box .cnt_img{
max-width: 476px;
width: 100%;
margin: 13px 0 0;
opacity: 0;
}

.answer_area .cnt_box .cnt_img img{
width: 100%;
}

.answer_area .cnt_box p{
max-width: 459px;
width: 100%;
font-weight: 400;
font-size: 23px;
/* line-height: 50px; */
line-height: 49px;
position: relative;
}

.answer_area .cnt_box p::before{
content: "";
display: block;
background: #000;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}

.answer_area .cnt_box p.active::before{
width: 0;
transition-delay: .8s;
transition-duration: .5s;
}

.answer_area .cnt_box .font_bold{
font-weight: 700;
}

.answer_area .cnt_box .small_font01{
font-size: 22px;
}

.answer_area .cnt_box .small_font02{
font-size: 25px;
}

.answer_area .cnt_box .small_font03{
font-size: 26px;
}

.answer_area .cnt_box .big_font01{
font-size: 40px;
}

.answer_area .cnt_box .car_name{
/*font-family: Montserrat;*/
display: inline-block;
font-size: 45px;
line-height: 55px;
font-weight: 500;
margin: 0 22px 0 0;
vertical-align: middle;
line-height: 1;
}

.answer_area .cnt_box .txt-center{
	display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.answer_area .visual_box{
max-width: 600px;
width: 100%;
margin: 0 auto 30px;
display: flex;
align-items: start;
flex-wrap: wrap;
}

.answer_area .visual_box img{
width: 100%;
}

.answer_area .visual_box .car_pic{
max-width: 406px;
width: 100%;
margin: 36px -143px 0 0;
opacity: 0;
}

.answer_area .visual_box .illust_pic{
max-width: 296px;
width: 100%;
opacity: 0;
position: relative;
z-index: 1;
}

.answer_area .btn_ptn01{
margin: 0 auto 26px;
}

.answer_area .btn_ptn01.btn_2col{
    margin: 0 auto 26px;
    display: flex;
    gap: 0 30px;
    max-width: 730px;
}

.answer_area .btn_ptn01 .car_name{
font-weight: 400;
}

.answer_area .return_btn{
text-align: center;
font-weight: 700;
font-size: 14px;
line-height: 16px;
margin: 0 0 100px;
}

.answer_area .return_btn a{
cursor: pointer;
}

.answer_area .return_btn a::before{
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url(../img/arrow_return.png) no-repeat center center;
background-size: 100% auto;
margin: 0 4px 0 0;
vertical-align: top;
}

.answer_area .attention_box{
font-weight: 400;
font-size: 11px;
line-height: 22px;
padding: 0 0 50px;
}

.answer_area .attention_box li::before{
content: "■";
display: inline-block;
font-size: 14px;
vertical-align: top;
}




/* -------------------------------------------------- */

#a1 .cnt_g{
background: #D2E0E6;
}

#a1 .visual_box{
max-width: 584px;
}

#a1 .visual_box .car_pic{
max-width: 406px;
width: 100%;
margin: 33px -140px 0 0;
}

#a1 .visual_box .illust_pic{
max-width: 317px;
width: 100%;
}

#a1 .cnt_box p::before{
background: #D2E0E6;
}

/* -------------------------------------------------- */

#a2 .cnt_g{
background: #A9C1D0;
}

#a2 .cnt_box{
align-items: center;
margin: 0 auto 56px;
}

#a2 .visual_box{
max-width: 548px;
margin: 0 auto 34px;
}

#a2 .visual_box .car_pic{
max-width: 407px;
margin: 30px -94px 0 0;
}

#a2 .visual_box .illust_pic{
max-width: 233px;
}

#a2 .cnt_box p::before{
background: #A9C1D0;
}

/* -------------------------------------------------- */

#a3 .cnt_g{
background: #D2E0E6;
}

#a3 .cnt_box{
align-items: center;
margin: 0 auto 57px;
}

#a3 .visual_box{
max-width: 530px;
margin: 0 auto 19px;
}

#a3 .visual_box .car_pic{
max-width: 407px;
margin: 31px -118px 0 0;
}

#a3 .visual_box .illust_pic{
max-width: 240.5px;
}

#a3 .cnt_box p::before{
background: #D2E0E6;
}

/* -------------------------------------------------- */

#a4 .cnt_g{
background: #A9C1D0;
}

#a4 .cnt_box{
align-items: center;
margin: 0 auto 55px;
}

#a4 .visual_box{
max-width: 548px;
margin: 0 auto 21px;
}

#a4 .visual_box .car_pic{
max-width: 407px;
margin: 32px -130px 0 0;
}

#a4 .visual_box .illust_pic{
max-width: 270px;
}

#a4 .cnt_box p::before{
background: #A9C1D0;
}

/* -------------------------------------------------- */

#a5 .cnt_g{
background: #D2E0E6;
}

#a5 .cnt_box{
align-items: center;
margin: 0 auto 17px;
}

#a5 .cnt_box p{
padding: 0 0 42px;
}


#a5 .cnt_box .small_font01{
line-height: 38px;
display: inline-block;
}

#a5 .visual_box{
max-width: 552px;
margin: 0 auto 39px;
}

#a5 .visual_box .car_pic{
max-width: 407px;
margin: 30px -132px 0 0;
}

#a5 .visual_box .illust_pic{
max-width: 276.6px;
}

#a5 .cnt_box p::before{
background: #D2E0E6;
}

/* -------------------------------------------------- */

#a6 .cnt_g{
background: #EFE29F;
}

#a6 .cnt_box{
align-items: center;
margin: 0 auto 56px;
}

#a6 .visual_box{
max-width: 778px;
display: block;
position: relative;
aspect-ratio: 778 / 344;
height: 100%;
}

#a6 .visual_box .car_pic{
position: absolute;
max-width: 100%;
margin: 0;
top: 1%;
left: 1%;
width: 75.6%;
}

#a6 .visual_box .illust_pic{
width: 55%;
position: absolute;
right: 3%;
max-width: 100%;
top: 4.1%;
margin: 0;
}

#a6 .return_btn{
margin: 0;
padding: 0 0 50px;
}

#a6 .cnt_box p::before{
background: #EFE29F;
}

/* -------------------------------------------------- */

#a7 .cnt_g{
background: #EFE29F;
}

#a7 .cnt_box{
align-items: center;
margin: 0 auto 52px;
}


#a7 .visual_box{
max-width: 642px;
display: block;
position: relative;
aspect-ratio: 642 / 300;
height: 100%;
margin: 0 auto 44px;
}

#a7 .visual_box .car_pic{
position: absolute;
max-width: 100%;
margin: 0;
top: 1.7%;
left: 3px;
width: 91.2%;
}

#a7 .visual_box .illust_pic{
width: 34.5%;
position: absolute;
right: 12px;
max-width: 100%;
top: 0;
margin: 0;
}

#a7 .cnt_box p::before{
background: #EFE29F;
}

/* -------------------------------------------------- */

#a8 .cnt_g{
background: #EB9B9B;
}

#a8 .cnt_box{
align-items: center;
margin: 0 auto 39px;
}

#a8 .visual_box{
max-width: 566px;
margin: 0 auto 44px;
flex-direction: row-reverse;
}

#a8 .visual_box .car_pic{
max-width: 382px;
margin: 73px 0 0 -38px;
position: relative;
z-index: 2;
}

#a8 .visual_box .illust_pic{
max-width: 222px;
}

#a8 .return_btn{
margin: 0;
padding: 0 0 50px;
}

#a8 .cnt_box p::before{
background: #EB9B9B;
}

/* -------------------------------------------------- */

#a9 .cnt_g{
background: #EB9B9B;
}

#a9 .cnt_box{
align-items: center;
margin: 0 10px 48.25px;
}

#a9 .visual_box{
max-width: 606px;
display: block;
position: relative;
aspect-ratio: 606 / 363;
height: 100%;
}

#a9 .visual_box .car_pic{
position: absolute;
max-width: 100%;
margin: 0;
width: 86.5%;
left: 0;
top: 28.4%;
}

#a9 .visual_box .illust_pic{
width: 29%;
position: absolute;
right: 0;
max-width: 100%;
top: 0;
margin: 0;
}

#a9 .return_btn{
margin: 0;
padding: 0 0 50px;
}

#a9 .cnt_box p::before{
background: #EB9B9B;
}

/* -------------------------------------------------- */

#a10 .cnt_g{
background: #c5f3ff;
}

#a10 .cnt_box{
align-items: center;
margin: 0 auto 55px;
}

#a10 .visual_box{
max-width: 662px;
display: block;
position: relative;
aspect-ratio: 662 / 322;
height: 100%;
}

#a10 .visual_box .car_pic{
position: absolute;
max-width: 100%;
margin: 0;
top: 6%;
left: 0;
width: 62.8%;
}

#a10 .visual_box .illust_pic{
width: 56.9%;
position: absolute;
right: 3.5%;
max-width: 100%;
top: 0;
margin: 0;
}

#a10 .cnt_box p::before{
background: #c5f3ff;
}

/* -------------------------------------------------- */

#a11 .cnt_g{
background: #c5f3ff;
}

#a11 .cnt_box{
align-items: center;
margin: 0 auto 55px;
}

#a11 .visual_box{
max-width: 670px;
display: block;
position: relative;
aspect-ratio: 640 / 330;
height: 100%;
}

#a11 .visual_box .car_pic{
position: absolute;
max-width: 100%;
margin: 0;
top: 0;
left: 0;
width: 62%;
}

#a11 .visual_box .illust_pic{
width: 66%;
position: absolute;
right: 6%;
max-width: 100%;
top: 0px;
margin: -4% 0 0 0;
}

#a11 .cnt_box p::before{
background: #c5f3ff;
}

/* -------------------------------------------------- */

#a12 .cnt_g{
background: #c5f3ff;
}

#a12 .cnt_box{
align-items: center;
margin: 0 auto 55px;
}

#a12 .visual_box{
max-width: 537px;
display: block;
position: relative;
aspect-ratio: 537 / 318;
height: 100%;
}

#a12 .visual_box .car_pic{
position: absolute;
max-width: 100%;
margin: 0;
top: 10%;
left: 3%;
width: 68.1%;
}

#a12 .visual_box .illust_pic{
width: 48%;
position: absolute;
right: 5%;
max-width: 100%;
top: 0px;
margin: 0;
}

#a12 .cnt_box p::before{
background: #c5f3ff;
}


@media screen and (max-width: 767px) {

h1.h1_ttl{
font-size: 23.75px;
margin: 0 0 17px;
}

h1.h1_ttl img{
width: 18.2px;
margin: 0 5px 0 7.5px;
}

.question .btn_ptn01{
margin: 0 auto 42.5px;
width: calc(100% - 12px - 12px);
}

.question .btn_ptn01 a{
font-size: 15px;
padding: 15.5px 0 17.25px;
}

.question .btn_ptn01 a::before{
width: 15px;
height: 15px;
right: 13px;
}

.question .slide_controller .slide_prev{
width: 10.25px;
height: 19.75px;
background-image: url(../img/parts_slider_arrow_left_sp.png);
background-size: 10.25px auto;
}

.question .slide_controller .slide_next{
width: 10.25px;
height: 19.75px;
background-image: url(../img/parts_slider_arrow_right_sp.png);
background-size: 10.25px auto;
}


/* -------------------------------------------------- */

#question_top{
padding: 49px 0 0;
}

#question_top h1{
letter-spacing: normal;
}

#question_top p{
font-size: 13.75px;
line-height: 25.5px;
margin: 0 0 18.25px;
}

#question_top .pic_box{
max-width: none;
width: calc(100% - 17.25px - 17.25px);
margin: 0 17.25px 47.5px;
height: auto;
padding: 0 0 6.5px;
}

#question_top .pic_box .pc{
display: none;
}

#question_top .pic_box .sp{
display: block;
}

#question_top .pic_box .woman{
max-width: 371px;
width: 32.66%;
position: relative;
z-index: 1;
margin: 0 0 0 29.8%;
padding: 0;
}

#question_top .pic_box .car{
max-width: 400px;
width: 35.03%;
}

#question_top .pic_box .nbox{
top: 5.98%;
}

#question_top .pic_box .nwgn{
top: 5.98%;
right: 5px;
}


#question_top .pic_box .nvan{
right: 5px;
}





/* -------------------------------------------------- */

.question_area .h1_ttl{
font-size: 15.75px;
padding: 25px 0 27.5px;
}

.question_area .h1_ttl img{
width: 13.12px;
margin: 0 5px 0 6.5px;
}

.question_area .h1_ttl::after{
width: 18px;
height: 15px;
border-top-width: 15px;
border-right-width: 9px;
border-left-width: 9px;
bottom: -14px;
}

.question_area .cnt_g{
padding: 0 0 21px;
}

.question_area .cnt_g .contents_in{
margin: 0 10px;
}

.question_area .question_title{
max-width: 229px;
width: 100%;
margin: 0 auto;
padding: 42px 0 54.5px;
font-size: 18px;
letter-spacing: 0.06em;
line-height: 21.5px;
text-align: left;
display: flex;
align-items: start;
}

.question_area .question_title .icon{
font-size: 39.75px;
line-height: 48.5px;
margin: 0 13px 0 0;
}

.question_area .question_title .title{
margin: 7px 0 0;
}

.question_area ul{
display: block;
}

.question_area ul li{
margin: 0 auto 30px;
}

.question_area ul li a{
height: 120px;
font-size: 16px;
line-height: 22px;
padding: 0 5px 0 133px;
/* padding: 0 5px 0 44.34%; */
}

.question_area ul li img{
/* width: 40.67%; */
width: 122px;
}

.question_area ul li img.pc{
display: none;
}

.question_area ul li img.sp{
display: block;
}

.question_area ul li a::after{
width: 16px;
height: 16px;
right: 11.5px;
}

/* -------------------------------------------------- */

#q1 ul li:nth-of-type(1) img{
width: 113.5px;
left: 5.5px;
}

#q1 ul li:nth-of-type(2) img{
width: 96.5px;
left: 14px;
}

/* -------------------------------------------------- */

#q2 ul li:nth-of-type(1) img{
/* width: 40%; */
width: 125px;
left: 0;
}

#q2 ul li:nth-of-type(2) img{
/* width: 33.94%;
left: 6.25%; */
width: 121.5px;
left: 0;
}

#q2 ul li:nth-of-type(3) img{
/* width: 33.94%;
left: 6.25%; */
width: 118px;
left: 0;
bottom: 5px;
}

/* -------------------------------------------------- */


#q3 ul li:nth-of-type(1) img{
width: 125.2px;
left: 0;
}

#q3 ul li:nth-of-type(2) img{
width: 125.2px;
bottom: -0.5px;
}

#q3 ul li:nth-of-type(3) img{
width: 112.5px;
left: 3.75px;
bottom: 3.75px;
}

#q3 ul li:nth-of-type(4) img{
width: 125.2px;
}

#q3 ul li:nth-of-type(5) img{
	width: 126px;
	left: 3px;
	bottom: 5px;
}


/* -------------------------------------------------- */

#q4 .cnt_g{
padding: 0 0 21px;
}

#q4 ul li a{
padding: 0 5px 0 133px;
}

#q4 ul li:nth-of-type(1) img{
width: 126.5px;
left: 0;
}

#q4 ul li:nth-of-type(2) img{
width: 125px;
left: 0;
}

#q4 ul li:nth-of-type(3) img{
width: 124.2px;
bottom: 0;
left: 0;
}


/* -------------------------------------------------- */

#q5 .cnt_g{
padding: 0 0 21px;
}

#q5 ul li a {
padding: 0 5px 0 133px;
}

#q5 ul li:nth-of-type(1) img{
width: 132px;
bottom: 3px;
}

#q5 ul li:nth-of-type(2) img{
width: 124.2px;
bottom: 0;
left: 0;
}

#q5 ul li:nth-of-type(3) img{
width: 122px;
left: 3px;
}

/* -------------------------------------------------- */

.answer_area .h1_ttl{
font-size: 15.75px;
padding: 25px 0 27.5px;
}

.answer_area .h1_ttl img{
width: 13.12px;
margin: 0 5px 0 6.5px;
}

.answer_area .h1_ttl::after{
width: 18px;
height: 15px;
border-top-width: 15px;
border-right-width: 9px;
border-left-width: 9px;
bottom: -14px;
}

.answer_area .cnt_g{
padding: 36px 0 0;
}

.answer_area .cnt_box{
display: block;
margin: 0 10px 38.75px;
}

.answer_area .cnt_box p{
text-align: center;
font-size: 16px;
line-height: 33.75px;
margin: 0 auto;
}

.answer_area .cnt_box .small_font01,.answer_area .cnt_box .small_font02,.answer_area .cnt_box .small_font03,.answer_area .cnt_box .small_font04{
font-size: 13.75px;
line-height: 1.7;
display: inline-block;
}

.answer_area .cnt_box .big_font01{
font-size: 23.75px;
letter-spacing: -0.002em;
}

.answer_area .cnt_box .car_name{
width: 100%;
font-size: 30.25px;
line-height: 36.75px;
margin: 0;
}

.answer_area .cnt_box .cnt_img{
margin: 19px auto 0;
}

.answer_area .btn_ptn01{
margin: 0 auto 18.85px;
}

.answer_area .btn_ptn01.btn_2col{
    /* margin: 0 auto 26px; */
    display: block;
    /* gap: 0 30px; */
    max-width: 350px;
}

.answer_area .btn_ptn01.btn_2col a:first-child{
    margin-bottom: 12px;
}


.answer_area .btn_ptn01 .car_name{
font-weight: 500;
}

.answer_area .return_btn{
font-size: 13.75px;
margin: 0 auto 30px;
}

.answer_area .return_btn a::before{
margin: 0 4.25px 0 0;
}

.answer_area .attention_box{
max-width: 350px;
width: calc(100% - 12px - 12px);
margin: 0 auto;
font-size: 11px;
line-height: 18px;
padding: 0 0 16px;
}

.answer_area .attention_box li{
margin: 0 0 17.25px 1.3em;
/* margin: 0 0 5 1.3em; */
text-indent: -0.7em;
}


/* -------------------------------------------------- */

#a1 .visual_box{
justify-content: center;
padding: 0 9.25px 0 5.5px;
}

#a1 .visual_box .car_pic{
max-width: 222px;
margin: 16.5px -90.75px 0 0;
}

#a1 .visual_box .illust_pic{
max-width: 171.25px;
}


/* -------------------------------------------------- */

#a2 .cnt_box{
margin: 0 10px 44.25px;
}

#a2 .visual_box{
justify-content: center;
padding: 0 11.25px 0 7.5px;
margin: 0 auto 25px;
}

#a2 .visual_box .car_pic{
max-width: 224px;
margin: 14.5px -53px 0 0;
}

#a2 .visual_box .illust_pic{
max-width: 130px;
}

/* -------------------------------------------------- */

#a3 .cnt_box{
margin: 0 10px 51px;
}

#a3 .visual_box{
justify-content: center;
padding: 0 15.25px 0 5.75px;
margin: 0 auto 22px;
}

#a3 .visual_box .car_pic{
max-width: 222px;
margin: 19px -51px 0 0;
}

#a3 .visual_box .illust_pic{
max-width: 126.5px;
}

/* -------------------------------------------------- */

#a4 .cnt_box{
margin: 0 10px 48.25px;
}

#a4 .visual_box{
margin: 0 auto 23px;
justify-content: center;
padding: 0 12px 0 7px;
}

#a4 .visual_box .car_pic{
max-width: 223.75px;
margin: 10.5px -67.75px 0 0;
}

#a4 .visual_box .illust_pic{
max-width: 144.7px;
}

/* -------------------------------------------------- */

#a5 .cnt_box{
margin: 0 10px 38.25px;
}

#a5 .cnt_box p{
padding: 0;
}

#a5 .cnt_box .small_font01{
line-height: 25px;
}

#a5 .visual_box{
margin: 0 auto 34.5px;
justify-content: center;
padding: 0 12px 0 5.75px;
}

#a5 .visual_box .car_pic{
max-width: 221px;
margin: 19.7px -76.25px 0 0;
}

#a5 .visual_box .illust_pic{
max-width: 156.7px;
}


/* -------------------------------------------------- */

#a6 .visual_box{
max-width: 350px;
}

#a6 .cnt_box{
margin: 0 10px 38.75px;
}

/* #a6 .cnt_box{
margin: 0 10px 30px;
}

#a6 .cnt_box .cnt_img{
margin: 27.5px auto 0;
}

#a6 .visual_box{
justify-content: center;
padding: 0 2.32px 0 0px;
margin: 0 auto 17.25px;
}

#a6 .visual_box .car_pic{
max-width: 255px;
margin: 39.75px -167px 0 -6.5px;
}

#a6 .visual_box .illust_pic{
max-width: 235px;
margin: ;
} */

/* -------------------------------------------------- */

/* #a7 .cnt_box{
margin: 0 10px 47.75px;
}

#a7 .visual_box{
justify-content: center;
padding: 0 12px 0 0;
margin: 0 0 27.5px 0;
}

#a7 .visual_box .car_pic{
max-width: 255.75px;
margin: 1.75px -64.25px 0 -6.5px;
}

#a7 .visual_box .illust_pic{
max-width: 123px;
margin: 0px 0 0;
} */

/* -------------------------------------------------- */

#a8 .cnt_box{
margin: 0 10px 49.25px;
}

#a8 .cnt_box .cnt_img{
margin: 27.5px auto 0;
}

#a8 .visual_box{
justify-content: center;
padding: 0 15.25px 0 15.25px;
margin: 0 auto 30.5px;
}

#a8 .visual_box .car_pic{
max-width: 197.5px;
margin: 38px 0 0 -20.5px;
}

#a8 .visual_box .illust_pic{
max-width: 112.5px;
}

#a8 .return_btn{
padding: 0 0 30px;
}

/* -------------------------------------------------- */

    
#a9 .visual_box{
    margin-top: 8%;
	max-width: 350px;
}

/* #a9 .cnt_box{
margin: 0 10px 37.75px;
}

#a9 .visual_box{
margin: 0 auto 14px;
justify-content: center;
padding: 0 38px 0 39.75px;
}

#a9 .visual_box .car_pic{
max-width: 198.75px;
margin: 53.75px -48.5px 0 0;
}

#a9 .visual_box .illust_pic{
max-width: 91.2px;
}

#a9 .return_btn{
padding: 0 0 30px;
} */

/* -------------------------------------------------- */

#a10 .cnt_box{
margin: 0 10px 37.75px;
}

#a10 .visual_box{
margin: 0 auto 14px;
justify-content: center;
max-width: 350px;
/* padding: 0 38px 0 39.75px; */
}

#a10 .return_btn{
padding: 0 0 30px;
}

#a11 .cnt_box{
	max-width: 350px;
/* margin: 0 10px 37.75px; */
}

#a11 .visual_box{
margin: 0 auto 14px;
justify-content: center;
padding: 0 38px 0 39.75px;
}

#a11 .return_btn{
padding: 0 0 30px;
}

#a12 .cnt_box{
margin: 0 10px 37.75px;
}

#a12 .visual_box{
margin: 0 auto 14px;
justify-content: center;
max-width: 350px;
/* padding: 0 38px 0 39.75px; */
}

#a12 .return_btn{
padding: 0 0 30px;
}



}




/*============================
#question
============================*/

/* #question_top .question_box * {
    transition: all 1s;
} */

#question_top .question_box{
	position: relative;
	max-width: 858px;
	height: 527px;
	margin: 0 auto 45px;
}

#question_top .question_box .center{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 150px;
	height: auto;
	transform: translate(-50%, -30%);
    /* transform: translate(-50%, -50%); */
    opacity: 0;
	z-index: 2;

    transition: all 1s;
}

#question_top .question_box .center img{
	width: 100%;
	height: auto;
}

#question_top .question_box .car_img{
	position: absolute;
	width: 140px;
	height: auto;
}

#question_top .question_box .car_img img{
	width: 100%;
	height: auto;
}


#question_top .question_box .left1 {
    top: 0; left: 17%;
    transform: translateX(-20%);
    opacity: 0;
    transition: all 1s 0.1s;
}
#question_top .question_box .left2 {
	top: 47.5%;
	left: 0;
	transform: translateY(-50%) translateX(-20%);
    opacity: 0;
    transition: all 1s 0.3s;
	position: absolute;
}
#question_top .question_box .left3 {
    bottom: 0; left: 15%;
    transform: translateX(-20%);
    opacity: 0;
    transition: all 1s 0.5s;
}

#question_top .question_box .right1 {
    top: 0; right: 17.5%;
    transform: translateX(20%);
    opacity: 0;
    transition: all 1s 0.2s;
}
#question_top .question_box .right2 {
	top: 49%;
	right: 0;
	/* transform: translateY(-50%); */
    transform: translateY(-50%) translateX(20%);
    opacity: 0;
    transition: all 1s 0.4s;
	position: absolute;
}
#question_top .question_box .right3 {
    bottom: 0; right: 15%;
    transform: translateX(20%);
    opacity: 0;
    transition: all 1s 0.6s;
}

@media screen and (max-width: 750px) {

	#question_top .c_question{
		padding: 70px 0 0;
	}

	#question_top .question_box {
		width: 92.5%;
		max-width: 480px;
		height: auto;
		position: relative;
		margin: 0 auto 45px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#question_top .question_box .left-column,
	#question_top .question_box .right-column {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 20px;
	}

	#question_top .question_box .center {
		width: 33%;
		height: auto;
		position: absolute;
		top: 50%;
		left: 47%;
		z-index: 2;
	}

	#question_top .question_box .car_img {
		width: 50%;
		height: auto;
		position: relative;
	}

	#question_top .question_box .left1,
	#question_top .question_box .left2,
	#question_top .question_box .left3,
	#question_top .question_box .right1,
	#question_top .question_box .right2,
	#question_top .question_box .right3 {
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: none;
	}

	#question_top .question_box .left1,
	#question_top .question_box .left2,
	#question_top .question_box .left3 {
		align-self: flex-start;
	}

	#question_top .question_box .right1,
	#question_top .question_box .right2,
	#question_top .question_box .right3 {
		align-self: flex-end;
	}
}


/*============================
#question animated
============================*/



#question_top .question_box.is-fade .center{
    transform: translate(-62%, -50%);
    opacity: 1;
}

@media screen and (max-width: 750px) {
    #question_top .question_box.is-fade .center{
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

#question_top .question_box.is-fade .left1 {
    transform: translateX(0%);
    opacity: 1;
}
#question_top .question_box.is-fade .left2 {
	transform: translateY(-50%) translateX(0%);
    opacity: 1;
}

@media screen and (max-width: 750px) {
    #question_top .question_box.is-fade .left2 {
        transform: translateY(0%) translateX(0%);
    }
}


#question_top .question_box.is-fade .left3 {
    transform: translateX(0%);
    opacity: 1;
}

#question_top .question_box.is-fade .right1 {
    transform: translateX(-20%);
    opacity: 1;
}
@media screen and (max-width: 750px) {
    #question_top .question_box.is-fade .right1 {
        transform: translateX(0%);
    }
}


#question_top .question_box.is-fade .right2 {
    transform: translateY(-50%) translateX(-20%);
    opacity: 1;
}
@media screen and (max-width: 750px) {
    #question_top .question_box.is-fade .right2 {
        transform: translateY(0%) translateX(0%);
    }
}

#question_top .question_box.is-fade .right3 {
    transform: translateX(-20%);
    opacity: 1;
}

@media screen and (max-width: 750px) {
    #question_top .question_box.is-fade .right3 {
        transform: translateX(0%);
    }
}