@import url('style_x.css?k=2023050301') screen and (min-width: 1280px);
@import url('style_l.css?k=2023050301') screen and (max-width: 1279px) and (min-width: 960px);
@import url('style_m.css?k=2023050301') screen and (max-width: 959px) and (min-width: 520px);
@import url('style_s.css?k=2023050301') screen and (max-width: 519px);

/** 全サイズ共通 **/
/*Basic-------------------------------------------------------------------------*/
html{font-size: 62.5% !important; scroll-behavior: smooth; overflow-x: hidden; overflow-y: auto;}
body{
	margin: 0;
	padding: 0;
	font-family: "M PLUS Rounded 1c",'Lato','Jost','Oswald','Font Awesome 6 Free','Font Awesome 5 Free',sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: subpixel-antialiased;
	background: #ffffff;
	box-sizing: border-box;
}
.clear{clear: both;}
.MFrame{box-sizing: border-box;} /* ここにtransformを入れると「回答状況」が出なくなる。入れるならansAllなどに入れる */
.TopPage{transform: rotate(0.03deg);}
.Rotate003{transform: rotate(0.03deg);}

.material-symbols-outlined {
	font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 48
}
.Pri_Fm{width:100%; box-sizing: border-box; padding: 0; margin:0; border-radius: 8px; vertical-align: top;}
.wf-roundedmplus1c {font-family: 'M PLUS Rounded 1c', sans-serif;}

a {text-decoration: none; color:#2865b6;}
a:hover {text-decoration: none; color:#2865b6;}
a:visited {text-decoration: none; color:#2865b6;}

.font100 { font-size: 100%; }
.ImgAlCen {text-align: center;}
.imgAlCenter{margin: 0 auto; display: block;}
/*BASE-Div-------------------------------------------------------------------------*/
.CeTbAll{width:100%; display: table;}
.CeTbRow{display:table-row;}
.CeTbLeft{display:table-cell; box-sizing: border-box; padding: 0 5px; position: relative;}
.CeTbRight{display:table-cell; height: 100%; box-sizing: border-box; padding: 0 5px;}
.table-row{display:table-row;}
.CeAll{display:table-cell; width:100%; box-sizing: border-box; padding: 0 5px;}

/*INPUT-------------------------------------------------------------------------*/
.AnsButton{width:86%; height:2.5em!important;  padding:10px 0 20px!important; background: #e81010 !important; color:#ffffff !important; border-radius: 6px !important; font-size: 1.0em !important;}
dd input[type=text],[type=tel],[type=email] ,[type=date],[type=number],[type=password] ,[textarea]{font: 15px/24px sans-serif; box-sizing: border-box; margin: 2px 0; padding: 0.3em; transition: 0.3s; /* border: 1px solid #1b2538; border-radius: 4px; outline: none;*/}
dd input[type=text]:focus,[type=tel]:focus,[type=email]:focus,[type=date],[type=number]:focus,[type=password]:focus,[type=password]:valid{border-color: #0B318F; background: #f0f8ff;}
dd input[readonly]{border-color: #0B318F; background: #E8F0FE;}

/*Footer------------------------------------------------------------------------*/
.navbar-expand .navbar-nav .nav-link { padding-left: 8px !important; padding-right: 8px !important;}
.ftMain{margin: 6px auto 0; text-align: center;}

/*login------------------------------------------------------------------------------------------*/
.login_table dt{font-size: 1.6rem;font-weight: normal;}
.login_table .v-label {
	font-size: 1.25rem !important;
	margin-top: -7px;
}
.loginfm{transform: rotate(0.03deg);} /* MFrameには入れられないのでここに入れる（受験者情報画面用） */

/* TOPページログインリンク */
.log_st a:link, .log_st a:visited{position:absolute; top:0; left:0; width:100%; height:100%; color: #ffffff;}
.log_st a:hover{background: rgba(0,0,0,0.1); color: #ffffff;}
.log_sh a:link, .log_sh a:visited{ position:absolute; top:0; left:0; width:100%; height:100%; color: #ffffff;}
.log_sh a:hover{background: rgba(0,0,0,0.1); color: #ffffff;}

/* Page Loading */
.page_loading_frame { padding-top: 18%; padding-left: 10px; }
.page_loading { margin: auto; background: rgba(0,0,0,0) none repeat scroll 0 0; display: block; width: 200px; height: 200px }
.loader {
	border: 16px solid #ececec; /* Light */
	border-top: 16px solid #b4b4b5; /* Dark */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


.end_red{display: inline-block; background: #e81010; color: #ffffff; margin: 0 3px; padding: 2px 10px 2px 26px; border-radius: 3px;}
.end_blue{display: inline-block; background: #0a53be; color: #ffffff; margin: 0 3px; padding: 2px 10px 2px 10px; border-radius: 3px;}
.end_an{display: block;}
.end_un{display: none;}

/*ULOL-------------------------------------------------------------------------*/
ul.typeT{line-height: 1.8;}
ul.typeT li {padding-bottom: 0.5em; padding-right: 2em; margin-left:2em;}
.AnsAll ul li{line-height: 1.8;}
ul.typeEND{list-style: none; margin-left:-1em; margin-top: 4em; }
ul.typeEND li {margin-left:3em; padding-right: 2em; text-indent:-1.25em; line-height: 1.5; padding-bottom: 0.5em;}
ul.typeEND li::before{content: "※ "; font-weight:bold;}

ul.ulkatakana{list-style: none; margin-left:-1em;}
ul.ulkatakana li {margin-left:3em; text-indent:-1.25em; line-height: 1.5; padding-bottom: 0.5em;}
ul.ulkatakana li:nth-of-type(1)::before{content: "ア "; font-weight:bold;}
ul.ulkatakana li:nth-of-type(2)::before{content: "イ "; font-weight:bold;}
ul.ulkatakana li:nth-of-type(3)::before{content: "ウ "; font-weight:bold;}

ul.ulkatakanaK{list-style: none; margin-left:-1em;}
ul.ulkatakanaK li {margin-left:3em; text-indent:-1.25em; line-height: 1.5; padding-bottom: 0.5em;}
ul.ulkatakanaK li:nth-of-type(1)::before{content: "カ "; font-weight:bold;}
ul.ulkatakanaK li:nth-of-type(2)::before{content: "キ "; font-weight:bold;}
ul.ulkatakanaK li:nth-of-type(3)::before{content: "ク "; font-weight:bold;}

ul.jyoken{list-style: none; margin-left:-1.0em;}
ul.jyoken li {margin-left:3.5em; padding-left: 3.0em; text-indent: -3.3em;}
ul.jyoken li:nth-of-type(1)::before{content: "条件 a "; font-weight:bold;}
ul.jyoken li:nth-of-type(2)::before{content: "条件 b "; font-weight:bold;}
ul.jyoken li:nth-of-type(3)::before{content: "条件 c "; font-weight:bold;}
ul.jyoken li:nth-of-type(4)::before{content: "条件 d "; font-weight:bold;}
ul.jyoken li:nth-of-type(5)::before{content: "条件 e "; font-weight:bold;}

ul.jyokenjp{list-style: none; margin-left:-0.5em;}
ul.jyokenjp li {margin-left:3.0em; padding-left: 3.0em; text-indent: -3.3em;}
ul.jyokenjp li:nth-of-type(1)::before{content: "条件イ "; font-weight:bold;}
ul.jyokenjp li:nth-of-type(2)::before{content: "条件ロ "; font-weight:bold;}
ul.jyokenjp li:nth-of-type(3)::before{content: "条件ハ "; font-weight:bold;}
ul.jyokenjp li:nth-of-type(4)::before{content: "条件ニ "; font-weight:bold;}


ul.jinbutsu{list-style: none; margin-left:-1em;}
ul.jinbutsu li {margin-left:4.0em; padding-left: 1.5em; text-indent: -1.7em;}
ul.jinbutsu li:nth-of-type(1)::before{content: "Ｐ :"; font-weight:bold;}
ul.jinbutsu li:nth-of-type(2)::before{content: "Ｑ :"; font-weight:bold;}
ul.jinbutsu li:nth-of-type(3)::before{content: "Ｒ :"; font-weight:bold;}

/* 未回答がありますモーダル */
.modal-body{ position: relative; display: inline-block; vertical-align: middle; width: 100%; box-sizing: border-box; padding: 0; background: #ffffff; transform: rotate(0.03deg);} /* transform:追加 */
.modal-close{position: absolute; display: flex; align-items: center;  justify-content: center; top: -40px; right: 10px; width: 40px; height: 40px; font-size: 40px; color: #fff; cursor: pointer;}
.modal-content{text-align: left; padding: 20px; box-sizing: border-box; width: 100%;}

.dialog-color { color: #ffffff !important; background-color:#0768ab !important;}
.backButton{padding:5px 30px !important; background: #0768ab !important; color:#ffffff !important; border-radius: 6px !important; font-size: 1.0em !important;}

/* 回答状況モーダル */
.htJyokyo {position: absolute; right: 51px; z-index: 2001;}
.JumpDiv{float: left; margin: 0.5%; box-sizing: border-box; position: relative;}
.JumpP{width: 100%; text-align: center; border: 1px solid #1b2538;}
.JumBt{ width: 100%; padding: 1em 0 !important; margin: 0 0 -19px !important; line-height: 1 !important; background: #C9CACA !important; }
.JumBt:hover{background: rgba(0,0,0,0.1);}

.AnsJokyoA{display: inline-block; font-size: 0.9em; color: #ffffff; background:#e81010; position: absolute; top:-6px; right:-2px; padding: 5px; border-radius: 50%; z-index: 2;}
.AnsJokyoN{display: inline-block; font-size: 0.9em; color: #ffffff; background:#013ADF; position: absolute; top:-6px; right:-2px; padding: 5px; border-radius: 50%; z-index: 2;}
.AnsJokyoScroll {
	overflow-y: scroll;
	overflow-x: hidden;
}
.AnsJokyoCloseBtn{width:100%; height:2.5em!important;  padding:10px 0 20px!important; background: #13AE67 !important; color:#ffffff !important; border-radius: 6px !important; font-size: 1.0em !important;}
.AnsJokyoEndBtn{width:100%; height:2.5em!important;  padding:10px 0 20px!important; background: #FF7100 !important; color:#ffffff !important; border-radius: 6px !important; font-size: 1.0em !important;}

/* 回答未選択アラート */
.mouseOverMsg{width:90%; position: absolute; top: -42px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding:15px 0 !important; background: #0a53be !important; color:#ffffff !important; border-radius: 6px !important; font-size: 1.1em !important; font-weight: bold;}
.mouseEvt{position:relative;}

/* 受験者情報入力画面アラート */
.alertMsgBtn{width: 100%;}

/* 送信失敗アラート */
.banner-button{font-size: 1.0em !important;}
.retryClickMsg{width:100% !important; height:50px; position: absolute; top: -42px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding:15px 0 !important; background: #0a53be !important; color:#ffffff !important; border-radius: 6px !important; font-size: 1.1em !important; font-weight: bold; }

/* 試験終了画面メッセージ出し分け */
.view_only_top [data-position="middle"], .view_only_top [data-position="bottom"],
.view_only_middle [data-position="top"], .view_only_middle [data-position="bottom"],
.view_only_bottom [data-position="top"], .view_only_bottom [data-position="middle"]
{
	display: none;
}