@charset "UTF-8";

/* WordPressのスタイル上書き用 */
.main,
.article,
.entry-content,
.entry-content > *,
#content,
.header,
h1,h2,h3,h4,h5,h6 {
  margin: 0 !important;
  padding: 0 !important;
  border-width: 0 !important;
  background-color: transparent !important;
}

h1 {
  margin-bottom: 10px !important;
}
.wp-block-button .wp-block-button__link {
  font-size: 1em;
  padding: 0.5em 1em;
}
.wp-block-button .wp-block-button__link:hover {
  color: #fff;
  background-color: #444742;
}
/* ------------------------- */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.fullPageScroll {
  width: 100%;
  height: 100vh;
  scroll-snap-type: y mandatory;
  overflow-y: auto;
}

/* セクションの設定 */
.section {
  width: 100%;
  height: 100vh;
  padding: 10%;
  scroll-snap-align: start;
  text-align: center;
  color:#444;
}

.section1{background-color: #ffffff;}
.section2{background-color: #fcbb3a;}
.section3{background-color: #ffffff;}
.section4{background-color: #212124;color:white;}

.section1,
.section4 {display: flex;align-items: center;}

.imageWrapper {margin: 0 auto; height: auto;}
.section1 .imageWrapper {max-width: 500px;}
.section4 .imageWrapper {max-width: 600px;}

.section1 img,
.section4 img {display: block; max-width: 100%; height: auto;}
.section4 img {border:5px #dcb89f solid;}

.sec3ImgContainer {display: flex;flex-wrap: wrap;}
.image-item-wrapper {width: 25%; box-sizing: border-box; padding: 0.2rem;}
.image-item {margin: 0.2rem;  padding: 0.2rem; border:1px #cccccc solid;}
.image-item img {width: 100%; height: auto; aspect-ratio: 16 / 9;}
@media (max-width: 768px) {
  .image-item-wrapper {
    width: 50%;
  }
}

/* 位置の表示 */
.toppagination {
  position: fixed;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
}
.toppagination a {
  display: block;
  width: 12px;
  height: 12px;
  margin: 24px 0;
  border-radius: 50%;
  background-color: #666;
  transition: transform 0.2s;
}
.toppagination a.active {
  transform: scale(1.8);
}

/* フッター */
.copyright {
  display: block;
  max-width: 100%;
  height: auto;
}