@charset "UTF-8";


#click {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9999;
}

header {
  overflow: hidden;
}

.title {
  position: relative;
  width: 990px;
  height: 400px;
  margin: -400px auto 0px;
  padding-top: 26px;
  text-align: center;
}

/* slider */
.loop_wrap {
  display: flex;
  width: 100vw;
  height: 400px;
}
.loop_wrap img {
  width: auto;
  height: 100%;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.loop_wrap img:first-child {
  animation: loop 220s -110s linear infinite;
}
.loop_wrap img:last-child {
  animation: loop2 220s linear infinite;
}

/* cnt1 */
.container.cnt1 {
  position: relative;
  height: 485px;
}
.inner.cnt1 {
  position: relative;
  height: 485px;
}
.titlecopy {
  position: absolute;
  left: 72px;
  top: 47px;
}
.btn-02a {
  position: absolute;
  left: 95px;
  top: 140px;
}
.btn-03 {
  position: absolute;
  left: 40px;
  top: 298px;
}
.btn-04 {
  position: absolute;
  left: 225px;
  top: 298px;
}
.btn-05 {
  position: absolute;
  left: 410px;
  top: 298px;
}
.btn-06 {
  position: absolute;
  left: 595px;
  top: 298px;
}
.btn-07 {
  position: absolute;
  left: 780px;
  top: 298px;
}
.atn-01 {
  position: absolute;
  left: 214px;
  top: 455px;
  line-height: 0;
}

/* cnt2 */
.container.cnt2 {
  position: relative;
  height: 5960px;
  background-color: #f4e9e1;
}
.inner.cnt2 {
  position: relative;
  height: 5960px;
}
.ishikawa-activity {
  position: absolute;
  left: 105px;
  top: 40px;
}
.mainbox {
  position: absolute;
  left: 30px;
  top: 175px;
  width: 934px;
  height: 5724px;
  border: 2px solid #af814b;
  display: flex;
  flex-wrap: wrap;
}
.box-01 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_1.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-02 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-03 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-04 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_3.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-05 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_3.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-06 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_4.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-07 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-08 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-09 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-10 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_5.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-11 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_1.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-12 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_6.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-13 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_7.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-14 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-15 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_7.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-16 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_1.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-17 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_6.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-18 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_3.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-19 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_3.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-20 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_6.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-21 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-22 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_5.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-23 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_8.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-24 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-25 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_3.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-26 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-27 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-28 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_7.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-29 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_7.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-30 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_1.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-31 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-32 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-33 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_5.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-34 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-35 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_7.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-36 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-37 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_6.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-38 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_2.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-39 {
  position: relative;
  width: 310px;
  height: 440px;
  background-image: url(../images/category_4.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.act-photo {
  position: absolute;
  left: 15px;
  top: 120px;
}
.act-copy {
  position: absolute;
  left: 17px;
  top: 8px;
}
.act-btn {
  position: absolute;
  left: 55px;
  top: 401px;
}
  
/* cnt3 */
.container.cnt3 {
  position: relative;
  height: 340px;
}
.inner.cnt3 {
  position: relative;
  height: 340px;
}
.btn-02b {
  position: absolute;
  left: 95px;
  top: 35px;
}
.btn-09 {
  position: absolute;
  left: 52px;
  top: 192px;
}
.btn-10 {
  position: absolute;
  left: 355px;
  top: 192px;
}
.btn-11 {
  position: absolute;
  left: 658px;
  top: 192px;
}


#top {
	position: fixed;
	bottom: 60px;
	right: -61px;
	z-index: 1000;
}