@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');


/*

	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/dot_pack_alpha.png");
	background-color: transparent;
	background-size: 20px 49px;

	background-color: transparent;

	border-style: solid;
	border-color: transparent;
	border-width: 1px 0px 1px 0px;

	box-sizing: border-box;

	border-radius: 50px;

	text-align: center;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 0.008em;
	color: #000000;
	font-weight: 400;
	text-decoration: none;

	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;

	position: relative;
	position: absolute;
	z-index: 10000;

	transition-delay: 0s;
	transition-property: all;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;

	border-radius: 50px;


font-family: 'yu-gothic-pr6n', sans-serif;
font-weight: 400;
font-style: normal;



	font-family: 'TazuganeGothicStdN-Heavy';

	font-family: 'TazuganeGothicStdN-XBlack';


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


}

*/


html, body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	-webkit-text-size-adjust: none;
	background-color: #ffffff;
}

body {
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center bottom;
	/*background-image: url("../images/pc_bg01.png");*/
	background-color: #000000;
	background-size: cover;
}

.default_font_family,
body {
/*
	font-family: 'yu-gothic-pr6n', sans-serif;
	font-weight: 400;
*/
	font-family: 'TazuganeGothicStdN-Heavy';
	font-style: normal;
}




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

}




/* ------------------------------------------------------------------------------------------------ Default animation */




.anim_all_trigger {
}

.anim01_init {
	opacity: 0.0 !important;
	transform: translateY(-2.8vh) !important;
	transition: 0.85s;
	transition-duration: 0.85s;
}

.anim01_start {
	opacity: 1.0 !important;
	transform: translateY(0px) !important;
}

.anim02_init {
	opacity: 0.0 !important;
	transform: translateX(2.8vh) !important;
	transition: 0.85s;
	transition-duration: 0.85s;
	filter: blur(10px);
}

.anim02_start {
	opacity: 1.0 !important;
	transform: translateX(0px) !important;
	filter: blur(0px);
}

.anim03_init {
	opacity: 0.0 !important;
	transition: filter 0.85s, opacity 0.85s;
	transition-duration: 0.85s;
	filter: blur(10px);
}

.anim03_start {
	opacity: 1.0 !important;
	filter: blur(0px);
}




.anim_delay0 {
	transition-delay: 0.0s;
}

.anim_delay1 {
	transition-delay: 0.4s;
}

.anim_delay2 {
	transition-delay: 0.8s;
}

.anim_delay3 {
	transition-delay: 1.2s;
}

.anim_delay4 {
	transition-delay: 1.6s;
}

.anim_delay5 {
	transition-delay: 2.0s;
}

.anim_delay6 {
	transition-delay: 2.4s;
}

.anim_delay7 {
	transition-delay: 2.8s;
}

.anim_delay8 {
	transition-delay: 3.2s;
}

.anim_delay9 {
	transition-delay: 3.6s;
}

.anim_delay10 {
	transition-delay: 4.0s;
}

.anim_delay11 {
	transition-delay: 4.4s;
}

.anim_delay12 {
	transition-delay: 4.8s;
}

.anim_delay13 {
	transition-delay: 5.2s;
}

.anim_delay14 {
	transition-delay: 5.6s;
}

.anim_delay15 {
	transition-delay: 6.0s;
}

.anim_delay16 {
	transition-delay: 6.4s;
}

.anim_delay17 {
	transition-delay: 6.8s;
}

.anim_delay18 {
	transition-delay: 7.2s;
}

.anim_delay19 {
	transition-delay: 7.6s;
}

.anim_delay20 {
	transition-delay: 8.0s;
}




/* ------------------------------------------------------------------------------------------------ PC */




body {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	flex-direction: row;
	align-items: stretch;
}




#mpje_logo {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	flex: 1;
}

#mpje_logo #mpje_logo_body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat, repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/singapore/pc_logo02.png"), url("../images/pc_bg01_tile.png");
	background-color: transparent;
	background-size: 694px auto, 666px auto;
	position: sticky;
	top: 0px;
	left: 0px;
}




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

	#mpje_logo #mpje_logo_body {
		background-size: 73.0526% auto, 666px auto;
	}

}




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

	body {
		justify-content: center;
	}

	#mpje_logo {
		background-repeat: repeat;
		background-position: left top;
		background-position: center center;
		background-image: url("../images/pc_bg01_tile.png");
		background-color: transparent;
		background-size: 666px auto;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100vh;
	}

	#mpje_logo #mpje_logo_body {
		display: none;
	}

}




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

	#mpje_logo {
		display: none;
	}

}




/* ------------------------------------------------------------------------------------------------ Main */




#mpje_main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 750px;
	height: auto;
	position: relative;
	background-color: #000000;
}




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

	#mpje_main {
		padding-left: 20px;
		padding-right: 20px;
	}

}




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

	#mpje_main {
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		padding-right: 0px;
	}

}




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

	#mpje_main {
		width: auto;
	}

}




/* ------------------------------------------------------------------------------------------------ Header */




#mpje_main #mpje_header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

#mpje_main .max_width {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

#mpje_main #mpje_header_text1 {
	margin: 0px 0px 0px 0px;
	padding: 46px 35px 23px 35px;
	display: block;
	background-color: #ffffff;
}

#mpje_main #mpje_header_text1 p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
	font-size: 26px;
	line-height: 48px;
	letter-spacing: 0.0em;
	color: #000000;
	text-decoration: none;
	background-repeat: repeat;
	background-position: left top;
	background-image: url("../images/head_image01b_text_bg01_tile.png");
	background-color: transparent;
	background-size: 20px 47px;

	font-family: 'TazuganeGothicStdN-Heavy';
}

#mpje_main #mpje_header_text1 p.text2 {
	margin-top: 10px;
	font-size: 18px;
	line-height: 30px;
	background-image: none;
}

#mpje_main #mpje_header_text1 p .highlight {
	background-repeat: repeat-x;
	background-position: left 72%;
	background-image: url("../images/text_highlight_bg.png");
	background-color: transparent;
	background-size: 100% 40%;
}




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

/*
	#mpje_main #mpje_header_text1 {
		padding: 46px 35px 23px 35px;
	}

	#mpje_main #mpje_header_text1 p {
		font-size: 26px;
		line-height: 48px;
		background-size: 20px 47px;
	}

	#mpje_main #mpje_header_text1 p.text2 {
		margin-top: 10px;
		font-size: 18px;
		line-height: 30px;
	}
*/


	#mpje_main #mpje_header_text1 {
		padding: 6.1333vw 4.6666vw 3.0666vw 4.6666vw;
	}

	#mpje_main #mpje_header_text1 p {
		font-size: 3.4666vw;
		line-height: 6.4vw;
		background-size: 100% 6.4vw;
	}

	#mpje_main #mpje_header_text1 p.text2 {
		margin-top: 1.3333vw;
		font-size: 2.4vw;
		line-height: 4vw;

		font-size: 2.8vw;
		line-height: 4vw;
	}

}




/* ------------------------------------------------------------------------------------------------ Content */






#mpje_main #mpje_container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	background-color: #000000;
}

#mpje_main #mpje_container p {
	margin: 0px 0px 0px 0px;
	padding: 20px 35px 40px 35px;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.0em;
	color: #ffffff;
	font-family: 'TazuganeGothicStdN-Heavy';

	padding: 20px 35px 0px 35px;
}

#mpje_main #mpje_container .warn_box {
	padding: 10px 35px 40px 35px;
}

#mpje_main #mpje_container p.warn {
	padding: 9px 12px 7px 12px;
	color: #e60005;
	border-style: solid;
	border-color: #e60005;
	border-width: 3px;
	box-sizing: border-box;
	background-color: #ffffff;
}




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

	#mpje_main #mpje_container p {
		padding: 0px 4.6666vw 4vw 4.6666vw;
		font-size: 2.1333vw;
		line-height: 3.2vw;

		font-size: 3.1333vw;
		line-height: 4.5vw;
		letter-spacing: .13px;

		padding: 2.6666vw 4.6666vw 5.3333vw 4.6666vw;

		padding: 2.6666vw 4.6666vw 0px 4.6666vw;
	}

	#mpje_main #mpje_container .warn_box {
		padding: 1.3333vw 4.6666vw 5.3333vw 4.6666vw;
	}

	#mpje_main #mpje_container p.warn {
		padding: 1.2vw 1.6vw 0.9333vw 1.6vw;
		border-width: 3px;
	}

}




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

	#mpje_main #mpje_container p.warn {
		border-width: 0.625vw;
	}

}




/* ------------------------------------------------------------------------------------------------ Quiz */




#mpje_main #mpje_quiz {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

#mpje_main #mpje_quiz #mpje_quiz_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 35px 0px 35px;
	display: block;
}

#mpje_main #mpje_quiz .mpje_quiz_item {
	margin: 0px 0px 32px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

#mpje_main #mpje_quiz .mpje_quiz_item .mpje_quiz_item_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	background-color: #ffffff;
	position: relative;

	background-repeat: no-repeat;
	background-position: left top;
	background-position: right center;
	background-image: url("../images/q00_bg02.png");
	background-color: #ffffff;
	background-size: auto 100%;
}

#mpje_main #mpje_quiz .mpje_quiz_item .mode_answer {
	background-image: url("../images/q00_bg01.png");
}

#mpje_main #mpje_quiz .mpje_quiz_item .mpje_quiz_item_head {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 110px;
	height: 80px;

	width: 16.1764%;
	width: 15.1764%;
	height: 100%;
	position: absolute;
	top: 0%;
	margin-top: 0vw;
	left: -2.0588%;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-color: transparent;
	background-size: contain;
}

#mpje_main #mpje_quiz #q1 .mpje_quiz_item_head {
	background-image: url("../images/q01_head.png");
}

#mpje_main #mpje_quiz #q2 .mpje_quiz_item_head {
	background-image: url("../images/q02_head.png");
}

#mpje_main #mpje_quiz #q3 .mpje_quiz_item_head {
	background-image: url("../images/q03_head.png");
}

#mpje_main #mpje_quiz #q4 .mpje_quiz_item_head {
	background-image: url("../images/q04_head.png");
}

#mpje_main #mpje_quiz #q5 .mpje_quiz_item_head {
	background-image: url("../images/q05_head.png");
}

#mpje_main #mpje_quiz #q6 .mpje_quiz_item_head {
	background-image: url("../images/q06_head.png");
}

#mpje_main #mpje_quiz #q7 .mpje_quiz_item_head {
	background-image: url("../images/q07_head.png");
}

#mpje_main #mpje_quiz #q8 .mpje_quiz_item_head {
	background-image: url("../images/q08_head.png");
}

#mpje_main #mpje_quiz .mpje_quiz_item .mpje_quiz_item_icon {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 70px;
	height: 90px;

	width: 10.2941%;
	width: 9.2941%;
	height: 100%;
	position: absolute;
	top: 0%;
	margin-top: 0vw;
	right: 2.9411%;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: left center;
	background-color: transparent;
	background-size: contain;
}

#mpje_main #mpje_quiz #q1 .mpje_quiz_item_icon {
	background-image: url("../images/q01_icon_gray.png");
}

#mpje_main #mpje_quiz #q2 .mpje_quiz_item_icon {
	background-image: url("../images/q02_icon_gray.png");
}

#mpje_main #mpje_quiz #q3 .mpje_quiz_item_icon {
	background-image: url("../images/q03_icon_gray.png");
}

#mpje_main #mpje_quiz #q4 .mpje_quiz_item_icon {
	background-image: url("../images/q04_icon_gray.png");
}

#mpje_main #mpje_quiz #q5 .mpje_quiz_item_icon {
	background-image: url("../images/q05_icon_gray.png");
}

#mpje_main #mpje_quiz #q6 .mpje_quiz_item_icon {
	background-image: url("../images/q06_icon_gray.png");
}

#mpje_main #mpje_quiz #q7 .mpje_quiz_item_icon {
	background-image: url("../images/q07_icon_gray.png");
}

#mpje_main #mpje_quiz #q8 .mpje_quiz_item_icon {
	background-image: url("../images/q08_icon_gray.png");
}

#mpje_main #mpje_quiz #q1 .mode_answer .mpje_quiz_item_icon {
	background-image: url("../images/q01_icon.png");
}

#mpje_main #mpje_quiz #q2 .mode_answer .mpje_quiz_item_icon {
	background-image: url("../images/q02_icon.png");
}

#mpje_main #mpje_quiz #q3 .mode_answer .mpje_quiz_item_icon {
	background-image: url("../images/q03_icon.png");
}

#mpje_main #mpje_quiz #q4 .mode_answer .mpje_quiz_item_icon {
	background-image: url("../images/q04_icon.png");
}

#mpje_main #mpje_quiz #q5 .mode_answer .mpje_quiz_item_icon {
	background-image: url("../images/q05_icon.png");
}

#mpje_main #mpje_quiz #q6 .mode_answer .mpje_quiz_item_icon {
	background-image: url("../images/q06_icon.png");
}

#mpje_main #mpje_quiz #q7 .mode_answer .mpje_quiz_item_icon {
	background-image: url("../images/q07_icon.png");
}

#mpje_main #mpje_quiz #q8 .mode_answer .mpje_quiz_item_icon {
	background-image: url("../images/q08_icon.png");
}

#mpje_main #mpje_quiz .mpje_quiz_item .mpje_quiz_item_logo {
	margin: 0px 2% 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 32.3529%;
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-color: transparent;
	background-size: contain;
	background-size: 80%;
}

#mpje_main #mpje_quiz #q1 .mpje_quiz_item_logo {
	background-image: url("../images/singapore/q01_logo.png");
}

#mpje_main #mpje_quiz #q2 .mpje_quiz_item_logo {
	background-image: url("../images/singapore/q02_logo.png");
	background-size: 67%;
}

#mpje_main #mpje_quiz #q3 .mpje_quiz_item_logo {
	background-image: url("../images/singapore/q03_logo.png");
}

#mpje_main #mpje_quiz #q4 .mpje_quiz_item_logo {
	background-image: url("../images/singapore/q04_logo.png");
	background-size: 59%;
}

#mpje_main #mpje_quiz #q5 .mpje_quiz_item_logo {
	background-image: url("../images/singapore/q05_logo.png");
	background-size: 92%;
}

#mpje_main #mpje_quiz #q6 .mpje_quiz_item_logo {
	background-image: url("../images/singapore/q06_logo.png");
}

#mpje_main #mpje_quiz #q7 .mpje_quiz_item_logo {
	background-image: url("../images/singapore/q07_logo.png");
}

#mpje_main #mpje_quiz #q8 .mpje_quiz_item_logo {
	background-image: url("../images/q08_logo.png");
}

#mpje_main #mpje_quiz .mpje_quiz_item .mpje_quiz_item_logo::before {
	margin: 0px 0px 0px 0px;
	padding: 50% 0px 0px 0px;
	display: block;
	width: 100%;
	height: 0px;
	content: '';
}

#mpje_main #mpje_quiz .mpje_quiz_item .mpje_quiz_item_button {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 36.4705%;
}

#mpje_main #mpje_quiz .mpje_quiz_item .mpje_quiz_item_button .quiz_button {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/singapore/button_text_challenge01_2row.png");
	background-color: #e40000;
	background-size: auto 68.791%;
	box-sizing: border-box;
	border-radius: 50vw;
	border-style: solid;
	border-color: #000000;
	border-width: 0px 0px 3px 0px;
	cursor: pointer;

	background-image: url("../images/singapore/button_text_challenge01.png");
	background-size: auto 41.791%;
}

#mpje_main #mpje_quiz .mpje_quiz_item .mpje_quiz_item_button .quiz_button::before {
	margin: 0px 0px 0px 0px;
	padding: 27.0161% 0px 0px 0px;
	display: block;
	width: 100%;
	height: 0px;
	content: '';
}

#mpje_main #mpje_quiz .mpje_quiz_item .mode_answer .mpje_quiz_item_button .quiz_button {
	background-image: url("../images/singapore/button_text_answer01.png");
	background-color: #000000;
	border-width: 0px 0px 0px 0px;
	background-size: auto 41.791%;
}




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

	#mpje_main #mpje_quiz #mpje_quiz_in {
		padding: 0px 4.6666vw 0px 4.6666vw;
	}

	#mpje_main #mpje_quiz .mpje_quiz_item {
		margin: 0px 0px 4.2666vw 0px;
	}

}




/* ------------------------------------------------------------------------------------------------ Footer */




#mpje_footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

#mpje_footer #congratulations {
	margin: 0px 0px 0px 0px;
	padding: 100px 0px 0px 0px;
	display: none;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/felicitations_bg.png");
	background-color: transparent;
	background-size: 100% auto;
}

#mpje_footer #congratulations img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

#mpje_footer #congratulations p {
	margin: 0px 0px 0px 0px;
	padding: 0px 35px 60px 35px;
	display: block;
	text-align: center;
	font-size: 28px;
	line-height: 47px;
	letter-spacing: 0.0em;
	color: #ffffff;
}

#mpje_footer #mpje_footer_cr {
	margin: 0px 0px 0px 0px;
	padding: 24px 0px 24px 0px;
	display: block;
	background-repeat: repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/pc_bg01_tile.png");
	background-color: transparent;
	background-size: 666px auto;
}

#mpje_footer #mpje_footer_cr img {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 26px;
}




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

/*
	#mpje_footer #congratulations {
		padding: 100px 0px 0px 0px;
	}

	#mpje_footer #congratulations p {
		padding: 0px 35px 60px 35px;
		font-size: 28px;
		line-height: 47px;
	}

	#mpje_footer #mpje_footer_cr {
		padding: 24px 0px 24px 0px;
		background-size: 666px auto;
	}

	#mpje_footer #mpje_footer_cr img {
		height: 26px;
	}
*/

	#mpje_footer #congratulations {
		padding: 13.3333vw 0px 0px 0px;
	}

	#mpje_footer #congratulations p {
		padding: 0px 4.6666vw 8vw 4.6666vw;
		font-size: 3.7333vw;
		line-height: 6.2666vw;
	}

	#mpje_footer #mpje_footer_cr {
		padding: 3.2vw 0px 3.2vw 0px;
		background-size: 88.8vw auto;
	}

	#mpje_footer #mpje_footer_cr img {
		height: 3.4666vw;
		height: 4.4666vw;
	}

}




/* ------------------------------------------------------------------------------------------------ Modal */




body.menu_open_fixed {
	width: 100%;
	height: 100%;
	/*height: 100dvh;*/
	position: fixed;
	top: 0px;
	left: 0px;
	overflow: hidden;
	box-sizing: border-box;

	position: relative;
}




.modal_box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba( 0, 0, 0, 0.8 );

	display: none;
	opacity: 0.0;
}

.modal_box .modal_box_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: sticky;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.modal_box .modal_box_close {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	height: calc( 100px + 0px + 12px );
	background-repeat: no-repeat;
	background-position: left top;
	background-position: right 25px top 0px;
	background-image: url("../images/modal_close.png");
	background-color: transparent;
	background-size: auto 100px;
	box-sizing: border-box;
	cursor: pointer;
}

.modal_box .modal_box_body {
	margin: 0px 25px 0px 25px;
	padding: 0px 0px 0px 0px;
	display: block;
	max-height: calc( 100% - 50px - 112px );
	height: auto;
	background-color: #000000;
	border-style: solid;
	border-color: #626262;
	border-width: 0px 0px 6px 0px;
	box-sizing: border-box;
}

.modal_box .modal_box_body .modal_box_body_in {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.modal_box .modal_box_body .modal_box_body_content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	overflow: auto;
	background-color: #ffffff;
	flex: 1;
}




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

	.modal_box .modal_box_close {
		background-position: right 45px top 0px;
	}

	.modal_box .modal_box_body {
		margin: 0px 45px 0px 45px;
	}

}




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

	/* reset */

	.modal_box .modal_box_close {
		background-position: right 25px top 0px;
	}

	.modal_box .modal_box_body {
		margin: 0px 25px 0px 25px;
	}

	/* orig */

/*
	.modal_box .modal_box_in {
		height: 100vh;
	}

	.modal_box .modal_box_close {
		height: calc( 100px + 0px + 12px );
		background-position: right 25px top 0px;
		background-size: auto 100px;
	}

	.modal_box .modal_box_body {
		margin: 0px 25px 0px 25px;
		max-height: calc( 100% - 50px - 112px );
		border-width: 0px 0px 6px 0px;
	}

	.modal_box .modal_box_body .modal_box_body_in {
		padding: 10px 10px 10px 10px;
	}
*/

	/* responsive */

	.modal_box .modal_box_in {
		height: 100svh;
	}

	.modal_box .modal_box_close {
		height: 14.9333vw;
		background-position: right 3.3333vw top 0px;
		background-size: auto 13.3333vw;
	}

	.modal_box .modal_box_body {
		margin: 0px 3.3333vw 0px 3.3333vw;
		max-height: calc( 100% - 21.6vw );
		border-width: 0px 0px 6px 0px;
	}

	.modal_box .modal_box_body .modal_box_body_in {
		padding: 10px 10px 10px 10px;
	}

}




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

	.modal_box .modal_box_body {
		border-width: 0px 0px 1.25vw 0px;
	}

	.modal_box .modal_box_body .modal_box_body_in {
		padding: 2.0833vw 2.0833vw 2.0833vw 2.0833vw;
	}

}




.modal_box .modal_box_body .modal_box_body_content .modal_box_body_content_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

.modal_box .modal_box_body .modal_box_body_content .modal_logo {
	margin: 0px auto 84px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 134px;
	height: 112px;
}

.modal_box .modal_box_body .modal_box_body_content .modal_logo_elem_outer {
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
	display: block;
}

.modal_box .modal_box_body .modal_box_body_content .modal_logo_elem {
	margin: 0px auto 84px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 72%;
	height: 112px;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-color: transparent;
	background-size: contain;

	margin-bottom: 76px;
}

#modal_q1 .modal_box_body .modal_box_body_content .modal_logo_elem {
	background-image: url("../images/singapore/q01_logo.png");
	background-size: 55%;

	background-size: 60%;
	height: 130px;
}

#modal_q2 .modal_box_body .modal_box_body_content .modal_logo_elem {
	background-image: url("../images/singapore/q02_logo.png");

	background-size: 46%;
	height: 130px;
}

#modal_q3 .modal_box_body .modal_box_body_content .modal_logo_elem {
	background-image: url("../images/singapore/q03_logo.png");
	background-size: 50%;
}

#modal_q4 .modal_box_body .modal_box_body_content .modal_logo_elem {
	background-image: url("../images/singapore/q04_logo.png");
	background-size: 80%;

	background-size: 50%;
	height: 190px;
}

#modal_q5 .modal_box_body .modal_box_body_content .modal_logo_elem {
	background-image: url("../images/singapore/q05_logo.png");
	background-size: 80%;
}

#modal_q6 .modal_box_body .modal_box_body_content .modal_logo_elem {
	background-image: url("../images/singapore/q06_logo.png");
	background-size: 70%;
}

#modal_q7 .modal_box_body .modal_box_body_content .modal_logo_elem {
	background-image: url("../images/singapore/q07_logo.png");
	background-size: 58%;
}

#modal_q8 .modal_box_body .modal_box_body_content .modal_logo_elem {
	background-image: url("../images/q08_logo.png");
	background-size: 74%;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	display: block;
	border-style: solid;
	border-color: #000000;
	border-width: 2px 0px 2px 0px;
	background-color: #ffffff;
	position: relative;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_text {
	margin: 0px 0px 0px 0px;
	padding: 40px 1.5em 24px 1.5em;
	display: block;
	background-color: #ffd200;
	text-align: center;
	font-size: 24px;
	line-height: 40px;
	letter-spacing: 0.0em;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_text .big {
	font-size: 157%;
	font-size: 137%;
	font-family: 'TazuganeGothicStdN-XBlack';
	padding-top: 1em;
	padding-bottom: 1em;
	display: block;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_head {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	top: -39px;
	left: 0px;
	width: 100%;
	height: 78px;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-color: transparent;
	background-size: auto 100%;
}

#modal_q1 .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_head {
	background-image: url("../images/q01_head.png");
}

#modal_q2 .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_head {
	background-image: url("../images/q02_head.png");
}

#modal_q3 .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_head {
	background-image: url("../images/q03_head.png");
}

#modal_q4 .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_head {
	background-image: url("../images/q04_head.png");
}

#modal_q5 .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_head {
	background-image: url("../images/q05_head.png");
}

#modal_q6 .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_head {
	background-image: url("../images/q06_head.png");
}

#modal_q7 .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_head {
	background-image: url("../images/q07_head.png");
}

#modal_q8 .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_head {
	background-image: url("../images/q08_head.png");
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer {
	margin: 0px 0px 0px 0px;
	padding: 20px 55px 20px 55px;
	display: block;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button {
	margin: 14px 0px 14px 0px;
	padding: 14px 22px 14px 22px;
	display: block;
	width: 100%;
	height: auto;
	background-color: #f3f3f3;
	border-style: solid;
	border-color: #b3b3b3;
	border-width: 0px 0px 6px 0px;
	border-radius: 16px;
	appearance: none;
	text-align: center;
	font-size: 24px;
	line-height: 1.5em;
	letter-spacing: 0.0em;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	box-sizing: border-box;

	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer button.modal_qa_answer_button {
	cursor: pointer;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .answer_highlight {
	background-color: #ffd200;
	border-color: #404040;
}

.modal_box .modal_box_body .modal_box_body_content .after_box .modal_qa_answer .answer_highlight {
	background-color: #ff661f;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .answer_nothidden {
	opacity: 0.4;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .answer_not_button {
	background-color: transparent;
	border-width: 0px !important;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button .icon_c,
.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button .icon_b,
.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button .icon_a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 66px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-color: transparent;
	background-size: contain;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button .icon_a {
	background-image: url("../images/q00_a.png");
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button .icon_b {
	background-image: url("../images/q00_b.png");
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button .icon_c {
	background-image: url("../images/q00_c.png");
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button .button_text {
	margin: 0px 0px 0px 0px;
	padding: 0px 0.5em 0px 0.5em;
	display: block;
	flex: 1;
	text-align: center;
}

.modal_box .modal_box_body .modal_box_body_content .before_box {
}

.modal_box .modal_box_body .modal_box_body_content .after_box {
	display: none;
}

.modal_box .modal_box_body .modal_box_body_footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	background-color: #ffffff;
}

.modal_box .modal_box_body .modal_box_body_footer p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 64px;
	letter-spacing: 0.0em;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	font-family: 'TazuganeGothicStdN-Heavy';
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_change {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	display: none;
	opacity: 0.0;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_change_back {
	display: block;
	opacity: 1.0;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_change .modal_qa_change_button_ma,
.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_change .modal_qa_change_button {
	margin: 14px auto 14px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 50%;
	height: 50px;
	border-style: solid;
	border-color: #b3b3b3;
	border-width: 0px;
	border-radius: 100px;
	appearance: none;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/singapore/button_text_answer01.png");
	background-color: #000000;
	background-size: auto 50%;
	cursor: pointer;

	width: 64%;
	height: 72px;
}

.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_change .modal_qa_change_button_ma {
	background-image: url("../images/singapore/button_text_answer02.png");
}




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

/*
	.modal_box .modal_box_body .modal_box_body_content .modal_box_body_content_in {
		padding: 50px 0px 0px 0px;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_logo {
		margin: 0px auto 84px auto;
		height: 134px;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question {
		padding: 10px 0px 10px 0px;
		border-width: 2px 0px 2px 0px;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_text {
		padding: 40px 1.5em 24px 1.5em;
		font-size: 24px;
		line-height: 40px;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_head {
		top: -39px;
		height: 78px;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer {
		padding: 20px 55px 20px 55px;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button {
		margin: 25px 0px 25px 0px;
		border-width: 0px 0px 6px 0px;
		border-radius: 20px;
		font-size: 24px;
	}

	.modal_box .modal_box_body .modal_box_body_footer p {
		font-size: 16px;
		line-height: 64px;
	}
*/

	/* responsive */

	.modal_box .modal_box_body .modal_box_body_content .modal_box_body_content_in {
		/*padding: 6.6666vw 0px 0px 0px;*/
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_logo {
		margin: 0px auto 11.2vw auto;
		height: 17.8666vw;

		height: 14.9333vw;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_logo_elem_outer {
		padding: 6.6666vw 0px 0px 0px;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_logo_elem {
		margin: 0px auto 11.2vw auto;
		height: 14.9333vw;

		margin-bottom: 10.1333vw;
	}

	#modal_q1 .modal_box_body .modal_box_body_content .modal_logo_elem {
		height: 17.3333vw;
	}

	#modal_q2 .modal_box_body .modal_box_body_content .modal_logo_elem {
		height: 17.3333vw;
	}

	#modal_q3 .modal_box_body .modal_box_body_content .modal_logo_elem {
	}

	#modal_q4 .modal_box_body .modal_box_body_content .modal_logo_elem {
		height: 25.3333vw;
	}

	#modal_q5 .modal_box_body .modal_box_body_content .modal_logo_elem {
	}

	#modal_q6 .modal_box_body .modal_box_body_content .modal_logo_elem {
	}

	#modal_q7 .modal_box_body .modal_box_body_content .modal_logo_elem {
	}

	#modal_q8 .modal_box_body .modal_box_body_content .modal_logo_elem {
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question {
		padding: 10px 0px 10px 0px;
		border-width: 2px 0px 2px 0px;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_text {
		padding: 5.3333vw 1.5em 3.2vw 1.5em;
		font-size: 3.2vw;
		line-height: 5.3333vw;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question .modal_qa_question_head {
		top: -5.2vw;
		height: 10.4vw;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer {
		padding: 2.6666vw 7.3333vw 2.6666vw 7.3333vw;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button {
		margin: 3.3333vw 0px 3.3333vw 0px;
		border-width: 0px 0px 6px 0px;
		border-radius: 2.6666vw;
		font-size: 3.2vw;

		margin: 1.8666vw 0px 1.8666vw 0px;
		padding: 1.8666vw 2.9333vw 1.8666vw 2.9333vw;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button .icon_c,
	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button .icon_b,
	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button .icon_a {
		width: 66px;
		height: 70px;

		width: 8.8vw;
		height: 9.3333vw;
	}

	.modal_box .modal_box_body .modal_box_body_footer p {
		font-size: 2.1333vw;
		line-height: 8.5333vw;
	}




	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_change {
		padding: 0px 0px 2.6666vw 0px;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_change .modal_qa_change_button_ma,
	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_change .modal_qa_change_button {
		margin: 1.8666vw auto 1.8666vw auto;
		height: 6.6666vw;

		height: 9.6vw;
	}

}




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

/*
	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question {
		padding: 10px 0px 10px 0px;
		border-width: 2px 0px 2px 0px;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button {
		border-width: 0px 0px 6px 0px;
	}
*/

	/* responsive */

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_question {
		padding: 2.0833vw 0px 2.0833vw 0px;
		border-width: 2px 0px 2px 0px;
	}

	.modal_box .modal_box_body .modal_box_body_content .modal_qa .modal_qa_answer .modal_qa_answer_button {
		border-width: 0px 0px 1.25vw 0px;
	}

}