#freePage--pc {
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-top: -30px;
  position: relative;
	font-family: dnp-shuei-gothic-gin-std, sans-serif !important;
}
#freePage--pc a, #freePage--pc p, #freePage--pc ul, #freePage--pc li, #freePage--pc h1, #freePage--pc h2, #freePage--pc h3, #freePage--pc h4, #freePage--pc h5, #freePage--pc h6, #freePage--pc img {
  font-size: inherit;
  line-height: 1;
}

#freePage--pc img {
  border: 0;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: auto;
  max-width: 100%;
}

#freePage--pc .sp_only {
  display: none !important;
}

#freePage__inner {
  width: 1200px;
  display: block;
  margin: 0 auto;
  position: relative;
  overflow: hidden; 
  
  z-index: 0;
}

#freePage--pc .dflex {
	display: flex;
	justify-content: space-between;
	
}

/*****/
#freePage--pc .heidifesta_202208_content {
	width: 1200px;
	margin: 0 auto;
}



/****/
#freePage--pc .mv {
	position: relative;
	height: 803px;
	width: 1200px;
}

#freePage--pc .mv_content {
	position: relative;
	z-index: 9;
	text-align: center;
}
#freePage--pc .mv_txt01 {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 32%;
	left: 0;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	color: #16b5a0;
	z-index: 10;
}
#freePage--pc .mv_txt {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 73%;
	left: 0;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	color: #16b5a0;
	z-index: 10;
}
#freePage--pc .mv_txt span {
	color: #a88313;
}

/*****/
#freePage--pc .box {
	position: relative;
}
#freePage--pc .box_bg {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
#freePage--pc .box_content {
	position: relative;
}
#freePage--pc .box_ttl {
	text-align: center;
	margin-bottom: 20px;
}


#freePage--pc .box_item {
	width: 800px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}
#freePage--pc .box_item_left {
	width: 50%;
	text-align: center;
}
#freePage--pc .box_item_right {
	width: 50%;
	text-align: center;
}


#freePage--pc .box_item .txt01 {
	font-size: 16px;
	line-height: 20px;
	color: #16b5a0;
	margin-bottom: 15px;
	font-weight: bold;
}
#freePage--pc .box_btn {
	margin-top: 30px;
}

#freePage--pc .box01 {
	height: 760px;
}
#freePage--pc .box01 .box_ttl {
	padding-top: 60px;
}

#freePage--pc .box02 {
	height: 1338px;
}
#freePage--pc .box02 .box_ttl {
	padding-top: 60px;
	margin-bottom: 40px;
}
#freePage--pc .box02 .item01 {
	margin-bottom: 130px;
}
#freePage--pc .box03 {
	height: 3238px;
}
#freePage--pc .box03 .box_ttl {
	padding-top: 60px;
	margin-bottom: 40px;
}
#freePage--pc .box03 .item02,
#freePage--pc .box03 .item01 {
	margin-bottom: 110px;
}
#freePage--pc .box03 .item03,
#freePage--pc .box03 .item04 {
	margin-bottom: 150px;
}

#freePage--pc .box04 {
	height: 1920px;
}
#freePage--pc .box04 .box_ttl {
	padding-top: 60px;
	margin-bottom: 40px;
}
#freePage--pc .box04 .item02,
#freePage--pc .box04 .item01 {
	margin-bottom: 135px;
}
#freePage--pc .box04 .item03,
#freePage--pc .box04 .item04 {
	margin-bottom: 135px;
}
#freePage--pc .box04 .item03 .box_item_right {
	padding-top: 60px;
}
#freePage--pc .box05 {
	height: 368px;
	position: relative;
}
#freePage--pc .box05_bg {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
#freePage--pc .box05_content {
	position: relative;
}
#freePage--pc .box05 .btn_all {
	width: 800px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 80px;
}

#freePage--pc .box05 .btn_all_col {
	width: 50%;
	text-align: center;
}
#freePage--pc .box05 .btn_all_col_ttl {
	margin-bottom: 20px;
}
#freePage--pc .box05 .box05_gif {
	margin-top: 30px;
	text-align: center;
}
#freePage--pc .box05_gif_img {
	width: 100px;
	display: inline-block;
	position: relative;
}
#freePage--pc .box05 .gif_bg {
	position: absolute;
    top: 55px;
    left: 114px;
    z-index: 999;
    width: 26px;
    height: 32px;
}
/*****/
#freePage--pc .price {
	margin-top: 20px;
}
#freePage--pc .price_txt01 {
	font-size: 16px;
	line-height: 20px;
	color: #575757;
	margin-bottom: 5px;
	font-weight: bold;
}
#freePage--pc .price_txt02 {
	font-size: 22px;
	line-height: 1;
	color: #575757;
	margin-bottom: 5px;
	font-weight: bold;
}
#freePage--pc .price_txt02 span {
	font-size: 13px;
}
#freePage--pc .price_txt03 {
	font-size: 16px;
	line-height: 20px;
	color: #575757;
	margin-bottom: 5px;
	font-weight: bold;
}
#freePage--pc .box_note p {
	color: #ff404f;
	font-size: 14px;
	line-height: 20px;
	margin-top: 15px;
	text-align: center;
}
/*****/
#freePage--pc .box_tap {
	text-align: center;
}
#freePage--pc .box_tap_content {
	position: relative;
	display: inline-block;
	width: 300px;
    height: 242px;
}

#freePage--pc .box_tap_icon {
	position: absolute;
	top: -30px;
	z-index: 9;
	left: -15px;
}
#freePage--pc .box_tap_icon.click {
	position: absolute;
    top: 160px;
    z-index: 9;
    left: 238px;
    width: 67px;
    height: 71px;
    animation: clickmove 1s ease-in-out 0s infinite;
	
}

@keyframes clickmove { 0% { transform: rotate(0deg); }
  49% { transform: rotate(0deg); }
  50% { transform: rotate(6deg); }
  99% { transform: rotate(6deg);}
  100% { transform: rotate(0deg); } }


/***********/


.ani01 {
  position: absolute;
  width: 83px;
  height: 150px;
  animation: x-motion 6s ease-in-out 0s infinite;
  z-index: 11;
}

.ani01:before {
  content: '';
  width: 83px;
  height: 88px;
  position: absolute;
  top: 100%;
  background: url(../img/usr/freepage/heidifesta_202208/icon02.png) no-repeat;
  animation: y-motion 6s ease-in-out 0s infinite;
  z-index: 9;
}


/*********/
#freePage--pc .box {
	position: relative;
}

#freePage--pc .box05_ani,
#freePage--pc .box03_ani,
#freePage--pc .box01_ani {
  position: absolute;
  width: 83px;
  height: 150px;
  animation: x-motion02 6s ease-in-out 0s infinite;
  z-index: 9;
  top: -100px;
}
#freePage--pc .box04_ani,
#freePage--pc .box02_ani {
  position: absolute;
  width: 83px;
  height: 150px;
  animation: x-motion 6s ease-in-out 0s infinite;
  z-index: 11;
	top: -100px;
}

#freePage--pc .box05_ani {
	top: 150px !important;
}
#freePage--pc .box05_ani:before,
#freePage--pc .box03_ani:before,
#freePage--pc .box01_ani:before {
  content: '';
  width: 83px;
  height: 98px;
  position: absolute;
  top: 100%;
  background: url(../img/usr/freepage/heidifesta_202208/icon01.png) no-repeat;
  animation: y-motion02 6s ease-in-out 0s infinite;
  z-index: 9;
}
#freePage--pc .box04_ani:before,
#freePage--pc .box02_ani:before {
  content: '';
  width: 83px;
  height: 88px;
  position: absolute;
  top: 100%;
  background: url(../img/usr/freepage/heidifesta_202208/icon02.png) no-repeat;
  animation: y-motion 6s ease-in-out 0s infinite;
  z-index: 9;
}
@keyframes x-motion {
  0% {
    left:100%;
  }
  
  50% {
    left:50%;
  }
  
  100% {
    left: -100px;
  }
}

@keyframes y-motion {
  0% {
    top: 50%;
  }
  
  25% {
    top: 0%;
  }
  50% {
    top: 50%;
  }
  75% {
    top: 100%;
  }
  100% {
    top: 50%;
  }
}
@keyframes x-motion02 {
  0% {
    left:0;
  }
  
  50% {
    left:50%;
  }
  
  100% {
    left: 100%;
  }
}

@keyframes y-motion02 {
  0% {
    top: 50%;
  }
  
  25% {
    top: 0%;
  }
  50% {
    top: 50%;
  }
  75% {
    top: 100%;
  }
  100% {
    top: 40%;
  }
}

/*****/
#freePage--pc .img_slider {
	width: 283px;
    height: 226px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    position: relative;
	display: inline-block;
}

#freePage--pc .img_slider > div {
    position: absolute; 
	  top: 0; 
	  left: 0; 
	  right: 0; 
	  bottom: 0; 
	  opacity: 0; 
	  cursor: pointer; 
	  z-index: -1; 
    transition: .3s ease;
}
#freePage--pc .img_slider > div.show {
  opacity: 1;
  z-index: 1;
}