/***** PC用のデザインCSS *****/
@media screen and (min-width:480px) { 
    /*　画面サイズが480px以上はここを読み込む　*/
	
	body{margin:0px;}
	
	.container{background:url(../img/staff/staff_background.jpg);
	width:100%;
		
		}
/* Header
-------------------------------------------------- */
#header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}

#header .logo p img {
  max-width: 32vw;
}

#header .link {
  padding-top: 0;
  padding-right: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#header .link .menu ul {
  display: flex;
  flex-direction: row;
  list-style-type: none;
}


#header .link .menu ul li {
  text-align: center;
  margin: 0 1em;
}

#header .link .menu ul li a {
  color: #616161;
  display: inline-block;
}

#header .link .menu ul li a .en {
  margin-bottom: .7em;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  letter-spacing: 2px;
}

#header .link .menu ul li a .ja {
  font-size: 0.8rem;
}

#header .link .menu ul li a:hover, #header .link .menu ul li a.active {
  color: #fee730;
}

#header .link .social ul {
  display: flex;
  flex-direction: row;
}

#header .link .social ul li {
  margin: 0 .7em;
}

#header a{
 text-decoration: none;
}


#header .link .social ul li img {
  height: 2.2em;
}

#header .menu-sp {
  padding: 2em 1.5em 0 0;
  display: none;
}

#header .menu-sp p img {
  max-width: 2.5em;
}

/* 
-------------------------------------------------- */		

.sample-img {margin-left:10px;
margin-right:10px;
  cursor: pointer;
  max-width: 200px;
  position: relative;
  width: 100%;
  
}
.sample-img img {
  height: auto;
  width: 100%;
  box-shadow: 3px 3px 8px gray;
}


.hover-mask {
  align-items: center; /* テキストの中央揃え */
  background: rgba(0, 0, 0, .5); /* マスクの色(黒の50%) */
  bottom: 0;
  color: #fff; /* テキストの色 */
  display: flex; /* テキストの中央揃え */
  height: auto;
  justify-content: center; /* テキストの中央揃え */
  left: 0;
  opacity: 0; /* 最初は透明(非表示) */
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .6s ease; /* ゆっくりopacityのみへ変化させる */
  width: 100%;
  font-size:12px;
}
.hover-mask:hover {
  opacity: 1; /* hoverしたら透過しない(表示させる) */
}
.hover-mask p {
  width: 80%; /* テキストを横幅いっぱいにならないようにする */
}
.namekanji{ font-size:18px;
font-weight:700}
.leftbar{float:left}

.ttl{text-align: center;
color: #616161;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 5rem;
    letter-spacing: 8px;	
    margin-bottom: 0.4em;
}
.staff-img {margin-left:10px;
margin-right:10px;
  cursor: pointer;
  max-width: 130px;
  position: relative;
  width: 100%;
  
}
.staff-img img {
  height: auto;
  width: 100%;
  box-shadow: 3px 3px 8px gray;
}

.lumi1 + .caption, .lumi1 + figcaption {
  text-align: center;
  color: #999;
  opacity: 0;
  transition:  opacity 0.4s ease 0s;
}
.lumi1:hover + .caption, .lumi1:hover + figcaption {
  opacity: 1;
}
.lumi1 img {
  opacity: 1;
  transition:  opacity 0.4s ease 0s;
}
.lumi1:hover img {
  opacity: .75;
}
span.fraction {
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: 12px;
  color: #bbb;
}
@media (max-width: 460px) {
  span.fraction {
    position: relative;
    margin-left: 2rem;
  }
}

.grid-item {
}
.grid-content {
  /*.caption の基準となるように position: relative を指定 */
  position: relative;
  /*キャプションが隠れるように*/
  overflow: hidden;
}
.thumb {
  max-width: 100%;
  transition: transform 0.3s;
}
/*画像ホバー時に画像を拡大*/
.thumb:hover {
  transform: scale(1.1);
}
.caption {
  position: absolute;  /*絶対配置*/
  bottom: 0;  /*基準をボトムに配置*/
  text-align: center;
  width: 100%;
  height: 6rem;
  background-color: rgba(0,0,0,0.55);
  transform: translateY(6rem);   /*3rem 下方向に配置*/
  transition: transform 0.3s;  /*アニメーション表示*/
  font-size: .875rem;
  pointer-events: none;
}
.caption p {
  color: #fff;
  margin-top: 1rem;
}
	.caption2 {
  position: absolute;  /*絶対配置*/
  bottom: 0;  /*基準をボトムに配置*/
  text-align: center;
  width: 100%;
  height: 8rem;
  background-color: rgba(0,0,0,0.55);
  transform: translateY(8rem);   /*3rem 下方向に配置*/
  transition: transform 0.3s;  /*アニメーション表示*/
  font-size: .875rem;
  pointer-events: none;
}
.caption2 p {
  color: #fff;
  margin-top: 1rem;
}
	.grid-item:hover .caption {
  transform: translateY(0px);
}
.name {
font-size:large;
}

/*グリッドアイテムホバー時にキャプションを表示*/
.grid-item:hover .caption2 {
  transform: translateY(0px);
}
	.grid-item:hover .caption {
  transform: translateY(0px);
}


/*グリッドアイテムホバー時にキャプションを表示*/
.grid-item:hover .caption2 {
  transform: translateY(0px);
}
/*ホバー時に画像の上に表示するアイコン*/ 
.icon-plus {
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.grid-item:hover .icon-plus {
  opacity: 1;
}
.icon-plus::after{
  display: inline-block;  
  margin: 0;  
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E  %3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E  %3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
} 


.gall_gridcontainer{
	width:100%;
margin:auto;
}


 
 .touch{width:120px;}
.gall_img_yakuin{width:180px;
box-shadow: 3px 3px 8px gray;
margin-left:10px;
margin-right:10px;}

.gall_img{width:130px;
box-shadow: 3px 3px 8px gray;
margin-left:10px;
margin-right:10px;}

.GALLERY_gridcontainer{
  
  align-items: center;
	
	margin:auto;
	width:90%;
	display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns:  1fr;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr;
}




.galltop{display:block;
	margin:auto;
	width:350px;
}



.griditem_real{justify-content: center;
  align-items: center;

grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
margin-bottom:15px;
margin-right:auto;
margin-left:auto;
display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns:  1fr 17fr;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .realtext{font-family: sans-serif;

grid-column-start: 1; 
  grid-column-end: 3; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;

}
.realtext span{
	font-size:large;
	font-weight: bold;
}

.realimg{display: flex;
flex-wrap:wrap;
gap: 19px 0px;

grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}

.galtitle{width:1100px;
}

.griditem_D{
	margin-right:auto;
margin-left:auto;
	margin-bottom:15px;
 
  justify-content: center;
  align-items: center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;

display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns:  auto;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .Dtext{    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", osaka, arial, helvetica, sans-serif;

grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
background: #fee730;
    padding-left: 2em;
    margin: 1.8em;
}

.Dtext span{
	font-size:1.5em;
	font-weight: bold;
}

.Dimg{display: flex;
flex-wrap:wrap;
gap: 19px 0px;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}

.griditem_defo{margin-right:auto;
margin-left:auto;
  justify-content: center;
  align-items: center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 3; 
  grid-row-end: 4; 
  -ms-grid-column: 1;
-ms-grid-row: 3;

display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns:  auto;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .defotext{font-family: sans-serif;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
background: #fee730;
    padding-left: 2em;
    margin: 1.8em;
}

.defotext span{
	font-size:1.5em;
	font-weight: bold;
}

.defoimg{display: flex;
flex-wrap:wrap;
gap: 19px 0px;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}

.griditem_AP{width:100%;
	margin-right:auto;
margin-left:auto;
  justify-content: center;
  align-items: center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 4; 
  grid-row-end: 5; 
  -ms-grid-column: 1;
-ms-grid-row: 3;

display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns: auto;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .APtext{font-family: sans-serif;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
background: #fee730;
    padding-left: 2em;
    margin: 1.8em;
}

.APtext span{
	font-size:1.5em;
	font-weight: bold;
}

.APimg{display: flex;
flex-wrap:wrap;
gap: 19px 0px;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}

.griditem_AD{width:88%;
	margin-right:auto;
margin-left:auto;
  justify-content: center;
  align-items: center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 5; 
  grid-row-end: 6; 
  -ms-grid-column: 1;
-ms-grid-row: 3;

display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns:  auto;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .ADtext{font-family: sans-serif;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
background: #fee730;
    padding-left: 2em;
    margin: 1.8em;
}

.ADtext span{
	font-size:1.5em;
	font-weight: bold;
}

.ADimg{display: flex;
flex-wrap:wrap;
gap: 19px 0px;
grid-column-start: 1 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}

.griditem_reserch{width:100%;
	margin-right:auto;
margin-left:auto;
  justify-content: center;
  align-items: center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 6; 
  grid-row-end: 7; 
  -ms-grid-column: 1;
-ms-grid-row: 3;

display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns: auto;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .reserchtext{font-family: sans-serif;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
background: #fee730;
    padding-left: 2em;
    margin: 1.8em;
}

.reserchtext span{
	font-size:1.5em;
	font-weight: bold;
}

.reserchimg{display: flex;
flex-wrap:wrap;
gap: 19px 0px;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}

.griditem_illust{width:100%;
	margin-right:auto;
margin-left:auto;
  justify-content: center;
  align-items: center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 7; 
  grid-row-end: 8; 
  -ms-grid-column: 1;
-ms-grid-row: 3;

display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns: auto;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .illusttext{font-family: sans-serif;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
background: #fee730;
    padding-left: 2em;
    margin: 1.8em;
}

.illusttext span{
	font-size:1.5em;
	font-weight: bold;
}

.illustimg{display: flex;
flex-wrap:wrap;
gap: 19px 0px;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}

.griditem_kirin{width:100%;
	margin-right:auto;
margin-left:auto;
  justify-content: center;
  align-items: center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 8; 
  grid-row-end: 9; 
  -ms-grid-column: 1;
-ms-grid-row: 3;

display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns: auto;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .kirintext{font-family: sans-serif;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
background: #fee730;
    padding-left: 2em;
    margin: 1.8em;
}

.kirintext span{
	font-size:1.5em;
	font-weight: bold;
}

.kirinimg{display: flex;
flex-wrap:wrap;
gap: 19px 0px;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}


.griditem_carry{width:100%;
	margin-right:auto;
margin-left:auto;
  justify-content: center;
  align-items: center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 9; 
  grid-row-end: 10; 
  -ms-grid-column: 1;
-ms-grid-row: 3;

display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns: auto;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .carrytext{font-family: sans-serif;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
background: #fee730;
    padding-left: 2em;
    margin: 1.8em;
}

.carrytext span{
	font-size:1.5em;
	font-weight: bold;
}

.carryimg{display: flex;
flex-wrap:wrap;
gap: 19px 0px;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}

.griditem_soumu{width:100%;
	margin-right:auto;
margin-left:auto;
  justify-content: center;
  align-items: center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 10; 
  grid-row-end: 11; 
  -ms-grid-column: 1;
-ms-grid-row: 3;

display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns: auto;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .soumutext{font-family: sans-serif;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
background: #fee730;
    padding-left: 2em;
    margin: 1.8em;
}

.soumutext span{
	font-size:1.5em;
	font-weight: bold;
}

.soumuimg{display: flex;
flex-wrap:wrap;
gap: 19px 0px;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}


.description_gridcontainer{
	grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 2;
  -ms-grid-row: 2;

margin:auto;
}
.griditem_gallbar{text-align:center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;}

  
  .space{
	grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 5; 
  grid-row-end: 6; 
  -ms-grid-column: 2;
-ms-grid-row: 5;
	
	width:100%;
}


.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}

.hero__video{
    height: auto;
    width: 100%;
}


.sns_gridcontainer{
	grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 5; 
  grid-row-end: 6; 
  -ms-grid-column: 2;
-ms-grid-row: 5;

	width:100%;

}


.sns_bar{
    text-align:center;
}

.sns{ margin-top:5%;
width:100%;
height:600px;
text-align:center;
}
	
.fb{ 
width:34%;
height:500px;
display:inline-block;}

.insta{ margin-left:10px;
width:34%;
height:500px;
overflow:scroll;
display:inline-block;}	

.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:1em;
font-weight:300;
color: #000000;
letter-spacing: 0.1em;
	font-family: Helvetica Neue, 
               Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
	}

/***** スマホ用のデザインCSS *****//*--- 表示領域が480px以下の場合に適用するスタイル ---*/
/*---@media screen and (max-width: 480px) {
   


.leftbar{float:left}

.gall_gridcontainer{
	width:480px;
margin:auto;
}


 
 .touch{width:120px;}

.gall_img{width:230px;
box-shadow: 3px 3px 8px gray;
margin-left:10px;
margin-right:10px;}

.GALLERY_gridcontainer{
  
  align-items: center;
	
	margin:auto;
	width:90%;
	display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns:  1fr;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr;
}




.galltop{
	margin:auto;
	width:100px;
}



.griditem_real{justify-content: center;
  align-items: center;

grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
margin-bottom:15px;
margin-right:auto;
margin-left:auto;
display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns:  1fr 17fr;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .realtext{font-family: sans-serif;

grid-column-start: 1; 
  grid-column-end: 3; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
}
.realtext span{
	font-size:large;
	font-weight: bold;
}

.realimg{display: flex;
flex-wrap:wrap;
grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}

.galtitle{width:300px;
}

.griditem_pop{
	margin-right:auto;
margin-left:auto;
	margin-bottom:15px;
 
  justify-content: center;
  align-items: center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;

display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns:  1fr 17fr;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .poptext{font-family: sans-serif;
grid-column-start: 1; 
  grid-column-end: 3; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
}

.poptext span{
	font-size:large;
	font-weight: bold;
}

.popimg{display: flex;
grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}

.griditem_defo{margin-right:auto;
margin-left:auto;
  justify-content: center;
  align-items: center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 3; 
  grid-row-end: 4; 
  -ms-grid-column: 1;
-ms-grid-row: 3;

display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(10px, auto);
 grid-template-columns:  1fr 17fr;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr 20fr;}
 
 .defotext{font-family: sans-serif;
grid-column-start: 1; 
  grid-column-end: 3; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;
}

.defotext span{
	font-size:large;
	font-weight: bold;
}

.defoimg{display: flex;
grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 1;
-ms-grid-row: 2;}

.griditem_gekiga{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align:right;
grid-column-start: 1; 
  grid-column-end: 3; 
  grid-row-start: 5; 
  grid-row-end: 6; 
  -ms-grid-column: 1;
-ms-grid-row: 5;
margin-right:5%;
}


.description_gridcontainer{
	grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 2; 
  grid-row-end: 3; 
  -ms-grid-column: 2;
  -ms-grid-row: 2;

margin:auto;
}
.griditem_gallbar{text-align:center;
grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 2; 
  -ms-grid-column: 1;
-ms-grid-row: 1;}

  .griditem_descri{width:1000px;
	margin:auto;}
	
	.griditem_descri_kingaku{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align:right;
width:85%;
}

.map_gridcontainer{
	grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 3; 
  grid-row-end: 4; 
  -ms-grid-column: 2;
-ms-grid-row: 3;

	

}

.animation_gridcontainer{
	grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 4; 
  grid-row-end: 5; 
  -ms-grid-column: 2;
-ms-grid-row: 4;

	width:100%;
display: grid;
	display: -ms-grid;
 grid-auto-rows: minmax(50px, auto);
 grid-template-columns:  1fr;
 -ms-grid-rows: auto;
 -ms-grid-columns:1fr;
}
  

  
.jokyo_img{width:220px;
  margin:10px;}
  
  .griditem_map{width:1000px;
	margin-right:auto;
margin-left:auto;}
  
  .griditem_anime{width:1000px;
	margin-right:auto;
margin-left:auto;}
  
  .space{
	grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 5; 
  grid-row-end: 6; 
  -ms-grid-column: 2;
-ms-grid-row: 5;
	
	width:100%;
}


.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}

.hero__video{
    height: auto;
    width: 100%;
}


.sns_gridcontainer{
	grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 5; 
  grid-row-end: 6; 
  -ms-grid-column: 2;
-ms-grid-row: 5;

	width:100%;

}


.sns_bar{
    text-align:center;
}

.sns{ margin-top:5%;
width:100%;
height:600px;
text-align:center;
}
	
.fb{ 
width:34%;
height:500px;
display:inline-block;}

.insta{ margin-left:10px;
width:34%;
height:500px;
overflow:scroll;
display:inline-block;}	

.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:2em;
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:26px;
font-weight:300;
color: #000000;
letter-spacing: 0.1em;
	font-family: Helvetica Neue, 
               Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
	}
   
}