.m-box-headnav {
	height : auto;
}

.u-area-top {
	background : #fff;
}

.u-area-top .top-mainslide {
	line-height : 0.1;
	position : relative;
	padding-bottom : 32px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide {
		padding-bottom : 0;
	}
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide .mainslide-area {
		padding-bottom : 40px;
	}
}

.u-area-top .top-mainslide .mainslide-area .slide-item {
	position : relative;
}

.u-area-top .top-mainslide .mainslide-area .slide-item > img {
	width : 100%;
	vertical-align : bottom;
}

.u-area-top .top-mainslide .mainslide-area .slide-item .item-logo-c {
	position : absolute;
	top : 27.2%;
	left : 50%;
	width : 345px;
	margin-left : -172px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide .mainslide-area .slide-item .item-logo-c {
		display : none;
	}
}

.u-area-top .top-mainslide .mainslide-area .slide-item .item-logo-c img {
	width : 100%;
}

.u-area-top .top-mainslide .mainslide-area .slide-item .item-txt {
	position : absolute;
	top : 50%;
	width : 560px;
	-webkit-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	        transform : translateY(-50%);
}

@media screen and (max-width: 1024px) {
	.u-area-top .top-mainslide .mainslide-area .slide-item .item-txt {
		width : 45%;
		-webkit-transform : translateY(calc(-50% + 20px));
		    -ms-transform : translateY(calc(-50% + 20px));
		        transform : translateY(calc(-50% + 20px));
	}
}

@media screen and (min-width: 1600px) {
	.u-area-top .top-mainslide .mainslide-area .slide-item .item-txt {
		width : 600px;
	}
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide .mainslide-area .slide-item .item-txt {
		display : none;
	}
}

.u-area-top .top-mainslide .mainslide-area .slide-item .item-txt.pos-l {
	left : 130px;
}

.u-area-top .top-mainslide .mainslide-area .slide-item .item-txt.pos-r {
	right : 130px;
}

.u-area-top .top-mainslide .mainslide-area .slide-item .item-txt dl dd {
	margin-top : 45px;
	color : #fff;
	line-height : normal;
	font-size : 16px;
	font-size : 1rem;
}

@media screen and (max-width: 1024px) {
	.u-area-top .top-mainslide .mainslide-area .slide-item .item-txt dl dd {
		margin-top : 20px;
	}
}

.u-area-top .top-mainslide .mainslide-area .slick-dots {
	position : absolute;
	bottom : 25px;
	right : 40px;
	left : 40px;
	text-align : center;
	letter-spacing : -0.4em;
	line-height : 0.1;
}

@media screen and (max-width: 1024px) {
	.u-area-top .top-mainslide .mainslide-area .slick-dots {
		margin : 0;
		left : 20px;
		right : 20px;
	}
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide .mainslide-area .slick-dots {
		bottom : 14px;
		text-align : center;
	}
}

.u-area-top .top-mainslide .mainslide-area .slick-dots li {
	display : inline-block;
	vertical-align : middle;
	letter-spacing : normal;
}

.u-area-top .top-mainslide .mainslide-area .slick-dots li + li {
	margin-left : 7px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide .mainslide-area .slick-dots li + li {
		margin-left : 5px;
	}
}

.u-area-top .top-mainslide .mainslide-area .slick-dots li button {
	-webkit-appearance : none;
	   -moz-appearance : none;
	        appearance : none;
	display : inline-block;
	position : relative;
	background : transparent;
	border : none;
	width : 30px;
	height : 2px;
	text-indent : -999px;
	overflow : hidden;
	cursor : pointer;
	outline : none;
	background : rgba(255, 255, 255, 0.5);
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide .mainslide-area .slick-dots li button {
		width : 20px;
		height : 2px;
		background : #cbcbcb;
	}
}

.u-area-top .top-mainslide .mainslide-area .slick-dots li.slick-active button {
	background : #fff;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide .mainslide-area .slick-dots li.slick-active button {
		background : #a0a0a0;
	}
}

.u-area-top .top-mainslide .mainslide-area .slick-arrow {
	background : none;
	border : none;
	display : inline-block;
	position : absolute;
	width : 20px;
	height : 40px;
	overflow : hidden;
	text-indent : -999px;
	top : 50%;
	-webkit-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	        transform : translateY(-50%);
	z-index : 2;
	cursor : pointer;
	outline : none;
	-webkit-transition : all 0.3s ease-in-out;
	        transition : all 0.3s ease-in-out;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide .mainslide-area .slick-arrow {
		width : 9px;
		height : 18px;
		top : auto;
		bottom : 11px;
		-webkit-transform : translateY(0);
		    -ms-transform : translateY(0);
		        transform : translateY(0);
	}
}

.u-area-top .top-mainslide .mainslide-area .slick-arrow.slick-prev {
	left : 40px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide .mainslide-area .slick-arrow.slick-prev {
		left : 20px;
	}
}

.u-area-top .top-mainslide .mainslide-area .slick-arrow.slick-prev:after {
	content : '';
	display : inline-block;
	width : 28px;
	height : 28px;
	border-top : 2px solid #fff;
	border-left : 2px solid #fff;
	-webkit-transform : rotate(-45deg);
	    -ms-transform : rotate(-45deg);
	        transform : rotate(-45deg);
	position : absolute;
	left : 6px;
	top : 5px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide .mainslide-area .slick-arrow.slick-prev:after {
		width : 12px;
		height : 12px;
		left : 3px;
		top : 2px;
		border-top : 2px solid #a0a0a0;
		border-left : 2px solid #a0a0a0;
	}
}

.u-area-top .top-mainslide .mainslide-area .slick-arrow.slick-next {
	right : 40px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide .mainslide-area .slick-arrow.slick-next {
		right : 20px;
	}
}

.u-area-top .top-mainslide .mainslide-area .slick-arrow.slick-next:after {
	content : '';
	display : inline-block;
	width : 28px;
	height : 28px;
	border-top : 2px solid #fff;
	border-right : 2px solid #fff;
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
	position : absolute;
	right : 6px;
	top : 5px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide .mainslide-area .slick-arrow.slick-next:after {
		width : 12px;
		height : 12px;
		right : 3px;
		top : 2px;
		border-top : 2px solid #a0a0a0;
		border-right : 2px solid #a0a0a0;
	}
}

.u-area-top .top-mainslide .mainslide-area .slick-arrow:hover {
	opacity : 0.5;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}

.u-area-top .top-mainslide:before {
	content : '';
	display : inline-block;
	width : 17px;
	height : 17px;
	border-top : 1px solid #262626;
	border-right : 1px solid #262626;
	position : absolute;
	bottom : 4px;
	left : 50%;
	margin-left : -10px;
	-webkit-transform : rotate(135deg);
	    -ms-transform : rotate(135deg);
	        transform : rotate(135deg);
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainslide:before {
		display : none;
	}
}

.u-area-top .top-mainimage {
	position : relative;
	padding-bottom : 32px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainimage {
		padding-bottom : 0;
	}
}
.mainimage-copy {
	padding: 40px 1% 60px;
	font-size: 16px;
	text-align: center;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.mainimage-copy {
		display: none;
	}	
}

.u-area-top .top-mainimage:before {
	content : '';
	display : inline-block;
	width : 17px;
	height : 17px;
	border-top : 1px solid #262626;
	border-right : 1px solid #262626;
	position : absolute;
	bottom : 4px;
	left : 50%;
	margin-left : -10px;
	-webkit-transform : rotate(135deg);
	    -ms-transform : rotate(135deg);
	        transform : rotate(135deg);
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainimage:before {
		display : none;
	}
}

.u-area-top .top-mainimage .mainimage-area .image-item {
	position : relative;
}

.u-area-top .top-mainimage .mainimage-area .image-item > img {
	width : 100%;
	vertical-align : bottom;
}

.u-area-top .top-mainimage .mainimage-area .image-item .item-logo-c {
	position : absolute;
	top : 50%;
	left : 50%;
	transform: translateY(-50%);
	width : 345px;
	margin-left : -172px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainimage .mainimage-area .image-item .item-logo-c {
		display : none;
	}
}

.u-area-top .top-mainimage .mainimage-area .image-item .item-logo-c img {
	width : 100%;
}

.u-area-top .top-mainimage .mainimage-area .image-item .item-txt-c {
	position : absolute;
	top : 77%;
	left : 20px;
	right : 20px;
	color : #fff;
	font-size : 16px;
	line-height : 2;
	text-align : center;
	text-shadow : 0 0 18px rgba(0, 0, 0, 0.25);
	-webkit-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	        transform : translateY(-50%);
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-mainimage .mainimage-area .image-item .item-txt-c {
		display : none;
	}
}

.u-area-top .top-benefit {
	/*
		.benefit-area{
			margin-top: 25px;
			background: url(../../images/benefit_nx_bg.jpg) top center no-repeat #212121;
			background-size: 100% auto;
			@include viewSp() {
				margin-top: 13px;
				background: url(../../images/benefit_nx_bg_sp.jpg) top center no-repeat #212121;
				background-size: 100% auto;
			}
			ul{
				li{
					& + li{
						border-top: 1px solid #949494;
					}
					a{
						display: block;
						font-family: 'Montserrat', sans-serif;
						letter-spacing: 0.05em;
						font-size: 2rem;
						color: #ffffff;
						@include viewSp() {
							font-size: 1.125rem;
						}
						.link-area{
							display: block;
							width: $fixedWidth;
							margin: 0 auto;
							position: relative;
							padding: 34px 100px 34px 0;
							@include viewPcS() {
								width: auto;
								margin: 0 20px;
							}
							@include viewSp() {
								padding: 15px 40px 15px 0;
							}
							.link-icon{
								display: inline-block;
								width: 17px;
								height: 17px;
								border-top: 1px solid #ffffff;
								border-right: 1px solid #ffffff;
								transform: rotate(45deg);
								position: absolute;
								top: 50%;
								right: 4px;
								margin-top: -8px;
								transition : all 0.3s cubic-bezier(0.47, 0.12, 0.11, .99);
								@include viewSp() {
									width: 8px;
									height: 8px;
									margin-top: -4px;
								}
							}
						}
						&:hover{
							text-decoration: none;
							.link-area{
								.link-icon{
								}
							}
						}
					}
				}
			}
		}
		*/
}

.u-area-top .top-benefit h2 {
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	max-width : 1024px;
	margin : 45px auto 30px;
	font-size : 40px;
	font-size : 2.5rem;
	line-height : 1.25;
	text-align : center;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-benefit h2 {
		width : auto;
		margin : 40px 20px 15px;
		font-size : 1.5rem;
	}
}

@media screen and (min-width: 1600px) {
	.u-area-top .top-benefit h2 {
		font-size : 3.125rem;
	}
}

.u-area-top .top-recommend {
	margin : 90px 0 94px;
	position : relative;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-recommend {
		margin : 35px 0 50px;
	}
}

.u-area-top .top-recommend h2 {
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	max-width : 1024px;
	margin : 0 auto;
	font-size : 40px;
	font-size : 2.5rem;
	line-height : 1.25;
	text-align : center;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-recommend h2 {
		width : auto;
		margin : 0 20px 0;
		font-size : 1.5rem;
	}
}

@media screen and (min-width: 1600px) {
	.u-area-top .top-recommend h2 {
		font-size : 3.125rem;
	}
}

.u-area-top .top-recommend .recommend-list {
	margin : 27px auto 94px;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	    flex-wrap : wrap;
}

@media screen and (max-width: 1024px) {
	.u-area-top .top-recommend .recommend-list {
		width : auto;
		margin : 20px 0 0;
	}
}

@media screen and (max-width: 1024px) and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-recommend .recommend-list {
		display : block;
	}
}

.u-area-top .top-recommend .recommend-list li {
	width : calc(33.33% - 2px);
	background : #f6f6f6;
	margin-top : 3px;
	margin-right : 3px;
}

.u-area-top .top-recommend .recommend-list li:nth-child(3n) {
	margin-right : 0;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-recommend .recommend-list li {
		width : auto;
		margin-top : 2px;
		margin-right : 0;
	}
}

.u-area-top .top-recommend .recommend-list li a {
	display : block;
}

.u-area-top .top-recommend .recommend-list li a dl dt img {
	width : 100%;
}

.u-area-top .top-recommend .recommend-list li a dl dd {
	text-align : center;
	padding : 5px 30px 42px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-recommend .recommend-list li a dl dd {
		padding : 5px 10px 30px;
	}
}

.u-area-top .top-recommend .recommend-list li a dl dd span {
	display : inline-block;
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	padding-right : 42px;
	font-size : 24px;
	font-size : 1.5rem;
	line-height : 1.5;
	position : relative;
}

@media screen and (max-width: 1024px) {
	.u-area-top .top-recommend .recommend-list li a dl dd span {
		font-size : 1.125rem;
		padding-right : 30px;
	}
}

@media screen and (min-width: 1600px) {
	.u-area-top .top-recommend .recommend-list li a dl dd span {
		font-size : 1.875rem;
	}
}

.u-area-top .top-recommend .recommend-list li a dl dd span:after {
	content : '';
	display : inline-block;
	width : 14px;
	height : 14px;
	border-top : 1px solid #626262;
	border-right : 1px solid #626262;
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
	position : absolute;
	top : 50%;
	right : 0;
	margin-top : -7px;
	-webkit-transition : all 0.3s cubic-bezier(0.47, 0.12, 0.11, 0.99);
	        transition : all 0.3s cubic-bezier(0.47, 0.12, 0.11, 0.99);
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-recommend .recommend-list li a dl dd span:after {
		width : 8px;
		height : 8px;
		margin-top : -5px;
	}
}

.u-area-top .top-recommend .recommend-list li a:hover {
	text-decoration : none;
	color : #262626;
}

.u-area-top .top-recommend .recommend-list li a:hover dl dd span:after {
	right : -5px;
}

.u-area-top .index-concept {
	background : url('../../images/bg_concept_pc.jpg') no-repeat right bottom #c5d3e8;
	background-size : 100%;
	padding : 80px 0;
	position : relative;
}

@media screen and (min-width: 1600px) {
	.u-area-top .index-concept {
		font-size : 3.125rem;
	}
}

@media screen and (max-width: 1024px) {
	.u-area-top .index-concept {
		width : auto;
		margin : 0;
	}
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-concept {
		padding : 40px 0;
		background : url('../../images/bg_concept_sp.jpg') no-repeat center bottom #c5d3e8;
		background-size : 100%;
	}
}

.u-area-top .index-concept h2 {
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	max-width : 1024px;
	margin : 10px auto 0;
	font-size : 40px;
	font-size : 2.5rem;
	line-height : 1.25;
	text-align : center;
	position : relative;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-concept h2 {
		width : auto;
		margin : 0 20px 0;
		font-size : 1.5rem;
	}
}

@media screen and (min-width: 1600px) {
	.u-area-top .index-concept h2 {
		font-size : 3.125rem;
	}
}

.u-area-top .index-concept .concept-area {
	position : relative;
	width : 85%;
	margin : 30px auto 0;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-concept .concept-area {
		margin : 10px auto 0;
		width : auto;
		max-width : auto;
		padding : 0 20px;
	}
}

.u-area-top .index-concept .concept-area .area-item {
	width : 65%;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-concept .concept-area .area-item {
		width : auto;
	}
}

.u-area-top .index-concept .concept-area .area-item h3.item-ttl {
	font-size : 24px;
	font-weight : bold;
	color : #004fa2;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-concept .concept-area .area-item h3.item-ttl {
		font-size : 0.9375rem;
	}
}

.u-area-top .index-concept .concept-area .area-item p {
	margin-top : 20px;
	font-size : 16px;
	line-height : 2;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-concept .concept-area .area-item p {
		margin-top : 10px;
		font-size : 0.75rem;
	}
}

.u-area-top .index-concept .concept-area .area-item p.note {
	margin-top : 20px;
	font-size : 14px;
	font-size : 0.875rem;
	line-height : 1.5;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-concept .concept-area .area-item p.note {
		margin-top : 15px;
		font-size : 0.6875rem;
	}
}

.u-area-top .index-concept .concept-area .area-item .item-img {
	margin-top : 40px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-concept .concept-area .area-item .item-img {
		margin-top : 32px;
		padding : 0 20px;
	}
}

.u-area-top .index-concept .concept-area .area-item .item-img img {
	width : 100%;
}

.u-area-top .index-where {
	margin-top : 90px;
	position : relative;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where {
		background : #b4b5b6;
		margin-top : 50px;
		padding-bottom : 40px;
		padding-top : 30px;
	}
}

.u-area-top .index-where h2 {
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	max-width : 1024px;
	margin : 0 auto;
	font-size : 40px;
	font-size : 2.5rem;
	line-height : 1.25;
	text-align : center;
	position : relative;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where h2 {
		width : auto;
		margin : 0 20px 0;
		font-size : 1.5rem;
	}
}

@media screen and (min-width: 1600px) {
	.u-area-top .index-where h2 {
		font-size : 3.125rem;
	}
}

.u-area-top .index-where [data-js-map-close] {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	z-index : 0;
}

.u-area-top .index-where .where-map {
	margin-top : 30px;
	background : url('../../images/bg_map.gif') no-repeat center #b4b5b6;
	padding-bottom : 70px;
	position : relative;
}

@media screen and (max-width: 1024px) {
	.u-area-top .index-where .where-map {
		overflow : hidden;
	}
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map {
		width : 100%;
		background : none;
		margin-top : 8px;
		padding : 0;
	}
}

.u-area-top .index-where .where-map .map-area {
	position : relative;
	height : 487px;
	max-width : 1024px;
	margin : 0 auto 0;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map .map-area {
		height : auto;
		width : auto;
		padding-top : 2px;
	}
}

.u-area-top .index-where .where-map .map-area .area-bg {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	z-index : 0;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map .map-area .area-bg {
		display : none;
	}
}

.u-area-top .index-where .where-map .map-area .area-item {
	position : absolute;
	z-index : 1;
	cursor : pointer;
}

.u-area-top .index-where .where-map .map-area .area-item.is-active {
	z-index : 2;
}

.u-area-top .index-where .where-map .map-area .area-item.item-disable {
	opacity : 0.35;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=35)';
	cursor : auto;
}

.u-area-top .index-where .where-map .map-area .area-item.item-disable .item-btn:hover {
	color : #262626;
}

.u-area-top .index-where .where-map .map-area .area-item.item-disable .item-btn:hover:after {
	display : none;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map .map-area .area-item {
		position : static;
		width : auto;
		padding : 0 20px;
	}
	.u-area-top .index-where .where-map .map-area .area-item:first-child .item-btn {
		border-top : 2px solid #262626;
	}
	.u-area-top .index-where .where-map .map-area .area-item.item-disable .item-btn:after {
		display : none;
	}
	.u-area-top .index-where .where-map .map-area .area-item.item-disable + .area-item:not(.item-disable) {
		position : relative;
		top : auto;
		left : auto;
	}
	.u-area-top .index-where .where-map .map-area .area-item.item-disable + .area-item:not(.item-disable):before {
		content : '';
		display : block;
		width : calc(100% - 40px);
		height : 2px;
		position : absolute;
		top : -2px;
		left : 0;
		right : 0;
		margin-left : auto;
		margin-right : auto;
		background-color : #262626;
	}
}

.u-area-top .index-where .where-map .map-area .area-item .item-list {
	visibility : hidden;
	position : absolute;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%, -50%);
	    -ms-transform : translate(-50%, -50%);
	        transform : translate(-50%, -50%);
	width : 300px;
	height : 300px;
	text-align : center;
	background : #626262;
	border-radius : 50%;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	z-index : 999;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map .map-area .area-item .item-list {
		display : none;
		visibility : visible;
		width : auto;
		height : auto;
		position : static;
		-webkit-transform : translate(0, 0);
		    -ms-transform : translate(0, 0);
		        transform : translate(0, 0);
		border-radius : 0;
		opacity : 1;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}

.u-area-top .index-where .where-map .map-area .area-item .item-list > ul {
	position : absolute;
	width : 70%;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%, -50%);
	    -ms-transform : translate(-50%, -50%);
	        transform : translate(-50%, -50%);
	display : inline-block;
	text-align : left;
	padding-left : 45px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map .map-area .area-item .item-list > ul {
		display : block;
		position : static;
		padding-left : 0;
		width : auto;
		-webkit-transform : translate(0%, 0%);
		    -ms-transform : translate(0%, 0%);
		        transform : translate(0%, 0%);
		border-right : 2px solid #262626;
		border-left : 2px solid #262626;
		border-bottom : 2px solid #262626;
	}
}

.u-area-top .index-where .where-map .map-area .area-item .item-list > ul > li {
	color : #fff;
	list-style-type : disc;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map .map-area .area-item .item-list > ul > li {
		list-style-type : none;
		border-bottom : 1px solid #a0a0a0;
	}
	.u-area-top .index-where .where-map .map-area .area-item .item-list > ul > li:last-child {
		border-bottom : none;
	}
}

.u-area-top .index-where .where-map .map-area .area-item .item-list > ul > li a {
	color : #fff;
	display : block;
	font-size : 14px;
	font-size : 0.875rem;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map .map-area .area-item .item-list > ul > li a {
		padding : 10px 18px 10px calc(18px + 1em);
		font-size : 0.75rem;
	}
}

.u-area-top .index-where .where-map .map-area .area-item .item-list > ul > li.list-indent {
	margin-left : -20px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map .map-area .area-item .item-list > ul > li.list-indent {
		margin-left : 0;
	}
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map .map-area .area-item .item-list > ul > li.list-indent a {
		padding : 10px 18px;
	}
}

.u-area-top .index-where .where-map .map-area .area-item .item-btn {
	position : relative;
	display : block;
	width : 120px;
	line-height : 1;
	padding : 7px 0;
	text-align : center;
	color : #262626;
	font-size : 14px;
	font-size : 0.875rem;
	border : 1px solid #262626;
	-webkit-transition : height 0.3s cubic-bezier(0.47, 0.12, 0.11, 0.99);
	        transition : height 0.3s cubic-bezier(0.47, 0.12, 0.11, 0.99);
	pointer-events : auto;
	z-index : 0;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map .map-area .area-item .item-btn {
		width : auto;
		padding : 12px 15px;
		text-align : left;
		border : 2px solid #262626;
		border-top : none;
	}
	.u-area-top .index-where .where-map .map-area .area-item .item-btn.is-active {
		border-bottom : none;
	}
}

.u-area-top .index-where .where-map .map-area .area-item .item-btn:before {
	content : '';
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background-repeat : no-repeat;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map .map-area .area-item .item-btn:before {
		display : none;
	}
}

.u-area-top .index-where .where-map .map-area .area-item .item-btn:after {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : #262626;
	z-index : 0;
	opacity : 0.8;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
	-webkit-transform : scale(0);
	    -ms-transform : scale(0);
	        transform : scale(0);
	-webkit-transition : all 0.3s cubic-bezier(0.47, 0.12, 0.11, 0.99);
	        transition : all 0.3s cubic-bezier(0.47, 0.12, 0.11, 0.99);
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-where .where-map .map-area .area-item .item-btn:after {
		width : 14px;
		height : 8px;
		left : auto;
		right : 15px;
		top : 50%;
		-webkit-transform : translateY(-50%);
		    -ms-transform : translateY(-50%);
		        transform : translateY(-50%);
		background : url('../../images/i_ar_map_sp.png') no-repeat center;
		background-size : 100% auto;
	}
}

.u-area-top .index-where .where-map .map-area .area-item .item-btn span {
	position : relative;
	z-index : 1;
}

@media screen and (min-width: 1024px) {
	.u-area-top .index-where .where-map .map-area .area-item .item-btn:hover {
		text-decoration : none;
		color : #fff;
	}
	.u-area-top .index-where .where-map .map-area .area-item .item-btn:hover:after {
		-webkit-transform : scale(1);
		    -ms-transform : scale(1);
		        transform : scale(1);
		-webkit-transition : all 0.5s cubic-bezier(0.47, 0.12, 0.11, 0.99);
		        transition : all 0.5s cubic-bezier(0.47, 0.12, 0.11, 0.99);
	}
}

.u-area-top .index-where .where-map .map-area .area-item .item-btn.is-active:after {
	-webkit-transform : translateY(-50%) rotate(180deg);
	    -ms-transform : translateY(-50%) rotate(180deg);
	        transform : translateY(-50%) rotate(180deg);
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='asia-oceania'] {
	top : 360px;
	left : 406px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='brazil'] {
	top : 360px;
	left : 823px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='brazil'] .item-btn:before {
	top : 8.5px;
	left : 48px;
	background-image : url('../../images/bg_pin01.png');
	background-position : right center;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='china'] {
	top : 215px;
	left : 213px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='china'] .item-btn:before {
	top : 50%;
	left : 100%;
	width : 64px;
	height : 35px;
	background-image : url('../../images/bg_pin02.png');
	background-position : right center;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='europe'] {
	top : 165px;
	left : 80px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='hong-kong'] {
	top : 257px;
	left : 252px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='hong-kong'] .item-btn:before {
	top : 50%;
	left : 100%;
	width : 48px;
	height : 19px;
	background-image : url('../../images/bg_pin03.png');
	background-position : right center;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='india'] {
	top : 278px;
	left : 111px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='india'] .item-btn:before {
	top : 50%;
	left : 100%;
	width : 78px;
	height : 19px;
	background-image : url('../../images/bg_pin04.png');
	background-position : right center;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='japan'] {
	top : 215px;
	left : 532px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='japan'] .item-btn:before {
	top : 50%;
	left : auto;
	right : 100%;
	width : 48px;
	height : 19px;
	background-image : url('../../images/bg_pin05.png');
	background-position : left center;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='korea'] {
	top : 175px;
	left : 532px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='korea'] .item-btn:before {
	top : 50%;
	left : auto;
	right : 100%;
	width : 86px;
	height : 59px;
	background-image : url('../../images/bg_pin06.png');
	background-position : left center;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='oceania'] {
	top : 405px;
	left : 442px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='singapore'] {
	top : 360px;
	left : 213px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='singapore'] .item-btn:before {
	top : -50%;
	left : 100%;
	width : 56px;
	height : 27px;
	background-image : url('../../images/bg_pin07.png');
	background-position : left top;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='taiwan'] {
	top : 255px;
	left : 482px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='taiwan'] .item-btn:before {
	top : 50%;
	left : auto;
	right : 100%;
	width : 48px;
	height : 19px;
	background-image : url('../../images/bg_pin08.png');
	background-position : left center;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='thailand'] {
	top : 315px;
	left : 213px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='thailand'] .item-btn:before {
	top : -0;
	margin-top : -5px;
	left : 100%;
	width : 48px;
	height : 19px;
	background-image : url('../../images/bg_pin09.png');
	background-position : left center;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='usa'] {
	top : 215px;
	left : 672px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='usa'] .item-btn:before {
	top : 50%;
	left : 100%;
	width : 48px;
	height : 19px;
	background-image : url('../../images/bg_pin10.png');
	background-position : left center;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='vietnam'] {
	top : 315px;
	left : 442px;
}

.u-area-top .index-where .where-map .map-area .area-item[data-js-map='vietnam'] .item-btn:before {
	top : 0;
	margin-top : -5px;
	left : auto;
	right : 100%;
	width : 48px;
	height : 19px;
	background-image : url('../../images/bg_pin11.png');
	background-position : left center;
}

.u-area-top .index-showcase {
	margin-top : 90px;
	/*
		.content-num {
			position: absolute;
			right: 250px;
			bottom: -40px;
			@media screen and (min-width: 0) and (max-width: 1140px) {
				right: 150px;
			}
			@include viewSp() {
				bottom: 3px;
				right: auto;
				left: 50%;
				transform: translateX(-50%);
			}
			.pj-showcase & {
				opacity: 0;
				transition: opacity .3s ease;
			}
		}
		*/
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-showcase {
		margin-top : 50px;
	}
}

.u-area-top .index-showcase h2 {
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	max-width : 1024px;
	margin : 0 auto;
	font-size : 40px;
	font-size : 2.5rem;
	line-height : 1.25;
	text-align : center;
	position : relative;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-showcase h2 {
		width : auto;
		margin : 0 20px 0;
		font-size : 1.5rem;
	}
}

@media screen and (min-width: 1600px) {
	.u-area-top .index-showcase h2 {
		font-size : 3.125rem;
	}
}

.u-area-top .index-showcase .showcase-content {
	position : relative;
	/*
			.content-slider {
				position: relative;
				@include viewSp() {
					padding-bottom: 5px;
				}
				a {
					&:hover {
						color: #262626;
						text-decoration: none;
					}
				}
				.slick-track {
					.slick-slide {
						width: $fixedWidth;
						@include viewPcS() {
							width: calc(80vw);
						}
						@include viewSp() {
							width: calc(100vw);
						}
						.slider-img {
							position: relative;
							width: 100%;
							padding-top: 53.5%;
							z-index: 1;
							&:before {
								content: "";
								position: absolute;
								top: 10px;
								left: 50%;
								width: 0;
								height: calc(100% - 21px);
								border-top: 1px solid #fff;
								border-bottom: 1px solid #fff;
								backface-visibility: hidden;
								transition: all .4s cubic-bezier(.47,.12,.11,.99);
								z-index: 10;
							}
							&:after {
								content: "";
								position: absolute;
								top: 50%;
								left: 10px;
								width: calc(100% - 21px);
								height: 0;
								border-right: 1px solid #fff;
								border-left: 1px solid #fff;
								backface-visibility: hidden;
								transition: all .4s cubic-bezier(.47,.12,.11,.99);
								z-index: 10;
							}
							.img {
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								transition: clip .4s cubic-bezier(.42,.12,.31,1);
								background-size: cover;
								&:after {
									content: "";
									position: absolute;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
									background: #000;
									opacity: 0.6;
									transition: opacity .6s ease-in-out .4s;
								}
							}
						}
						a {
							display: block;
							outline: none;
						}
						.slider-num {
							display: inline-block;
							position: relative;
							display: block;
							width: 100px;
							margin-top: -50px;
							margin-left: -50px;
							padding-top: 20px;
							text-align: center;
							background: #f6f6f6;
							z-index: 2;
							opacity: 0;
							transition: opacity .3s ease-in-out 0s;
							@include viewSp() {
								margin-top: -25px;
								padding-top: 10px;
								width: 50px;
								margin-left: 0;
							}
							dt {
								line-height: 1;
								font-weight: bold;
								font-size: 1rem;
								letter-spacing: 0.1em;
								transform: translate3d(0,100%,0);
								transition: transform .5s cubic-bezier(.47,.12,.11,.99);
								font-family: 'Montserrat', sans-serif;
								letter-spacing: 0.05em;
								@include viewSp() {
									font-size: 0.5rem;
								}
							}
							dd {
								line-height: 1;
								font-weight: bold;
								font-size: 2.5rem;
								transform: translate3d(0,100%,0);
								transition: transform .5s cubic-bezier(.47,.12,.11,.99);
								font-family: 'Montserrat', sans-serif;
								letter-spacing: 0.05em;
								@include viewSp() {
									font-size: 1.5rem;
								}
							}
						}
						.slider-desc {
							overflow: hidden;
							display: inline-block;
							padding: 0 85px;
							font-size: 1.5rem;
							opacity: 0;
							span {
								display: block;
								transform: translate3d(0,100%,0);
								transition: transform 1s cubic-bezier(.47,.12,.11,.99) .5s , opacity .3s ease-in-out 0s;
							}
							@include viewSp() {
								margin-top: 10px;
								padding: 0 15px;
								font-size: 0.875rem;
							}
						}
						&.slick-active {
							.slider-img {
								.img {
									&:after {
										opacity: 0;
									}
								}
							}
							.slider-num {
								opacity: 1;
								transition: opacity .5s ease-in-out .5s;
								dt,dd {
									transform: matrix(1, 0, 0, 1, 0, 0);
									transition: transform .5s cubic-bezier(.47,.12,.11,.99) .5s;
								}
								.pj-showcase & {
									opacity: 0;
									transition: all .3s ease .0s !important;
								}
							}
							.slider-desc {
								opacity: 1;
								span {
									transform: matrix(1, 0, 0, 1, 0, 0);
									transition: transform .5s cubic-bezier(.47,.12,.11,.99) .5s , opacity .5s ease-in-out .6s;
								}
							}
							a {
								@include viewPc() {
									&:hover {
										.slider-img {
											&:before {
												left: 10px;
												width: calc(100% - 19px);
											}
											&:after {
												top: 10px;
												height: calc(100% - 19px);
											}
										}
									}
									&.is-move {
										.slider-img {
											&:before {
												left: 50%;
												width: 0;
											}
											&:after {
												top: 50%;
												height: 0;
											}
										}
									}
								}
							}
						}
					}
				}
				.slick-arrow {
					display: inline-block;
					position: absolute;
					width: 20px;
					height: 40px;
					overflow: hidden;
					text-indent: -999px;
					top: 50%;
					transform: translateY(-50%);
					z-index: 2;
					cursor: pointer;
					@include viewSp() {
						width: 9px;
						height: 18px;
						top: auto;
						bottom: 0;
						transform: translateY(0);
					}
					&.slick-prev {
						left: 50%;
						margin-left: -572px;
						@include viewPcS() {
							left: calc(5vw);
							margin-left: 0;
						}
						@include viewSp() {
							left: 20px;
						}
						&:after{
							content: '';
							display: inline-block;
							width: 28px;
							height: 28px;
							border-top: 2px solid #a0a0a0;
							border-left: 2px solid #a0a0a0;
							transform: rotate(-45deg);
							position: absolute;
							left: 6px;
							top: 5px;
							@include viewSp() {
								width: 12px;
								height: 12px;
								left: 3px;
								top: 2px;
							}
						}
					}
					&.slick-next {
						right: 50%;
						margin-right: -572px;
						@include viewPcS() {
							right: calc(5vw);
							margin-right: 0;
						}
						@include viewSp() {
							right: 20px;
						}
						&:after{
							content: '';
							display: inline-block;
							width: 28px;
							height: 28px;
							border-top: 2px solid #a0a0a0;
							border-right: 2px solid #a0a0a0;
							transform: rotate(45deg);
							position: absolute;
							right: 6px;
							top: 5px;
							@include viewSp() {
								width: 12px;
								height: 12px;
								right: 3px;
								top: 2px;
							}
						}
					}
				}
				.slider-inner {
					text-align: center;
					background: #d6d6d6;
					.slider-info {
						position: absolute;
						width: 90%;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						color: #fff;
						.info-ttl {
							position: relative;
							font-size: 1.5rem;
							margin-bottom: 30px;
							font-family: 'Montserrat', sans-serif;
							letter-spacing: 0.05em;
							@include viewSp() {
								margin-bottom: 0;
							}
							&:after {
								content: "";
								position: absolute;
								bottom: -10px;
								left: 50%;
								transform: translateX(-50%);
								width: 80px;
								height: 2px;
								background: #fff;
								@include viewSp() {
									width: 40px;
								}
							}
							@include viewSp() {
								font-size: 0.875rem;
							}
						}
						.info-desc {
							margin-top: 15px;
							font-size: 1rem;
							line-height: 2;
							@include viewSp() {
								display: none;
								margin-top: 10px;
								font-size: 0.625rem;
								br {
									display: none;
								}
							}
						}
					}
				}
				.slick-dots{
					width: $fixedWidth;
					margin: 0 auto;
					letter-spacing: -0.4em;
					text-align: right;
					line-height: 0.1;
					@include viewPcS() {
						width: calc(80vw);
					}
					@include viewSp() {
						margin-top: 8px;
						text-align: center;
					}
					li{
						display: inline-block;
						vertical-align: middle;
						letter-spacing: normal;
						& + li{
							margin-left: 12px;
							@include viewSp() {
								margin-left: 10px;
							}
						}
						button{
							appearance: none;
							display: inline-block;
							position: relative;
							background: transparent;
							border: none;
							width: 8px;
							height: 8px;
							text-indent: -999px;
							overflow: hidden;
							cursor: pointer;
							outline: none;
							background: #d5d5d6;
							border-radius: 50%;
							@include viewSp() {
								width: 6px;
								height: 6px;
							}
						}
						&.slick-active{
							button{
								width: 16px;
								height: 16px;
								background: #b4b5b6;
								@include viewSp() {
									width: 12px;
									height: 12px;
								}
							}
						}
					}
				}
			}
			*/
}

.u-area-top .index-showcase .showcase-content .showcase-slide {
	margin-top : 30px;
	overflow: hidden;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-showcase .showcase-content .showcase-slide {
		margin-top : 15px;
		padding-bottom : 50px;
	}
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slide-item {
	line-height : 0.1;
	position : relative;
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slide-item a {
	display : block;
	overflow: hidden;
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slide-item a > img {
	width : 100%;
	vertical-align : bottom;
	transform-origin: center bottom;
  transform: scale(1.05);
  transition: 7s ease;
}
.u-area-top .index-showcase .showcase-content .slick-slide.add-animation .slide-item a > img {
  transform: scale(1.0);
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slick-dots {
	position : absolute;
	bottom : 30px;
	left : 40px;
	right : 40px;
	text-align : right;
	letter-spacing : -0.4em;
	line-height : 0.1;
	padding-right: 0;
}

@media screen and (max-width: 1024px) {
	.u-area-top .index-showcase .showcase-content .showcase-slide .slick-dots {
		margin : 0;
		left : 20px;
		right : 20px;
	}
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-showcase .showcase-content .showcase-slide .slick-dots {
		bottom : 30px;
		text-align : center;
	}
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slick-dots li {
	display : inline-block;
	vertical-align : middle;
	letter-spacing : normal;
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slick-dots li + li {
	margin-left : 7px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-showcase .showcase-content .showcase-slide .slick-dots li + li {
		margin-left : 5px;
	}
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slick-dots li button {
	-webkit-appearance : none;
	   -moz-appearance : none;
	        appearance : none;
	display : inline-block;
	position : relative;
	background : transparent;
	border : none;
	width : 30px;
	height : 3px;
	text-indent : -999px;
	overflow : hidden;
	cursor : pointer;
	outline : none;
	background : #fff;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-showcase .showcase-content .showcase-slide .slick-dots li button {
		width : 20px;
		height : 2px;
		background : #cbcbcb;
	}
}

@-webkit-keyframes dots {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slick-dots li.slick-active button::before {
  content: '';
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #fff;
	transform-origin: left;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-name: dots;
	animation-fill-mode: forwards;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-showcase .showcase-content .showcase-slide .slick-dots li.slick-active button {
		background : #666;
	}
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slick-arrow {
	background : none;
	display : inline-block;
	position : absolute;
	width : 20px;
	height : 40px;
	overflow : hidden;
	text-indent : -999px;
	top : 50%;
	-webkit-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	        transform : translateY(-50%);
	z-index : 2;
	cursor : pointer;
	-webkit-transition : all 0.3s ease-in-out;
	        transition : all 0.3s ease-in-out;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-showcase .showcase-content .showcase-slide .slick-arrow {
		width : 9px;
		height : 18px;
		top : auto;
		bottom : 25px;
		-webkit-transform : translateY(0);
		    -ms-transform : translateY(0);
		        transform : translateY(0);
	}
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slick-arrow.slick-prev {
	left : 40px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-showcase .showcase-content .showcase-slide .slick-arrow.slick-prev {
		left : 20px;
	}
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slick-arrow.slick-prev:after {
	content : '';
	display : inline-block;
	width : 28px;
	height : 28px;
	border-top : 2px solid #fff;
	border-left : 2px solid #fff;
	-webkit-transform : rotate(-45deg);
	    -ms-transform : rotate(-45deg);
	        transform : rotate(-45deg);
	position : absolute;
	left : 6px;
	top : 5px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-showcase .showcase-content .showcase-slide .slick-arrow.slick-prev:after {
		width : 12px;
		height : 12px;
		left : 3px;
		top : 2px;
		border-top : 2px solid #a0a0a0;
		border-left : 2px solid #a0a0a0;
	}
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slick-arrow.slick-next {
	right : 40px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-showcase .showcase-content .showcase-slide .slick-arrow.slick-next {
		right : 20px;
	}
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slick-arrow.slick-next:after {
	content : '';
	display : inline-block;
	width : 28px;
	height : 28px;
	border-top : 2px solid #fff;
	border-right : 2px solid #fff;
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
	position : absolute;
	right : 6px;
	top : 5px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-showcase .showcase-content .showcase-slide .slick-arrow.slick-next:after {
		width : 12px;
		height : 12px;
		right : 3px;
		top : 2px;
		border-top : 2px solid #a0a0a0;
		border-right : 2px solid #a0a0a0;
	}
}

.u-area-top .index-showcase .showcase-content .showcase-slide .slick-arrow:hover {
	opacity : 0.5;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}

.u-area-top .index-showcase .showcase-content .showcase-slider__control {
  position: absolute;
  right: 40px;
  bottom: 53px;
  z-index: 1;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .u-area-top .index-showcase .showcase-content .showcase-slider__control {
		right: 10px;
		bottom: 70px;
	}
}
.u-area-top .index-showcase .showcase-content .showcase-slider__play,
.u-area-top .index-showcase .showcase-content .showcase-slider__pause {
  display: none;
}
.u-area-top .index-showcase .showcase-content .showcase-slider__play.is-active,
.u-area-top .index-showcase .showcase-content .showcase-slider__pause.is-active {
  display: block;
}

/* /neorestcollections/concept/neorest_nx/index.htm  210702add */
.u-area-top .index-washlet-p {
	margin-top : 90px;
}


@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-washlet-p {
		margin-top : 50px;
	}
}

.u-area-top .index-washlet-p h2 {
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	max-width : 1024px;
	margin : 0 auto;
	font-size : 40px;
	font-size : 2.5em;
	line-height : 1.25;
	text-align : center;
	position : relative;
}
.u-area-top .index-washlet-p p {
	text-align: center;
	padding: 2% 1% 3%;
	font-size: 1em;
}

@media screen and (min-width:1500px) { 
	.u-area-top .index-washlet-p p {
		font-size: 1.5em;
	}	
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .index-washlet-p h2 {
		width : auto;
		margin : 0 20px 0;
		font-size : 2.5rem;
	}
}

@media screen and (min-width: 1600px) {
	.u-area-top .index-washlet-p h2 {
		font-size : 3.125rem;
	}
}
/* /neorestcollections/concept/neorest_nx/index.htm  210702add-end */



.u-area-top .top-pic {
	margin-top : 100px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-pic {
		margin-top : 40px;
	}
}

.u-area-top .top-pic img {
	width : 100%;
}

.u-area-top .top-pic + .top-pic {
	margin-top : 0;
}

.u-area-top .top-pic + .top-bnr {
	margin-top : 0;
}

.u-area-top .top-bnr {
	margin-top : 100px;
}

@media screen and (min-width: 0) and (max-width: 640px) {
	.u-area-top .top-bnr {
		margin-top : 40px;
	}
}

.u-area-top .top-bnr a {
	display: block;
}

.u-area-top .top-bnr a img {
	width : 100%;
}

.u-area-top .top-bnr + .top-pic {
	margin-top : 0;
}

.u-area-top .top-bnr + .top-bnr {
	margin-top : 0;
}