@media screen and (min-width:480px) { 
    /*　画面サイズが480px以上はここを読み込む　*/
.staff_top{display:block;
	margin:auto;
	width:300px;}

.staff_background{background-image: url("../illust/img/staff/staff_background.png");
background-size:cover;
 background-repeat:repeat-y;
 }	
	
.staff{width:80%;
display: block;
     
}

.staffname{font-weight: bold;
font-size: 2em;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom:10px;
     
}

.staffexp{
font-size: 1.2em;
line-height: 1.8em;


font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     
}

.staff_gridcontainer{
  
 
	justify-content: center;
	margin:auto;
	width:70%;
	min-width:700px;
	display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns:  1fr　1fr　;
 grid-template-rows:  1fr　1fr　;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr　1fr;
}

.staff_griditem01{justify-content: center;
  align-items: center;
margin-bottom:30px;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
}

.staff_griditem02{justify-content: center;
  align-items: center;
margin-bottom:30px;
grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 2;
-ms-grid-row: 1;
}

.staff_griditem03{justify-content: center;
  align-items: center;
margin-bottom:30px;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;
}

.staff_griditem04{justify-content: center;
  align-items: center;
margin-bottom:30px;
grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 2;
-ms-grid-row: 2;
}

.ill_foot01 {text-align:center;
font-size:28px;
font-weight:500;
color: #000000;
	font-family: Century Gothic, sans-serif;
	}
	
	.ill_foot02 {
		text-align:center;
font-size:1.4em;
font-weight:300;
color: #000000;
letter-spacing: 0.1em;
	font-family: Helvetica Neue, 
               Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
	}
	
		.ill_foot03 {text-align:center;
font-size:0.5em;
font-weight:300;
color: #000000;
letter-spacing: 0.1em;
	font-family: Helvetica Neue, 
               Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
	}

}
@media screen and (max-width: 480px) {
   /*--- 表示領域が480px以下の場合に適用するスタイル ---*/
.staff_top{display:block;
	margin:auto;
	width:100px;}   
   
.staff_background{background-image: url("../illust/img/staff/staff_background.png");
background-size:cover;
 background-repeat:repeat-y;
 }	
	
.staff{width:80%;
display: block;
     
}

.staffname{font-weight: bold;
font-size: 2em;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom:10px;
     
}

.staffexp{
font-size: 1.2em;
line-height: 1.8em;


font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     
}

.staff_gridcontainer{
  
 
	justify-content: center;
	margin:auto;
	width:70%;

	display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns:  1fr　1fr　;
 grid-template-rows:  1fr　1fr　;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr　1fr;
}

.staff_griditem01{justify-content: center;
  align-items: center;
margin-bottom:30px;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
}

.staff_griditem02{justify-content: center;
  align-items: center;
margin-bottom:30px;
grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 2;
-ms-grid-row: 1;
}

.staff_griditem03{justify-content: center;
  align-items: center;
margin-bottom:30px;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;
}

.staff_griditem04{justify-content: center;
  align-items: center;
margin-bottom:30px;
grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 2;
-ms-grid-row: 2;
}

.ill_foot01 {text-align:center;
font-size:28px;
font-weight:500;
color: #000000;
	font-family: Century Gothic, sans-serif;
	}
	
	.ill_foot02 {
		text-align:center;
font-size:26px;
font-weight:300;
color: #000000;
letter-spacing: 0.1em;
	font-family: Helvetica Neue, 
               Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
	}
	
		.ill_foot03 {text-align:center;
font-size:14px;
font-weight:300;
color: #000000;
letter-spacing: 0.1em;
	font-family: Helvetica Neue, 
               Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
	}
}