@charset "UTF-8";

html	{background-color:#EFE8E6;}


p	{font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 400;
 	font-style: normal;
	font-size: 1rem; /* 16px */
	margin: 0px 15px;}

h1,h2,h3 { font-family: "Vollkorn SC","Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal; 
  font-size: 2em;}
  
  h4 { font-family: "Vollkorn SC","Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:1.5em}
  
  
.eng {
	font-size: 0.875rem; /* 14px*/}

a:link{
	font-weight: bold;
	font-family: "Poppins", sans-serif;
	color: #2f4f4f;
	text-decoration: underline;}
a:hover{
	text-decoration: none;}
a:visited {color: #2f4f4f}

.container {
  max-width: 900px;
  margin: auto;
  padding: 0 16px;
}
/* cover
------------------------------- */
.cover {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 2;
}

.cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* 背景固定
------------------------------- */
.fixed-bg {
  position: fixed;
  top: 0;
  right: 0;
  width: 50vw;
  height: 100vh;

  background-image: url("hibi_haikei.png");
  background-size: cover;
  background-position: right center;

  z-index: 0;
}

.container {
  position: relative;
  z-index: 1;
  width: 50vw;
  padding: 80px 40px;
}

/* サムネイルグリッド
-------------------------------*/
.sample-area {
  position: relative;
  z-index: 1;   
  padding: 0 80px;
}

/* .sample-area {
  position: relative;
  z-index: 1;   
  width: 100vw;
  padding: 0 80px;
}
----*/
.sample-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.sample-grid img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.goverlay {
  background: rgba(30, 25, 25, 0.85);
}



/* フッター
-------------------------------*/
.wrapper		{
					z-index: 4;
					max-width:	1100px;
					margin:	0 auto;
					padding:	 4%;
					}



.icon	{margin: 0px auto;
			display: block;
			width:	25px;
			height:	25px;
			}
			
.fotter-nav
			{display: flex;
			list-style: none;}
.fotter-nav li {
    margin: 0px 10px;}