@charset "utf-8";

/* CSS Document */

/* --------------------------------
	- Noto Sans JP Regular 400
	- Noto Sans JP Medium 500
	- Barlow Semi-bold 600
    https://fonts.google.com/share?selection.family=Barlow:wght@600%7CNoto%20Sans%20JP:wght@400;500
-------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@600&family=Noto+Sans+JP:wght@400;500&display=swap');


/* --------------------------------
	- common
-------------------------------- */
* {

	margin: 0;
	padding: 0;
}

body {

	background-color: #ffffff;
	overflow-x: hidden;
}

a,
img {

	border: 0;
}


/* --------------------------------
	- contents_image_click_area
-------------------------------- */
.contents_image_click_area .contents_image_click_area_base        { fill: rgba(  0,   0,   0, 0.00); transition: all 0.20s; }
.contents_image_click_area:hover .contents_image_click_area_base  { fill: rgba(  0, 132, 185, 0.20); transition: all 0.20s; }
.contents_image_click_area:active .contents_image_click_area_base { fill: rgba(  0, 132, 185, 0.40); transition: all 0.00s; }
.contents_image_click_area .contents_image_click_area_btn         { fill: rgba(  0,   0,   0, 0.00); transition: all 0.20s; }
.contents_image_click_area:hover .contents_image_click_area_btn   { fill: rgba(  0, 132, 185, 0.40); transition: all 0.40s; }
.contents_image_click_area:active .contents_image_click_area_btn  { fill: rgba(  0, 132, 185, 0.60); transition: all 0.00s; }
.contents_image_click_area .contents_image_click_area_text        { fill: rgba(255, 255, 255, 0.00); transition: all 0.40s; }
.contents_image_click_area:hover .contents_image_click_area_text  { fill: rgba(255, 255, 255, 1.00); transition: all 0.40s; }
.contents_image_click_area:active .contents_image_click_area_text { fill: rgba(255, 255, 255, 1.00); transition: all 0.00s; }


/* --------------------------------
	- map
-------------------------------- */
#map .circle {

	fill: #6C6C6C;
}

#map .building {

	fill: #bebebe;
	/* anim */
	transition: all 0.20s cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}

#map .route {

	fill: transparent;
	stroke: #FFFFFF;
	stroke-width: 4;
}

#map .triangle {

	fill: #ffffff;
	/* anim */
	transition: all 0.20s cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}

#map .label {

	fill: #ffffff;
	/* anim */
	transition: all 0.20s cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}

#map .label_focus {

	fill: rgba(84, 216, 255);
	filter: drop-shadow(0 0 calc(100vw * 2 / 1280) rgba(84, 216, 255, 0.20));
	/* anim */
	transition: all 0.00s;
}