@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
}
.wrap{
	margin-left : auto;
	margin-right : auto;
}
@media screen and (max-width: 768px){
	.wrap{
		padding-left : calc( 40 * 100% / 750 );
		padding-right : calc( 40 * 100% / 750 );
	}
}
@media print,screen and (min-width: 769px){
	.wrap{
		padding-left : calc( 40 * 100% / 1366 );
		padding-right : calc( 40 * 100% / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.wrap{
		max-width : 1366px;
		padding-left : 40px;
		padding-right : 40px;
	}
}
@media screen and (max-width: 768px){
	body{
		padding-top : calc( 120 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	body{
		padding-top : calc( 150 * 100vw / 1366 );
	}
  a:hover {
    opacity: .7;
  }
}
@media print,screen and (min-width: 9200px){
	body{
		padding-top : 150px;
	}
}
#main.main-inner{
	margin-left : auto;
	margin-right : auto;
}
@media screen and (max-width: 768px){
	#main.main-inner{
		padding-left : calc( 40 * 100% / 750 );
		padding-right : calc( 40 * 100% / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#main.main-inner{
		max-width : 980px;
	}
}
@media print,screen and (min-width: 9200px){
	#main.main-inner{
		max-width : 980px;
	}
}
/*--------------------------------------------
HEADER
---------------------------------------------*/
#header{
	background-color : #fff;
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	z-index : 10;
}
#header .wrap{
	display : flex;
	align-items : center;
}
#header h1 a{
	display : block;
}
@media screen and (max-width: 768px){
	#header{
		z-index : 11;
	}
	#header:after{
		content : "";
		display : block;
		width : 100%;
		height : calc( 3 * 100vw / 750 );
		box-shadow : 0 3px 3px 0 rgba(0, 0, 0, .2);
		position : absolute;
		left : 0;
		bottom : 0;
		z-index : 11;
	}
	#header .wrap{
		height : calc( 120 * 100vw / 750 );
	}
	#header h1 img{
		height : calc( 77 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	#header .wrap{
		display : flex;
		justify-content : space-between;
		flex-wrap : wrap;
		align-items : flex-start;
	}
	#header h1 a{
		display : flex;
	}
	#header h1 span{
		color : #802077;
		font-weight : 700;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#header .wrap{
		height : calc( 150 * 100vw / 1366 );
		padding-top : calc( 20 * 100vw / 1366 );
		padding-left : calc( 28 * 100vw / 1366 );
		padding-right : calc( 20 * 100vw / 1366 );
	}
	#header h1 a{
		padding-top : calc( 2 * 100vw / 1366 );
	}
	#header h1 img{
		height : calc( 48 * 100vw / 1366 );
	}
	#header h1 span{
		font-size : calc( 14 * 100vw / 1366 );
		line-height : 1.43;
		margin-left : calc( 19 * 100vw / 1366 );
		padding-top : calc( ( 6 - 3 ) * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#header .wrap{
		height : 150px;
		padding-top : 20px;
		padding-left : 28px;
		padding-right : 20px;
	}
	#header h1 a{
		padding-top : 2px;
	}
	#header h1 img{
		height : 48px;
	}
	#header h1 span{
		font-size : 14px;
		line-height : 1.43;
		margin-left : 19px;
		padding-top : calc( 6px - 3px );
	}
}
/*--------------------------------------------
HEADER CONTACTS
---------------------------------------------*/
#headerContacts{
	display : flex;
	align-items : center;
}
#headerContacts a{
	background-repeat : no-repeat;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : opacity;
	transition : opacity .3s ease-in;
}
#headerContacts li:nth-child(1) a{
	background-color : #ffd800;
	background-image : url("/ren1909/images/ui/icon/tel.png");
}
#headerContacts li:nth-child(2) a{
	background-color : #802077;
	background-image : url("/ren1909/images/ui/icon/recruit.png");
}
@media screen and (max-width: 768px){
	#headerContacts{
		margin-left : calc( 155 * 100vw / 750 );
	}
	#headerContacts li + li{
		margin-left : calc( 10 * 100vw / 750 );
	}
	#headerContacts a{
		font-size : 0;
		width : calc( 92 * 100vw / 750 );
		height : calc( 92 * 100vw / 750 );
		display : block;
		background-position : center;
		border-radius : 50%;
	}
	#headerContacts li:nth-child(1) a{
		background-size : auto calc( 44 * 100vw / 750 );
	}
	#headerContacts li:nth-child(2) a{
		background-size : auto calc( 34 * 100vw / 750 );
	}
	#headerContacts li:nth-child(3) a{
		background-image : url("/ren1909/images/ui/icon/seaech_store03.png");
		background-color: #802077;
		background-size : auto calc( 47 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	#headerContacts a{
		display : flex;
		align-items : center;
		text-align : center;
		background-position-y : center;
		font-weight : 700;
	}
  #headerContacts a:hover{
    opacity : .7;
  }
  #headerContacts li:nth-child(1) a{
		color : #802077;
	}
	#headerContacts li:nth-child(2) a{
		color : #fff;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#headerContacts li + li{
		margin-left : calc( 10 * 100vw / 1366 );
	}
	#headerContacts li a{
		width : calc( 190 * 100vw / 1366 );
		height : calc( 50 * 100vw / 1366 );
		border-radius : calc( 25 * 100vw / 1366 );
	}
	#headerContacts li:nth-child(1) a{
		width : calc( 204 * 100vw / 1366 );
		padding-left: calc( 43 * 100vw / 1366 );
		background-position-x : calc( 14 * 100vw / 1366 );
		background-size : auto calc( 20 * 100vw / 1366 );
		font-size : calc( 18 * 100vw / 1366 );
	}
	#headerContacts li:nth-child(1) a .time {
		color : #333;
		font-size : calc( 13 * 100vw / 1366 );
		font-weight: 500;
		display :block;
		margin-top : calc( 2 * 100vw / 1366 );
	}
	#headerContacts li:nth-child(2) a{
		padding-left : calc( 63 * 100vw / 1366 );
		background-position-x : calc( 24 * 100vw / 1366 );
		background-size : auto calc( 17 * 100vw / 1366 );
		font-size : calc( 14 * 100vw / 1366 );
		line-height : 1.14;
	}
	#headerContacts li:nth-child(2) a{
		padding-left : calc( 86 * 100vw / 1366 );
		background-position-x : calc( 47 * 100vw / 1366 );
		background-size : auto calc( 29 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#headerContacts li + li{
		margin-left : 10px;
	}
	#headerContacts li a{
		width : 190px;
		height : 50px;
		border-radius : 25px;
	}
	#headerContacts li:nth-child(1) a{
		padding-left : 45px;
		background-position-x : 14px;
		background-size : auto 20px;
		font-size : 17px;
	}
	#headerContacts li:nth-child(2) a{
		padding-left : 63px;
		background-position-x : 24px;
		background-size : auto 17px;
		font-size : 14px;
		line-height : 1.14;
	}
}
/*--------------------------------------------
MENU BUTTON
---------------------------------------------*/
@media screen and (max-width: 768px){
	body.is-open{
		overflow : hidden;
	}
	body.is-open [data-aos^=fade]{
		opacity : 1!important;
	}
	@media screen and (max-width: 768px){
		body.is-open #nav{
			max-height : 100vh;
		}
	}
	@media screen and (max-width: 768px){
		body.is-open #drawerPanel{
			position : fixed;
			z-index : -1;
			width : 100%;
		}
	}
	body.is-open #header #menuBtn > span:nth-of-type(1) span:nth-of-type(1){
		transform : translateY( calc( 10 * 100vw / 768 ) ) scale(0);
	}
	body.is-open #header #menuBtn > span:nth-of-type(1) span:nth-of-type(2){
		transform : rotate(-45deg);
	}
	body.is-open #header #menuBtn > span:nth-of-type(1) span:nth-of-type(3){
		transform : rotate(45deg);
	}
	body.is-open #header #menuBtn > span:nth-of-type(1) span:nth-of-type(4){
		transform : translateY( calc( -10 * 100vw / 768 ) ) scale(0);
	}
	@media screen and (max-width: 768px) and (-ms-high-contrast:none){
		body.is-open #header #menuBtn > span:nth-of-type(1) span:nth-of-type(1){
			transform : translateY( 10px ) scale(0);
		}
		body.is-open #header #menuBtn > span:nth-of-type(1) span:nth-of-type(4){
			transform : translateY( -10px ) scale(0);
		}
	}
	#menuBtn{
		z-index : 11;
		position : absolute;
	}
	#menuBtn > span:nth-of-type(1){
		width : 100%;
		height : 100%;
		position : relative;
		display : block;
	}
	#menuBtn span span{
		display : block;
		position : absolute;
		left : 0;
		transition : all .4s;
		width : 100%;
	}
	#menuBtn span span:nth-of-type(1){
		top : 0;
	}
	#menuBtn span span:nth-of-type(4){
		bottom : 0;
	}
}
#menuBtn{
	z-index : 11;
	position : absolute;
}
#menuBtn > span:nth-of-type(1){
	width : 100%;
	height : 100%;
	position : relative;
	display : block;
}
#menuBtn span span{
	display : block;
	position : absolute;
	left : 0;
	transition : all .4s;
	width : 100%;
}
#menuBtn span span:nth-of-type(1){
	top : 0;
}
#menuBtn span span:nth-of-type(4){
	bottom : 0;
}
@media screen and (max-width: 768px){
	#menuBtn{
		top : 50%;
		transform : translateY(-50%);
		right : calc( 24 * 100% / 750 );
		width : calc( 80 * 100vw / 750 );
		color : #7e1285;
	}
	#menuBtn > span:nth-of-type(1){
		margin-left : auto;
		margin-right : auto;
		width : calc( 66 * 100vw / 750 );
		height : calc( 52 * 100vw / 750 );
	}
	#menuBtn span span{
		background-color : #7e1285;
		height : calc( 8 * 100vw / 750 );
	}
	#menuBtn span span:nth-of-type(2) , #menuBtn span span:nth-of-type(3){
		top : calc( 22 * 100vw / 750 );
	}
	#menuBtn > span:nth-of-type(2){
		font-size : calc( 20 * 100vw / 750 );
		margin-top : calc( 15 * 100vw / 750 );
		display : block;
		font-weight : 700;
		line-height : 1;
		white-space : nowrap;
	}
}
/*--------------------------------------------
NAV
---------------------------------------------*/
@media screen and (max-width: 768px){
	#nav{
		background-color : #fff;
		position : fixed;
		left : 0;
		width : 100%;
		z-index : 10;
		transition : max-height .5s ease-in;
		max-height : 0;
		overflow : hidden;
		overflow-y : scroll;
		top : calc( 120 * 100vw / 750 );
		height : calc( 100vh - calc( 120 * 100vw / 750 ) );
	}
}
@media print,screen and (min-width: 769px){
	#nav{
		width : 100%;
		margin-top : auto;
	}
}
@media screen and (max-width: 768px){
	#grobalNav li{
		border-bottom : calc( 2 * 100vw / 750 ) solid #c0c0c0;
	}
	#grobalNav li a{
		display : flex;
		align-items : center;
		height : calc( 120 * 100vw / 750 );
		padding-left : calc( 50 * 100% / 750 );
		padding-right : calc( 50 * 100% / 750 );
		background : url("/ren1909/images/ui/icon/arrowleft.png") calc( 714 * 100vw / 750 ) center / auto calc( 25 * 100vw / 750 ) no-repeat;
		font-size : calc( 40 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	#grobalNav{
		display : flex;
	}
	#grobalNav li{
		flex-grow : 1;
	}
	#grobalNav a{
		width : 100%;
		font-weight : 500;
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#grobalNav a{
		font-size : calc( 18 * 100vw / 1366 );
		padding-top : calc( 19 * 100vw / 1366 );
		padding-bottom : calc( 19 * 100vw / 1366 );
	}
	#grobalNav a img{
		height : calc( 20 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#grobalNav a{
		font-size : 18px;
		padding-top : 19px;
		padding-bottom : 19px;
	}
	#grobalNav a img{
		height : 20px;
	}
}
#fontController p{
	font-weight : 700;
}
#fontController ul{
	display : flex;
	align-items : flex-end;
	justify-content : center;
}
#fontController li{
	display : flex;
	align-items : flex-end;
}
#fontController li + li:before{
	content : "";
	width : 1px;
	display : block;
	background-color : #333;
}
#fontController button{
	font-size : 0;
}
@media screen and (max-width: 768px){
	#fontController{
		margin-top : calc( 68 * 100vw / 750 );
		display : flex;
		align-items : flex-end;
		justify-content : center;
	}
	#fontController p{
		font-size : calc( 30 * 100vw / 750 );
	}
	#fontController ul{
		margin-left : calc( 35 * 100vw / 750 );
	}
	#fontController li:before{
		height : calc( 30 * 100vw / 750 );
		margin-left : calc( 24 * 100vw / 750 );
		margin-right : calc( 24 * 100vw / 750 );
	}
	#fontController li:nth-child(1) img{
		height : calc( 34 * 100vw / 750 );
	}
	#fontController li:nth-child(2) img{
		height : calc( 50 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	#fontController{
		position : absolute;
		top : 26px;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#fontController{
		top : calc( 26 * 100vw / 1366 );
		right : calc( 442 * 100vw / 1366 );
	}
	#fontController p{
		font-size : calc( 13 * 100vw / 1366 );
	}
	#fontController ul{
		margin-top : calc( 9 * 100vw / 1366 );
	}
	#fontController li:before{
		height : calc( 16 * 100vw / 1366 );
		margin-left : calc( 14 * 100vw / 1366 );
		margin-right : calc( 14 * 100vw / 1366 );
	}
	#fontController li:nth-child(1) img{
		height : calc( 16 * 100vw / 1366 );
	}
	#fontController li:nth-child(2) img{
		height : calc( 20 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#fontController{
    top : 26px;
    left : calc( 50% + 189px );
    /*
    right: calc( 428 * 100vw / 1366 );
    */
	}
	#fontController p{
		font-size : 13px;
	}
	#fontController ul{
		margin-top : 9px;
	}
	#fontController li:before{
		height : 16px;
		margin-left : 14px;
		margin-right : 14px;
	}
	#fontController li:nth-child(1) img{
		height : 16px;
	}
	#fontController li:nth-child(2) img{
		height : 20px;
	}
}
/*--------------------------------------------
BREADCRUMBS
---------------------------------------------*/
@media print,screen and (min-width: 769px){
	#breadcrumbs{
		background-color : #f6f6f6;
	}
	#breadcrumbs ol{
		display : flex;
		align-items : center;
	}
	#breadcrumbs li{
		color : #9e9e9e;
	}
	#breadcrumbs li + li:before{
		content : ">";
		color : #333;
		margin-left : 1em;
		margin-right : 1em;
	}
	#breadcrumbs a{
		color : #333;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#breadcrumbs ol{
		padding-top : calc( 9 * 100vw / 1366 );
		padding-bottom : calc( 9 * 100vw / 1366 );
	}
	#breadcrumbs li{
		font-size : calc( 13 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#breadcrumbs ol{
		padding-top : 9px;
		padding-bottom : 9px;
	}
	#breadcrumbs li{
		font-size : 13px;
	}
}
/*--------------------------------------------
COLUMN
---------------------------------------------*/
@media print,screen and (min-width: 769px){
	#column{
		display : flex;
		justify-content : space-between;
	}
}
@media print,screen and (min-width: 769px){
	#column > section{
		width : calc( 650 * 100% / 980 );
	}
	#column > aside{
		width : calc( 290 * 100% / 980 );
	}
}
@media print,screen and (min-width: 9200px){
	#column > section{
		width : 650px;
	}
	#column > aside{
		width : 290px;
	}
}
/*--------------------------------------------
SIDEBAR
---------------------------------------------*/
@media print,screen and (min-width: 769px){
	#sidebar{
		background-color : #f4eaf3;
	}
	#sidebar h4{
		background-image : url("/ren1909/images/sidebar/border.png");
		background-position : center bottom;
		background-repeat : repeat-x;
		display : flex;
		justify-content : center;
		align-items : flex-end;
		color : #802077;
		font-weight : 700;
	}
	#sidebar h4:before{
		content : "";
		display : block;
		background : url("/ren1909/images/ui/icon/search02.png") 0 0 / contain no-repeat;
	}
	#sidebar h5{
		display : flex;
		font-weight : 700;
		align-items : flex-end;
	}
	#sidebar h5:before{
		content : "";
		display : block;
		background-position : 0 0;
		background-size : contain;
		background-repeat : no-repeat;
	}
	#sidebar li:nth-child(1) h5:before{
		background-image : url("/ren1909/images/ui/icon/mappin.png");
	}
	#sidebar li:nth-child(2) h5:before{
		background-image : url("/ren1909/images/ui/icon/map.png");
	}
	#sidebar li:nth-child(3) h5:before{
		background-image : url("/ren1909/images/ui/icon/pen.png");
	}
	#sidebar a , #sidebar input[type="submit"]{
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		color : #fff;
		font-weight : 700;
		background-color : #802077;
		margin-left : auto;
		margin-right : auto;
		background-image : url("/ren1909/images/ui/icon/arrow_white02.png");
		background-repeat : no-repeat;
		backface-visibility : hidden;
		will-change : opacity;
		transition : opacity .3s ease-in;
	}
	#sidebar select , #sidebar input[type="search"]{
		border : 1px solid #b4b4b4;
		background-color : #fff;
		margin-left : auto;
		margin-right : auto;
		display : block;
		width : 100%;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#sidebar{
		padding-top : calc( 20 * 100vw / 1366 );
		padding-left : calc( 20 * 100vw / 1366 );
		padding-right : calc( 20 * 100vw / 1366 );
		padding-bottom : calc( 20 * 100vw / 1366 );
		border-radius : calc( 10 * 100vw / 1366 ) calc( 10 * 100vw / 1366 ) 0 0;
	}
	#sidebar a:hover , #sidebar input[type="submit"]:hover{
		opacity : .7;
	}
	#sidebar h4{
		font-size : calc( 22 * 100vw / 1366 );
		padding-bottom : calc( 10 * 100vw / 1366 );
		background-size : auto calc( 5 * 100vw / 1366 );
	}
	#sidebar h4:before{
		width : calc( 22 * 100vw / 1366 );
		height : calc( 22 * 100vw / 1366 );
		margin-right : calc( 7 * 100vw / 1366 );
	}
	#sidebar ul{
		margin-top : calc( 33 * 100vw / 1366 );
	}
	#sidebar li:nth-child(2){
		margin-top : calc( ( 41 - 3 ) * 100vw / 1366 );
	}
	#sidebar li:nth-child(3){
		margin-top : calc( 41 * 100vw / 1366 );
	}
	#sidebar h5{
		font-size : calc( 18 * 100vw / 1366 );
	}
	#sidebar li:nth-child(1) h5:before{
		margin-left : calc( 6 * 100vw / 1366 );
		margin-right : calc( 10 * 100vw / 1366 );
		width : calc( 17 * 100vw / 1366 );
		height : calc( 24 * 100vw / 1366 );
	}
	#sidebar li:nth-child(2) h5:before{
		margin-right : calc( 8 * 100vw / 1366 );
		width : calc( 25 * 100vw / 1366 );
		height : calc( 25 * 100vw / 1366 );
	}
	#sidebar li:nth-child(3) h5:before{
		margin-left : calc( 6 * 100vw / 1366 );
		margin-right : calc( 9 * 100vw / 1366 );
		width : calc( 16 * 100vw / 1366 );
		height : calc( 24 * 100vw / 1366 );
	}
	#sidebar a , #sidebar input[type="submit"]{
		background-size : auto calc( 12 * 100vw / 1366 );
		background-position : right 10px center;
		font-size : calc( 16 * 100vw / 1366 );
	}
	#sidebar li:nth-child(1) a{
		width : calc( 250 * 100vw / 1366 );
		height : calc( 40 * 100vw / 1366 );
		border-radius : calc( 20 * 100vw / 1366 );
		margin-top : calc( 20 * 100vw / 1366 );
	}
	#sidebar input[type="submit"]{
		width : calc( 150 * 100vw / 1366 );
		height : calc( 30 * 100vw / 1366 );
		border-radius : calc( 15 * 100vw / 1366 );
		margin-top : calc( 10 * 100vw / 1366 );
	}
	#sidebar p{
		font-size : calc( 14 * 100vw / 1366 );
		line-height : 1.43;
		margin-top : calc( ( 11 - 3 ) * 100vw / 1366 );
	}
	#sidebar select , #sidebar input[type="search"]{
		height : calc( 40 * 100vw / 1366 );
		font-size : calc( 14 * 100vw / 1366 );
		border-radius : calc( 5 * 100vw / 1366 );
		margin-top : calc( 20 * 100vw / 1366 );
		padding-left : calc( 15 * 100vw / 1366 );
		padding-right : calc( 15 * 100vw / 1366 );
	}
	#sidebar select{
		background-size : auto calc( 18 * 100vw / 1366 );
		background-position-x : calc( 233 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#sidebar{
		padding-top : 20px;
		padding-left : 20px;
		padding-right : 20px;
		padding-bottom : 20px;
		border-radius : 10px 10px 0 0;
	}
	#sidebar h4{
		font-size : 22px;
		padding-bottom : 10px;
		background-size : auto 5px;
	}
	#sidebar h4:before{
		width : 22px;
		height : 22px;
		margin-right : 7px;
	}
	#sidebar ul{
		margin-top : 33px;
	}
	#sidebar li:nth-child(2){
		margin-top : calc( 41px - 3px );
	}
	#sidebar li:nth-child(3){
		margin-top : 41px;
	}
	#sidebar h5{
		font-size : 18px;
	}
	#sidebar li:nth-child(1) h5:before{
		margin-left : 6px;
		margin-right : 10px;
		width : 17px;
		height : 24px;
	}
	#sidebar li:nth-child(2) h5:before{
		margin-right : 8px;
		width : 25px;
		height : 25px;
	}
	#sidebar li:nth-child(3) h5:before{
		margin-left : 6px;
		margin-right : 9px;
		width : 16px;
		height : 24px;
	}
	#sidebar a , #sidebar input[type="submit"]{
		background-size : auto 12px;
		background-position : right 10px center;
		font-size : 16px;
	}
	#sidebar li:nth-child(1) a{
		width : 250px;
		height : 40px;
		border-radius : 20px;
		margin-top : 20px;
	}
	#sidebar input[type="submit"]{
		width : 150px;
		height : 30px;
		border-radius : 15px;
		margin-top : 10px;
	}
	#sidebar p{
		font-size : 14px;
		line-height : 1.43;
		margin-top : calc( 11px - 3px );
	}
	#sidebar select , #sidebar input[type="search"]{
		height : 40px;
		font-size : 14px;
		border-radius : 5px;
		margin-top : 20px;
		padding-left : 15px;
		padding-right : 15px;
	}
	#sidebar select{
		background-size : auto 18px;
		background-position-x : 233px;
	}
}
/*--------------------------------------------
FOOTER
---------------------------------------------*/
#footer{
	position : relative;
}
#searchStore{
	position : fixed;
	display : block;
	z-index : 10;
	backface-visibility : hidden;
	will-change : opacity;
	transition : opacity .3s ease-in;
}
#searchStore.is-absolute{
	position : absolute;
}
@media screen and (max-width: 768px){
	#searchStore{
		right : calc( 20 * 100vw / 750 );
	}
	#searchStore.is-absolute{
		top : calc( -200 * 100vw / 750 );
	}
	#searchStore:not(.is-absolute){
		bottom : calc( 20 * 100vw / 750 );
	}
	#searchStore img{
		height : calc( 180 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#searchStore{
		right : calc( 20 * 100vw / 1366 );
	}
  #searchStore:hover{
    opacity : .7;
  }
    #searchStore.is-absolute{
		top : calc( -140 * 100vw / 1366 );
	}
	#searchStore:not(.is-absolute){
		bottom : calc( 20 * 100vw / 1366 );
	}
	#searchStore img{
		height : calc( 120 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#searchStore{
		right : 20px;
	}
	#searchStore.is-absolute{
		top : -140px;
	}
	#searchStore:not(.is-absolute){
		bottom : 20px;
	}
	#searchStore img{
		height : 120px;
	}
}
#footerContacts{
	background-repeat : no-repeat;
	background-size : cover;
	background-color : #802077;
}
#footerContacts .wrap{
	position : relative;
}
#footerContacts p{
	position : absolute;
	background : url("/ren1909/images/footer/bg_text.png") center / contain no-repeat;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #802077;
	letter-spacing : -.04em;
	font-weight : 700;
	transform : rotate(-15deg);
}
#footerContacts h3{
	color : #fff;
	text-align : center;
	font-weight : 700;
}
#footerContacts ul a{
	background-color : #fff;
	color : #802077;
	background-position-y : center;
	background-repeat : no-repeat;
	display : flex;
	flex-direction : column;
	justify-content : center;
	font-weight : 700;
	backface-visibility : hidden;
	will-change : opacity;
	transition : opacity .3s ease-in;
}
#footerContacts ul a span{
	display : block;
	text-align : center;
	font-weight : 400;
	color : #333;
}
#footerContacts li:nth-child(1) a{
	background-image : url("/ren1909/images/ui/icon/tel02.png");
}
#footerContacts li:nth-child(2) a{
	/*background-image : url("/ren1909/images/ui/icon/document02.png");*/
}
@media screen and (max-width: 768px){
	#footerContacts{
		background-image : url("/ren1909/images/footer/bg_sp.png");
		background-position : 0 0;
	}
	#footerContacts .wrap{
		padding-top : calc( ( 100 - 5 ) * 100vw / 750 );
		padding-bottom : calc( 148 * 100vw / 750 );
	}
	#footerContacts p{
		width : calc( 181 * 100vw / 750 );
		height : calc( 181 * 100vw / 750 );
		font-size : calc( 25 * 100vw / 750 );
		line-height : 1.2;
		left : calc( 31 * 100% / 750 );
		top : calc( -47 * 100vw / 750 );
	}
	#footerContacts h3{
		font-size : calc( 36 * 100vw / 750 );
		line-height : 1.28;
	}
	#footerContacts ul{
		margin-top : calc( ( 30 - 3 ) * 100vw / 750 );
	}
	#footerContacts li + li{
		margin-top : calc( 40 * 100vw / 750 );
	}
	#footerContacts ul a{
		width : calc( 670 * 100vw / 750 );
		height : calc( 120 * 100vw / 750 );
		border-radius : calc( 60 * 100vw / 750 );
		background-size : auto calc( 90 * 100vw / 750 );
		background-position-x : calc( 20 * 100vw / 750 );
		display : flex;
		align-items : center;
		flex-direction : column;
	}
	#footerContacts li:nth-child(1) a{
		font-size : calc( 50 * 100vw / 750 );
	}
	#footerContacts li:nth-child(1) a span{
		font-size : calc( 26 * 100vw / 750 );
		margin-top : calc( 6 * 100vw / 750 );
	}
	#footerContacts li:nth-child(2) a{
		font-size : calc( 34 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	#footerContacts{
		background-image : url("/ren1909/images/footer/bg.png");
		background-position-y : top;
		background-size : auto 100%;
		background-position-x : calc( 50vw - calc( 95 * 100vw / 1366 ) );
	}
	#footerContacts ul{
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
	}
  #footerContacts ul a:hover{
    opacity : .9;
  }
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#footerContacts .wrap{
		padding-top : calc( ( 54 - 3 ) * 100vw / 1366 );
		padding-bottom : calc( 62 * 100vw / 1366 );
	}
	#footerContacts p{
		width : calc( 145 * 100vw / 1366 );
		height : calc( 145 * 100vw / 1366 );
		font-size : calc( 20 * 100vw / 1366 );
		line-height : 1.2;
		left : calc( 275 * 100vw / 1366 );
		top : calc( -22 * 100vw / 1366 );
	}
	#footerContacts h3{
		font-size : calc( 24 * 100vw / 1366 );
		line-height : 1.25;
	}
	#footerContacts ul{
		margin-top : calc( ( 30 - 3 ) * 100vw / 1366 );
	}
	#footerContacts li + li{
		margin-left : calc( 20 * 100vw / 1366 );
	}
	#footerContacts ul a{
		width : calc( 400 * 100vw / 1366 );
		height : calc( 70 * 100vw / 1366 );
		border-radius : calc( 35 * 100vw / 1366 );
		background-size : auto calc( 53 * 100vw / 1366 );
		background-position-x : calc( 10 * 100vw / 1366 );
	}
	#footerContacts li:nth-child(1) a{
		padding-left : calc( 20 * 100vw / 1366 );
		font-size : calc( 32 * 100vw / 1366 );
	}
	#footerContacts li:nth-child(1) a span{
		font-size : calc( 14 * 100vw / 1366 );
		margin-top : calc( 3 * 100vw / 1366 );
	}
	#footerContacts li:nth-child(2) a{
		/*padding-left : calc( 40 * 100vw / 1366 );*/
		font-size : calc( 22 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#footerContacts{
		background-position-x : calc( 50vw - 95px );
	}
	#footerContacts .wrap{
		padding-top : calc( 54px - 3px );
		padding-bottom : 62px;
	}
	#footerContacts p{
		width : 145px;
		height : 145px;
		font-size : 20px;
		line-height : 1.2;
		left : 275px;
		top : -22px;
	}
	#footerContacts h3{
		font-size : 24px;
		line-height : 1.25;
	}
	#footerContacts ul{
		margin-top : calc( 30px - 3px );
	}
	#footerContacts li + li{
		margin-left : 20px;
	}
	#footerContacts ul a{
		width : 400px;
		height : 70px;
		border-radius : 35px;
		background-size : auto 53px;
		background-position-x : 10px;
	}
	#footerContacts li:nth-child(1) a{
		padding-left : 20px;
		font-size : 32px;
	}
	#footerContacts li:nth-child(1) a span{
		font-size : 14px;
		margin-top : 3px;
	}
	#footerContacts li:nth-child(2) a{
		padding-left : 40px;
		font-size : 22px;
	}
}
#footerLinks{
	background-color : #2c2c2c;
}
#footerLinks .wrap{
	position : relative;
}
#footerLinks .wrap > a{
	position : absolute;
	bottom : calc( 100% - 1px );
	left : 50%;
	transform : translateX(-50%);
	display : flex;
	justify-content : center;
	align-items : flex-end;
	background : url("/ren1909/images/footer/bg_pagetop.png") center bottom / contain no-repeat;
	color : #878787;
}
#footerLinks .wrap > a:before{
	content : "";
	display : block;
	position : absolute;
	left : 50%;
	transform : translateX(-50%);
	background : url("/ren1909/images/ui/icon/arrowup.png") center / contain no-repeat;
}
#footerLinks ul a , #footerLinks li{
	color : #fff;
}
#footerLinks p{
	text-align : center;
	color : #707070;
}
@media screen and (max-width: 768px){
	#footerLinks .wrap{
		padding-top : calc( 82 * 100vw / 750 );
		padding-bottom : calc( 30 * 100vw / 750 );
	}
	#footerLinks .wrap > a{
		width : calc( 250 * 100vw / 750 );
		height : calc( 98 * 100vw / 750 );
		font-size : calc( 28 * 100vw / 750 );
	}
	#footerLinks .wrap > a:before{
		width : calc( 20 * 100vw / 750 );
		height : calc( 12 * 100vw / 750 );
		top : calc( 27 * 100vw / 750 );
	}
	#footerLinks ul li{
		font-size : calc( 28 * 100vw / 750 );
	}
	#footerLinks li + li{
		margin-top : calc( 32 * 100vw / 750 );
	}
	#footerLinks p{
		margin-top : calc( 90 * 100vw / 750 );
		font-size : calc( 24 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	#footerLinks ul{
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
	}
	#footerLinks li + li:before{
		content : "|";
		margin-left : 1.25em;
		margin-right : 1.25em;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#footerLinks .wrap{
		padding-top : calc( 48 * 100vw / 1366 );
		padding-bottom : calc( 42 * 100vw / 1366 );
	}
	#footerLinks .wrap > a{
		width : calc( 120 * 100vw / 1366 );
		height : calc( 48 * 100vw / 1366 );
		font-size : calc( 14 * 100vw / 1366 );
	}
	#footerLinks .wrap > a span{
		font-size : calc( 28 * 100vw / 1366 );
		display : block;
		white-space : nowrap;
		transform : scale(.5);
		transform-origin : center bottom;
	}
	#footerLinks .wrap > a:before{
		width : calc( 10 * 100vw / 1366 );
		height : calc( 6 * 100vw / 1366 );
		top : calc( 22 * 100vw / 1366 );
	}
	#footerLinks ul li{
		font-size : calc( 14 * 100vw / 1366 );
	}
	#footerLinks p{
		margin-top : calc( 32 * 100vw / 1366 );
		font-size : calc( 12 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#footerLinks .wrap{
		padding-top : 48px;
		padding-bottom : 42px;
	}
	#footerLinks .wrap > a{
		width : 120px;
		height : 48px;
		font-size : 14px;
	}
	#footerLinks .wrap > a:before{
		width : 10px;
		height : 6px;
		top : 22px;
	}
	#footerLinks ul li{
		font-size : 14px;
	}
	#footerLinks p{
		margin-top : 32px;
		font-size : 12px;
	}
}
