﻿@media screen and (min-width: 769px) {
body {
	font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}
.layout {
	width:960px;
	margin:0 auto;
	overflow:hidden
}
#wrap {
	background:#fff;
	border-top:3px solid #0D3D6C
}
#hd {
	height:120px;
	position:relative;
	z-index:10000;
	overflow:visible
}
#hd h1 {
	position:absolute;
	top:16px;
	left:calc(50% - 315px);
	line-height:1.0em
}
#hd .recruitment_btn {
	position:absolute;
	top:90px;
	right:-30px;
	z-index:10000
}
#nav {
	width:100%;
	overflow:hidden;
	background:linear-gradient(#145494, #0D3D6C)
}
#nav ul {
	display:flex;
	justify-content:center
}
#nav li {
	text-align:center;
	border-radius:4px
}
#nav li:last-child {
	border-right:1px solid rgba(255,255,255,0.6)
}
#nav li a {
	border-left:1px solid rgba(255,255,255,0.6);
	border-right:1px solid rgba(0,0,0,0.1);
	color:#fff;
	text-decoration:none;
	display:block;
	padding:12px 24px;
	letter-spacing:0.2em;
	font-weight:bold;
	text-shadow:-1px -1px 2px rgba(0,0,0,0.6);
	background:linear-gradient(#145494, #0D3D6C)
}
#nav li a:hover {
	background:linear-gradient(#0D3D6C, #145494)
}
.current {
	background:linear-gradient(#0D3D6C, #145494) !important
}
#menu {
	display:none
}
#con_bg {
	background:url(../images/common/con_bg.jpg) repeat-x top center
}
#side {
	width:220px;
	float:left;
	margin-top:20px
}
#side .sidenav {
	margin-top:20px;
	width:100%
}
#side .sidenav a {
	width:100%;
	padding:4px 6px 4px 28px;
	display:block;
	text-decoration:none;
	letter-spacing:0.1em;
	background:url(../images/common/sidenav_icon.png) no-repeat 8px center;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	border-bottom:dotted 1px #CCC
}
#side .sidenav a.syou {
	width:100%;
	padding:4px 6px 4px 38px;
	display:block;
	text-decoration:none;
	letter-spacing:0.1em;
	background:url(../images/common/sidenav_syou.png) no-repeat 19px center;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	border-bottom:dotted 1px #CCC
}
#side .sidenav h2 {
	margin:25px 0 8px 0;
	color:#0D3D6C;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	border:1px solid #BAD1D1;
	padding:10px;
	text-shadow:0px 0px 4px rgba(255,255,255,0.6);
	letter-spacing:0.1em;
	background:linear-gradient(to bottom, #FCFDFD 0%, #DFEAEE 59%, #E0EFF2 100%)
}
#side .sidenav h2:first-child {
	margin-top:0px
}
#side .sidenav h3 {
	margin:1.0em 0 0.2em 0;
	font-size:1.2em;
	color:#000;
	font-weight:bold;
	padding:0.0em 0 0.3em 0;
	position:relative;
	text-align:center
}
#side .sidenav h3::before {
	position:absolute;
	top:50%;
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#aaa;
	z-index:-100
}
#side .sidenav h3 span {
	background:#fff;
	z-index:100;
	padding:0 10px
}
#side .sidenav:first-child {
	margin-top:0
}
#side .sidenav_02 {
	margin-top:20px;
	width:100%
}
#side .sidenav_02 a {
	width:100%;
	display:block;
	text-decoration:none;
	margin:25px 0 8px 0;
	color:#0D3D6C;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	border:1px solid #BAD1D1;
	padding:10px;
	text-shadow:0px 0px 4px rgba(255,255,255,0.6);
	letter-spacing:0.1em;
	background:linear-gradient(to bottom, #FCFDFD 0%, #DFEAEE 59%, #E0EFF2 100%)
}
#side .sidenav_02 a:first-child {
	margin-top:0px
}
#side .contact_box {
	margin-top:30px
}
#side .contact_box h2 {
	color:#fff;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	padding:10px;
	text-shadow:0px 0px 4px rgba(0,0,0,0.6);
	letter-spacing:0.1em;
	background:#F57481
}
#side .contact_box .contact {
	padding:10px;
	border:1px solid #F89EA7
}
#side .contact_box .contact p{
	font-size:0.9em;
}
#side #bnr {
	margin-top:30px
}
#side #bnr ul li {
	padding:5px;
	border-radius:3px;
	border:1px solid #ccc;
	margin:5px 5px 0 5px;
	width:calc(100% - 10px)
}
#side #bnr ul li img {
	width:100%
}
#side #bnr ul li:hover {
	opacity:0.7
}
#main {
	width:720px;
	float:right;
	margin-top:20px
}
#main h2 {
	line-height:1.1em;
	padding:0.75em 0 0.75em 1.0em;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:1.6em;
	margin:0 0 20px 0;
	position:relative
}
#main h2::after {
	position:absolute;
	top:.5em;
	left:.5em;
	content:'';
	width:6px;
	height:-webkit-calc(100% - 1em);
	height:calc(100% - 1em);
	background-color:#0D3D6C;
	border-radius:4px
}
#main h3 {
	font-size:1.3em;
	position:relative;
	margin:30px 0 14px 0;
	padding:0.6em 0 0.7em 1.6em;
	border:1px solid #ddd;
	border-bottom:3px solid #0D3D6C;
	background:linear-gradient(#F9F9F9, #E4E4E4)
}
#main h3::before {
	position:absolute;
	top:0px;
	left:10px;
	z-index:2;
	content:'';
	width:5px;
	height:100%;
	background:#F24656
}
#main h3::after {
	position:absolute;
	bottom:-3px;
	left:0;
	z-index:2;
	content:'';
	width:20%;
	height:3px;
	background:rgba(255,255,255,0.3)
}
#main ul.list_btn {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-left:-15px
}
#main ul.list_btn li {
	list-style-type:none;
	margin:5px;
	padding:0;
	border-radius:3px;
	font-weight:bold;
	border:1px solid #0D3D6C
}
#main ul.list_btn li a {
	text-align:center;
	border:1px solid #fff;
	border-radius:3px;
	padding:8px 18px;
	text-shadow:0 0 6px #fff;
	display:inline-block;
	text-decoration:none;
	background:#CAE1F9;
	font-size:14px;
	color:#000
}
#main ul.list_btn li a:hover {
	opacity:0.7
}
#main ul.list_btn li a[href$=".pdf"]:after {
	content:url(../images/common/pdf_small.gif);
	margin-top:-5px;
	margin-left:10px
}
#main ul.list_btn li a span {
	display:block;
	font-size:0.8em
}
#main .a_btn a {
	font-weight:bold;
	border:1px solid #0D3D6C;
	text-align:center;
	border-radius:3px;
	padding:8px 18px;
	text-shadow:0 0 6px #fff;
	display:inline-block;
	text-decoration:none;
	background:#CAE1F9;
	font-size:14px;
	color:#000
}
#main .a_btn a:hover {
	opacity:0.7
}
#main .a_btn a[href$=".pdf"]:after {
	content:url(../images/common/pdf_small.gif);
	margin-top:-5px;
	margin-left:10px
}
#main .a_btn a span {
	display:block;
	font-size:0.8em
}
#main ol, #main ul {
	padding:5px 0px 5px 25px
}
#main ul {
	list-style-type:disc
}
#main ol li, #main ul li {
	padding:5px 0px
}
#main table {
	margin:10px 0px
}
#main table th, #main table td {
	padding:5px
}
#main img {
	max-width:100%
}
#main a img {
	display:inline-block;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px transparent
}
#main a img:hover, .shrink:focus, .shrink:active {
	-webkit-transform:scale(0.95);
	transform:scale(0.95)
}
#ft {
	margin-top:20px;
	padding-top:25px;
	padding-bottom:25px;
	text-align:center;
	color:#000;
	background:#CAE1F9;
	border-top:3px solid #0D3D6C
}
h4 {
	font-size:1.2em;
	font-weight:normal;
	padding:0.0em 0 0.0em 0.4em;
	border-left:5px double #0D3D6C;
	margin:0.6em 0 0.4em 0
}
h1.img, h2.img, h3.img, h4.img, h5.img, h6.img {
	margin:0;
	padding:0;
	background:none;
	border:none
}
#slides_bg {
	background:#D2E6FF;
	width:100%;
	height:340px;
 	padding:20px
}
#slides_bg #slides_box {
	margin:0px auto
}
#slides_bg #slides_box img {
	width:100%;

}
.i_news {
	height:600px;
	overflow:auto
}
.i_news table {
	width:100%
}
.i_news table tr {
	border-bottom:1px dotted #CCC
}
.i_news table td {
	display:block;
	width:100%;
	vertical-align:top;
	font-size:0.9em;
	padding:3px 5px 5px 20px !important
}
.i_news table td:first-child {
	background:url(../images/common/news_icon.png) 7px 10px no-repeat;
	padding:5px 5px 3px 20px !important
}
.img_list {
	display:flex;
	margin-left:-25px
}
.img_list li {
	list-style-type:none;
	width:calc(100% / 3)
}
.img_list li img {
	width:calc(100% - 10px);
	margin:0 5px
}
.i_contact {
	text-align:center;
	width:680px;
	padding:25px 0;
	border:1px solid #0D3D6C;
	margin:18px auto !important;
	font-size:1.1em
}
.graduate_school table {
	width:100%;
	border-top:1px solid #D7D7D7;
	border-left:1px solid #D7D7D7
}
.graduate_school table td {
	border-right:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
	vertical-align:top
}
.graduate_school table th {
	border-right:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
	background-color:#F2F2F2;
	text-align:center;
	font-weight:bold
}
.graduate_school table li {
	border-bottom:1px dotted #CCC
}
#page-top {
	position:fixed;
	bottom:5px;
	right:20px;
	font-size:77%
}
#page-top a {
	background:#0D3D6C;
	border:#fff 1px solid;
	text-decoration:none;
	color:#fff;
	width:120px;
	padding:20px 0;
	text-align:center;
	display:block;
	border-radius:5px
}
#page-top a:hover {
	text-decoration:none
}
.staff_list_box {
	display:flex;
	flex-wrap:wrap
}
.staff_list_box .staff_list {
	width:calc((100% / 3) - 20px);
	margin:10px;
	padding:10px;
	box-shadow:0 0 6px rgba(0,0,0,0.3), 0 4px 6px rgba(0,0,0,0.25)
}
.staff_list_box .staff_list .name {
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
	margin:5px
}
.staff_list_box .staff_list .name span {
	font-size:0.7em;
	margin-right:1.0em
}
.staff_list_box .staff_list .name_long {
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	margin:5px 3px;
}
.staff_list_box .staff_list .name_long span {
	font-size:0.7em;
	margin-right:0.8em
}
.staff_list_box .staff_list p {
	font-size:1.1em;
	line-height:1.5em
}
.staff_list_box .staff_list img {
	display:block;
	margin:10px auto
}
.classroom_img_list {
	text-align:center
}
.classroom_img_list ul {
	display:flex
}
.classroom_img_list ul li {
	list-style-type:none;
	width:31%;
	margin:1%
}
.classroom_img_list ul li img {
	display:block;
	margin:0 auto;
	max-width:100%
}
.achievement_box{
	margin-top:20px;
	margin-bottom:20px;
}
.achievement_box p{
	font-size:14px;
	float:right;
	margin-top:110px;
}

.achievement_box img {
	float:left;
	margin:10px auto;
	max-width:calc(100% - 20px)
}

.achievement_box ul {
	margin-left:-25px;
	display:flex;
	flex-wrap:wrap
}
.achievement_box ul li {
	list-style-type:none;
	margin:10px;
	border:1px solid #ddd
}
.achievement_box ul li.achievement_box_050 {
	width:calc(50% - 20px);
	padding:10px !important
}
.achievement_box ul li.achievement_box_100 {
	width:calc(100% - 20px);
	padding:10px !important
}

.achievement_img_list {
	text-align:center
}
.achievement_img_list ul {
	display:flex
}
.achievement_img_list ul li {
	list-style-type:none;
	width:48%;
	margin:1%
}
.achievement_img_list ul li img {
	display:block;
	margin:0 auto;
	max-width:100%
}
.achievement_img_performance img{
	display:block;
	margin:10px auto;
}
.greeting_img figure{
	margin-left:20px;
	float:right;
}
.greeting_img figcaption{
	text-align:center;
	font-size:13px;
	padding:5px;
}
}
@media screen and (max-width: 769px) {
body {
	font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}
.layout {
	width:100%;
	overflow:hidden
}
#wrap {
	background:#fff;
	border-top:3px solid #0D3D6C
}
#hd {
	padding:5px 0 15px 0;
	background:url(../images/hd_bg.jpg) no-repeat
}
#hd h1 {
	width:calc(100% - 62px)
}
#hd h1 img {
	width:100%
}
#hd .recruitment_btn {
	display:none
}
#nav {
	position:fixed;
	top:0px;
	right:-200px;
	height:100%;
	z-index:100;
	width:200px;
	overflow-x:none;
	overflow-y:auto;
	font-size:16px;
	background:url(../images/common/nav_bg.png) top center #222;
	color:#fff;
	-webkit-box-shadow:inset 0 0 5px 5px #222;
	-moz-box-shadow:inset 0 0 5px 5px #222;
	box-shadow:inset 0 0 5px 5px #222
}
#nav ul {
	display:block;
	margin:0 0 15px;
	padding:0;
	border-top:1px solid #1a1a1a;
	border-bottom:1px solid #4d4d4d
}
#nav ul li {
	display:block;
	margin:0
}
#nav ul a {
	color:#fff;
	display:block;
	padding:15px;
	text-decoration:none;
	border-top:1px solid #000;
	border-bottom:1px solid rgba(255,255,255,0.3)
}
#nav ul a:hover {
	box-shadow:inset 0 0 15px 3px #222
}
#menu {
	cursor:pointer;
	position:fixed;
	top:5px;
	right:5px;
	z-index:1000
}
#side {
	display:none;
	width:100%
}
#side .sidenav {
	margin-top:20px;
	width:100%
}
#side .sidenav a {
	width:100%;
	padding:4px 6px 4px 28px;
	display:block;
	text-decoration:none;
	letter-spacing:0.1em;
	background:url(../images/common/sidenav_icon.png) no-repeat 8px center;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	border-bottom:dotted 1px #CCC
}
#side .sidenav a.syou {
	width:100%;
	padding:4px 6px 4px 38px;
	display:block;
	text-decoration:none;
	letter-spacing:0.1em;
	background:url(../images/common/sidenav_syou.png) no-repeat 19px center;
	font-size:13px;
	font-weight:bold;
	color:#333333;
	border-bottom:dotted 1px #CCC
}
#side .sidenav h2 {
	margin:25px 0 8px 0;
	color:#0D3D6C;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	border:1px solid #BAD1D1;
	padding:10px;
	text-shadow:0px 0px 4px rgba(255,255,255,0.6);
	letter-spacing:0.1em;
	background:linear-gradient(to bottom, #FCFDFD 0%, #DFEAEE 59%, #E0EFF2 100%)
}
#side .sidenav h2:first-child {
	margin-top:0px
}
#side .sidenav h3 {
	margin:1.0em 0 0.2em 0;
	font-size:1.2em;
	color:#000;
	font-weight:bold;
	padding:0.0em 0 0.3em 0;
	position:relative;
	text-align:center
}
#side .sidenav h3::before {
	position:absolute;
	top:50%;
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#aaa;
	z-index:-100
}
#side .sidenav h3 span {
	background:#fff;
	z-index:100;
	padding:0 10px
}
#side .sidenav:first-child {
	margin-top:0
}
#side .sidenav_02 {
	margin-top:20px;
	width:100%
}
#side .sidenav_02 a {
	width:100%;
	display:block;
	text-decoration:none;
	margin:25px 0 8px 0;
	color:#0D3D6C;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	border:1px solid #BAD1D1;
	padding:10px;
	text-shadow:0px 0px 4px rgba(255,255,255,0.6);
	letter-spacing:0.1em;
	background:linear-gradient(to bottom, #FCFDFD 0%, #DFEAEE 59%, #E0EFF2 100%)
}
#side .sidenav_02 a:first-child {
	margin-top:0px
}
#side .contact_box {
	margin-top:30px
}
#side .contact_box h2 {
	color:#fff;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	padding:10px;
	text-shadow:0px 0px 4px rgba(0,0,0,0.6);
	letter-spacing:0.1em;
	background:#F57481
}
#side .contact_box .contact {
	padding:10px;
	border:1px solid #F89EA7;
	font-size:16px;
}
#side .contact_box .contact p{
	font-size:1em;
}
#side #bnr {
	margin-top:30px
}
#side #bnr ul li {
	padding:5px;
	border-radius:3px;
	border:1px solid #ccc;
	margin:5px 5px 0 5px;
	width:calc(100% - 10px)
}
#side #bnr ul li img {
	width:100%
}
#side #bnr ul li:hover {
	opacity:0.7
}
#main {
	width:100%;
	float:right;
	margin-top:20px
}
#main h2 {
	line-height:1.1em;
	padding:0.75em 0 0.75em 1.0em;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:1.6em;
	margin:0 0 20px 0;
	position:relative
}
#main h2::after {
	position:absolute;
	top:.5em;
	left:.5em;
	content:'';
	width:6px;
	height:-webkit-calc(100% - 1em);
	height:calc(100% - 1em);
	background-color:#0D3D6C;
	border-radius:4px
}
#main h3 {
	font-size:1.3em;
	position:relative;
	margin:30px 0 14px 0;
	padding:0.6em 0 0.7em 0.6em;
	border:1px solid #ddd;
	border-bottom:3px solid #0D3D6C;
	background:linear-gradient(#F9F9F9, #E4E4E4)
}
#main h3::after {
	position:absolute;
	bottom:-3px;
	left:0;
	z-index:2;
	content:'';
	width:20%;
	height:3px;
	background:rgba(255,255,255,0.5)
}
#main ul.list_btn {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-left:-15px
}
#main ul.list_btn li {
	list-style-type:none;
	margin:5px;
	padding:0;
	border-radius:3px;
	font-weight:bold;
	border:1px solid #0D3D6C
}
#main ul.list_btn li.li_100 {
	width:100%
}
#main ul.list_btn li a {
	text-align:center;
	border:1px solid #fff;
	width:100%;
	border-radius:3px;
	padding:8px;
	text-shadow:0 0 6px #fff;
	display:block;
	text-decoration:none;
	background:#CAE1F9;
	font-size:14px;
	color:#000
}
#main ul.list_btn li a:hover {
	opacity:0.7
}
#main ul.list_btn li a[href$=".pdf"]:after {
	content:url(../images/common/pdf_small.gif);
	margin-top:-5px;
	margin-left:10px
}
#main ul.list_btn li a span {
	display:block;
	font-size:0.8em
}
#main .a_btn a {
	font-weight:bold;
	border:1px solid #0D3D6C;
	text-align:center;
	border-radius:3px;
	padding:8px 18px;
	text-shadow:0 0 6px #fff;
	display:inline-block;
	text-decoration:none;
	background:#CAE1F9;
	font-size:14px;
	color:#000
}
#main .a_btn a:hover {
	opacity:0.7
}
#main .a_btn a[href$=".pdf"]:after {
	content:url(../images/common/pdf_small.gif);
	margin-top:-5px;
	margin-left:10px
}
#main .a_btn a span {
	display:block;
	font-size:0.8em
}
#main ol, #main ul {
	padding:5px 0px 5px 25px
}
#main ul {
	list-style-type:disc
}
#main ol li, #main ul li {
	padding:5px 0px
}
#main table {
	margin:10px 0px
}
#main table th, #main table td {
	padding:5px
}
#main img {
	max-width:100%;
	display:block;
	margin:5px auto;
	float:none
}
#main a img {
	display:inline-block;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px transparent
}
#main a img:hover, .shrink:focus, .shrink:active {
	-webkit-transform:scale(0.9);
	transform:scale(0.9)
}
#ft {
	margin-top:0px;
	padding-top:25px;
	padding-bottom:25px;
	text-align:center;
	color:#000;
	background:#CAE1F9;
	border-top:3px solid #0D3D6C
}
h4 {
	font-size:1.2em;
	font-weight:normal;
	padding:0.0em 0 0.0em 0.4em;
	border-left:5px double #0D3D6C;
	margin:0.6em 0 0.4em 0
}
h1.img, h2.img, h3.img, h4.img, h5.img, h6.img {
	margin:0;
	padding:0;
	background:none;
	border:none
}
#slides_box img {
	width:100%
}
#i_main {
	width:100%;
	margin-top:20px
}
.i_news {
	height:200px;
	overflow:auto
}
.i_news table {
	width:100%
}
.i_news table tr {
	border-bottom:1px dotted #CCC
}
.i_news table td {
	width:100%;
	display:block;
	vertical-align:top;
	font-size:0.9em;
	padding:3px 10px 10px 20px
}
.i_news table td:first-child {
	background:url(../images/common/news_icon.png) 5px 16px no-repeat;
	padding:10px 10px 3px 20px !important
}
.img_list {
	display:block;
	margin-left:-25px
}
.img_list li {
	list-style-type:none;
	width:calc(100% - 20px);
	margin:0 10px
}
.img_list li img {
	max-width:calc(100% - 10px);
	display:block
}
.i_contact {
	text-align:center;
	padding:25px 0;
	border:1px solid #0D3D6C;
	margin:18px auto !important;
	font-size:1.1em
}
.graduate_school {
	overflow:auto
}
.graduate_school table {
	width:700px;
	border-top:1px solid #D7D7D7;
	border-left:1px solid #D7D7D7
}
.graduate_school table td {
	border-right:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
	vertical-align:top;
	width:calc(100% / 3)
}
.graduate_school table th {
	border-right:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
	background-color:#F2F2F2;
	text-align:center;
	font-weight:bold;
	min-width:70px
}
.graduate_school table li {
	border-bottom:1px dotted #CCC
}
#page-top {
	width:100%;
	margin-top:20px
}
#page-top a {
	background:#444;
	border:none;
	text-decoration:none;
	color:#fff;
	width:100%;
	padding:20px 0;
	text-align:center;
	display:block
}
#page-top a:hover {
	text-decoration:none
}
.staff_list_box {
	display:flex;
	flex-wrap:wrap
}
.staff_list_box .staff_list {
	width:calc(100% - 20px);
	margin:10px;
	padding:10px;
	box-shadow:0 0 6px rgba(0,0,0,0.3), 0 4px 6px rgba(0,0,0,0.25)
}
.staff_list_box .staff_list .name {
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
	margin:5px;
}
.staff_list_box .staff_list .name span {
	font-size:0.7em;
	margin-right:1.0em;
}
.staff_list_box .staff_list .name_long {
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
	margin:5px;
}
.staff_list_box .staff_list .name_long span {
	font-size:0.7em;
	margin-right:0.8em
}
.staff_list_box .staff_list p {
	font-size:1.1em;
	line-height:1.5em
}
.staff_list_box .staff_list img {
	display:block;
	margin:10px auto
}
.classroom_img_list {
	text-align:center
}
.classroom_img_list ul {
	display:flex;
	flex-wrap:wrap
}
.classroom_img_list ul li {
	list-style-type:none;
	width:96%;
	margin:2%
}
.classroom_img_list ul li img {
	display:block;
	margin:0 auto;
	max-width:100%
}
.achievement_box ul {
	margin-left:-25px;
	display:flex;
	flex-wrap:wrap
}
.achievement_box ul li {
	list-style-type:none;
	margin:10px;
	border:1px solid #ddd
}
.achievement_box ul li.achievement_box_100, .achievement_box ul li.achievement_box_050 {
	width:calc(100% - 20px);
	padding:10px !important
}
.achievement_box ul li img {
	display:block;
	margin:10px auto;
	max-width:calc(100% - 20px)
}
.achievement_img_list {
	text-align:center
}
.achievement_img_list ul {
	display:flex;
	flex-wrap:wrap
}
.achievement_img_list ul li {
	list-style-type:none;
	width:98%;
	margin:1%
}
.achievement_img_list ul li img {
	display:block;
	margin:0 auto;
	max-width:100%
}
}
