@charset "UTF-8";
/*--------------------------------------------
TEXT ALIGN
---------------------------------------------*/
.text-right{
	text-align : right;
}
.text-center{
	text-align : center;
}
/*--------------------------------------------
EM SPACING
---------------------------------------------*/
.mt0{
	margin-top : 0;
}
.mb0{
	margin-bottom : 0;
}
.ml0{
	margin-left : 0;
}
.mr0{
	margin-right : 0;
}
.mt1em{
	margin-top : 1em;
}
.mb1em{
	margin-bottom : 1em;
}
.ml1em{
	margin-left : 1em;
}
.mr1em{
	margin-right : 1em;
}
.pt0{
	padding-top : 0;
}
.pb0{
	padding-bottom : 0;
}
.pl0{
	padding-left : 0;
}
.pr0{
	padding-right : 0;
}
.pt1em{
	padding-top : 1em;
}
.pb1em{
	padding-bottom : 1em;
}
.pl1em{
	padding-left : 1em;
}
.pr1em{
	padding-right : 1em;
}
/*--------------------------------------------
WRAP OVER
---------------------------------------------*/
@media(max-width: 750px){
	.fluid{
		margin-right : calc(50% - 50vw);
		margin-left : calc(50% - 50vw);
	}
}
/*--------------------------------------------
MAP
---------------------------------------------*/
.map-container{
	position : relative;
}
.map-container #map{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}
img{
	height : auto;
	vertical-align : top;
	outline : none;
}
@media(max-width: 999px){
	img{
		width : 100%;
	}
}
@media(min-width: 1000px){
	img{
		max-width : 100%;
	}
}
@media(min-width: 1000px){
	.is-sp{
		display : none;
	}
}
@media(max-width: 999px){
	.is-pc{
		display : none;
	}
}
article{
	position : relative;
}
.title01{
	position : relative;
	z-index : 2;
	background-color : #f29700;
	font-weight : 600;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	text-align : center;
}
.title01:after{
	content : "";
	display : block;
	position : absolute;
	width : 0;
	height : 0;
	-webkit-transform : rotate( 45deg );
	        transform : rotate( 45deg );
	bottom : 0;
}
.title01:before{
	content : "";
	display : block;
	background-image : url("../images/ui/icon/star.svg");
	background-repeat : no-repeat;
	background-size : contain;
}
@media(max-width: 999px){
	.title01{
		height : calc( 100 * 100vw / 750 );
		font-size : calc( 36 * 100vw / 750 );
	}
	.title01:before{
		width : calc( 33 * 100% / 750 );
		height : calc( 49.098 * 100vw / 750 );
		margin-right : calc( 7 * 100% / 750 );
	}
	.title01:after{
		border : solid calc( 20 * 100vw / 750 ) #f29700;
		border-top-color : transparent;
		border-left-color : transparent;
		left : 50%;
		margin-left : calc( -20 * 100vw / 750 );
	}
}
@media(min-width: 1000px){
	.title01{
		height : 100px;
		font-size : 30px;
	}
	.title01:before{
		width : 33px;
		height : 49px;
		margin-right : 7px;
	}
	.title01:after{
		border : solid 20px #f29700;
		border-top-color : transparent;
		border-left-color : transparent;
		bottom : -15px;
	}
}
.title01.blue{
	background-color : #0075c0;
	color : white;
}
.title01.blue:after{
	border-bottom-color : #0075c0;
	border-right-color : #0075c0;
}
@media(max-width: 999px){
	.title02{
		text-align : center;
		font-size : calc( 48 * 100vw / 750 );
		font-weight : 600;
		position : relative;
	}
	.title02 em{
		font-size : calc( 60 * 100vw / 750 );
		display : block;
		letter-spacing : -.079em;
		line-height : calc( 61 * 100vw / 750 );
	}
	.title02:before{
		content : "";
		display : block;
		width : calc( 640 * 100% / 750 );
		border-top : solid calc( 4 * 100vw / 750 ) #000;
		margin-left : calc( 55 * 100% / 750 );
		margin-bottom : calc( 14 * 100vw / 750 );
	}
	.title02:after{
		content : "";
		display : block;
		width : 100%;
		height : calc( 24.32843 * 100vw / 750 );
		margin-top : calc( 14 * 100vw / 750 );
		background : url("../images/change/bg_title_sp.svg") center top / calc( 640 * 100% / 750 ) auto no-repeat;
	}
}
@media(min-width: 1000px){
	.title02{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		-webkit-box-align : end;
		-ms-flex-align : end;
		align-items : flex-end;
		font-weight : 600;
		font-size : 24px;
		text-align : center;
	}
	.title02 em{
		display : block;
		font-size : 30px;
		margin-top : 12px;
	}
	.title02:before{
		content : "";
		display : block;
		background : url("../images/change/bg_title01_pc.svg") left top / contain no-repeat;
		width : 30px;
		height : 70px;
		margin-right : 10px;
	}
	.title02:after{
		content : "";
		display : block;
		background : url("../images/change/bg_title02_pc.svg") left top / contain no-repeat;
		width : 30px;
		height : 70px;
		margin-left : 10px;
	}
}
@media(max-width: 999px){
	.title03{
		text-align : center;
		font-size : calc( 48 * 100vw / 750 );
		font-weight : 600;
		position : relative;
	}
	.title03 em{
		font-size : calc( 60 * 100vw / 750 );
		display : block;
		letter-spacing : -.079em;
		line-height : calc( 61 * 100vw / 750 );
	}
	.title03:before{
		content : "";
		display : block;
		width : calc( 640 * 100% / 750 );
		border-top : solid calc( 4 * 100vw / 750 ) #000;
		margin-left : calc( 55 * 100% / 750 );
		margin-bottom : calc( 14 * 100vw / 750 );
	}
	.title03:after{
		content : "";
		display : block;
		width : calc( 640 * 100% / 750 );
		border-top : solid calc( 4 * 100vw / 750 ) #000;
		margin-left : calc( 55 * 100% / 750 );
		margin-top : calc( 14 * 100vw / 750 );
	}
}
@media(min-width: 1000px){
	.title03{
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		-webkit-box-align : end;
		-ms-flex-align : end;
		align-items : flex-end;
		font-weight : 600;
		font-size : 24px;
		text-align : center;
	}
	.title03 em{
		display : block;
		font-size : 30px;
		margin-top : 12px;
	}
	.title03:before{
		content : "";
		display : block;
		background : url("../images/change/bg_title01_pc.svg") left top / contain no-repeat;
		width : 30px;
		height : 70px;
		margin-right : 10px;
	}
	.title03:after{
		content : "";
		display : block;
		background : url("../images/change/bg_title02_pc.svg") left top / contain no-repeat;
		width : 30px;
		height : 70px;
		margin-left : 10px;
	}
}