/* CSS style Document */
a{
	display: block;
	transition: 0.4s;
}
a:hover{
	background-color: rgba(255, 255, 255, 0.2);
}
.header_nav_lst{
	align-items: center;
}
img{
	width: 100%;
	height: auto;
	display: block;
}
main {
	background-image: url("https://d2w53g1q050m78.cloudfront.net/jimwagcom/uploads/pages/jimbear_1st_birthday/images/bg_image@pc.webp");
	background-position: center top;
	background-size: 100% auto;
	background-repeat: repeat-y;
}
.bg {
	width: 100%;
	height: auto;
	background-position: top center;
	background-repeat: repeat-y;
	background-size: 100% auto;
}

#top {
	width: 100%;
	height: auto;
	padding: calc((114 / 1440) * 100vw) 0 calc((110 / 1440) * 100vw) 0;
	position: relative;
}
	.top_link{
		width: calc((949.39 / 1440) * 100vw);
		height: calc((673.81 / 1440) * 100vw);
		position: absolute;
		top: calc((178 / 1440) * 100vw);
		left: calc((240.41 / 1440) * 100vw);
	}
#sec01{
	width: 100%;
	height: auto;
	padding: 0 0 calc((70 / 1440) * 100vw) 0;
	position: relative;
}
	.sec01_link_01{
		width: calc((500.25 / 1440) * 100vw);
		height: calc((750 / 1440) * 100vw);
		position: absolute;
		top: calc((198 / 1440) * 100vw);
		left: calc((201.41 / 1440) * 100vw);
	}
	.sec01_link_02{
		width: calc((500.25 / 1440) * 100vw);
		height: calc((750 / 1440) * 100vw);
		position: absolute;
		top: calc((198 / 1440) * 100vw);
		right: calc((199 / 1440) * 100vw);
	}
#sec02{
	width: 100%;
	height: auto;
	padding: 0 0 calc((173 / 1440) * 100vw) 0;
	position: relative;
}
	.sec02_link_01{
		width: calc((500.25 / 1440) * 100vw);
		height: calc((750 / 1440) * 100vw);
		position: absolute;
		top: calc((0 / 1440) * 100vw);
		left: calc((201.41 / 1440) * 100vw);
	}
	.sec02_link_02{
		width: calc((200 / 1440) * 100vw);
		height: calc((189 / 1440) * 100vw);
		position: absolute;
		top: calc((291 / 1440) * 100vw);
		right: calc((310 / 1440) * 100vw);
		border-radius: 69% 54% 31% 70% / 62% 65% 44% 30%;
		filter: blur(10px);
	}
	.sec02_link_03{
		width: calc((260 / 1440) * 100vw);
		height: calc((307 / 1440) * 100vw);
		position: absolute;
		top: calc((422 / 1440) * 100vw);
		right: calc((290 / 1440) * 100vw);
		border-radius: 34% 100% 71% 62% / 43% 38% 95% 80%;
		filter: blur(10px);
	}
	.sec02_obj{
		position: absolute;
		bottom: 0;
		left: 0;
		transform: translate(0%, 0%);
	}
#sec03{
	width: 100%;
	height: auto;
	padding: calc((67 / 1440) * 100vw) 0 0 0;
	background-color: #00BC71;
	position: relative;
}
	.sec03_link_01{
		width: calc((164 / 1440) * 100vw);
		height: calc((87 / 1440) * 100vw);
		position: absolute;
		top: calc((744 / 1440) * 100vw);
		left: calc((711 / 1440) * 100vw);
		border-radius: 9999px;
		transform: rotate(-10deg);
		filter: blur(10px);
	}
	.sec03_link_02{
	    width: calc((294 / 1440) * 100vw);
		height: calc((236 / 1440) * 100vw);
		position: absolute;
		top: calc((898 / 1440) * 100vw);
		right: calc((527 / 1440) * 100vw);
		border-radius: 34% 100% 71% 62% / 43% 38% 95% 80%;
		transform: rotate(5deg);
		filter: blur(10px);
	}
	.sec03_link_03{
		width: calc((486 / 1440) * 100vw);
		height: calc((676 / 1440) * 100vw);
		position: absolute;
		bottom: calc((660 / 1440) * 100vw);
		left: calc((245 / 1440) * 100vw);
	}
	.sec03_link_04{
		width: calc((467 / 1440) * 100vw);
		height: calc((676 / 1440) * 100vw);
		position: absolute;
		bottom: calc((660 / 1440) * 100vw);
		left: calc((731 / 1440) * 100vw);
	}
#sec04{
	width: 100%;
	height: auto;
	padding: 0 0 calc((98 / 1440) * 100vw) 0;
	position: relative;
	background-color: #FCEE21;
}
	.sec04_link_01{
		width: calc((702.96 / 1440) * 100vw);
		height: calc((713.04 / 1440) * 100vw);
		position: absolute;
		top: calc((149 / 1440) * 100vw);
		left: calc((374 / 1440) * 100vw);
	}
@media screen and (max-width: 762px) {
main {
	background-image: url("https://d2w53g1q050m78.cloudfront.net/jimwagcom/uploads/pages/jimbear_1st_birthday/images/bg_image@sp.webp");
	background-position: center top;
	background-size: 100% auto;
	background-repeat: repeat-y;
}
#top {
	width: 100%;
	height: auto;
	padding: calc((43 / 393) * 100vw) 0 calc((45 / 393) * 100vw) 0;
	position: relative;
}
	.top_link{
		width: calc((311.28 / 393) * 100vw);
		height: calc((438.24 / 393) * 100vw);
		position: absolute;
		top: calc((79 / 393) * 100vw);
		left: calc((41 / 393) * 100vw);
	}
#sec01{
	width: 100%;
	height: auto;
	padding: 0 0 calc((25 / 393) * 100vw) 0;
	position: relative;
}
	.sec01_link_01{
		width: calc((159 / 393) * 100vw);
		height: calc((238 / 393) * 100vw);
		position: absolute;
		top: calc((56 / 393) * 100vw);
		left: calc((30 / 393) * 100vw);
	}
	.sec01_link_02{
		width: calc((159 / 393) * 100vw);
		height: calc((238 / 393) * 100vw);
		position: absolute;
		top: calc((56 / 393) * 100vw);
		right: calc((38 / 393) * 100vw);
	}
#sec02{
	width: 100%;
	height: auto;
	padding: 0 0 calc((68 / 393) * 100vw) 0;
	position: relative;
}
	.sec02_link_01{
		width: calc((159 / 393) * 100vw);
		height: calc((238 / 393) * 100vw);
		position: absolute;
		top: calc((0 / 393) * 100vw);
		left: calc((30 / 393) * 100vw);
	}
	.sec02_link_02{
		width: calc((85 / 393) * 100vw);
        height: calc((61 / 393) * 100vw);
        position: absolute;
        top: calc((88 / 393) * 100vw);
        right: calc((62 / 393) * 100vw);
		border-radius: 69% 54% 31% 70% / 62% 65% 44% 30%;
		filter: blur(10px);
	}
	.sec02_link_03{
		width: calc((106 / 393) * 100vw);
        height: calc((111 / 393) * 100vw);
        position: absolute;
        top: calc((130 / 393) * 100vw);
        right: calc((53 / 393) * 100vw);
		border-radius: 34% 100% 71% 62% / 43% 38% 95% 80%;
		filter: blur(10px);
	}
	.sec02_obj{
		position: absolute;
		bottom: -1px;
		left: 0;
		transform: translate(0%, 0%);
	}
#sec03{
	width: 100%;
	height: auto;
	padding: calc((9 / 393) * 100vw) 0 0 0;
	background-color: #00BC71;
	position: relative;
}
	.sec03_link_01{
		width: calc((71 / 393) * 100vw);
		height: calc((46 / 393) * 100vw);
		position: absolute;
		top: calc((242 / 393) * 100vw);
		left: calc((198 / 393) * 100vw);
		border-radius: 9999px;
		transform: rotate(-10deg);
		filter: blur(10px);
	}
	.sec03_link_02{
	    width: calc((127 / 393) * 100vw);
		height: calc((126 / 393) * 100vw);
		position: absolute;
		top: calc((291 / 393) * 100vw);
        right: calc((131 / 393) * 100vw);
        border-radius: 34% 100% 71% 62% / 43% 38% 95% 80%;
		transform: rotate(5deg);
		filter: blur(10px);
	}
	.sec03_link_03{
		width: calc((162 / 393) * 100vw);
		height: calc((184 / 393) * 100vw);
		position: absolute;
		bottom: calc((243 / 393) * 100vw);
		left: calc((35 / 393) * 100vw);
	}
	.sec03_link_04{
		width: calc((161 / 393) * 100vw);
		height: calc((184 / 393) * 100vw);
		position: absolute;
		bottom: calc((243 / 393) * 100vw);
		left: calc((197 / 393) * 100vw);
	}
#sec04{
	width: 100%;
	height: auto;
	padding: calc((12 / 393) * 100vw) 0 calc((42 / 393) * 100vw) 0;
	position: relative;
	background-color: #FCEE21;
}
	.sec04_link_01{
		width: calc((267 / 393) * 100vw);
		height: calc((267 / 393) * 100vw);
		position: absolute;
		top: calc((45 / 393) * 100vw);
		left: calc((66 / 393) * 100vw);
	}
}

/* animation */
.is_fadeUp {
  opacity: 0;
  transition:  0.6s ease;
  -webkit-transition:  0.6s ease;
  -moz-transition:  0.6s ease;
  -ms-transition:  0.6s ease;
  -o-transition:  0.6s ease;
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
}
.on {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}
/* フォント */

.inter {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 1;
	font-size: 14px;
	color: #fff;
  }
/* ディレイ */
.delay01{
	transition-delay: .1s;
}
.delay02{
	transition-delay: .2s;
}
.delay03{
	transition-delay: .3s;
}
.delay04{
	transition-delay: .4s;
}
.delay05{
	transition-delay: .5s;
}
.delay06{
	transition-delay: .6s;
}
.delay07{
	transition-delay: .7s;
}
.delay08{
	transition-delay: .8s;
}
.delay09{
	transition-delay: .9s;
}
.delay10{
	transition-delay: 1s;
}