@charset "UTF-8";

/*--------------------------------------------------------------
h5
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	.contents h5 {
		font-size: 40px;
		font-family: "Bakbak One", sans-serif;
		line-height: 1;
		margin-bottom: 20px;
		padding-left: 5%;
	}
	
	.contents h5 span {
		font-size: 16px;
		font-weight: 900;
		font-family: "Zen Kaku Gothic New", sans-serif;
		border-left: 1px solid #707070;
		margin-left: 15px;
		padding-left: 10px;
		vertical-align: 5px;
	}
	
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	.contents h5 {
		font-size: 3.646vw;
		font-family: "Bakbak One", sans-serif;
		line-height: 1;
		margin-bottom: 2.083vw;
		padding-left: 0;
	}
	
	.contents h5 span {
		font-size: 1.562vw;
		font-weight: 900;
		font-family: "Zen Kaku Gothic New", sans-serif;
		border-left: 1px solid #707070;
		margin-left: 1.562vw;
		padding-left: 1.562vw;
		vertical-align: 0.26vw;
	}
	
}

/*--------------------------------------------------------------
.top-message
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	.top-message {
		margin: 0 8%;
		padding: 0;
		width: auto;
		position: relative;
		z-index: 5;
	}
	
	.top-message h4 {
		margin: 0 0 30px -10px;
		padding: 0;
		font-size: 40px;
		font-weight: 900;
		letter-spacing: -5px;
		line-height: 1.3;
	}
	
	.scroll-wrapper {
		overflow: hidden;
		position: relative;
		margin-top: -50px;
	}
	
	.scroll-list {
		display: flex;
		list-style: none;
		padding-inline: 0;
		margin-inline: 0;
		gap: 0;
		position: relative;
		left: calc(50% - 50vw);
		font-family: "Bakbak One", sans-serif;
	}
	
	.scroll-list li {
		color: #FFF;
		font-size: 100px;
		white-space: nowrap;
		padding: 0 0.5em 0 0;
		animation: marquee-right 30s linear infinite;
	}
	
	.contents h2 {
		background: #333333;
		font-size: 25px;
		color: #FFF;
		font-weight: 900;
		width: auto;
		margin: 0 auto 30px auto;
		padding: 10px 8% 15px 8%;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	.top-message {
		margin: 0 auto;
		padding: 0;
		width: 78.12vw;
		position: relative;
		z-index: 5;
	}
	
	.top-message h4 {
		margin: 0 0 1.562vw -0.521vw;
		padding: 0;
		font-size: 4.167vw;
		font-weight: 900;
		letter-spacing: -0.26vw;
	}
	
	.scroll-wrapper {
		overflow: hidden;
		position: relative;
		margin-top: -6.771vw;
	}
	
	.scroll-list {
		display: flex;
		list-style: none;
		padding-inline: 0;
		margin-inline: 0;
		gap: 0;
		position: relative;
		left: calc(50% - 50vw);
		font-family: "Bakbak One", sans-serif;
	}
	
	.scroll-list li {
		color: #FFF;
		font-size: 10.417vw;
		white-space: nowrap;
		padding: 0 0.5em 0 0;
		animation: marquee-right 30s linear infinite;
	}
	
	.contents h2 {
		background: #333333;
		font-size: 2.604vw;
		color: #FFF;
		font-weight: 900;
		width: 84.89vw;
		margin: 0 auto 3.646vw auto;
		padding: 0.521vw 4.167vw 0.781vw 4.167vw;
	}
	
}

@keyframes marquee-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.rotate {
  animation: rotate 20s infinite linear;
}


/*--------------------------------------------------------------
#experience-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#experience-area {
		margin: 0 8% 50px 8%;
		padding: 0;
		width: auto;
	}
	
	#experience-area div:first-child {
		width: auto;
	}
	
	#experience-area div:first-child h4 {
		font-size: 28px;
		font-weight: 900;
		margin-bottom: 20px;
	}
	
	#experience-area div:first-child dl {
		margin-top: 40px;
	}
	
	#experience-area div:first-child dt {
		font-size: 20px;
		font-weight: 900;
		border-bottom: 1px solid #707070;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	
	#experience-area div:first-child .material-symbols-outlined {
		font-size: 30px;
		vertical-align: -8px;
		font-variation-settings:
			'FILL' 0,
			'wght' 300,
			'GRAD' 0,
			'opsz' 24
	}

	
	#experience-area div:last-child {
		width: auto;
		margin-top: 30px;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#experience-area {
		margin: 0 auto 4.167vw auto;
		padding: 0;
		width: 71.35vw;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
	}
	
	#experience-area div:first-child {
		width: 41.66vw;
	}
	
	#experience-area div:first-child h4 {
		font-size: 2.344vw;
		font-weight: 900;
		margin-bottom: 1.302vw;
	}
	
	#experience-area div:first-child dl {
		margin-top: 2.344vw;
	}
	
	#experience-area div:first-child dt {
		font-size: 1.562vw;
		font-weight: 900;
		border-bottom: 1px solid #707070;
		padding-bottom: 0.26vw;
		margin-bottom: 0.521vw;
	}
	
	#experience-area div:first-child .material-symbols-outlined {
		font-size: 2.083vw;
		vertical-align: -0.521vw;
		font-variation-settings:
			'FILL' 0,
			'wght' 300,
			'GRAD' 0,
			'opsz' 24
	}

	
	#experience-area div:last-child {
		width: 25.26vw;
		margin-top: 0;
	}
	
}


/*--------------------------------------------------------------
#tour_contents-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#tour_contents-area {
		margin: 0 2% 50px 2%;
		padding: 0;
		width: auto;
	}
	
	#tour_contents-area h5 {
		font-size: 40px;
		font-family: "Bakbak One", sans-serif;
		line-height: 1;
		margin-bottom: 20px;
		padding: 0 5%;
	}
	
	#tour_contents-area h5 span {
		font-size: 16px;
		font-weight: 900;
		font-family: "Zen Kaku Gothic New", sans-serif;
		border-left: 1px solid #707070;
		margin-left: 15px;
		padding-left: 10px;
		vertical-align: 5px;
	}
	
	#tour_contents-area ul {
		margin-bottom: 20px;
	}
	
	#tour_contents-area ul li {
		background: #FFF;
		border: 1px solid #231815;
		border-radius: 10px;
		padding: 30px 8%;
		box-sizing: border-box;
		width: 100%;
		margin-bottom: 2%;
	}
	
	#tour_contents-area ul li:last-child {
		width: 100%;
		text-align: left;
	}
	
	#tour_contents-area dt {
		font-size: 20px;
		font-weight: 900;
		margin-bottom: 15px;
	}
	
	#tour_contents-area dt span {
		font-size: 16px;
		background: #231815;
		padding: 0 5px 2px 5px;
		margin-left: 0;
		color: #FFF;
		vertical-align: 3px;
	}
	
	#tour_contents-area .center {
		text-align: left;
		padding: 0 5%;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#tour_contents-area {
		margin: 0 auto 3.646vw auto;
		padding: 0;
		width: 71.35vw;
	}
	
	#tour_contents-area h5 {
		font-size: 3.646vw;
		font-family: "Bakbak One", sans-serif;
		line-height: 1;
		margin-bottom: 2.083vw;
		padding: 0;
	}
	
	#tour_contents-area h5 span {
		font-size: 1.562vw;
		font-weight: 900;
		font-family: "Zen Kaku Gothic New", sans-serif;
		border-left: 1px solid #707070;
		margin-left: 1.562vw;
		padding-left: 1.562vw;
		vertical-align: 0.26vw;
	}
	
	#tour_contents-area ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 1.042vw;
	}
	
	#tour_contents-area ul li {
		background: #FFF;
		border: 1px solid #231815;
		border-radius: 0.521vw;
		padding: 3.125vw;
		box-sizing: border-box;
		width: 49.5%;
		margin-bottom: 1%;
	}
	
	#tour_contents-area ul li:last-child {
		width: 100%;
		text-align: center;
	}
	
	#tour_contents-area dt {
		font-size: 1.562vw;
		font-weight: 900;
		margin-bottom: 1.042vw;
	}
	
	#tour_contents-area dt span {
		font-size: 1.042vw;
		background: #231815;
		padding: 0 0.26vw 0.104vw 0.26vw;
		margin-left: 0.521vw;
		color: #FFF;
		vertical-align: 0.156vw;
		display: inline;
	}
	
	#tour_contents-area .center {
		text-align: center;
		padding: 0;
	}
	
}

/*--------------------------------------------------------------
#model-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#model-area {
		background: url("../images/sub_bg.jpg") left top;
		-webkit-background-size: 390px 390px;
		background-size: 390px 390px;
		padding: 30px 2%;
		margin-bottom: 50px;
	}
	
	#model-area .model_inner {
		margin: 0 auto;
		padding: 0;
		width: auto;
	}
	
	#model-area .model_inner dl {
		margin-bottom: 10px;
		padding: 20px 20px;
		background: #FFF;
		border-radius: 10px;
	}
	
	#model-area .model_inner dt {
		width: auto;
		font-size: 20px;
		font-family: "Bakbak One", sans-serif;
		line-height: 1;
	}
	
	#model-area .model_inner dt span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 10px;
	}
	
	#model-area .model_inner dt span::before {
		content: '';
		display: inline-block;
		margin-right: 10px;
		width: 10px;
		height: 1px;
		background-color: #151E23;
	}
	
	#model-area .model_inner dd {
		width: auto;
		font-size: 18px;
		font-weight: 900;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#model-area {
		background: url("../images/sub_bg.jpg") left top;
		-webkit-background-size: 20.31vw 20.31vw;
		background-size: 20.31vw 20.31vw;
		padding: 3.125vw 0;
		margin-bottom: 5.208vw;
	}
	
	#model-area .model_inner {
		margin: 0 auto;
		padding: 0;
		width: 71.35vw;
	}
	
	#model-area .model_inner dl {
		margin-bottom: 0.521vw;
		padding: 1.562vw 2.083vw;
		background: #FFF;
		border-radius: 0.521vw;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	
	#model-area .model_inner dt {
		width: 8.333vw;
		font-size: 1.562vw;
		font-family: "Bakbak One", sans-serif;
		line-height: 1;
	}
	
	#model-area .model_inner dt span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 0.521vw;
	}
	
	#model-area .model_inner dt span::before {
		content: '';
		display: inline-block;
		margin-right: 1.042vw;
		width: 0.781vw;
		height: 0.052vw;
		background-color: #151E23;
	}
	
	#model-area .model_inner dd {
		width: 59.89vw;
		font-size: 1.302vw;
		font-weight: 900;
	}
	
}


/*--------------------------------------------------------------
#review-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#review-area {
		margin: 0 auto 50px auto;
		padding: 0;
		width: auto;
		position: relative;
	}
	
	#review-area ul {
		margin: 0 2%;
	}
	
	#review-area ul li {
		background: #FFF;
		border: 1px solid #231815;
		border-radius: 10px;
		padding: 20px;
		box-sizing: border-box;
		width: 100%;
		margin-bottom: 2%;
	}
	
	#review-area dl {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		margin-bottom: 15px;
	}
	
	#review-area dt {
		width: 80px;
	}
	
	#review-area dd {
		width: auto;
		text-align: center;
		font-size: 20px;
		font-weight: 900;
	}
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#review-area {
		margin: 0 auto 6.25vw auto;
		padding: 0;
		width: 71.35vw;
		position: relative;
	}
	
	#review-area ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin: 0;
	}
	
	#review-area ul li {
		background: #FFF;
		border: 1px solid #231815;
		border-radius: 0.521vw;
		padding: 3.125vw;
		box-sizing: border-box;
		width: 32.5%;
		margin-bottom: 0;
	}
	
	#review-area dl {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 0.781vw;
	}
	
	#review-area dt {
		width: 5.208vw;
	}
	
	#review-area dd {
		width: 11.45vw;
		text-align: center;
		font-size: 1.302vw;
		font-weight: 900;
	}
	
}