@charset "UTF-8";
/* CSS Document */




.back_yellow{ background: #fff100;}

.back_tourism_main{ background-image: url("../images/main.png"),url("../images/back/tourism.jpg"); background-repeat: no-repeat,no-repeat}
.back_pink{ background-image: url("../images/back/pink_dot.png");}

.tourism_lead{ text-align: center;}
.tourism_lead>p,
.tourism_lead>h1{ line-height: 1em; color: transparent;}
.tourism_lead>p:nth-child(1){}
.tourism_lead>h1{ margin: 0;}
.tourism_lead>p:nth-child(3){ margin: 0;}
@media (min-width: 768px) {
.back_tourism_main{ background-size: 1000px auto,cover; background-position: center 80px,center;}
.back_pink{ background-size: 20px auto;}

.tourism_lead>p:nth-child(1){ font-size: 28px; padding: 55px 0 0; margin: 0 0 480px;}
.tourism_lead>h1{ font-size: 56px;}
.tourism_lead>p:nth-child(3){ font-size: 25px; padding: 20px 0 10px;}
}
@media (max-width: 767.98px) {
.back_tourism_main{ background-size: 110% auto,cover; background-position: center 10px,center; padding: 0; margin: 0; -webkit-mask: none;}
.back_pink{ background-size: 10px auto;}


.tourism_lead{ margin: 0 -10px; padding: 10px 0 0;}

.tourism_lead>p:nth-child(1){ font-size: 3vw; padding: 5vw 0 0; margin: 0 0 52vw;}
.tourism_lead>h1{ font-size: 7vw;}
.tourism_lead>p:nth-child(3){ font-size: 3vw; padding: 2vw 0 6vw;}

}



.talk_lead{}
.talk_lead>h2{ color: white; font-weight: bold; margin: 0 0 .5em;}
.talk_lead>p{ font-weight: bold;}
@media (min-width: 768px) {
.talk_lead{ text-align: center;}
.talk_lead>h2{ font-size: 46px;}
.talk_lead>p{ line-height: 2em;}
}
@media (max-width: 767.98px) {
.talk_lead{}
.talk_lead>h2{ font-size: 24px; text-align: center;}
.talk_lead>p{ line-height: 1.8em; text-align: center;}
}
@media (max-width: 339.98px) {
.talk_lead>p{ font-size: 10px;}
}








.swiper-button-next,
.swiper-button-prev{ background-size: contain; transition: .3s;}
.swiper-button-prev{ transform: rotate(180deg); transform-origin: center;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{ right: 0;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{ left: 0;}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{ bottom: 0;}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{ opacity: 0;}

#news_slide .swiper-button-next,
#news_slide .swiper-button-prev,
#news_slide .swiper-button-next,
#news_slide .swiper-button-prev{ background-image: url("../../common/images/arrow/slide_circle.svg");}
#news_slide .swiper-pagination-bullet{ opacity: 1; border: 2px solid black; background-color: transparent;}
#news_slide .swiper-pagination-bullet-active{ background-color: black;}
#news_slide .swiper-slide{ height: auto;}

@media (min-width: 768px) {
.swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 8px;}
.swiper-button-next,
.swiper-button-prev{ width: 40px; height: 40px;}

#news_slide{ padding: 0 20px 50px 15px; margin: 50px -15px 30px;}
#news_slide .swiper-slide{ width: calc(33.33% - 20px);}
#news_slide .swiper-button-next,
#news_slide .swiper-button-prev{ top: calc(50% - 15px);}
}
@media (max-width: 767.98px) {
.swiper-button-next,
.swiper-button-prev{ width: 36px;}

#news_slide{ padding: 0 20px 30px 15px; margin: 10px -5px 20px;}
#news_slide .swiper-button-next,
#news_slide .swiper-button-prev{ top: calc(50% - 15px);}
}





.back_quiz_01{ background-image: url("../images/quiz.png"), url("../images/back/concentrated_line.svg"), url("../images/back/yellow_dot.png"); background-repeat: no-repeat, no-repeat, repeat;}


.quiz_top_lead{ font-weight: bold; margin: 0; color: transparent;}
.quiz_top_lead>span{ display: block;}
.quiz_top_lead>span:nth-child(1){}
.quiz_top_lead>span:nth-child(2){}
.quiz_top_lead>span:nth-child(3){}
@media (min-width: 768px) {
.back_quiz_01{ background-size: 1300px auto,3000px auto,30px auto; background-position: center top, center -1100px, center;}

.quiz_top_lead{}
.quiz_top_lead>span:nth-child(1){ font-size: 22px; padding: 50px 0 150px 340px;}
.quiz_top_lead>span:nth-child(2){ font-size: 80px; margin-top: 10px; padding: 0 0 0 310px;}
.quiz_top_lead>span:nth-child(3){ font-size: 20px; padding: 0 0 150px 525px;}
}
@media (max-width: 767.98px) {
.back_quiz_01{ background-size: 130% auto,300% auto,30px auto; background-position: center 30px, center -340px, center;}

.quiz_top_lead{ margin: 0 -10px; padding-bottom: 15vw;}
.quiz_top_lead>span:nth-child(1){ font-size: 2vw; padding: 13vw 0 16vw 45vw;}
.quiz_top_lead>span:nth-child(2){ font-size: 8vw; padding: 0 0 0 33vw;}
.quiz_top_lead>span:nth-child(3){ font-size: 2vw; padding: 0 0 0 54vw;}

}




@media (min-width: 768px) {}
@media (min-width: 768px) and (max-width: 1499.98px) {}
@media (min-width: 1500px) {}
@media (max-width: 767.98px) {}






.quiz_list_container{}
.quiz_list_container>.quiz_list{}
.quiz_list_container .swiper-button-next,
.quiz_list_container .swiper-button-prev,
.quiz_list_container .swiper-button-next,
.quiz_list_container .swiper-button-prev{ background-image: url("../../common/images/arrow/slide_circle.svg");}
.quiz_list_container .swiper-pagination-bullet{ opacity: 1; border: 2px solid black; background-color: transparent;}
.quiz_list_container .swiper-pagination-bullet-active{ background-color: black;}
.quiz_list_container .swiper-slide{ height: auto;}
.quiz_list_container .swiper-slide img{ max-width: none; width: 100%; height: auto;}
.quiz_list_container div.swiper-slide{ opacity: .75;}
@media (min-width: 768px) {
.quiz_list_container .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 8px;}
.quiz_list_container .swiper-button-next,
.quiz_list_container .swiper-button-prev{ width: 40px; height: 40px;}

.quiz_list_container{ padding: 0 20px 50px 15px; margin: 50px -15px 30px;}
.quiz_list_container .swiper-slide{ width: calc(33.33% - 20px);}
.quiz_list_container .swiper-button-next,
.quiz_list_container .swiper-button-prev{ top: calc(50% - 15px);}
}
@media (max-width: 767.98px) {
.quiz_list_container .swiper-button-next,
.quiz_list_container .swiper-button-prev{ width: 36px;}

.quiz_list_container{ padding: 0 15px 30px 15px; margin: 10px -10px 20px;}
.quiz_list_container .swiper-slide{ width: calc(50% - 10px);}

.quiz_list_container .swiper-button-next,
.quiz_list_container .swiper-button-prev{ top: calc(50% - 15px);}
}










.talk_link{ display: flex; justify-content: center; flex-wrap: wrap;}
.talk_link>*{}
@media (min-width: 768px) {
.talk_back{ background: url("../images/back/deco01.png") no-repeat center 170px / 1280px auto; margin: -15px;}
.talk_link>*{ width: calc(33.33% - 30px); margin: 15px;}
}
@media (max-width: 767.98px) {
.talk_link{ margin: -5px;}
.talk_link>*{ width: calc(50% - 10px); margin: 5px;}

}









#talk_slide{}
#talk_slide>.quiz_list{}
#talk_slide .swiper-button-next,
#talk_slide .swiper-button-prev,
#talk_slide .swiper-button-next,
#talk_slide .swiper-button-prev{ background-image: url("../../common/images/arrow/slide_circle.svg");}
#talk_slide .swiper-pagination-bullet{ opacity: 1; border: 2px solid black; background-color: transparent;}
#talk_slide .swiper-pagination-bullet-active{ background-color: black;}
#talk_slide .swiper-slide{ height: auto;}
#talk_slide .swiper-slide img{ max-width: none; width: 100%; height: auto;}
#talk_slide div.swiper-slide{ opacity: .75;}
@media (min-width: 768px) {
#talk_slide .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 8px;}
#talk_slide .swiper-button-next,
#talk_slide .swiper-button-prev{ width: 40px; height: 40px;}

#talk_slide{ padding: 0 20px 50px 15px; margin: 50px -15px 30px;}
#talk_slide .swiper-slide{ width: calc(33.33% - 20px);}
#talk_slide .swiper-button-next,
#talk_slide .swiper-button-prev{ top: calc(50% - 15px);}
}
@media (max-width: 767.98px) {
#talk_slide .swiper-button-next,
#talk_slide .swiper-button-prev{ width: 36px;}

#talk_slide{ padding: 0 15px 30px 15px; margin: 10px -10px 20px;}
#talk_slide .swiper-slide{ width: calc(50% - 10px);}

#talk_slide .swiper-button-next,
#talk_slide .swiper-button-prev{ top: calc(50% - 15px);}
}










@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}








@media (min-width: 768px) {}
@media (max-width: 767.98px) {}