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

	Base Style
	
-------------------------------------------------------------------- */
/*  Universal Reset
--------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin			: 0;
	padding			: 0;
	border			: 0;
	vertical-align	: baseline;
	background		: transparent;
}

/*  HTML5 Display Definitions
--------------------------------------- */
section, nav, article, aside, hgroup, menu, summary,
header, footer, figure, figcaption, details {
	display			: block;
}

video, audio, canvas {
	display			: -moz-inline-stack;
	display			: inline-block;
	vertical-align	: middle;
}

audio:not([controls]) {
	display			: none;
}

[hidden] {
	display			: none;
}

/*  Base
--------------------------------------- */
html {
}

body {
	line-height		: 1.8;
	color			: #333333;
	font-family		: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size		: 14px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-print-color-adjust: exact;
}

/*  Links
--------------------------------------- */
a {
	color			: #333333;
	text-decoration	: underline;
}
a:link, a:visited {
	color			: #333333;
	text-decoration	: underline;
}
a:hover, a:focus, a:active {
	color			: #333333;
	text-decoration	: none;
	outline			: none;
}

/*  Typography
--------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height		: 1.5;
	font-size		: 100%;
}
h1 {
	line-height		: 1.5;
	font-size		: 143%;
}
h2 {
	line-height		: 1.5;
	font-size		: 129%;
}
h3 {
	line-height		: 1.5;
	font-size		: 115%;
}
h4 {
	line-height		: 1.5;
	font-size		: 100%;
}

/*
------------------
base 14px
------------------
10px	72%
11px	79%
12px	86%
13px	93%
14px	100%
15px	108%
16px	115%
17px	122%
18px	129%
19px	136%
20px	143%
21px	150%
22px	158%
23px	165%
24px	172%
25px	179%
26px	186%
*/




em {
	font-style		: normal;
	font-weight		: bold;
}

strong, b {
	font-style		: normal;
}

sub, sup {
	vertical-align	: baseline;
	line-height		: 0;
	font-size		: 84%;
}

pre {
	font-family		: monospace, sans-serif;
	white-space		: pre-wrap;
	word-wrap		: break-word;
}

hr {
	display: none;
}

/*  Embedded Content
--------------------------------------- */
img {
	border			: 0;
	vertical-align	: bottom;
}

svg:not(:root) {
	overflow		: hidden;
}

/*  List Content
--------------------------------------- */
ul, ol {
	margin-left		: 2em;
}

/*  Tables
--------------------------------------- */
table {
	border			: 0 none;
	border-collapse	: collapse;
}

table th,
table td {
	border			: 1px solid #ccc;
	vertical-align	: top;
	font-size		: 1em;
	text-align		: left;
	font-weight		: normal;
	padding			: 4px;
}
table th{
	background-color: #f4f4f4;
}
/*  Forms
--------------------------------------- */
input::-moz-focus-inner,
button::-moz-focus-inner {
	border			: 0;
	padding			: 0;
}
input[type="text"]
,input[type="password"]
,textarea
,select{
	border: 1px solid #999;
}
input[type="text"],
input[type="image"] {
	vertical-align	: middle;
	font-family		: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	border-radius	: 0;
	webkit-border-radius	: 0;
	-webkit-appearance		: none;
}

input[type="search"] {
	-webkit-appearance	: textfield;
	-webkit-box-sizing	: content-box;
	-moz-box-sizing	: content-box;
	box-sizing		: content-box;
}

input[type="search"]:focus {
	outline-offset	: -2px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing		: border-box;
	padding			: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	cursor			: pointer;
	-webkit-appearance: button;
	*overflow		: visible;
}

textarea {
	vertical-align	: top;
	font-family		: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size		: 100%;
	resize			: none;
}

fieldset {
	border			: 0 none;
}

legend {
	display			: none;
}

label {
	cursor			: pointer;
}

select {
	line-height		: normal;
	font-family		: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

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

	Structure
	
-------------------------------------------------------------------- */


/* -----------------------------------------------------
	Header
----------------------------------------------------- */
header {
	width			: 100%;
	height			: 570px;
	background		: none;
	background-color: #22DBBF;
	position		: relative;
}
header .header_top{
	width			: 100%;
	height			: 19px;
	top				: 0px;
	position		: absolute;
	background		: url("../img/bg_line.png") repeat-x center top;
}

header .header_inner {
	width			: 1000px;
	margin			: 0 auto;
	text-align		: center;
	margin-bottom	: 0px;
	padding			: 40px 0 40px 0;
	position		: relative;
/*	border			: 1px solid #f00;*/
}

header h1{
	width			: 990px;
	height			: 89px;
	background		: url("../img/ttl_head.png") no-repeat center top;
	overflow		: hidden;
	text-indent		: 100%;
	white-space		: nowrap;
	margin-top		: 30px;
	margin-bottom	: 10px;
}

header .ttl_head_jp{
	float			: left;
	width			: 110px;
	height			: 21px;
	background		: url("../img/ttl_head_jp.png") no-repeat left top;
	overflow		: hidden;
	text-indent		: 100%;
	white-space		: nowrap;
	
}
header .txt_qword{
	float			: right;
}


header .ttl_mmq{
	float			: left;
	width			: 1000px;
	height			: 88px;
	background		: url("../img/ttl_mmq.png") no-repeat left top;
	overflow		: hidden;
	text-indent		: 100%;
	white-space		: nowrap;
	margin-top		: 20px;
	margin-bottom	: 30px;
}
header .txt_tm{
	font-size		: 12px;
	text-align		: right;
	margin-top		: 10px;
}




header .header_bottom{
	width			: 100%;
	height			: 19px;
	bottom			: -10px;
	position		: absolute;
	background		: url("../img/bg_line.png") repeat-x center top;
}








.page_second header {
	width			: 100%;
	height			: 260px;
	background		: none;
	background-color: #22DBBF;
	position		: relative;
}
.page_second header .header_top{
	width			: 100%;
	height			: 19px;
	top				: 0px;
	position		: absolute;
}
.page_second header h1{
	width			: 100%;
	height			: 165px;
	background		: url("../img/ttl_header_2nd.png") no-repeat center top;
	overflow		: hidden;
	text-indent		: 100%;
	white-space		: nowrap;
	margin-top		: 12px;
	margin-bottom	: 0px;
}

.page_second header .header_bottom{
	width			: 100%;
	height			: 19px;
	bottom			: -10px;
	position		: absolute;
	background		: url("../img/bg_line.png") repeat-x center top;
}




/* -----------------------------------------------------
	section
----------------------------------------------------- */
.section_outer{
	background		: url("../img/bg_main.png") repeat-y center top;
}
section {
	width			: 100%;
	font-family		: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	background		: url("../img/bg_main_b.png") no-repeat center top;
}
section .section_inner {
	width			: 1000px;
	margin			: 0 auto;
	text-align		: center;
/*	border			: 1px solid #f00;*/
}

section .box_msg_t{
	background		: url("../img/bg_msg_t.png") no-repeat center top;
	height			: 33px;
}
section .box_msg{
}
section .box_msg .box_msg_l{
	float			: left;
	width			: 14px;
	height			: 47px;
	background		: url("../img/bg_msg_l.png") repeat-y center top;
}
section .box_msg .box_msg_r{
	float			: left;
	width			: 14px;
	height			: 146px;
	background		: url("../img/bg_msg_r.png") repeat-y center top;
}
section .box_msg .box_msg_c{
	float			: left;
	width			: 972px;
	padding			: 0px 0;
	background		: url("../img/bg_msg_c.png") repeat center top;
	text-shadow: 0 0 10px #24F3EA,0 0 10px #24F3EA,0 0 30px #24F3EA,0 0 30px #24F3EA;
}
section .box_msg_b{
	background		: url("../img/bg_msg_b.png") no-repeat center top;
	height			: 41px;
}

section .box_msg .box_msg_inner{
	padding			: 50px 0;
}

section .box_msg p{
	margin			: 24px 0 0 0 ;
}

section .box_quiz_t{
	background		: url("../img/bg_quiz_t.png") no-repeat center top;
	height			: 100px;
}
section .box_quiz{
}
section .box_quiz .box_quiz_l{
	float			: left;
	width			: 14px;
	height			: 47px;
	background		: url("../img/bg_quiz_l.png") repeat-y left top;
}
section .box_quiz .box_quiz_r{
	float			: left;
	width			: 14px;
	height			: 146px;
	background		: url("../img/bg_quiz_r.png") repeat-y right top;
}
section .box_quiz .box_quiz_c{
	float			: left;
	width			: 972px;
	padding			: 0px 0;
	background		: url("../img/bg_quiz_c.png") repeat center top;
	text-shadow: 0 0 10px #24F3EA,0 0 10px #24F3EA,0 0 30px #24F3EA,0 0 30px #24F3EA;
}
section .box_quiz_b{
	background		: url("../img/bg_quiz_b.png") no-repeat center top;
	height			: 120px;
}
section .box_quiz .box_quiz_inner{
	padding			: 0px 0;
}




section .box_line .box_line_tl{
	background		: url("../img/bg_line_tl.png") no-repeat center top;
	width			: 45px;
	height			: 45px;
	float			: left;
}
section .box_line .box_line_tc{
	background		: url("../img/bg_line_tc.png") repeat-x center top;
	width			: 910px;
	height			: 45px;
	float			: left;
}
section .box_line .box_line_tr{
	background		: url("../img/bg_line_tr.png") no-repeat center top;
	width			: 45px;
	height			: 45px;
	float			: left;
}



section .box_line .box_line_ml{
	float			: left;
	width			: 10px;
	height			: 100px;
	background		: url("../img/bg_line_ml.png") repeat-y left top;
}
section .box_line .box_line_mc{
	float			: left;
	width			: 980px;
	background		: url("../img/bg_line_mc.png") repeat left top;
	text-shadow: 0 0 10px #24F3EA,0 0 10px #24F3EA,0 0 30px #24F3EA,0 0 30px #24F3EA;
}
section .box_line .box_line_mr{
	float			: left;
	width			: 10px;
	height			: 100px;
	padding			: 0px 0;
	background		: url("../img/bg_line_mr.png") repeat-y right top;
}

section .box_line .box_line_bl{
	float			: left;
	background		: url("../img/bg_line_bl.png") no-repeat left top;
	width			: 45px;
	height			: 45px;
}
section .box_line .box_line_bc{
	float			: left;
	background		: url("../img/bg_line_bc.png") repeat-x center top;
	width			: 910px;
	height			: 45px;
}
section .box_line .box_line_br{
	float			: left;
	background		: url("../img/bg_line_br.png") no-repeat right top;
	width			: 45px;
	height			: 45px;
}

section .box_line .box_inner{
	padding			: 0px 0;
}




.examples .button,
.examples .button-addon {
  display:inline-block;
  vertical-align:middle;
  margin-top:5px;
  margin-bottom:5px
}
.examples .button-addon .button {
  margin-top:0;
  margin-bottom:0
}
.examples .button svg {
  margin-right:7px;
  vertical-align:-3px;
  width:16px;
  height:16px;
  fill:currentColor
}
.examples  a.button{
	color		: #fff;
	text-decoration:none;
}



.box_btn_sns{
	margin			: 0 0 60px 0;
}
.box_btn_sns a.btn_sns_fb{
	background-color: #3B5998;
	display			: block;
	color			: #fff;
	text-decoration	: none;
	padding			: 5px 0;
	font-size		: 20px;
	width			: 49%;
	float			: left;
}

.box_btn_sns a.btn_sns_tw{
	background-color: #55ACEE;
	display			: block;
	color			: #fff;
	text-decoration	: none;
	padding			: 5px 0;
	font-size		: 20px;
	width			: 49%;
	float			: right;
}


section h2{
	margin			:0px 0 0px 0;
}
section p{
	color			: #fff;
	font-size		: 19px;
	line-height		: 250%;
}

section .box_btn_level{
	width			: 999px;
	margin			: 0 auto;
	margin-top		: 30px;
	margin-bottom	: 30px;
}
section .box_btn_level .block_btn_level{
	background		: url("../img/bg_btn.png") no-repeat center top;
	float			: left;
	width			: 333px;
	height			: 270px;
}
section .box_btn_level .block_btn_level a.btn{
	border-radius			: 40px;
	-webkit-border-radius	: 40px;
	-moz-border-radius		: 40px;
	border			: 4px solid #FF66CC;
	color			: #FF66CC;
	font-size		: 24px;
	font-weight		: bold;
	width			: 230px;
	margin			: 0 auto;
	margin-top		: 0px;
	padding			: 2px;
	display			: block;
	text-decoration	: none;
	background-color: #fff;
}

section .box_btn_level .block_btn_level a.btn:hover{
	border			: 4px solid #22DBBF;
	color			: #22DBBF;
	background-color: #fff;
}

section .box_btn_level .block_btn_level .icon_level{
	margin-top		: 15px;
}
section .box_btn_level .block_btn_level .lbl_level{
	margin-top		: -25px;
}

section .box_rule{
	height			: 388px;
	padding			: 60px 70px;
	text-align		: center;
	background		: url("../img/bg_rule.png") no-repeat 50% 0%;
	text-shadow: 0 0 10px #24F3EA,0 0 10px #24F3EA,0 0 30px #24F3EA,0 0 30px #24F3EA;

}
section .box_rule p{
	
}
section .box_rule p{
	text-align		: left;
	font-size		: 18px;
	margin-top		: 10px;
	line-height		: 150%;
}












section article{
	padding-top		: 70px;
}
.page_second section article{
	padding-bottom	: 100px;
}



section #err_msg .err_msg_inner{
	color			: #eee;
	font-size		: 20px;
	line-height		: 200%;
	margin-top		: 0px;
	margin-bottom	: 50px;
}
section #err_msg a{
	color			: #fff;
	text-decoration : none;
}
section .block_quiz{
	width			: 900px;
	margin			: 0 auto;
	margin-bottom	: 30px;
	padding-bottom	: 30px;
}
section .block_quiz.block_quiz_right{
	background		: url("../img/mark_seikai.png") no-repeat right bottom;
}
section .block_quiz.block_quiz_false{
	background		: url("../img/mark_fuseikai.png") no-repeat right bottom;

}

section .wall_question_no{
	position		: relative;
	height			: 76px;
	width			: 100%;
	margin-bottom	: 30px;
}


section .box_question_no{
	background-color: #fff;
	display			: inline-block;
	border-radius			: 100%;		/* CSS3草案 */
	-webkit-border-radius	: 100%;	/* Safari,Google Chrome用 */
	-moz-border-radius		: 100%;	/* Firefox用 */
	position		: absolute;
	left			: 50%;
	margin-left		: -40px;
	z-index			: 10;
}


section .img_no{
	margin			: 4px 2px 0 2px;
}


section .line_question_no{
	border-top		: 1px solid #fff;
	position		: absolute;
	top				: 37px;
	width			: 100%;
	z-index			: 5;
}



section p.txt_question{
	font-size		: 22px;
	line-height		: 200%;
	margin-top		: 10px;
	margin-bottom	: 20px;
	text-align		: center;
}
section .box_answer{
	text-align		: left;
	font-size		: 24px;
	line-height		: 200%;
	color			: #fff;
	display			: inline-block;
	max-width		: 720px;
	margin-left		: 10px;
/*	border			: 1px solid #f0f;*/
}
section .box_answer p{
	font-size		: 25px;
	line-height		: 140%;
	margin-bottom	: 10px;
}
section .box_answer .block_answer{
/*	padding-left	: 1em;*/
	text-indent		: -1em;
	line-height		: 120%;
	margin-bottom	: 30px;
	display			: inline;
/*	border			: 1px solid #f00;*/
}

section .box_btn{
	margin-top		: 100px;
}

section .box_btn input.btn_check{
	border-radius	: 60px;
	-webkit-border-radius	: 60px;
	-moz-border-radius		: 60px;
	border			: 6px solid #FF66CC;
	color			: #FF66CC;
	font-size		: 50px;
	font-weight		: bold;
	width			: 100%;
	margin			: 0 auto;
	margin-top		: -40px;
	padding			: 6px;
	display			: block;
	text-decoration	: none;
	background-color: #fff;
	font-family		: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	

}
section .box_btn input.btn_check:hover{
	color			: #22DBBF;
	border			: 6px solid #22DBBF;
	box-shadow		: 0 0 10px #fff,0 0 10px #fff,0 0 30px #fff;
}


section .btn_top{
	border-radius			: 60px;
	-webkit-border-radius	: 60px;
	-moz-border-radius		: 60px;
	border			: 6px solid #FF66CC;
	color			: #FF66CC;
	font-size		: 40px;
	width			: 100%;
	margin			: 0 auto;
	padding			: 6px;
	display			: block;
	text-decoration	: none;
	background-color: #fff;
}
section .btn_top:hover{
	color			: #22DBBF;
	border			: 6px solid #22DBBF;
	box-shadow		: 0 0 10px #fff,0 0 10px #fff,0 0 30px #fff;
}

section h2 img{
	display			: block;
	margin			: 0 auto;
}
section h2 img.lbl_level{
	margin-top		: -20px;
}
section h2 img.lbl_result{
	margin-top		: -20px;
}


section .box_score{
	margin-top		: 0px;
	margin-bottom	: 30px;
	color			: #fff;
	font-size		: 20px;
	line-height		: 140%;
}
section .box_score.box_score_90-100{
	background		: url("../img/icon_result_90-100.png") no-repeat 90% top;
}
section .box_score.box_score_70-89{
	background		: url("../img/icon_result_70-89.png") no-repeat 90% top;
}
section .box_score.box_score_0-69{
	background		: url("../img/icon_result_0-69.png") no-repeat 90% top;
}
section .box_score .txt_score{
	padding-left	: 36px;
	font-size		: 160px;
	line-height		: 100%;
	margin-bottom	: 10px;
}
section .box_score.box_score_zannen .txt_score{
	color			: #fff;
}
section .box_score .txt_score span{
	font-size		: 40px;
	line-height		: 100%;
}
section .box_score .txt_sub{
	font-size		: 24px;
	line-height		: 100%;
	margin-bottom	: 50px;
}
section .box_score .txt_msg{
	font-size		: 24px;
	line-height		: 200%;
}

section #lbl_kotae_awase{
	margin-bottom	: 20px;
}


section article .box_page_top{
	margin-top		: 0px;
}








/* -----------------------------------------------------
	Footer
----------------------------------------------------- */
footer {
	text-align		: center;
	font-family		: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	width			: 100%;
	background-color: #22DBBF;
	border-bottom	: 10px solid #22DBBF;
	padding			: 0px 0 40px;
	color			: #fff;
}
footer .footer_top{
	height			: 19px;
	background		: url("../img/bg_line.png") repeat-x center top;
}

footer .footer_inner {
	width			: 1000px;
	margin			: 0 auto;
	margin-top		:40px;

/*	border			: 1px solid #f00;*/
}


footer .footer_lbl{
	font-size		: 20px;
	line-height		: 120%;
	font-weight		: bold;
}



footer .box_footer_bnr {
	margin			: 5px 0 30px 0;
}
footer .box_footer_bnr .box_ttl_h2 h2{
	font-size		: 20px;
	line-height		: 120%;
	font-weight		: bold;
}
footer .box_footer_bnr .box_ttl_h2 #footer_link_logo_quiz_server{
	width			: 320px;
	margin-top		: 4px;
}
footer .box_footer_bnr .box_bnr{
	margin-top		: 10px;
	margin-bottom	: 50px;
	width			: 1000px;
}

footer .box_footer_bnr .box_bnr a {
	display			: block;
	float			: left;
	margin			: 4px;
}



footer .box_qbik{
	width			: 520px;
	margin			: 0 auto;
	margin-top		: 10px;
}

footer .box_qbik .box_logo{
	float			: left;
}
footer .box_qbik p{
	float			: right;
	text-align		: left;
	font-size		: 16px;
	line-height		: 120%;
	font-weight		: bold;
}
footer .box_qbik p .txt_sub{
	font-size		: 80%;
	margin-top		: 6px;
	line-height		: 140%;
	display			: block;
	font-weight		: normal;
}

footer a
,footer a:link
,footer a:visited {
	color			: #fff;
}






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

	Modules
	
-------------------------------------------------------------------- */


/* -----------------------------------------------------
	Heading Modules
----------------------------------------------------- */














.block_quiz input[type=radio],
.block_quiz input[type=checkbox] {
	display: inline-block;
}
.block_quiz input[type=radio] + label,
.block_quiz input[type=checkbox] + label {
    position: relative;
     
     
     
    cursor: pointer;
}
.page_quiz_check .block_quiz input[type=radio]
,.page_quiz_check .block_quiz input[type=radio] + label{
	cursor: default;
}
@media (min-width: 1px) {
    .block_quiz input[type=radio],
    .block_quiz input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .block_quiz input[type=radio] + label,
    .block_quiz input[type=checkbox] + label {
        padding: 4px 0 0 30px;
    }
    .block_quiz input[type=radio] + label::before,
    .block_quiz input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 22px;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 22px;
        height: 22px;
        margin-top: -11px;
         
        background: transparent;
        
        box-shadow: 0 0 10px #24F3EA,0 0 10px #24F3EA,0 0 30px #24F3EA,0 0 30px #24F3EA;
    }
    .block_quiz input[type=radio] + label::before {
        border: 3px solid #fff;
        border-radius: 30px;
    }
    .block_quiz input[type=checkbox] + label::before {
        border: 2px solid #fff;
    }
    .block_quiz input[type=radio]:checked + label::after,
    .block_quiz input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 22px;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .block_quiz input[type=radio]:checked + label{
    	color: #FF7CD3;
    	text-shadow: 0px 2px 1px #ffffff,0px -2px 1px #ffffff,2px 0 1px #ffffff,-2px 0 1px #ffffff,    1px 1px 1px #ffffff,-1px -1px 1px #ffffff,1px -1px 1px #ffffff,-1px 1px 1px #ffffff;

    }
    .block_quiz input[type=radio]:checked + label::after {
        left: 2px;
         
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FF7CD3;
        border-radius: 9px;
    }
    .block_quiz input[type=checkbox]:checked + label::after {
        left: 2px;
         
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        border-left: 3px solid #FF7CD3;
        border-bottom: 3px solid #FF7CD3;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}




















.sp_only{
	display:none;
}

.pc_only{
	display:block;
}


@media only screen and (max-width: 767px){
	.sp_only{
		display:block;
	}
	
	.pc_only{
		display:none;
	}
	
	header{
		height			: auto;
	}
	header .header_top{
		height			: 10px;
	}
	header .header_inner{
		width			: 100%;
	}
	header h1{
		width			: 90%;
		height			: 50px;
		background-size	: contain;
		margin			: 0 5%;
		background-position-y: 100%;
		margin-bottom	: 10px;
	}
	header .ttl_head_jp{
		width			: 90px;
		height			: 20px;
		background-size	: contain;
		margin-left		: 5%;
	}
	header .txt_qword{
		width			: 140px;
		margin-right	: 5%;
	}
	header .ttl_mmq{
		width			: 94%;
		height			: 40px;
		margin			: 0 3%;
		margin-top		: 10px;
		margin-bottom	: 10px;
		background-size	: contain;
	}
	header .pic_head{
		width			: 98%;
	}
	header .txt_tm{
		font-size		: 10px;
		text-align		: center;
		padding			: 0 5%;
	}
	header .header_bottom{
		height			: 10px;
		bottom			: -5px;
	}
	.page_second header h1{
		width			: 90%;
		height			: 80px;
		background-size	: contain;
		margin			: 5%;
		background-position-y: 50%;
	}
	
	
	header .header_footer{
		height			: 40px;
		background-size	: contain;
		display			: none;
	}
	.page_second header{
		height			: auto;
	}
	.page_second header .header_inner{
		padding			: 10px 0;
	}
	.page_second header .header_top{
		height			: 10px;
	}
	.page_second header .header_bottom{
		height			: 10px;
		bottom			: -5px;
	}
	
	
	
	
	
	
	
	
	section article{
		padding-top		: 30px;
		padding-bottom	: 30px;
	}
	.page_second section article{
		padding-bottom	: 60px;
	}
	section .section_inner{
		width			: 90%;
	}
	
	section p{
		font-size		: 14px;
		line-height		: 200%;
		text-align		: left;
	}
	
	
	
	.box_btn_sns{
		margin			: 0px 0 0px 0;
	}
	.box_btn_sns a.btn_sns_fb{
		font-size		: 12px;
	}

	.box_btn_sns a.btn_sns_tw{
		font-size		: 12px;
	}
	
	
	section .section_inner h2{
		margin			: 50px 0 10px 0;
	}
	section .section_inner h2 img{
		max-width		: 100%;
	}
	
	
	
	
	
	
	section .box_msg .box_msg_l
	,section .box_msg .box_msg_r{
		display			: none;
	}
	section .box_msg .box_msg_c{
		width			: 90%;
		padding			: 5%
	}
	section .box_msg .box_msg_inner{
		padding			: 10px 0;
	}
	section .section_inner h2{
		margin			: 10px 0 0 0;
	}
	


	
	section .box_btn_level{
		width			:100%;
	}
	
	section .box_btn_level .block_btn_level{
		background		: url(../img/bg_msg_c.png) repeat left top;
		height			: auto;
		width			: 100%;
		margin-bottom	: 10px;
	}
	section .box_btn_level .block_btn_level .icon_level{
		margin			: 0;
	}
	section .box_btn_level .block_btn_level h3 img{

	}
	section .box_btn_level .block_btn_level .lbl_level{
		width			: auto;
		height			: 70px;
		margin-top		: -20px;
	}
	section .box_btn_level .block_btn_level a.btn{
		font-size		: 18px;
		width			: 70%;
		margin			: 0px auto 15px auto;
	}
	
	section .box_rule{
		padding			: 16px;
		height			: auto;
		background		: url(../img/bg_msg_c.png) repeat left top;
	}
	section .box_rule h3 img{
		width			: 125px;
	}
	section .box_rule p{
		font-size		: 13px;
		line-height		: 140%;
		padding-left	: 1em;
		text-indent		:-1em;
	}
	
	
	section .box_line .box_line_tl
	,section .box_line .box_line_tc
	,section .box_line .box_line_tr
	,section .box_line .box_line_ml
	,section .box_line .box_line_mr
	,section .box_line .box_line_bl
	,section .box_line .box_line_bc
	,section .box_line .box_line_br{
		display			: none;
	}
	
	section .box_line .box_line_mc{
		width			: 100%;
	}
	
	section .box_quiz_t
	,section .box_quiz_l
	,section .box_quiz .box_quiz_l
	,section .box_quiz .box_quiz_r
	,section .box_quiz_b{
		display			: none;
	}
	
	section .box_quiz .box_quiz_c{
		width			: 90%;
		padding			: 5%;
	}
	
	section #err_msg .err_msg_inner{
		font-size		: 15px;
	}
	
	section .block_quiz{
		width			: 100%;
	}
	
	section .wall_question_no{
		height			: 38px;
	}
	section .img_no{
		width			: 36px;
		height			: 36px;
	}
	section .box_question_no{
		margin-left		: -20px;
		
	}
	section .line_question_no{
		top				: 20px;
	}
	section p.txt_question{
		font-size		: 15px;
		text-align		: left;
	}
	section p.txt_question br{
		display			: none;
	}
	
	
	section .box_answer{
		max-width		: 86%;
	}
	section .box_answer p{
		font-size		: 16px;
	}
	
	section .box_btn{
		margin-top		: 60px;
	}
	section .box_btn input.btn_check{
		width			: 100%;
		font-size		: 24px;
	}
	

	
	section .box_score{
		padding-top		: 100px;
		margin-bottom	: 0;
	}
	section .box_score.box_score_0-69{
		background: url("../img/icon_result_0-69.png") no-repeat 50% top;
		background-size:95px;
	}
	section .box_score.box_score_70-89{
		background: url("../img/icon_result_70-89.png") no-repeat 50% top;
		background-size:95px;
	}
	section .box_score.box_score_90-100{
		background: url("../img/icon_result_90-100.png") no-repeat 50% top;
		background-size:95px;
	}
	section .box_score .txt_score{
		text-align		: center;
		font-size		: 60px;
	}
	
	section .box_score .txt_sub{
		text-align		: center;
		font-size		: 14px;
		margin-bottom	: 30px;
	}
	section .box_score .txt_msg{
		text-align		: left;
		font-size		: 16px;
		line-height		: 150%;
		margin-bottom	: 30px;
		padding			: 0 5%;
	}
	
	
	section #lbl_kotae_awase{
		margin-bottom	: 20px;
		width			: 203px;
	}
	
	
	section .block_quiz.block_quiz_right{
		background-size:86px;
		background-position: right bottom;
	}
	section .block_quiz.block_quiz_false{
		background-size:86px;
		background-position: right bottom;
	}
	
	section .btn_top{
		font-size		: 20px;
		width			: 90%;
	}
	
	
	.block_quiz input[type=radio] + label, .block_quiz input[type=checkbox] + label{
/*		width			: 86%;
		display			: -webkit-box;
		padding			: 4px 0px 0 24px;
*/
	}
	.block_quiz input[type=radio] + label,
	.block_quiz input[type=checkbox] + label {
		padding			: 10px 0 0 25px;
	}
	
	.block_quiz input[type=radio] + label::before{
		border			: 2px solid #fff;
	}
	.block_quiz input[type=radio] + label::before
	, .block_quiz input[type=checkbox] + label::before{
		width			: 18px;
		height			: 18px;
		top				: 24px;
	}
	.block_quiz input[type=radio]:checked + label::after{
		width			: 14px;
		height			: 14px;
		top				: 24px;
	}
	
	footer .footer_top{
		height			: 10px;
	}
	
	
	footer .footer_lbl{
		font-size		: 14px;
	}
	footer .footer_lbl img.logo_quiz_server{
		width			: 90%;
		max-width		: 360px;
	}
	
	footer .footer_inner{
		width			: 100%;
	}
	
	
	
	footer .box_footer_bnr {
		margin			: 5px 0 30px 0;
	}
	footer .box_footer_bnr .box_ttl_h2{
		margin-bottom	: 5px;
	}
	footer .box_footer_bnr .box_ttl_h2 #footer_link_logo_quiz_server{
		width			: 90%;
		max-width		: 320px;
	}
	footer .box_footer_bnr .box_bnr{
		width			: 96%;
		margin			: 0 2%;
	}
	footer .box_footer_bnr .box_bnr a {
		display			: block;
		float			: left;
		margin			: 1%;
		width			: 48%;
	}
	footer .box_footer_bnr .box_bnr a img{
		width			: 100%;
		height			: auto;
	}
	
	
	footer .box_qbik{
		width			: 100%;
	}
	footer .box_qbik .box_logo{
		float			: none;
	}
	footer .box_qbik .box_logo img{
		width			: 112px;
	}
	footer .box_qbik p{
		float			: none;
		text-align		: center;
		font-size		: 14px;
		margin-top		: 10px;
	}
	footer .box_qbik p .txt_sub{
		font-size		: 70%;
	}
	
}







/* clearfix
--------------------------------------------*/
.cf:before,
.cf:after {
	content			: "";
	display			: block;
	overflow		: hidden;
}
.cf:after {
	clear			: both;
}
.cf {
	zoom			: 1;
}