<!-- 以下をstyle.cssの一番上にコピー&ペーストしてください -->

/* 2022_06_03 追加 */
.katsudou_img1{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-left: 0;
}
.katsudou_img1 li{
	width: 100%;
	margin:10px 0;
}
.katsudou_img1 li img{
	width: 100%;
}
.katsudou_img1 li p{
	margin-top: 5px;
}
.katsudou_img2{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-left: 0;
}
.katsudou_img2 li{
	width: 47%;
	margin:10px 1.5%;
}
.katsudou_img2 li img{
	width: 100%;
}
.katsudou_img2 li p{
	margin-top: 5px;
}
.katsudou_img3{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-left: 0;
}
.katsudou_img3 li{
	width: 30%;
	margin:10px 1.5%;
}
.katsudou_img3 li img{
	width: 100%;
}
.katsudou_img3 li p{
	margin-top: 5px;
}
@media screen and (max-width: 600px) {
	.katsudou_img1 li,.katsudou_img2 li,.katsudou_img3 li{
		width:90%;
	}
}
/* 2022_06_03 追加 */

<!-- ここまで -->

@charset "utf-8";
/* CSS Document */

	
.page_image{
	background: linear-gradient(-45deg, rgba(52,133,223, .8), rgba(61,167,127, .8));
	}
.page_image h2{
	width:900px;
	padding:30px 0 30px 10px;
	color:#fff;
	margin:0 auto;
	font-size:26px;
	letter-spacing:4px;}
.bread{
	font-size:12px;
	height:30px;
	border-bottom:dotted 1px #CCCCCC;}
.bread a{
	color:#090;
}
.width7{
	width:700px;
	margin:0 auto;
	padding-bottom:30px;
	padding-top:30px;
	letter-spacing:1px;}	
.width7 a{
	color:#090;
}
.contents a{
	color:#090;
}
.kyoju img{
	width:200px;}	
.kyoju img{
	float:left;}
.kyoju p{
	float:left;
	margin-top:120px;
	margin-left:20px;}
.keisai_pdf{
	text-align:right;
	font-size:12px;
	margin-top:40px;}	
.keisai_pdf a{
	color:#090;
}
h3{
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #79DFCD;
	border-bottom: 1px solid #79DFCD;
	margin-top:30px;
	}
.tb_page{
	font-size:14px;
	border-collapse:collapse;
	width:100%;
}
.tb_page th{
	width:150px;
	text-align:left;
	}
.tb_page tr{
	border-bottom: dotted 1px #CCCCCC;
}
.tb_page th,.tb_page td{
	padding:10px 0;
}
.kyoiku_img{
	margin:5px;
}
.kyoiku_image{
	margin:0 auto;
	text-align:center;}
.tb_career{
	border:solid 1px #CCCCCC;
	}	
.tb_career th{
	padding:10px;
	width:80px;
	border:solid 1px #CCCCCC;
	border-bottom:solid 2px #cccccc;
	background-color:#ECECEC;
	}
.tb_career td{
	padding:10px;
	border:solid 1px #CCCCCC;
}
.mail_send_div{
	width:100%;
	margin:40px auto;
	text-align:center;
}
.mail_send{
	padding:10px 100px;
	border:solid 1px #090;
	}
.staff{
	width:140px;
	height:260px;
	border:solid 1px #CCCCCC;
	box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.1) inset;
	padding:10px;
    position: relative;
	display:inline-block;
	margin:5px;
	}	
.staff a{
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: 100%;}
.staff_image{
	overflow: hidden;
    width: 130px;/* トリミングしたい枠の幅 */
    height: 150px;/* トリミングしたい枠の高さ */
    position: relative;
	margin:0 auto;
	}
.staff_image img{
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.staff_title{
	font-size:13px;
	color:#063;
	padding:0;
	margin:5px 0 0;}
.name_en{
	font-size:11px;
	color:#666;
	padding:0;
	margin:0;}
.staff_name{
	font-size:15px;
	margin:10px 0 0;
	padding:0;
	color: #333;}	
h4{
	border-bottom: 1px solid  #79DFCD;
    -webkit-box-shadow: 0 1px 0 #CCC;
    -moz-box-shadow: 0 1px 0 #CCC;
    box-shadow: 0 1px 0 #CCC;
	letter-spacing:1px;
	font-size:15px;
	padding:5px;}
.staff_mini{
	width:140px;
	height:100px;
	border:solid 1px #CCCCCC;
	box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.1) inset;
	padding:10px;
    position: relative;
	display:inline-block;
	margin:5px;
	vertical-align:top;
	}	
.staff2{
	width:140px;
	height:230px;
	border:solid 1px #CCCCCC;
	box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.1) inset;
	padding:10px;
    position: relative;
	display:inline-block;
	margin:5px;
	vertical-align:top;
	text-align:center;
	}	
/*スタッフ詳細			
*/
.staff_image_shosai{
	overflow: hidden;
    width: 200px;/* トリミングしたい枠の幅 */
    height: 250px;/* トリミングしたい枠の高さ */
    position: relative;
	float:left;
	}
.staff_image_shosai img{
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
}
.staff_nakami_shosai{
	float:left;
	padding-left:20px;}
.staff_title_shosai span{
	border:solid 1px #063;
	color:#063;
	padding:5px 30px;
	text-align:center;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
	margin:10px;
}
.staff_name_shosai{
	font-size:24px;
	color:#063;
	padding:0;
	margin:0 0 0 5px;}
.name_en_shosai{
	font-size:11px;
	color:#666;
	margin:0 0 0 5px;}
.shosai_tb{
	font-size:13px;
	border-collapse:collapse
	}
.shosai_tb tr{
	border-bottom:dotted 1px #999999;
}
.shosai_tb td{
	padding:5px;
}
.shosai_tb td.shosai_date{
	width:80px;}
h5{
	border-bottom: 1px solid  #79DFCD;
    -webkit-box-shadow: 0 1px 0 #CCC;
    -moz-box-shadow: 0 1px 0 #CCC;
    box-shadow: 0 1px 0 #CCC;
	letter-spacing:1px;
	font-size:14px;
	padding:5px;
	margin-bottom:0;
	margin-top:10px;}
.staff_shosai_ul li:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #20B97B;
	position: relative;
	left: -15px;
	top: -3px;
}			
/*ジャーナルクラブ*/
.next_jc{
	border:solid 1px #063;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
	padding: 10px 20px 20px;
	margin:30px auto;
	width:700px;

}
.next_jc_p{
	font-size:18px;
	color:#063;
	margin-top:10px;
	border-bottom:1px solid #063;
	padding-bottom:5px;}

table.jc_rireki{
	font-size:14px;
	padding:5px;
	border-collapse:collapse;
	table-layout:fixed;
	width:900px;
	margin-bottom:20px;
}
.jc_rireki tr{
		border:solid 1px #A3A3A3;
	}

table.jc_rireki th:nth-child(1){
	text-align:center;
	padding:5px;
	width:50px;
	border-right:dotted 1px #999999;
	background-color:#DDF6E8;
}
table.jc_rireki th:nth-child(2){
	text-align:center;
	padding:5px;
	width:70px;
	border-right:dotted 1px #999999;
	background-color:#DDF6E8;
}
table.jc_rireki th:nth-child(3){
	text-align:center;
	padding:5px;
	width:400px;
	border-right:dotted 1px #999999;
	background-color:#DDF6E8;
}
table.jc_rireki th:nth-child(4){
	text-align:center;
	padding:5px;
	width:130px;
	background-color:#DDF6E8;
}


table.jc_rireki td:nth-child(1){
	text-align:center;
	padding:5px;
	border-right:dotted 1px #999999;
}
table.jc_rireki td:nth-child(2){
	text-align:center;
	padding:5px;
	border-right:dotted 1px #999999;
}
table.jc_rireki td:nth-child(3){
	font-size:12px;
	padding:15px;
	border-right:dotted 1px #999999;
}
table.jc_rireki td:nth-child(4){
	font-size:12px;
	padding:5px 10px;
}
.more{
	padding:10px 30px;
	margin:0 auto 20px;
	border:solid 1px #75D8A1;
	width:200px;
	text-align:center;
	color:#22C369;}		
.more:hover{
	background-color:#75D8A1;
	color:#FFF;
}
/*業績*/

.gyouseki_btn{  
  	padding: 0;  
	margin:0 auto;
	text-align:center;
	width:900px;
}  
  
.gyouseki_btn ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;
}  
  
.gyouseki_btn ul li{  
  float: left;  
  width: 200px;
  margin: 20px;  
  padding:0;
  letter-spacing:4px;
}  
  
.gyouseki_btn a{  
  text-align: center;  
  display:block;  
  padding: 15px 0;  
  width: 100%;
  border:solid 1px  #28B265;
  color:#28B265;  
}  
  
.gyouseki_btn a:hover{  
  background:#28B265;  
  color: white;
}
.gyouseki_btn2 a{
	width:100%;
  border:solid 1px  #28B265;
  color:#28B265; 
  padding: 10px 0;
  display:block;
  text-align:center;
  margin:10px auto;  
  
}
.gyouseki_btn2 a:hover{  
  background:#28B265;  
  color: white;
}

.ronbun_li li{
	margin-bottom:20px;
	position: relative;
	padding-left:5px;}
ul.ronbun_li li::after,
ul.ronbun_li li::before {
	display: block;
	content: '';
	position: absolute;
}
ul.ronbun_li li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #79DFCD;
	border-radius: 100%;
}
ul.ronbun_li li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}	

.ronbunsyokai_name{
	text-align:right;
	margin:20px 0 30px;}
	
/*教室の風景*/
.update{
	margin-top:20px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	background: linear-gradient(-45deg, rgba(52,133,223, .8), rgba(61,167,127, .8));
	padding:5px 0 5px 10px;
	width:98%;
}	
.katsudou_p{
	margin-bottom:10px;
	font-size:13px;
}	
.katsudou_img img{
	margin:10px;
}	
.katsudou_img{
	margin:0 auto 20px;
	text-align:center;
	border-bottom:dotted 2px #CCCCCC;
}	
.katsudou_img p{
	font-size:12px;
	margin-top:0;
}
/*リンク*/
.link_content{
  width:45%;
  display:inline-block;
  vertical-align:top;
	}
.link_right{
	margin-left:60px;}
ul.link_list{
  padding: 0;
  font: 13px;
  width:100%;
  list-style: none;
}
ul.link_list li{
  position: relative;
  padding: 0.5em 1em 0.5em 2.3em;
  margin-bottom:2px;
  color: rgb(129,194,250);
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid rgba(129,194,250, 0.5);
}
ul.link_list li:after,
ul.link_list li:before{
  content: "";
  position: absolute;
  border-radius: 50%;
}
ul.link_list li:before{
  left: 0.2em;
  width: 15px;
  height: 15px;
  background: rgba(55,180,171,0.4);
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.link_list li:after{
  top: 1.1em;
  left: 0.7em;
  width: 12px;
  height: 12px;
  background: rgba(129,194,250,0.3);
}

/*188bet体育_188bet备用网址*/
.g_map{
	width:700px;
	height:400px;
	margin-top:30px;}
.kisotou{
	margin:50px auto;
}
.kisotou p{
	text-align:center;}
.kisotou img{
	width:700px;}


@media screen and (max-width: 900px) {
.page_image h2{
	width:100%;
}
.width7{
	width:98%;
	margin:0 auto;
}
.staff{
	width:40%;
	margin:3px;
	}	
.staff_mini{
	width:40%;
	margin:3px;
	}	
.staff2{
	width:40%;
	margin:3px;
	}	

.gyouseki_btn{  
	width:100%;
}  
    
.gyouseki_btn ul li{  
  float: none;  
  margin: 20px auto;  
}  
.next_jc{
	width:90%;
}
.tb_page{
	width:96%;
}
.tb_page th{
	width:100%;
	text-align:left;
	}
.tb_page th,.tb_page td{
	display:block;
}
.tb_career{
	margin:0 auto;}
.tb_career th{
	display:none;
}

.tb_career td{
	display: block;
}
.tb_career tr td:nth-child(1){
	background-color:#ECECEC;}

table.jc_rireki{
	font-size:14px;
	padding:5px;
	border-collapse:collapse;
	table-layout:fixed;
	width:98%;
	margin:0 auto 20px;
}

.jc_rireki th{
	display:none;
}
.jc_rireki tr{
	border-bottom: solid 1px #999999;
}

.jc_rireki tr,.jc_rireki td{
	display:block;
	border-bottom:dotted 1px #999999;
}



table.jc_rireki td:nth-child(1){
	text-align:center;
	padding:5px;
	border-right:none;
	background-color:#DDF6E8;
}
table.jc_rireki td:nth-child(2){
	text-align:center;
	padding:5px;
	border-right:none;
}
table.jc_rireki td:nth-child(2) br{
	display:none;
	border-right:none;
}
table.jc_rireki td:nth-child(4){
	text-align:center;
}
.link_content{
  width:100%;
	}
.link_right{
	margin-left:0px;}
.g_map{
	width:96%;
	margin:0 auto;
	display:block;
}
.update{
	width:96%;
}	


.kisotou img{
	width:96%;
}
		

}
@media screen and (max-width: 600px) {
.page_image h2{
	width:98%;
	padding:30px 0 30px 2%;
	color:#fff;
	margin:0 auto;
	font-size:26px;
	letter-spacing:4px;}

.staff_nakami_shosai{
	padding-left:0px;}
.katsudou_img img{
	width:90%;
	height:auto;
}	
.katsudou_p a{
word-break: break-all;}	
	
}