@charset "utf-8";

/* -----------------------------------------------------------
スタイル
----------------------------------------------------------- */
h4.center{
margin:1rem auto;
text-align: center;
}

/* -----------------------------------------------------------
固定ページ　動画表示用
----------------------------------------------------------- */
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-style: normal;
  width: 100%;
  height: auto;
}
.move {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
}

.youtube {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}

/* -----------------------------------------------------------
2つ並んだ画像の高さを揃える
----------------------------------------------------------- */
.post_row_photo {
  display: flex;
  flex-wrap: wrap;
}
.post_col-2_photo{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.post_col-2_photo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}



/* -----------------------------------------------------------
3列画像　スマホで2列
----------------------------------------------------------- */
.col3 {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 1% 2%; 
}

@media screen and (max-width: 768px) {
.col3 {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 1% 2%; 
}
}
/* -----------------------------------------------------------
2列画像　スマホで1列
----------------------------------------------------------- */
.col2 {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 1% 2%; 
}

@media screen and (max-width: 768px) {
.col2 {
  display: grid; 
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr; 
  gap: 1% 2%; 
}
}