@charset "UTF-8";
/*--------------------------------------------------------------
#contact-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#contact-area {
		margin: 0 3.488vw 9.302vw 3.488vw;
		width: auto;
	}
	
	#contact-area p {
		margin: 0 4.651vw 12.791vw 4.651vw;
		width: auto;
	}
	
	#contact-area h3 {
		font-size: 5.116vw;
		font-weight: 700;
		text-align: center;
	}
	
	#contact-area ul {
		margin-bottom: 6.977vw;
		background: #FFF;
		border-radius: 4.651vw;
		padding: 9.302vw 3.488vw;
	}
	
	#contact-area ul li.phone_number a {
		width: 58.13vw;
		margin: 0 auto;
		display: block;
		color: #FFF;
		font-size: 3.721vw;
		font-weight: 600;
		text-align: center;
		position: relative;
		padding: 4.651vw 0 4.651vw 4.651vw;
		border-radius: 2.326vw;
		margin-bottom: 4.651vw;
		opacity: 1;
		transition: opacity 0.35s ease;
		background: #F08484;
	}
	
	#contact-area ul li.phone_number a .material-symbols-outlined {
		font-size: 6.977vw;
		position: absolute;
		top: 50%;
		left: 5.814vw;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-variation-settings:
			'FILL' 0,
			'wght' 300,
			'GRAD' 0,
			'opsz' 24
	}
	
	#contact-area ul li.time {
		text-align: center;
		margin-bottom: 4.651vw;
		font-size: 3.721vw;
		font-weight: 600;
		color: #625148;
	}
	
	#contact-area ul li.time span {
		font-size: 4.651vw;
		font-weight: 600;
		margin-left: 3.488vw;
		font-family: "Geologica", sans-serif;
	}
	
	#contact-area ul li p {
		text-align: left;
		margin-bottom: 0;
	}
	
	#contact-area .footer-cv-line{
		width: 58.13vw;
		margin: 0 auto;
		display: block;
		color: #FFF;
		font-size: 3.721vw;
		font-weight: 600;
		text-align: center;
		position: relative;
		padding: 4.651vw 0 4.651vw 4.651vw;
		border-radius: 10px;
		margin-bottom: 30px;
		opacity: 1;
		transition: opacity 0.35s ease;
	}
	
	#contact-area .footer-cv-line:hover {
		opacity: 0.7;
	}
	
	#contact-area .footer-cv-line {
		background: #86C98E;
	}
	
	#contact-area .footer-cv-line span{
		width: 6.977vw;
		position: absolute;
		top: 55%;
		left: 5.814vw;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#contact-area {
		margin: 0 auto 4.167vw auto;
		width: 52.08vw;
	}
	
	#contact-area p {
		margin: 0 auto 3.646vw auto;
		width: 36.45vw;
	}
	
	#contact-area h3 {
		font-size: 1.562vw;
		font-weight: 700;
		text-align: center;
	}
	
	#contact-area ul {
		margin-bottom: 2.083vw;
		background: #FFF;
		border-radius: 1.042vw;
		padding: 2.083vw;
	}
	
	#contact-area ul li.phone_number {
		font-family: "Geologica", sans-serif;
		color: #F08484;
		font-size: 2.344vw;
		font-weight: 600;
		text-align: center;
		margin-bottom: 0.521vw;
		position: relative;
	}
	
	#contact-area ul li.time {
		text-align: center;
		margin-bottom: 0.781vw;
		font-size: 1.042vw;
		font-weight: 600;
	}
	
	#contact-area ul li.time span {
		font-size: 1.042vw;
		font-weight: 600;
		margin-left: 0.781vw;
		font-family: "Geologica", sans-serif;
	}
	
	#contact-area ul li.phone_number .material-symbols-outlined {
		font-size: 2.604vw;
		vertical-align: -0.417vw;
		margin-right: 0.521vw;
		font-variation-settings:
			'FILL' 0,
			'wght' 300,
			'GRAD' 0,
			'opsz' 24
	}
	
	#contact-area ul li p {
		text-align: center;
		margin-bottom: 0;
	}
	
	#contact-area .footer-cv-line{
		width: 13.8vw;
		margin: 0 auto;
		display: block;
		color: #FFF;
		font-size: 0.885vw;
		font-weight: 600;
		text-align: center;
		position: relative;
		padding: 1.042vw 0 1.042vw 1.042vw;
		border-radius: 0.521vw;
		margin-bottom: 1.562vw;
		opacity: 1;
		transition: opacity 0.35s ease;
	}
	
	#contact-area .footer-cv-line:hover {
		opacity: 0.7;
	}
	
	#contact-area .footer-cv-line {
		background: #86C98E;
	}
	
	#contact-area .footer-cv-line span{
		width: 1.562vw;
		position: absolute;
		top: 55%;
		left: 1.302vw;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
	
}

/*--------------------------------------------------------------
#tour-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#tour-area {
		margin: 0 8.14vw 15.116vw 8.14vw;
		width: auto;
	}
	
	#tour-area h6 {
		font-size: 3.488vw;
		text-align: left;
		margin-top: 6.977vw;
	}

	#tour-area .time {
		font-size: 4.186vw;
		font-weight: 600;
		text-align: center;
		margin-bottom: 4.651vw;
		margin-top: -2.326vw;
	}
	
	#tour-area .time span {
		font-size: 4.419vw;
		font-weight: 600;
		margin-left: 3.488vw;
		font-family: "Geologica", sans-serif;
	}
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#tour-area {
		margin: 0 auto 5.208vw auto;
		width: 33.85vw;
	}
	
	#tour-area h6 {
		font-size: 0.833vw;
		text-align: center;
		margin-top: 1.562vw;
	}

	#tour-area .time {
		font-size: 1.042vw;
		font-weight: 600;
		text-align: center;
		margin-bottom: 1.042vw;
		margin-top: -0.521vw;
	}
	
	#tour-area .time span {
		font-size: 1.042vw;
		font-weight: 600;
		margin-left: 0.781vw;
		font-family: "Geologica", sans-serif;
	}
	
}