@charset "UTF-8";

/*
言語（メインカラー）：#F9C158
言語（背景色）：#fad287

人文・社会・自然科学（メインカラー）：#B6D56A
人文・社会・自然科学（背景色）：#cade9d

数的処理（メインカラー）：#88B2D7
数的処理（背景色）：#bad9e9
*/

.message_error {
	padding:5px;
	margin:10px 0;
	background:#fff67f;
}
.message_normal {
	padding:5px;
	margin:10px 0;
	background:#9fd9f6;
}

.subtitle {
font-size:11pt;
}

.pc_displaynone{
display:none;
}

.header{
border-top:4px solid #004396;
margin-top:20px;
margin-bottom:40px;
padding:20px 0;
}
.header_logo img{
width:172px;
}
.header_footer_inner{
width:1020px;
margin:0 auto;
}

.header_menu {
	float:right;
}

.contents{
width:960px;
margin:0 auto 20px auto;
}
.footer{
margin-top:40px;
padding:40px 0;
}
.footer_logo{
display:inline-block;
width:40%;
line-height:40px;
}
.footer_logo img{
width:154px;
}
.copyright{
display:inline-block;
width:60%;
float:right;
font-size:12px;
text-align:right;
line-height:40px;
}
.main_background_color{
background-color:#004396;
color:#fff;
}
.main_text_color{
color:#004396;
}
.light_gray_background_color{
background-color:#EFEFEF;
}
.green_background_color{
color:#595757;
background-color:#B6D56A;
}
.orange_background_color{
color:#595757;
background-color:#F9C158;
}
.blue_background_color{
color:#595757;
background-color:#88B2D7;
}

div.bunrui_title {
	margin:50px 0 10px 0;
	font-size:18pt;
	padding-left:5px;
}

div.title_orange {
	border-left:6px solid #F9C158;
}

div.title_green {
	border-left:6px solid #B6D56A;
}

div.title_blue {
	border-left:6px solid #88B2D7;
}

div.bg_orange {
	background:#fad287;
}

div.bg_green {
	background:#cade9d;
}

div.bg_blue {
	background:#bad9e9;
}


div.table_table {
	display:table;
	width:100%;
	border:1px solid #004396;
}

div.table_row {
	display:table-row;
	border-top:1px solid #004396;
}

div.table_cell {
	display:table-cell;
	border:1px solid #004396;
}

div.left_col {
	padding:20px;
	font-size:14pt;
	width:30%;
	text-align:center;
}
div.left_col_wide {
	width:40%;
}

div.right_col {
	padding:20px;
	font-size:14pt;
	width:70%;
}

div.left_col_narrow {
	width:60%;
}

a.button {
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
	display: inline-block;
	font-weight: normal;
	font-size: 12pt;
	text-align: center;
	text-decoration: none;
	color: black;
	padding: 5px 10px;
	width: 160px;
	line-height: 35px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-appearance: none;
	box-shadow: 0px 2px 10px rgba(100, 100, 100, 0.2);
	margin: 0 5px;
}

a.button_text {
	border:2px solid #f6b1c3;
}

a.button_rensyu {
	border:2px solid #91d8d5;
}

a.button_douga {
	border:2px solid #c19dda;
}
img.button_back {
	width:260px;
}
div.button_group{
	text-align:center;
	width:960px;
	margin:40px auto;
}


input{
height:40px;
border:none;
padding:5px;
font-size:16px;
width:280px;
}

button{
background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
button[type="submit"]{
}
button img{
width:260px;
}
.home_contents{
display:block;
width:960px;
margin:0 auto;
margin-top:20px;
}
.home_contents_left{
position:relative;
display:inline-block;
width:45%;
font-size:36px;
text-align:center;
height:300px;
}
.home_contents_left div.inner{
position:absolute;
top:50%;
text-align:center;
width:100%;
transform: translateY(-50%);
}

.home_contents_right{
position:relative;
display:inline-block;
width:55%;
height:300px;
float:right;
}
.home_contents_right div.inner{
position:absolute;
top:50%;
width:100%;
padding:20px;
transform: translateY(-50%);
}
.table{
display:table;
}
.table_row{
display:table-row;
width:100%;
}
.table_left, .table_right {
display:table-cell;
padding:10px 0;
}
.input_message{
font-size:18px;
}
.login_title{
font-size:28px;
text-align:center;
padding:5px 0;
}
.login_table{
position:relative;
display:table;
margin:0 auto;
margin-top:20px;
}
.login_table img{
width:auto;
height:88px;
}
.login_table_left, .login_table_right {
display:table-cell;
vertical-align:middle;
font-size:24px;
padding:5px;
}
.login_input{
text-align:center;
padding:20px;
}
.login_input form .table{
display:inline-block;
text-align:left;
}
.login_input form .table_left{
text-align:right;
}
.menu_block{
width:90%;
margin:0 auto;
margin-bottom:80px;
}
.menu_items {
  display: block;
  table-layout: fixed;
  width:100%;
}

.menu_items div.menu_item {
position: relative;
  display: inline-block;
  vertical-align: middle;
  width:32.8%;
  height:200px;
  padding-right:10px;
  margin:0 0.2px;
}
.menu_items div.menu_item a {
position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.menu_items div.menu_item span {
text-align:center;
vertical-align:middle;
position:absolute;
top:50%;
width:100%;
font-size:30px;
transform: translateY(-50%);
}
.menu_items div.menu_item img {
position:absolute;
top:50%;
right:15px;
font-size:30px;
transform: translateY(-50%);
float:right;
width:28px;
  }
.select_message{
color:#727171;
font-size:24px;
margin:30px 0 50px;
text-align:center;
}














@media (max-width: 670px) {
.pc_displaynone{
display:block;
}

.header{
border-top:4px solid #004396;
margin-top:0;
margin-bottom:0;
padding:5px 0 20px 0;
}
.header_logo img{
display:block;
margin:0 auto;
width:172px;
}
.header_footer_inner{
width:100%;
margin:0 auto;
}

.header_menu{
	text-align:right;
	width:100%;
	padding:5px;
	float:none;
}

.contents{
width:100%;
margin:0 auto;
}
.footer{
margin-top:40px;
padding:20px 0 0;
}
.footer_logo{
display:block;
width:100%;
text-align:center;
line-height:20px;
}
.footer_logo img{
width:154px;
}
.copyright{
display:block;
width:100%;
float:none;
font-size:10px;
text-align:center;
line-height:40px;
}

input{
height:40px;
border:none;
padding:5px;
font-size:16px;
width:180px;
}

button{
background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
button[type="submit"]{
 margin:40px 0;
}
button img{
width:150px;
}
.home_contents{
display:block;
width:100%;
margin:0 auto;
margin-top:0;
}
.home_contents_left{
position:relative;
display:block;
width:100%;
font-size:28px;
text-align:center;
height:140px;
}
.home_contents_left div.inner{
position:absolute;
top:50%;
text-align:center;
width:100%;
transform: translateY(-50%);
}

.home_contents_right{
position:relative;
display:block;
width:100%;
height:240px;
float:right;
font-size:15px;
}
.home_contents_right div.inner{
position:absolute;
top:50%;
width:100%;
padding:20px;
transform: translateY(-50%);
}
.table{
display:table;
}
.table_row{
display:table-row;
width:100%;
}
.table_left, .table_right {
display:table-cell;
padding:10px 0;
}
.input_message{
margin-top:10px;
font-size:14px;
}
.login_title{
position:relative;
display:block;
width:100%;
font-size:28px;
text-align:center;
height:140px;
vertical-align:middle;
}
.login_title .inner{
position:absolute;
top:50%;
width:100%;
padding:20px;
transform: translateY(-50%);
}
.login_table{
position:relative;
display:block;
margin:20px auto;
padding:0 20px;
}
.login_table img{
width:auto;
height:60px;
}
.login_table_left, .login_table_right {
display:table-cell;
vertical-align:middle;
font-size:16px;
padding:5px;
}
.login_input{
text-align:center;
padding:20px;
}
.login_input form .table{
display:inline-block;
text-align:left;
vertical-align:middle;
}
.login_input form .table_left{
text-align:left;
vertical-align:middle;
}
.menu_block{
width:100%;
margin:0 auto;
margin-bottom:0;
}
.menu_items {
  display: block;
  table-layout: fixed;
  width:100%;
}
.menu_items div.menu_item {
position: relative;
  display:block;
  vertical-align: middle;
  width:100%;
  height:100px;
  padding-right:10px;
  margin-bottom:5px;
}
.menu_items div.menu_item a {
position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.menu_items div.menu_item span {
text-align:center;
vertical-align:middle;
position:absolute;
top:50%;
width:100%;
font-size:22px;
transform: translateY(-50%);
}
.menu_items div.menu_item img {
float:right;
vertical-align:middle;
width:28px;
position:absolute;
right:20px;
top:50%;
transform: translateY(-50%);
  }
.select_message{
color:#727171;
font-size:20px;
margin:30px 0 50px;
text-align:center;
}
.sp_displaynone{
display:none;
}

div.table_table, div.table_row, div.table_cell{
	display:block;
	border:0px none;
}

div.table_row, div.table_cell{
	width:100%;
}
div.right_col {
	text-align:center;
}

a.button {
	width:100px;
	margin:0 2px;
}

div.bunrui_title {
	margin-left:10px;
}

div.button_group{
	width:100%;
	margin:40px auto;
}

img.button_back {
	width:150px;
}


}














@media screen and (min-width:670px) and ( max-width:1024px) {
 .header{
border-top:4px solid #004396;
margin-top:20px;
margin-bottom:40px;
padding:20px 0;
}
.header_logo img{
width:172px;
}
.header_footer_inner{
width:100%;
padding:0 20px;
margin:0 auto;
}
.contents{
width:100%;
margin:0 auto;
}
.footer{
margin-top:40px;
padding:40px 0;
}
.footer_logo{
display:inline-block;
width:40%;
line-height:40px;
}
.footer_logo img{
width:154px;
}
.copyright{
display:inline-block;
width:60%;
float:right;
font-size:12px;
text-align:right;
line-height:40px;
}
.main_background_color{
background-color:#004396;
color:#fff;
}
.main_text_color{
color:#004396;
}
.light_gray_background_color{
background-color:#EFEFEF;
}
.green_background_color{
color:#595757;
background-color:#B6D56A;
}
.orange_background_color{
color:#595757;
background-color:#F9C158;
}
.blue_background_color{
color:#595757;
background-color:#88B2D7;
}

input{
height:40px;
border:none;
padding:5px;
font-size:16px;
width:280px;
}

button{
background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
button[type="submit"]{
 margin:40px 0;
}
button img{
width:260px;
}
.home_contents{
display:block;
width:960px;
margin:0 auto;
margin-top:60px;
}
.home_contents_left{
position:relative;
display:inline-block;
width:45%;
font-size:36px;
text-align:center;
height:300px;
}
.home_contents_left div.inner{
position:absolute;
top:50%;
text-align:center;
width:100%;
transform: translateY(-50%);
}

.home_contents_right{
position:relative;
display:inline-block;
width:55%;
height:300px;
float:right;
}
.home_contents_right div.inner{
position:absolute;
top:50%;
width:100%;
padding:20px;
transform: translateY(-50%);
}
.table{
display:table;
}
.table_row{
display:table-row;
width:100%;
}
.table_left, .table_right {
display:table-cell;
padding:10px 0;
}
.input_message{
font-size:18px;
}
.login_title{
font-size:28px;
text-align:center;
padding:5px 0;
}
.login_table{
position:relative;
display:table;
margin:0 auto;
margin-top:20px;
}
.login_table img{
width:auto;
height:88px;
}
.login_table_left, .login_table_right {
display:table-cell;
vertical-align:middle;
font-size:24px;
padding:5px;
}
.login_input{
text-align:center;
padding:20px;
}
.login_input form .table{
display:inline-block;
text-align:left;
}
.login_input form .table_left{
text-align:right;
}
.menu_block{
width:90%;
margin:0 auto;
margin-bottom:80px;
}
.menu_items {
  display: block;
  table-layout: fixed;
  width:100%;
  text-align:center;
}

.menu_items div.menu_item {
  text-align:left;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width:30%;
  height:200px;
  padding-right:10px;
}
.menu_items div.menu_item a {
position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.menu_items div.menu_item span {
text-align:center;
vertical-align:middle;
position:absolute;
top:50%;
width:100%;
font-size:30px;
transform: translateY(-50%);
}
.menu_items div.menu_item img {
float:right;
width:28px;
  }
.select_message{
color:#727171;
font-size:24px;
margin:30px 0 50px;
text-align:center;
}

img.button_back {
	width:260px;
}

}