@charset "utf-8";	

/************************************************************************************************/
@media only screen and (min-width:1200px) {

/*-----------------------------
   Menu
-------------------------------*/

/*-----------------------------
   top
-------------------------------*/
.slide_info .slide img{
	width: 100vw;
	height: auto !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0);
}

}
/************************************************************************************************/
@media only screen and (max-width:1200px) {
/*-----------------------------
   Section01 header
-------------------------------*/
#header_cont{
	position: absolute;
	width: 100%;
	max-width: 1200px;
	top: 0;
	left: 50%;
	transform: translate( -50%, 0 );
	z-index: 1000;
	padding: 40px 3% 0;
	overflow: hidden;
}

/*------------------------------------ */
/*　下層ページ コンテンツ　*/
/*------------------------------------ */
article.main_contents{
	width: 94%;
	margin: 0 3%;
	position: relative;
}

}
/************************************************************************************************/
@media only screen and (max-width:1000px) {

/* ----　EXHIBITION  ----------------------------------------　*/
.ex_gallery a{
	display: block;
	position: relative;
	width: calc( 100% / 7 - 1% );
	max-width: 24%;
	height: 100px;
	margin: 0.5% ;
	float: left;
	overflow: hidden;
	background-color: #ccc;
}

}







/************************************************************************************************/
@media only screen and (max-width:768px) {
 body {
  	width: 100%;
}
/*-----------------------------
   Section01 header
-------------------------------*/
#header_cont{
	height: 150px;
}

#header_cont h1::after{
	content: "";
	position: absolute;
	width: 50%;
	height: 50px;
	top: 160%;
	left: 1%;
	background-image: url("../img/title_installation.png");
	background-position: left top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

ul.sns_icon{
	float: right;
	width:100px;
	margin: 0 0 0 ;
}
ul.sns_icon li{
	width: 18px;
	height: 18px;
	float: left;
	margin: 0 0 0 15%;
	position: relative;
}

/*-----------------------------
   Menu
-------------------------------*/
#gnav {
	position: fixed;
	top: 0;
	left: 0;
	width: 40%;
	height: 100vh;
    background-color: #2a2a2a;
	transition: all 0.3s;
	transform: translate(-300px, 0);
	padding: 30% 0 0 5%;
	opacity: 0;
}
#gnav ul.menu_list li{
	margin: 0 0 25% 0;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
 	font-weight: 200;
 	font-style: normal;
 	font-variation-settings:"slnt" 0;
	font-size: 1.8em;
	display: list-item;
}




.slide_info .slide01{
	background-image: url("../img/img_slider_09_1000-1500.jpg");
}
.slide_info .slide02{
	background-image: url("../img/img01_B_1200-800.jpg");
}
.slide_info .slide03{
	background-image: url("../img/img02_1200-800.jpg");
}
.slide_info .slide04{
	background-image: url("../img/img07_1200-800.jpg");
}




/*------------------------------------ */
/*　footer　*/
/*------------------------------------ */

#footer P{
	font-family:"Times New Roman", Times, serif;
	font-size:0.65em;
	color:#fff;
	text-align: center;
}


/*------------------------------------ */
/*　下層ページ コンテンツ　*/
/*------------------------------------ */
h2#title_A{
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
 	font-weight: 600;
 	font-style: normal;
 	font-variation-settings:"slnt" 0;
	font-size: 4em;
	color: #d5dadf;
	text-align: center;
	padding: 200px 0 100px;
}


/* ----　BIOGRAPHY  ----------------------------------------　*/

.line_vertical_A::before{
	content: "";
	position: absolute;
	top: -1%;
	left: 29%;
	width: 1px;
	height: 100.8%;
	background-color: #d5dadf;
}

dl.sections{
	width: 100%;
	margin: 0 auto 70px;
	position: relative;
}

dl.sections dt{
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
 	font-weight: 400;
 	font-style: normal;
 	font-variation-settings:"slnt" 0;
	font-size: 2.5em;
	color: #d5dadf;
	text-align: right;
	line-height: 40%;
	float: left;
	width: 22%;
	position: relative;
}

dl.sections dd{
	text-align: justify;
	font-size: 0.9em;
	line-height: 150%;
	width: 78%;
	float: left;
	padding-left: 14%;
	position: relative;
}

dl.sections dd span.ex_title{
	font-weight: bold;
	font-size: 120%;
}

dl.sections::before{
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 2px;
	left: calc(29% - 8px);
	background-color: #d5dadf;
	border-radius: 8px;
}

.dis_ib{
	display: inline-block;
}


/* ----　EXHIBITION  ----------------------------------------　*/
.ex_gallery a{
	display: block;
	position: relative;
	width: calc( 100% / 6 - 1% );
	max-width: 24%;
	height: 100px;
	margin: 0.5% ;
	float: left;
	overflow: hidden;
	background-color: #ccc;
}

/* ----　GALLERY  ----------------------------------------　*/
.ga_gallery a{
	width: calc( 100% / 3 - 10px );
	margin: 0 auto 10px;
}
}	



/************************************************************************************************/
@media only screen and (max-width:640px) {
/*-----------------------------
   Section01 header
-------------------------------*/
#header_cont h1{
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
 	font-weight: 400;
 	font-style: normal;
 	font-variation-settings:"slnt" 0;
	font-size: 2em;
	color: #fff;
	margin: 0 0 0 0;
	float: left;
	position: relative;
}


ul.sns_icon{
	position: absolute;
	width:50px;
	top: 120px;
	right: 3%;
}
ul.sns_icon li{
	width: 15px;
	height: 15px;
	float: left;
	margin: 0 0 0 0 ;	
}
ul.sns_icon li.ico_insta{
	margin-left: 20px;
}


/*-----------------------------
   Menu
-------------------------------*/
#gnav {
	position: fixed;
	top: 0;
	left: 0;
	width: 40%;
	height: 100vh;
    background-color: #2a2a2a;
	transition: all 0.3s;
	transform: translate(-300px, 0);
	padding: 40% 0 30px 5% !important;
	opacity: 0;
}

#gnav ul.menu_list li{
	margin: 0 0 35% 0 ;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
 	font-weight: 200;
 	font-style: normal;
 	font-variation-settings:"slnt" 0;
	font-size: 1.9em;
	display: list-item;
}


/*-----------------------------
   下層ページ
-------------------------------*/
#main2 #header_cont h1{
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
 	font-weight: 400;
 	font-style: normal;
 	font-variation-settings:"slnt" 0;
	font-size: 2em;
	color: #1e180e;
	margin: 0 0 0 0;
	float: left;
	position: relative;
}
#main2 #header_cont h1::after{
	content: "";
	position: absolute;
	width: 50%;
	height: 50px;
	top: 160%;
	left: 1%;
	background-image: url("../img/title_installation_black.png");
	background-position: left top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}


/* ----　EXHIBITION  ----------------------------------------　*/
.ex_gallery a{
	display: block;
	position: relative;
	width: calc( 100% / 4 - 1% );
	max-width: 24%;
	height: 100px;
	margin: 0.5% ;
	float: left;
	overflow: hidden;
	background-color: #ccc;
}

.kugiri_A{
	width: 100%;
	height: 6px;
	position: relative;
}
.kugiri_A .point01,
.kugiri_A .point02,
.kugiri_A .point03,
.kugiri_A .point04,
.kugiri_A .point05{
	width: 6px;
	height: 6px;
	position: absolute;
	border-radius: 3px;
	background-color: #bbb;
	top: 0;
	transform: translate( -50% , 0 );
}
.kugiri_A .point01{
	left: 40%;
}
.kugiri_A .point02{
	left: 45%;
}
.kugiri_A .point03{
	left: 50%;
}
.kugiri_A .point04{
	left: 55%;
}
.kugiri_A .point05{
	left: 60%;
}


/* ----　GALLERY  ----------------------------------------　*/
.ga_gallery a{
	width: calc( 100% / 2 - 10px );
	margin: 0 auto 10px;
}
}