@charset "utf-8";
/*【美術館について】
---------------------------------------------------------------------------*/
.box2 {	padding: 10vw 8vw 6vw 8vw;	/*ボックス内の余白。冒頭にあるspace-largeを読み込みます。*/}

.profile_box{
	clear: both;
	padding: 60px 0px 60px 0px;
	    overflow: hidden; /* 高さの認識*/
}

.box2  img {
margin-top: 25px;
	width: 100%;
	border-radius: 10px;	
	
}



/*list-grid1（３カラムボックス）
---------------------------------------------------------------------------*/
.list-grid1 .list * {margin: 0;padding: 0;}

/*ボックス１個あたり*/
.list-grid1 .list {
    display: grid;
	/*margin-bottom: 2rem;	ボックスの下に空けるスペース*/
		margin-top: 1rem;
}

/*ボックス内のp要素*/
.list-grid1 .list p {
	font-size: 0.85rem;	/*文字サイズを85%に*/
	line-height: 1.5;	/*行間を狭くする*/
}

/*ボックス１個あたり*/
.list-grid1 .list {
	padding: 1rem;			/*ボックス内の余白。１文字分。*/

	color: #111;			/*文字色*/
    grid-template-rows: auto 1fr auto;	/*１つ目（この場合はfigure要素のサイズ）と「詳しくみる」ボタンの高さは自動に、２つ目（この場合はtextブロック））を残った幅で使う*/
	box-shadow: 5px 5px 20px rgba(0,0,0,0.1);	/*ボックスの影。右へ、下へ、ぼかし幅、0,0,0は黒の事で0.1は色が10%出た状態。*/
}

/*ボックス内のfigure画像*/
.list-grid1 .list figure {
	margin: -1rem;			/*画像を枠いっぱいに表示させる為に上の「.list-grid1 .list」のpadding分をネガティブマーインで指定*/
	/*margin-bottom: 0.5rem;	画像の下に空けるスペース*/
}

	/*listブロック全体を囲むブロック*/
	.list-grid1 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);	/*3列にする指定。4列にしたければrepeat(4, 1fr)とする。*/
		gap: 3vw;	/*ブロックの間に空けるマージン的な指定*/
	}

	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:700px) {

	/*listブロック全体を囲むブロック*/
	.list-grid1 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);	/*3列にする指定。4列にしたければrepeat(4, 1fr)とする。*/
		gap: 3vw;	/*ブロックの間に空けるマージン的な指定*/
	}

	/*ボックス１個あたり*/
	.list-grid1 .list {
		margin-bottom: 0;	/*下に空けるスペースをなくす*/
	}

	}/*追加指定ここまで*/


/*【プロフィール】
---------------------------------------------------------------------------*/

main h3 {
  margin-bottom: 30px;
  font-weight: normal;
  font-size: 2rem; /*文字サイズ200%*/
}
/*h3見出しのサブテキスト（sub-text）筆記体*/
main h3 span.sub-text {
  display: inline-block;
  font-size: 2rem; /*文字サイズ*/
  opacity: 0.2; /*透明度。色が60%出た状態。*/
  padding-left: 30px;
  font-family: "Corinthia", cursive;
  font-weight: 400;
  font-style: normal;
  line-height: -1em;
}


.box_left {
  width: 100%;
}
.box_right {
  width: 100%;
}


.box_left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
 	border-radius: 10px;
  }
	

/*画面幅700px以上の追加指定*/
@media screen and (min-width:700px) {
  .box_left {
    width: 30%;
    float: left;
	  padding-top: 25px;
  }


  .box_right {
    width: 63%;
    float: right;
  }
	
  .box_right img {
	  max-width: 400px;
  }
	
	
} /*追加指定ここまで*/

/* //////////////////////////////////////////////////
テーブル
////////////////////////////////////////////////// */
table.ver2 {
  border-collapse: collapse;
  border: none;
}
.ver2 td {
  padding: 0.2em 1em;
}
table tr:nth-child(odd) td {
  background: #F2EFEC;
}