@charset "UTF-8";


@media screen and (min-width:800px){
#obc_migration #loading{
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
	width:100%;
	height:800px;
	text-align:center;
}
#obc_migration #loading img{
	padding-top:350px;
}

}

#obc_migration .tablet #loading img{
	display:none;
}

#obc_migration #video3{
	display:none;
}



@media screen and (max-width:768px){
	#obc_migration #loading{
		display:none;
	}
}

/*#mainvisial,#mainvisial h1,#mainvisial p.msg,#mainvisial p.att2,#mainvisial ul,
#tour1,#tour1 h1,#tour1 p.msg,#tour1 ul,#moviego{
	
}*/
#obc_migration #tour1{
	opacity:0;
}
.tablet #obc_migration #tour1{
	opacity:1;
}

#obc_migration #mainvisial h1,
#obc_migration #mainvisial p,
#obc_migration #toparea2 h2,
#obc_migration #toparea4 p,
#obc_migration #toparea2 .circle h5,
#obc_migration #toparea3 .box dd,
#obc_migration #toparea4 h3,
#obc_migration #toparea4 .taikendiary dd h5,
#obc_migration .nextknow a{
	font-family: 'Noto Sans','メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
	font-weight:350;
}

#obc_migration #mainvisial{
	display:none;
}

#obc_migration #loading{
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
	width:100%;
	height:710px;
	text-align:center;
}
#obc_migration #loading img{
	padding-top:350px;
}

/* backgrond video */
#obc_migration .video-bg {width:100%; height:710px; position:relative; background-attachment:fixed;}
#obc_migration #video-cover{
	background-color:#000;
	/*background-image:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/bg.png);*/
	opacity: 0.4;
	position:absolute;
	z-index:50;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

#obc_migration #tour1{position:relative;font-family: 'Noto Sans';}

#video-bg-container {
	background-size:cover; position:absolute;
	left:0; top:0; z-index:0; overflow:hidden; width:100%; height:710px;
}
body.tablet #video-bg-container{
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/media/service/linkit/short.jpg) center top no-repeat;
	background-size:auto 710px;
}

#background-video { /*background-size:cover; *//*width:auto; height:auto; min-height:100%; min-width:100%;*/
	min-width:100%;
	height:auto;
}

@media screen and (max-width:1250px){
	#background-video { /*background-size:cover; *//*width:auto; height:auto; min-height:100%; min-width:100%;*/
		min-height: 710px;
		min-width:100%;
	}
}

.no-video { position:absolute; z-index:0; width:100%; height:100%; left:0; top:0;}
html.touch #background-video { display:none;}


body.tablet #video-bg-container video{
	display:none;
}

#moviearea{
	width:100%;
	height:800px;
	position:fixed;
	top:0px;
	left:0%;
	z-index:2500;
	background:#000;
	/*margin-left:-400px;
	margin-top:-225px;*/
	/*width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	background:#000;
	z-index:2500;*/
	display:none;
	
	
	
}



#moviearea iframe{
	position:relative;
	top:60px;
	text-align:center;
	width:100%;
}
#moviearea #ytplayer{
	width:100%;
	height:auto;
	min-width:100%;
	min-height:710px;
}

#obc_migration #mnavi{
	width:800px;
	background:#000;
	height:450px;
	z-index:100;
	position:absolute;
	top:10px;
	/*left:10px;*/
}
#obc_migration #mnavi li{
	width:100%;
	float:left;
	height:100%;
	display:block;
	color:#fff;
	cursor:pointer;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#obc_migration #mnavi li.viewcontrol{
	display:none;
}

#obc_migration .container{position: relative;display:table;width: 960px;margin: 0 auto;padding: 0;height:710px;

	}
#obc_migration .container .row{
	width:960px;
	padding-left: 0px;
	color:#fff;
	vertical-align:top;
	/*padding-top:221px; 20160315*/
	padding-top:200px;
	display:table-cell;
}
#obc_migration .position1{
	font-family: 'Noto Sans'!important;
}
#obc_migration .container .row .title,
#obc_migration .container .row h1{
	/*font-size:45px; 20160315*/
	font-size:55px;
	font-weight:500;
	line-height:1.2;
	font-family: 'Noto Sans';
	/*letter-spacing: 5px;*/
	margin-bottom:20px;
	letter-spacing:-1px;
}
#obc_migration .container .row p{
		/*font-size:115%; 20160315*/
		font-size:125%;
		font-weight:350;
		font-family: 'Noto Sans';
}
#obc_migration #moviego{
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/moviestart.png) center 0px no-repeat;
	width:217px;
	height:48px;
	display:block;
	cursor:pointer;
	margin:0px auto;
	position:absolute;
	bottom:200px;
	border:solid 2px #fff;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	left:50%;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	margin-left:-108px;
	/*border:solid 1px rgba(0,0,0,0.2);*/
}
#obc_migration #moviego:hover{
	background-color: rgba(0,0,0,0.3);
}
#obc_migration #moviearea #movieclose{
	width:50px;
	height:50px;
	position:absolute;
	right:10px;
	top:10px;
	z-index:5000;
	cursor:pointer;
}


#obc_migration .container .menubox {
	clear:both;
 	display: -webkit-flex;
 	display: flex;
  	-webkit-flex-wrap: nowrap; 
  	flex-wrap:         nowrap;
 	-webkit-justify-content: center; 
 	justify-content:         center;

}
#obc_migration .container .menubox li:first-child{
	padding-top:10px;
}
#obc_migration .container #scroll{
	position:absolute;
	bottom:30px;
	width:68px;
	height:57px;
	left:50%;
	cursor:pointer;
	margin-left:-34px;

}
#obc_migration .container #scroll img{
	animation: moveY 1s infinite alternate linear;
	-ms-animation: moveY 1s infinite alternate linear;
	-webkit-animation: moveY 1s infinite alternate linear;
	-moz-animation: moveY 1s infinite alternate linear;
	-webkit-animation-name: move-updown;
	animation-name: move-updown;
	animation-timing-function: ease-out;
	position:relative;
}


#obc_migration .container .menubox li{
	margin:0 10px 10px 10px;
	text-align:left;
	/*background-color: rgba(234, 189, 0, 1);
	/*background-color: rgba(234, 189, 0, 0.8);*/
	background-color: rgba(0,0, 0, 0.5);
	padding:8px 10px 8px 10px;
	line-height:1.6;
	color:#fff;
	font-size:70%;
	font-family: 'メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
}
#obc_migration .container .menubox li a{
	display:block;
	padding:12px 20px 10px 20px;
	font-size:130%;
	line-height:1.4;
	border:solid 2px #fff;
	color:#fff;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
#obc_migration .container .menubox li a:hover{
	background-color:#eabd00;
	border-color:#eabd00;
	color:#000;
}

#obc_migration #tour1{
	display:block;
}
	
#obc_migration .container p.att2{
	position:absolute;
	right:50%;
	margin-right:-480px;
	bottom:30px;
}

#obc_migration #id50{
	position:absolute;
	bottom:100px;
	right:50%;
	margin-right:-465px;
	z-index:150;
}
#obc_migration #id50 img{
	width:170px;
	height:auto;
}
	
/*
#mainvisial{
	background-color:#fff;
	background-image:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/section_01.jpg);
	height:700px;
	overflow:hidden;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position:relative;
}
#mainvisial .dark{
	width: 100%;
	height: 100%;
	position: absolute;
}
#mainvisial .inner{
	max-width:1000px;
	margin:0px auto;
	display:table;
	height:700px;
}
#mainvisial .id50{
	position:absolute;
	top:0px;
	right:0px;
	z-index:100;
}
#mainvisial .inner-middle{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
#mainvisial h1{
	overflow:hidden;
	font-size:250%;
	color:#444;
	display:table;
	font-weight:350;
	line-height:1.4;
	margin:180px auto 20px auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align:left;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, .8);
	text-shadow:
		/*-1px -1px 0px #333,
		1px -1px 0px #333,
		1px 1px 0px #333,
		-1px 1px 0px #333,
		0px 0px 25px rgba(255, 255, 255, 0.7),
		0px 0px 20px rgba(255, 255, 255, 0.7);
}*/
/*
#mainvisial h1 img{
	height:auto;
}
#mainvisial p{
	font-size:110%;
	margin-bottom:30px;
	color:#222;
	
	line-height:1.6;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
		text-shadow:
		-1px -1px 0px #fff,
		1px -1px 0px #fff,
		1px 1px 0px #fff,
		-1px 1px 0px #fff,
		0px 0px 25px rgba(255, 255, 255, 0.7),
		0px 0px 20px rgba(255, 255, 255, 0.7);
}

#mainvisial .menubox {
	clear:both;
 	display: -webkit-flex;
 	display: flex;
  	-webkit-flex-wrap: nowrap; 
  	flex-wrap:         nowrap;
 	-webkit-justify-content: center; 
 	justify-content:         center;

}
#mainvisial .menubox li:first-child{
	padding-top:10px;
}
#mainvisial #scroll{
	position:absolute;
	bottom:10px;
	width:68px;
	height:57px;
	left:50%;
	cursor:pointer;
	margin-left:-34px;

}
#mainvisial #scroll img{
	animation: moveY 1s infinite alternate linear;
	-ms-animation: moveY 1s infinite alternate linear;
	-webkit-animation: moveY 1s infinite alternate linear;
	-moz-animation: moveY 1s infinite alternate linear;
	-webkit-animation-name: move-updown;
	animation-name: move-updown;
	animation-timing-function: ease-out;
	position:relative;
}


#mainvisial .menubox li{
	margin:0 10px 10px 10px;
	text-align:left;
	background-color: rgba(0,0, 0, 0.5);
	padding:8px 10px 8px 10px;
	line-height:1.6;
	color:#fff;
	font-size:70%;
	font-family: 'メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
}
#mainvisial .menubox li a{
	display:block;
	padding:12px 20px 10px 20px;
	font-size:130%;
	line-height:1.4;
	border:solid 2px #fff;
	color:#fff;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
#mainvisial .menubox li a:hover{
	background-color:#eabd00;
	border-color:#eabd00;
	color:#000;
}*/





@media screen and (max-width:768px){
	#obc_migration #mainvisial,
	#obc_migration #mainvisial h1,
	#obc_migration #mainvisial p.msg,
	#obc_migration #mainvisial p.att2,
	#obc_migration #mainvisial ul{
		opacity:1;
		margin-bottom:0px;
	}
	#obc_migration #mainvisial{
		margin-bottom:0px;
		display:block;
	}
	#obc_migration #mainvisial .spmoviearea{
		position:relative;
	}
	#obc_migration #mainvisial p.msg{
		margin-bottom:15px;
	}
	
	

	#obc_migration #mainvisial .id50{
		position:absolute;
		top:55px;
		right:0px;
		z-index:200;
	}
	#obc_migration #id50{
		display:none;
	}
	#obc_migration #mainvisial .id50 img{
		width:150px;
		height:auto;
	}
	#obc_migration #mainvisial,
	#obc_migration #mainvisial .dark,
	#obc_migration #mainvisial .inner-middle{
		height:auto;
		display:block;
		position:inherit;
		text-align:left;
	}
	#obc_migration #mainvisial{
		background:none;	
	}
	#obc_migration #mainvisial .inner{
		position:relative;
		top:0px;
		z-index:99;
		height:auto;
		width:100%;
		background-color: rgba(255,255,255,0.6);
	}

	#obc_migration #mainvisial h1{
		padding:20px 10px 0 10px;
		display:block;
		width:auto;
		margin:0px 0 15px 0!important;
		font-family: 'Noto Sans','メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
		font-size:150%;
		font-weight:500;
		text-align:center;
		letter-spacing:-1px;
	}
	#obc_migration #mainvisial p{
		margin:0px 10px 20px 10px;
		font-size:115%;
		font-weight:2;
		text-align:center;		
	}
	#obc_migration #mainvisial #scroll{
		display:none;
	}
	#obc_migration #mainvisial .menubox{
		border:solid 1px #ccc;
		margin:0 10px;
		padding:10px 0;
	}
	#obc_migration #mainvisial .menubox li{
		margin:0 10px 10px 10px;
		text-align:left;
		background-color: rgba(0,0, 0, 0.5);
		padding:8px 10px 8px 10px;
		line-height:1.6;
		color:#fff;
		font-size:70%;
		font-family: 'メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
	}
	#obc_migration #mainvisial .menubox li a{
		display:block;
		padding:12px 20px 10px 20px;
		font-size:130%;
		line-height:1.4;
		border:solid 2px #fff;
		color:#fff;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
	}
	#obc_migration #mainvisial .menubox li a:hover{
		background-color:#eabd00;
		border-color:#eabd00;
		color:#000;
	}
}

@media screen and (max-width:768px){
	#obc_migration .menubox li a{
		font-size:75%;	
	}

#obc_migration #mainvisial .menubox {
	clear:both;
 	display: block;
}
#obc_migration #mainvisial .menubox li:first-child{
	padding-top:0px;
		
}
#obc_migration #mainvisial .menubox li{
	background-color: rgba(255,255,255, 0.5);
	color:#666;
	margin-bottom:0px;
	font-size:70%;
	padding:0px;
	line-height:1.6;
}
	#obc_migration #mainvisial p{
		margin:0px 10px 20px 10px;
		font-size:100%;
		color:#000;
		font-weight:200;
		text-align:center;		
	}


}
@media screen and (max-width:480px){
	#obc_migration #mainvisial h2{
		font-size:28px!important;
		margin:0 10px 20px 10px;
	}
	#obc_migration #mainvisial .menubox {
		display: block;
	
	}
	#obc_migration #mainvisial .menubox li{
	
	}
}

#obc_migration #toparea1{
	overflow:hidden;
	padding:50px 0 50px 0;
	text-align:center;
}
#obc_migration #toparea1 .inner{
	max-width:1100px;
	margin:0px auto 0px auto;
}
#obc_migration #toparea1 h2{
	margin-bottom:10px;
	font-size:200%;
	font-weight:400;
	/*color:#DD960F;*/
	color:#000;
}

@media screen and (max-width:1000px){

}
@media screen and (max-width:800px){
#obc_migration #toparea1{
	overflow:hidden;
	background:#fff;
	padding:0px 0 30px 0;
	text-align:center;
}
#obc_migration #toparea1 h2{
	font-weight:500;
	color:#DD960F;
	font-weight:700;
	text-align:left;
	margin:0 10px 20px 10px;
}
}

@media screen and (max-width:768px){
	#obc_migration #toparea1{
	overflow:hidden;
	background:#fff;
	padding:50px 0 30px 0;
	text-align:center;
	}
}


#obc_migration #toparea2{
	overflow:hidden;
	padding:60px 0 240px 0;
	background:#FFC800 url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/bg_top3.png) center bottom no-repeat;
	background-size:900px auto;
}
#obc_migration #toparea2 .inner{
	max-width:1050px;
	margin:0px auto 0px auto;
}
#obc_migration #toparea2 h2{
	margin:0 auto 25px auto;
	/*font-weight:500;*/
	/*font-size:200%; 0316*/
	font-size:220%;
	font-weight:500;
	color:#000;
	text-align:center;
	letter-spacing: .0.5em;
	margin-right: -0.5em;	
}
#obc_migration #toparea2 ul{
	margin:0 auto;
	/*max-width:1000px;*/
	max-width:1100px;
}

#obc_migration #toparea2 .circle{
	/*background:#f5d942;*/
	width:auto;
	/*border-radius:50%;*/
	color:#000;
	background:#fff;
	margin:0px auto 0 auto;
	border:solid 3px #FF9000;
	-webkittborder-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	padding:0 40px 30px 40px;
	/*border:solid 1px #ddd;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;*/
	/*max-width:190px;*/
	max-width:210px;
	position:relative;
}
#obc_migration #toparea2 li{
	float:left;
	width:33.3%;
	padding-top:36px;
}
#obc_migration #toparea2 .circle .count{
	position:absolute;
	top:-38px;
	left:-36px;
}
/*#toparea2 .circle:hover{
	background:#fff;
	border:solid 1px #ffcc00;
}*/
#obc_migration #toparea2 .circle h5{
	font-family: 'Noto Sans';
	padding-top:40px;
	font-size:160%;
	font-weight:600;
	text-align:center;
	margin-bottom:15px;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	/*letter-spacing:-1px;*/
}
#obc_migration #toparea2 .circle h5 strong{
	font-weight:600;
}
#obc_migration #toparea2 .circle h5 strong{
	background: linear-gradient(transparent 70%, #FFD670 70%);
}

#obc_migration #toparea2 .circle p{
	font-family: 'Noto Sans';
	font-weight:200;
	display:table;
	/*font-size:95%;*/
	font-size:100%;
	color:#111;
	margin:0px auto;
	line-height:2;
	text-align:center;
}
/*#toparea2 .circle:hover h5{
	font-size:28px;
	padding-top:45px;
}*/

#obc_migration #toparea2 ul{
 	display: -webkit-flex;
 	display: flex;
   	-webkit-flex-wrap: nowrap; /* Safari */
  	flex-wrap:         nowrap;
 	-webkit-justify-content: center; /* Safari */
 	justify-content:         center;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
	 -webkit-align-items: center; /* Safari */
  align-items:         center;
}
/*@media screen and (max-width:1000px){
	#toparea2 .circle{
		width:220px;
		height:280px;
	}
	#toparea2 .circle h5{
		padding-top:43px;
		font-size:26px;
		margin-bottom:15px;
	}
	/*#toparea2 .circle:hover h5{
	font-size:26px;
	padding-top:43px;
	}
	#toparea2 .circle p{
		font-weight:500;
		display:table;
		margin:0px auto;
	}
}*/

@media screen and (max-width:960px){
#obc_migration #toparea2 ul{
	margin:0 30px 0 40px;
	/*max-width:1000px;*/
	max-width:auto;
}
#obc_migration #toparea2 .circle{
	/*background:#f5d942;*/
	width:auto;
	/*border-radius:50%;*/
	color:#000;
	background:#fff;
	margin:0px auto 0 auto;
	border:solid 3px #FF9000;
	-webkittborder-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	padding:0 40px 40px 40px;
	/*border:solid 1px #ddd;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;*/
	/*max-width:190px;*/
	max-width:190px;
	position:relative;
}
#obc_migration #toparea2 .circle h5{
	font-size:150%;
	font-weight:600;

}
#obc_migration #toparea2 .circle h5 strong{
	font-weight:600;
}
#obc_migration #toparea2 .circle h5 strong{
	background: linear-gradient(transparent 60%, #FFD670 60%);
}

}

@media screen and (max-width:890px){
	#obc_migration #toparea2{
		background:#ffc800 url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/bg_top3.png) center bottom no-repeat;
		background-size:100% auto;
		padding-bottom:30%;
		padding-top:30px;
	}
	#obc_migration #toparea2 h2{
		margin:0 10px 25px 10px;
		text-align:center;
		font-size:160%;
	}
	#obc_migration #toparea2 .inner{
		margin:0px 0 0 36px;
		
	}

	#obc_migration #toparea2 ul{
		width:100%;
		display:block;
		margin:0px 0px;
	}
	
	#obc_migration #toparea2 li{
		padding-top:26px;
		border:none;
	}
	#obc_migration #toparea2 li:last-child{
		border-right:none;
	}

	#obc_migration #toparea2 .circle{
		width:auto;
		padding:0px 10px 15px 10px;	
	}
	#obc_migration #toparea2 .circle h5{
		/*padding-top:32px;
		font-size:28px;*/
		font-size:140%;
		margin-bottom:15px;
	}

	/*#toparea2 .circle:hover h5{
		padding-top:32px;
		font-size:150%;
	}*/
	#obc_migration #toparea2 .circle p{
		font-size:85%;
		display:block;
		margin:0px 15px;
		font-weight:200;
	}
}
@media screen and (max-width:768px){

#obc_migration #toparea2{
	padding-top:30px;
}
	#obc_migration #toparea2 ul{
		display:block;
		margin:0px;
		width:auto;
	}
	#obc_migration #toparea2 ul li{
		margin:0px 0 15px 0;
		width:100%;
	}
	#obc_migration #toparea2 .circle{
		width:100%;
		height:auto;
		margin:0 auto;
		max-width:80%;
		padding:0 0px 15px 0px;
		
	}
	#obc_migration #toparea2 .circle h5{
		padding-top:15px;
		margin-bottom:10px;
	}
	#obc_migration #toparea2 .circle .count{
		position:absolute;
		top:-35px;
		left:-35px;
	}
	#obc_migration #toparea2 .circle p{
		text-align:center;
		line-height:1.4;
		font-size:15px;
		font-weight:350;
	}
	#obc_migration #toparea2 .inner{
		margin:0px 10px;
	}
	#obc_migration #toparea2 .circle .count img{
		width:70px;
		height:auto;
	}
	#obc_migration #toparea2 h2{
		margin:0 10px 25px 10px;
		text-align:center;
		font-size:150%;
	}
}

#obc_migration .tablet #toparea1 video{
	display:none;
}
#obc_migration .tablet #toparea1 #video3{
	display:block!important;
	padding-top:25px;
}

#obc_migration .nextknow{
	text-align:center;
	background:#ffc800;
	margin:0px auto;

}

#obc_migration .nextknow dl{
	display:table;
	width:100%;
	max-width:800px;
	margin:0px auto;
	padding:50px 0;
	border-top:solid 1px #FFBB00;
}
#obc_migration .nextknow dd{
	display:table-cell;	
	width:50%;
	text-align:center;
}

/*.nextknow a{
	display:block;
	padding:15px 0;
	font-size:140%;
	font-weight:500;
	color:#fff;
	width:300px;
	border:solid 3px #fff;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#ffc800 url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/arrow_r_w.png) 90% center no-repeat;
	-webkit-background-size:16px auto;
	-moz-background-size:16px auto;
	background-size:16px auto;
	margin:0px auto;
}*/


#obc_migration .nextknow a{
	display:block;
	padding:15px 0;
	font-size:140%;
	font-weight:500;
	color:#000;
	width:300px;
	border:solid 3px #FF8E0F;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#fff url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/arrow_r.png) 90% center no-repeat;
	-webkit-background-size:16px auto;
	-moz-background-size:16px auto;
	background-size:16px auto;
	margin:0px auto;
}



#obc_migration .nextknow a:hover{
	background:#FF8E0F url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/arrow_r_w.png) 92% center no-repeat;
	-webkit-background-size:16px auto;
	-moz-background-size:16px auto;
	background-size:16px auto;
	color:#fff;
}

@media screen and (max-width:768px){
#obc_migration .nextknow dl{
	display:block;
	max-width:auto;
	margin:0px;
	padding:20px 0 10px 0;
	border-top:solid 1px #FFBB00;
}
#obc_migration .nextknow dd{
	display:block!important;
	width:100%;
	margin:0px 0 15px 0;

}
#obc_migration .nextknow a{
	display:block;
	padding:12px 0 12px 10px;
	font-size:16px;
	font-weight:400;
	text-align:center;
	width:80%;
	border:solid 2px #FF8E0F;
	margin:0px auto;
	-webkit-background-size:8px auto;
	-moz-background-size:8px auto;
	background-size:8px auto;
}

#obc_migration .nextknow a:hover{
	background:#FF8E0F url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/arrow_r_w.png) 92% center no-repeat;
	-webkit-background-size:8px auto;
	-moz-background-size:8px auto;
	background-size:8px auto;
	color:#fff;
}

}

#obc_migration #toparea3{
	padding:50px 0;
	overflow:hidden;
}
#obc_migration #toparea3 h3{
	font-size:124%;
	font-weight:600;
	color:#000;
	text-align:center;
	padding:0px 0 0px 0;
	margin-bottom:30px;
}
#obc_migration #toparea3 .inner{
	max-width:1000px;
	margin:0px auto;
	position:relative;
}
#obc_migration #toparea3 .slide{
	position:relative;
	width:100%;
}
#obc_migration #toparea3 .box{
	overflow:hidden;
	margin:0 10px;
	display:block;
}
#obc_migration #toparea3 .box dt{
	width:200px;
	float:left;
	vertical-align:middle;
	margin-right:0px;
	height:184px;
	border:solid 2px #FFC800;
	border-bottom:solid 3px #ffc800;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
#obc_migration #toparea3 .box dt img{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	height:185px!important;
	width:auto;
	vertical-align:top;
}
#obc_migration #toparea3 .box dd{
	font-size:85%;
	line-height:1.8;
	color:#444;
	vertical-align:middle;
	/*background:#FFD43A url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/bg_coment.png) left center no-repeat;*/
	/*border:solid 2px #FFC800;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;*/
	border-left:none;
	height:168px;
	background:#fff;
	border:none;

	margin:0 0 0 210px;
	/*border:solid 2px #ccc;*/
}
#obc_migration #toparea3 .box dd .serifu{
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/bg_serifu.png) 0 0 no-repeat;
	height:168px;
	position:relative;
	padding:10px 10px 10px 0px;
}
#obc_migration #toparea3 .box dd p.coment{
	position:absolute;
	top:10px;
	left:51px;
	padding-right:20px;
	font-size:16px;
	font-family: 'Noto Sans','メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
	font-weight:300;
}
#obc_migration #toparea3 .box dd p.from{
	position:absolute;
	bottom:10px;
	right:24px;
	font-family: 'Noto Sans','メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
	font-weight:300;
}
#obc_migration #toparea3 .box dd .serifu-r{
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/bg_serifu-r.png) 0 0 no-repeat;
	height:188px;
	width:8px;
	position:absolute;
	top:0px;
	right:-1px;
	z-index:100;
}
#obc_migration #toparea3 .box dd span.from{
	padding-top:20px;
	float:right;
}
#obc_migration #slider-next,
#obc_migration #slider-prev{
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	top:50%;
	cursor:pointer;
}
#obc_migration #slider-next{
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/arrow_r2.png) 0 0 no-repeat;
	background-size:12px auto;
	right:-20px;
}
#obc_migration #slider-prev{
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/arrow_l2.png) 0 0 no-repeat;
	background-size:12px auto;
	left:-20px;
}
@media screen and (max-width:1000px){
	#obc_migration #toparea3{
		padding:50px 0 30px 0;
		overflow:hidden;
	}
	#obc_migration #toparea3 .inner{
		margin:0px 10px;
		position:relative;
	}
	#obc_migration #toparea3 .box{
		margin:0px auto;
		display:table;
		width:100%;
		height:auto;
	}

	/*#toparea3 .box dt img{
		max-width:100%;
		height:auto;
	}*/

	#obc_migration #toparea3 .box dt,#toparea3 .box dd{
		height:auto;
		margin:0px;
		width:auto;
		display:table-cell;	
	}
	#obc_migration #toparea3 .box dt{
		width:200px;
	}
	#obc_migration #toparea3 .box dd .serifu{
		background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/bg_serifu.png) 0 0 no-repeat;
		height:168px;
		position:relative;
		padding:10px 10px 10px 0px;
	}	
	#obc_migration #toparea3 .box dd{
		padding:0px;
	}
	#obc_migration #toparea3 .box dd p.coment,#toparea3 .box dd p.from{
		position:inherit;
		margin-right:30px;
	}
	#obc_migration #toparea3 .box dd .serifu p.from{
		position:absolute;
		right:0px;
		bottom:20px;
	}
	#obc_migration #toparea3 .box dd .serifu-r{
		background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/bg_serifu-r.png) 0 0 no-repeat;
		height:188px;
		width:8px;
		position:absolute;
		top:0px;
		right:-1px;
		z-index:100;
	}
}
@media screen and (max-width:768px){
	#obc_migration #toparea3 .box dt{
		width:130px;
		padding-top:0px;
		height:118px;
		border:solid 2px #FFC800;
	}
	#obc_migration #toparea3 .box dt img{
		width:130px!important;
		height:118px!important;
	}
	#obc_migration #toparea3 .box dd{
		height:118px;
	}
	#obc_migration #toparea3 .box dd .serifu{
		position:relative;
		padding:5px 10px 5px 0px;
		height:108px;
	}
	#obc_migration #toparea3 .box dd p.coment{
		font-size:14px;
		padding:0px 10px 0 0;
		height:97px;
		left:35px;
		top:4px;
		overflow:hidden;
	}
	#obc_migration #toparea3 .box dd p.from{
		/*position:absolute;
		bottom:10px;
		right:24px;
		font-family: 'Noto Sans','メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
		font-weight:300;*/
		display:none;
	}
	#obc_migration #toparea3 .box dd .serifu,#toparea3 .box dd .serifu-r{
	
		-webkit-background-size:auto 118px;
		-moz-background-size:auto 118px;
		background-size:auto 118px;
	}
	#obc_migration #toparea3 .box dd .serifu-r{
		width:5px;
	}
}


#obc_migration #toparea4{
	/*background:#F6F4ED;*/
	background:#f1f1f1;
	padding:40px 0 40px 0;
	overflow:hidden;
}
#obc_migration #toparea4 h3{
	font-size:124%;
	font-weight:600;
	color:#000;
	text-align:center;
	padding:0px 0 0px 0;
	margin-bottom:15px;
	letter-spacing:normal!important;
}
#obc_migration #toparea4 h3 strong,#toparea3 h3 strong{
	font-family: 'Noto Sans','メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
	border-bottom:solid 4px #ffc800;
	font-size:130%;
}




#obc_migration #toparea4 .inner{
	max-width:1100px;
	margin:0px auto;
	overflow:hidden;
}
/*@media screen and (max-width:1400px){
#toparea4 .inner{
	margin:0 20px;
}
}*/
#obc_migration #toparea4 .taikendiary{
	width:50%;
	float:left;
}

#obc_migration #toparea4 .taikendiary h3{
	margin-right:50px;
}

#obc_migration #toparea4 .diaryarea{
    letter-spacing: -.40em;
	margin-right:50px;
}

#obc_migration #toparea4 .taikendiary li{
    letter-spacing: normal;
    width: 50%;
    vertical-align: top;
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

#obc_migration #toparea4 .taikendiary dl{
	display:block;
	float:left;
	width:auto;
	margin:0 15px;
	background:#fff;
	overflow:hidden;

}
#obc_migration #toparea4 .taikendiary dt{
	margin-right:0px;
	margin-bottom:10px;
	height:143px;
	overflow:hidden;
	border-top:solid 4px #ffc800;
}
#obc_migration #toparea4 .taikendiary dd{
	margin:0px 0px 0 0;
	font-size:80%;
	color:#444;
	line-height:1.6;
	font-weight:200;
	padding-bottom:12px;
}
#obc_migration #toparea4 .taikendiary dd h5{
	font-size:130%;
	font-weight:500;
	padding:10px 10px 0px 10px;
	color:#000;
	line-height:1.2;
	overflow:hidden;
	max-width:178px;
}
#obc_migration #toparea4 .taikendiary dd h5{
 	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#obc_migration #toparea4 .taikendiary dd span.date2{
	font-size:70%;
	color:#606060;
	padding:0 10px;
}
#obc_migration #toparea4 .taikendiary dd p{
  margin:10px 10px 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
     overflow: hidden;
}

/*IE,firefox対応*/

#obc_migration #toparea4 .taikendiary dd p{
	height:40px;
	overflow:hidden;
	position:relative;
}
#obc_migration #toparea4 .taikendiary dd p span{
	position:absolute;
	background:#fff;
	right:0px;
	bottom:0px;
	padding:0 5px 0 2px;
}
#obc_migration #toparea4 .taikendiary dd p:after {
	content: "...";
}

#obc_migration #toparea4 .taikendiary a:hover dd h5{
	text-decoration:underline;
	color:#000;
}
#obc_migration #toparea4 .taikendiary img{
	width:100%;
	height:auto;
}
#obc_migration #toparea4 .taikendiary a:hover img{
	opacity:0.8;  
	filter: alpha(opacity=80);  
	-ms-filter: "alpha( opacity=80 )";  
	background: #000; 

}

#obc_migration #toparea4 .case p.subtitle,
#obc_migration #toparea4 .taikendiary p.subtitle{
	font-weight:350;
	/*font-size:15px;*/
	font-size:16px;
	text-align:center;
	margin:0px 10px 20px 10px;
}
#toparea4 .taikendiary p.subtitle{
margin-right:50px;
}


#obc_migration #toparea4 .case{
	margin:0 0 0 50%;
}

#obc_migration #toparea4 .case .jireibox{
	height:262px;
	background:#fff url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/case/p_neolight.jpg);
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position:relative;
	padding:0px;
	margin:0 10px;
	border:solid 3px #ffc800;
}
#obc_migration #toparea4 .case .box{
	background:#fff;
	height:86px;
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
}
#obc_migration #toparea4 .case span.sub{
	position:absolute;
	left:0px;
	top:0px;
	padding:10px 15px;
	background:#ffc800;
	color:#000;
	font-size:75%;
	line-height:1.2;
}
#obc_migration #toparea4 .case .jireibox a{
	display:block;
height:262px;
}
#obc_migration #toparea4 .case a:hover{
	background-color: rgba(255,255,255,0.2);
}

#obc_migration #toparea4 .case .inputbox{
	position:absolute;
	bottom:0px;
	left:10px;
	width:100%;
}
#obc_migration #toparea4 .case .mark{
	position:absolute;
	right:22px;
	top:-22px;
}
#obc_migration #toparea4 .case .mark img{
	width:82px;
	height:auto;
}

#obc_migration #toparea4 .case p{
	font-size:95%;
	font-family: 'Noto Sans','メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
	font-weight:400;
	width:94%;
	margin:0px 0 0 5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*letter-spacing: .0.5em;
	margin-right: -0.5em;
	text-shadow: 0 0 5px rgba(0, 0, 0, .8);	*/
}
#obc_migration #toparea4 .case p.title strong{
	/*background: linear-gradient(transparent 0%, #ffc800 0%);*/
	background:#ffc800;
	color:#000;
	font-family: 'Noto Sans','メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
	font-weight:400;
	font-size:134%;
	display:inline;
	padding-left:10px;
	text-indent:-20px;
	line-height:1.5;
	border-top:solid 3px #ffc800;
	border-bottom:solid 3px #ffc800;
}
#obc_migration #toparea4 .case p.from{
	font-size:85%;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/arrow_r.png) left center no-repeat;
	-webkit-background-size:8px auto;
	-moz-background-size:8px auto;
	background-size:8px auto;
	padding:10px 0 10px 15px;
	margin:5px 10px;
}

@media screen and (max-width:1270px){
	#obc_migration #toparea4 .inner{
		margin:0px 35px;
	}
}
@media screen and (max-width:800px){
#obc_migration #toparea4 .case a{
	display:block;
	height:330px;
}

	#obc_migration #toparea4 .diaryarea{
		margin-right:0px;
		margin-bottom:30px;
	}

	#obc_migration #toparea4 .inner{
		margin:0px 10px;
	}
	#obc_migration #toparea4 .taikendiary h3,#toparea4 .taikendiary p.subtitle{
		margin-right:0px;
	}

	#obc_migration #toparea4{
		padding:38px 0;
		overflow:hidden;
	}
	#obc_migration #toparea4 h3{
		font-size:140%;
		padding:0px 0px 20px 0px;
	}
	#obc_migration #toparea4 .taikendiary{
		float:none;
		width:100%;
		overflow:hidden;
		margin-bottom:38px;
	}
	#obc_migration #toparea4 .case{
		margin:0px;
		width:100%;
		float:none;
	}
	#obc_migration #toparea4 .taikendiary img{
		width:100%;
		height:auto;
	}
	#obc_migration #toparea4 .inner{
		margin:0px 15px;
	}
#obc_migration #toparea4 .case .jireibox{
	height:300px;
}
	

}

@media screen and (max-width:768px){
	#obc_migration #toparea4 h3 strong,#toparea3 h3 strong{
		
	}
	
	#obc_migration #toparea4 h3 strong,#toparea3 h3 strong{
		font-family: 'Noto Sans','メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
		border-bottom:solid 4px #ffc800;
		font-size:20px;
		font-weight:500;
	}

#obc_migration #toparea4 .case .jireibox a{
	display:block;
height:auto;
}
	
#obc_migration #toparea4 .taikendiary li{
    letter-spacing: normal;
    width: 100%;
    vertical-align: top;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	margin-bottom:25px;
}

	
}

@media screen and (max-width:768px){
	#obc_migration #toparea4 .diaryarea{
		margin-bottom:0px;
	}
	
	#obc_migration #toparea4 .taikendiary{
		margin-bottom:20px;
	}
	#obc_migration #toparea4 .taikendiary dl{
		display:block;
		float:none;
		width:auto;
		margin:0px;
	}
	#obc_migration #toparea4 .taikendiary dt{
		height:120px;
	}
	

	#obc_migration #toparea4 .taikendiary dd{
		margin-bottom:25px;
	}
	#obc_migration #toparea4{
		padding:40px 0 20px 0;
	}
	#obc_migration #toparea4 .case p{
		font-size:120%;
	}
	#obc_migration #toparea4 .case .jireibox{
		height:220px;
		margin:0px;
		background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/case/p_jirei_main2.jpg) 0 0 no-repeat;
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	#obc_migration #toparea4 .taikendiary dl{
		margin:0px;
	}
	#obc_migration #toparea4 .taikendiary dd{
		padding-bottom:0px;
	}

	#obc_migration #toparea4 .case .mark{
		position:absolute;
		right:10px;
		top:30%;
	}
	#obc_migration #toparea4 .case .mark img{
		width:50px;
		height:auto;
	}
	#obc_migration #toparea4 h3{
		padding-bottom:0px;
	}
	
	#obc_migration #toparea4 .case p.subtitle,#toparea4 .taikendiary p.subtitle{
		font-size:14px;
	}




}


@media screen and (max-width:768px){
	#obc_migration #tour1{
		display:none;
	}
	#obc_migration #moviego2{
		background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/service/linkit/top/arrow-sp-start.png) 94% center no-repeat;
		width:200px;
		display:block;
		cursor:pointer;
		margin:0px auto;
		position:absolute;
		bottom:20px;
		left:50%;
		font-family: Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
		z-index:200;
		text-align:center;
		color:#fff;
		padding:15px 0;
		font-size:16px;
		font-weight:700;
		-webkit-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		margin-left:-100px;
		border:solid 2px #fff;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-radius:8px;
		-webkit-background-size:16px auto;
		-moz-background-size:16px auto;
		background-size:16px auto;
	}
	#obc_migration #moviego2:hover{
		background-color: rgba(0,0,0,0.4);
	}
	#obc_migration #spmovie-youtube-position{
		position:fixed;
		top:0px;
		left:0px;
		height:100%;
		width:100%;
		z-index:2000;
		background-color: rgba(0,0,0,1);
		display:none;
	}
	#obc_migration #spmovie-youtube {
	 	display:table;
		height:100%;
		width:100%;
	}
	#obc_migration #spmovie-youtube .middle {
		display:table-cell;
	  	vertical-align:middle;
	  	width: 100%;
	  	height:100%;
	  	text-align:center;
	  	position:relative;
	}
	#obc_migration #ytplayer-sp{
	width:100%;
	height:300px;
	
	}
	#obc_migration #spmovie-youtube #close{
		width:50px;
		height:50px;
		position:absolute;
		left:50%;
		margin-left:-25px;
		z-index:2000;
		bottom:50px;
		cursor:pointer;
	}
	#obc_migration #toparea4 .case p.title strong{
		/*background: linear-gradient(transparent 0%, #ffc800 0%);*/
		background:#ffc800;
		color:#000;
		font-family: 'Noto Sans','メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
		font-weight:400;
		font-size:16px;
		display:inline;
		text-indent:0px;
		padding:5px 10px;
		
	}
}


@media screen and (max-width:320px){
	#obc_migration #toparea4 .case .inputbox{
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
	}
	#obc_migration #toparea4 .case p.title strong{
		/*background: linear-gradient(transparent 0%, #ffc800 0%);*/
		background:#ffc800;
		color:#000;
		font-family: 'Noto Sans','メイリオ',Arial,osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3';
		font-weight:400;
		font-size:15px;
		display:inline;
		text-indent:0px;
		padding:5px 0px 5px 10px;
		
	}
}

#obc_migration footer{
	border-top:none;
}