#userTaikenImageHd {
  font-size: clamp(24px, 36px, 3vw);
  margin-bottom: 2em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 0.5em;
}

.taiken-unit {
  padding-left: 0;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.taiken-unit .i-screen-img img {
  width: 200px;
  max-width: 40vw;
}
.taiken-unit .i-badge-wrap {
  text-align: left;
  position: relative;
  z-index: 1;
  margin-bottom: 1em;
}
.taiken-unit .i-badge-wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  height: 2px;
  width: 100%;
  background-color: var(--expo-gray);
  z-index: -1;
}
.taiken-unit .badge {
  font-size: 16px;
  border-radius: 3em;
}
.taiken-unit .badge.is-hidden-true {
  opacity: 0;
}
.taiken-unit .i-body {
  padding-right: 5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
}
.taiken-unit .i-ill {
  width: 100%;
  position: relative;
}
.taiken-unit .i-ill .i-ill-main {
  width: 180px;
}
.taiken-unit .i-ill .i-ill-arrow {
  position: absolute;
  top: 50%;
  left: calc(100% - 0.5em);
}
.taiken-unit .i-text-wrap {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.taiken-unit .i-text {
  padding: 1em;
  font-size: 14px;
  line-height: 1.4;
  background-color: var(--expo-blue);
  margin-bottom: 1em;
  color: #fff;
  border-radius: 1.5em;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.taiken-unit .i-text:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  top: calc(100% - 10px);
  left: calc(50% - 8px);
  position: absolute;
  background-color: var(--expo-blue);
  transform: rotate(45deg);
}

#userTaikenImage .swiper-wrapper {
  align-items: stretch !important;
  height: 100%;
}
#userTaikenImage .swiper-slide {
  height: 100%;
}
#userTaikenImage .swiper-slide:last-child .i-ill-arrow {
  display: none;
}
#userTaikenImage .swiper-slide:last-child .taiken-unit .i-badge-wrap:after {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 6px;
  border-color: #000 #000 transparent transparent;
  right: 3px;
  top: calc(50% - 5px);
  transform: rotate(45deg);
}

/*--------------------------------------------------
sec2
--------------------------------------------------*/
#sec2{
	/*.youtube_wrap{
		max-width: 800px;
		margin: 0 auto;
	}*/
	.youtube_area{
		display: flex;
		justify-content: space-between;
		@media only screen and (max-width: 767px) {
			display: block;
		}
	}
	.box{
		width: 49%;
		@media only screen and (max-width: 767px) {
			width: 100%;
			& + .box{
				margin-top: 20px;
			}
		}
		.vi_text02{
			text-align: center;
			margin: 10px 0 0;
			@media only screen and (max-width: 767px) {
				margin-top: 5px;
				font-size: 1.6rem;
				line-height: 1.6;
			}
		}
	}
}


/*--------------------------------------------------
sec5
--------------------------------------------------*/
#sec5{
	.bg_gray .row{
		max-width: 900px;
		margin: 0 auto 50px;
		@media only screen and (max-width: 767px) {
			display: block;
		}
	}
	.bg_gray .row:last-of-type{
		margin-bottom: 0;
	}
	.col_txt{
		width: calc(100% - 165px);
		@media only screen and (max-width: 767px) {
			width: 100%;
			padding: 0;
		}
	}
	.col_img{
		width: 165px;
		@media only screen and (max-width: 767px) {
			width: 90%;
			text-align: center;
			max-width: 165px;
			margin: 15px auto 0;
		}
		img{
			border-radius: 20px;
			border: 3px solid #000;
		}
	}
}


/*--------------------------------------------------
2025.03霑ｽ蜉�
--------------------------------------------------*/
/*app_list*/
.app_list{
	display: flex;
	justify-content: center;
	margin-top: 20px;
	@media only screen and (max-width: 767px) {
	}
	li{
		margin: 0 20px;
		display: flex;
		align-items: center;
		@media only screen and (max-width: 767px) {
			margin: 0 5px;
		}
		img{
			max-width: 100%;
			height: auto;
		}
		.qr{
			width: 100px;
			@media only screen and (max-width: 767px) {
				display: none;
			}
		}
		.app_btn{
			padding-left: 15px;
			@media only screen and (max-width: 767px) {
				padding-left: 0;
			}
			img{
				width: auto;
				height: 45px;
			}
		}
	}
}

/*row-quest*/
.row-quest{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	@media only screen and (max-width: 767px) {
		padding: 0 10px;
		margin-top: 15px;
	}
	.col{
		width: 30%;
		padding: 0 15px;
		@media only screen and (max-width: 767px) {
			width: 50%;
			padding: 0 10px;
		}
	}
	img{
		width: 100%;
		max-width: 250px;
		height: auto;
		border-radius: 20px;
		border: 3px solid #000;
	}
}

/*app_list*/
.i-screen-img.sp-img{
	border-radius: 30px;
	border: 4px solid #000;
	overflow: hidden;
	img{
		width: 191px;
	}
}


/*--------------------------------------------------
ideas_sec
--------------------------------------------------*/
#ideas_sec{
	@media only screen and (min-width: 890px) {
		.w900{
			max-width: 900px;
			margin-left: auto;
			margin-right: auto;
		}
		
	}
	.row + .row{
		margin-top: 40px;
	}
	div.vi_text02{
		font-size: inherit;
	}
	.sp_scroll_inner{
		@media only screen and (max-width: 767px) {
			margin-right: 0;
		}
	}
	.vi_table01{
		background: #fff;
		width: 100%;
		@media only screen and (max-width: 767px) {
			width: 700px;
		}
	}
	.modal-opener-wrap{
		margin-top: 30px;
		text-align: center;
		button{
			min-width: 340px;
			margin: 0 auto;
			@media only screen and (max-width: 767px) {
				min-width: inherit;
				width: 100%;
				max-width: 340px;
			}
		}
	}
}
.modal-content{
	.img{
		text-align: center;
		max-width: 480px;
		margin: 0 auto;
		img{
			max-width: 100%;
			height: auto;
		}
	}
}