@charset "UTF-8";

.tab_title1,.tab_title2 {
	position: absolute;
	font-size: 32px !important;
	letter-spacing: 0.12em !important;
	color: #434343;
}

.tab_title1 {
	top: 85px;
	left: 455px;
}

.tab_title2 {
	top: 80px;
	left: 460px;
}

.tab_text_area1,.tab_text_area2,.tab_text_area3,.tab_text_area4 {
	position: absolute;
	width: 450px;
	height: 283px;
}

.tab_text_area1 {
	top: 259px;
	left: 124px;
}

.tab_text_area2 {
	top: 259px;
	left: 610px;
}

.tab_text_area3 {
	top: 510px;
	left: 124px;
}

.tab_text_area4 {
	top: 510px;
	left: 610px;
}

.tab_headline {
	position: absolute;
	top: -12px;
	left: -15px;
	font-size: 18px !important;
	letter-spacing: 0em !important;
	color: #328FE3;
}

.tab_text_main {
	position: absolute;
	top: 50px;
	left: -70px;
	width: 405px;
	font-size: 16px !important;
	letter-spacing: 0em !important;
	line-height: 27px;
	color: #328FE3;
	text-align: justify;
}
.tab_text_movie1 {
	position: absolute;
	font-size: 16px !important;
	letter-spacing: 0.12em !important;
	color: #328FE3;
	text-align: left;
}

.tab_text_movie1 {
	top: 486px;
	left: 596px;
}
#ui-tab  {
	position: relative;
	left: 50%;
	width: 1000px;
	margin-left: -500px;
}
#ui-tab ul {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
}

#ui-tab div {
	position: relative;
}

.movie {
	position: absolute;
	top: 623px;
	right: 129px;
}

.movie_link {
	position: absolute !important;
	top: 528px;
	right: 34px;
}

.slider:not(:first-child) {
	margin-top: 5vw;
}

.slider img {
	width: 100%;
	height: auto;
}

.next-arrow,
.prev-arrow {
	position: absolute;
	width: 30px !important;
	height: 30px !important;
	z-index: 500;
	cursor: pointer;
}
.next-arrow {
	top: 50%;
	right: -10px;
}
.prev-arrow {
	top: 50%;
	left: -10px;
}

.area_search {
	display: flex;
	flex-wrap: wrap;
	margin-top: 100px;
}

.box5 {width: 100%;}
.box2 {width: 50%;}
.box1 {width: 25%;}

.area_box {
	position: relative;
	padding: 110px 0 30px;
}
.area_box img {display: block;}
.area_box p {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	font-size: 26px !important;
	line-height: 36px;
	letter-spacing: 0 !important;
	text-align: center;
}
.box_headline p {
	top: 0;
}
.area_box ul {
	display: flex;
	justify-content: space-between;
	width: 90%;
	margin: auto;
}
.area_box.box2 ul {width: 75%;}
.area_box.box1 ul {width: 150px;}

.area_box ul li {
	opacity: 1;
	transition: 0.2s;
}
.area_box ul li:hover {
	opacity: 0.5;
}

.area_box ul li a p {
	position: relative;
	top: inherit;
	left: inherit;
	right: inherit;
	margin: 10px 0 0 !important;
	font-size: 18px !important;
	letter-spacing: 0 !important;
}

.area_box p  {
	width: 150px;
}

.area1 {background: #FFE2E2;}
.area2 {background: #FFE5BF;}
.area3 {background: #FFFBBF;}
.area4 {background: #D4FFBF;}
.area5 {background: #ACFFD0;}
.area6 {background: #ACFFF9;}
.area7 {background: #ACCAFF;}
.area8 {background: #ACAFFF;}
.area9 {background: #D8ACFF;}

@media screen and (max-width:850px) {
	.area_box {
		position: relative;
		padding: 110px 0 0;
	}

	.box5 {width: 100%;}
	.box2 {width: 100%;}
	.box1 {width: 50%;}

	.area_box ul {flex-wrap: wrap;}
	.area_box.box5 ul {width: 50%;}
	.area_box.box2 ul {width: 50%;}
	.area_box.box1 ul {width: 50%;}

	.area_box ul li {
		padding-bottom: 30px;
	}
}
@media screen and (max-width:600px) {

	.area_box.box5 ul {width: 90%;}
	.area_box.box2 ul {width: 90%;}
	.area_box.box1 ul {width: 150px;}
}