:root {
	--color0: #FFFFFF; 			/* white */
	--color1: #ff0000; 				/* red ブックマークカラー */
	--color2: #1D65C1; 			/* blue */
	--color3: #00BBFF; 			/* header blue */
	--color4: #212121; 				/* dark gray */
	--color5: #08131B; 				/* header background color , main black color*/
	--color6: #eeeeee; 				/* footer background color */
	--color7: #000000; 				/* black */
	--color8: #F2F2F2; 				/* 薄い灰色　過去問DBの背景色など */
	--color9: #0075BF; 				/* 4年 */
	--color10: #E83F6F; 			/* 5年 */
	--color11: #009959; 			/* 6年 */
	--color12: #cccccc; 				/* ボタンオフの灰色 */
	--color13: #15202B; 			/* twitterダークブルー */
	--color14: #f8f8f8; 				/* とても薄い灰色 */
	--color15: #0075FF; 			/* フォーム 必須カラー */
	--color16: #c7d2d8;				/* ブックマーク解除カラー */
	--color17: #08131B; 			/* 教科書 */
	--color18: #0092D6;			/* 今日のチェックテストblue */
	--color19: #EA004E;			/* 今日のチェックテストred */
	
	--font1: 'Otomanopee One', sans-serif;
	--font2: 'Mochiy Pop One', sans-serif; 		/* logo */
	--font3: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	--font4: 'Zen Antique', sans-serif; 				/* 学校名 */
	--font5: "din-2014", sans-serif;
}

form#form1 td{
 position:relative;	
}

::placeholder {
  font-size: 13px;
}

.add_favorite{
	font-size:28px;font-weight:bold;padding:6px 16px 6px 14px;text-decoration: none;color: var(--color16);
}
.remove_favorite{
	font-size:28px;font-weight:bold;padding:6px 16px 6px 14px;text-decoration: none;color: var(--color1);
}
.add_favorite_off{
	font-size:28px;font-weight:bold;padding:6px 16px 6px 14px;text-decoration: none;color: var(--color12);
}
.add_favorite:hover{
	opacity:0.8;
}

.fa-exclamation-triangle {
	color: var(--color1);
}

.fa-arrow-circle-right {
	color: var(--color2);
}

button{
	background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;
}
body {
	margin: 0;padding: 0;color: var(--color7);font-family: var(--font3);background: var(--color0);display: flex;flex-flow: column;position: relative;
}
a{
	text-decoration:none;color: var(--color5);
}

.submit_button1 {
	font-size:15px;color: var(--color0);padding:10px 30px 10px 30px;border-radius:20px;background-color: var(--color2);
}
.submit_button1:hover {
	opacity: 0.8;
}
.submit_button1:disabled {
	background-color: var(--color6);
}
.submit_button1 .fa-arrow-circle-right {
	color: var(--color0) !important;
}

 .button_a {
	font-size:15px;padding:9px 30px 9px 30px;border-radius:20px;background-color: var(--color0);border:1px solid var(--color5);
}
.button_a:hover {
	opacity: 0.8;
}

.button_a .fa-arrow-circle-right {
	color: var(--color2);
}

.link_button1 {
	font-size:15px;color: var(--color0);padding:10px 30px 10px 30px;border-radius:20px;background-color: var(--color2);display:inline-block;
}
.link_button1:hover {
	opacity: 0.8;
}
.link_button1:disabled {
	background-color: var(--color6);
}


.required_box1 {
	font-size:12px;background-color:var(--color15);color: var(--color0);padding:2px 3px 2px 3px;
}
.required_box2 {
	font-size:12px;background-color:var(--color5);color: var(--color0);padding:2px 3px 2px 3px;
}
.text_input {
	padding:10px 10px 10px 10px;border:1px solid var(--color6);font-size:16px;background-color:var(--color6);font-family: var(--font3);
}

h1#page_title{
	margin:30px 0px 30px  0px;font-size:20px;font-family: var(--font3);font-weight:bold;
}
h2#page_subtitle{
	margin:20px 0px 0px  0px;font-size:16px;font-family: var(--font3);font-weight:bold;
}
p.paragraph{
	padding:20px 0px 20px  0px;line-height:180%;font-family: var(--font3);
}
.db_menu .fa-arrow-circle-right {
	color: var(--color2);
}
.fa-circle-check{
	color: var(--color2);
}
.error {
	padding:5px 0px 20px 0px;font-size:16px;font-weight:bold;
}
.done {
	padding:5px 0px 20px 0px;font-size:16px;font-weight:bold;
}
.message {
	padding:5px 0px 20px 0px;font-size:16px;font-weight:bold;
}
.annotation{
	font-size:13px;margin-bottom:30px;
}

div.message_contents{
	margin:30px auto;padding:20px;width:600px;text-align:center;
}

/* ヘッダー */

header {
	width: 100%;height: 100px;background: var(--color5);color: var(--color0);box-sizing: border-box;position: fixed;top: 0;text-align:center;z-index:99;
}
header .fa-chevron-down {
	margin-left:8px;font-size:12px;
}
header .fa-arrow-circle-right{
	color: var(--color0);
}
header div.header1{
	margin:20px auto 10px auto;align-items: center;width:960px;position:relative;display:inline-block;
}
header h1{
	float: left;
}
header h1 a {
	color: var(--color0);font-size: 16px;text-decoration: none;font-family: var(--font2);
}

span#page_top{
	cursor:pointer;font-size:30px;position:fixed;top:300px;right:20px;
}
span#page_bottom{
	cursor:pointer;font-size:30px;position:fixed;top:340px;right:20px;
}
span#page_top:hover{
	opacity:0.8;
}
span#page_bottom:hover{
	opacity:0.8;
}

header nav.nav1{
	float: right;
}
header div.header2{
	margin:0px auto 20px auto;width:960px;position:relative;clear:both;
}
header div.header2 li{
	cursor:pointer;
}
header.sub_header {
	padding-top:5px;border-top:1px solid var(--color7);width: 100%;height: 70px;background: var(--color5);color: var(--color0);box-sizing: border-box;
	position: fixed;top: 100px;text-align:center;z-index:99;display:none;
}
header div.header3{
	margin:15px auto 20px auto;width:960px;position:relative;clear:both;
}
header.sub_header nav {
	display:none;
}
header ul {
	list-style: none;display: flex;
}
header .header1 ul li {
	margin: 0px 40px 0px 0px;cursor:pointer;display: -webkit-box;display: -moz-box;display: -o-box;display: -ms-box;display: box;-webkit-box-align: center;-moz-box-align: center;-o-box-align: center;-ms-box-align: center;box-align: center; 
}
header .header1 ul li:last-child {
	margin: 0px 0px 0px 0px;cursor:pointer;
}
header .header1 ul li a {
	font-size:16px;padding: 0px 0px 0px 0px;text-decoration: none;color:var(--color0);display: block;
}
header .header1 ul li a:hover {
	opacity:0.8;
}

header .header2 ul li {
	margin: 5px 75px 0px 0px;
}
header .header2 ul li:last-child {
	margin: 5px 0px 0px 8px;
}
header .header2 ul li a {
	color: var(--color0);text-decoration: none;
}
header .header2 ul li a:hover {
	opacity:0.8;
}

header .header3 ul {
	display:flex;flex-wrap: nowrap;
}
header .header3 ul li {
	width:100%;
}
header .header3 ul li a {
	color: var(--color0);text-decoration: none;
}
header .header3 ul li a:hover {
	opacity:0.8;
}

main {
	margin:120px auto 100px auto;width:960px;min-height: calc(100vh - 100px);padding-bottom: 300px;box-sizing: border-box;
}

/*ツール*/
main.tool div.tool_index{
	font-family: var(--font3);margin-top:10px;
}
main.tool div.tool_index h2{
	margin:20px 0px 0px 0px;font-size:18px;font-weight:bold;padding:0px 0px 0px 10px;
}
main.tool div.tool_index h2 span.tool_title{
	font-weight:bold;font-size:28px;	
}
main.tool div.tool_index ul{
	margin:0px 0px 40px 0px;list-style: none;display: flex;width:960px;flex-wrap: wrap;
}
main.tool  div.tool_index ul li {
	cursor:pointer;background-color: var(--color8);border-radius:10px;padding:20px 20px 30px 20px;margin:20px 10px 20px 0px;text-decoration: none;position:relative;
}
main.tool  div.tool_index ul li:hover {
	opacity:0.8;
}
main.tool  div.tool_index ul li img {
	background-color: var(--color0);padding:10px 20px 10px 20px;border-radius:10px;width:150px;
}
main.tool  div.tool_index ul li p {
	text-align:center;font-size:14px;width:230px;background-color: var(--color5);padding:10px 20px 10px 10px;border-radius:0px 0px 10px 10px;
	text-decoration: none;color: var(--color0);font-weight:bold;position:absolute;display:block;margin:-10px 0px 0px -20px;box-sizing: border-box;
}

/*ツールプリント,グリッド*/
main.tool_dtl h2{
	margin:20px 0px 20px 0px;font-size:20px;font-weight:bold;padding:0px 0px 0px 0px;
}
main.tool_dtl  img.thum {
	border:3px solid #202B3A;padding:0px;border-radius:10px;float:left;width:340px;object-fit: cover;height:400px;
}
main.tool_dtl  div.text1 {
	width:545px;margin-left:30px;padding:15px;background-color:#fafafa;float:left;border-radius:5px;line-height:180%;font-size:14px;
}
main.tool_dtl  div.text2 {
	margin-top:20px;width:545px;margin-left:30px;padding:15px;background-color:#202B3A;float:left;border-radius:5px;line-height:180%;font-size:14px;color:var(--color0);
}
main.tool_dtl  .button {
	padding:20px 35px 20px 35px;border-radius:40px;background-color: var(--color2);font-size:15px;margin: 0px 0px 20px 0px;cursor:pointer;display:inline-block;color: var(--color0);
}
main.tool_dtl  .button a {
	color: var(--color0);
}
main.tool_dtl  div.unit_index h3 {
	font-size:20px;margin:30px 0px 30px 5px;font-weight:bold;
}
main.tool_dtl  div.unit_index ul li {
	cursor:pointer;background-color: var(--color8);border-radius:10px;padding:20px 20px 30px 20px;margin:20px 5px 50px 0px;text-decoration: none;position:relative;display:inline-block;
}
main.tool_dtl  div.unit_index ul li:hover {
	opacity:0.8;
}
main.tool_dtl  div.unit_index ul li img {
	background-color: var(--color0);padding:10px 20px 10px 20px;border-radius:10px;width:150px;height:161px;
}
main.tool_dtl  div.unit_index ul li p {
	text-align:center;font-size:14px;width:230px;background-color: var(--color5);padding:10px 20px 10px 10px;border-radius:0px 0px 10px 10px;
	text-decoration: none;color: var(--color0);font-weight:bold;position:absolute;display:block;margin:10px 0px 0px -20px;box-sizing: border-box;
}
main.tool_dtl div.unit_index  span.gradek{
	font-size:14px;font-weight:bold;position:absolute;text-decoration: none;color: var(--color5);top:-30px;left:5px;border-left:8px solid var(--color17);padding:0px 10px 0px 5px;
}
main.tool_dtl div.unit_index  span.grade4{
	font-size:14px;font-weight:bold;position:absolute;text-decoration: none;color: var(--color5);top:-30px;left:5px;border-left:8px solid var(--color9);padding:0px 10px 0px 5px;
}
main.tool_dtl div.unit_index  span.grade5{
	font-size:14px;font-weight:bold;position:absolute;text-decoration: none;color: var(--color5);top:-30px;left:5px;border-left:8px solid var(--color10);padding:0px 10px 0px 5px;
}
main.tool_dtl div.unit_index  span.grade6{
	font-size:14px;font-weight:bold;position:absolute;text-decoration: none;color: var(--color5);top:-30px;left:5px;border-left:8px solid var(--color11);padding:0px 10px 0px 5px;
}

/*ツールパブリッシュ */

main.publish_print {
	all: initial;font-family: var(--font3);margin-top:5px;box-sizing: border-box;
}
main.publish_print .button_box{
	z-index:2;position:fixed;margin:30px;
}
main.publish_print .print{
	cursor:pointer;position:absolute;top:5mm;right:8mm;border-radius:30px;padding:14px 20px 14px 20px;background-color:var(--color2);color:var(--color0);font-size:100%;opacity:90%;
}
main.publish_print .reload{
	cursor:pointer;position:absolute;top:5mm;right:40mm;border-radius:30px;padding:14px 20px 14px 20px;background-color:var(--color2);color:var(--color0);font-size:100%;opacity:90%;
}
main.publish_print section.sheet .footer{
	position:absolute;bottom:2mm;left:10mm
}

/* ユニット */

main.unit div.unit_index{
	font-family: var(--font3);margin-top:-100px;padding-top: 100px;
}

main.unit nav.unit_button{
	position:fixed;top:160px;right:60px;left:auto;
}
main.unit nav.unit_button p{
	text-align:center;padding:7px 7px;border-radius:30px;background-color: var(--color5);color: var(--color0);margin-bottom:10px;font-weight:bold;
}
main.unit nav.unit_button p:hover{
	background-color: var(--color15);
}

main.unit div.unit_index h2{
	margin:20px 0px 0px 0px;font-size:18px;font-weight:bold;padding:0px 0px 0px 10px;scroll-margin-top: 120px;
}
main.unit div.unit_index h2.gradek{
	border-left:8px solid var(--color17);
}
main.unit div.unit_index h2.grade4{
	border-left:8px solid var(--color9);
}
main.unit div.unit_index h2.grade5{
	border-left:8px solid var(--color10);
}
main.unit div.unit_index h2.grade6{
	border-left:8px solid var(--color11);	
}
main.unit div.unit_index .remove_favorite{
	position:absolute;font-size:28px;right:8px;top:10px;
}
main.unit div.unit_index .add_favorite{
	position:absolute;font-size:28px;right:8px;top:10px;
}
main.unit div.unit_index h2 span.unit_title{
	font-weight:bold;font-size:28px;	
}
main.unit div.unit_index ul{
	margin:0px 0px 40px 0px;list-style: none;display: flex;
}
main.unit div.unit_index ul.bookmark{
	margin:0px 0px 40px 0px;list-style: none;display: flex;flex-wrap: wrap;
}
main.unit div.unit_index ul.bookmark li{
	margin-bottom:60px;
}
main.unit div.unit_index ul.bookmark span.gradek{
	font-size:14px;font-weight:bold;position:absolute;text-decoration: none;color: var(--color5);top:-30px;left:5px;border-left:8px solid var(--color17);padding:0px 10px 0px 5px;
}
main.unit div.unit_index ul.bookmark span.grade4{
	font-size:14px;font-weight:bold;position:absolute;text-decoration: none;color: var(--color5);top:-30px;left:5px;border-left:8px solid var(--color9);padding:0px 10px 0px 5px;
}
main.unit div.unit_index ul.bookmark span.grade5{
	font-size:14px;font-weight:bold;position:absolute;text-decoration: none;color: var(--color5);top:-30px;left:5px;border-left:8px solid var(--color10);padding:0px 10px 0px 5px;
}
main.unit div.unit_index ul.bookmark span.grade6{
	font-size:14px;font-weight:bold;position:absolute;text-decoration: none;color: var(--color5);top:-30px;left:5px;border-left:8px solid var(--color11);padding:0px 10px 0px 5px;
}

main.unit div.unit_index ul li {
	cursor:pointer;background-color: var(--color8);border-radius:10px;padding:20px 20px 30px 20px;margin:20px 10px 20px 0px;text-decoration: none;position:relative;
}
main.unit div.unit_index ul li:hover {
	opacity:0.8;
}
main.unit div.unit_index ul li img {
	background-color: var(--color0);padding:10px 20px 10px 20px;border-radius:10px;width:150px;height:161px;
}
main.unit div.unit_index ul li p {
	text-align:center;font-size:14px;width:230px;background-color: var(--color5);padding:10px 20px 10px 10px;border-radius:0px 0px 10px 10px;
	text-decoration: none;color: var(--color0);font-weight:bold;position:absolute;display:block;margin:10px 0px 0px -20px;box-sizing: border-box;
}

/* ユニット dtl */

main.dtl h2{
	margin:5px 0px 20px 0px;font-size:18px;font-weight:bold;padding:0px 0px 0px 10px;
}
main.dtl h2.gradek{
	border-left:8px solid var(--color17);
}
main.dtl h2.grade4{
	border-left:8px solid var(--color9);
}
main.dtl h2.grade5{
	border-left:8px solid var(--color10);
}
main.dtl h2.grade6{
	border-left:8px solid var(--color11);	
}
main.dtl span.unit_title{
	font-weight:bold;font-size:28px;	
}
main.dtl span.unit_sub_title{
	font-weight:bold;font-size:20px;	
}
main.dtl div.page_menu{
	float:right;font-size:24px;margin-top:10px;	
}
main.dtl div.page_menu a{
	color:var(--color5);
}
main.dtl div.page_menu ul li{
	padding:10px 15px 10px 15px;border-radius:40px;background-color: var(--color2);font-size:15px;color: var(--color0);margin: 0px 0px 0px 0px;cursor:pointer;
}
main.dtl p.to_unitIndex{
	float:left;
}
main.dtl p.to_unitIndex i{
	font-size:42px;color:var(--color2);
}


main.dtl div.favorite{
	position:absolute;z-index:2;margin:31px 0px 0px 236px;cursor:pointer;
}
main.dtl img.mondai{
	padding:10px 5px;border:15px solid var(--color6);margin:20px 50px 20px 0px;width:250px;border-radius:5px;float:left;position:relative;
}
main.dtl div.right{
	width:610px;float:right;
}
main.dtl ul.svg_viewer_button {
	margin:0px 0px 0px 0px;list-style: none;display: flex;
}
main.dtl ul.svg_viewer_button li{
	padding:20px 35px 20px 35px;border-radius:40px;background-color: var(--color2);font-size:15px;color: var(--color0);margin: 20px 0px 0px 0px;cursor:pointer;
}

main.dtl ul.svg_viewer_button li:last-child{
	margin: 20px 20px 0px 0px;
}
main.dtl div.tag{
	padding-bottom:10px;
}
main.dtl div.tag h3{
	font-weight:bold;margin-bottom:10px;
}
main.dtl div.inherit h3{
	font-weight:bold;margin:20px 0px 15px 0px;
}
main.dtl h3.kakomon{
	font-weight:bold;margin:10px 0px 0px 0px;
}
main.dtl div.tag button{
	float:left;font-size:14px;padding:3px;margin-right:10px;
}
main.dtl div.tag{
	margin: 30px 0px 0px 0px;
}
main.dtl div.tag1 i {
		color: var(--color2);
}
main.dtl div.tag1{
	margin: 5px 0px 0px 0px;
}
main.dtl div.inherit{
	margin:10px 0px 0px 0px;
}
main.dtl div.inherit a{
	display:inline-block;color: var(--color7);font-size:14px;padding:5px;
}
main.dtl div.tag2{
	margin: -10px 0px 0px 0px;
}
main.dtl div.tag2 i {
		color: var(--color2);
}

/*フィードバック */

#feedback_div {
		width:100%;text-align:left;padding-top:10px;margin-bottom:50px;
}
#feedback_open {
		display:inline;background-color:var(--color2);color:#FFFFFF;padding:10px 20px 10px 20px;border-radius:20px;margin-bottom:20px;cursor:pointer;font-size:13px;
}
#feedback_form {
		margin-top:30px;display:none;font-size:14px;
}
#feedback_textarea {
		width:98%;height:120px;border-radius:10px;padding:10px;overflow:hidden;border:1px solid #aaaaaa;font-family: var(--font3);background-color:var(--color8);
}
#feedback_textarea::placeholder {
		color:#666666;
}


/* 過去問 学校一覧 */

main.school_category h2 {
	font-size:28px;font-family: var(--font3);font-weight:bold;margin-bottom:20px;scroll-margin-top: 120px;
}
main.school_category nav.kana_button{
	position:fixed;top:160px;right:50px;left:auto;
}
main.school_category nav.kana_button p{
	padding:6px 10px;border-radius:30px;background-color: var(--color5);color: var(--color0);margin-bottom:-5px;font-weight:bold;
}
main.school_category nav.kana_button p:hover{
	background-color: var(--color15);
}
main.school_category nav.db_menu ul {
	margin:15px 0px 10px 0px;list-style: none;display: flex;
}
main.school_category nav.db_menu ul.right {
	margin:5px 0px 0px 0px;float:right;
}
main.school_category nav.db_menu ul li a.button{
	font-size:14px;font-weight:bold;padding:3px 16px 3px 14px;text-decoration: none;border:2px solid var(--color5);border-radius:20px;color:  var(--color7);
}
main.school_category nav.db_menu ul li a{
	margin:0px 0px 0px 20px;font-size:14px;font-weight:bold;padding:5px 16px 5px 16px;text-decoration: none;color:  var(--color7);
}
main.school_category nav.db_menu ul li a:hover{
	background-color: var(--color6);border-radius:20px;
}
main.school_category p {
	font-size:16px;margin:10px 20px 20px 0px;
}
main.school_category span {

}
main.school_category table {
	width:100%;border-collapse:collapse;margin-bottom:30px;table-layout:fixed;
}
main.school_category td {
	border:1px solid var(--color6);text-align:left;vertical-align:middle;background-color:var(--color0);
}
main.school_category button.school_name{
	font-size:16px;border:none;background-color:var(--color0);font-family: var(--font3);font-weight:bold;cursor:pointer;text-align:left;outline:none;
	-webkit-appearance: none;width:100%;height:100%;padding:12px 10px 12px 10px;
}
main.school_category button.school_name:hover{
	background-color:var(--color6);
}

/* 立体 */

main.solid_index h2 {
	font-size:28px;font-family: var(--font3);margin-bottom:20px;
}

.solid_dtl a.logo{
	color:var(--color5);font-size: 16px;text-decoration: none;line-height:250%;font-family: var(--font2);
}

/* 過去問タグ一覧 */

main.db_tags h2 {
	font-size:28px;font-family: var(--font3);font-weight:bold;margin-bottom:20px;
}
main.db_tags nav.db_menu ul {
	margin:15px 0px 10px 0px;list-style: none;display: flex;
}
main.db_tags nav.db_menu ul.right {
	margin:5px 0px 0px 0px;float:right;
}
main.db_tags nav.db_menu ul li a.button{
	font-size:14px;font-weight:bold;padding:3px 16px 3px 14px;text-decoration: none;border:2px solid var(--color5);border-radius:20px;color:  var(--color7);
}
main.db_tags nav.db_menu ul li a{
	margin:0px 0px 0px 20px;font-size:14px;font-weight:bold;padding:5px 16px 5px 16px;text-decoration: none;color:  var(--color7);
}
main.db_tags nav.db_menu ul li a:hover{
	background-color: var(--color6);border-radius:20px;
}
main.db_tags table {
	width:100%;border-collapse:collapse;margin-bottom:30px;table-layout:fixed;
}
main.db_tags td {
	border:1px solid var(--color6);text-align:center;vertical-align:middle;background-color:var(--color0);
}
main.db_tags button.word{
	font-size:16px;border:none;background-color:var(--color0);font-family: var(--font3);font-weight:bold;cursor:pointer;outline:none;-webkit-appearance: none;
	width:100%;height:100%;padding:8px 10px 8px 10px;
}
main.db_tags button.word:hover{
	background-color:var(--color6);
}

/* カテゴリー */

main.category h2 {
	font-size:28px;font-family: var(--font3);font-weight:bold;margin-bottom:20px;
}
main.category table {
	width:100%;border-collapse:collapse;margin-bottom:30px;table-layout:fixed;
}
main.category td {
	border:1px solid var(--color6);text-align:center;vertical-align:middle;background-color:var(--color0);
}
main.category button.word{
	font-size:16px;border:none;background-color:var(--color0);font-family: var(--font3);font-weight:bold;cursor:pointer;outline:none;-webkit-appearance: none;
	width:100%;height:100%;padding:8px 10px 8px 10px;
}
main.category button.word:hover{
	background-color:var(--color6);
}

/* ニュース */

main.news {
	box-sizing: border-box;
}
main.news h1{
	font-family: var(--font5);
}
main.news .news-item {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 24px;
  margin-bottom: 56px;
}

main.news .news-item time {
  font-size: 0.9rem;
  color: #9ca3af;
}

main.news .news-item .content {
  padding-bottom: 32px;
  border-bottom: 1px solid #e5e7eb;
}

main.news .news-item .content h2 {
  font-weight:bold;
}

main.news .news-item a {
  color: #1e3a8a;  
  font-weight: 600;  
  text-decoration: none;
  border-bottom: 1px solid #d1d5db;
}

main.news .news-item a:hover {
  color: #0f172a; 
  border-bottom-color: #0f172a;
}

/* 特定商取引法 */

main.cta {
	box-sizing: border-box;
}
main.cta td.td1 {
	border-bottom:1px solid #eeeeee;padding:20px;font-size:130%
}
main.cta td.td2 {
	width:200px;vertical-align:top;border-bottom:1px solid #eeeeee;padding:20px;
}
main.cta td.td3 {
	width:500px;vertical-align:top;border-bottom:1px solid #eeeeee;padding:20px;
}

/* お問合せ */

main.inquiry {
	box-sizing: border-box;
}
main.inquiry td.td1 {
	border-bottom:1px solid #eeeeee;padding:20px;font-size:130%
}
main.inquiry td.td2 {
	width:200px;vertical-align:middle;border-bottom:1px solid #eeeeee;padding:20px;
}
main.inquiry td.td3 {
	width:550px;vertical-align:middle;border-bottom:1px solid #eeeeee;padding:20px;
}



/* 過去問DB */

main.db h2 {
	float:left;font-size:28px;font-family: var(--font4);
}
main.db h2.tag {
	font-weight:bold;margin-top:6px;float:left;font-size:18px;font-family: var(--font3);
}
main.db div.pager1 {
	margin-top:5px;
}
main.db nav.db_menu ul {
	margin:25px 0px 10px 0px;list-style: none;display: flex;
}
main.db nav.db_menu ul.right {
	margin:0px 0px 0px 0px;float:right;
}
main.db nav.db_menu ul li a{
	margin:0px 10px 0px 0px;font-size:14px;font-weight:bold;padding:5px 16px 5px 16px;text-decoration: none;color:  var(--color7);
}
main.db nav.db_menu ul.right li a{
	margin:0px 0px 0px 20px;font-size:14px;font-weight:bold;padding:5px 16px 5px 16px;text-decoration: none;color:  var(--color7);
}
main.db nav.db_menu ul li a:hover{
	background-color: var(--color6);border-radius:20px;
}
main.db nav.db_menu ul li a.active{
	background-color: var(--color5);border-radius:20px;color: var(--color0);
}
main.db nav.db_menu ul li a.button{
	font-size:14px;font-weight:bold;padding:3px 16px 3px 14px;text-decoration: none;border:2px solid var(--color5);border-radius:20px;color:  var(--color7);
}
main.db nav.db_menu div.pager1{
	margin-bottom:20px;
}
main ul.mondai img {
	cursor:poniter;margin-top:20px;margin-bottom:20px;zoom:1.2;
}
main ul.mondai {
	clear:both;list-style: none;
}
main ul.mondai li {
	cursor:pointer;background-color: var(--color8);border-radius:10px;padding:10px 0px 40px 20px;margin:20px 0px 20px 0px;text-decoration: none;position:relative;
}
main ul.mondai li:hover {
	background-color: var(--color0);
}
main ul.mondai hr {
	margin-left:-20px;background-color: var(--color0);height:2px;border-style: none;
}
main ul.mondai li a {
	text-decoration: none;color: var(--color5); font-weight:bold;
}
main ul.mondai li a.mondai_top:before {
	content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
main ul.mondai li div {
	margin:10px 0px 0px 0px;
}
main ul.mondai li span.grade4 {
	font-size:14px;font-weight:bold;border-left:8px solid var(--color9);padding:6px 10px 5px 10px;
}
main ul.mondai li span.grade5 {
	font-size:14px;font-weight:bold;border-left:8px solid var(--color10);padding:6px 10px 5px 10px;
}
main ul.mondai li span.grade6 {
	font-size:14px;font-weight:bold;border-left:8px solid var(--color11);padding:6px 10px 5px 10px;
}
main ul.mondai li h3 {
	margin-right:15px;display:inline;font-size:16px;font-family: var(--font4);text-decoration: none;background-color: var(--color8);padding:8px 14px 8px 14px;
	border-radius:20px;position:relative;z-index:20;
}
main ul.mondai li h3.bunya2 {
	margin-left:20px;font-family: var(--font3);
}
main ul.mondai li .favorite {
	position:relative;
}
main ul.mondai li .add_favorite {
	float:right;margin:-10px 10px 0px 0px;
}
main ul.mondai li .remove_favorite {
	float:right;margin:-10px 10px 0px 0px;
}
main ul.mondai li .add_favorite_off {
	float:right;margin:-10px 10px 0px 0px;
}
main ul.mondai li form {
	float:left;
}
main ul.mondai li button {
	background-color: var(--color8);cursor:pointer;border:0px;margin:0px 20px 0px 0px;padding:6px 10px 6px 10px;border-radius:20px;
}
main ul.mondai li section {
	clear:both;display:block;margin:0px 0px 0px 0px;padding:10px 20px 0px 0px;
}

div#pagenation {
	position: relative;overflow: hidden;
}
div#pagenation ul {
	position:relative;left:50%;float:left;list-style: none;
}
div#pagenation li {
	position:relative;left:-50%;float:left;
}
div#pagenation li a {
	border-radius:20px;margin: 0 3px;padding:5px 14px;display: block;text-decoration:none;color: var(--color5);background: var(--color8);font-size:15px;font-weight:bold;
}
div#pagenation li.active a,
div#pagenation li a:hover{
	color: var(--color0);background: var(--color5);font-size:14px;font-weight:bold;
}

/* index */


div.index_swiper .school_name{
	font-size:20px;font-family:var(--font4);color:var(--color5);
}
div.index_swiper .nendo{
	font-size:16px;color:var(--color5);font-weight:bold;
}
div.index_swiper article{
	background-color:#f6f6f4;border:1px solid #eeeeee;border-radius: 30px;width:640px;height:320px;margin-left: auto;margin-right: auto;padding:10px;box-sizing: border-box;
}
div.index_swiper article div{
	margin:10px auto 30px auto;text-align:center
}

main.index{
	margin-top:500px;
}

main.index .section-title {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

main.index div.kakomon{
	margin-top:50px;position: relative;
}
main.index div.kakomon p{
	//font-size:36px;font-weight:bold;color:var(--color5);
}
main.index div.kakomon ul.ul1{
	display: flex;float:left;margin-top:25px;margin-left:0px;
}
main.index div.kakomon ul.ul1 li{
	margin-right: 20px;list-style: none;display: inline-block; /* 横並び用なら */
}
main.index div.kakomon ul.ul1 li a{
	display: block;padding: 30px 45px;background-color: var(--color15);border-radius: 50px;font-weight: bold;color: var(--color0);text-decoration: none;border: 1px solid #eeeeee;
}

main.index div.kakomon ul.ul2{
	display: flex;float:left;margin-top:25px;margin-left:0px;
}
main.index div.kakomon ul.ul2 li{
	margin-right: 20px;list-style: none;display: inline-block; /* 横並び用なら */
}
main.index div.kakomon ul.ul2 li a{
	display: block;padding: 30px 45px;background-color:#eeeeee;border-radius: 50px;font-weight: bold;color: var(--color5);text-decoration: none;border: 1px solid #eeeeee;
}


main.index div.solid{
	float:right;box-sizing:border-box;font-size:30px;font-weight:bold;background-color:#F6F6F4;border-radius:15px;width:360px;height:450px;border:1px solid #eeeeee;
	margin-top:-320px;overflow:hidden;
	  background: #f9fafb;
  border-radius: 20px;
  box-shadow:
    0 1px 2px rgba(0,0,0,0.04),
    0 6px 18px rgba(0,0,0,0.06);
}
main.index div.solid .solid_inline{
	z-index:5;position: absolute;
}
main.index div.solid p{
	margin: 50px 0px 0px 20px;font-size:60px;font-weight:bold;opacity:0.9;z-index:2;position: relative;color:#374151;
}
main.index div.solid span{
	font-size:24px;display:block;margin-top:-60px;font-weight:bold;opacity:0.75;z-index:2;position: relative;color:#6b7280;text-shadow: none;
}

main.index div.tangen{
	margin-top:80px;position: relative;
}
main.index div.tangen p{
	//font-size:36px;font-weight:bold;color:var(--color5);
}
main.index div.tangen ul{
	display: flex;float:left;margin-top:-15px;margin-left:0px;
}
main.index div.tangen ul li{
	margin-right: 20px;list-style: none;display: inline-block; /* 横並び用なら */
}
main.index div.tangen ul li a{
	display: block;padding: 30px 45px;background-color: var(--color15);border-radius: 50px;font-weight: bold;color: var(--color0);text-decoration: none;border: 1px solid #eeeeee;
}
main.index div.tangen ul li:last-child a{
	color:var(--color7);background-color:#eeeeee;
}

main.index div.top_menu{
	margin:30px auto 0px auto;position: relative;
}
main.index div.top_menu ul li{
	margin-right: 20px;list-style: none;display: inline-block; /* 横並び用なら */
}
main.index div.top_menu ul li a{
	display: block;padding: 20px 30px;background-color: var(--color5);border-radius: 50px;font-weight: bold;color: var(--color0);text-decoration: none;border: 1px solid #eeeeee;
}

main.index div.store{
	margin-top:80px;position: relative;
}
main.index div.store p{
	//font-size:36px;font-weight:bold;color:var(--color5);margin-right:30px;float:left;
}
main.index div.store ul li{
	margin-right: 20px;list-style: none;display: inline-block; /* 横並び用なら */
}
main.index div.store ul li a{
	display: block;padding: 20px 30px;background-color: var(--color5);border-radius: 50px;font-weight: bold;color: var(--color0);text-decoration: none;border: 1px solid #eeeeee;
}


main.index div.kyouka{
	margin-top:80px;position: relative;
}
main.index div.kyouka p{
	//font-size:36px;font-weight:bold;color:var(--color5);margin-bottom:25px;
}
main.index div.kyouka ul li{
	margin-right: 20px;list-style: none;display: inline-block; /* 横並び用なら */
}
main.index div.kyouka ul li a{
	display: block;padding: 20px 30px;background-color: var(--color15);border-radius: 50px;font-weight: bold;color: var(--color0);text-decoration: none;border: 1px solid #eeeeee;
}

main.index div.tool{
	margin-top:80px;position: relative;
}
main.index div.tool p{
	font-size:36px;font-weight:bold;color:var(--color5);margin-right:30px;float:left;
}
main.index div.tool ul li{
	margin-right: 20px;list-style: none;display: inline-block; /* 横並び用なら */
}
main.index div.tool ul li a{
	display: block;padding: 20px 30px;background-color: var(--color0);border-radius: 50px;font-weight: bold;color: var(--color7);text-decoration: none;border: 1px solid #eeeeee;
}




/* SVGビュア */

main.viewer h2 {
	width:960px;text-align:left;margin:0px auto 0px auto;font-size:28px;font-family: var(--font4);display: flex;align-items: center;
}
main.viewer h2 a {
	display: flex;align-items: center;
}
main.viewer h2 i {
	color:var(--color2);margin-right: 8px;
}
main.viewer h2 span {
	font-size:14px;font-family: none;font-weight:bold;vertical-align: middle;
}
main.viewer ul.zoom {
	position:fixed;top:252px;right:0px;background-color:#08131B;padding:15px 16px 11px 16px;border-radius:10px 0px 0px 10px;z-index:10000;
}
main.viewer ul.zoom li {
	cursor:pointer;color:#FFFFFF;
}
main.viewer ul.print {
	position:fixed;top:126px;right:0px;background-color:#08131B;padding:15px 16px 11px 16px;border-radius:10px 0px 0px 10px;z-index:90;
}
main.viewer div#login_prompt {
	position:fixed;top:126px;right:60px;background-color:var(--color2);color:var(--color0);padding:9px 15px 9px 15px;border-radius:30px;z-index:90;display:none;
}
main.viewer ul.print li {
	cursor:pointer;color:#FFFFFF;
}
main.viewer ul.print li a {
	cursor:pointer;color:#FFFFFF;
}
main.viewer ul.calc {
	position:fixed;top:186px;right:0px;background-color:#08131B;padding:15px 16px 12px 16px;border-radius:10px 0px 0px 10px;z-index:90;
}
main.viewer ul.calc li {
	cursor:pointer;
	color:#FFFFFF;
}
main.viewer div#calc_box {
	position:fixed;top:186px;right:-720px;background-color:var(--color5);padding:15px 10px 11px 10px;border-radius:0px 0px 0px 4px;z-index:95;width:700px;height:340px;opacity:0.8;text-align:left;overflow:hidden;
}
main.viewer div.draw_tool {
	user-select: none;text-align:right;width:820px;margin:20px auto 0px auto;touch-action: manipulation;
}
main.viewer div.line_switch {
	display:inline-block;padding:2px 8px 2px 8px;cursor:pointer;
}
main.viewer div.draw_tool p.canvas_button {
	touch-action: manipulation;display:inline-block;border:1px solid #aaaaaa;border-radius:20px;margin-right:10px;padding:5px 8px 5px 8px;cursor:pointer;
}
main.viewer div.draw_tool p.canvas_slider {
	touch-action: manipulation;display:inline-block;padding:5px 8px 5px 8px;margin-right:10px;cursor:pointer;
}
main.viewer div.draw_tool i {
	color:#000000;touch-action: manipulation;font-size:24px;
}
main.viewer div.doc_ans div.login {
	margin:20px auto;width:380px;padding:15px 25px 15px 25px;background-color:var(--color2);border-radius:25px;color:#FFFFFF;
}
main.viewer .doc{
	position:relative;padding:0px 20px 0px -10px;background-color:#FFFFFF;border:1px solid #F5F5F5;width:800px;height:800px;overflow:hidden;margin-bottom:10px;box-shadow:0px 0px 1px 1px #999999;margin: 0px auto;
}

main.viewer .doc_ans{
	position:relative;padding:0px 20px 0px -10px;background-color:#cccccc;border:1px solid #F5F5F5;width:800px;height:800px;overflow:hidden;margin-bottom:10px;box-shadow:0px 0px 1px 1px #999999;margin: 0px auto;
}

main.viewer .doc_sp{
	position:relative;padding:0px 20px 0px -10px;background-color:#FFFFFF;border:1px solid #F5F5F5;width:300px;height:300px;overflow:hidden;margin-bottom:10px;box-shadow:0px 0px 1px 1px #999999;margin: 0px auto;
}

main.viewer .doc_ans_sp{
	position:relative;padding:0px 20px 0px -10px;background-color:#444444;border:1px solid #F5F5F5;width:300px;height:300px;overflow:hidden;margin-bottom:10px;box-shadow:0px 0px 1px 1px #999999;margin: 0px auto;
}

main.viewer .ans_display{
	z-index:20;position:absolute;right:5px;top:5px;padding:3px 10px 3px 10px;background-color:var(--color2);border-radius:12px;color:#ffffff;font-size:14px;cursor:pointer;font-weight:bold;
}

main.viewer .page_number{
	position:absolute;right:5px;bottom:5px;padding:1px 5px 1px 5px;background-color:#bbbbbb;border-radius:3px;color:#ffffff;font-size:12px;
}

/* SVGビュア  計算機　dentaku.php (calc_box)*/


/*publish*/
section.sheet{
	margin-top:20px;
}
section.sheet h1{
	position:absolute;top:5mm;left:8mm;font-weight:bold;
}
section.sheet h2{
	position:absolute;top:12mm;left:8mm;font-weight:bold;
}
section.sheet .title{
	position:absolute;top:5mm;left:8mm;font-weight:bold;
}
section.sheet .grade_level{
	position:absolute;top:5mm;left:90mm;font-weight:bold;
}
section.sheet .minsan{
	position:absolute;top:7mm;right:10mm;font-size:12px;font-weight:bold;
}
section.sheet .print{
	cursor:pointer;position:absolute;top:5mm;right:8mm;border-radius:30px;padding:14px 20px 14px 20px;background-color:var(--color2);color:var(--color0);font-size:100%;opacity:90%;
}
section.sheet .img_box{
	margin-bottom:0mm;padding-top:20mm;
}
section.sheet img{
	zoom:1.05;margin:-35mm 5mm 8mm -5mm;
}
section.sheet .footer{
	position:absolute;bottom:2mm;left:10mm
}
section.sheet .page_num{
	position:absolute;bottom:2mm;right:10mm;
}

/* ムービー */
main.movie .swiper-container {
    width: 100%;height: 400px;
}
main.movie .category1{
	position:relative;margin-top:10px;border-top:1px solid #eeeeee;padding-top:10px;
}
main.movie .swiper-container_mini {
	width:960px;margin-top:10px;overflow:hidden;
}
main.movie h2{
	font-size:28px;font-family: var(--font3);font-weight:bold;float:left;
}
main.movie td.movie_subtitle{
	padding:5px 15px 20px 15px;
}
main.movie td.movie_subtitle_x{
	padding:5px 5px 20px 0px;
}
main.movie a.unit_title{
	font-size:12px;color:var(--color5);display:block;margin-top:10px;font-weight:bold;
}
main.movie td.movie_subtitle a{
	font-size:15px;color:var(--color5);
}
main.movie td.movie_subtitle_x a{
	font-size:15px;color:var(--color5);
}
main.movie a.all_view{
	font-size:18px;color:var(--color5);margin-top:5px;display:inline-block;float:right;
}
main.movie .fa-lock{
	color:var(--color1);
}
main.movie .fa-arrow-circle-right{
	color:var(--color2);
}
main.movie img.big_thum{
	margin:20px 10px 0px 10px;width:480px;
}
main.movie img.mini_thum{
	margin:20px 10px 0px 10px;width:240px;
}
main.movie td.category_td{
	padding:0px 5px 0px 5px;
}
main.movie td.category_td:first-child{
	padding:0px 5px 0px 0px;
}
main.movie td.category_td:last-child{
	padding:0px 0px 0px 5px;
}
main.movie img.mini_thum_x{
	width:233px;
}
main.movie .swiper-mn{
	position:absolute;right:-45px;z-index:10;font-size:40px;top: 35%;position: absolute;cursor: pointer;color:var(--color12);padding:10px;
}
main.movie .swiper-mp{
	position:absolute;left:-40px;z-index:10;font-size:40px;top: 35%;position: absolute;cursor: pointer;color:var(--color12);padding:10px;
}

/* ムービーdtl */
main.movie_dtl a{
	font-size:14px;color:var(--color5);
}
main.movie_dtl h2{
	font-size:24px;font-family: var(--font3);margin-bottom:20px;
}
main.movie_dtl img.mini_thum{
	width:220px;margin-bottom:5px;
}
main.movie_dtl div.top{
	float:left;vertical-align:top;padding:0px 0px 0px 0px;box-sizing:border-box;width:75%;
}
main.movie_dtl p{
	padding:20px 10px 20px 10px;
}
main.movie_dtl div.right{
	float:right;vertical-align:top;padding:0px 0px 0px 20px;width:25%;box-sizing:border-box;
}
main.movie_dtl div.right1{
	font-weight:bold;font-size:14px;margin-bottom:4px;
}
main.movie_dtl div.bottom{
	width:100%;box-sizing:border-box;margin-top:540px;clear:both;
}
main.movie_dtl div.bottom td{
	padding:10px 10px 20px 10px;
}
main.movie_dtl div.bottom td img{
	width:225px;
}
main.movie_dtl div.bottom td:first-child{
	padding:10px 10px 20px 0px;
}
main.movie_dtl div.bottom td:last-child{
	padding:10px 0px 20px 10px;
}
main.movie_dtl div.bottom a.all_view{
	font-size:18px;color:var(--color5);margin-top:0px;display:inline-block;float:right;
}
main.movie_dtl div.bottom span{
	font-weight:bold;
}
main.movie_dtl .bottom .fa-arrow-circle-right{
	color:var(--color2);
}
main.movie_dtl .kai_open{
	padding:20px 20px 20px 25px;border-radius:40px;background-color: var(--color2);margin:0px 0px 20px 0px
}
main.movie_dtl .kai_open a{
	font-size:15px;color: var(--color0);
}


/* ブックマーク */

h2.bookmark {
	font-size:18px;font-weight:bold;font-family: var(--font3);margin-bottom:40px;float:left;
}

main.bookmark h2.bookmark {
	font-size:18px;font-weight:bold;font-family: var(--font3);margin-bottom:40px;float:left;
}

nav.bookmark ul {
	margin:15px 0px 10px 0px;list-style: none;display: flex;
}
nav.bookmark ul.right {
	margin:5px 0px 0px 0px;float:right;
}
nav.bookmark ul li a.button{
	font-size:14px;font-weight:bold;padding:3px 16px 3px 14px;text-decoration: none;border:2px solid var(--color5);border-radius:20px;color:  var(--color7);
}


/* マイページ */

main.mypage h2 {
	margin:50px 0px 30px 0px;font-size:20px;font-family: var(--font3);font-weight:bold;
}
main.mypage nav ul {
	margin:5px 0px 10px 0px;list-style: none;display: flex;justify-content: center;
}
main.mypage nav ul li a{
	margin:0px 20px 0px 0px;font-size:14px;font-weight:bold;padding:5px 16px 5px 16px;text-decoration: none;color:  var(--color7);
}
main.mypage nav ul li a:hover{
	background-color: var(--color6);border-radius:20px;
}
main.mypage nav ul li a.active{
	background-color: var(--color5);border-radius:20px;color: var(--color0);
}
main.mypage .radio {
	font-size:16px;margin:0px 10px 0px 0px;transform: scale(1.5);-webkit-transform: scale(1.5);
}
main.mypage table {
	margin-bottom:40px;
}
main.mypage td {
	padding:10px 20px 10px 20px;
}
main.mypage td a {
	text-decoration:none;color: var(--color5);
}
main.mypage td:first-child {
	padding:10px 20px 10px 0px;
}
main.mypage div.store {
	margin-bottom:20px;
}
main.mypage .store a {
	text-decoration:none;color: var(--color5);
}
main.mypage .text1{
	width:80%;float:left;font-size:14px;
}

/*ストア*/
main.store nav ul {margin:5px 0px 10px 0px;list-style: none;display: flex;justify-content: center;}
main.store nav ul li a{margin:0px 20px 0px 0px;font-size:14px;font-weight:bold;padding:5px 16px 5px 16px;text-decoration: none;color:  var(--color7);}
main.store nav ul li a:hover{background-color: var(--color6);border-radius:20px;}
main.store nav ul li a.active{background-color: var(--color5);border-radius:20px;color: var(--color0);}
main.store ul.note{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0;margin-top:30px;}
main.store ul.note li{list-style: none; margin: 0px 0px;}

main.store .fa-arrow-circle-right {
	color: var(--color0);
}
main.store .item_title{
	font-size:28px;font-weight:bold;padding-top:30px;color:var(--color5);
}
main.store .item_content{
	font-size:17px;padding-top:20px;color:#08131B;line-height:180%;
}
main.store .item_b1{
	padding:7px 16px;border-radius:18px;background-color:#2CB696;color: var(--color0);font-size:16px;font-weight:bold;display:inline-block;
}
main.store .item_b2{
	padding:7px 16px;border-radius:18px;background-color:#fc9b00;color: var(--color0);font-size:16px;font-weight:bold;display:inline-block;
}
main.store .cover_wrapper{
	width:100%;padding:20px 0px 20px 0px;text-align:center;margin-top:10px;
}
main.store .td1{
	width:260px;border-radius:5px;vertical-align:middle;background-color:#08131B;
}
main.store .td2{
	padding:0px 0px 0px 50px;vertical-align:top;text-align:left;
}

/*ログイン*/
main.login table {
	margin-bottom:20px;
}
main.login td {
	padding:0px 0px 20px 0px;
}
main.login td p {
	float:right;font-size:13px;
}

/* fin */
main.fin h2 {
	margin:20px 0px 30px 0px;font-size:20px;font-family: var(--font3);font-weight:bold;
}

/* 新規登録 */
main.new_regist h2 {
	margin:20px 0px 30px 0px;font-size:20px;font-family: var(--font3);font-weight:bold;
}
main.new_regist h3 {
	margin:20px 0px 20px 0px;font-size:16px;font-family: var(--font3);font-weight:bold;
}
main.new_regist td {
		padding:15px 20px 15px 5px;width:30px;
}
main.new_regist td:first-child {
		padding:15px 10px 15px 0px;width:200px;
}
main.new_regist td:last-child {
		width:670px;
}
main.new_regist td span.check {
		background-color:var(--color6);padding:15px 15px;border-radius:2px;
}


/* maites */
#loading{
	display:none;margin:10px auto;width:850px;padding:20px;text-align:center;
}
#loading span {
	padding:0px 0px 20px 20px;font-size:30px;font-weight:bold;
}
main.maites .fa-spin{
	font-size:200px;color:#cccccc;
}
main.maites .description{
	display:none;margin:10px auto;padding:20px;border:1px;text-align:center;background-color:#3B3B3A;color:#ffffff;border-radius:4px;
}
main.maites .test_title{
	display:none;margin:10px 0px 10px 0px;font-size:24px;font-weight:bold;float:left
}
main.maites .top_button {
	cursor:pointer;font-size:15px;color: var(--color0);padding:10px 30px 10px 30px;border-radius:20px;background-color: var(--color2);
}
main.maites .top_button:hover {
	opacity: 0.8;
}
main.maites .g2{
	display:none;float:right;font-size:15px;color: var(--color0);padding:10px 30px 10px 30px;border-radius:20px;background-color: #4f4e4e;margin:10px 20px 0px 0px;
}
main.maites .g2_visible{
	display:none;float:right;font-size:15px;color: var(--color0);padding:10px 30px 10px 30px;border-radius:20px;background-color: var(--color2);margin:10px 20px 0px 0px;
}
main.maites .g3{
	display:none;float:right;font-size:15px;color: var(--color0);padding:10px 30px 10px 30px;border-radius:20px;background-color: #4f4e4e;margin:10px 0px 0px 0px;
}
main.maites .g3_visible{
	display:none;float:right;font-size:15px;color: var(--color0);padding:10px 30px 10px 30px;border-radius:20px;background-color: var(--color2);margin:10px 0px 0px 0px;
}
main.maites .g4{
	display:none;margin:10px auto;padding:20px;border-radius:5px;border:1px solid #cccccc;background-color:#FFFFFF;
}
main.maites .mondai_number{
	font-size:15px;font-weight:bold;padding:4px 10px 4px 10px;border-radius:20px;background-color:var(--color2);color:#ffffff;
}
main.maites .school_name{
	font-family:var(--font4);
}
main.maites .alert1{
	margin:10px auto;padding:20px;border:1px;text-align:center;border-radius:30px;background-color:var(--color6)
}
main.maites .fa-exclamation-triangle{
	margin-right:10px;color:var(--color19)
}

/* maites howto */
main.maites_howto h1{
	float:left;font-size:28px;font-family: var(--font3);margin-bottom:30px;
}
main.maites_howto h2{
	font-size:18px;font-family: var(--font3);margin-bottom:20px;
}
main.maites_howto .div_box1{
	font-family: var(--font3);margin-bottom:50px;line-height:180%;
}
main.maites_howto .div_box2{
	float:left;width:55%;font-family: var(--font3);margin-bottom:50px;line-height:180%;
}
main.maites_howto .div_box2 p{
	margin-bottom:20px;
}
main.maites_howto .div_box3{
	float:right;width:40%;font-family: var(--font3);margin-bottom:50px;line-height:180%;
}
main.maites_howto .div_box3 img{
	width:100%;
}
main.maites_howto .question{
	font-family: var(--font3);margin-bottom:10px;line-height:180%;font-weight:bold;
}
main.maites_howto .answer{
	font-family: var(--font3);margin-bottom:30px;line-height:180%;
}

/* maites data */
main.maites_data{
	margin-top:160px;
}
main.maites_data .box1_left{
	float:left;margin:10px auto;padding:20px;text-align:center;
}
main.maites_data .box1_right{
	float:right;margin:10px auto;padding:20px;text-align:center;
}
main.maites_data .box1 p{
	font-weight:bold;
}
main.maites_data .span1{
	font-size:250%;font-weight:bold;color:var(--color18)
}
main.maites_data .span2{
	font-size:150%;font-weight:bold;color:var(--color18)
}
main.maites_data .alert1{
	margin:10px auto;padding:20px;border:1px;text-align:center;border-radius:30px;background-color:var(--color6)
}
main.maites_data .fa-exclamation-triangle{
	margin-right:10px;color:var(--color19)
}
main.maites_data .graph1{
	padding:20px 10px 10px 0px;float:left;width:50%;box-sizing:border-box;
}
main.maites_data .graph2{
	padding:20px 0px 10px 10px;float:right;width:50%;box-sizing:border-box;
}
main.maites_data .graph p{
	font-size:20px;font-weight:bold;
}
main.maites_data .graph_p{
	margin-top:10px;float:right;
}
main.maites_data .rireki_box{
	margin:10px auto;padding:0px;text-align:center;
}
main.maites_data .rireki_box p{
	font-size:20px;font-weight:bold;padding-right:50px;
}
main.maites_data td{
	border:1px solid #aaaaaa;
}

/* フッター */
footer {
	border-top:1px solid #aaaaaa;width: 100%;height: 360px;background: var(--color6);color:#000000;box-sizing: border-box;position: absolute;bottom: 0;text-align:center;
}
footer div.footer{
	margin:20px auto 10px auto;width:960px;position:relative;display:inline-block;
}
footer div.logo{
	margin:110px 0px 0px auto;display:inline-block;
}
footer div.logo a{
	color:var(--color5);font-size: 16px;text-decoration: none;line-height:250%;font-family: var(--font2);
}
footer div.logo p.copyright{
	color:var(--color5);font-weight:bold;font-size: 12px;
}
footer nav.nav{
	text-align:left;float: left;
}
footer ul {
	list-style: none;
}
footer ul li{
	padding:8px 0px;
}
footer .footer ul li a {
	font-size:14px;padding: 8px 20px;text-decoration: none;color:var(--color5);
}