@charset "utf-8";
/* CSS Document */
/* ========================================
 *  美大受験　専攻紹介　基礎　作品例
  ========================================*/
.kiso-gallery{
    font-size: 37px;
    color: #eeead5;
    line-height: 1.6;
    text-align: center;
    letter-spacing: 0.1em;
    padding: 4px 0 0 0;
	background-color:#181822;
}
.bidai_kiso-name_en{
	font-family: europa, sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
	text-align:center;
	color:#eeead5;
	background-color:#181822;
	padding-bottom:36px;
}
.main-contents .section-title-kiso{
  padding: 45px 0;
	background-color:#1d1e3d;
}
.main-contents .image-list-kiso{
	overflow: hidden;
	padding:50px 50px;
	background-color:#1D1E3D;
}
.m.subject_contents_left article .image {
    margin: 0 0 15px 0;
    overflow: hidden;
    position: relative;
	padding-top:20px;
}
.main-contents .image-list-kiso article {
    float: left;
    width: calc((100% - 40px * (3 - 1)) / 3);
    margin: 0 40px 40px 0;
}
.list image-list-kiso{
    margin: 0 auto;
    padding: 0 0 25px 0;
    max-width: 1400px;
}
.main-contents .image-list-kiso article {
    float: left;
    width: calc((100% - 40px * (3 - 1)) / 3);
    margin: 0 40px 40px 0;
}
.main-contents .image-list-kiso article:nth-child(3n) {
    margin-right: 0;
}
.image{
	margin:0;
	padding:0;
}
.figure  {
	width: 300px;
	float:left;
	margin-top: 10px;
}
.kiso-demos {
  text-align: center;
  margin-top: 0px;
  background-color:#181822; }
.kiso-topimage {
  cursor:url(../gallery/plus_cursor.png) 25 25, pointer;
  display: inline-block;
  width: 400px;
  height: 400px; 
  background-size: cover;
  background-position: 50% 50%;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px; }
.kiso-topimage.first {
    background-position: 50% 10%;
    background-image :url(../gallery/kiso/seckou-8.fw.png) ; }
.kiso-topimage.second {
    background-position: 50% 10%;
    background-image:  url(../gallery/kiso/chakusai-3.fw.png) ; }
.kiso-image {
  cursor: url(../gallery/plus_cursor.png) 25 25, pointer;
  display: inline-block;
  width: 290px;
  height: 200px; 
  background-size: cover;
  background-position: 50% 50%;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px; }
.kiso-image.twentyone {background-position: 50% 10%;background-image: url(../gallery/kiso/jigazou-5.fw.png) }
.kiso-image.twentytwo {background-position: 50% 10%;background-image: url(../gallery/kiso/heimen-6.fw.png) }
.kiso-image.twentythree {background-position: 50% 10%;background-image: url(../gallery/kiso/seibutu-5.fw.png) }
.kiso-image.twentyfour {background-position: 50% 10%;background-image: url(../gallery/kiso/jigazou-6.fw.png) }

.kiso-image.seventeen {background-position: 50% 10%;background-image: url(../gallery/kiso/heimen-5.fw.png) }
.kiso-image.eighteen {background-position: 50% 10%;background-image: url(../gallery/kiso/jigazou-4.fw.png) }
.kiso-image.nineteen {background-position: 50% 10%;background-image: url(../gallery/kiso/yusai-1.fw.png) }
.kiso-image.twenty {background-position: 50% 10%;background-image: url(../gallery/kiso/te-2024.fw.png) }

.kiso-image.thirteen {background-position: 50% 10%;background-image: url(../gallery/kiso/seckou-5.fw.png) }
.kiso-image.fourteen {background-position: 50% 10%;background-image: url(../gallery/kiso/heimen-2023.fw.png) }
.kiso-image.fifteen {background-position: 50% 10%;background-image: url(../gallery/kiso/jinnbutuyusai-4.fw.png) }
.kiso-image.sixteen {background-position: 50% 10%;background-image: url(../gallery/kiso/te-2023.fw.png) }
.kiso-image.nine {
	background-position: 50% 10%;
    background-image: url(../gallery/kiso/te-2022.fw.png) }
.kiso-image.ten {
	background-position: 50% 10%;
  background-image: url(../gallery/kiso/seibutu-4.png) }
.kiso-image.eleven {
	background-position: 50% 10%;
  background-image: url(../gallery/kiso/heimen-2022.fw.png) }
.kiso-image.twelve {
	background-position: 50% 10%;
  background-image: url(../gallery/kiso/jigazou-3.fw.png) }
.kiso-image.first {
	background-position: 50% 10%;
  background-image: url(../gallery/kiso/seckou-2.png) }
.kiso-image.second {
  background-position: 50% 0%;
  background-image: url(../gallery/kiso/kouseidessan-1.png)}
.kiso-image.third {background-position: 50% 0%;
  background-image: url(../gallery/kiso/seibutu-2.png)}
.kiso-image.fourth {background-position: 50% 10%;
  background-image: url(../gallery/kiso/heimen-1.png)}
.kiso-image.fifth {
  background-position: 50% 10%;
  background-image: url(../gallery/kiso/jigazou-1.png); }
.kiso-image.sixth {
  background-position: 50% 10%;
  background-image: url(../gallery/kiso/jinnbutuyusai-2.png) ; }
.kiso-image.seventh {
  background-position: 50% 10%;
  background-image:url(../gallery/kiso/heimen-4.png)}
.kiso-image.eighth {background-position: 50% 10%;
  background-image: url(../gallery/kiso/rittai-1.png); }
@media only screen and (max-width:860px){
  .kiso-topimage {
    width: 338px;
    height: 208px; 
  }
  .kiso-topimage.first {
    background-position:50% 10%;
  }
  .kiso-topimage.second {
      background-position: 76% 57%;
  }	
}
@media only screen and (max-width:767px){
  .kiso-topimage {
    width:100%;
    height: 208px;
    margin:0; 
  }
  .kiso-topimage.first {
    width:100%;
    max-width:100%;
    background-position:50% 10%;
  }
  .kiso-topimage.second {
      background-position: 90% 97%;
    width:100%;
    max-width:100%;
  }	
  .kiso-demos{
    padding: 30px 0;
  }
}