@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

/*@import url(normalize.css);*/
@import url(all.css);
/*@import url(common_parts.css);*/
@import url(common.css);


/*
 index
==============================*/

/* mv ----------*/
#mv {}

.menuBlock01__textbox{ padding: 0 10px 10px;}
.menuBlock01__header{background: #000;color: #fff;}
.menuBlock01__header a{background: #000;color: #fff;}
.menuBlock01__text{margin-top: 0;}
.menuBlock01__headingText{font-size: 18.37px;}

.serch_main{max-width: 810px;margin: 0 auto;}

.menuBlock01.mvArea {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 37.5%;
	overflow: hidden;
}

@media screen and (max-width: 640px){
	.menuBlock01.mvArea {
		padding-bottom: 75%;
	}
}

.menuBlock01.mvArea video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

@media screen and (max-width: 640px){
	.menuBlock01.mvArea video {
		transform: translateX(-50%);
		left: 50%;
		width: auto;
		height: 100%;
	}
}

.menuBlock01.mvArea .mvAreaOverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
/*	background-color: #0ec;
	opacity: 0.4; */
}

.menuBlock01.mvArea .mvAreaText {
	position: absolute;
	transform: translateX(-50%);
	top: 12.4%;
	left: 50%;
	width: 60%;
	max-width: 830px;
}

@media screen and (max-width: 640px){
	.menuBlock01.mvArea .mvAreaText {
		top: 6%;
		width: 85%;
	}
}

.menuBlock01.mvArea .mvAreaPics {
	position: absolute;
	transform: translateX(-50%);
	top: 45.83%;
	left: 50%;
	width: calc(80% - 40px);
	max-width: 980px;
	font-size: 0;
}

.menuBlock01.mvArea .mvAreaPics a img {
	pointer-events: auto
}

@media screen and (max-width: 640px){
	.menuBlock01.mvArea .mvAreaPics {
		top: 30%;
		width: 80%;
		text-align: center;
	}
}

.menuBlock01.mvArea .mvAreaPics img {
	width: 31.84%;
}
.menuBlock01.mvArea .mvAreaPics a:first-of-type img {
	margin-right: 2.24%;
}
.menuBlock01.mvArea .mvAreaPics a:last-of-type img {
	margin-left: 2.24%;
}

@media screen and (max-width: 640px){
	.menuBlock01.mvArea .mvAreaPics img {
		width: 45%;
	}
	.menuBlock01.mvArea .mvAreaPics a:first-of-type img {
		margin-right: 5%;
	}
	.menuBlock01.mvArea .mvAreaPics a:last-of-type img {
		margin-left: 0;
		margin-top: 5%;
	}
}

.menuBlock01.mvArea .mvAreaUnder {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.top_section {
	padding: 80px 0;
	background-position: bottom;
	background-repeat: no-repeat;
}

.top_section h2 {
	position: relative;
	width: 100%;
	padding-bottom: 15px;
	margin: 0 0 70px;
	text-align: center;
	letter-spacing: 3px;
}

.top_section h2:before {
	content: "";
	position: absolute;
	transform: translateX(-50%);
	top: 100%;
	left: 50%;
	width: 100%;
	max-width: 787px;
	height: 2px;
	background-color: #51bcb4;
}

.top_section h2:after {
	content: "";
	position: absolute;
	transform: translateX(-50%);
	top: 100%;
	left: 50%;
	width: 33.3%;
	max-width: 262px;
	height: 2px;
	background-color: #e60039;
}

.top_section h2 i {
	position: relative;
	display: inline-block;
	width: 65px;
	height: 45px;
}

@media screen and (max-width: 900px) and (min-width: 640px){
	.top_section h2 i {
		width: calc(5vw + 20px);
		height: 5vw;
	}
}
@media screen and (max-width: 640px){
	.top_section h2 i {
		width: 40px;
		height: 40px;
	}
}

.top_section h2 i img {
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 100%;
}

@media screen and (max-width: 640px){
	.top_section h2 i img {
		transform: translateX(-50%);
		left: 50%;
		bottom: 0;
		width: 100%;
		height: auto;
	}
}

.top_section h2 span {
	position: relative;
	display: inline-block;
	font-size: 45px;
}

@media screen and (max-width: 900px) and (min-width: 640px){
	.top_section h2 span {
		font-size: 5vw;
	}
}
@media screen and (max-width: 640px){
	.top_section h2 span {
		width: 100%;
		font-size: calc(3.333vw + 10.666px);
	}
}

.top_section.top_section1 {
	background-image: url(../_img/index/section1-back.png);
	background-color: white;
}
.top_section.top_section2 {
	background-image: url(../_img/index/section2-back.png);
	background-color: white;
}
.top_section.top_section3 {
	padding-bottom: 100px;
	background-image: url(../_img/index/section3-back.png);
	background-color: white;
}

.top_section .top_section_text {
	margin: 0 0 70px;
	text-align: center;
	line-height: 1.625;
	letter-spacing: 4px;
}

.top_section .top_section_pics:after {
	content: "";
	display: block;
	clear: both;
	margin-bottom: 40px;
}

.top_section .top_section_pics li {
	float: left;
	width: calc(4700% / 98);
}

.top_section .top_section_pics li:nth-of-type(2n-1){
	margin-right: calc(400% / 98);
}

@media screen and (max-width: 480px){
	.top_section .top_section_pics li {
		float: none;
		width: 100%;
		max-width: 250px;
		margin: 0 auto;
	}
	.top_section .top_section_pics li:nth-of-type(2n-1){
		margin-right: auto;
		margin-bottom: 30px;
	}
}

.top_section .top_section_pics li figure {
	margin: 0;
	width: 100%;
}

.top_section .top_section_pics li figure img {
	width: 100%;
	vertical-align: bottom;
}

.top_section .top_section_pics li p {
	position: relative;
	padding-bottom: 5px;
	margin-top: 20px;
	margin-bottom: 0;
	text-align: center;
}

@media screen and (max-width: 480px){
	.top_section .top_section_pics li p {
		margin-top: 10px;
	}
}

.top_section .top_section_pics li p:before {
	content: "";
	position: absolute;
	transform: translateX(-50%);
	top: 100%;
	left: 50%;
	width: 100%;
	max-width: 206px;
	height: 2px;
	background-color: #51bcb4;
}

.top_section .top_section_pics li p:after {
	content: "";
	position: absolute;
	transform: translateX(-50%);
	top: 100%;
	left: 50%;
	width: 33.3%;
	max-width: 69px;
	height: 2px;
	background-color: #e60039;
}

.top_section .top_section_btn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 152px;
	padding: 10px 0;
	margin: 0 auto;
	border: 2px solid #51bcb4;
	line-height: 1;
	text-align: center;
	background-color: white;
	letter-spacing: 2px;
}

.top_section .top_section_btn a,
.top_section .top_section_btn a:hover,
.top_section .top_section_btn a:visited {
	color: inherit;
	text-decoration: none;
}

.top_section .top_section_btn a:hover {
	opacity: 0.7;
}

.top_section .top_section_btn a:before {
	content: "";
	position: absolute;
	box-sizing: border-box;
	transform: rotate(225deg);
	right: -3px;
	bottom: -3px;
	border-top: 5px solid transparent;
	border-right: 5px solid #51bcb4;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}

@media screen and (min-width: 768px) {
	.localNav {
		display: none;
	}
}
@media screen and (max-width: 767px){
	.localNav {
		margin-top: 6px;
	}
	.pcOnly {
		display: none !important;
	}
}