@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	content.css

//////////////////////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------------------------

	promotion

------------------------------------------------------------------------------*/

main #promotion .main_image {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
	color: #FFF;
}

body.travel main #promotion .main_image { background-color: rgba(var(--pink),1);}
body.layover main #promotion .main_image { background-color: rgba(var(--green),1);}

main #promotion .main_image h1 {
	font-weight: 900;
	text-align: center;
	letter-spacing: .25em;
	font-size: 5.25em;
}

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

main #promotion .main_image {
	height: 350px;
}

main #promotion .main_image h1 {
	font-size: 4.25em;
}

}

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

main #promotion .main_image {
	height: 300px;
}

main #promotion .main_image h1 {
	font-size: 3.25em;
}

}

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

main #promotion .main_image {
	height: 220px;
}

main #promotion .main_image h1 {
	margin-top: 1em;
}

}

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

main #promotion .main_image {
	height: 30vw;
}

main #promotion .main_image h1 {
	margin-top: 5vw;
	font-size: 8vw;
}

}


/*------------------------------------------------------------------------------

	main

------------------------------------------------------------------------------*/

main .text {
	margin-bottom: 3em;
}

main .text p {
	font-weight: 500;
	text-align: center;
	font-size: 1.125em;
}

main .overview {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 0 2em;
	list-style: none;
}

main .overview li {
	width: 32%;
	margin: 0;
}

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

main .text p {
	font-size: 1em;
}

}

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

main .text p {
	text-align: left;
}

main .overview {
	display: block;
}

main .overview li {
	width: 100%;
	margin-top: 4vw;
}

main .overview li:first-child {
	margin-top: 0;
}

}