@charset "utf-8";

.commonWrapper{
	width: 100%;
	overflow-x: hidden;
	display: none;
}

#loader {
	margin: 0 auto;
	width: 100%;
	min-width: 1200px;
	text-align: center;
	font-size: 25px;
	color: #efefef;	
	}
#bar {
	width: 100%;
	min-width: 1200px;
	height: 2px;	
	font-size: 1px;
	}
#bar span {
	display: block;
	width: 0;
	height: 4px;
	background: #2F4356;
}

.header{
	position: relative;
	z-index: 15;
}

.header_content_left{
	min-height: 84px;
}

.mainvisual_minheight{
	min-height: 932px;
}

.mainvisualWrapper{
	position: relative;
	margin-top: -84px;
	padding-bottom: 21px;
	min-height: 932px;	
	background: url(../images/index/index_main_bg_pc.png) no-repeat 0% 0%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	z-index: 10;	
}

.mainvisual{
	padding-top: 84px;
	text-align: center;
}

.mainvisual_content{
	position: relative;
	margin: 25px auto 0;	
	width: 1200px;
	height: 780px;
	background: url(../images/index/index_main_character_pc.png) no-repeat 0% 0%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	z-index: 20;
}

.mainvisual_copy1{
	margin-top: 316px;
}

.mainvisual_movie{
	position: absolute;
	right: 4px;
	// bottom: 55px;
        bottom: 35px;
}

.mainvisual_download_rakuten{
    position: absolute;
    right: 4px;
    bottom: -50px;
}

.mainvisual_text {
    position: absolute;
    right: 60px;
    bottom: 30px;
}

.mainvisual_text img{
    width: 160px;
}

.mainvisual_download_rakuten img{
    width: 275px;
}

.introduceWrapper{
	position: relative;
	padding: 38px 0 0;
	margin: 0 auto;
	width: 100%;
	height: 2393px;
	text-align: center;	
}

.introduce_imageArea{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 1200px;
	height: 2431px;
}

.introduce_bg{
	position: relative;
	width: 100%;
	height: 2431px;
}

.introduce_bg img{
	position: absolute;
	height: 2431px;
	margin-left: -800px;
	left: 50%;
}

.introduce{
	margin: 0 auto;
	width: 1200px;
}

.introduce_pointWrapper{
	position: relative;
	min-height: 980px;
}

.introduce_title{
	position: relative;
	margin: 0 auto;	
}

.introduce_point_detail{
	width: 120%;
	line-height: 1.2em;
	text-align: left;
	color: #fff;
}

.introduce_point1{
	float: left;
	margin-top: 1%;
	margin-left: 18%;	
}

.introduce_point1 .introduce_point_text{
	width: 80%;
}

.introduce_point1 .introduce_point_detail{
	margin-left: 20%;
	color: #151515;
}

.introduce_point1 .introduce_point_image{
	margin: 4% 0 0 5%;
	width: 90%;
}

.introduce_point .character1{	
	margin: -1% 0 0 6%;
	left: 0;
	top: 0;
	width: 10%;
}

.introduce_point_character{
	position: absolute;	
}

.introduce_point2{
	float: right;
	margin: 17% 16% 0 0;	
	width: 28%;
}

.introduce_point2 .introduce_point_image{
	width: 78%;
}

.introduce_point2 .introduce_point_text{	
	width: 80%;
}

.introduce_point2 .introduce_point_detail{
	margin-left: 23%;	
}

.introduce_point .character2{
	margin-top: 10%;
	margin-right: 5%;
	top: 0;
	right: 0;
	width: 8.7%;
}

.introduce_point3{
	float: left;
	margin-top: 5%;
	margin-left: 8%;
	width: 28%;
}

.introduce_point3 .introduce_point_detail{
	margin-left: 24%;	
}

.introduce_point3 .introduce_point_image{
	margin: 1% 0 0 21%;
	width: 70%;
}

.introduce_point .character3{
	margin-top: 39%;
	margin-left: 43%;
	top: 0;
	left: 0;
	width: 9.4%;
}

.introduce_point4{
	float: right;
	margin: 7% 16% 0 0;	
	width: 28%;
}

.introduce_point4 .introduce_point_image{
	width: 80%;
}

.introduce_point4 .introduce_point_text{
	width: 80%;
}

.introduce_point4 .introduce_point_detail{
	margin-left: 21%;
	color: #151515;
	width: 250px;
}

.introduce_bannerWrapper{
	position: relative;
	margin: 7% auto 0;	
	width: 890px;
}

.introduce_banners li{
	margin: 1% 2% 0 0;
	float: left;
	width: 32%;
}

.introduce_banners li.last{
	margin-right: 0;
}

.introduce_banners li img{
	width: 100%;
	height: auto;
}

.introduce_banners .introduce_snstext.large{
	display: block;
	text-align: left;
	margin-bottom: 10px;
	font-weight: bold;
}

.introduce_twitter,
.introduce_facebook{
	min-height: 400px;
}

.introduce_twitter .introduce_snstext{
	color: #00acee;	
}

.introduce_facebook .introduce_snstext{
	color: #3558ab;
}

.introduce_banners li.introduce_facebook{
	position: relative;
	z-index: 10;
}

.character4{
	margin: -27% 0 0 -24%;
	top: 0;
	left: 0;
	width: 30%;
}

.character5{
	margin: -17% -22% 0 0;
	top: 0;
	right: 0;
	width: 29%;
}

.character6{
	margin: 44% 0 0 -22%;
	top: 0;
	left: 0;
	width: 35%;
}

.character7{
	margin: 24% -18% 0 0;
	top: 0;
	right: 0;
	width: 29%;
	z-index: 1;
}

.owl-theme .owl-controls{
	display: none!important;
}

.carouselWrapper{
	position: relative;
	margin: 180px auto 0;
	width: 1220px;
}

.carousel_control{
	position: absolute;
	cursor: pointer;
}

.carousel_control_left{
	margin-left: -25px;
	left: 0;
	top: 50px;
}

.carousel_control_right{
	margin-right: -25px;
	right: 0;
	top: 50px;
}

.footer{
	position: relative;
	margin-top: -160px;	
}