@charset "UTF-8";

/*----------------------------------------------------

	common

----------------------------------------------------*/
.wrap-vision .TopSection {
	text-align: center;
}
.wrap-vision .l-inner {
	position: relative;
}
/*----------------------------------------------------

	header

----------------------------------------------------*/


.wrap-vision header {
	clear: both;
	overflow: hidden;
	padding: 15px 0 20px;
}
.wrap-vision header .header_inner {
	margin: 0 auto;
	width: 1200px;
}

.wrap-vision .header .header_contact:after {
	clear: both;	
	content: "";
	display: block;
}

.wrap-vision .l-header .l-header_inner {
	height: auto;
}

/*----------------------------------------------------

	main visual

----------------------------------------------------*/

.wrap-vision .MainVisual {
	background: url('/vision/image_uniq/top_bg.png') 50% 0 no-repeat;
	position: relative;
	top: -110px;
	z-index: -1;
	height: 940px;
}

.wrap-vision .MainVisual .top_pr_inner {
	margin: 0 auto;
    position: relative;
    width: 1330px;
}

.wrap-vision .MainVisual .top_pr_lead {
	position: absolute; 
	top: 140px;
	left: 30%;
}


.wrap-vision .MainVisual .top_pr_flex {
	position: absolute;
	display: flex;
	left: 17%;
	top: 360px;
	z-index: 1;
}

.wrap-vision .MainVisual .top_pr_box_right02 {
	position: absolute;
	display: flex;
	z-index: 1;
	padding-top: 3%;
}

.wrap-vision .MainVisual .top_pr_box_right {
	padding-left: 3%;
	padding-top: 30px;
}

.MainVisual .top_pr_box_right02 .pr_02 {
	padding-left: 2%;
}

.MainVisual .top_pr_box_right02 .pr_03 {
	padding-left: 2%;
}

.top_pr_box_right02 {
	width: 110%;
}

.top_pr_box_left .MvVideo_video {
	position: absolute;
	top: 305px;
	left: 3.4%;
}



/*----------------------------------------------------

	navigation menu

----------------------------------------------------*/
.wrap-vision .globalNavi {
	background: #237bd6;
	color: #FFF;
	font-size: 21px;
	font-weight: 600;
	padding: 45px 0;
	top: -110px;
	position: relative;
}

.wrap-vision .globalNavi .globalNavi_lists {
	clear: both;
	overflow: hidden;
	text-align: center;
}
.wrap-vision .globalNavi_lists .globalNavi_list {
	float: left;
	padding-right: 29px;
}
.wrap-vision .globalNavi_list a {
	transition: .5s;
}
.wrap-vision .globalNavi_list a:hover {
	color: #fff100;
}
.wrap-vision .globalNavi_list a:after {
	content: '|';
	font-weight: 100;
	padding-left: 29px;
}
.wrap-vision .globalNavi_list a:hover:after {
	color: #FFF;
}
.wrap-vision .globalNavi_list:last-child a:after {
	display: none;
}
/*----------------------------------------------------

	about

----------------------------------------------------*/

.wrap-vision .TopSection-about_02 {
    background: #bbdcf4;
	margin-top: 80px;
	padding: 30px 0;
}

.wrap-vision .TopSection-about_01 .u-pt50 {
	padding-top: 50px;
}


/*----------------------------------------------------

	point

----------------------------------------------------*/

.wrap-vision .TopSection-point  .point01_cont {
	position: relative;
}

.wrap-vision .TopSection-point .ExampleBtn {
	position: absolute;
	bottom: 40px;
	width: 100%;
}

.wrap-vision .TopSection-point02 {
	margin-top: 30px;
}

.wrap-vision .TopSection-point03 {
	margin-top: 30px;
}

.TopSection-point .TopSection-point_ttl {
	padding-top: 80px;
	padding-bottom: 50px;
}

/*----------------------------------------------------

	advantages

----------------------------------------------------*/
.wrap-vision .TopSection-advantages {
	max-height: 2720px;
}

.wrap-vision .TopSection-advantages .advantages_ttl {
	padding-bottom: 45px;
}
.wrap-vision .TopSection-advantages .TopSection-advantage02 {
	padding: 30px 0;
}

.wrap-vision .TopSection-advantages {
	background: #bbdcf4;
	margin-top: 80px;
	padding: 50px 0 100px;
}


/*----------------------------------------------------

	sample

----------------------------------------------------*/


.wrap-vision .TopSection-sample .TopSection-SampleFLyer {
	margin-top: -60px;
	position: relative;
	z-index: -10;
}

.TopSection-SampleFLyer img {
	height: 942px;
}

.wrap-vision .TopSection-sample .TopSection-SampleVideo {
	position: relative;
	top: -460px;
}
.wrap-vision .TopSection-sample .SampleVideo_player {
	left: 240px;
	position: absolute;
	top: 24px;
	z-index: 1;
}
.wrap-vision .TopSection-sample .SampleVideo_sp {
	position: relative;
	top: 5px;
	z-index: 0;
	left: -5px;
}

.SampleVideo_sp img {
	width: 66%;
}

.wrap-vision .sample_ttl {
	padding-top: 80px;
	text-align: center;
	padding-bottom: 50px;
}

.wrap-vision .company_name {
	padding-top: 40px;
}

.wrap-vision .TopSection-sample02 {
	margin-top: -370px;
	margin-bottom: -320px;
}



/*----------------------------------------------------

	price

----------------------------------------------------*/
.wrap-vision .TopSection-price {
    background: #bbdcf4;
	padding-top: 240px;
}
.wrap-vision .TopSection-price .price_inner {
    top: -160px;
}
.wrap-vision .TopSection-price .price_ttl {
    padding-bottom: 35px;
}

.wrap-vision .TopSection-price .price_lead {
	padding-bottom: 35px;
}

.wrap-vision .TopSection-price .price_table {
	position: relative;
	width: 1258px;
	left: -58px;
}

/*----------------------------------------------------

	flow

----------------------------------------------------*/
.wrap-vision .TopSection-flow {
	padding-bottom: 100px;
	padding-top: 80px;
}

.wrap-vision .TopSection-flow .flow_ttl {
	padding-bottom: 30px;
}

.wrap-vision .TopSection-flow .TopSection-flow02 {
	padding: 30px 0;
}

/*----------------------------------------------------

	Contact Button

----------------------------------------------------*/
.wrap-vision .ContactBtn {
	position: fixed;
	right: 0;
	top: 25%;
	z-index: 1000;
}
.wrap-vision .ContactBtn a {
	transition: .5s;
}
.wrap-vision .ContactBtn a:hover {
	opacity: .6;
}