@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&family=Spartan:wght@400&display=swap');
@import url('../../../design/common_it/css/base.css');
@import url('../../../design/common/css/swiper-settings.css');
/* @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500&family=Petit+Formal+Script&family=Spartan:wght@400&display=swap'); */

/* h1 : A-OTF M+PLUS+Rounded / --HiraginoUDSansRStd */
/* haeding text : Questrial / --Century Gothic */
/* employment rate : Spartan / --Spartan */

/*---------

site-color

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

:root{
	--site-hotel-point-color: rgb(166, 29, 75);
	--site-point-color: rgb(255, 253, 56);
	--heading-site-main-color: rgb(26, 171, 176);
	--bg-site-main-blue: rgb(217, 243, 255);
    --bg-site-main-cream: rgb(252, 242, 222);
    --bg-site-main-gray: rgb(243, 243, 243);

	--bg-site-stripe: repeating-linear-gradient(90deg, rgba(226, 243, 255, 1) , rgba(226, 243, 255, 1) 24px, transparent 16px, transparent 48px );
    --bg-site-diagonal-stripe: repeating-linear-gradient(135deg, transparent, transparent 2px, var(--bg-site-main-gray) 2px, var(--bg-site-main-gray) 4px );
	--bg-site-blue-plaid: repeating-linear-gradient( 90deg, rgba(255, 255, 255, .5), rgba(255 , 255, 255, .5) 1px, transparent 1px, transparent 32px), repeating-linear-gradient( 0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5) 1px, rgba(227, 241, 245, 1) 1px, rgba(227, 241, 245, 1) 32px);

	--width-min: 86.4rem;
	--width: 103.6rem;
}