/*
Theme Name: ORIGINAL
*/




* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}


ul, li{
  list-style:none;
}



img{
  width:100%;
  height:auto;
}

a{
	color: #241E74;
	text-decoration:none;
}


video{
	display:block;
  width:100%;
  height:auto;
}

::selection {
  background-color: #000;
  color:#fff;
}


.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999999;
  opacity: 1;
  background: #fff;
}


.loader
{
  position: absolute;
  display: inline-block;
  top:50%;
  left:50%;
  margin-left:-17px;
  margin-top:-30px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid #ccc;
  border-right-color: transparent;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
}


@-webkit-keyframes spin
{
0% { -webkit-transform: rotate(0deg); opacity: 0.4; }
50%  { -webkit-transform: rotate(180deg); opacity: 1; }
100%   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin
{
0% { -moz-transform: rotate(0deg); opacity: 0.4; }
50%  { -moz-transform: rotate(180deg); opacity: 1; }
100%   { -moz-transform: rotate(360deg); opacity: 0.4; }
}








.font_bold{
  font-weight:bold;
}

.text_left{
	text-align:left;
}

.text_right{
	text-align:right;
}












html{
	overflow-x: hidden;
}


body {
	color:#000;
	line-height:150%;
	overflow-x:hidden;
	font-family: "zen-kaku-gothic-new", sans-serif;
	color: #241E74;
}


.space{
	height:130px;
}

/* 共通ページ */

.main_content{
  padding-left:30%;
  padding-right:70px;
}


.inner{
  max-width:1180px;
  position: relative;
  margin:0 auto;
  padding: 0px 60px;
}



.main_p{
	position:relative;
}




.main_detail{
	margin-top:120px;
}


.main_logo{
	text-align:center;
}

.main_logo p{
	text-align:center;
	line-height:170%;
	font-size:22pt;
}


.main_note{
		margin-top:30px;
}

.main_note p{
	text-align:center;
	line-height:180%;
	font-size: 12pt;
}




.insta_link {
	text-align:center;
	margin-top:80px;
}


.insta_link > p{
	font-size:11pt;
	line-height:100%;
}

.insta_link > a{
	display:inline-block;
	width:300px;
}



















.st_sec{
		position:relative;;
}


.wrap{
	display: flex;
	justify-content: space-between;
	margin:0 auto;
}

.wrap_w{
	display: flex;
	justify-content: space-between;
	padding:0 60px;
}








.main_title{
	text-align:center;
}


.numb p{
	font-size: 45pt;
	letter-spacing:4px;
	line-height: 100%;
	font-family: "gyst-variable", sans-serif;
	font-variation-settings: "wght" 100;
}


.numb p span{
	display: inline-block;
	vertical-align: baseline;
	font-size: 26pt;
	font-family: "gyst-variable", sans-serif;
	font-style: italic;
	}


.main_subtitle{
	margin-top:40px;
}

.main_subtitle p{
    line-height: 170%;
	font-size: 18pt;
}

.main_nt{
	margin-top:20px;
}

.main_nt p{
    line-height: 170%;
	font-size: 13pt;
}








#link_list{
	background: #B9CAE6;
	margin-top:120px;
	padding-bottom: 200px;
	z-index: 99;
}

.content_link .inner{
	display: flex;
	justify-content: space-between;
	padding:0 100px;
}

.content_link_title{
	width:35%;
}

.content_link_title p{
	font-size: 34pt;
	line-height:180%;
	font-family: "gyst-variable", sans-serif;
}

.content_link_list{
	width:65%;
}

.content_link_list > a {
	font-size: 45pt;
	line-height: 100%;
	font-family: "gyst-variable", sans-serif;
	font-variation-settings: "wght" 100;
	display:block;
	margin-bottom: 40px;
	text-decoration:none;
}

.content_link_list > a:last-child {
	margin-bottom: 0px;
}

.content_link_list > a span{
	vertical-align: baseline;
	font-size: 26pt;
	font-style: italic;
}

.content_link_list > a em{
			font-family: "zen-kaku-gothic-new", sans-serif;
	display:block;
	font-size: 16pt;
	font-style: normal;
	line-height: 150%;
	margin-left: 50px;
}

.content_link_box{
	padding: 80px 80px 0;
	}
	
	.content_link{
	background: rgba(255, 255, 255, .8);
	padding: 50px 30px;
}


.link_btn{
	margin-top:80px;
	text-align:center;
}

.link_btn a{
	font-family: "gyst-variable", sans-serif;
	font-size:22pt;
	display:inline-block;
	min-width: 350px;
	padding:20px 20px 15px;
	background:#A1B5D1;
	color:#fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.link_btn.link_btn_right {
	margin-top:40px;
}

.link_btn.link_btn_right a{
	background:#BED6F7;
	color:#7C8CCC;
}





.illust{
	position:absolute;
}

.label p{
	height:180px;
}

.label p img{
	width:auto;
	height:100%;
}

.detail{
	margin-top:10px;
}


.detail p{
	font-size:11pt;
	line-height: 180%;
}

.detail p a{
	font-size:11pt;
	background:#fff;
	padding:0 5px;
}


.item_img{
	position:relative;
}

.subitem_img{
	position:absolute;
}


.content > div{
	position:relative;
	z-index: 99;
}



.content01{
	margin-top: 60px;
	padding-top: 80px;
	padding-bottom:250px;
}



.sec01_illust01{
	width: 380px;
	top: 240px;
	left: 0px;
	-webkit-animation: spin 33s infinite linear;
	-moz-animation: spin 33s infinite linear;
}



.sec01_illust02{
	width:280px;
	bottom: -350px;
	right:0px;
	animation: yurayura 5s linear infinite;
	-webkit-animation: yurayura 5s linear infinite;
}


@keyframes yurayura {
  0% , 100%{
      transform: rotate(6deg);
  }
  50%{
      transform: rotate(-6deg);
  }
}





#sec02{
	background:#B9CAE6;
}

.bg_illust{
	position:absolute;
	top: 0;
	pointer-events: none;
}

.bg_illust01{
	
}

.sec02_01{
	width:45%;
}

.sec02_02{
	width:45%;
}


.sec02_02_01{
	width:80%;
}

.sec02_02_01 .item_img{
	padding-left:80px;
}

.sec02_02_02{
	width:80%;
	margin-top: 120px;
}

.sec02_02_02 .item_img{
	padding-right:80px;
}

.sec02_03{
	max-width:800px;
	margin:150px auto 0;
}

.sec02_03_illust{
	width: 700px;
	top: -200px;
	left: -400px;
	-webkit-animation: spin 50s infinite linear;
	-moz-animation: spin 50s infinite linear;
}





.sec02_04{
	margin-top:120px;
}

.sec02_04_detail{
	padding-left:40%;
}

.sec02_04_detail .subitem_img{
	bottom:-200px;
	left:-300px;
	width:400px;
}




.sec02_05{
	margin-top:280px;
}

.sec02_05_detail{
	padding-right:40%;
}

.sec02_05_detail .subitem_img{
	bottom:-200px;
	right:-300px;
	width:400px;
}

.sec02_05_illust{
	width:180px;
	top:50px;
	right:100px;

}



.sec02_06{
	margin-top:280px;
	padding-left: 40%;
}

.sec02_06_illust{
	width:180px;
	top:-50px;
	left:100px;
}








.sec02_07{
	margin-top: 180px;
	padding:0 80px;
}

.sec02_07_illust01{
	width:200px;
	top:-140px;
	left:200px;
	-webkit-animation: spin 33s infinite linear;
	-moz-animation: spin 33s infinite linear;
}





.sec02_07_illust02{
	width:500px;
	bottom:-120px;
	right: -200px;
	z-index: -99;
	-webkit-animation: spin 50s infinite linear;
	-moz-animation: spin 50s infinite linear;
	
}


.sec02_08{
	margin-top:120px;
}

.sec02_08_text{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
}

.sec02_08_text p{
	display:inline-block;
	width:550px;
}



.sec02_09{
	margin-top:120px;
	padding-right:40%;
}

.sec02_09_illust{
	width:150px;
	top:-80px;
	left:80px;
	-webkit-animation: spin 33s infinite linear;
	-moz-animation: spin 33s infinite linear;
}

.sec02_10 {
	margin-top:120px;
	background:rgba(255,255,255,.8);
	line-height: 0;
}

.sec02_10 .wrap{
	flex-direction: row-reverse;
}

.sec02_10 .item_img{
	width:50%;
}

.sec02_10 .item_detail{
	width:50%;
	position:relative;
}

.sec02_10 .item_detail .detail{
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform:  translate(-50%, -50%);
	-o-transform:  translate(-50%, -50%);
	-ms-transform:  translate(-50%, -50%);
}

.sec02_10_illust{
	width:200px;
	right:20px;
	top:-180px;
	animation: yurayura 5s linear infinite;
	-webkit-animation: yurayura 5s linear infinite;
}

.sec02_11 {
	background:rgba(255,255,255,.8);
	line-height: 0;
}


.sec02_11 .item_img{
	width:50%;
}

.sec02_11 .item_detail{
	width:50%;
	position:relative;
}

.sec02_11 .item_detail .detail{
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform:  translate(-50%, -50%);
	-o-transform:  translate(-50%, -50%);
	-ms-transform:  translate(-50%, -50%);
}



.sec02_12 {
    max-width: 700px;
    margin: 150px auto 0;
}

.sec02_12_illust{
	width:700px;
	top:150px;
	right:-500px;
	z-index:-99;
	-webkit-animation: spin 50s infinite linear;
	-moz-animation: spin 50s infinite linear;
}




#sec03{
	background:#B9CAE6;
}


.sec03_main_title_bottom {
    margin-top: 40px;
}

.gra_wh_bg {
	line-height: 0;
}


.recommend_list{
	margin-top:60px;
	padding-bottom: 120px;
}

.recommend_list .recommend_index{
	margin-bottom: 160px;
}

.recommend_list .recommend_index:last-child{
	margin-bottom: 0px;
}

.recommend_list .recommend_index:last-child{
	margin-bottom:0px;
}

.price_tag {
	text-align:center;
}

.price_tag p{
	display:inline-block;
	width:400px;
}


.recommend_box{
	margin-top:60px;
	position:relative;
}



.recommend_box01_illust{
	width:150px;
	top:-80px;
	right:80px;
	z-index:99;
	-webkit-animation: spin 33s infinite linear;
	-moz-animation: spin 33s infinite linear;
}

.recommend_box02_illust{
	width:150px;
	top:-60px;
	left:160px;
	z-index:99;
	animation: yurayura 5s linear infinite;
	-webkit-animation: yurayura 5s linear infinite;
}

.recommend_box03_illust{
	width:150px;
	bottom: -50px;
	right:80px;
	z-index:99;
	-webkit-animation: spin 33s infinite linear;
	-moz-animation: spin 33s infinite linear;
}

















#sec04{
	margin-top:60px;
}


.sec04_01{
	text-align:center;
	margin-top:120px;
}

.sec04_01 p{
	display:inline-block;
	width:800px;
}
















#sec05{
		margin-top:120px;
}

.sec05_01{
	text-align:center;
	margin-top:60px;
}


.sec05_01 > span{
	width:600px;
	display:inline-block;
}


.sec05_01 > p{
	font-size:36pt;
	font-weight:500;
	line-height:140%;
}


.sec05_02{
	text-align:center;
	margin-top:60px;
}

.sec05_02 p{
	font-family: "gyst-variable", sans-serif;
	font-size:32pt;
	font-style: italic;
	letter-spacing:2px;
}

.sec05_03{
	text-align:center;
	margin-top:60px;
}

.sec05_03 p{
	line-height: 170%;
	font-size: 13pt;
}


.sec05_04{
	margin-top:60px;
	text-align:center;
}


.label_img{
	max-width:980px;
	margin:40px auto 0;
}

.img_w{
	display: flex;
	justify-content: space-between;
}



.label_title{
	margin-top:20px;
	max-width:980px;
	margin:40px auto 0;
	text-align:center;
}

.label_title p{
	font-weight:bold;
	font-size:16pt;
	letter-spacing:1px;
}

.label_note{
	margin-top:10px;
	max-width:980px;
	margin:40px auto 0;
	text-align:left;
}



.sec05_05 {
    margin-top: 60px;
    text-align: center;
}

.img_s{
	padding:0 100px;
}


.camp_btn_box{
	max-width:880px;
	margin:120px auto 0;
}

.camp_btn a{
	cursor: pointer;
	background:#F4F4F4;
	display:block;
	padding:20px 40px;
	font-size:20pt;
	letter-spacing:2px;
	font-weight:bold;
	position:relative;
}



.camp_btn a span{
  position:absolute;
  right:40px;
  top:30px;
}


.camp_btn a span:after{
 content:"";
  display:block;
  width:18px;
  height:2px;
  background:#241E74;
  margin-top:-2px;
}


.camp_btn a span:before{
  content:"";
  display:block;
  width:18px;
  height:2px;
  background:#241E74;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
  -moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
  -ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
  -o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
  transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}



.camp_btn.active a span:before{
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
  -moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
  -ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
  -o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
  transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}






.camp_note{
	margin-top:40px;
}


.warning{
	margin-top:20px;
	text-align:center;
}








.sp_img{
  display:none!important;
}







@media screen and (max-width: 768px) {
  
  
  
  img{
  width:100%;
  height:auto;
}

.sp_img{
  display:block!important;
}

.pc_img{
  display:none!important;
}


.inner {
  padding: 0px 30px;
	}
	
	
	
	.main_detail{
		margin: 60px 30px 0;
	}
	
	
	
	
	.wrap {
    padding: 0 20px;
}
	
	.wrap_w {
    padding: 0 20px;
	}
	
	
	.detail {
	   margin-top: 10px;
	}
	
	
	.detail p {
		font-size: 8pt;
		line-height: 180%;
	}
	
	.detail p a{
		font-size: 8pt;
		line-height:160%;
		margin-bottom:0px;
		margin-top: 5px;
		display:inline-block;
	}
	
	
	.insta_link > a {
		width: 90%;
	}
	
	
	#sec01 {
    padding: 0px;
	}
	
	

	
	
	.main_note {
		margin-top: 30px;
	}
	
	
	.main_note p {
		font-size: 11pt;
		text-align: left;
	}
	
	
	
	.main_logo p {
		font-size: 18pt;
	}
	
	
	.numb p {
    font-size: 26pt;
	}
	
	.numb p span {
    font-size: 18pt;
	}
	
	
	
	.wrap {
		display: block;
		padding: 0 0px;
	}
	
	.wrap_w {
		display: block;
		padding: 0 0px;
	}
	
	
	.sec01_illust01 {
        width: 45%;
        top: -80px;
        left: -80px;
	}
	
	
	
	.content_link_title {
		width: 100%;
	}
	
	.content_link_title p {
		font-size: 22pt;
		text-align:center;
	}
	
	
	.content_link .inner {
		display: block;
		padding: 0 0px;
	}
	
	

	
	
	.main_title {
		padding: 0 30px;
	}
	
	.main_subtitle p {
		font-size: 14pt;
		text-align: center;
	}
	
	.main_nt p {
		text-align: left;
		font-size: 11pt;
	}
	
	
	#link_list {
		margin-top: 50px;
    padding-bottom: 100px;
	}
	
	
	#sec02 {
		background: #B9CAE6;
	}
	
	.bg_illust{
		top: 100px;
	}
	
	
	.sec02_02_01 {
		width: 100%;
		margin-top: 60px;
		padding-left: 20%;
	}
	
	.sec02_02_01 .detail{
		padding-right:20px;
	}
	
	.sec02_02_02 .detail{
		padding-left:20px;
	}
	
	.content_link {
		margin-top: 0px;
	}
	
	.content_link_box{
		padding: 30px 30px 0;
	}
	
	.content_link{
		background: rgba(255, 255, 255, .8);
		padding: 30px 20px;
		
	}
	
	.content_link_list {
		width: 100%;
	}
	
	.content_link_list > a span {
		font-size: 16pt;
	}
	
	.content_link_list > a em {
    font-size: 10pt;
    line-height: 150%;
    margin-left: 30px;
}
	
	.content_link_list > a {
		font-size: 20pt;
	}
	

	
	.content_link_box .link_btn {
		margin-top: 40px;
	}
		
	
	.sec01_illust02 {
		width: 40%;
		right: -50px;
	}
	
	
	.sec02_01 {
		width: 100%;
		padding: 0 50px;
	}
	
	.sec02_02 {
		width: 100%;
	}
	
	
	
	.sec02_03 .detail{
		padding-left:20px;
	}
	
	
	.sec02_03_illust {
		width: 300px;
		top: -130px;
		left: -100px;
	}
	
	
	.sec02_04 .inner{
		padding:0;
	}
	
	
	.sec02_04_detail .subitem_img {
		bottom: -50px;
		left: -120px;
		width: 150px;
	}
	
	.sec02_04 .detail{
		width: 100%;
		padding-right: 20px;
		text-align: right;
	}
	
	.sec02_04_detail {
		padding-left: 35%;
	}
	
	
	.sec02_05_detail {
		padding-right: 35%;
	}
	
	.sec02_05 .detail{
		width: 100%;
		padding-left: 20px;
	}
	
	
	.sec02_05_illust {
		width: 30%;
		top: 30px;
		right: -50px;
	}
	
	
	.sec02_05 {
		margin-top: 80px;
	}
	
	
	.sec02_05 .inner{
		padding:0;
	}
	
	.sec02_05_detail .subitem_img {
		bottom: -50px;
		right: -120px;
		width: 150px;
	}
	
	
	
	.sec02_06 {
    margin-top: 80px;
    padding-left: 20%;
	}
	
	.sec02_06_illust {
		width: 120px;
		top: -50px;
		left: 40px;
	}
	
	
	
	
	.sec02_07 {
		margin-top: 80px;
		padding: 0 0px;
	}
	
	.sec02_07 > div > div:first-child{
		padding-right:40%;
		position: relative;
		z-index:99;
	}
	
	.sec02_07 > div > div:last-child{
		padding-left:40%;
		margin-top:-60px;
	}
	
	.sec02_07 .detail{
		padding:0 30px;
	}
	
	.sec02_07_illust01 {
		width: 140px;
		top: -80px;
	}
	
	
	
	.sec02_08_text p {
		width: 100%;
	}
		
	
	
	.sec02_09 {
		margin-top: 80px;
		padding-right: 0%;
	}
	
	
	.sec02_09 .item_img{
		padding-right:30%;
	}
	
	.sec02_09 .detail{
		padding:0 20px;
	}
	
		.sec02_09_illust {
		width: 27%;
		top: -80px;
		left: 20px;
	}
	
	.sec02_10_illust {
		width: 28%;
		right: 20px;
		top: -70px;
	}
	
	
	
	
	
	.sec02_10 .item_img {
		width: 100%;
	}
	
	
	.sec02_10 .item_detail {
		width: 100%;
		padding-bottom: 40px;
	}
	
	.sec02_10 .item_detail .detail {
		position: static;
		width: 100%;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
	}
	
	
	
	.sec02_11 .item_img {
		width: 100%;
	}
	
	.sec02_11 .item_detail .detail {
		position: static;
		width: 100%;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
	}
	
	.sec02_11 .item_detail {
		width: 100%;
		padding-bottom: 40px;
	}
	
	
	.sec02_12 {
		padding: 0 50px;
		margin: 80px auto 0;
	}
	
	
	.content01 {
		padding-bottom: 80px;
		padding-top: 0px;
	}
	
	.price_tag p {
		width: 60%;
	}
	
	
	.recommend_list {
		margin-top: 60px;
	}
	
	
	.recommend_box01_illust {
    width: 30%;
    top: -80px;
    right: 0px;
	}
	
	
	.recommend_box02_illust {
		width: 30%;
		top: -60px;
		left: 20px;
	}
	
	
	.recommend_box03_illust {
		width: 30%;
		bottom: -100px;
		right: 20px;
	}
	
		
	.sec04_01 {
    text-align: center;
    margin-top: 50px;
    padding: 0 30px;
}
	
	.sec04_01 p {
    display: inline-block;
    width: 100%;
	}
	
	
	
	
	.sec05_01 > span {
		width: 80%;
		margin: 15px 0;
	}
	
	
	
	.sec05_01 > p {
    font-size: 18pt;
	}
	
.sec05_02 p {
		font-size: 20pt;
	}
	
	
	.sec05_03{
		padding:0 30px;
	}
	
	.sec05_03 p {
		font-size: 11pt;
		text-align: left;
	}
	
	
	
	.label p {
		height: 110px;
	}
	
		
	#sec05 .insta_link {
		margin-top: 40px;
    }
	
	
	#sec05 .insta_link > a {
		padding:0 30px;
	}
	
	
	
	.img_w {
		display:block;
		padding: 0 30px;
	}
	
	
	.label_title{
		padding: 0 30px;
	}
	
	.label_title p {
		font-size: 14pt;
	}
	
	.label_note{
		margin: 20px auto 0;
		padding: 0 30px;
	}
	
	.img_s {
    padding: 0 30px;
}
	
	
	.camp_btn_box{
		margin:30px 20px 0;
	}
	
	.camp_btn a {
    padding: 20px 20px;
    font-size: 13pt;
    letter-spacing: 2px;
	}
	
	.camp_btn a span {
		right: 20px;
	}
	
	
	
	#sec05 .link_btn {
		margin-top: 40px;
	}
	
	
	
	.recommend_list .recommend_index{
		margin-bottom: 80px;
	}
	
	.recommend_box {
		margin-top: 40px;
	}
	

	
	.link_btn {
		margin-top: 50px;
		width:80%;
		margin: 50px auto 0;
	}
	
		
	.link_btn a {
		min-width: 100%;
		font-size: 18pt;
	}
	
	
	
}




@media screen and (max-width: 320px) {
  
  
  
}