@charset "UTF-8";

.f_guide_box01 {
	overflow: hidden;
	position: relative;
	}
	.f_guide_box01 .no1 {
		position: absolute;
		top: 15%;
		left: 41.5%;
		}
	.f_guide_box01 .no2 {
		position: absolute;
		top: 33%;
		left: 19%;
		}
	.f_guide_box01 .no3 {
		position: absolute;
		top: 33%;
		left: 62%;
		}
	.f_guide_box01 .no4 {
		position: absolute;
		top: 10%;
		left: 21%;
		}
	.f_guide_box01 .no5 {
		position: absolute;
		top: 10%;
		left: 56%;
		}
	.f_guide_box01 .no6 {
		position: absolute;
		top: 10%;
		left: 72.5%;
		}
	.f_guide_box01 .no7 {
		position: absolute;
		top: 26%;
		left: 89%;
		}
	.f_guide_box01 .no8 {
		position: absolute;
		top: 62%;
		left: 28.6%;
		}
.box_wrap{margin-bottom: 3vw;}
h3{
	font-size: 1.875rem;
	margin-bottom: 0.7vw;
	padding-left: 55px;
	position: relative;
	}


@media all and (-ms-high-contrast:none) {
.f_guide_box02_wrap h3::before {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}




.f_guide_box02_wrap h3::before{
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	line-height: 45px;
	-ms-line-height: 100px;
	margin-right: 10px;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 0;
}

h3 + p {margin: 0 auto 20px;}

.f_guide_box02_wrap .box01 h3::before{
	content: "1";
	background: #c4b005;
}
.f_guide_box02_wrap .box02 h3::before{
	content: "2";
	background: #0075c6;
}
.f_guide_box02_wrap .box03 h3::before{
	content: "3";
	background: #c51a1f;;
}
.f_guide_box02_wrap .box04 h3::before{
	content: "4";
	background: #2fc8fc;
}
.f_guide_box02_wrap .box05 h3::before{
	content: "5";
	background: #20ab63;
}
.f_guide_box02_wrap .box06 h3::before{
	content: "6";
	background: #8e1c9f;
}
.f_guide_box02_wrap .box07 h3::before{
	content: "7";
	background: #e3007b;
}
.f_guide_box02_wrap .box08 h3::before{
	content: "8";
	background: #f48a00;
}
.f_guide_box02_wrap>div{
	border-bottom: 1px solid #c9c9c9;
	margin-bottom: 2vw;
	padding-bottom: 2vw;

}
.f_guide_box02_wrap .dsp_sbt li{width: 48%;}
.f_guide_box02_wrap .box01 li:first-child{margin-bottom: 1vw;}

#guide .btn a {
	width: 240px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #999999;
	color: #fff;
	display: block;
	}
#guide .btn a:before{
    margin:0 5px 0 0;
    content:" ";
    display:inline-block;
    width:19px;
    height:20px;
    background:url(../img/floor_guide/icon.png);
    background-size: 19px 20px;
    vertical-align:middle;
	}
#guide .btn a:after{
	font-family: FontAwesome;
    content: "\f105";
    margin: 0 0 0 5px;
	}
#guide .btn a:hover{
	text-decoration: none;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	}


/*
=====================================*/
@media screen and (max-width:1250px) {

.f_guide_box01 .no1,
.f_guide_box01 .no2,
.f_guide_box01 .no3,
.f_guide_box01 .no4,
.f_guide_box01 .no5,
.f_guide_box01 .no6,
.f_guide_box01 .no7,
.f_guide_box01 .no8 {
	width: 6.64vw;
	}
}


/*
=====================================*/
@media screen and (max-width:768px) {

.f_guide_box01 {
	overflow: hidden;
	position: relative;
	}
	.f_guide_box01 .no1 {
		position: absolute;
		top: 24%;
		left: 35.7%;
		}
	.f_guide_box01 .no2 {
		position: absolute;
		top: 38.5%;
		left: 12%;
		}
	.f_guide_box01 .no3 {
		position: absolute;
		top: 38.5%;
		left: 59.5%;
		}
	.f_guide_box01 .no4 {
		position: absolute;
		top: 21%;
		left: 12.5%;
		}
	.f_guide_box01 .no5 {
		position: absolute;
		top: 21%;
		left: 51.3%;
		}
	.f_guide_box01 .no6 {
		position: absolute;
		top: 21%;
		left: 70%;
		}
	.f_guide_box01 .no7 {
		position: absolute;
		top: 34%;
		left: 87%;
		}
	.f_guide_box01 .no8 {
		position: absolute;
		top: 62%;
		left: 21%;
		}

.f_guide_box01 .no1,
.f_guide_box01 .no2,
.f_guide_box01 .no3,
.f_guide_box01 .no4,
.f_guide_box01 .no5,
.f_guide_box01 .no6,
.f_guide_box01 .no7,
.f_guide_box01 .no8 {
	width: 8.8vw;
	}

.box01,
.box02,
.box03,
.box04,
.box05,
.box06,
.box07,
.box08 {
	padding-top: 70px;
	margin-top: -70px;
	}



.f_guide_box02_wrap>div{
	margin-bottom: 5vw;
	padding-bottom: 5vw;
	}
h3{
	margin-bottom: 1.5vw;
	font-size: 1.25rem;
	padding-left: 37px;
	}
.f_guide_box02_wrap h3::before{
	display: inline-block;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	line-height: 27px;;
	margin-right: 10px;
	font-size: 1.125rem;
	}
.dsp_sbt{display: block;}
.f_guide_box02_wrap .box01 li:first-child,
.f_guide_box02_wrap .dsp_sbt li{
	width: 100%;
	margin-bottom: 4vw;
	}
.f_guide_box02_wrap .dsp_sbt li:last-child{margin-bottom: 0;}

.f_guide_box02_wrap .dsp_sbt li img{width: 100%;}


#guide .btn a {
	width: 75%;
	height: 54px;
	line-height: 54px;
	font-size: 1rem;
	}
#guide .btn a:before{
    margin:0 5px 0 0;
    content:" ";
    display:inline-block;
    width:17px;
    height:18px;
    background:url(../img/floor_guide/icon.png);
    background-size: 17px 18px;
    vertical-align:middle;
	}



}