@charset "utf-8";
/*------------------------------------------------------------
	kv
------------------------------------------------------------*/
@media all and (min-width: 897px), print {
	.mainVisual-slider__item {
		position: relative;
		aspect-ratio: 2880 / 1248;
		overflow: hidden;
	}
	.mainVisual-slider-text {
		position: absolute;
		left: 0;
	}
	.mainVisual-slider-text__label {
		font-size: calc(50 / 1440 * 100vw);
		line-height: 1.8;
		font-weight: 700;
		letter-spacing: 0.05em;
		color: #FFF;
		position: relative;
		z-index: 1;
	}
	.mainVisual-slider__item--01 .mainVisual-slider-text{
		top: calc(72 / 1440 * 100vw);
		left: unset;
		right: 0;
		margin:  calc(145 / 1440 * 100vw) calc(63 / 1440 * 100vw) 0 0;
	}
	.mainVisual-slider__item--01 .mainVisual-slider-text__label{
		text-shadow: rgba(0, 0, 0, 0.8) 0 calc(-5 / 1440 * 100vw) calc(84 / 1440 * 100vw);
		margin: 0;
	}
	.mainVisual-slider__item--02 .mainVisual-slider-text {
		margin: calc(-50 / 1440 * 100vw) 0 0 calc(80 / 1440 * 100vw);
		top: calc(72 / 1440 * 100vw);
        left: 0;
        transform: unset;
	}
	.mainVisual-slider__item--02 .mainVisual-slider-text__label {
		text-shadow: rgba(0, 0, 0, 0.8) 0 calc(-5 / 1440 * 100vw) calc(84 / 1440 * 100vw);
		margin: calc(32 / 1440 * 100vw) 0 0 0;
	}
	.mainVisual-slider__item--03 .mainVisual-slider-text{
		top: calc(72 / 1440 * 100vw);
		left: unset;
		right: 0;
		margin:  calc(145 / 1440 * 100vw) calc(63 / 1440 * 100vw) 0 0;
	}
	.mainVisual-slider__item--03 .mainVisual-slider-text__label{
		text-shadow: rgba(0, 0, 0, 0.8) 0 calc(-5 / 1440 * 100vw) calc(84 / 1440 * 100vw);
		margin: 0;
	}
	.mainVisual-slider__item--04 .mainVisual-slider-text {
		margin: calc(-50 / 1440 * 100vw) 0 0 calc(50 / 1440 * 100vw);
		top: calc(72 / 1440 * 100vw);
        left: 0;
        transform: unset;
	}
	.mainVisual-slider__item--04 .mainVisual-slider-text__label {
		text-shadow: rgba(0, 0, 0, 0.8) 0 calc(-5 / 1440 * 100vw) calc(84 / 1440 * 100vw);
		margin: calc(32 / 1440 * 100vw) 0 0 0;
	}
	.mainVisual-slider__item--05 .mainVisual-slider-text {
		margin: calc(0 / 1440 * 100vw) 0 0 calc(50 / 1440 * 100vw);
		top: unset;
        left: 0;
		bottom: calc(90 / 1440 * 100vw);
        transform: unset;
	}
	.mainVisual-slider__item--05 .mainVisual-slider-text__label {
		text-shadow: rgba(0, 0, 0, 0.8) 0 calc(-5 / 1440 * 100vw) calc(84 / 1440 * 100vw);
		margin: calc(32 / 1440 * 100vw) 0 0 0;
	}
  .mainVisual-slider__item--06 .mainVisual-slider-text {
		margin: calc(-20 / 1440 * 100vw) 0 0 calc(0 / 1440 * 100vw);
    top: 50%;
        left: unset;
    right: 0;
        bottom: unset;
    transform: translateY(-50%);
	}

	.mainVisual-slider-text::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		display: block;
	}
	/* .mainVisual-slider__item--01 .mainVisual-slider-text::before {
		top: 0;
		width: calc(396 / 1440 * 100vw);
		height: calc(400 / 1440 * 100vw);
		background: url(../img/top/kv_text_bg_01.png) left top no-repeat;
		background-size: contain;
		margin: calc(123 / 1440 * 100vw) 0 0 0;
	} */
	/* .mainVisual-slider__item--03 .mainVisual-slider-text::before {
		width: calc(209 / 1440 * 100vw);
		height: calc(91 / 1440 * 100vw);
		background: url(../img/top/kv_text_bg_03.png) left top no-repeat;
		background-size: contain;
		margin: calc(86/ 1440 * 100vw) 0 0 calc(186 / 1440 * 100vw);
	} */
	.mainVisual-slider__item .mainVisual-slider__label {
		max-width: unset;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
@media all and (max-width: 896px) {
	.mainVisual-slider__item {
		overflow: hidden;
		position: relative;
		aspect-ratio: 751 / 920;
	}
	.mainVisual-slider-text {
		position: absolute;
		top: 0;
		right: 0;
	}
	.mainVisual-slider-text__label {
		font-size: calc(20 / 375 * 100vw);
		line-height: 1.8;
		font-weight: 700;
		letter-spacing: 0.05em;
		color: #FFF;
		position: relative;
		z-index: 1;
	}
	.mainVisual-slider__item--01 .mainVisual-slider-text {
		margin: calc(34 / 375 * 100vw) calc(19 / 375 * 100vw) 0 0;
	}
	.mainVisual-slider__item--02 .mainVisual-slider-text {
		margin: calc(29 / 375 * 100vw) 0 0 calc(33 / 375 * 100vw);
		top: 0;
		right: unset;
		left: 0;
	}
	.mainVisual-slider__item--03 .mainVisual-slider-text {
		top: unset;
		bottom: 0;
		right: 0;
		margin: 0 calc(8 / 375 * 100vw) calc(34 / 375 * 100vw) 0;
	}
	.mainVisual-slider__item--04 .mainVisual-slider-text {
		margin: calc(25 / 375 * 100vw) 0 0 calc(25 / 375 * 100vw);
		right: unset;
		left: 0;
	}
	.mainVisual-slider__item--05 .mainVisual-slider-text {
		top: unset;
		bottom: 0;
		left: 0;
		margin: 0 0  calc(25 / 375 * 100vw) calc(10 / 375 * 100vw);
	}
	.mainVisual-slider__item--06 .mainVisual-slider-text {
		top: 0;
		bottom: unset;
		left: unset;
    right: 0;
		margin: calc(48 / 375 * 100vw) calc(10 / 375 * 100vw) 0 0 ;
	}

	.mainVisual-slider-text::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		display: block;
	}
	/* .mainVisual-slider__item--01 .mainVisual-slider-text::before {
		top: 0;
		width: calc(396 / 750 * 100vw);
		height: calc(400 / 750 * 100vw);
		background: url(../img/top/kv_text_bg_01.png) left top no-repeat;
		background-size: contain;
		margin: calc(91 / 750 * 100vw) 0 0 calc(-67 / 750 * 100vw);
	} */
	/* .mainVisual-slider__item--03 .mainVisual-slider-text::before {
		width: calc(209 / 750 * 100vw);
		height: calc(91 / 750 * 100vw);
		background: url(../img/top/kv_text_bg_03.png) left top no-repeat;
		background-size: contain;
		margin: calc(60 / 750 * 100vw) 0 0 calc(302 / 750 * 100vw);
	} */
	.mainVisual-slider__item .mainVisual-slider__label {
		max-width: unset;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
/*------------------------------------------------------------
	swiper KV
------------------------------------------------------------*/
@media all and (min-width: 897px),print {
	.swiper {
		overflow: visible;
	}
	.swiper-wrapper {
		overflow: hidden;
	}
	.swiper-bottom {
		position: absolute;
		bottom: 0;
		width: 100%;
		margin-bottom: calc(-51 / var(--font) * 1rem);
	}
	.swiper-bottom .swiper-pagination-bullet {
		width: calc(80 / var(--font) * 1rem);
		height: calc(2 / var(--font) * 1rem);
		opacity: 1;
		border-radius: 0;
	}
	.swiper-bottom .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 calc(5 / var(--font) * 1rem);
	}
}
@media all and (max-width: 896px) {
	.swiper {
		overflow: visible;
	}
	.swiper-wrapper {
		overflow: hidden;
	}
	.swiper-bottom {
		position: absolute;
		bottom: 0;
		width: 100%;
		margin-bottom: calc(-35.5 / var(--font) * 1rem);
	}
	.swiper-bottom .swiper-pagination-bullet {
		width: calc(40 / var(--font) * 1rem);
		height: calc(1 / var(--font) * 1rem);
		opacity: 1;
		border-radius: 0;
	}
	.swiper-bottom .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 calc(2.5 / var(--font) * 1rem);
	}
}


/*------------------------------------------------------------
	experienceLead
------------------------------------------------------------*/
@media all and (min-width: 897px),print {
	.experience-wrap{
		background: url(../img/top/bg_experience_all.jpg) center top no-repeat;
		background-size: cover;
	}
	.experienceLead .content__in {
		padding-bottom: calc(28 / var(--font) * 1rem) !important;
	}
}
@media all and (max-width: 896px){
	.experience-wrap{
		background: url(../img/top/bg_experience_all_sp.jpg) center bottom no-repeat;
		background-size: cover;
	}
	.experienceLead .content__in {
		padding-bottom: calc(28 / var(--font) * 1rem) !important;
	}
}


/*------------------------------------------------------------
	experience
------------------------------------------------------------*/
@media all and (min-width: 897px),print {
	.experienceNav {
	}
	.experienceNav-list {
		display: flex;
		justify-content: center;
		gap: calc(6 / var(--font) * 1rem);
	}
	.experienceNav-list__label {
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(200 / var(--font) * 1rem);
		height: calc(50 / var(--font) * 1rem);
		border-radius: 0;
		background-color: var(--black-color);
		color: #FFF;
		font-size: calc(17 / var(--font) * 1rem);
		font-weight: 500;
		letter-spacing: 0.05em;
		border: 0;
		transition: all .5s ease;
	}
	.experienceNav-list__label.is-active {
		background-color: var(--primary-color);
		pointer-events: none;
		border: 0;
	}
	@media (hover: hover) {
		.experienceNav-list__label:hover {
			background-color: var(--primary-color);
			}
	}
	.experienceNav-list__label.is-select {
	}
	/* .experienceNav-list__label.is-select::before{
		content: '';
		width: 100%;
		height: calc(3 / var(--font) * 1rem);
		background-color: var(--primary-color);
		position: absolute;
		top: calc(-10 / var(--font) * 1rem);
		left: 0;
		display: block;
	} */
}
@media all and (max-width: 896px) {
	.experienceNav {
		margin-top: calc(65 / var(--font) * 1rem)
	}
	.experienceNav-list {
		display: flex;
		justify-content: center;
		gap: calc(3 / var(--font) * 1rem);
	}
	.experienceNav-list__label {
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(80 / var(--font) * 1rem);
		height: calc(65 / var(--font) * 1rem);
		border-radius: 0;
		background-color: var(--black-color);
		color: #FFF;
		font-size: calc(13 / var(--font) * 1rem);
		line-height: calc(30 / 26);
		font-weight: 500;
		letter-spacing: 0.05em;
		border: 0;
	}
	.experienceNav-list__label.is-active {
		background-color: var(--primary-color);
	}
	.experienceNav-list__label.is-select {
	}
	.experienceNav-list__label.is-select::before{
		/* content: '';
		width: 100%;
		height: calc(3 / var(--font) * 1rem);
		background-color: var(--primary-color);
		position: absolute;
		top: calc(-10 / var(--font) * 1rem);
		left: 0;
		display: block; */
	}
}
/*------------------------------------------------------------
	experience
------------------------------------------------------------*/
@media all and (min-width: 897px),print {
	.experience {
	}
	.experience .column__in {
		display: flex;
		flex-wrap: wrap;
		width: calc(1149 / var(--font) * 1rem);
		margin: 0 auto 0;
		column-gap: calc(5 / var(--font) * 1rem);
	}
	#main .content__in.experience__in {
		width: auto;
		padding: calc(98 / var(--font) * 1rem) 0 calc(105 / var(--font) * 1rem);
	}
	.experience .column {
		margin-top: calc(60 / var(--font) * 1rem);
	}
	.experience .column__item {
		width: calc(calc(100% - calc(5 * 2 / var(--font) * 1rem)) / 3);
		opacity: 0;
		visibility: hidden;
		height: 0;
		transition: opacity 0.5s ease-in-out;
		display: none;
	}
	.experience .column__item:nth-child(-n+3) {
		margin-top: 0;
	}
	.experience .column__item.is-show {
		margin-top: 0;
		opacity: 1;
		height: auto;
		visibility: visible;
		display: block;
	}
	.experience .column__item:not(.is-show){
		opacity: 0;
		visibility: hidden;
		height: 0;
	}
	.experience .column__detail {
		margin: calc(16 / var(--font) * 1rem) 0 calc(32 / var(--font) * 1rem);
	}
	.selectArea_tour .column__detail{
		margin: calc(16 / var(--font) * 1rem) 0 0;
	}
	.experience .column__company_name,
	.selectArea_tour .column__company_name {
		font-size: calc(18 / var(--font) * 1rem);
		font-family: var(--font-noto-serif);
		font-weight: 600;
		color: var(--primary-color);
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding: 0 calc(2 / var(--font) * 1rem);
	}
	.experience .column__company_address,
	.selectArea_tour .column__company_address {
		font-size: calc(14 / var(--font) * 1rem);
		font-family: var(--font-noto-serif);
		font-weight: 600;
		color: var(--primary-color);
		margin-bottom: calc(8 / var(--font) * 1rem);
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding: 0 calc(2 / var(--font) * 1rem);
		position: relative;
	}
	.experience .column__text,
	.selectArea_tour .column__text {
		font-size: calc(16 / var(--font) * 1rem);
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding: 0 calc(2 / var(--font) * 1rem);
	}
	.experience .column-img {
		aspect-ratio: 380 / 253;
		overflow: hidden;
	}
	.experience .column-img img,
	.selectArea_tour .column-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: all .5s ease;
	}
	@media (hover: hover) {
		.experience .column__link:hover .column-img img {
			transform: scale(1.1);
			transform-origin: center;
		}
	}
	.experience-more {
		display: flex;
		justify-content: center;
		margin-top: calc(10 / var(--font) * 1rem);
	}
	.experience-more .experience-more__label {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(340 / var(--font) * 1rem);
		height: calc(70 / var(--font) * 1rem);
		line-height: calc(70 / var(--font) * 1rem);
		font-size: calc(24 / var(--font) * 1rem);
		letter-spacing: 0.05em;
		color: #FFF;
		background-color: var(--primary-color);
		padding-right: 0;
	}
	.experience-more .experience-more__label.is-hide {
		display: none;
	}
	.experience-more .experience-more__label:before,
	.experience-more .experience-more__label:after {
		content: "";
		width: calc(24 / var(--font) * 1rem);
		height: 1px;
		background: #FFF;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		margin: 0 calc(45 / var(--font) * 1rem) 0 0;
	}
	.experience-more .experience-more__label:after {
		transform: translateY(-50%) rotate(-90deg);
	}
	.experience-more .experience-more__label {
		transition: all .5s ease;
	}
	@media (hover: hover) {
		.experience-more .experience-more__label:hover {
					opacity: .5;
			}
	}
}
@media all and (max-width: 896px) {
	.experience .column__in {
		display: flex;
		flex-wrap: wrap;
		margin: calc(0 / var(--font) * 1rem) auto 0;
		column-gap: calc(5 / var(--font) * 1rem);
	}
	#main .content__in.experience__in {
		padding: calc(0 / var(--font) * 1rem) calc(25 / var(--font) * 1rem) calc(60 / var(--font) * 1rem);
	}
	.experience .column__item {
		width: calc(calc(100% - calc(5 * 1 / var(--font) * 1rem)) / 2);
		opacity: 0;
		visibility: hidden;
		height: 0;
		transition: opacity 0.5s ease-in-out;
	}
	.experience .column__item:nth-child(-n+3) {
		margin-top: 0;
	}
	.experience .column__item.is-show {
		margin-top: calc(17 / var(--font) * 1rem);
		opacity: 1;
		height: auto;
		visibility: visible;
	}
	.experience .column__item:not(.is-show){
		display: none;
		opacity: 0;
		visibility: hidden;
		height: 0;
	}
	.experience .column__detail {
		margin: calc(10 / var(--font) * 1rem) 0 0;
		letter-spacing: 0.02em;
	}
	.selectArea_tour .column__detail{
		margin: calc(13 / var(--font) * 1rem) 0 0;
	}
	.experience .column__company_name,
	.selectArea_tour .column__company_name {
		font-size: calc(11 / var(--font) * 1rem);
		font-family: var(--font-noto-serif);
		font-weight: 600;
		color: var(--primary-color);
		margin-bottom: calc(2 / var(--font) * 1rem);
		line-height: calc(30 / 22);
		letter-spacing: 0.05em;
	}
	.experience .column__company_address,
	.selectArea_tour .column__company_address {
		font-size: calc(10 / var(--font) * 1rem);
		font-family: var(--font-noto-serif);
		font-weight: 600;
		color: var(--primary-color);
		margin-bottom: calc(4 / var(--font) * 1rem);
		line-height: calc(30 / 22);
		letter-spacing: 0.05em;
		position: relative;
	}
	.experience .column__text,
	.selectArea_tour .column__text {
		font-size: calc(11 / var(--font) * 1rem);
		line-height: calc(31 / 22);
		letter-spacing: 0.05em;
	}
	.selectArea_tour .column__company_name {
		font-size: calc(20 / var(--font) * 1rem);
	}
	.selectArea_tour .column__company_address {
		font-size: calc(16 / var(--font) * 1rem);
	}
	.selectArea_tour .column__text {
		font-size: calc(12.26 / var(--font) * 1rem);
		margin-top: calc(16 / var(--font) * 1rem);
	}
	.experience .column-img {
	}
	.experience .column-img img,
	.selectArea_tour .column-img img  {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.experience-more {
		display: flex;
		justify-content: center;
		margin-top: calc(30 / var(--font) * 1rem);
	}
	.experience-more .experience-more__label {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(200 / var(--font) * 1rem);
		height: calc(40 / var(--font) * 1rem);
		font-size: calc(13 / var(--font) * 1rem);
		letter-spacing: 0.05em;
		color: #FFF;
		background-color: var(--primary-color);
	}
	.experience-more .experience-more__label.is-hide {
		display: none;
	}
	.experience-more .experience-more__label:before,
	.experience-more .experience-more__label:after {
		content: "";
		width: calc(15 / var(--font) * 1rem);
		height: 1px;
		background: #FFF;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		margin: 0 calc(14 / var(--font) * 1rem) 0 0;
	}
	.experience-more .experience-more__label:after {
		transform: translateY(-50%) rotate(-90deg);
		margin: 0 calc(15 / var(--font) * 1rem) 0 0;
		width: calc(12.5 / var(--font) * 1rem);
	}
}
/*------------------------------------------------------------
	newExperiences
------------------------------------------------------------*/
.newExperiences a {
    transition: opacity .5s ease;
    display: block;
    height: 100%;
}
@media all and (min-width: 897px),print {
	.newExperiences .content__header{
		margin-bottom: calc(108 / var(--font) * 1rem);
	}
	.newExperiences {
		background: 
  url(../img/top/img_newExperiences_02.png) left calc(-22 / var(--font) * 1rem) top calc(-122 / var(--font) * 1rem) no-repeat,
  url(../img/top/img_newExperiences_03.png) right calc(-68 / var(--font) * 1rem) top calc(-137 / var(--font) * 1rem) no-repeat,
  url(../img/top/img_newExperiences_04.png) left calc(50% - calc(224  / var(--font) * 1rem)) bottom calc(-70  / var(--font) * 1rem) no-repeat;
		background-color: #F1F1F1;
		background-size: calc(180 / var(--font) * 1rem) calc(180 / var(--font) * 1rem),
		 calc(323 / var(--font) * 1rem) calc(317 / var(--font) * 1rem),
			calc(240 / var(--font) * 1rem) calc(241 / var(--font) * 1rem);
	}
	#main .newExperiences .content__in {
		padding: calc(100 / var(--font)* 1rem) 0 calc(204 / var(--font)* 1rem);
	}
	.newExperiences__header {
		display: flex;
	}
	.newExperiences-column {
		background: var(--black-color);
		margin-top: calc(64 / var(--font) * 1rem);
		height: auto;
		/* width: calc(500 / var(--font) * 1rem); */
	}
	.newExperiences-column__in {
		display: flex;
		/* gap: calc(44 / var(--font) * 1rem); */
		padding: 0 calc(32 / var(--font) * 1rem) calc(27 / var(--font) * 1rem);
		position: relative;
		flex-direction: column;
	}
	.newExperiences-column-img__container {
		position: relative;
		margin-top: calc(-70 / var(--font) * 1rem);
		display: block;
		width: 100%;
	}
	.newExperiences-column-img {
		width: 100%;
		height: calc(260 / var(--font) * 1rem);
		flex-shrink: 0;
		overflow: hidden;
	}
  .newExperiences-column-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 31%;
  }
	.newExperiences-column__info {
		width: calc(390 / var(--font) * 1rem);
		margin-top: calc(12 / var(--font) * 1rem);
	}
	.newExperiences-column-name {
		display: block;
		font-size: calc(18 / var(--font) * 1rem);
		font-family: var(--font-noto-serif);
		font-weight: 600;
		color: var(--primary-color);
		line-height: 1.5;
		letter-spacing: 0.05em;
	}
	.newExperiences-column-area {
		display: block;
		font-size: calc(14 / var(--font) * 1rem);
		font-family: var(--font-noto-serif);
		font-weight: 600;
		color: var(--primary-color);
		line-height: 1.5;
		letter-spacing: 0.05em;
	}
	.newExperiences-column__body {
		padding-top: calc(24 / var(--font) * 1rem);
	}
	.newExperiences-column__header {
	}
	/* .newExperiences-column-num {
		font-size: calc(55 / var(--font) * 1rem);
		color: #FFF;
		letter-spacing: 0.1em;
		font-family: var(--font-noto-serif);
		display: block;
		position: relative;
		top: calc(-20 / var(--font) * 1rem);
	} */
	.newExperiences-column-title {
		display: flex;
		flex-direction: column;
		position: relative;
		top: calc(-4 / var(--font) * 1rem);
	}
	.newExperiences-column-title-main {
		margin-top: calc(0 / var(--font) * 1rem);
		font-size: calc(26 / var(--font) * 1rem);
		color: #FFF;
		font-weight: 700;
		letter-spacing: 0.05em;
		font-family: var(--font-noto-serif);
		line-height: calc(38 / 24);
	}
	.newExperiences-column-title-sub {
		font-size: calc(22 / var(--font) * 1rem);
		color: var(--primary-color);
		letter-spacing: 0.05em;
		font-weight: 400;
	}
	.newExperiences-column__detail .c-txt:first-child {
		margin-top: calc(16 / var(--font) * 1rem);
		margin-left: calc(8 / var(--font) * 1rem);
		line-height: 1.8;
		font-size: calc(16 / var(--font) * 1rem);
	}
	.newExperiences-column__detail .c-txt {
		line-height: 1.6;
	}
	@media (hover: hover) {
		.newExperiences-column .newExperiences__link:hover {
			opacity: 1!important;
		}
		.newExperiences-column .newExperiences__link:hover .newExperiences-column-img img{
			transform: scale(1.1);
			transform-origin: center;
			transition: all .5s ease;
		}
		.newExperiences-column-img img {
			transition: all .5s ease;
		}
	}
}
@media all and (max-width: 896px) {
	.newExperiences {
		background: 
  url(../img/top/img_newExperiences_02.png) left calc(-9 / var(--font) * 1rem) top calc(105 / var(--font) * 1rem) no-repeat,
  url(../img/top/img_newExperiences_04.png) right calc(53  / var(--font) * 1rem) bottom calc(-6  / var(--font) * 1rem) no-repeat;
		background-color: #F1F1F1;
		background-size: calc(93 / var(--font) * 1rem) calc(93 / var(--font) * 1rem),
			calc(120 / var(--font) * 1rem) calc(120 / var(--font) * 1rem);
		overflow: hidden;
	}
	#main .newExperiences .content__in {
		padding: calc(37 / var(--font) * 1rem) 0 calc(57 / var(--font) * 1rem);
		margin: 0 calc(35 / var(--font) * 1rem);
		margin: 0 calc(35/375*100vw);
	}
	.newExperiences .headLine {
		margin-bottom: calc(23 / var(--font)* 1rem);
	}
	.newExperiences__header {
		display: flex;
		flex-direction: column;
	}
	.newExperiences-column {
		background: var(--black-color);
		margin-top: calc(78 / var(--font) * 1rem);
		height: auto;
	}
	.newExperiences-column__in {
		padding: 0 calc(26 / var(--font) * 1rem) calc(34 / var(--font) * 1rem) calc(26 / var(--font) * 1rem);
		display: flex;
		flex-direction: column;
	}
	.newExperiences-column-img {
		/* width: calc(280 / var(--font) * 1rem);
		aspect-ratio: 780 / 552; */
		/* position: relative;
		top: calc(-55 / var(--font) * 1rem);
		flex-shrink: 0;
		margin: 0 auto calc(-26 / var(--font)* 1rem); */
		position: relative;
		margin-top: calc(-55 / var(--font) * 1rem);
		display: block;
	}
	.newExperiences-column__header {
		/* display: flex;
		gap: calc(14 / var(--font) * 1rem);
		justify-content: center; */
	}
	/* .newExperiences-column-num {
		font-size: calc(30 / var(--font) * 1rem);
		color: #FFF;
		letter-spacing: 0.1em;
		font-family: var(--font-noto-serif);
		display: block;
		position: relative;
		top: calc(-10 / var(--font) * 1rem);
	} */
	.newExperiences-column-title {
		display: flex;
		flex-direction: column;
		position: relative;
		top: calc(-4 / var(--font) * 1rem);
	}
	.newExperiences-column-title-main {
		margin-top: calc(3 / var(--font) * 1rem);
		font-size: calc(15 / var(--font) * 1rem);
		color: #FFF;
		font-weight: 700;
		letter-spacing: 0.05em;
		font-family: var(--font-noto-serif);
		line-height: calc(41 / 30);
	}
	.newExperiences-column-title-sub {
		font-size: calc(12 / var(--font) * 1rem);
		color: var(--primary-color);
		letter-spacing: 0.05em;
		font-weight: 400;
	}
	.newExperiences-column__detail .c-txt:first-child {
		margin-top: calc(8 / var(--font) * 1rem);
		padding: 0 calc(6 / var(--font) * 1rem);
		line-height: 1.8;
	}
	.newExperiences-column__detail .c-txt {
		line-height: 1.6;
	}
	.newExperiences-column-img__container{
		display: flex;
		flex-direction: column;
		margin-bottom: calc(20 / var(--font) * 1rem);
	}
	.newExperiences-column__info {
		position: relative;
		/* width: calc(280 / var(--font) * 1rem);
		margin: 0 auto calc(-26 / var(--font)* 1rem);
		top: calc(-25 / var(--font) * 1rem); */
		margin-top: calc(16 / var(--font) * 1rem);
	}
	.newExperiences-column-name {
		font-size: calc(11 / var(--font) * 1rem);
		font-family: var(--font-noto-serif);
		font-weight: 600;
		color: var(--primary-color);
		margin-bottom: calc(2 / var(--font) * 1rem);
		line-height: calc(30 / 22);
		letter-spacing: 0.05em;
	}
	.newExperiences-column-area {
		display: block;
		font-size: calc(10 / var(--font) * 1rem);
		font-family: var(--font-noto-serif);
		font-weight: 600;
		color: var(--primary-color);
		margin-bottom: calc(4 / var(--font) * 1rem);
		line-height: calc(30 / 22);
		letter-spacing: 0.05em;
	}
	

}
	/*------------------------------------------------------------
		about
	------------------------------------------------------------*/
	@media all and (min-width: 897px),print {
	.about {
		background: url(../img/top/img_about.jpg) center top no-repeat;
		background-size: cover;
	}
	#main .about .content__in {
		padding: calc(106 / var(--font)* 1rem) 0 calc(108 / var(--font)* 1rem) 0;
	}
	.about__text {
		font-family: var(--font-noto-serif);
		font-size: calc(24 / var(--font) * 1rem);
		font-style: normal;
		font-weight: 500;
		line-height: 1.7;
		letter-spacing: 0.05em;
		text-align: center;
		color: #FFF;
	}
}
@media all and (max-width: 896px) {
	.about {
		background: url(../img/top/img_about_sp.jpg) left top no-repeat;
		background-size: cover;
	}
	#main .about .content__in {
		padding: calc(50 / var(--font)* 1rem) calc(17 / var(--font)* 1rem);
	}
	.about__text {
		font-family: var(--font-noto-serif);
		font-size: calc(14 / var(--font) * 1rem);
		font-style: normal;
		font-weight: 500;
		line-height: calc(44 / 24);
		letter-spacing: 0.05em;
		text-align: center;
		color: #FFF;
	}
}
/*------------------------------------------------------------
	sns
------------------------------------------------------------*/
@media all and (min-width: 897px),print {
	#main .sns .content__in{
		width: calc(1150 / var(--font) * 1rem);
		text-align: center;
		padding: calc(73 / var(--font) * 1rem) 0 0;
		/* height: calc(950px + calc(0 / var(--font) * 1rem)); */
	}
	#main .sns_wrap{
		display: flex;
		gap: calc(56 / var(--font) * 1rem);
	}
	#main .sns .headLine{
		margin-bottom: calc(36 / var(--font) * 1rem);
	}
	.sns_facebook{
		width: calc(500/1440*100vw) !important;
		max-width: 500px;
	}
	.fb_iframe_widget{
		width: 100%;
	}
	.sns_instagram{
		width: calc(593/1440*100vw);
		max-width: 593px;
	}
	.sns_instagram iframe{
		width: 100%;
		height: 100%;
	}

}
@media all and (max-width: 896px) {
	#main .sns {
		padding-top: calc(45 / var(--font) * 1rem);
	}
	#main .sns .content__in {
		margin: 0 auto 0;
		/* width: calc(250 / var(--font) * 1rem); */
		/* height: calc(290 / var(--font) * 1rem); */
		padding: 0 calc(25 / var(--font) * 1rem) calc(45 / var(--font)* 1rem);
	}
	#main .sns .fb-page{
		display: block;
		text-align: center;
		padding: 0 0 0;
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	#main .sns .fb-page span,
	#main .sns .fb-page iframe {
		display: block;
		width: 100%!important;
	}
	#main .sns__in p {
		display: flex;
		justify-content: center;
	}
	#main .sns-link {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		gap: calc(8 / var(--font) * 1rem);
	}
	#main .sns .sns-icon {
		width: calc(16 / var(--font) * 1rem);
		height: calc(16 / var(--font) * 1rem);
	}

	#main .sns_wrap{
		display: flex;
		flex-direction: column;
		gap: calc(43 / var(--font) * 1rem);
	}
	#main .sns .headLine{
		margin-bottom: calc(26 / var(--font) * 1rem);
	}
	.sns_instagram{
		width:  calc(324/375*100vw);
		height: calc(374/375*100vw);
		margin: 0 auto;
	}
	.sns_instagram iframe{
		width: 100%;
		height: 100%;		
	}
}
/*------------------------------------------------------------
	link
------------------------------------------------------------*/
@media all and (min-width: 897px),print {
	.link-list {
		display: flex;
		gap: calc(30 / var(--font) * 1rem);
		justify-content: center;
	}
	#main .link .content__in{
		text-align: center;
		padding: calc(200 / var(--font) * 1rem) 0 calc(120 / var(--font) * 1rem);
	}
	body[data-mobile="true"] #main .link .content__in{
		padding: calc(56 / var(--font) * 1rem) 0 calc(120 / var(--font) * 1rem);
	}
	body[data-mobile="true"] #main .sns .content__in {
		display: none;
	}
	#main .sns__in {
		display: none;
		padding: calc(200 / var(--font) * 1rem) 0 calc(40 / var(--font) * 1rem);
	}
	body[data-mobile="true"] #main .sns__in {
		display: block;
	}
	#main .sns__in p {
		display: flex;
		justify-content: center;
	}
	#main .sns-link {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		gap: calc(8 / var(--font) * 1rem);
		font-size: calc(20 / var(--font) * 1rem);
	}
	#main .sns .sns-icon {
		width: calc(20 / var(--font)* 1rem);
		height: calc(20 / var(--font)* 1rem);
	}
	.link-list__item {
		width: calc(300 / var(--font) * 1rem);
	}
	.link__body {
		margin-top: calc(40 / var(--font) * 1rem);
	}
}
@media all and (max-width: 896px) {
	.link .headLine {
		margin-bottom: calc(20 / var(--font)* 1rem);
	}
	.link-list {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(14 / var(--font) * 1rem);
	}
	#main .link .content__in{
		text-align: center;
		padding: calc(45 / var(--font) * 1rem) 0 calc(45 / var(--font) * 1rem);
	}
	.link-list__item {
		width: calc(203 / var(--font) * 1rem);
	}
	.link__body {
		margin-top: calc(20 / var(--font) * 1rem);
	}
}
.commingsoon .column-img{
	position: relative;
}
.commingsoon .column-img::before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .4;
	position: absolute;
	top: 0;
	left: 0;
}


@media all and (min-width: 897px),print {
	.top-bottom-wrap{
		background: url(../img/top/top_bottom_bg_parts.png) center top no-repeat;
		background-size: cover;
	}
}
@media all and (max-width: 896px){
	.top-bottom-wrap{
		background: url(../img/top/top_bottom_bg_parts_sp.png) center top no-repeat;
		background-size: cover;
	}
}


/*------------------------------------------------------------
検索
------------------------------------------------------------*/
@media all and (min-width: 897px), print {
	.experienceNav-sub{
		width: fit-content;
		margin: calc(15 / var(--font) * 1rem) auto 0;
		max-width: calc(1136 / var(--font) * 1rem);
		width: fit-content;
	}
	[data-content="2"] .experienceNav-sub{
		max-width: calc(975 / var(--font) * 1rem);
	}
	.experienceNav-sub-group {
		display: flex;
		flex-wrap: wrap;
		gap: calc(11 / var(--font) * 1rem);
		background-color: #ECEAE2;
		padding: calc(10 / var(--font) * 1rem);
		position: relative;
	}
	.experienceNav-list__label{
		position: relative;
	}
	.experienceNav-list__label.is-active::after{
		content: '';
		width: calc(31 / var(--font) * 1rem);
		height: calc(26 / var(--font) * 1rem);
		background: url(../img/top/bg_parts_category.svg) left top no-repeat;
		background-size: contain;
		display: block;
		position: absolute;
		bottom: calc(-30 / var(--font) * 1rem);
		left: 50%;
		transform: translateX(-50%);
	}
	.experienceNav-list__label:first-of-type.is-active::after{
		display: none;
	}
	.sub-group__label {
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(150 / var(--font) * 1rem);
		height: calc(40 / var(--font) * 1rem);
		line-height: 1.3;
		border-radius: 0;
		background: #fff;
		color: var(--primary-color);
		font-size: calc(17 / var(--font) * 1rem);
		font-weight: 500;
		letter-spacing: 0.05em;
		border: 0;
		transition: all .5s ease;
	}
	.sub-group__label:hover{
		background: var(--primary-color);
		color: #fff;
	}
	.sub-group__label.is-active{
		background: var(--primary-color);
		color: #fff;
	}
	.sub-group__label.text--s{
		font-size: calc(14 / var(--font) * 1rem);
		
	}

	
}
@media all and (max-width: 896px) {
	.experienceNav-sub{
		margin: calc(15 / var(--font) * 1rem) auto 0;
		max-width: 100%;
		/* width: fit-content; */
	}
	.experienceNav-sub-group {
		display: flex;
		flex-wrap: wrap;
		gap: calc(11 / var(--font) * 1rem);
		background-color: #ECEAE2;
		padding: calc(10 / var(--font) * 1rem);
		position: relative;
	}
	.experienceNav-list__label{
		position: relative;
	}
	.experienceNav-list__label.is-active::after{
		content: '';
		width: calc(31 / var(--font) * 1rem);
		height: calc(26 / var(--font) * 1rem);
		background: url(../img/top/bg_parts_category.svg) left top no-repeat;
		background-size: contain;
		display: block;
		position: absolute;
		bottom: calc(-30 / var(--font) * 1rem);
		left: 50%;
		transform: translateX(-50%);
	}
	.experienceNav-list__label:first-of-type.is-active::after{
		display: none;
	}
	.sub-group__label {
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc((100% - (11 / var(--font)* 1rem) * (3 - 1)) / 3);
		min-width: calc(98.5 / var(--font) * 1rem);
		height: calc(31.3 / var(--font) * 1rem);
		line-height: 1.3;
		border-radius: 0;
		background: #fff;
		color: var(--primary-color);
		font-size: calc(13 / var(--font) * 1rem);
		font-weight: 500;
		letter-spacing: 0.05em;
		border: 0;
		transition: all .5s ease;
	}

	.sub-group__label.is-active{
		background: var(--primary-color);
		color: #fff;
	}
}
@media all and (max-width: 480px){
	.sub-group__label {
		font-size: calc(10 / var(--font) * 1rem);
	}
	.experienceNav-sub-group {
		gap: calc(4 / var(--font) * 1rem);
	}
	.sub-group__label {
		width: calc((100% - (4 / var(--font)* 1rem) * (3 - 1)) / 3);
	}
}

/* サブボタンの表示・非表示 */
.tab-content {
	display: none;
}
.tab[data-active="2"] .tab-content[data-content="2"] {
	display: block;
}
.tab[data-active="3"] .tab-content[data-content="3"] {
	display: block;
}
.tab[data-active="4"] .tab-content[data-content="4"] {
	display: block;
}

/* 選択中のカテゴリ表示 */

.bl_selected{
    margin: calc(15 / var(--font) * 1rem) auto 0;
    max-width: calc(1136 / var(--font) * 1rem);
    width: fit-content;
	display: flex;
    align-items: center;
	flex-wrap: wrap;
}
.selected-head{
	font-size: calc(17 / var(--font) * 1rem);
    font-weight: 500;
    letter-spacing: 0.05em;
	display: none;
}
.bl_selected.active .selected-head{
	display: block;
}
.selected-head + .js-categories {
	margin-top: calc(5 / var(--font) * 1rem);
}
.js-categories{
	display: flex;
	gap: calc(11 / var(--font) * 1rem);
	flex-wrap: wrap;
}
.js-categories li{
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	width: calc(150 / var(--font) * 1rem);
    height: calc(40 / var(--font) * 1rem);
	background-color: #ECEAE2;
	color: var(--primary-color);
    font-size: calc(14 / var(--font) * 1rem);
	line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0.05em;
	/* padding: 0 calc(4 / var(--font) * 1rem); */
}

@media all and (max-width: 896px) {
	.bl_selected{
		overflow-x: scroll;
		padding-bottom: calc(15 / var(--font) * 1rem);
		flex-wrap: nowrap;
	}
	.js-categories{
		flex-wrap: nowrap;
	}
	.selected-head{
		font-size: calc(13 / var(--font) * 1rem);
		flex-shrink: 0;
	}
	.js-categories li{
		font-size: calc(10 / var(--font) * 1rem);
		width: fit-content;
		height: calc(31.3 / var(--font)* 1rem);
		padding: 0 calc(10 / var(--font) * 1rem);
		line-height: 1.3;
		flex-shrink: 0;
	}
}



/* 品目のラベル */
@media all and (min-width: 897px),print {
	.column-img{
		position: relative;
	}
	.column-img::after{
		content: '';
		display: block;
		color: #fff;
		background: var(--primary-color);
		font-size: calc(14 / var(--font) * 1rem);
		font-family: "Noto Sans JP", sans-serif;
		position: absolute;
		right: calc(10 / var(--font) * 1rem);
		bottom: calc(10 / var(--font) * 1rem);
		padding: calc(6 / var(--font) * 1rem) calc(16 / var(--font) * 1rem);
		line-height: 1.2;
	}
	.column__item.commingsoon .column-img::after{
		display: none;
	}
}
@media all and (max-width: 896px){
	.column-img{
		position: relative;
	}
	.column-img::after{
		content: '';
		display: block;
		color: #fff;
		background: var(--primary-color);
		opacity: .9;
		font-size: calc(10 / var(--font) * 1rem);
		font-family: "Noto Sans JP", sans-serif;
		position: relative;
		padding: calc(6 / var(--font) * 1rem) calc(10 / var(--font) * 1rem);
		line-height: 1;
		text-align: center;
	}
	.modal__content .column-img::after {
		content: '';
		display: block;
		color: #fff;
		background: var(--primary-color);
		font-size: calc(14 / var(--font) * 1rem);
		font-family: "Noto Sans JP", sans-serif;
		position: absolute;
		right: calc(10 / var(--font) * 1rem);
		bottom: calc(10 / var(--font) * 1rem);
		padding: calc(6 / var(--font) * 1rem) calc(16 / var(--font) * 1rem);
		line-height: 1.2;
	}
	.column__item.commingsoon .column-img::after{
		display: none;
	}
}
.cat01 .column-img::after{content: '東京銀器';}
.cat02 .column-img::after{content: '染小紋';}
.cat03 .column-img::after{content: '江戸切子';}
.cat04 .column-img::after{content: '組紐';}
.cat05 .column-img::after{content: '東京打刃物';}
.cat06 .column-img::after{content: '江戸つまみ簪';}
.cat07 .column-img::after{content: '江戸木目込人形';}
.cat07.cat07--sub .column-img::after{content: '江戸木目込人形（造花）';}
.cat08 .column-img::after{content: '東京三味線';}
.cat09 .column-img::after{content: '江戸更紗';}
.cat10 .column-img::after{content: '東京手描友禅';}
.cat11 .column-img::after{content: '江戸手描提灯';}
.cat12 .column-img::after{content: '東京手彫り印章';}
.cat13 .column-img::after{content: '東京手植ブラシ';}
.cat14 .column-img::after{content: '東京本染ゆかた・てぬぐい';}
.cat02.cat09 .column-img::after{content: '染小紋 / 江戸更紗';}
.cat15 .column-img::after{content: 'からかみ';}
.cat16 .column-img::after{content: '江戸硝子';}
.cat17 .column-img::after{content: '東京籐工芸';}
.cat18 .column-img::after{content: '東京洋傘';}
.cat19 .column-img::after{content: '江戸甲冑';}
.cat20 .column-img::after{content: '江戸簾';}
.cat21 .column-img::after{content: '江戸表具';}
.cat22 .column-img::after{content: '引き染め';}
.cat23 .column-img::after{content: '多摩織';}
.cat03.cat16 .column-img::after{content: '江戸硝子 / 江戸切子';}
.cat24 .column-img::after{content: '東京くみひも';}




.cat01 .column-img.column-img--en::after{content: 'Tokyo Ginki';}
.cat02 .column-img.column-img--en::after{content: 'Some-Komon';}
.cat03 .column-img.column-img--en::after{content: 'Edo Kiriko';}
.cat04 .column-img.column-img--en::after{content: 'Kumihimo';}
.cat05 .column-img.column-img--en::after{content: 'Tokyo Uchihamono';}
.cat06 .column-img.column-img--en::after{content: 'Edo Tsumami-Kanzashi';}
.cat07 .column-img.column-img--en::after{content: 'Edo Kimekomi Ningyo';}
.cat07.cat07--sub .column-img.column-img--en::after{content: 'Edo Kimekomi Ningyo（rayon-thread flowers）';}
.cat08 .column-img.column-img--en::after{content: 'Tokyo shamisen';}
/* .cat09 .column-img.column-img--en::after{content: 'Edo-Sarasa';} */
.cat10 .column-img.column-img--en::after{content: 'Tokyo Tegaki-Yuzen';}
.cat11 .column-img.column-img--en::after{content: 'Edo Tegaki Chochin';}
.cat12 .column-img.column-img--en::after{content: 'Tokyo Tebori Insho';}
.cat13 .column-img.column-img--en::after{content: 'Tokyo TeueBrush';}
.cat14 .column-img.column-img--en::after{content: 'Tokyo Honzome Yukata-Tenugui';}
.cat02.cat09 .column-img.column-img--en::after{content: 'Some-Komon / Edo-Sarasa';}
.cat15 .column-img.column-img--en::after{content: 'karakami';}
.cat16 .column-img.column-img--en::after{content: 'Edo glass';}
.cat17 .column-img.column-img--en::after{content: 'rattan crafting';}
.cat18 .column-img.column-img--en::after{content: 'Tokyo Umbrella';}
.cat19 .column-img.column-img--en::after{content: 'Edo Ka-chu';}
.cat20 .column-img.column-img--en::after{content: 'Edo-Sudare';}
.cat21 .column-img.column-img--en::after{content: 'Edo Hyougu';}
.cat22 .column-img.column-img--en::after{content: 'Hiki-Zome';}
.cat23 .column-img.column-img--en::after{content: 'Tama-Ori';}
.cat03.cat16 .column-img--en::after{content: 'Edo glass / Edo Kiriko';}
.cat24 .column-img.column-img--en::after{content: 'Tokyo Kumihimo';}



@media all and (max-width: 480px){
	.cat14 .column-img.column-img--en::after{
		padding: calc(6 / var(--font) * 1rem) calc(0 / var(--font) * 1rem);
	}
}


/* 分数 */
@media all and (min-width: 897px),print {
	.column__company_address::after{
		content: '';
		display: block;
		color: var(--primary-color);
		font-size: calc(14 / var(--font) * 1rem);
		font-family: "Noto Sans JP", sans-serif;
		position: absolute;
		right: calc(10 / var(--font) * 1rem);
		top: 0;
	}
}
@media all and (max-width: 896px){
	.column__company_address::after{
		content: '';
		display: block;
		color: var(--primary-color);
		font-size: calc(10 / var(--font) * 1rem);
		font-family: "Noto Sans JP", sans-serif;
		position: absolute;
		right: calc(6 / var(--font) * 1rem);
		top: 0;
	}
}
.time01 .column__company_address::after{content: '60min';}
.time02 .column__company_address::after{content: '80min';}
.time03 .column__company_address::after{content: '90min';}
.time04 .column__company_address::after{content: '120min';}
.time05 .column__company_address::after{content: '150min';}
.time100 .column__company_address::after{content: '100min';}
.time110 .column__company_address::after{content: '110min';}

/* 0401メンテナンス */
.bl_maintenance {
	display: block;
	margin: 120px auto 0;
	width: fit-content;
}
.bl_maintenance p{
	text-align: center;
}
.bl_maintenance .title{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 24px;
}
.bl_maintenance .text{
	font-size: 20px;
}
.logo-area{
	margin-top: calc(32 / var(--font) * 1rem);
}
.logo-area img{
    width: calc(230 / var(--font) * 1rem);
	margin: 0 auto  calc(8 / var(--font) * 1rem);
	display: block;
}


.js-time_limited{
	display: none;
}
.js-time_limited_fire{
	display: block;
}


/*------------------------------------------------------------
	map
------------------------------------------------------------*/
@media all and (min-width: 897px), print {
	/* アコーディオン */
	.bl_map-lead{
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
	}
	.map-lead{
		background: #fff;
		padding: calc(16 / var(--font) * 1rem) calc(30 / var(--font) * 1rem)calc(16 / var(--font) * 1rem)calc(80 / var(--font) * 1rem);
		border:  calc(2 / var(--font) * 1rem) solid #99864C;
		width: fit-content;
		position: relative;
	}
	.map-lead::before{
		content: '';
		width: calc(23 / var(--font) * 1rem);
		height: calc(32 / var(--font) * 1rem);
		background: url(../img/top/icon_pin.svg) left top no-repeat;
		background-size: contain;
		display: block;
		position: absolute;
		top: 50%;
		left: calc(51 / var(--font) * 1rem);
		transform: translateY(-50%);
	}
	.map-lead-text{
		color: var(--black-color);
		text-align: center;
		font-family: var(--font-noto-serif);
		font-size: calc(18 / var(--font) * 1rem);
		font-weight: 500;
		line-height: calc(12 / 18);
		letter-spacing: 0.12em;
		position: relative;
	}
	
	.ac-item {
		margin: 0 1rem;
	}
	.ac-item__ttl {
		font-size: 1rem;
		margin: 0 auto;
		cursor: pointer;
		position: relative;
		background: #000;
		color: #fff;
		width: calc(200 / var(--font) * 1rem);
		height: calc(50 / var(--font) * 1rem);
		transition: 0.3s;
	}
	.ac-item__ttl::before{
		content: 'MAPを開く';
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.is-open .ac-item__ttl::before{
		content: 'MAPを閉じる';
	}
	[data-page="en"] .ac-item__ttl::before{
		content: 'OPEN MAP';
	}
	[data-page="en"] .is-open .ac-item__ttl::before{
		content: 'CLOSE MAP';
	}
	.ac-item__ttl::after{
		content: '';
		display: block;
		background: url(../img/top/icon_ac_arrow.svg) no-repeat center top;
		background-size: contain;
		width: calc(15 / var(--font) * 1rem);
		height: calc(7 / var(--font) * 1rem);
		position: absolute;
		top: 45%;
		right: calc(23 / var(--font) * 1rem);
		transform: rotate(180deg);
		transition: 0.3s;
	}
	.is-open .ac-item__ttl::after{
		transform: rotate(0deg);
	}
	.ac-item__content {
		max-height: 0;
		overflow: hidden;
		transition: 0.3s;
		margin: 0;
	}
	.ac-item.is-open .ac-item__content {
		max-height: max-content;
		padding-top: calc(35 / var(--font) * 1rem);
	}


	.map{
		position: relative;
		margin: 0 auto;
		max-width: 1150px;
	}
	.map .column__detail {
		text-align: left;
		margin: calc(16 / var(--font) * 1rem) 0 0;
	}
	.map .column__company_name {
		font-size: calc(18 / var(--font) * 1rem);
		font-family: var(--font-noto-serif);
		font-weight: 600;
		color: var(--primary-color);
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding: 0 calc(2 / var(--font) * 1rem);
	}
	.map .column__company_address {
		font-size: calc(14 / var(--font) * 1rem);
		font-family: var(--font-noto-serif);
		font-weight: 600;
		color: var(--primary-color);
		margin-bottom: calc(8 / var(--font) * 1rem);
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding: 0 calc(2 / var(--font) * 1rem);
		position: relative;
	}
	.column__company_address::after {
		display: block;
		color: var(--primary-color);
		font-size: calc(14 / var(--font) * 1rem);
		font-family: "Noto Sans JP", sans-serif;
		position: absolute;
		right: calc(10 / var(--font) * 1rem);
		top: 0;
	}
	.map .column__text {
		font-size: calc(16 / var(--font) * 1rem);
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding: 0 calc(2 / var(--font) * 1rem);
	}


	.bl_map {
		max-width: 967px;
		max-height: 808px;
		width: calc(967 / var(--font) * 1rem);
		height: calc(808 / var(--font) * 1rem);
		position: relative;
		background: url(../img/top/map_2025.png) no-repeat center top;
		background-size: contain;
		margin: 0 auto;
	}

	.map-item {
		position: relative;
	}
	.bl_selectArea_tour {
		position: absolute;
		width: fit-content;
		top: 0;
		left: calc(64 / var(--font) * 1rem);
		width: calc(380 / var(--font) * 1rem);
		max-width: 380px;
		display: none;
	}
	.selectArea_tour {
		position: relative;
		z-index: 10;
		display: none;
	}
	.is-active .selectArea_tour{
		display: block;
	}
	.selectedArea {
		position: relative;
		z-index: 3;
		text-align: center;
		display: block;
		padding: 1em;
		transition: all 0.5s;
	}
	.selectedArea::after{
		content: '';
		display: block;
		background: url(../img/top/bg_parts_selectedArea.svg) no-repeat right top;
		background-size: contain;
		width: 22px;
		height: 34.5px;
		position: absolute;
		top: 50%;
		right: -21px;
		transform: translateY(-50%);
	}

	.selectedArea::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
		background-color: #fff;
		display: block;
		border: 1px solid var(--primary-color);
	}
	.map .column__item {
		opacity: 1 !important;
		visibility: visible !important;
		height: auto !important;
		display: block !important;
		width: 100%;
	}


	/* pin */
	.pin__map-list {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	.pin__map {
		position: absolute;
		display: inline-block;
		cursor: pointer;
		transition: 0.5s;
	}
	.pin__map svg {
		transition: 0.5s;
		position: relative;
		transform-origin: center bottom;
		width: calc(33.61 / var(--font) * 1rem);
		height: calc(46.76 / var(--font) * 1rem);
		max-width: 33.61px;
		max-height: 46.76px;
	}
	.pin__map.select-pin svg {
		transform: scale(1.5);
		z-index: 1;
	}
	.pin__map:hover svg {
		transform: scale(1.5);
		z-index: 10;
		transform-origin: center bottom 0;
	}
	.pin__map.select-pin svg path,
	.pin__map:hover svg path{
		fill: #000;
	}

	/* ピン位置 */
	.pin__map#tour020 {
		top: calc(428.34 / var(--font) * 1rem);
		left: calc(459.32 / var(--font) * 1rem);
	}
	.pin__map#tour006 {
		top: calc(201.78 / var(--font) * 1rem);
		right: calc(223.43 / var(--font) * 1rem);
	}
	.pin__map#tour019 {
		top: calc(542.84 / var(--font) * 1rem);
		left: calc(265.2 / var(--font) * 1rem);
	}
	.pin__map#tour011 {
		top: calc(493.93 / var(--font) * 1rem);
		left: calc(352.41 / var(--font) * 1rem);
    z-index: 1;
	}
	.pin__map#tour008 {
		top: calc(518.15 / var(--font) * 1rem);
		left: calc(371.49 / var(--font) * 1rem);
		z-index: 1;
	}
	.pin__map#tour015 {
		top: calc(472.09 / var(--font) * 1rem);
		left: calc(328.72 / var(--font) * 1rem);
	}
	.pin__map#tour029 {
		top: calc(472.09 / var(--font) * 1rem);
		left: calc(346.72 / var(--font) * 1rem);
    z-index: 0;
	}
	.pin__map#tour016 {
		top: calc(194.01 / var(--font) * 1rem);
		left: calc(308.03 / var(--font) * 1rem);
	}
	.pin__map#tour037 {
		top: calc(241.01 / var(--font) * 1rem);
		left: calc(327.03 / var(--font) * 1rem);
	}
	.pin__map#tour017 {
		top: calc(577.83 / var(--font) * 1rem);
		left: calc(223.9 / var(--font) * 1rem);
	}
	.pin__map#tour036 {
    top: calc(634.83 / var(--font) * 1rem);
    left: calc(279.9 / var(--font) * 1rem);
	}
	.pin__map#tour009 {
		top: calc(149.8 / var(--font) * 1rem);
		right: calc(427.32 / var(--font) * 1rem);
		z-index: 1;
	}
	.pin__map#tour018 {
		top: calc(527 / var(--font) * 1rem);
		left: calc(342.26 / var(--font) * 1rem);
		z-index: 2;
	}
	.pin__map#tour007 {
		top: calc(400.19 / var(--font) * 1rem);
		left: calc(396.01 / var(--font) * 1rem);
	}
	.pin__map#tour013 {
		top: calc(525 / var(--font) * 1rem);
		left: calc(110 / var(--font) * 1rem);
		z-index: 1;
	}
	.pin__map#tour027 {
		top: calc(522 / var(--font) * 1rem);
		left: calc(28 / var(--font) * 1rem);
    z-index: 2;
	}
	.pin__map#tour023 {
		top: calc(522 / var(--font) * 1rem);
		left: calc(53 / var(--font) * 1rem);
    z-index: 1;
	}
	.pin__map#tour021 {
		top: calc(542.84 / var(--font) * 1rem);
		left: calc(242 / var(--font) * 1rem);
	}
	.pin__map#tour024 {
		top: calc(470 / var(--font) * 1rem);
		left: calc(180 / var(--font) * 1rem);
	}	
	.pin__map#tour025 {
		top: calc(550 / var(--font) * 1rem);
		left: calc(461 / var(--font) * 1rem);
	}
	.pin__map#tour028 {
		top: calc(497 / var(--font) * 1rem);
		left: calc(51 / var(--font) * 1rem);
	}


	.pin__map#tour022 {
		top: calc(509 / var(--font) * 1rem);
		left: calc(325.72 / var(--font) * 1rem);
		z-index: 1;
	}
	.pin__map#tour030 {
		top: calc(140.8 / var(--font) * 1rem);
		right: calc(462.32 / var(--font) * 1rem);
		z-index: 1;
	}
	.pin__map#tour035 {
		top: calc(551.15 / var(--font) * 1rem);
		left: calc(363.49 / var(--font) * 1rem);
		z-index: 3;
	}
	.pin__map#tour032 {
		top: calc(575.15 / var(--font) * 1rem);
		left: calc(368.49 / var(--font) * 1rem);
		z-index: 4;
	}

	.pin__map#tour033 {
		top: calc(127 / var(--font) * 1rem);
		right: calc(433.32 / var(--font) * 1rem);
	}

	.pin__map#tour034 {
		top: calc(499 / var(--font) * 1rem);
		left: calc(305.72 / var(--font) * 1rem);
	}
  .pin__map#tour001 {
		top: calc(489 / var(--font) * 1rem);
		left: calc(295.72 / var(--font) * 1rem);
	}
	.pin__map#tour039 {
		top: calc(296.8 / var(--font) * 1rem);
		right: calc(444.32 / var(--font) * 1rem);
	}

	/*  ふじや染工房 */
	/* .pin__map#tour023 {
		top: calc(525 / var(--font) * 1rem);
		left: calc(49 / var(--font) * 1rem);
		z-index: 1;
	} */

}
@media all and (max-width: 896px){
	/* アコーディオン */
	.bl_map-lead{
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		min-width: 17em;
	}
	.map-lead{
		background: #fff;
		padding: calc(16 / var(--font) * 1rem) calc(16 / var(--font) * 1rem)calc(16 / var(--font) * 1rem)calc(60 / var(--font) * 1rem);
		border:  calc(2 / var(--font) * 1rem) solid #99864C;
		width: fit-content;
		position: relative;
	}
	.map-lead::before{
		content: '';
		width: calc(23 / var(--font) * 1rem);
		height: calc(32 / var(--font) * 1rem);
		background: url(../img/top/icon_pin.svg) left top no-repeat;
		background-size: contain;
		display: block;
		position: absolute;
		top: 50%;
		left: calc(20 / var(--font) * 1rem);
		transform: translateY(-50%);
	}
	.map-lead-text{
		color: var(--black-color);
		text-align: left;
		font-family: var(--font-noto-serif);
		font-size: calc(14 / var(--font) * 1rem);
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: 0.12em;
		position: relative;
	}

	.ac-item {
	}
	.ac-item__ttl {
		font-size: 1rem;
		margin: 0 auto;
		cursor: pointer;
		position: relative;
		background: #000;
		color: #fff;
		width: calc(200 / var(--font) * 1rem);
		height: calc(50 / var(--font) * 1rem);
		transition: 0.3s;
	}
	.ac-item__ttl::before{
		content: 'MAPを開く';
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.is-open .ac-item__ttl::before{
		content: 'MAPを閉じる';
	}
	[data-page="en"] .ac-item__ttl::before{
		content: 'OPEN MAP';
	}
	[data-page="en"] .is-open .ac-item__ttl::before{
		content: 'CLOSE MAP';
	}
	.ac-item__ttl::after{
		content: '';
		display: block;
		background: url(../img/top/icon_ac_arrow.svg) no-repeat center top;
		background-size: contain;
		width: calc(15 / var(--font) * 1rem);
		height: calc(7 / var(--font) * 1rem);
		position: absolute;
		top: 45%;
		right: calc(23 / var(--font) * 1rem);
		transform: rotate(180deg);
		transition: 0.3s;
	}
	.is-open .ac-item__ttl::after{
		transform: rotate(0deg);
	}
	.ac-item__content {
		max-height: 0;
		overflow: hidden;
		transition: 0.3s;
		margin: 0;
	}
	.ac-item.is-open .ac-item__content {
		max-height: max-content;
		padding-top: calc(35 / var(--font) * 1rem);
	}


	.map{
		position: relative;
		margin: 0 auto;
	}
	.map .column__detail {
		text-align: left;
		margin: calc(16 / var(--font) * 1rem) 0 0;
	}
	.map .column__company_name {
		font-size: calc(14 / var(--font) * 1rem);
		font-family: var(--font-noto-serif);
		font-weight: 600;
		color: var(--primary-color);
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding: 0 calc(2 / var(--font) * 1rem);
	}
	.map .column__company_address {
		font-size: calc(12 / var(--font) * 1rem);
		font-family: var(--font-noto-serif);
		font-weight: 600;
		color: var(--primary-color);
		margin-bottom: calc(8 / var(--font) * 1rem);
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding: 0 calc(2 / var(--font) * 1rem);
		position: relative;
	}
	.column__company_address::after {
		display: block;
		color: var(--primary-color);
		font-size: calc(11 / var(--font) * 1rem);
		font-family: "Noto Sans JP", sans-serif;
		position: absolute;
		right: calc(10 / var(--font) * 1rem);
		top: 0;
	}
	.map .column__text {
		font-size: calc(12 / var(--font) * 1rem);
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding: 0 calc(2 / var(--font) * 1rem);
	}


	.bl_map {
		width: calc(534.26/375*100vw);
		height: calc(446.41/375*100vw);
		background: url(../img/top/map_2025.png) no-repeat left top;
		background-size: contain;
	}

	.map-item {
		position: relative;
		padding-left: 30px;
		padding-top: 30px;
	}
	.bl_selectArea_tour {
		width: calc(290 / var(--font) * 1rem);
		position: absolute;
		top: calc(0 / var(--font) * 1rem);
		left: 50%;
		transform: translateX(-50%);
		z-index: 10;
		display: none;
	}
	.selectArea_tour {
		position: relative;
		z-index: 10;
	}
	.selectedArea {
		position: relative;
		z-index: 3;
		text-align: center;
		display: block;
		padding: calc(10 / var(--font) * 1rem);
		transition: all 0.5s;
	}
	.selectedArea::after{
		content: '';
		display: block;
		background: url(../img/top/bg_parts_selectedArea.svg) no-repeat right top;
		background-size: contain;
		width: 22px;
		height: 34.5px;
		position: absolute;
		bottom: -27px;
		right: 70px;
		transform: rotate(90deg);
	}
	

	.selectedArea::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
		background-color: #fff;
		display: block;
		border: 1px solid var(--primary-color);
	}
	.map .column__item {
		opacity: 1 !important;
		visibility: visible !important;
		height: auto !important;
		display: block !important;
		width: 100%;
	}


	/* pin */
	.pin__map-list {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	.pin__map {
		position: absolute;
		display: inline-block;
		cursor: pointer;
		transition: 0.5s;
	}
	.pin__map svg {
		transition: 0.5s;
		position: relative;
		transform-origin: center bottom;
        width: calc(19/ 375 * 100vw);
        height: calc(26 / 375 * 100vw);
	}
	.pin__map.select-pin svg {
		transform: scale(1.5);
		z-index: 1;
	}
	.pin__map:hover svg {
		transform: scale(1.5);
		z-index: 10;
		transform-origin: center bottom 0;
	}
	.pin__map.select-pin svg path,
	.pin__map:hover svg path{
		fill: #000;
	}

	/* ピン位置 */

	/* 正次郎 */
	.pin__map#tour006 {
		top: calc(112.16 / 375 * 100vw);
		right: calc(144.47 / 375 * 100vw);
	}
	.pin__map#tour007 {
		top: calc(220.42 / 375 * 100vw);
		left: calc(197.77 / 375 * 100vw);
	}
	.pin__map#tour008 {
		top: calc(283.88 / 375 * 100vw);
		left: calc(185.62 / 375 * 100vw);
		z-index: 1;
	}
	.pin__map#tour009 {
		top: calc(82.68 / 375 * 100vw);
		right: calc(257.03 / 375 * 100vw);
		z-index: 1;
	}
	.pin__map#tour011 {
		top: calc(270.73 / 375 * 100vw);
		left: calc(175.76 / 375 * 100vw);
    z-index: 1;
	}
	.pin__map#tour013 {
		top: calc(291.11 / 375 * 100vw);
		left: calc(40.05 / 375 * 100vw);
		z-index: 2;
	}
	.pin__map#tour015 {
		top: calc(259.01 / 375 * 100vw);
		left: calc(160.78 / 375 * 100vw);
	}
  .pin__map#tour029 {
    top: calc(259.01 / 375 * 100vw);
    left: calc(169.78 / 375 * 100vw);
  }
	.pin__map#tour016 {
		top: calc(107.32 / 375 * 100vw);
		left: calc(148.32 / 375 * 100vw);
	}
	.pin__map#tour037 {
    top: calc(129.32 / 375 * 100vw);
    left: calc(159.32 / 375 * 100vw);
	}
	.pin__map#tour017 {
		top: calc(318.82 / 375 * 100vw);
		left: calc(102.58 / 375 * 100vw);
	}
	.pin__map#tour036 {
		top: calc(351.82 / 375 * 100vw);
    left: calc(133.58 / 375 * 100vw);
	}
	.pin__map#tour018 {
		top: calc(288.11 / 375 * 100vw);
		left: calc(171.47 / 375 * 100vw);
		z-index: 2;
	}
	.pin__map#tour019 {
		top: calc(298.83 / 375 * 100vw);
		left: calc(125.61 / 375 * 100vw);
	}
	.pin__map#tour020 {
		top: calc(236.18 / 375 * 100vw);
		left: calc(231.33 / 375 * 100vw);
	}
	.pin__map#tour027 {
		top: calc(288 / 375 * 100vw);
		left: calc(-5 / 375 * 100vw);
    z-index: 2;
	}
	.pin__map#tour023 {
		top: calc(290 / 375 * 100vw);
		left: calc(10 / 375 * 100vw);
    z-index: 1;
	}
	.pin__map#tour021 {
		top: calc(299 / 375 * 100vw);
		left: calc(113 / 375 * 100vw);
	}
	.pin__map#tour024 {
		top: calc(259 / 375 * 100vw);
		left: calc(77 / 375 * 100vw);
	}
	.pin__map#tour025 {
		top: calc(307 / 375 * 100vw);
		left: calc(233 / 375 * 100vw);
	}
	.pin__map#tour028 {
		top: calc(276 / 375 * 100vw);
		left: calc(9 / 375 * 100vw);
	}

	.pin__map#tour022 {
		top: calc(279.01 / 375 * 100vw);
		left: calc(160.78 / 375 * 100vw);
		z-index: 1;
	}
	.pin__map#tour030 {
		top: calc(78.68 / 375 * 100vw);
		right: calc(276.03 / 375 * 100vw);
		z-index: 1;
	}
	.pin__map#tour035 {
		top: calc(305 / 375 * 100vw);
		left: calc(180 / 375 * 100vw);
		z-index: 2;
	}
	.pin__map#tour032 {
		top: calc(320 / 375 * 100vw);
		left: calc(183 / 375 * 100vw);
		z-index: 3;
	}


	.pin__map#tour033 {
		top: calc(68.68 / 375 * 100vw);
		right: calc(260.03 / 375 * 100vw);
	}
	.pin__map#tour034 {
		top: calc(274 / 375 * 100vw);
		left: calc(147 / 375 * 100vw);
	}	
  .pin__map#tour001 {
		top: calc(270 / 375 * 100vw);
		left: calc(140 / 375 * 100vw);
	}
	.pin__map#tour039 {
		top: calc(162/ 375 * 100vw);
		right: calc(269 / 375 * 100vw);
	}

	/*  ふじや染工房 */
	/* .pin__map#tour023 {
		top: calc(291.11 / 375 * 100vw);
		left: calc(6.05 / 375 * 100vw);
		z-index: 2;
	} */

	.bl_selectArea_tour .column-img::after{
		position: absolute;
		right: calc(7 / var(--font) * 1rem);
		bottom: calc(8 / var(--font) * 1rem);
		opacity: 1;
	}
}


/*------------------------------------------------------------
	swiper newExperiences
------------------------------------------------------------*/
.swiper-wrapper.swiper-wrapper02{
	overflow: initial;
}
@media all and (min-width: 897px), print {
	.swiper-button-prev{
		left: 14%;
	}
	.swiper-button-next{
		right: 14%;
	}

	/* arrow */
	.swiper-button-next, .swiper-button-prev{
		width: calc(81/1440*100vw);
		height: calc(81/1440*100vw);
		max-width: 81px;
		max-height: 81px;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 0;
		width: 100%;
		height: 100%;
	}
	.swiper-button-next:after{
		background: url(../img/common/ico_arrow_next.svg) no-repeat center top;
		background-size: contain;
	}
	.swiper-button-prev:after{
		background: url(../img/common/ico_arrow_prev.svg) no-repeat center top;
		background-size: contain;
	}

}
@media all and (max-width: 896px){
	/* arrow */
	.swiper-button-prev{
		left: calc(-22 / var(--font) * 1rem);
	}
	.swiper-button-next{
		right: calc(-22 / var(--font) * 1rem);
	}
	.swiper-button-next, .swiper-button-prev{
		width: calc(33 / var(--font) * 1rem);
		height: calc(33 / var(--font) * 1rem);
		top: 63%;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 0;
		width: 100%;
		height: 100%;
	}
	.swiper-button-next:after{
		background: url(../img/common/ico_arrow_next_sp.svg) no-repeat center top;
		background-size: contain;
	}
	.swiper-button-prev:after{
		background: url(../img/common/ico_arrow_prev_sp.svg) no-repeat center top;
		background-size: contain;
	}

}


/*------------------------------------------------------------
	modal
------------------------------------------------------------*/
@media all and (min-width: 897px), print {
	@media (hover: hover) {
		.modal a {
			transition: opacity .5s ease;
		}
		.modal a:hover {
			opacity: .5;
		}
	}
	.modal {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
	}
	.modal.is-active {
		display: block;
	}
	.modal__overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
	}
	.modal__container {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.modal__container__in{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.modal__content__wrap {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.modal__content{
		position: relative;
		margin: auto;
		display: block;
		width: fit-content;
		height: auto;
	}
	.modal__close {
		position: absolute;
		top: calc(-40 / var(--font) * 1rem);
		right: calc(-40 / var(--font) * 1rem);
		width: calc(37.5 / var(--font) * 1rem);
		height: calc(37.5 / var(--font) * 1rem);
		color: #fff;
		background: none;
		border: none;
		font-size: calc(37.5 / var(--font) * 1rem);
		cursor: pointer;
		line-height: 1;
		z-index: 11;
	}
	.modal__content .selectArea_tour{
		width: 100%;
		max-width: calc(380 / var(--font) * 1rem);
		background: #fff;
		padding: calc(13 / var(--font) * 1rem);
		border: calc(2 / var(--font) * 1rem) solid #99864C;
	}
	.modal__content .selectArea_tour.col--02{
		display: flex;
		max-width: fit-content;
		gap: calc(13 / var(--font) * 1rem);
	}
	.col--02 .selectArea_box{
		width: calc(380 / var(--font) * 1rem);
	}
	
}
@media all and (max-width: 896px){
	.modal {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		/* overflow-y: scroll; */
	}
	.modal.is-active {
		display: block;
	}
	.modal__overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		padding-block: 80px;
	}

	
	/* .modal__container {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	} */
	.modal__container {
		width: 100%;
		height: 100%;
		position: relative;
		overflow-y: scroll;
		/* padding-block: 80px; */
	}
	.modal__container__in{
		width: 100%;
		height: 100%;
		/* position: absolute; */
		/* top: 50%;
		left: 50%;
		transform: translate(-50%, -50%); */
		/* top: 0;
		left: 0; */
		position: relative;
		padding-block: 80px;

	}
	.modal__content__wrap {
		/* position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%); */
		position: absolute;
		top: 80px;
		left: 50%;
		transform: translateX(-50%);
		width: calc(380 / var(--font) * 1rem);
	}
	.modal__content{
		position: relative;
		margin: auto;
		display: block;
		width: fit-content;
		height: auto;
	}
	.modal__close {
		position: absolute;
		top: calc(-40 / var(--font) * 1rem);
		right: calc(-40 / var(--font) * 1rem);
		width: calc(37.5 / var(--font) * 1rem);
		height: calc(37.5 / var(--font) * 1rem);
		color: #fff;
		background: none;
		border: none;
		font-size: calc(37.5 / var(--font) * 1rem);
		cursor: pointer;
		line-height: 1;
		z-index: 11;
	}
	.modal__content .selectArea_tour{
		/* width: 100%;
		max-width: calc(380 / var(--font) * 1rem); */
		background: #fff;
		padding: calc(13 / var(--font) * 1rem);
		border: calc(2 / var(--font) * 1rem) solid #99864C;
	}
	.modal__content .selectArea_tour.col--02 .selectArea_box:last-of-type{
		margin-top: calc(13 / var(--font) * 1rem);
	}

}
@media all and (max-width: 375px){
	.modal__content .selectArea_tour{
		width: calc(320 / var(--font) * 1rem);
	}
	.modal__close{
		right: calc(10 / var(--font) * 1rem);
	}
}



/* scroll-hint */
@media all and (min-width: 897px), print {
	#main .js-scrollable {
		overflow: hidden !important;
	}
}
@media all and (max-width: 896px){
	#main .js-scrollable {
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}
	#main .scroll-hint-icon {
		position: absolute;
		top: calc(50% - 25px);
		left: calc(50% - 60px);
		box-sizing: border-box;
		width: calc(126 / var(--font) * 1rem);
		height: calc(127 / var(--font) * 1rem);
		border-radius: calc(20 / var(--font) * 1rem);
		transition: opacity .3s;
		opacity: 0;
		background: rgba(0, 0, 0, .7);
		text-align: center;
		padding: 20px 10px 10px 10px;
		
	}
	#main .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
		opacity: .8;
	}
	#main .scroll-hint-text {
		font-size: calc(16 / var(--font) * 1rem);
		color: #FFF;
		margin-top: 5px;
	}

}