:@charset "utf-8";
* {
  box-sizing: border-box;
}
.menu_btn{
	width: 13.0rem;
	height: auto;
	display: block;
	cursor: pointer;
	position: fixed;
	top: 2.4rem;
	left: 4.2rem;
	z-index: 40;
}
@media only screen and (max-width: 767px){
	.menu_btn{
		width: 7.1rem;
		top: 1.9rem;
		left: 0.7rem;
	}
}
.menu_btn.btn-top{
	position: fixed;
	top: 2.4rem;
	right: 4.2rem;
	left: initial;
	z-index: 40;
}
@media only screen and (max-width: 767px){
	.menu_btn.btn-top{
		width: 7.1rem;
		top: 1.9rem;
		left: initial;
		right: 0.7rem;
	}
}

.menu_btn:hover{
	opacity: 0.9;
}
.menu_btn img{
	width: 100%;
	height: auto;
	display: block;
}
.menu{
	display: none;
	position: fixed;
	top: 7.0rem;
	left: 1.0rem;
	background-color: #FFFF00;
	border: .2rem solid #000;
	width: 30.0rem;
	height: 30.0rem;
	padding: 2.0rem 3.0rem;
	z-index: 100;
}
@media only screen and (max-width: 767px){
	.menu{
		display: none;
		top: 3.5rem;
		left: 2.5rem;
		background-color: #FFFF00;
		border: .2rem solid #000;
		width: 30.0rem;
		height: 30.0rem;
		padding: 2.0rem 3.0rem;
	}
}
.menu .menu_inner{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.menu .menu_inner ul{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
.menu .menu_inner ul li{
	width: auto;
	height: auto;
	display: block;
}
.menu .menu_inner ul li a{
	font-size: 3.2rem;
	line-height: 3.8rem;
	letter-spacing: calc((20 / 1000) * 1em);
	color: #000;
}
.menu .menu_inner ul li a:hover{
	color: #DF801E;
}
.menu .menu_inner ul li a .svg_img{
	width: 3.8rem;
	height: 3.8rem;
	display: block;
	position: relative;
	margin-top: 1.0rem;
}
.insta-icon {
   width: 4.0rem;
   height: 4.0rem;
   display: inline-block;
   transition: fill 0.3s ease;
 }

 .insta-icon path {
   fill: #000; /* 通常色 */
   transition: fill 0.3s ease;
 }

 .insta-icon:hover path {
   fill: #DF801E; /* ホバー時の色 */
 }


.close-btn {
	width: 30px;
	height: 30px;
	position: relative;
	cursor: pointer;
	margin-top: 10px;
	transition: transform 0.5s ease; /* 全体を回転 */
	position: absolute;
	bottom: -2.0rem;
	right: -2.0rem;
}

.close-btn::before,
.close-btn::after {
	content: "";
	position: absolute;
	width: 100%;
	height: .2rem;
	background: #000;
	top: 50%;
	left: 0;
	transform-origin: center;
}

.close-btn::before {
	transform: rotate(45deg);
}

.close-btn::after {
	transform: rotate(-45deg);
}

/* 回転アニメーション */
.close-btn.rotate {
	transform: rotate(180deg);
}


header{
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
@media only screen and (max-width: 767px){
	header{
		width: 100%;
		height: 10.5rem;
	}
}
header .header01{
	width: 100%;
	height: auto;
}
header .header01 h1{
	width: 100%;
	height: auto;
	display: block;
}
header .header01 h1 .header01_01{
	width: 100%;
	height: 5.0rem;
	background-color: #9ACFCC;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 767px){
	header .header01 h1 .header01_01{
		height: 4.0rem;
	}
}
header .header01 h1 .header01_01 .header01_01_01.text_acc01 {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  font-size: 3.2rem;
  line-height: 5.6rem;
  letter-spacing: calc((340 / 1000) * 1em);
  color: #231815;
  transition: width 1s ease-in-out;
}
@media only screen and (max-width: 767px){
	header .header01 h1 .header01_01 .header01_01_01.text_acc01 {
		font-size: 1.6rem;
		line-height: 1.6rem;
		letter-spacing: calc((340 / 1000) * 1em);
	}
}
header .header01 h1 .header01_01 .header01_01_01.text_acc01 .h_img01{
	width: 2.6rem;
	height: auto;
	margin-right: 1.5rem;
}
@media only screen and (max-width: 767px){
	header .header01 h1 .header01_01 .header01_01_01.text_acc01 .h_img01{
		width: 1.3rem;
		margin-right: 1.0rem;
	}
}
header .header01 h1 .header01_01 .header01_01_01.text_acc01 .h_img02{
	width: 2.6rem;
	height: auto;
	margin-right: 0;
	margin-left: 1.5rem;
}
@media only screen and (max-width: 767px){
	header .header01 h1 .header01_01 .header01_01_01.text_acc01 .h_img02{
		width: 1.3rem;
		margin-left: 1.0rem;
		margin-right: 0;
	}
}
header .header01 h1 .header01_02{
	width: 100.0rem;
	height: auto;
	background-color: #fff;
	padding: 1.7rem 0;
	margin: 0 auto;
	border: .2rem solid #000;
	display: block;
	position: relative;
	z-index: 20;
}
@media only screen and (max-width: 767px){
	header .header01 h1 .header01_02{
		width: 100%;
		padding: 0.9rem 0;
		border-right: 0;
		border-left: 0;
	}
}
header .header01 h1 .header01_02 .h_img02{
	width: 14.4rem;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	left: 2.6rem;
	margin: auto;
}
@media only screen and (max-width: 767px){
	header .header01 h1 .header01_02 .h_img02{
		width: 5.3rem;
		left: .8rem;
		margin: auto;
	}
}
header .header01 h1 .header01_02 .h_img03{
	width: 69.9rem;
	height: auto;
	display: block;
	margin: 0 auto;
}
@media only screen and (max-width: 767px){
	header .header01 h1 .header01_02 .h_img03{
		width: 25.8rem;
	}
}

.bouncy-image {
  transform: scaleY(4); /* 初期状態：縦に2倍 */
  transform-origin: top center; /* 上から伸びるように */
  display: block;
  max-width: 100%;
}



header .header01 h1 .header01_02 .h_img04{
	width: 11.5rem;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2.3rem;
	margin: auto;
}
@media only screen and (max-width: 767px){
	header .header01 h1 .header01_02 .h_img04{
		width: 4.23rem;
		right: 1.2rem;
	}
}



main{
	padding-top: 4.0rem;
}
@media only screen and (max-width: 767px){
	main{
		padding-top: 9.0rem;
	}
}
.contents01_bg{
	width: 100%;
	height: auto;
	position: relative;
}
.contents01_bg .staff_bnr{
	width: 65.4rem;
	height: auto;
	display: block;
	position: absolute;
	right: 0;
	left: 57.0rem;
	top: 13.6rem;
	margin: auto;
	z-index: 20;
}
@media only screen and (max-width: 767px){
	.contents01_bg .staff_bnr{
		width: 23.6rem;
		right: 1.3rem;
		left: initial;
		margin: initial;
		top: .5rem;
		z-index: 10;
	}
}

/*PC用POPUP*/
.pop02{
	width: 16.0rem;
	height: 16.0rem;
	border-radius: 50%;
	position: absolute;
	top: 29.3rem;
	right: 0rem;
	left: 104.0rem;
	margin: auto;
	z-index: 100;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pop02 img{
	width: 100%;
	height: auto;
	display: block;
}
.pop02_inner{
	width: 40.0rem;
	height: 40.0rem;
	background-color: #fff;
	border: .2rem solid #000;
	position: absolute;
	top: 29.3rem;
	right: 0rem;
	left: 51.0rem;
	z-index: 100;
	margin: auto;
	padding: 3.0rem 2.0rem;
	display: none;
}
.pop02_inner .pop02_inner02{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.pop02_inner .pop02_inner02 .close {
  position: absolute;
  top: -2.0rem;
  right: -1.7rem;
}
.pop02_inner .pop02_inner02 .close .close_inner{
	width: 3.0rem;
	height: 3.0rem;
	cursor: pointer;
	position: relative;
}

.pop02_inner .pop02_inner02 .close .close_inner::before,
.pop02_inner .pop02_inner02 .close .close_inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.0rem;
  height: .2rem;
  background-color: #000;
  transform-origin: center;
}

.close_inner::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.close_inner::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.pop02_inner .pop_text01{
	width: auto;
	height: auto;
	display: inline-block;
}
.pop02_inner .pop_text01 span{
	height: 3.0rem;
	font-size: 1.8rem;
	line-height: 2.8rem;
	color: #000;
	background-color: #FFFF00;
	border: .2rem solid #000;
	display: inline-block;
	padding: 0 .5rem;
}
.pop02_inner .pop_text01 span.span02{
	margin-top: -.2rem;
}
.pop02_inner .pop_text02{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 1.4rem;
	line-height: 2.6rem;
	letter-spacing: calc((80/1000)*1em);
	margin-top: 2.0rem;
}
/*PC用POPUPここまで*/

.contents01{
	width: 100%;
	height: auto;
	position: relative;
	background-image: url(../img/index/contents01/bg01.webp);
	background-repeat: no-repeat;
	background-size: 110% 110%;
	background-position: top center;
	border: 2px solid #000;
	border-bottom: 0;
	opacity: 0;
}
@media only screen and (max-width: 767px){
	.contents01{
		background-image: url(../img/index/contents01/bg01_sp.jpg);
		background-repeat: repeat-y;
		background-position: top center;
	}
}
.contents01 .contents01_01{
	width: 120.0rem;
	height: auto;
	margin: 0 auto;
	padding-top: 15.0rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	z-index: 10;
	margin-top: -.2rem;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01{
		width: 100%;
		padding-top: 0;
		display: block;
	}
}
.contents01 .contents01_01 .contents01_01_01{
	width: 70.0rem;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	margin-left: 0.2rem;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_01{
		width: 31.25rem;
		height: auto;
		margin-left: -.2rem;
	}
}
.contents01 .contents01_01 .contents01_01_01 .slide{
	width: 100%;
	height: auto;
	border: .2rem solid #000;
	transform: translate(.0rem);
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_01 .slide{
		width: 100%;
	}
}
.slick-dotted.slick-slider{
	margin-bottom: 0;
}
.slick-dots{
	bottom: 1.5rem;
}
.slick-dots li{
	margin: 0;
}
.slick-dots li button::before{
	content:'';
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	background-image: url(../img/index/contents01/slickdot02.png);
	background-repeat:no-repeat; 
	background-size: 100% auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	opacity: 1;
}
.slick-dots li.slick-active button::before{
	content:'';
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	background-image: url(../img/index/contents01/slickdot01.png);
	background-repeat:no-repeat; 
	background-size: 100% auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	opacity: 1;
}
.contents01 .contents01_01 .contents01_01_01 .slide img.slide01{
	width: 100%;
	height: auto;
	display: block;
}

/*PC用*/
.contents01 .contents01_01 .contents01_01_01 .experience{
	width: 60.0rem;
	height:19.4rem;
	background-color: #fff;
	padding-left: 2.7rem;
	border: .2rem solid #000;
	margin-top: -.2rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.contents01 .contents01_01 .contents01_01_01 .experience .title01{
	font-size: 3.2rem;
	line-height: 2.4rem;
	letter-spacing: calc((20/1000)*1em);
	color: #007194;
}
.contents01 .contents01_01 .contents01_01_01 .experience .text03{
	font-size: 2.0rem;
	line-height: 2.4rem;
	color: #007194;
	margin-top: 2.0rem;
}
.contents01 .contents01_01 .contents01_01_02{
	width: 50.0rem;
	height: auto;
	flex-shrink: 0;
	margin-left: -.2rem;
	position: relative;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_02{
		width: 25rem;
		margin: 0 auto;
		margin-top: -.2rem;
	}
}
.contents01 .contents01_01 .contents01_01_02 .cont01{
	width: 40.0rem;
	height: auto;
	background-color: #206F79;
	padding: 27.2rem 0 2.0rem 1.5rem;
	border: .2rem solid #000;
	position: relative;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_02 .cont01{
		width: 100%;
		padding: 13.0rem 0 13.0rem 2.0rem;
		z-index: 50;
	}
}
.contents01 .contents01_01 .contents01_01_02 .cont01 .title01{
	width: 34.4rem;
	height: auto;
	display: block;
	position: absolute;
	top: 14.0rem;
	left: -2.5rem;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_02 .cont01 .title01{
		width: 28.2rem;
		top: 2.6rem;
		left: -5.0rem;
	}
}
.contents01 .contents01_01 .contents01_01_02 .cont01 .title01 img{
	width: 100%;
	height: auto;
	display: block;
}
.contents01 .contents01_01 .contents01_01_02 .cont01 .text02{
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: calc((30/1000)*1em);
	color: #fff;
}

/*SP用のPOPUP*/
.sp_pop02{
	width: 17.1rem;
	height: 17.8rem;
	border-radius: 50%;
	display: block;
	margin: 2.0rem auto 0;
	position: absolute;
	bottom: -5.5rem;
	left: 0;
	right: 0;
	margin: auto;
}
.sp_pop02 img{
	width: 100%;
	height: auto;
	display: block;
}
.sp_pop02_inner{
	width: 32.0rem;
	height: 46.0rem;
	background-color: #fff;
	border: .2rem solid #000;
	position: absolute;
	bottom: -45.2rem;
	left: -3.5rem;
	right: 0;
	margin: auto;
	padding: 3.5rem .7rem 3.5rem 2.7rem;
	display: none;
}
.sp_pop02_inner .sp_pop02_inner02{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.sp_pop02_inner .sp_pop02_inner02 .close {
  position: absolute;
  top: -2.5rem;
  right: .5rem;
}
.sp_pop02_inner .sp_pop02_inner02 .close .close_inner{
	width: 3.0rem;
	height: 3.0rem;
	cursor: pointer;
	position: relative;
}
/*クローズボタン*/
.sp_pop02_inner .sp_pop02_inner02 .close .close_inner::before,
.sp_pop02_inner .sp_pop02_inner02 .close .close_inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.0rem;
  height: .2rem;
  background-color: #000;
  transform-origin: center;
}

.close_inner::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.close_inner::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.sp_pop02_inner .pop_text01{
	width: auto;
	height: auto;
	display: inline-block;
}
.sp_pop02_inner .pop_text01 span{
	height: 3.0rem;
	font-size: 1.8rem;
	line-height: 2.8rem;
	color: #000;
	background-color: #FFFF00;
	border: .2rem solid #000;
	display: inline-block;
	padding: 0 1.0rem;
	position: relative;
	z-index: 3;
}
.sp_pop02_inner .pop_text01 span.span02{
	margin-top: -.2rem;
	position: relative;
	border-top: 0;
	z-index: 2;
}
.sp_pop02_inner .pop_text01 span.span03{
	margin-top: 0;
	border-top: 0;
}
.sp_pop02_inner .pop_text02{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 1.4rem;
	line-height: 2.6rem;
	margin-top: 1.8rem;
}
/*SP用のPOPUPここまで*/

.contents01 .contents01_01 .contents01_01_02 .cont02{
	width: 40.0rem;
	height: auto;
	background-color: #fff;
	border: .2rem solid #000;
	margin-top: -.2rem;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_02 .cont02{
		width: 100%;
	}
}
.contents01 .contents01_01 .contents01_01_02 .cont02 .cont02_01{
	width: 100%;
	height: auto;
}
.contents01 .contents01_01 .contents01_01_02 .cont02 .cont02_01 .item04{
	width: 100%;
	height: auto;
	display: block;
}
.contents01 .contents01_01 .contents01_01_02 .cont03 {
  width: 50.0rem;
  height: auto;
  border: .2rem solid #000;
  margin-top: -.2rem;
  padding: 0.6rem 2.0rem 1.7rem 1.3rem;
  background-color: #0071A4;
  background-color: #0071A4;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_02 .cont03 {
	  width: 31.2rem;
	  padding: 1.0rem 1.5rem 1.5rem;
	}
}

.contents01 .contents01_01 .contents01_01_02 .cont03 .cover {
	width: 100%;
	height: calc(100% - .4rem);
	background-color: #0071A4;
	position: absolute;
	bottom: .2rem;
	left: .2rem;
	transition: height 2s linear;
	z-index: 2;
}

.contents01 .contents01_01 .contents01_01_02 .cont03 .item05 {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
}
.contents01 .contents01_01 .contents01_01_02 .cont03 .text{
	font-size: 7.2rem;
	line-height: 8.3rem;
	color: #FFFF00;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_02 .cont03 .text{
		font-size: 4.4rem;
		line-height: 4.0rem;
	}
}
/* .activeクラスでcoverの高さを0に */
.contents01 .contents01_01 .contents01_01_02 .cont03.active .cover {
  height: 0;
}

/*.experience スマホ用*/
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_02 .experience{
		width: 100%;
		height: 16.0rem;
		background-color: #fff;
		padding: 0 0 0 2.2rem;
		border: .2rem solid #000;
		border-bottom: 0;
		border-top: 0;
		position: relative;
	}
	.contents01 .contents01_01 .contents01_01_02 .experience{
		width: 100%;
		height: 16.0rem;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
		background-color: #fff;
		padding: 0 0 0 2.2rem;
		border: .2rem solid #000;
		border-bottom: 0;
		border-top: 0;
		position: relative;
	}
	.contents01 .contents01_01 .contents01_01_02 .experience .title01{
		font-size: 2.4rem;
		line-height: 2.4rem;
		letter-spacing: calc((20/1000)*1em);
		color: #007194;
	}
	.contents01 .contents01_01 .contents01_01_02 .experience .text03{
		font-size: 1.2rem;
		line-height: 1.6rem;
		letter-spacing: calc((40/1000)*1em);
		color: #007194;
		margin-top: 1.0rem;
	}
}
/*contents01ここまで*/

/*contents02ここから*/
.contents02{
	width: 100%;
	height: auto;
	background-color: #00A9F1;
	border-bottom: .2rem solid #000;
	border-top: .2rem solid #000;
	margin-top: -1.0rem;
	position: relative;
	z-index: 20;
	padding-top: 6.0rem;
}
@media only screen and (max-width: 767px){
	/*contents02ここから*/
	.contents02{
		margin-top: 0;
		border-bottom: 0;
		z-index: 30;
	}
}
.contents02 .contents02_01{
	width: 112.0rem;
	height: auto;
	margin: 0 auto;
	padding: 3.5rem 0 8.7rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 2.5rem 0 8.5rem;
	}
}
.contents02 .title{
	width: 100%;
	height: auto;
}
.contents02 .title .text_acc {
	font-size: 6.0rem;
	line-height: 6.0rem;
	letter-spacing: calc((20 / 1000) * 1em);
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	color: #FFFF00;
	/* transition 削除 */
}
@media only screen and (max-width: 767px){
	.contents02 .title .text_acc{
		font-size: 3.2rem;
		line-height: 4.0rem;
		letter-spacing: calc((20 / 1000) * 1em);
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto;

		transition: width 1s ease-in-out, opacity 1s ease-in-out;
	}
}
.contents02 .title .sub_title02{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	line-height: 2.8rem;
	text-align: center;
	letter-spacing: calc((60 / 1000) * 1em);
	margin-top: 4.0rem;
	color: #FFFF00;
}
@media only screen and (max-width: 767px){
	.contents02 .title .sub_title02{
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin-top: .5rem;
		letter-spacing: calc((60 / 1000) * 1em);
		margin-top: 3.5rem
	}
}
.contents02 .title .copy{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	line-height: 3.4rem;
	text-align: center;
	letter-spacing: calc((20 / 1000) * 1em);
	margin-top: 5.0rem;
}
@media only screen and (max-width: 767px){
	.contents02 .title .copy{
		display: block;
		font-size: 2.0rem;
		line-height: 2.4rem;
		letter-spacing: calc((60 / 1000) * 1em);
		margin-top: 6.0rem
	}
}


.contents02 .contents02_01 ul.frends_wrapper{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 4.2rem;
	margin-top: 7.3rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 ul.frends_wrapper{
		width: 32.0rem;
		gap: 1.5rem 1.9rem;
		margin: 4.0rem auto 0;
	}
}
.contents02 .contents02_01 .frends_wrapper .frends_inner{
	width: 19.0rem;
	height: 22.6rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	position: relative;
	cursor: pointer;
	/*opacity: 0;*/
	/*margin-top: -3.0rem;*/
	z-index: 0;
	transition: z-index 0s .21s;
}
.contents02 .contents02_01 .frends_wrapper .frends_inner.active{
	z-index: 200;
	transition: z-index 0s 0s;
}

@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .frends_wrapper .frends_inner{
		width: 15.0rem;
		height: auto;
	}
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .img_box{
	width: 19.0rem;
	height: 19.0rem;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	border: .2rem solid #000;
	transition: transform 0.5s ease;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .frends_wrapper .frends_inner .img_box{
		width: 15.0rem;
		height: 15.0rem;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center center;
		border: .2rem solid #000;
	}
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .item05{
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.4s ease;
	transform-origin: center center;
	will-change: transform;
}
/*.contents02 .contents02_01 .frends_wrapper .frends_inner .img_box{
	background-image: url(../img/index/member/member01.webp);
}
.contents02 .contents02_01 .frends_wrapper .frends_inner:hover .img_box{
	background-image: url(../img/index/member/member02_01.webp);
}

.contents02 .contents02_01 .frends_wrapper .frends_inner:nth-of-type(2) .img_box{
	background-image: url(../img/index/member/member02.webp);
}
.contents02 .contents02_01 .frends_wrapper .frends_inner:nth-of-type(2):hover .img_box{
	background-image: url(../img/index/member/member02_02.webp);
}*/

.contents02 .contents02_01 .frends_wrapper .frends_inner:hover .img_box{
	transform: scale(1.15)!important;
}

.contents02 .contents02_01 .frends_wrapper .frends_inner .name{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1.4rem;
	padding: .5rem .8rem;
	border: .2rem solid #000000;
	margin-top: -2.0rem;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .frends_wrapper .frends_inner .name{
		font-size: 1.1rem;
		line-height: 1.1rem;
		padding: .3rem 0.5rem;
		border: .2rem solid #000000;
	}
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .name.rayout02{
	width: 23.0rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .frends_wrapper .frends_inner .name.rayout02{
		width: 17.8rem;
		left: -1.0rem;
	}
}
/*.contents02 .contents02_01 .frends_wrapper .frends_inner .name span{
	font-size: 1.1rem;
	line-height: 1.2rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .frends_wrapper .frends_inner .name span{
		font-size: 1.1rem;
		line-height: 1.1rem;
	}
}*/

.text_slice01{
	position: relative;
	background-color: #000; /* 初期は黒 */
	background-image: linear-gradient(to right, #FFFF00 0%, #FFFF00 0%);
	background-repeat: no-repeat;
	background-size: 0% 100%;
	background-position: left top;
	color: #000; /* テキストを黒にすることで変化がわかりやすくなる */
	transition: background-color 0s;
}

.contents02 .contents02_01 .frends_wrapper .frends_inner .role {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1.4rem;
	letter-spacing: calc((10 / 1000) * 1em);
	padding: .5rem .8rem;
	border: .2rem solid #000000;
	margin-top: -.2rem;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .frends_wrapper .frends_inner .role {
		padding: .2rem .6rem;
		font-size: 1.1rem;
		line-height: 1.2rem;
		height: 2.2rem;
		margin-top: -.1rem;
	}
	.contents02 .contents02_01 .frends_wrapper .frends_inner .role02{
		left: -1.0rem;
	}
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .role.big{
	width: 120%;
}
/*フレンドポップアップ指示*/
.contents02 .contents02_01 .frends_wrapper .frends_inner .popup{
	width: 24.0rem;
	height: auto;
	background-color: #fff;
	border: .2rem solid #000;
	text-align: center;
	padding: 3.0rem 2.0rem 3.5rem;
	position: absolute;
	top: -22.5rem;
	right: -25.6rem;
	z-index: 100;
	display: none;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .frends_wrapper .frends_inner .popup{
		padding: 3.1rem 2.3rem 3.0rem;
		top: 11.4rem;
		left: 4.0rem;
		right: initial;
	}
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .popup .popup_inner{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .popup .popup_inner::after{
	content:'';
	display: block;
	width: 5.5rem;
	height: .2rem;
	background-color: #000;
	position: absolute;
	bottom: -3.7rem;
	left:-7.5rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .frends_wrapper .frends_inner .popup .popup_inner::after{
		content:initial;
	}
}
/*popup右の人用*/
.contents02 .contents02_01 .frends_wrapper .frends_inner.frends_right .popup{
	top: -22.5rem;
	right: 19.4rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .frends_wrapper .frends_inner.frends_right .popup{
		top: 11.4rem;
		left: 4.0rem;
		right: initial;
	}
}
/*popupスマホ右の人用*/
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .frends_wrapper .frends_inner:nth-of-type(2n) .popup{
		top: 11.4rem;
		left: initial;
		right: 3.9rem;
	}
}
.contents02 .contents02_01 .frends_wrapper .frends_inner.frends_right .popup .popup_inner::after{
	content:'';
	left: initial;
	right:-7.5rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .frends_wrapper .frends_inner.frends_right .popup .popup_inner::after{
		content:initial;
	}
}

.contents02 .contents02_01 .frends_wrapper .frends_inner .popup .popup_inner .popup-close-btn{
  width: 2.5rem;
  height: 2.5rem;
  z-index: 10;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: absolute;
  top: -2.5rem;
  bottom: auto;
  left: auto;
  right: -1.5rem;
  margin: auto;
}
@media only screen and (max-width: 767px){
  .contents02 .contents02_01 .frends_wrapper .frends_inner .popup .popup_inner .popup-close-btn{
    width: 2.0rem;
    height: 2.0rem;
    top: -2.5rem;
    right: -1.5rem;
  }
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .popup .popup_inner .popup-close-btn .line-bar{
  width: 2.8rem;
  height: .3rem;
  background-color: #707070;
  border-radius: .1rem;
  position: relative;
  margin: 0;
  transform: rotate(135deg);
  display: block;
}
@media only screen and (max-width: 767px){
  .contents02 .contents02_01 .frends_wrapper .frends_inner .popup .popup_inner .popup-close-btn .line-bar{
    width: 2.0rem;
  }
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .popup .popup_inner .popup-close-btn .line-bar::before{
  content: "";
  display: block;
  background-color: #707070;
  border-radius: .1rem;
  position: absolute;
  width: 100%;
  height: .3rem;
  transform: rotate(90deg);
  top: 0;
}



.contents02 .contents02_01 .frends_wrapper .frends_inner .popup .name02{
	font-size: 1.6rem;
	line-height: 1.6rem;
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .popup .name02 span{
	font-size: 1.6rem;
	line-height: 1.6rem;
	margin-top: 1.0rem;
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .popup .role02{
	font-size: 1.4rem;
	line-height: 1.4rem;
	letter-spacing: calc((20 / 1000) * 1em);
	margin-top: 1.0rem;
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .popup .text05{
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: calc((60 / 1000) * 1em);
	margin-top: 3.0rem;
	text-align: left;
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .popup .text05 .space{
	margin-left: -0.9rem;
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .popup a{
	width: 10.1rem;
	height: auto;
	display: block;
	margin: 4.0rem auto 0;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .frends_wrapper .frends_inner .popup a{
		width: 9.8rem;
		margin: 3.5rem auto 0;
	}
}
.contents02 .contents02_01 .frends_wrapper .frends_inner .popup a .insta{
	width: 100%;
	height: auto;
	display: block;
}
/*moreボタン*/
.contents02 .contents02_01 .more{
	width: 7.14rem;
	height: auto;
	margin: 50px auto 0;
	display: block;
}
.contents02 .contents02_01 .more img{
	width: 100%;
	height: auto;
	display: block;
}











/*contents03ここから*/
.contents03{
	width: 100%;
	height: auto;
	border-bottom: .2rem solid #000;
	background-image: url(../img/index/contents03/bg01.webp);
	background-repeat: no-repeat;
	background-size: 110% 110%;
	background-position: top center;
	position: relative;
	z-index: 20;
}
@media only screen and (max-width: 767px){
	.contents03{
		background-image: url(../img/index/contents03/bg01_sp.webp);
		background-size: 100% auto;
		background-position: top center;
		background-repeat: repeat-y;
		border-bottom: 0;
		border-top: .2rem solid #000;
	}
}
.contents03 .bg02{
	width: 100.0rem;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-right: .2rem solid #000;
	border-left: .2rem solid #000;
}
@media only screen and (max-width: 767px){
	.contents03 .bg02{
		width: 25.0rem;
	}
}
.contents03 .contents03_01{
	width: 120.0rem;
	height: auto;
	margin: 0 auto;
	padding: 3.5rem 0 7.0rem;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01{
		width: 100%;
		padding: 2.5rem 0 8.0rem;
	}
}
.contents03 .contents03_01 .title{
	width: 100%;
	height: auto;
}
.contents03 .contents03_01 .title .text_acc{
	font-size: 6.4rem;
	line-height: 6.4rem;
	letter-spacing: calc((20 / 1000) * 1em);
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .title .text_acc{
		font-size: 5.2rem;
		line-height: 4.0rem;
		align-items: center;
		flex-wrap: wrap;
	}
}
.contents03 .contents03_01 .title .text_acc .sp_br{
	width: 100%;
	height: auto;
	display: block;
}
.contents03 .contents03_01 .title .text04{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	line-height: 2.4rem;
	letter-spacing: calc((20 / 1000) * 1em);
	margin-top: .8rem;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .title .text04{
		font-size: 2.0rem;
		line-height: 2.0rem;
		text-align: center;
		margin-top: 2.0rem;
	}
}
.contents03 .contents03_01 .title .text002{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.8rem;
	line-height: 2.8rem;
	letter-spacing: calc((60 / 1000) * 1em);
	margin-top: 5.0rem;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .title .text002{
		font-size: 1.4rem;
		line-height: 2.4rem;
		text-align: center;
		margin-top: 3.0rem;
	}
}
.contents03 .contents03_01 .text05{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	line-height: 2.0rem;
	margin: 2.0rem 0 4.0rem;
	text-align: center;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .text05{
		font-size: 1.4rem;
		line-height: 1.6rem;
		margin-top: 3.0rem;
		margin-bottom: 4.0rem;
		letter-spacing: calc((40 / 1000) * 1em);
	}
}
.contents03 .contents03_01 .contents03_01_01{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 4.0rem 4.7rem;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01{
		width: 32.0rem;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 1.7rem;
		margin: 0 auto;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block01{
	width: calc(50% - 2.5rem);
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block01{
		flex-wrap: wrap;
		gap: 1.5rem;
		width: 100%;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block01 .tate{
	width: 16.0rem;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	gap: 4.0rem;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block01 .tate{
		width: 100%;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: initial;
		gap: 1.5rem;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block01 .block01_01{
	width: auto;
	height: auto;
	position: relative;
	border: .2rem solid #000;
}
.contents03 .contents03_01 .contents03_01_01 .block01 .block01_01.img01{
	width: 16.0rem;
	height: 24.0rem;
	background-image: url(../img/index/trip/trip01_01.webp);
	background-repeat: no-repeat;
	background-size: 103% auto;
	background-position: center;
	transition: all .6s;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block01 .block01_01.img01{
		width: 15.0rem;
		height: 22.5rem;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block01 .block01_01.img01:nth-of-type(2){
	background-image: url(../img/index/trip/trip02_01.webp);
}
.contents03 .contents03_01 .contents03_01_01 .block01 .block01_01.img01:hover{
	background-size: 120% auto;
	transition: all .6s;
}
.contents03 .contents03_01 .contents03_01_01 .block01 .block01_01.img02{
	width: 36.8rem;
	height: 52.0rem;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block01 .block01_01.img02{
		width: 31.4rem;
		height: 44.4rem;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block01 .block01_01.img02{
	background-image: url(../img/index/trip/trip03_01.webp);
	background-repeat: no-repeat;
	background-size: 103% auto;
	background-position: center;
	transition: all .6s;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block01 .block01_01.img02{
		width: 100%;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block01 .block01_01.img02:hover{
	background-size: 120% auto;
	transition: all .6s;
}

/*block02*/
.contents03 .contents03_01 .contents03_01_01 .block02{
	width: calc(50% - 2.5rem);
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block02{
		width: 100%;
		gap: 1.5rem;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 4.0rem 4.7rem;
} 
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01{
		width: 100%;
		gap: 1.5rem 0;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01 .block02_01_01{
	width: 16.0rem;
	height: 24.0rem;
	position: relative;
	border: .2rem solid #000;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01 .block02_01_01{
		width: 15.0rem;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01 .block02_01_01.img01{
	width: 16.0rem;
	height: 24.0rem;
	background-image: url(../img/index/trip/trip04_01.webp);
	background-repeat: no-repeat;
	background-size: 103% auto;
	background-position: center;
	transition: all .6s;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01 .block02_01_01.img01{
		width: 15.0rem;
		height: 22.5rem;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01 .block02_01_01.img01:nth-of-type(2){
	background-image: url(../img/index/trip/trip05_01.webp);
}
.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01 .block02_01_01.img01:nth-of-type(3){
	background-image: url(../img/index/trip/trip06_01.webp);
}
.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01 .block02_01_01.img01:nth-of-type(4){
	background-image: url(../img/index/trip/trip07_01.webp);
}
.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01 .block02_01_01.img01:nth-of-type(5){
	background-image: url(../img/index/trip/trip07_01.webp);
}
.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01 .block02_01_01.img01:nth-of-type(6){
	background-image: url(../img/index/trip/trip08_01.webp);
}
.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01 .block02_01_01.img01:nth-of-type(7){
	background-image: url(../img/index/trip/trip09_01.webp);
}
.contents03 .contents03_01 .contents03_01_01 .block02 .block02_01 .block02_01_01.img01:hover{
	background-size: 120% auto;
	transition: all .6s;
}

/*block03*/
.contents03 .contents03_01 .contents03_01_01 .block03{
	width: calc(50% - 2.5rem);
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block03{
		width: 100%;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block03 .block03_01{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 4.0rem 4.7rem;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block03 .block03_01{
		width: 100%;
		flex-wrap: wrap;
		gap: 1.5rem;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block03 .block03_01 .block03_01_01{
	width: auto;
	height: auto;
	position: relative;
	border: .2rem solid #000;
}
.contents03 .contents03_01 .contents03_01_01 .block03 .block03_01 .block03_01_01.img01{
	width: 36.8rem;
	height: 24.0rem;
	background-image: url(../img/index/trip/trip010_01.webp);
	background-repeat: no-repeat;
	background-size: 101% auto;
	background-position: center;
	transition: all .6s;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block03 .block03_01 .block03_01_01.img01{
		width: 100%;
		height: 22.5rem;
		background-image: url(../img/index/trip/trip010_01_sp.webp);
		background-size: 101% auto;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block03 .block03_01 .block03_01_01.img01:hover{
	background-size: 120% auto;
	transition: all .6s;
}

.contents03 .contents03_01 .contents03_01_01 .block03 .block03_01 .block03_01_01.img02{
	width: 16.0rem;
	height: 24.0rem;
	background-image: url(../img/index/trip/trip011_01.webp);
	background-repeat: no-repeat;
	background-size: 103% auto;
	background-position: center;
	transition: all .6s;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block03 .block03_01 .block03_01_01.img02{
		width: 15.0rem;
		height: 22.5rem;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block03 .block03_01 .block03_01_01.img02:nth-of-type(3){
	background-image: url(../img/index/trip/trip012_01.webp);
}
.contents03 .contents03_01 .contents03_01_01 .block03 .block03_01 .block03_01_01.img02:nth-of-type(4){
	background-image: url(../img/index/trip/trip013_01.webp);
}
.contents03 .contents03_01 .contents03_01_01 .block03 .block03_01 .block03_01_01.img02:nth-of-type(5){
	background-image: url(../img/index/trip/trip014_01.webp);
}
.contents03 .contents03_01 .contents03_01_01 .block03 .block03_01 .block03_01_01.img02:hover{
	background-size: 120% auto;
	transition: all .6s;
}


/*block04*/
.contents03 .contents03_01 .contents03_01_01 .block04{
	width: calc(50% - 2.5rem);
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block04{
		width: 100%;
		flex-wrap: wrap;
		gap: 1.5rem;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block04 .tate{
	width: 16.0rem;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	gap: 4.0rem;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block04 .tate{
		width: 100%;
		flex-direction: initial;
		gap: 1.5rem;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block04 .block04_01{
	width: auto;
	height: auto;
	position: relative;
	border: .2rem solid #000;
}
.contents03 .contents03_01 .contents03_01_01 .block04 .block04_01.img01{
	width: 36.8rem;
	height: 52.0rem;
	background-image: url(../img/index/trip/trip015_01.webp);
	background-repeat: no-repeat;
	background-size: 103% auto;
	background-position: center;
	transition: all .6s;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block04 .block04_01.img01{
		width: 100%;
		height: 44.4rem;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block04 .block04_01.img01:hover{
	background-size: 120% auto;
	transition: all .6s;
}
.contents03 .contents03_01 .contents03_01_01 .block04 .block04_01.img02{
	width: 16.0rem;
	height: 24.0rem;
	background-image: url(../img/index/trip/trip016_01.webp);
	background-repeat: no-repeat;
	background-size: 103% auto;
	background-position: center;
	transition: all .6s;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .block04 .block04_01.img02{
		width: 15.0rem;
		height: 22.5rem;;
	}
}
.contents03 .contents03_01 .contents03_01_01 .block04 .block04_01.img02:nth-of-type(2){
	background-image: url(../img/index/trip/trip017_01.webp);
}
.contents03 .contents03_01 .contents03_01_01 .block04 .block04_01.img02:hover{
	background-size: 120% auto;
	transition: all .6s;
}
.contents03 .contents03_01 .contents03_01_01 .text{
	width: 102%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	position: absolute;
	top: -.2rem;
	left: -.2rem;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .text{
		width: 106%;
	}
}
.contents03 .contents03_01 .contents03_01_01 .text.text_01{
	width: 106%;
}
.contents03 .contents03_01 .contents03_01_01 .text.text_00{
	width: 105%;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .text.text_00{
		width: 107%;
	}
}
.contents03 .contents03_01 .contents03_01_01 .text.text_02{
	width: 114%;
}
.contents03 .contents03_01 .contents03_01_01 .text.text_03{
	width: 135%;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .text.text_03{
		width: 100%;
	}
}
.contents03 .contents03_01 .contents03_01_01 .text.text_04{
	width: 114%;
}
.contents03 .contents03_01 .contents03_01_01 .text .text06{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: .5rem .4rem;
	letter-spacing: calc((60 / 1000) * 1em);
	/*	background-color: #FFFF00;*/
	background-color: #000000;
	border: .2rem solid #000000;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .text .text06{
		padding: .5rem .3rem;
		letter-spacing: 0;
	}
}
.contents03 .contents03_01 .contents03_01_01 .text .text07{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: .5rem .4rem;
	letter-spacing: calc((60 / 1000) * 1em);
	/*	background-color: #FFFF00;*/
	background-color: #000000;
	border: .2rem solid #000000;
	margin-top: -.2rem;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .text .text07{
		margin-top: -.1rem;
		letter-spacing: 0;
	}
}
.contents03 .contents03_01 .contents03_01_01 .text .text006_01{
	font-size: 1.0rem;
	line-height: 1.0rem;
	letter-spacing: 0;
}
.contents03 .contents03_01 .contents03_01_01 .text .text07 .space{
	margin-left: -0.9rem;
}
.contents03 .contents03_01 .contents03_01_01 .text .text09{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: .5rem .4rem;
	letter-spacing: calc((60 / 1000) * 1em);
	/*	background-color: #FFFF00;*/
	background-color: #000000;
	border: .2rem solid #000000;
	margin-top: -.2rem;
	position: relative;
	z-index: 10;
}
.contents03 .contents03_01 .contents03_01_01 .text .text08{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: .5rem .4rem;
	background-color: #000000;
	border: .2rem solid #000000;
	margin-top: -.2rem;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .text .text08{
		font-size: 1.2rem;
		line-height: 1.2rem;
		letter-spacing: calc((0 / 1000) * 1em);
		margin-top: -.1rem;
	}
}
.contents03 .contents03_01 .contents03_01_01 .text .text08 span{
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin-top: -.2rem;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .text .text08 span{
		letter-spacing: calc((20 / 1000) * 1em);
	}
}
.contents03 .contents03_01 .contents03_01_01 .switch{
	cursor: pointer;
}


/*ポッポアップ部分ここから*/
.item01_02{
  width: 100%;
  min-width: 128.0rem;
  height: auto;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 30;
}
@media only screen and (max-width: 767px){
  .item01_02{
    min-width: 32.0rem;
    z-index: 50;
    height: calc(var(--vh, 1vh) * 100);
    bottom: auto;
  }
}
.item01_02 .item01_02_01{
  width: 100%;
  height: 100%;
  max-height: calc(var(--vh, 1vh) * 100);;
  padding: 5.0rem 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow-y: auto; /* スクロールできるように */
  -webkit-overflow-scrolling: touch; /* iOS対応（慣性スクロール） */
  position: relative;
  z-index: 30;
}
@media only screen and (max-width: 767px){
  .item01_02 .item01_02_01{
    padding: 5.0rem 0;
    overflow-y: auto;
    align-items: flex-start;
  }
}
.item01_02 .item01_02_01 .item01_02_01_01{
  width: 40.0rem;
  height: auto;
  background-color: #fff;
  border: .2rem solid #000;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px){
  .item01_02 .item01_02_01 .item01_02_01_01{
    width: 90%;
  }
}

.slide_wrap {
  position: relative; /* 矢印配置の基準にする */
  width: 100%;
}

.slide_box {
	position: relative;
  width: 100%;
  max-width: 18.0rem;
  margin: 0 auto;
  overflow: hidden;
}

.slide_box .pop_slider {
  display: flex;
  transition: transform 0.4s ease;
  width: max-content;
}

.slide_box .pop_slider li {
  width: 18.0rem;
  flex: 0 0 18.0rem;
  position: relative;
}

.slide_box .pop_slider img {
  width: 100%;
  height: auto;
  display: block;
}
/* ← ドットを画像の中に */
.slide_box .dots {
  position: absolute;
  bottom: 1.0rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  gap: .6rem;
}

.slide_box .dots span {
  width: 1.0rem;
  height: 1.0rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  cursor: pointer;
}

.slide_box .dots span.active {
  background-color: #FFFF00;
  box-shadow: 0 0 .3rem rgba(0,0,0,0.5);
}
/* 矢印はそのまま画面端 */
.slide_wrap .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  padding: 0 .5rem;
  background: rgba(255,255,255,0.7);
  width: 2.7rem;
  height: auto;
}
.slide_wrap .arrow img{
	width: 100%;
	height: auto;
	display: block;
}
.slide_wrap .arrow.left {
	left: 0; 
}
.slide_wrap .arrow.right {
	right: 0; 
}


.slide_wrap02 {
  position: relative; /* 矢印配置の基準にする */
  width: 100%;
}
.slide_box02 {
	position: relative;
  width: 100%;
  max-width: 26.6rem;
  margin: 0 auto;
  overflow: hidden;
}

.slide_box02 .pop_slider02 {
  display: flex;
  transition: transform 0.4s ease;
  width: max-content;
}

.slide_box02 .pop_slider02 li {
  width: 26.6rem;
  flex: 0 0 26.6rem;
  position: relative;
}

.slide_box02 .pop_slider02 img {
  width: 100%;
  height: auto;
  display: block;
}

/* ← ドットを画像の中に */
.slide_box02 .dots {
  position: absolute;
  bottom: 1.0rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  gap: .6rem;
}

.slide_box02 .dots span {
  width: 1.0rem;
  height: 1.0rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  cursor: pointer;
}

.slide_box02 .dots span.active {
  background-color: #FFFF00;
  box-shadow: 0 0 .3rem rgba(0,0,0,0.5);
}

/* 矢印はそのまま画面端 */
.slide_wrap02 .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  padding: 0 .5rem;
  background: rgba(255,255,255,0.7);
  width: 2.7rem;
  height: auto;
}
.slide_wrap02 .arrow img{
	width: 100%;
	height: auto;
	display: block;
}
.slide_wrap02 .arrow.left {
	left: 0; 
}
.slide_wrap02 .arrow.right {
	right: 0; 
}

/* 常に同じレイアウト高さを保ちたいときのベース値 */
.slide_wrap .dots { min-height: 16px; }

/* 1枚のときは見た目だけ消す（スペースは残す） */
.slide_wrap.is-single .arrow { visibility: hidden; }
.slide_wrap.is-single .dots  { visibility: hidden; }

.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner{
	width: 100%;
	height: auto;
	border-top: 2px solid #000;
	padding: 4.0rem 3.5rem;
	margin-top: -.1rem;
	position: relative;
	z-index: 10;
	background-color: #fff;
}
@media only screen and (max-width: 767px){
	.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner{
		width: 100%;
		height: auto;
		border-top: 2px solid #000;
		padding: 3.5rem 2.0rem;
		margin-top: -.1rem;
		position: relative;
		z-index: 10;
		background-color: #fff;
	}
}
.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner.inner01{
	background-color: #005EA4;
	padding-bottom: 50px;
} 
@media only screen and (max-width: 767px){
	.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner.inner01.inner01_01{
		padding: 3.5rem 0 3.5rem 2.0rem;
	} 
}
.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner .name{
	width: auto;
	height: 2.4rem;
	background-color: #fff;
	border: .2rem solid #000000;
	padding: 0 1.0rem;
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: #000;
	display: inline-flex;
  justify-content: center;
  align-items: center;
}
.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner .location{
	width: auto;
	height: 2.4rem;
	background-color: #FFFF00;
	border: .2rem solid #000000;
	padding: 0 1.0rem;
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: #000;
	display: inline-flex;
  justify-content: center;
  align-items: center;
}
.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner .location.location02{
	margin-top: -.2rem;
}
.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner .name span{
	font-size: 1.4rem;
	line-height: 1.4rem;
}

.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner .pop_text01{
	width: 100%;
	height: auto;
	font-size: 2.0rem;
	line-height: 2.8rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 3.5rem;
}
.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner.inner01 .pop_text01{
	color: #fff;
	margin-top: 4.0rem;
}
@media only screen and (max-width: 767px){
	.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner .pop_text01{
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: 1.9rem;
		line-height: 3.5rem;
	}
}
.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner .pop_text02{
	width: 100%;
	height: auto;
	font-size: 1.4rem;
	line-height: 2.4rem;
	display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top:3.0rem;
}
.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner.inner01 .pop_text02{
	color: #fff;
	font-size: 1.8rem;
	line-height: 2.8rem;
}
@media only screen and (max-width: 767px){
	.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner.inner01 .pop_text02{
		line-height: 3.5rem;
	}
}
@media only screen and (max-width: 767px){
	.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner .pop_text02{
	  margin-top: 3.0rem;
	}
	.item01_02.popup02 .item01_02_01 .item01_02_01_01 .pop_inner.inner01.inner01_01 .pop_text02{
		padding-right: 2.0rem;
	}
}
.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner .map{
	width: 10.3rem;
	height: auto;
	display: block;
	margin: 2.4rem auto 0;
}
.item01_02 .item01_02_01 .item01_02_01_01 .pop_inner .map img{
	width: 100%;
	height: auto;
	display: block;
}

.item01_02 .item01_02_01 .item01_02_01_01 .popup-close-btn{
  width: 2.8rem;
  height: 2.8rem;
  z-index: 10;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: absolute;
  top: 0.6rem;
  bottom: auto;
  left: auto;
  right: 0.6rem;
  margin: auto;
}
@media only screen and (max-width: 767px){
  .item01_02 .item01_02_01 .item01_02_01_01 .popup-close-btn{
    width: 2.0rem;
    height: 2.0rem;
    top: 1.0rem;
    right: 1.0rem;
  }
}
.item01_02 .item01_02_01 .item01_02_01_01 .popup-close-btn .line-bar{
  width: 2.8rem;
  height: .3rem;
  background-color: #707070;
  border-radius: .1rem;
  position: relative;
  margin: 0;
  transform: rotate(135deg);
  display: block;
}
@media only screen and (max-width: 767px){
  .item01_02 .item01_02_01 .item01_02_01_01 .popup-close-btn .line-bar{
    width: 2.0rem;
  }
}
.item01_02 .item01_02_01 .item01_02_01_01 .popup-close-btn .line-bar::before{
  content: "";
  display: block;
  background-color: #707070;
  border-radius: .1rem;
  position: absolute;
  width: 100%;
  height: .3rem;
  transform: rotate(90deg);
  top: 0;
}


/*contents04ここから*/
.contents04{
	width: 100%;
	height: auto;
	border-top: .2rem solid #000;
	margin-top: -.2rem;
	background-color: #1DC6D3;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
@media only screen and (max-width: 767px){
	.contents04{
		border-top: .2rem solid #000;
		margin-top: 0;
	}
}
.contents04 .contents04_01{
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 4.0rem 0 9.5rem;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01{
		width: auto;
		height: auto;
		margin: 0 auto;
		padding: 4.0rem 0 3.0rem;
	}
}
.contents04 .contents04_01 .title{
	width: 100%;
	height: auto;
}
.contents04 .contents04_01 .title .text_acc{
	font-size: 6.4rem;
	line-height: 6.4rem;
	letter-spacing: calc((20 / 1000) * 1em);
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .title .text_acc{
		font-size: 5.2rem;
		line-height: 4.0rem;
		/*justify-content: center;*/
		align-items: center;
		flex-wrap: wrap;
	}
}
/*.contents04 .contents04_01 .title .text_acc.shrink {
  width: 34.2rem;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .title .text_acc.shrink {
		opacity: 1;
		width: 30.0rem;
		margin: 0 auto;
	}
}*/
.contents04 .contents04_01 .title .text04{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	line-height: 2.4rem;
	letter-spacing: calc((20 / 1000) * 1em);
	margin-top: .8rem;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .title .text04{
		font-size: 2.0rem;
		line-height: 2.0rem;
		text-align: center;
		margin-top: 2.0rem;
	}
}
.contents04 .contents04_01 .title .text002{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.8rem;
	line-height: 2.8rem;
	letter-spacing: calc((60 / 1000) * 1em);
	margin-top: 5.0rem;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .title .text002{
		font-size: 1.4rem;
		line-height: 2.4rem;
		text-align: center;
		margin-top: 4.0rem;
	}
}
.contents04 .contents04_01 .contents04_01_01{
	width: 115.9rem;
	height: 59.9rem;
	margin: 2.0rem auto 0;
	position: relative;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .contents04_01_01{
		width: 32.5rem;
		height: 68.9rem;
		margin: 2.5rem auto 0;
		position: relative;
	}
}

.contents04 .contents04_01 .contents04_01_01 .sample{
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .contents04_01_01 .sample{
		width: 100%;
		height: auto;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.5;
	}
}

/*goods共通*/
.goods{
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	z-index: 0;
	transition: z-index 0s .21s;
}
.goods.active{
	z-index: 100;
	transition: z-index 0s 0s;
}
.goods .goods_inner{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	cursor: pointer;
}
.goods .goods_inner img{
	width: 100%;
	height: auto;
	display: block;
}
.goods .goods_inner .text{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	position: absolute;
}
.goods .goods_inner .text .text08{
	width: auto;
	height: 2.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	line-height: 1.2rem;
	/*	background-color: #FFFF00;*/
	background-color: #000000;
	padding: .2rem .7rem .2rem;
	border: .2rem solid #000;
}
@media only screen and (max-width: 767px){
	.goods .goods_inner .text .text08{
		width: auto;
		height: 2.4rem;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.2rem;
		line-height: 1.2rem;
		/*	background-color: #FFFF00;*/
		background-color: #000000;
		padding: .2rem .4rem;
		border: .2rem solid #000;
	}
}
.goods .goods_inner .text .text09{
	width: auto;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1.4rem;
	letter-spacing: calc((100 / 1000) * 1em);
	/*	background-color: #FFFF00;*/
	background-color: #000000;
	padding: .3rem .8rem .3rem;
	border: .2rem solid #000;
	margin-top: -.2rem;
}
@media only screen and (max-width: 767px){
	.goods .goods_inner .text .text09{
		font-size: 1.2rem;
		line-height: 1.2rem;
		padding: .3rem .8rem .3rem;
	}
}
/*goods共通*/

/*goodsポップアップ装飾*/
.goods .goods_inner .popup03{
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 50%;
	z-index: 100;
	display: none;
}
.goods .goods_inner .popup03 .popup_inner{
	width: 22.0rem;
	height: 26.0rem;
	background-color: #fff;
	border: .2rem solid #000;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	padding-top: 3.0rem;
	padding: 3.0rem 1.5rem 0;
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.goods .goods_inner .popup03 .popup_inner{
		transform: initial;
	}
}
.goods .goods_inner .popup03 .popup_inner .inner_box{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.goods .goods_inner .popup03 .popup_inner .inner_box .popup-close-btn02{
  width: 2.8rem;
  height: 2.8rem;
  z-index: 10;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: absolute;
  top: -2.4rem;
	bottom: auto;
	left: auto;
	right: -0.4rem;
	margin: auto;
}
@media only screen and (max-width: 767px){
  .goods .goods_inner .popup03 .popup_inner .inner_box .popup-close-btn02{
    width: 2.0rem;
		height: 2.0rem;
		top: -2.1rem;
		right: -.5rem;
  }
}

.goods .goods_inner .popup03 .popup_inner02 .inner_box .popup-close-btn02{
  width: 2.8rem;
  height: 2.8rem;
  z-index: 10;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: absolute;
  top: -0.5rem;
	bottom: auto;
	left: auto;
	right: -0.3rem;
	margin: auto;
}
@media only screen and (max-width: 767px){
  .goods .goods_inner .popup03 .popup_inner02 .inner_box .popup-close-btn02{
    width: 2.0rem;
		height: 2.0rem;
		top: -.3rem;
		right: -.5rem;
  }
}



.goods .goods_inner .popup03 .popup_inner .inner_box .popup-close-btn02 .line-bar{
  width: 2.8rem;
  height: .3rem;
  background-color: #707070;
  border-radius: .1rem;
  position: relative;
  margin: 0;
  transform: rotate(135deg);
  display: block;
}
@media only screen and (max-width: 767px){
  .goods .goods_inner .popup03 .popup_inner .inner_box .popup-close-btn02 .line-bar{
    width: 2.0rem;
  }
}
.goods .goods_inner .popup03 .popup_inner .inner_box .popup-close-btn02 .line-bar::before{
  content: "";
  display: block;
  background-color: #707070;
  border-radius: .1rem;
  position: absolute;
  width: 100%;
  height: .3rem;
  transform: rotate(90deg);
  top: 0;
}
.goods .goods_inner .popup03 .popup_inner.popup_inner02{
	padding-top: 1.0rem;
}
.goods .goods_inner .popup03 .popup_inner .p_text01{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	line-height: 1.6rem;
	margin-bottom: 1.5rem;
	text-align: center;
}
.goods .goods_inner .popup03 .popup_inner .p_text02{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 1.4rem;
	line-height: 2.0rem;
}
.goods .goods_inner .popup03 .popup_inner .p_text02 span{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	line-height: 2.0rem;
	margin-top: .5rem;
	margin-bottom: 1.5rem;
}
.goods .goods_inner .popup03 .popup_inner .p_text03{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 1.35rem;
	line-height: 1.8rem;
	letter-spacing: calc((60 / 1000) * 1em);
}


/*PCグッズレイアウト*/
/*goods01*/
.goods.goods01{
	width: 15.45rem;
	top: 0;
	left: 0;
}
@media only screen and (max-width: 767px){
	.goods.goods01{
		width: 8.00rem;
    top: -0.2rem;
    left: 1.8rem;
	}
	.contents04 .contents04_01 .contents04_01_01 .goods.goods01 .goods_inner .popup03{
		top: 0;
		bottom: 0;
		margin: auto;
		left: 2.0rem;
	}
	.contents04 .contents04_01 .contents04_01_01 .goods.goods02 .goods_inner .popup03{
		top: 15.0rem;
		bottom: 0;
		margin: auto;
		left: -6.0rem;
	}
	.contents04 .contents04_01 .contents04_01_01 .goods.goods03 .goods_inner .popup03{
		top: 0;
		bottom: 0;
		margin: auto;
		left: 7.0rem;
	}
	.contents04 .contents04_01 .contents04_01_01 .goods.goods04 .goods_inner .popup03{
		top: 0;
		bottom: 0;
		margin: auto;
		left: -10.0rem;
	}
	.contents04 .contents04_01 .contents04_01_01 .goods.goods05 .goods_inner .popup03{
		top: 0;
		bottom: 0;
		margin: auto;
		left: 5.0rem;
	}
	.contents04 .contents04_01 .contents04_01_01 .goods.goods06 .goods_inner .popup03{
		top: 0;
		bottom: 0;
		margin: auto;
		left: 5.0rem;
	}
	.contents04 .contents04_01 .contents04_01_01 .goods.goods07 .goods_inner .popup03{
		top: -21.5rem;
		bottom: 0;
		margin: auto;
		left: -2.0rem;
	}
	.contents04 .contents04_01 .contents04_01_01 .goods.goods08 .goods_inner .popup03{
		top: 0;
		bottom: 0;
		margin: auto;
		left: -19.0rem;
	}
	.contents04 .contents04_01 .contents04_01_01 .goods.goods09 .goods_inner .popup03{
		top: 15.0rem;
		bottom: 0;
		margin: auto;
		left: -4.0rem;
	}
}
.goods.goods01 .goods_inner .text{
	bottom: 28.5rem;
	left: 1.1rem;
}
@media only screen and (max-width: 767px){
	.goods.goods01 .goods_inner .text{
		width: 8.8rem;
		bottom: 15.6rem;
		left: 0;
	}
}

/*goods02*/
.goods.goods02{
	width: 15.66rem;
	top: 4.6rem;
	left: 17.0rem;
}
@media only screen and (max-width: 767px){
	.goods.goods02{
		width: 7.78rem;
		top: 1.7rem;
		right: 13.4rem;
		left: initial;
	}
}
.goods.goods02 .goods_inner .text{
	bottom: -0.4rem;
	left: 2.7rem;
}
@media only screen and (max-width: 767px){
	.goods.goods02 .goods_inner .text{
		width: 11.2rem;
		bottom: -0.8rem;
		left: -.8rem;
	}
}

/*goods03*/
.goods.goods03{
	width: 33.2rem;
	bottom: -0.8rem;
	left: .3rem;
}
@media only screen and (max-width: 767px){
	.goods.goods03{
		width: 21.0rem;
		top: 18.7rem;
		left: -.5rem;
		right: initial;
		bottom: initial;
	}
}
.goods.goods03 .goods_inner .text{
	bottom: 4.2rem;
  left: .6rem;
}
@media only screen and (max-width: 767px){
	.goods.goods03 .goods_inner .text{
		width: 5.2rem;
		bottom: 2.3rem;
		left: 1.6rem;
	}
}

/*goods04*/
.goods.goods04{
	width: 21.72rem;
	bottom: -0.7rem;
	right: 61.4rem;
}
@media only screen and (max-width: 767px){
	.goods.goods04{
		width: 12.9rem;
		top: 1.5rem;
		right: .4rem;
		bottom: initial;
	}
}
.goods.goods04 .goods_inner .text{
	bottom: 2.4rem;
	left: 16.4rem;
}
@media only screen and (max-width: 767px){
	.goods.goods04 .goods_inner .text{
		width: 10.2rem;
		bottom: 31rem;
		left: 1.3rem;
	}
}

/*goods05*/
.goods.goods05{
	width: 21.49rem;
	top: 4.8rem;
	right: 39.1rem;
}
@media only screen and (max-width: 767px){
	.goods.goods05{
		width: 11.2rem;
		bottom: 23.1rem;
		top: initial;
		left: 1.0rem;
	}
}
.goods.goods05 .goods_inner .text{
	bottom: 1.9rem;
	left: 11.3rem;
}
@media only screen and (max-width: 767px){
	.goods.goods05 .goods_inner .text{
		width: 12.6rem;
		bottom: 0.4rem;
		left: 1.7rem;
	}
}

/*goods06*/
.goods.goods06{
	width: 15.2rem;
	top: 27.5rem;
	left: 54.0rem;
}
@media only screen and (max-width: 767px){
	.goods.goods06{
		width: 9.23rem;
		bottom: 6.0rem;
		top: initial;
		left: 0.9rem;
	}
}
.goods.goods06 .goods_inner .text{
	bottom: 23.1rem;
	left: 11.9rem;
}
@media only screen and (max-width: 767px){
	.goods.goods06 .goods_inner .text{
		width: 8.3rem;
		bottom: -0.9rem;
		left: 1.2rem;
	}
}

/*goods07*/
.goods.goods07{
	width: 30.5rem;
	bottom: 0.9rem;
	left: 70.2rem;
}
@media only screen and (max-width: 767px){
	.goods.goods07{
		width: 13.7rem;
		bottom: 7.2rem;
		left: 10.6rem;
	}
}
.goods.goods07 .goods_inner .text{
	bottom: 1.3rem;
	left: 19.0rem;
}
@media only screen and (max-width: 767px){
	.goods.goods07 .goods_inner .text{
		width: 8.9rem;
		bottom: 12.1rem;
		left: 6.0rem;
	}
}

/*goods08*/
.goods.goods08{
	width: 14.6rem;
  bottom: -1.2rem;
  right: 11px;
}
@media only screen and (max-width: 767px){
	.goods.goods08{
		width: 7.0rem;
		bottom: 6.3rem;
		left: initial;
		right: 0.9rem;
	}
}
.goods.goods08 .goods_inner .text{
	bottom: 29.8rem;
	  left: 3.1rem;
}
@media only screen and (max-width: 767px){
	.goods.goods08 .goods_inner .text{
		width: 13.3rem;
		bottom: -1.3rem;
		left: -3.9rem;
	}
}

/*goods09*/
.goods.goods09{
	width: 38.1rem;
	top: 5.6rem;
	right: .6rem;
}
@media only screen and (max-width: 767px){
	.goods.goods09{
		width: 19.3rem;
		top: 35.8rem;
		right: 0rem;
	}
}
.goods.goods09 .goods_inner .text{
	bottom: 21.4rem;
  left: 17.7rem;
  width: 23.0rem;
}
@media only screen and (max-width: 767px){
	.goods.goods09 .goods_inner .text{
		width: 22.2rem;
		bottom: 11.0rem;
		left: -1rem;
	}
}


/*------------------------------------------------
contents05ここから
------------------------------------------------*/
.contents05{
	width: 100%;
	height: auto;
	border-top: .2rem solid #000;
	margin-top: -.2rem;
	background-image: url(../img/index/contents05/bg01.webp);
	background-repeat: repeat-y;
	background-size: 140% auto;
	background-position: top center;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width: 767px){
	.contents05{
		background-image: url(../img/index/contents05/bg01_sp.webp);
		background-repeat: repeat-y;
		background-size: 100% auto;
	}
}
.contents05 .contents05_01{
	width: 80.0rem;
	height: auto;
	margin: 0 auto;
	padding: 3.0rem 0 5.5rem 0;
	background-color: #fff;
	border-left: .2rem solid #000;
	border-right: .2rem solid #000;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01{
		width: 25.0rem;
		padding: 2.5rem 0 7.5rem;
	}
}
.contents05 .contents05_01 .title{
	width: 100%;
	height: auto;
}
.contents05 .contents05_01 .title .text_acc{
	font-size: 6.4rem;
	line-height: 6.4rem;
	letter-spacing: calc((20 / 1000) * 1em);
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .title .text_acc{
		font-size: 5.2rem;
		line-height: 4.0rem;
		align-items: center;
		flex-wrap: wrap;
	}
}
/*.contents05 .contents05_01 .title .text_acc.shrink {
  width: 39.0rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .title .text_acc.shrink {

	  width: 20.9rem;
	}
}*/
.contents05 .contents05_01 .title .text_acc .sp_br{
	width: 100%;
	height: auto;
	display: block;
}
.contents05 .contents05_01 .title .text04{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	line-height: 2.4rem;
	letter-spacing: calc((20 / 1000) * 1em);
	margin-top: .8rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .title .text04{
		font-size: 2.0rem;
		line-height: 2.0rem;
		text-align: center;
		margin-top: 2.0rem;
	}
}
.contents05 .contents05_01 .title .text002{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.8rem;
	line-height: 2.8rem;
	letter-spacing: calc((60 / 1000) * 1em);
	margin-top: 5.0rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .title .text002{
		font-size: 1.4rem;
		line-height: 2.4rem;
		text-align: center;
		margin-top: 3.4rem;
	}
}
.contents05 .contents05_01 .stay{
	width: auto;
	height: auto;
	margin: 5.4rem auto 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	gap: 6.5rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .stay{
		width: 100%;
		margin: 5.0rem 0 0;
		/*padding-left: 3.5rem;*/
		gap: 5.0rem;
	}
}
.contents05 .contents05_01 .stay .stay_inner{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding-left: 8.0rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .stay .stay_inner{
		display: block;
		padding-left: 3.3rem;
	}
}
.contents05 .contents05_01 .stay .stay_inner img{
	width: 25.0rem;
	height: auto;
	display: block;
	flex-shrink: 0;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .stay .stay_inner img{
		width: 18.0rem;
		margin-bottom: 1.7rem;
	}
}
.contents05 .contents05_01 .stay .stay_inner .hotel{
	width: auto;
	height: auto;
	display: block;
	margin-left: 4.5rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .stay .stay_inner .hotel{
		width: 100%;
		margin-left: 0;
	}
}
.contents05 .contents05_01 .stay .stay_inner .hotel .title03{
	width: auto;
	height: auto;
	background-color: #000000;
	border: .2rem solid #000;
	padding: .1rem 1.5rem .3rem;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.6rem;
	line-height: 2.0rem;
	letter-spacing: calc((20 / 1000) * 1em);
	margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .stay .stay_inner .hotel .title03{
		width: auto;
		height: auto;
		background-color: initial;
		border: 0;
		padding: 0;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 1.4rem;
	}
	.contents05 .contents05_01 .stay .stay_inner .hotel .title03 span{
		width: auto;
		height: auto;
		background-color: #000;
		border: .2rem solid #000;
		padding: .2rem 1.5rem;
		display: inline-flex;
		justify-content: flex-start;
		align-items: center;
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: calc((20 / 1000) * 1em);
	}
	@media only screen and (max-width: 767px){
		.contents05 .contents05_01 .stay .stay_inner .hotel .title03 span{
			height: 2.2rem;
			padding: .2rem 0.5rem;
			margin-top: -.2rem;
		}
	}
	.contents05 .contents05_01 .stay .stay_inner .hotel .title03 .span02{
		margin-top: -.2rem;
	}

}
.contents05 .contents05_01 .stay .stay_inner .hotel .text010{
	width: auto;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 1.8rem;
	line-height: 2.8rem;
	letter-spacing: calc((60 / 1000) * 1em);
	margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .stay .stay_inner .hotel .text010{
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin-bottom: 1.0rem;
		/*letter-spacing: calc((30 / 1000) * 1em);*/
	}
}
.contents05 .contents05_01 .stay .stay_inner .hotel .text_box{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.contents05 .contents05_01 .stay .stay_inner .hotel .text011{
	width: auto;
	height: 2.4rem;
	background-color: #000000;
	border: .2rem solid #000;
	padding: 0 1.5rem 0;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.2rem;
	line-height: 2.4rem;
	letter-spacing: calc((20 / 1000) * 1em);
	margin-bottom: -.2rem;
}

@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .stay .stay_inner .hotel .text011{
		letter-spacing: calc((20 / 1000) * 1em);
		height: 2.2rem;
		padding: 0 0.5rem 0;
	}
}
.contents05 .contents05_01 .stay .stay_inner .hotel .text011_01{
	font-size: 1.2rem;
	line-height: 2.0rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .stay .stay_inner .hotel .text011_01{
		font-size: 1.2rem;
		line-height: 2.0rem;
	}
}
.contents05 .contents05_01 .stay .stay_inner .hotel .text011_01 span{
	font-size: 1.4rem;
	line-height: 2.4rem;
	margin-top: -.2rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .stay .stay_inner .hotel .text011_01 span{
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
}
.contents05 .contents05_01 .stay .stay_inner .hotel .add{
	width: auto;
	height: auto;
	font-size: 1.4rem;
	line-height: 1.8rem;
	margin-top: 1.0rem;
}
.contents05 .contents05_01 .stay .stay_inner .hotel .add a{
	text-decoration: underline;
}
.contents05 .contents05_01 .thanks{
	width: 54.0rem;
	height: auto;
	margin: 8.0rem auto 0;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .thanks{
		width: 19.0rem;
		margin: 9.0rem auto 0;
	}
}
.contents05 .contents05_01 .thanks h3{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 1.6rem;
	line-height: 2.4rem;
	padding-bottom: 1.0rem;
	border-bottom: .2rem solid #000;
	margin-bottom: 2.0rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .thanks h3{
		width: 18.0rem;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		margin-bottom: 2.5rem;
	}
}
.contents05 .contents05_01 .thanks .thanks_inner{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	gap: 3.0rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .thanks .thanks_inner{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		gap: 1.8rem;
	}
}
.contents05 .contents05_01 .thanks .thanks_inner img{
	width: 10.0rem;
	height: 10.0rem;
	display: block;
	flex-shrink: 0;
}
.contents05 .contents05_01 .thanks .thanks_inner .text_bo02{
	width: auto;
	height: auto;
	display: block;
}
.contents05 .contents05_01 .thanks .thanks_inner .text_box02 h4{
	font-size: 1.6rem;
	line-height: 2.8rem;
}
@media only screen and (max-width: 767px){
	.contents05 .contents05_01 .thanks .thanks_inner .text_box02 h4{
		font-size: 1.4rem;
		line-height: 2.8rem;
	}
	.contents05 .contents05_01 .thanks .thanks_inner .text_box02 h4 span{
		font-size: 1.6rem;
	}
}
.contents05 .contents05_01 .thanks .thanks_inner .text_box02 p{
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: calc((60 / 1000) * 1em);
	margin-top: 1.5rem;
}

.contents05 .contents05_01 .thanks .thanks_inner .text_box02 .thanks_link{
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: calc((60 / 1000) * 1em);
	margin-top: 1.5rem;
}


/*contents06ここから*/
.contents06{
	width: 100%;
	height: auto;
	border-top: .2rem solid #000;
	border-bottom: .2rem solid #000;
	margin-top: -.2rem;
	display: block;
	position: relative;
	z-index: 10;
	background-image: url(../img/index/contents06/bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
@media only screen and (max-width: 767px){
	.contents06{
		background-image: url(../img/index/contents06/bg_sp.webp);
	}
}
.contents06 .contents06_01{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
@media only screen and (max-width: 767px){
	.contents06 .contents06_01{
		display: block;
	}
}
.contents06 .contents06_01 .contents06_01_01{
	width: 112.0rem;
	height: 60.0rem;
	margin: 0 auto;
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px){
	.contents06 .contents06_01 .contents06_01_01{
		width: 32.0rem;
		height: 70.0rem;
		margin: 0 auto;
	}
}
.contents06 .contents06_01 .contents06_01_01 h2{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	gap: 1.0rem;
	font-size: 6.4rem;
	line-height: 4.0rem;
	letter-spacing: calc((20 / 1000) * 1em);
	color: #DF801E;
}
@media only screen and (max-width: 767px){
	.contents06 .contents06_01 .contents06_01_01 h2{
		gap: 1.0rem;
		font-size: 5.2rem;
		line-height: 4.8rem;
		text-align: center;
		justify-content: center;
	}
}
.contents06 .contents06_01 .contents06_01_01 h2 span{
	font-size: 4.0rem;
	line-height: 4.0rem;
	color: #fff;
}
@media only screen and (max-width: 767px){
	.contents06 .contents06_01 .contents06_01_01 h2 span{
		font-size: 2.4rem;
		line-height: 2.4rem;
	}
}
.contents06 .contents06_01 .contents06_01_01 .title04{
	width: auto;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 2.0rem;
	line-height: 2.8rem;
	color: #fff;
	margin-top: 6.0rem;
}
@media only screen and (max-width: 767px){
	.contents06 .contents06_01 .contents06_01_01 .title04{
		width: auto;
		margin-top: 5.0rem;
		font-size: 1.8rem;
		line-height: 2.8rem;
		text-align: center;
		margin-top: 7.5rem;
	}
}
.contents06 .contents06_01 .contents06_01_01 .text012{
	width: 54.6rem;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: calc((60 / 1000) * 1em);
	color: #fff;
	margin-top: 2.0rem;
}
@media only screen and (max-width: 767px){
	.contents06 .contents06_01 .contents06_01_01 .text012{
		width: 100%;
		margin-top: 3.0rem;
	}
}
.contents06 .contents06_01 .contents06_01_01 a{
	width: 20.6rem;
	height: auto;
	display: block;
	margin: 5.0rem auto 0;
}
.contents06 .contents06_01 .contents06_01_01 a img{
	width: 100%;
	height: auto;
	display: block;
}


footer{
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
}
footer .footer01{
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 1.7rem 0;
	border-bottom: .2rem solid #000;
}
@media only screen and (max-width: 767px){
	footer .footer01{
		padding: 1.2rem 0;

	}
}
footer .footer01 .footer01_01{
	width: 42.0rem;
	height: auto;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width: 767px){
	footer .footer01 .footer01_01{
		width: 27.1rem;
	}
}

footer .footer01 .footer01_01 .h_img02{
	width: 6.3rem;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	footer .footer01 .footer01_01 .h_img02{
		width: 4.11rem;
	}
}
footer .footer01 .footer01_01 .h_img03{
	width: 30.9rem;
	height: auto;
	display: block;
	margin: 0 auto;
}
@media only screen and (max-width: 767px){
	footer .footer01 .footer01_01 .h_img03{
		width: 19.9rem;
		height: auto;
		display: block;
		margin: 0 auto;
	}
}
footer .footer01 .footer01_01 .h_img04{
	width: 5.0rem;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	footer .footer01 .footer01_01 .h_img04{
		width: 3.2rem;
	}
}
footer .footer02{
	width: 100%;
	height: auto;
	padding: 2.0rem 0 2.0rem;
	background-color: #0071A4;
}
@media only screen and (max-width: 767px){
	footer .footer02{
		width: 100%;
		height: auto;
		padding: 2.2rem 0 1.4rem;
		background-color: #0071A4;
	}
}
footer .footer02 .f_text01{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 1.0rem;
	font-size: 4.4rem;
	line-height: 4.4rem;
	color: #FFFF00;
	text-align: center;
}
@media only screen and (max-width: 767px){
	footer .footer02 .f_text01{
		width: 28.5rem;
		gap: 1.0rem;
		font-size: 2.4rem;
		line-height: 2.9rem;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 0 auto;
	}
	footer .footer02 .f_text01 span{
		margin-top: -1.2rem;
	}
}
footer .footer02 .f_logo{
	width: 17.85rem;
	height: auto;
	display: block;
	margin: 3.0rem auto 0;
	display: block;
}
@media only screen and (max-width: 767px){
	footer .footer02 .f_logo{
		width: 13.0rem;
		margin: 2.0rem auto 0;
		display: block;
	}
}
footer .footer02 .sns{
	width: 13.3rem;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1.5rem auto 0;
}
footer .footer02 .sns a{
	width: 3.3rem;
	height: auto;
	display: block;
}
footer .footer02 .sns a:nth-of-type(2){
	width: 3.2rem
}
footer .footer02 .sns a:nth-of-type(3){
	width: 3.5rem
}
footer .footer02 .sns a:nth-of-type(4){
	width: 2.5rem
}
footer .footer02 .sns a img{
	width: 100%;
	height: auto;
	display: block;
}

footer .footer02 .copy{
	width: 100%;
	height: auto;
	padding: 0 4.0rem;
	margin-top: 3.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 767px){
	footer .footer02 .copy{
		padding: 0 1.7rem;
		margin-top: 1.5rem;
	}
}
footer .footer02 .copy .f_text02{
	font-size: 1.4rem;
	line-height: 2.0rem;
	letter-spacing: calc((20 / 1000) * 1em);
	color: #FFFF00;
}
@media only screen and (max-width: 767px){
	footer .footer02 .copy .f_text02{
		font-size: 1.0rem;
		line-height: 1.2rem;
	}
}
.slide-image2 {
  opacity: 0;
  transform: translateY(20px); /* 下にオフセットしておく */
}