@charset "utf-8";
/* CSS Document */
/*font*/
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url(/common/fonts/NotoSans_Thin.woff2) format('woff2'), url(/common/fonts/NotoSans_Thin.woff) format('woff'), url(/common/fonts/NotoSans_Thin.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 200;
  src: url(/common/fonts/NotoSans_Light.woff2) format('woff2'), url(/common/fonts/NotoSans_Light.woff) format('woff'), url(/common/fonts/NotoSans_Light.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url(/common/fonts/NotoSans_DemiLight.woff2) format('woff2'), url(/common/fonts/NotoSans_DemiLight.woff) format('woff'), url(/common/fonts/NotoSans_DemiLight.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local('NotoSans_Regular.otf'), url(/common/fonts/NotoSans_Regular.woff2) format('woff2'), url(/common/fonts/NotoSans_Regular.woff) format('woff'), url(/common/fonts/NotoSans_Regular.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url(/common/fonts/NotoSans_Medium.woff2) format('woff2'), url(/common/fonts/NotoSans_Medium.woff) format('woff'), url(/common/fonts/NotoSans_Medium.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url(/common/fonts/NotoSans_Bold.woff2) format('woff2'), url(/common/fonts/NotoSans_Bold.woff) format('woff'), url(/common/fonts/NotoSans_Bold.otf) format('opentype')
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: url(/common/fonts/NotoSans_black.woff2) format('woff2'), url(/common/fonts/NotoSans_black.woff) format('woff'), url(/common/fonts/NotoSans_black.otf) format('opentype')
}
/*END===font*/
body {
  font-family: 'Noto Sans JP', "メイリオ", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", sans-serif;
}
.main_contents {
	overflow: hidden;
	width: 100%;
  position: relative;
}
.inner {
	max-width: 884px;
}
.main_contents  {
	background-color: #fffcd6;
}
.text-red {
	font-weight: bold;
}
.entry-btn {
	background-color: #49a8e9;
	margin: 1.5rem 0;
}
.entry-btn .link a {
	position: relative;
}
.btn-primary {
	background-color: #e7222c;
	border: 2px solid #f2eb42;
	border-radius: 50px;
}
.entry-btn .btn-wrapper {
	width: 80%;
}
.entry-btn .btn-wrapper a  {
	box-shadow: none;
	color: #f2eb42;
	position: relative;
	padding: 3rem 0;
	
}
.entry-btn .btn-wrapper a::after {
	content: "";
  position: absolute;
  top: 48%;
  right: 2.5rem;
  width: 8px;
  height: 7px;
  border-top: 4px solid #f2eb42;
  border-right: 4px solid #f2eb42;
  transform: rotate(45deg);
  margin-top: -4px;
}
.entry-btn div.btn-wrapper:hover  {
  padding: 0;
  margin: 0 auto 2rem;
}
.entry-btn p {
	color: #fff;
}
.entry-btn .inner.general .link a {
	color: #fff;
}
h2.heading-lv2 {
	background: none;
	border-bottom: #d0cfc1 3px solid;
	margin: 4rem 0rem 2rem;
}
h2.heading-lv2::before,
h2.heading-lv2::after {
	content: none;
}
h2.heading-lv2::after {
	border-color: revert;
	border: none;
}
h4.heading-lv4 {
  margin: 2rem 0 1rem;
}
@media screen and (max-width:659px) {
	.inner {
	  width: 100%;
		}
	.entry-btn .btn-wrapper a {
		padding: .5rem 0;
	}
	h2.heading-lv2 {
		margin: 3rem 0rem 1rem;
	}
	.entry-btn {
		margin: .5rem 0;
	}
	.entry-btn div.btn-wrapper:hover {
		margin: 0 auto 1.5rem;
	}
	.entry-btn .btn-wrapper {
  width: 100%;
	}
	h4.heading-lv4 {
  margin: 1rem 0 .5rem;
	}
}

/*--紙吹雪設定--*/
.container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.confetti {
	position: absolute;
	width: 100%;
	height: 100%;
}

.confetti span {
	position: absolute;
	top: -10%;
	left: 0;
	width: 1vw;
	height: .8vw;
	background: #FFF;
}

/* add animation */
.confetti span:nth-child(2n+1) {
	animation: confetti-anim-1 10s 0s linear infinite;
}

.confetti span:nth-child(2n+2) {
	animation: confetti-anim-2 10s 0s linear infinite;
}

/* side position */
.confetti span:nth-child(1) {
	left: 0%;
}

.confetti span:nth-child(2) {
	left: 2%;
}

.confetti span:nth-child(3) {
	left: 4%;
}

.confetti span:nth-child(4) {
	left: 6%;
}

.confetti span:nth-child(5) {
	left: 8%;
}

.confetti span:nth-child(6) {
	left: 10%;
}

.confetti span:nth-child(7) {
	left: 12%;
}

.confetti span:nth-child(8) {
	left: 14%;
}

.confetti span:nth-child(9) {
	left: 16%;
}

.confetti span:nth-child(10) {
	left: 18%;
}

.confetti span:nth-child(11) {
	left: 20%;
}

.confetti span:nth-child(12) {
	left: 22%;
}

.confetti span:nth-child(13) {
	left: 24%;
}

.confetti span:nth-child(14) {
	left: 26%;
}

.confetti span:nth-child(15) {
	left: 28%;
}

.confetti span:nth-child(16) {
	left: 30%;
}

.confetti span:nth-child(17) {
	left: 32%;
}

.confetti span:nth-child(18) {
	left: 34%;
}

.confetti span:nth-child(19) {
	left: 36%;
}

.confetti span:nth-child(20) {
	left: 38%;
}

.confetti span:nth-child(21) {
	left: 40%;
}

.confetti span:nth-child(22) {
	left: 42%;
}

.confetti span:nth-child(23) {
	left: 44%;
}

.confetti span:nth-child(24) {
	left: 46%;
}

.confetti span:nth-child(25) {
	left: 48%;
}

.confetti span:nth-child(26) {
	left: 50%;
}

.confetti span:nth-child(27) {
	left: 52%;
}

.confetti span:nth-child(28) {
	left: 54%;
}

.confetti span:nth-child(29) {
	left: 56%;
}

.confetti span:nth-child(30) {
	left: 58%;
}

.confetti span:nth-child(31) {
	left: 60%;
}

.confetti span:nth-child(32) {
	left: 62%;
}

.confetti span:nth-child(33) {
	left: 64%;
}

.confetti span:nth-child(34) {
	left: 66%;
}

.confetti span:nth-child(35) {
	left: 68%;
}

.confetti span:nth-child(36) {
	left: 70%;
}

.confetti span:nth-child(37) {
	left: 72%;
}

.confetti span:nth-child(38) {
	left: 74%;
}

.confetti span:nth-child(39) {
	left: 76%;
}

.confetti span:nth-child(40) {
	left: 78%;
}

.confetti span:nth-child(41) {
	left: 80%;
}

.confetti span:nth-child(42) {
	left: 82%;
}

.confetti span:nth-child(43) {
	left: 84%;
}

.confetti span:nth-child(44) {
	left: 86%;
}

.confetti span:nth-child(45) {
	left: 88%;
}

.confetti span:nth-child(46) {
	left: 90%;
}

.confetti span:nth-child(47) {
	left: 92%;
}

.confetti span:nth-child(48) {
	left: 94%;
}

.confetti span:nth-child(49) {
	left: 96%;
}

.confetti span:nth-child(50) {
	left: 98%;
}

/* colors */
.confetti span:nth-child(4n+1) {
	background: #ea5331;
}


/* animation-duration */
.confetti span {
	background: #9acae4;
}
.confetti span:nth-child(4n+1) {
	animation-duration: 8s;
}

.confetti span:nth-child(4n+2) {
	animation-duration: 12s;
		background: #ea5331;
}

.confetti span:nth-child(4n+3) {
	animation-duration: 10s;
	background: #f1ec40;
}

.confetti span:nth-child(4n+4) {
	animation-duration: 9s;
	background: #3d9cd6;
}


/* animation-delay */
.confetti span:nth-child(11n+1) {
	animation-delay: 0s;
}

.confetti span:nth-child(11n+2) {
	animation-delay: 9s;
}

.confetti span:nth-child(11n+3) {
	animation-delay: 2s;
}

.confetti span:nth-child(11n+4) {
	animation-delay: 5s;
}

.confetti span:nth-child(11n+5) {
	animation-delay: 6s;
}

.confetti span:nth-child(11n+6) {
	animation-delay: 7s;
}

.confetti span:nth-child(11n+7) {
	animation-delay: 3s;
}

.confetti span:nth-child(11n+8) {
	animation-delay: 1s;
}

.confetti span:nth-child(11n+9) {
	animation-delay: 2s;
}

.confetti span:nth-child(11n+10) {
	animation-delay: 11s;
}

.confetti span:nth-child(11n+11) {
	animation-delay: 10s;
}

/* animation */

@keyframes confetti-anim-1 {
	0% {
		top: -10%;
		transform: translateX(0) rotateX(0) rotateY(0);
	}

	100% {
		top: 100%;
		transform: translateX(20vw) rotateX(180deg) rotateY(360deg);
	}
}

@keyframes confetti-anim-2 {
	0% {
		top: -10%;
		transform: translateX(0) rotateX(0) rotateY(0);
	}

	100% {
		top: 100%;
		transform: translateX(-20vw) rotateX(180deg) rotateY(360deg);
	}
}

@media screen and (max-width:659px) {
    .confetti span {
	width: 2vw;
	height: 1vw;
}
    .confetti span:nth-child(4n+1) {
	animation-duration: 10s;
}

.confetti span:nth-child(4n+2) {
	animation-duration: 16s;
}

.confetti span:nth-child(4n+3) {
	animation-duration: 15s;
}

.confetti span:nth-child(4n+4) {
	animation-duration: 12s;
}
}

.btn-back {
    position: relative;
}
/*--紙吹雪設定--*/