@charset "utf-8";

/*--------------------
common
--------------------*/

*{
	margin:0;
	padding:0;
}
.wrapper{
	overflow:hidden;
	width:100%;
	min-width:640px;
}
.contents{
	position:relative;
	width:640px;
	height:15358px;
	margin:0 auto;
	overflow-x: hidden;
}
.wrapper p, .wrapper img{
	display:block;
	position:absolute;
	border:0;
	box-sizing:border-box;
}
/* img{
	max-width:100%;
} */
p{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Noto Sans JP', sans-serif;
}
@font-face {
	font-family: "KozGoPr6N-Regular";
	src: url("../Fonts/KozGoPr6N-Regular.otf") format("");
  }

/*--------------------
text
--------------------*/

.contents .fs1{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
.contents .ts1{
	color:rgb(51,51,51);
	text-align:left;
	font-size:31.4px;
	line-height:1.101910828025;
	letter-spacing:0.052em;
	margin-top:-0.063694267516em;
}
.contents .ts2{
	color:rgb(51,51,51);
	text-align:left;
	font-size:15px;
	line-height:1.2;
	margin-top:-0.133333333333em;
}
.contents .ts3{
	color:rgb(51,51,51);
	text-align:justify;
	font-size:30px;
	line-height:1.6;
	letter-spacing:0.015em;
	margin-top:-0.3em;
}
.contents .ts4{
	color:rgb(255,255,255);
	text-align:center;
	font-size:61px;
	line-height:1;
}
.contents .ts5{
	color:rgb(51,51,51);
	text-align:left;
	font-size:28px;
	line-height:1.2;
	margin-top:-0.107142857143em;
}
.contents .ts6{
	color:rgb(51,51,51);
	text-align:center;
	font-size:61px;
	line-height:1.213114754098;
	margin-top:-0.098360655738em;
}
.contents .ts7{
	color:rgb(51,51,51);
	text-align:justify;
	font-size:1.8em;
	line-height:1.6;
	margin-top:-0.3em;
}
.contents .ts8{
	color:rgb(255,255,255);
	text-align:justify;
	font-size:30px;
	line-height:1.6;
	margin-top:-0.3em;
}
.contents .ts9{
	color:rgb(51,51,51);
	text-align:center;
	font-size:24px;
	line-height:1.583333333333;
	margin-top:-0.291666666667em;
}
.contents .ts10{
	color:rgb(255,255,255);
	text-align:left;
	font-size:40px;
	line-height:1.2;
	margin-top:-0.1em;
	font-weight: 600;
}
.contents .ts11{
	color:rgb(51,51,51);
	text-align:justify;
	font-size:30px;
	line-height:1.6;
	margin-top:-0.3em;
}
.contents .ts12{
	color:rgb(255,255,255);
	text-align:center;
	font-size:40px;
	line-height:1.2;
	margin-top:-0.1em;
	font-weight: 600;
}

.colorred{
	color: #C3257A;
}

.colorblue{
	color: #00A0E9;
}

.bold{
	font-weight: bold;
}

.w6{
	font-weight: 600;
}

.small{
	font-size: 1.2rem;
	line-height: 1.5rem;
}

.marker{
	text-decoration: underline;
	text-underline-offset: -0.3em;
	text-decoration-thickness: 0.4em;
	text-decoration-color: #FFFF00;
	text-decoration-skip-ink: none;
}

.navy{
	color: #1B1464;
}
.orange{
	color: #FB9600;
}

/*--------------------
<p>
--------------------*/
.innermuscle{
	top: 11120px;
	left: 25px;
}
.contents .txt1{
	top:13px;
	left:18px;
	height:90px;
}
.contents .txt2{
	top:3526px;
	left:390px;
	height:19px;
}
.contents .txt3{
	top:4512px;
	left:388px;
	height:19px;
}
.contents .txt4{
	top:4955px;
	left:203px;
	width:397px;
	height:326px;
}
.contents .txt5{
	top:5627px;
	left:46px;
	width:397px;
	height:326px;
}
.contents .txt6{
	top:6248px;
	left:212px;
	width:397px;
	height:326px;
}
.contents .txt7{
	top:6538px;
	left:426px;
	height:19px;
}
.contents .txt8{
	top:6734px;
	left:59px;
	height:124px;
}
.contents .txt9{
	top:7180px;
	left:95px;
	height:539px;
}
.contents .txt10{
	top:7949px;
	left:120px;
	width: 400px;
}
.contents .txt11{
	top:8606px;
	left:23px;
	width:596px;
	height:848px;
}
.contents .txt12{
	top:9517px;
	left:47px;
	height:37px;
}
.contents .txt13{
	top:9584px;
	left:103px;
	height:144px;
}
.contents .txt14{
	top:10505px;
	left:21px;
	width:602px;
	height:706px;
}
.contents .txt15{
	top:11706px;
	left:217px;
	height:49px;
}
.contents .txt16{
	top:12322px;
	left:40px;
	width:559px;
	height:86px;
}
.contents .txt17{
	top:12766px;
	left:42px;
	width:559px;
	height:199px;
}
.contents .txt18{
	top:13078px;
	left:175px;
	height:145px;
}
.contents .txt19{
	top:13739px;
	left:40px;
	width:559px;
	height:491px;
}
.contents .txt20{
	top:14339px;
	left:174px;
	height:145px;
}
.contents .txt21{
	top:15004px;
	left:39px;
	width:559px;
	height:297px;
	font-feature-settings: "palt";
}

/*--------------------
<img>
--------------------*/

.fvkotei{
	width: 641px;
}
.contents .img1{
	top:0px;
	left:0px;
	width:100%;
}
.contents .img4{
	opacity: 0;
	top:303px;
	left:550px;
	width:44px;
	height:265px;
    /*animationプロパティここから*/
    animation-name: bounce;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: center bottom;
}
@keyframes bounce {
    0%   { transform: scale(1.0, 1.0) translate(0%, 0%); } /* 初期状態 */
    10%  { transform: scale(1.2, 0.5) translate(0%, 0%); } /* 地面に着地し、その変動で潰れだす */
    20%  { transform: scale(1.0, 1.0) translate(0%, 0%); } /* 潰れた反動で一瞬元に戻る */
    30%  { transform: scale(0.8, 1.1) translate(0%, 0%); } /* 潰れた反動で縦に伸び、その勢いでバウンド開始 */
    60%  { transform: scale(1.0, 1.0) translate(0%, 0%); } /* 潰れた反動が終り、空中で元に戻る */
    100% { transform: scale(1.0, 1.0) translate(0%, 0%); } /* 初期状態に戻る */
}

.contents .img7{
	width:100%;
	opacity: 0;
}

.reflectionbg{
	display:inline-block;
	position:relative;
	top: 297px;
    left: -10px;
    width: 573px;
    height: 315px;
    transform: rotate(-5.19deg);
}
.reflection{
    display: inline-block;
    position: relative;
    overflow: hidden;
    top: 305px;
    left: 0px;
    width: 538px;
    height: 284px;
    transform: rotate(-5.19deg);
}
	 
	.reflection:after {
	content: '';
  position: absolute;
  top: 1px;
  left: -75%;
    /*キラッと光る形状*/
    width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  transform: skewX(-25deg);
  animation: reflection 2s ease-in-out infinite;
	}
	 
	@keyframes reflection {
		60% {  opacity: 0.1; scale: 1; }
		100% {
			left: 200%;
			opacity: 0;
		  }
		}

.contents .img12{
	top:1074px;
	left:1px;
	width:647px;
	height:1338px;
}
.contents .img13{
	top:1868px;
	left:65px;
	width:515px;
	animation: poyopoyo 2s ease-out infinite;
	opacity: 1;
  }
  @keyframes poyopoyo {
	0%, 40%, 60%, 80% {
	  transform: scale(1.0);
	}
	50%, 70% {
	  transform: scale(0.95);
	}
}

.contents .img14{
	top:2005px;
	left:65px;
	width:515px;
	animation: poyopoyo 2s ease-out infinite;
	opacity: 1;
  }
  @keyframes poyopoyo {
	0%, 40%, 60%, 80% {
	  transform: scale(1.0);
	}
	50%, 70% {
	  transform: scale(0.95);
	}
}

.contents .img15{
	top:2485px;
	left:0px;
	width:640px;
	height:2144px;
}
.contents .img16{
	top:2594px;
	left:20px;
	width:614px;
	height:195px;
}
.contents .img17{
	top:2810px;
	left:68px;
	width:514px;
	height:648px;
}
.contents .img18{
	top:3485px;
	left:249px;
	width:155px;
	height:22px;
}
.contents .img19{
	top:2810px;
	left:-470px;
	width:2749px;
	height:648px;
}
.contents .img20{
	top:3802px;
	left:-470px;
	width:1583px;
	height:711px;
}
.contents .img21{
	top:3139px;
	left:13px;
	width:614px;
	height:43px;
}
.contents .img22{
	top:3611px;
	left:9px;
	width:612px;
	height:195px;
}
.contents .img23{
	top:3802px;
	left:69px;
	width:516px;
	height:711px;
}
.contents .img24{
	top:4132px;
	left:14px;
	width:614px;
	height:45px;
}
.contents .img25{
	top:4528px;
	left:276px;
	width:88px;
	height:22px;
}
.contents .img26{
	top:4627px;
	left:0px;
	width:640px;
	height:2030px;
}
.contents .img27{
	top:4702px;
	left:28px;
	width:606px;
	height:254px;
}
.contents .img28{
	top:4964px;
	left:34px;
	width:155px;
	height:220px;
}
.contents .img29{
	top:5384px;
	left:44px;
	width:594px;
	height:256px;
}
.contents .img30{
	top:5627px;
	left:451px;
	width:155px;
	height:215px;
}
.contents .img31{
	top:6012px;
	left:20px;
	width:606px;
	height:254px;
}
.contents .img32{
	top:6256px;
	left:38px;
	width:155px;
	height:221px;
}
.contents .img33{
	top:6655px;
    left: -3px;
    width: 645px;
	height:1270px;
}
.contents .img34{
	top:6843px;
	left:95px;
	width:451px;
	height:301px;
}
.contents .img35{
	top:7137px;
	left:17px;
	width:615px;
	height:629px;
}
.contents .img36{
	top:7231px;
	left:105px;
	width:382px;
	height:416px;
}
.contents .img37{
	top:7180px;
	left:60px;
	width:31px;
	height:464px;
}
.contents .img38{
	top:7925px;
	left:-1px;
	width:641px;
	height:1875px;
}
.contents .img39{
	top:8188px;
	left:22px;
	width:597px;
	height:379px;
}
.contents .img40{
	top:8628px;
	left:22px;
	width:598px;
	height:106px;
}
.contents .img41{
	top:9151px;
	left:22px;
	width:598px;
	height:63px;
}
.contents .img42{
	top:9338px;
	left:23px;
	width:596px;
	height:125px;
}
.contents .img43{
	top:9499px;
	left:22px;
	width:596px;
	height:246px;
}
.contents .img44{
	top:9800px;
	left:0px;
	width:640px;
	height:1490px;
}
.contents .img45{
	top:9878px;
	left:65px;
	width:511px;
}
.contents .img46{
	top:10075px;
	left:20px;
	width:600px;
	height:401px;
}
.contents .img47{
	top:10524px;
	left:21px;
	width:602px;
	height:348px;
}
.contents .img48{
	top:11230px;
	left:313px;
	width:5px;
	height:111px;
	z-index: 10;
}
.contents .img49{
	top:9769px;
	left:232px;
	width:176px;
	height:63px;
}
.contents .img50{
	top:11506px;
	left:0px;
	width:640px;
	height:3852px;
}
.contents .img51{
	top:11290px;
	left:0px;
	width:642px;
	height:327px;
}
.contents .img52{
	top:11738px;
	left:22px;
	width:598px;
	height:1263px;
}
.contents .img53{
	top:11693px;
	left:68px;
	width:505px;
	height:91px;
}
.contents .img54{
	top:11836px;
	left:40px;
	width:560px;
	height:424px;
}
.contents .img55{
	top:12441px;
	left:97px;
	width:454px;
	height:277px;
}
.contents .img56{
	top:12781px;
	left:231px;
	width:370px;
	height:17px;
}
.contents .img57{
	top:12832px;
	left:41px;
	width:91px;
	height:17px;
}
.contents .img58{
	top:13155px;
	left:22px;
	width:598px;
	height:1112px;
}
.contents .img59{
	top:13061px;
	left:68px;
	width:505px;
	height:140px;
}
.contents .img60{
	top:13253px;
	left:40px;
	width:560px;
	height:424px;
}
.contents .img61{
	top:13753px;
	left:41px;
	width:559px;
	height:450px;
}
.contents .img62{
	top:14420px;
	left:21px;
	width:598px;
	height:909px;
}
.contents .img63{
	top:14326px;
	left:67px;
	width:505px;
	height:140px;
}
.contents .img64{
	top:14518px;
	left:39px;
	width:560px;
	height:424px;
}
.contents .img65{
	top:15068px;
	left:39px;
	width:335px;
	height:18px;
}
.contents .img66{
	top:15022px;
	left:228px;
	width:271px;
	height:13px;
}


/* slick */
.visual {
	margin-bottom: 60px;
	top:2510px;
	height:657px;
  }

  .visual.slideB {
	margin-bottom: 60px;
	top:2810px;
	height:730px;
  }

.wrapper .visual img{
	position:unset;
}


.visual .slick-slide {
	position: relative;
  }
  .visual .slick-slide .slide-img {
	width: 600px;
	height: 400px;
	transition: all 0.6s ease 0.4s;
	opacity: 0.8;
	box-shadow: 7px 7px 15px -5px #666;
	overflow: hidden;
  }
  .visual .slick-slide.slick-current .slide-img {
	transform: scale(1.2);
	opacity: 1;
  }
  .visual .slick-slide .slide-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  .visual .slick-arrow {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #C3257A;
	cursor: pointer;
	border: none;
	outline: none;
	font-size: 0;
	position: absolute;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  }
  .visual .slick-arrow::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #ffffff;
	border-width: 5px 5px 0 0;
	position: absolute;
	top: 21px;
	transform: rotate(45deg);
  }
  .visual .slick-next {
	right: 0;
  }
  .visual .slick-prev {
	left: 0;
  }
  .visual .slick-next::before {
	left: 18px;
  }
  .visual .slick-prev::before {
	border-width: 0 0 5px 5px;
	right: 18px;
  }
  .slick-prev:before, .slick-next:before{
	opacity: 1;
  }
  .dots-3 .slick-dots {
	text-align: center;
  }
  .dots-3 .slick-dots li {
	display: inline-block;
  }
  .dots-3 .slick-dots button {
	display: block;
	width: 10px;
	height: 10px;
	margin: 6px;
	font-size: 0;
	padding: 0;
	border: 0;
	outline: none;
	cursor: pointer;
	background: #bcbcbc;
	border-radius: 50%;
  }
  .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #C3257A;
}
  .slick-dots li button:before {
    font-size: 50px;
  }