@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP:wght@300;400;500;700;900&family=Roboto:ital,wght@0,300;0,500;0,700;0,900;1,500;1,700&display=swap');
/*
#container{ padding: 215.39px 0 0 0; position: relative; }
#container header{ position: absolute; left: 0px; top: 0px; width: 100%; }
*/
#container header{ position: relative; height: 215.39px; }
#globalnav{ display: block; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; margin:0 0 0 0; width: 100%; position: absolute; left: 0; top:157px; background:rgba(0, 0, 0, 0.8); }
#globalnav ul{ display: table; width: 1200px; margin: 0 auto 0; border-left: 1px solid #FFF; letter-spacing: -.4em; }
#globalnav ul li{ display:table-cell; width:calc(100%/8); box-sizing: border-box; margin: 0 auto 0; border-right: 1px solid #FFF; letter-spacing: 1px; }
#globalnav ul li:nth-of-type(1){ width: 8%; }
#globalnav ul li:nth-of-type(2){ width: 11%; }
#globalnav ul li:nth-of-type(3){ width: 11%; }
#globalnav ul li:nth-of-type(4){ width: 14%; }
#globalnav ul li:nth-of-type(5){ width: auto; }
#globalnav ul li:nth-of-type(6){ width: 14%; }
#globalnav ul li:nth-of-type(7){ width: 11%; }
#globalnav ul li:nth-of-type(8){ width: 13%; }
#globalnav ul li a{ display:block; color: #FFF; text-align: center; font-size:18px; text-decoration: none; padding:13.5px 0 13.5px; font-weight: 700; }
#globalnav ul li span{ display:block; color: #999; background: rgba(255, 255, 255, 0.4); text-align: center; font-size: 22px; text-decoration: none; padding:11px 0 10px; font-weight: 700;  }
#globalnav ul li a:hover{ background: #f5ea2b; color: #000; }
#container header.floatingsp{ position: static; }

@media screen and (min-width: 768px) and (max-width: 1229px){
  #globalnav ul{ display: block; width: 100%; margin: 0 auto 0; border-left: 1px solid #FFF; letter-spacing: -.4em; }
}
@media screen and (max-width: 767px){
  #container{ position: relative; padding:70px 0 0 0;overflow-x: hidden; }
  #container header{ position: absolute; left: 0; top: 0; width: 100%; height: 70px; background: #020202; }
  #container header.floatingsp{ position: fixed; top: 0; left: 0; z-index: 5000;}
  #globalnav{ display: none; }
  nav.menu .menu_body ol { margin: 0 auto 10px; }
}

/*///////////////////////////////////////////////////////////////////////////////////////
////////  LP  //////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////*/

section {font-family: 'Noto Sans JP', sans-serif; }
.dsp_no {display: none;}

#yellow_bar {background-color: #fff000;}
#yellow_bar .in {font-size: 24px;font-weight: 700; color: #000;text-align: center;width: 100%;height: 60px;display:flex;justify-content: center;align-items: center;}

#sec01 {width: 100%;height: 630px; background-color: #000;background-image: url("../img/sec01_bk.png");background-size: 1440px auto;background-repeat: no-repeat;background-position: center top;}
#sec02 {width: 100%;height: 1500px; background-color: #000;background-image: url("../img/sec02_bk.jpg");background-size: 1440px auto;background-repeat: no-repeat;background-position: center top;}
#sec03 {width: 100%;height: 3500px; background-color: #000;background-image: url("../img/sec03_bk.jpg");background-size: 1440px auto;background-repeat: no-repeat;background-position: center top;}
#sec03 .in {width: 1000px;margin: 0 auto 0;position: relative;box-sizing: border-box;padding: 172px 0 0;}
#sec03 .in .ico_question {position: absolute;width: 112px;height: auto;left: 30px;top:100px;}
#sec03 .in .tit_how_to_play {width:502px;margin: 0 auto 40px;}
#sec03 .in .col3 {width: 100%;display: flex;justify-content: space-between;margin-bottom: 52px;}
#sec03 .in .col3 .col {}
#sec03 .in .col3 .col:first-child {margin-left: -10px;}
#sec03 .in .col3 .col:last-child{margin-right: -16px;}
#sec03 .in .col3 .col .ph {margin-bottom: 16px;}
#sec03 .in .col3 .col .ph img {}
#sec03 .in .col3 .col .tit {text-align: center;margin-bottom: 16px;}
#sec03 .in .col3 .col .tit img {}
#sec03 .in .col3 .col .txt {font-size: 18px;font-weight: 500;color: #FFF;text-align: center;line-height: 1.8;}
#sec03 .in .img_reference_question {width: 100%;margin: 0 auto 120px;}
#sec03 .in .tit_play_format {width:522px;margin: 0 auto 40px;}
#sec03 .in .col3 .col .tit2 {font-size: 22px;font-weight: 500;color: #FFF;text-align: center;line-height: 1.8;}
#sec03 .in .col3 .col .txt2 {font-size: 20px;font-weight: 500;color: #FFF;text-align: center;line-height: 1.8;}
#sec03 .in .tit_hints_ansewer {width: 587px;margin: 0 auto 40px;position: relative;}
#sec03 .in .btn {max-width: 800px;margin: 0 auto 130px;}
#sec03 .in .sec03_point_bk {width: 1000px;height: 1000px;background-image: url("../img/sec03_point_bk.png");background-repeat: no-repeat;background-size: 1000px auto;background-position: center top;box-sizing: border-box;padding: 128px 0 0;}
#sec03 .in .sec03_point_bk .txt_hiyounamono {text-align: center;margin: 0 auto 40px}
#sec03 .in .sec03_point_bk p {font-size: 18px;text-align: center;line-height: 1.8;margin: 0 auto 120px;}
#sec03 .in .sec03_point_bk .txt_event {text-align: center;margin: 0 auto 40px}
#sec03 .in .sec03_point_bk .txt_event img {}
#sec03 .in .sec03_point_bk ul {padding: 0 0 0 104px;}
#sec03 .in .sec03_point_bk ul li {position: relative;padding-left: 1.5em;font-size: 16px;line-height: 1.8;margin-bottom: 1em;}
#sec03 .in .sec03_point_bk ul li:before {content: '◆';position: absolute;left: 0;top:0;}

	.pc {display: block}
	.sp {display: none}

@media screen and (max-width: 767px){
	.pc {display: none}
	.sp {display: block}
	#yellow_bar {display: none;}
	#sec01 {width: 100%;height:auto;aspect-ratio: 75 / 69; background-color: #000;background-image: url("../img/sec01_bk_sp.jpg");background-size: 100% auto;background-repeat: no-repeat;background-position: center top;}
	#sec02 {width: 100%;height: auto;aspect-ratio: 75 / 255;background-color: #000;background-image: url("../img/sec02_bk_sp.jpg");background-size: 100% auto;background-repeat: no-repeat;background-position: center top;}
	#sec03 {width: 100%;height: auto;aspect-ratio: 750 / 5600;background-color: #000;background-image: url("../img/sec03_bk_sp.jpg");background-size: 100% auto;background-repeat: no-repeat;background-position: center top;}
	#sec03 .in {width: 100%;margin: 0 auto 0;position: relative;box-sizing: border-box;padding: 35% 0 0;}
	#sec03 .in:before {position: absolute;width: 68%;height: auto;aspect-ratio: 525 / 546;content: '';background-image: url("../img/ico_sec03.png");background-size: 100% auto; right: -10%;top:-5%;}
	#sec03 .in .ico_question {position: absolute;width: 17.867%;height: auto;left: 16%;top:1.5%;}
	#sec03 .in .tit_how_to_play {width:90%;margin: 0 auto 5%;}
	#sec03 .in .col3 {width: 90%;margin: 0 auto 6%;display: block;}
	#sec03 .in .col3 .col {display: flex;justify-content: space-between;align-items: center;margin-bottom: 5%;}
	#sec03 .in .col3 .col:first-child {margin-left: 0px;}
	#sec03 .in .col3 .col:last-child{margin-right: 0px;}
	#sec03 .in .col3 .col .ph {margin-bottom: 0;width: 38%;}
	#sec03 .in .col3 .col .txt_area {width: 59%;}
	#sec03 .in .col3 .col .tit {text-align: left;display: block;margin-bottom: 2%;}
	#sec03 .in .col3 .col .tit img {width: 30%;}
	#sec03 .in .col3 .col .txt {font-size: 3.2vw;font-weight: 500;color: #FFF;text-align:left;line-height: 1.8;}
	#sec03 .in .img_reference_question {width: 90%;margin: 0 auto 15%;}
	#sec03 .in .tit_play_format {width:90%;margin: 0 auto 5%;}
	#sec03 .in .col3.fo {display: flex;flex-wrap: wrap;margin-bottom: 15%;}
	#sec03 .in .col3.fo .col {width: 33%;display: block;}
	#sec03 .in .col3.fo .col .ph {width: 100%;}
	#sec03 .in .col3 .col .tit2 {font-size: 4vw;font-weight: 500;color: #FFF;text-align: center;line-height: 1.8;}
	#sec03 .in .col3 .col .txt2 {font-size: 3.8vw;font-weight: 500;color: #FFF;text-align: center;line-height: 1.8;}
	#sec03 .in .tit_hints_ansewer {width: 74%;margin: 0 auto 10%;}
	#sec03 .in .btn {display: block; width: 90%;height: auto;aspect-ratio: 134 / 32;margin: 0 auto 15%;position: relative;}
	#sec03 .in .btn:after {content: '';display: block;clear: both;}
	#sec03 .in .btn img {width: 100%;height: auto;}
	#sec03 .in .sec03_point_bk {width: 90%;height: auto;margin: 0 auto 0;aspect-ratio: 134 / 330;background-image: url("../img/sec03_point_bk_sp.png");background-repeat: no-repeat;background-size: 100% auto;background-position: center top;box-sizing: border-box;padding: 16% 0 0;}
	#sec03 .in .sec03_point_bk .txt_hiyounamono {text-align: center;margin: 0 auto 5%;}
	#sec03 .in .sec03_point_bk .txt_hiyounamono img {width: 21%;}
	#sec03 .in .sec03_point_bk p {font-size: 3.2vw;text-align: center;line-height: 1.8;margin: 0 auto 15%;}
	#sec03 .in .sec03_point_bk .txt_event {text-align: center;margin: 0 auto 5%}
	#sec03 .in .sec03_point_bk .txt_event img {width: 60%;}
	#sec03 .in .sec03_point_bk ul {padding: 0 10% 0 10%;}
	#sec03 .in .sec03_point_bk ul li {position: relative;padding-left: 1.5em;font-size: 3.2vw;line-height: 1.6;margin-bottom: 0.5em;}
	#sec03 .in .sec03_point_bk ul li:before {content: '◆';position: absolute;left: 0;top:0;}
}



/*///////////////////////////////////////////////////////////////////////////////////////
////////  ANSWER  ///////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////*/
#answer_content{position: relative;background-image: url("../img/answer_bk.jpg");background-size: 1440px auto;background-position: center top;background-repeat: no-repeat; background-color: #000;}
.answer {width: 1000px;margin: 0 auto 0;position: relative;padding: 144px 0 144px;}
.answer .ico_question {position: absolute;width: 112px;height: auto;left: 30px;top:80px;}
.answer .tit_answer {width:370px;margin: 0 auto 36px;}
.answer .tit_answer img {}
.answer .ico_ans {width: 426px;margin: 0 auto 36px;}
.answer .ico_ans img {}
.answer .input_area {}
.answer .input_area input {width: 80%;margin: 0 10% 64px 10%;text-align: center;line-height: 1;}
.answer .input_area input::placeholder {color: #ccc;text-align: center;vertical-align: middle;}
.answer .input_area .btn_submit {width: 560px;margin: 0 auto 0;}
.answer .input_area .btn_submit img {}
.hints {width: 1000px;margin: 0 auto 0;padding: 0;}
.hints .tit_hints {width: 320px;margin: 0 auto 40px;}
.hints .tit_hints img {}
.hints .qestion_tit {width: 100%;box-sizing: border-box;padding-bottom:20px;margin-bottom: 32px; border-bottom: solid 2px #FFF;}
.hints .qestion_tit img {}
.hints .col01 {width: 100%;max-width: 1000px;margin: 0 auto 46px;}	
.hints .col02 {width: 100%;max-width: 1000px;margin: 0 auto 26px;display: flex;flex-wrap: wrap; justify-content: space-between;}		
.hints .col03 {width: 100%;max-width: 1000px;margin: 0 auto 26px;display: flex;flex-wrap: wrap; justify-content: space-between;}	
.hints .col01 + .col03 {margin-top: -26px;}		
.acc_area {width: 100%;margin-bottom: 20px;}
.hints .col02 .acc_area {width: 49%;margin-bottom: 20px;}
.hints .col03 .acc_area {width: 32%;margin-bottom: 20px;}
.acc_area .btn_acc {width: 100%;box-sizing: border-box;padding:16px;background-color: #FFF;font-size: 18px;font-weight: 700;line-height: 1.556; text-align: center;cursor: pointer;position: relative;}
.acc_area .btn_acc::before,.acc_area .btn_acc::after {content: "";position: absolute;right: 20px;top: 0;bottom: 0;margin: auto 0;background-color: #000;width: 20px;height: 4px;transition: all 0.3s;}
.acc_area .btn_acc::after {transform: rotate(90deg);}
.acc_area .btn_acc.active::after {transform: rotate(180deg);}
.acc_area .content_acc {display: none;width: 100%;box-sizing: border-box;padding:16px;background-color: #FFF;font-size: 18px;font-weight: 700;line-height: 1.556; text-align: center;}
.acc_area .content_acc.line1 {line-height: 3.1;}
.acc_area .btn_acc span {margin: 0;padding: 0;display: inline-block;}
.acc_area .btn_acc span img {margin-bottom: 0.2em;margin-right: 0.15em; vertical-align: middle;}
.acc_area .content_acc .num_2k_s {margin: 0;padding: 0;display: inline-block;}
.acc_area .content_acc .num_2k_s img {margin-bottom: 0.2em;margin-right: 0.15em;margin-left: 0.15em;vertical-align: middle;}


@media screen and (max-width: 767px){
	#answer_content{position: relative;background-image: url("../img/answer_bk_sp.jpg");background-size: 100% auto;background-position: center top;background-repeat: no-repeat; background-color: #000;padding-top: 29%;}
	.answer {width: 90%;margin: 0 auto 0;position: relative;padding: 10% 0 70px;}
	.answer .ico_question {position: absolute;width: 20%;height: auto;left: 10%;top:-16%;}
	.answer .tit_answer {width:76%;margin: 0 auto 10%;}
	.answer .ico_ans {width: 100%;margin: 0 auto 5%;}
	.answer .input_area {}
	.answer .input_area input {width: 100%;margin: 0 auto 8%;padding: 5px;}
	.answer .input_area input::placeholder {color: #ccc;text-align: center;}
	.answer .input_area .btn_submit {width: 100%;margin: 0 auto 0;}
	.hints {width: 90%;margin: 0 auto 0;padding: 0;}
	.hints .tit_hints {width: 64.3%;margin: 0 auto 5%;}

	.hints .qestion_tit {width: 100%;box-sizing: border-box;padding-bottom:3%;margin-bottom: 4%; border-bottom: solid 2px #FFF;}
	.hints .qestion_tit.txt_q01 img {width:11%;height: auto;}
	.hints .qestion_tit.txt_q01_02 img {width:68%;height: auto;}
	.hints .qestion_tit.txt_q02 img {width:11%;height: auto;}
	.hints .qestion_tit.txt_q02_02 img {width:68%;height: auto;}
	.hints .qestion_tit.txt_q03 img {width:11%;height: auto;}
	.hints .qestion_tit.txt_q_end img {width:26.7%;height: auto;}
	.hints .qestion_tit.txt_q_end_02 img {width:68%;height: auto;}
	.hints .col01 {width: 100%;max-width: 1000px;margin: 0 auto 46px;}	
	.hints .col02 {width: 100%;max-width: 1000px;margin: 0 auto 0;display:block;}		
	.hints .col03 {width: 100%;max-width: 1000px;margin: 0 auto 26px;display: block;}	
	.hints .col01 + .col03 {margin-top: -26px;}		
	.acc_area {width: 100%;margin-bottom: 20px;}
	.hints .col02 .acc_area {width: 100%;margin-bottom: 20px;}
	.hints .col03 .acc_area {width: 100%;margin-bottom: 20px;}
	.acc_area .btn_acc {width: 100%;box-sizing: border-box;padding:5%;background-color: #FFF;font-size: 3.6vw;font-weight: 700;line-height: 1.6; text-align: center;cursor: pointer;position: relative;}
	.acc_area .btn_acc::before,.acc_area .btn_acc::after {content: "";position: absolute;right: 20px;top: 0;bottom: 0;margin: auto 0;background-color: #000;width: 20px;height: 4px;transition: all 0.3s;}
	.acc_area .btn_acc::after {transform: rotate(90deg);}
	.acc_area .btn_acc.active::after {transform: rotate(180deg);}
	.acc_area .content_acc {display: none;width: 100%;box-sizing: border-box;padding:3% 5% 5%;background-color: #FFF;font-size: 3.6vw;font-weight: 700;line-height: 1.6; text-align: center;}
	.acc_area .content_acc .txt_sato {width: 37.8%;height: auto;}
.acc_area .btn_acc span {margin: 0;padding: 0;display: inline-block;}
.acc_area .btn_acc span img {width: 4.0vw;height:auto;margin-bottom: 0.2em;margin-right: 0.15em; vertical-align: middle;}
.acc_area .content_acc .num_2k_s {margin: 0;padding: 0;display: inline-block;}
.acc_area .content_acc .num_2k_s img {width: 4.0vw;height:auto; margin-bottom: 0.2em;margin-right: 0.15em;margin-left: 0.15em;vertical-align: middle;}
}



/*///////////////////////////////////////////////////////////////////////////////////////
////////  発見  /////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////*/
#congraturations {width: 100%;background-color: #000;background-image: url("../img/congraturations_bk.jpg");background-size: 1440 auto;background-repeat: no-repeat;background-position: center top;}
#congraturations .in {width: 1000px;margin: 0 auto 0;box-sizing: border-box;padding: 1070px 0 163px;}
#congraturations .in .input_area {}
#congraturations .in .input_area input {width: 80%;margin: 0 10% 20px 10%;text-align: center;}
#congraturations .in .input_area input::placeholder {color: #ccc;}
#congraturations .in .input_area .btn_submit {width: 560px;margin: 56px auto 0;}
#congraturations .in .input_area .btn_submit img {}


@media screen and (max-width: 767px){
	#congraturations {width: 100%;background-color: #000;background-image: url("../img/congraturations_bk_sp.jpg");background-size: 100% auto;background-repeat: no-repeat;background-position: center top;}
	#congraturations .in {width: 90%;margin: 0 auto 0;box-sizing: border-box;padding: 210% 0 20%;}
	#congraturations .in .input_area {}
	#congraturations .in .input_area input {width: 100%;box-sizing: border-box; margin: 0 auto 4%;text-align: center;padding: 5px;}
	#congraturations .in .input_area input::placeholder {color: #ccc;}
	#congraturations .in .input_area .btn_submit {width: 100%;margin: 5% auto 0;}
	#congraturations .in .input_area .btn_submit img {}
}


/*///////////////////////////////////////////////////////////////////////////////////////
////////  失敗  /////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////*/
#fail {width: 100%;background-color: #000;background-image: url("../img/fail_bk.jpg");background-size: 1440 auto;background-repeat: no-repeat;background-position: center top;}
#fail .in {width: 1000px;margin: 0 auto 0;box-sizing: border-box;padding: 645px 0 173px;}
#fail .in .btn_back {width: 560px;margin: 0 auto 0;}
#fail .in .btn_back img {}

@media screen and (max-width: 767px){
	#fail {width: 100%;background-color: #000;background-image: url("../img/fail_bk_sp.jpg");background-size: 100% auto;background-repeat: no-repeat;background-position: center top;}
	#fail .in {width: 90%;margin: 0 auto 0;box-sizing: border-box;padding: 145% 0 20%;}
	#fail .in .btn_back {width: 100%;margin: 0 auto 0;}
	#fail .in .btn_back img {}
}