@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
#obc_migration,
#obc_migration div,
#obc_migration span,
#obc_migration applet,
#obc_migration object,
#obc_migration iframe,
#obc_migration h1,
#obc_migration h2,
#obc_migration h3,
#obc_migration h4,
#obc_migration h5,
#obc_migration h6,
#obc_migration p,
#obc_migration blockquote,
#obc_migration pre,
#obc_migration a,
#obc_migration abbr,
#obc_migration acronym,
#obc_migration address,
#obc_migration big,
#obc_migration cite,
#obc_migration code,
#obc_migration del,
#obc_migration dfn,
#obc_migration em,
#obc_migration img,
#obc_migration ins,
#obc_migration kbd,
#obc_migration q,
#obc_migration s,
#obc_migration samp,
#obc_migration small,
#obc_migration strike,
#obc_migration strong,
#obc_migration sub,
#obc_migration sup,
#obc_migration tt,
#obc_migration var,
#obc_migration b,
#obc_migration u,
#obc_migration i,
#obc_migration center,
#obc_migration dl,
#obc_migration dt,
#obc_migration dd,
#obc_migration ol,
#obc_migration ul,
#obc_migration li,
#obc_migration fieldset,
#obc_migration form,
#obc_migration label,
#obc_migration legend,
#obc_migration table,
#obc_migration caption,
#obc_migration tbody,
#obc_migration tfoot,
#obc_migration thead,
#obc_migration tr,
#obc_migration th,
#obc_migration td,
#obc_migration article,
#obc_migration aside,
#obc_migration canvas,
#obc_migration details,
#obc_migration embed,
#obc_migration figure,
#obc_migration figcaption,
#obc_migration footer,
#obc_migration header,
#obc_migration hgroup,
#obc_migration menu,
#obc_migration nav,
#obc_migration output,
#obc_migration ruby,
#obc_migration section,
#obc_migration summary,
#obc_migration time,
#obc_migration mark,
#obc_migration audio,
#obc_migration video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
    box-sizing: content-box;}

#obc_migration article,
#obc_migration aside,
#obc_migration details,
#obc_migration figcaption,
#obc_migration figure,
#obc_migration footer,
#obc_migration header,
#obc_migration hgroup,
#obc_migration menu,
#obc_migration nav,
#obc_migration section {
display: block; }

#obc_migration ol,
#obc_migration ul {
list-style: none; }

#obc_migration blockquote,
#obc_migration q {
quotes: none; }

#obc_migration blockquote:before,
#obc_migration blockquote:after,
#obc_migration q:before,
#obc_migration q:after {
content: '';
content: none; }

#obc_migration table {
border-collapse: collapse;
border-spacing: 0; }

#obc_migration {
min-height: 100%;
width: 100%;
}

#obc_migration {
	width: 100%;
	position: relative;
	font-size: 1.0rem;
	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #444;
	line-height: 1.75;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

#obc_migration i{font-style:normal;}
#obc_migration b{font-weight:normal;}
#obc_migration main{display: block;}


@media screen and (max-width:768px) {/*#obc_migration main{padding-top:84px;}*/}
@media screen and (max-width:480px) {/*#obc_migration main{padding-top:64px;}*/}

/* =============================================================== */

/*  */

/* =============================================================== */


/* link
----------------------------------------------------*/
#obc_migration a{cursor:pointer;}
#obc_migration a:link,
#obc_migration a:visited,
#obc_migration a:hover,
#obc_migration a:active {
	text-decoration:none;
	color:#444;
	outline:none;
	cursor:pointer;
}
#obc_migration a *{cursor:pointer;}

/* clerfix
----------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#obc_migration .clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*?*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* =============================================================== */

/*  */

/* =============================================================== */
#obc_migration .inner{
	display:block;
	width:100%;
	max-width:1000px;
	margin:0 auto;

}
#obc_migration .table{display:table;}
#obc_migration .cell{display:table-cell;}


#obc_migration .underPage{
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/common/bg.jpg) 50% 0 no-repeat #ddf0f9;
	background-size:100% auto;
}


#obc_migration #pagetitle{padding:50px 0 0;}
#obc_migration #pagetitle h1{
	color:#8bbc24;
	font-size:40px;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
#obc_migration #pagetitle h2{
	padding:30px 5px 0;
	font-size:16px;
	font-weight:bold;
	line-height:1.8;
	text-align:center;
}


#obc_migration .midd{display:block;text-align:center;}
#obc_migration .midd b{
	display:block;
	line-height:85px;
	text-align:center;
	color:#FFF;
	font-size:34px;
	font-weight:bold;
}
#obc_migration .midd b span{color:#ffe100;}
#obc_migration .midd i{
	display:block;
	height:29px;
	background-position:50% 100%;
	background-repeat:no-repeat;
}







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

	#obc_migration #pagetitle{padding:40px 0 0;}
	#obc_migration .underPage{background-size:1000px auto;}

	#obc_migration .midd b{line-height:75px;font-size:30px;}


}

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

	#obc_migration #pagetitle{padding:30px 0 0;}

	#obc_migration .midd b{font-size:28px;}


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

	#obc_migration #pagetitle{padding:20px 0 0;}
	#obc_migration .midd b{font-size:24px;}
	#obc_migration .midd i{height:20px;}

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

	#obc_migration #pagetitle h1{font-size:32px;}

	#obc_migration .midd b{font-size:20px;}
	#obc_migration .midd i{height:14px;}

}






/* =============================================================== */

/* jcloudHeader */

/* =============================================================== */
#obc_migration #jcloudHeader{
	display:block;
	width:100%;
	height:110px;
	/*max-width:1000px;*/
	margin:0 auto;
	position:fixed;
	top:0;
	left:0;
	z-index:777;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/module/border.png) 0 100% repeat-x #FFF;
}
#obc_migration #jcloudHeader .sid{
	display:block;
	float:left;
	padding:20px 0 0;
}
#obc_migration #jcloudHeader .inquiry{
	display:table;
	table-layout:fixed;
	width:310px;
	float:right;
}
#obc_migration #jcloudHeader .inquiry p{
	display:table-cell;
	height:110px;
	vertical-align:middle;
}
#obc_migration #jcloudHeader .inquiry p:first-child{
	width:108px;
	text-align:center;
}

#obc_migration #jcloudHeader .inquiry p:first-child a{
	display:block;
	font-size:14px;
	padding:45px 0 0; 
	background-repeat:no-repeat;
	background-position:50% 0;
}
#obc_migration #jcloudHeader .inquiry p:first-child a{
	border-left:#7fd4f1 solid 1px;
	border-right:#7fd4f1 solid 1px;
	background-image:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/module/ico_h_note.png);
}


#obc_migration #jcloudHeader .inquiry p:last-child{text-align:right;}


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

#obc_migration #trigger {
	display:none;
	width:50px;
	height:54px;
	padding-top: 8px;
	box-sizing: border-box;
	position:fixed;
	top:28px;
	right:15px;
	z-index:999;
}

#obc_migration .l-header_icon {display: block; }
#obc_migration .l-header_icon span {
	display: block;
	width: 40px;
	height: 4px;
	background: #c9c9c9;
	transition: all 0.3s;
	border-radius: 4px; 
}
#obc_migration .l-header_icon span:first-of-type {
	-ms-transform: translateY(18px) scale(1);
	-webkit-transform: translateY(18px) scale(1);
	transform: translateY(18px) scale(1); 
}
#obc_migration .l-header_icon span:nth-of-type(2) {
	background: none;
	position: relative; 
}
#obc_migration .l-header_icon span:nth-of-type(2):before,
#obc_migration .l-header_icon span:nth-of-type(2):after {
	transition: all 0.3s;
	content: "";
	width: 40px;
	height: 4px;
	background: #c9c9c9;
	display: block;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	position: absolute;
	border-radius: 4px; 
}
#obc_migration .l-header_icon span:last-of-type {
	-ms-transform: translateY(-18px) scale(1);
	-webkit-transform: translateY(-18px) scale(1);
	transform: translateY(-18px) scale(1); 
}

#obc_migration .is-open .l-header_icon span {background:none;}
#obc_migration .is-open .l-header_icon span:first-of-type {
	-ms-transform: translateY(0px) scale(0);
	-webkit-transform: translateY(0px) scale(0);
	transform: translateY(0px) scale(0); 
}
#obc_migration .is-open .l-header_icon span:last-of-type {
	-ms-transform: translateY(0px) scale(0);
	-webkit-transform: translateY(0px) scale(0);
	transform: translateY(0px) scale(0); 
}
#obc_migration .is-open .l-header_icon span:nth-of-type(2):before,
#obc_migration .is-open .l-header_icon span:nth-of-type(2):after {background:#FFF;}
#obc_migration .is-open .l-header_icon span:nth-of-type(2):before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); 
}
#obc_migration .is-open .l-header_icon span:nth-of-type(2):after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg); 
}

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

	#obc_migration #jcloudHeader{padding:0;}
	#obc_migration #jcloudHeader .inner{padding:0 30px;width:auto;}

}

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

	#obc_migration #jcloudHeader .inner{padding:0 20px;}
}
@media screen and (max-width:768px) {
	#obc_migration #trigger{display:block;}
	#obc_migration #jcloudHeader .inquiry{display:none;}

	#obc_migration #jcloudHeader{height:auto;}
	#obc_migration #jcloudHeader .sid{width:80px;padding:15px 0;}
	#obc_migration #jcloudHeader .sid a{display:block;line-height:1;}
	#obc_migration #jcloudHeader .sid a img{max-width:100%;height:auto;line-height:0;}
}
@media screen and (max-width:480px) {
	#obc_migration #jcloudHeader .sid{
		width:65px;
		padding:10px 0;
	}
	#obc_migration #trigger {
		width:40px;
		height:40px;
		top:18px;
		right:10px;
	}
}


/* =============================================================== */

/* gnav */

/* =============================================================== */

#obc_migration #gnav{
	padding-top:110px;
	display:block;
	background:#626262;
}
#obc_migration #gnav .inner{display:block;max-width:1000px;}
#obc_migration #gnav .inner ul{
	display:table;
	width:100%;
	border-left:#898989 solid 1px;
}
#obc_migration #gnav .inner ul li{
	display:table-cell;
	width:20%;
	vertical-align:middle;
	border-right:#898989 solid 1px;
}
#obc_migration #gnav .inner ul li a{display:table;width:100%;}
#obc_migration #gnav .inner ul li a b{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	height:80px;
}
#obc_migration #gnav .inner ul li a b i{
	display:inline-block;
	padding:0 0 0 20px;
	line-height:1.5;
	text-align:left;
	color:#FFF;
	font-size:16px;
	text-decoration:none;
	font-style:normal;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/module/gnav_drop.png) 0 50% no-repeat;	
}
#obc_migration #gnav .inner ul.mb{display:none;}


#obc_migration #gnav .inner ul li a.current{background-color:#EEE;}
#obc_migration #gnav .inner ul li a.current > b i{color:#626262;background-position:0 60%;}




@media screen and (max-width:1000px) {
	#obc_migration #gnav .inner ul li a b i{font-size:15px;}
	#obc_migration #gnav .inner ul{border-left:none;}
}


@media screen and (max-width:850px) {
	#obc_migration #gnav .inner ul li a b i{font-size:14px;font-weight:bold;}
}


@media screen and (max-width:768px) {
	#obc_migration #gnav{
		display:none;
		width:100%;
		height:100%;
		padding-top:0;
		position:fixed;
		top:0;
		left:0;
		z-index:888;
		background:rgba(0,169,228, 0.9);
	}
	#obc_migration #gnav .inner ul{
		display:block;
		padding-top:70px; 
		border-left:none;
	}
	#obc_migration #gnav .inner ul li{
		display:block;
		width:auto;
		border-right:none;
	}


	#obc_migration #gnav .inner ul li a{
		display:block;
		width:auto;
		padding:0 15px;
		text-decoration:none;
		background:no-repeat;

	}
	#obc_migration #gnav .inner ul li a.current{background-color:#7ecef4;}
	


	#obc_migration #gnav .inner ul li a b{
		display:block;
		text-align:left;
		height:auto;
	}



	#obc_migration #gnav .inner ul li a b i{
		display:block;
		padding:15px 30px 15px 0;
		font-weight:bold;
		font-size:16px;
		background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/module/ico_mb_nav.png) 97% 50% no-repeat;
		background-size:auto 26px;
	}
	#obc_migration #gnav .inner ul li a.current > b i{color:#FFF;background-position:97% 50%;}



	#obc_migration #gnav .inner ul li a b i br{display:none;}
	#obc_migration #gnav .inner ul.mb{
		display:block;
		padding:0;
	}
	#obc_migration #gnav .inner ul.mb li{
		display:block;
		width:auto;
		margin:0;
		padding:20px 15px 0; 
	}
	#obc_migration #gnav .inner ul.mb li a{
		display:block;
		padding:0;
		text-align:center;
		border:#FFF solid 1px;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
	}
	#obc_migration #gnav .inner ul.mb li a i{
		display:inline-block;
		padding:10px 0 10px 50px; 
		color:#FFF;
		font-weight: bold;
		background-position:0 50%;
		background-repeat:no-repeat;
		background-size:auto 30px;
	}
	#obc_migration #gnav .inner ul.mb li:first-child a i{
		background-image:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/module/ico_mb_note.png); 
	}
	#obc_migration #gnav .inner ul.mb li:last-child a i{
		background-image:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/module/ico_mb_mail.png); 
	}




}









/* =============================================================== */

/* jcloudFooter */

/* =============================================================== */
#obc_migration #jcloudFooter{}

#obc_migration #jcloudFooter .bread ul li{float:left;}
#obc_migration #jcloudFooter .bread ul li:not(:last-child):after{
	content:">";
	padding:0 15px; 
}
#obc_migration #jcloudFooter .bread ul li a{
	display:inline-block;
	height:50px;
	line-height:50px;
	font-size:12px;
}
#obc_migration #jcloudFooter .bread ul li:not(:last-child) a{text-decoration:underline;}

#obc_migration #jcloudFooter .foot1{background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/module/footerbg2.png) 50% 50% repeat-x #f2f8fc;}
#obc_migration #jcloudFooter .foot1 .inner{
	padding:60px 0;
	background:#f2f8fc;
}
#obc_migration #jcloudFooter .foot1 .table{width:100%;}
#obc_migration #jcloudFooter .foot1 .cell{vertical-align:middle;}
#obc_migration #jcloudFooter .foot1 .cell:first-child{
	width:150px;
	padding:0 40px 0 0;
	text-align:right;
	color:#FFF;
	font-weight:bold;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/module/footerbg1.png) 100% 50% no-repeat;
}
#obc_migration #jcloudFooter .foot1 .cell:nth-child(3){width:200px;}
#obc_migration #jcloudFooter .foot1 .cell:nth-child(3) a{
	display:block;
	padding:5px 0 5px 70px;
	color:#095e8c;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position: 0 50%;
}
#obc_migration #jcloudFooter .foot1 .cell:nth-child(3) a{
	border-right:#bce4dc solid 1px;
	background-image:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/module/ico_f_note.png)
}
#obc_migration #jcloudFooter .foot1 .cell:nth-child(3) a small{
	display:block;
	width:110px;
	font-size:80%;
	font-weight:normal;
	line-height:1.2;
}
#obc_migration #jcloudFooter .foot1 .cell:last-child{width:300px;padding-left:30px}
#obc_migration #jcloudFooter .foot1 .cell:last-child a{display:none;}
#obc_migration #jcloudFooter .foot2{background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/module/footerbg3.png) 50% 50% no-repeat;}
#obc_migration #jcloudFooter .foot2 .cell{padding:40px 0;vertical-align:bottom;line-height:0;}
#obc_migration #jcloudFooter .foot2 .cell img{line-height:0;}
#obc_migration #jcloudFooter .foot2 .cell:nth-child(2){text-align:right;}
#obc_migration #jcloudFooter .foot2 .cell:nth-child(2) a{display:inline-block;}




@media screen and (min-width:1500px) {
	#obc_migration #jcloudFooter .foot2{background-size:100% 100%;}
}

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

	#obc_migration #jcloudFooter .bread ul{padding:0 30px;width:auto;}

	#obc_migration #jcloudFooter .foot1 .cell:nth-child(3){width:180px;}
	#obc_migration #jcloudFooter .foot1 .cell:nth-child(3) a{
		background-size:40px auto;
		padding:0 0 0 55px;
	}
	#obc_migration #jcloudFooter .foot1 .cell:last-child{width:220px;padding-right:10px}
	#obc_migration #jcloudFooter .foot1 .cell:last-child img{max-width:100%;height:auto;}

	#obc_migration #jcloudFooter .foot2{padding:0 30px;}
	#obc_migration #jcloudFooter .foot2 .cell{padding:30px 0;}
	#obc_migration #jcloudFooter .foot2 .cell:nth-child(1) img{width:300px;height:auto;}
	#obc_migration #jcloudFooter .foot2 .cell:nth-child(2) img{width:120px;height:auto;}
}
@media screen and (max-width:850px) {

	#obc_migration #jcloudFooter .bread ul{padding:0 20px;}

	#obc_migration #jcloudFooter .foot1 .table:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	#obc_migration #jcloudFooter .foot1 .table {
		min-height: 1px;
	}
	#obc_migration * html #jcloudFooter .foot1 .table {
		height: 1px;
		/*?*//*/
		height: auto;
		overflow: hidden;
		/**/
	}


	#obc_migration #jcloudFooter .foot1{background:#f2f8fc}
	#obc_migration #jcloudFooter .foot1 .inner{padding:30px 0 0;}
	#obc_migration #jcloudFooter .foot1 .table{display:block;}
	#obc_migration #jcloudFooter .foot1 .cell{display:block;}
	#obc_migration #jcloudFooter .foot1 .cell:nth-child(2){display:none;}
	#obc_migration #jcloudFooter .foot1 .cell:nth-child(1){
		width:160px;
		float:left;
		margin:10px 15px 30px 0;
	}
	#obc_migration #jcloudFooter .foot1 .cell:nth-child(3){
		width:auto;
		margin:0;
		padding:0;
		text-align:center;
		padding:0 0 0 220px;
		text-align:left;
	}
	#obc_migration #jcloudFooter .foot1 .cell:nth-child(3) a{
		display:inline-block;
		width:auto;
		margin:0 auto;
		border:none;
		text-align:left;
	}
	#obc_migration #jcloudFooter .foot1 .cell:last-child{
		clear:both;
		width:auto;
		border-top:#f2f8fc solid 15px;
		padding:10px 0; 
		text-align:center;
		line-height:0;
		background:#006ebe;
		position:relative;
	}
	#obc_migration #jcloudFooter .foot1 .cell:last-child a{
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}
	#obc_migration #jcloudFooter .foot1 .cell:last-child img{max-width:100%;height:auto;}


	#obc_migration #jcloudFooter .foot2{padding:0 20px;background-size:100% 100%;}
	#obc_migration #jcloudFooter .foot2 .cell{padding:20px 0;}
	#obc_migration #jcloudFooter .foot2 .cell:nth-child(1) img{width:200px;}
	#obc_migration #jcloudFooter .foot2 .cell:nth-child(2) img{width:80px;}
}

@media screen and (max-width:480px) {
	#obc_migration #jcloudFooter .foot1{background:#f2f8fc}
	#obc_migration #jcloudFooter .foot1 .inner{padding:20px 0 0;}
	#obc_migration #jcloudFooter .foot1 .cell:nth-child(1){margin:10px 0 15px;width:120px;}
	#obc_migration #jcloudFooter .foot1 .cell:nth-child(3){
		padding:0 0 0 180px;
	}
	#obc_migration #jcloudFooter .foot1 .cell:nth-child(3) a{
		padding:0 0 0 45px;
		font-size:14px;
		background-size:35px auto;
	}
	#obc_migration #jcloudFooter .foot1 .cell:nth-child(3) a small{width:auto;}
	#obc_migration #jcloudFooter .foot1 .cell:last-child{padding:6px 0;}
	#obc_migration #jcloudFooter .foot1 .cell:last-child img{width:60%;}



	#obc_migration #jcloudFooter .foot2{padding:0 15px;}
	#obc_migration #jcloudFooter .foot2 .cell{padding:10px 0;}
}





/* =============================================================== */

/* pagetop */

/* =============================================================== */


#obc_migration #pagetop{
	display:inline-block;
	line-height:0;
	position:fixed;
	bottom:-6px;
	right:20px;
}
#obc_migration #pagetop a b{display:none;}
#obc_migration #pagetop a{
	display:inline-block;
	width:100px;
	height:106px;
	text-align:center;
	background:#00a9e4;
	box-shadow:3px 3px 0px 0px #0097cc;
	-moz-box-shadow:3px 3px 0px 0px #0097cc;
	-webkit-box-shadow:3px 3px 0px 0px #0097cc;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}



#obc_migration #pagetop a i{
	display:block;
	width:100%;
	padding-top:54px;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/common/pagetop_ico.png) 50% 8px no-repeat;
}








@media screen and (max-width:1000px) {
	#obc_migration #pagetop{right:5px;}
	#obc_migration #pagetop a{
		filter:alpha(opacity=85);
		-moz-opacity: 0.85;
		opacity:0.85;
	}
}



@media screen and (max-width:850px) {
	#obc_migration #pagetop a{
		width:80px;
		height:80px;
	}
	#obc_migration #pagetop a i{
		background-size:24px auto;
		padding-top:40px;
	}

	#obc_migration #pagetop a i img{
		width:60px;
		height:auto;
	}
}

@media screen and (min-width:768px) {
	#obc_migration #pagetop a:hover{
		position:relative;
		top:3px;
		left:3px;
		box-shadow:-3px -3px 0px 0px rgba(0,0,0,0);
		-moz-box-shadow:-3px -3px 0px 0px rgba(0,0,0,0);
		-webkit-box-shadow:-3px -3px 0px 0px rgba(0,0,0,0);
	}
}







@media screen and (max-width:640px) {
	#obc_migration #pagetop{
		display:block;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:15px;
		text-align:center;
		position:static;
	}
	#obc_migration #pagetop a{
		display:block;
		width:100%;
		height:45px;
		line-height:45px;
		text-align:center;
	}
	#obc_migration #pagetop a b{
		display:inline-block;
		padding:0 40px 0 0; 
		line-height:45px;
		vertical-align:middle;
		color:#FFF;
		font-size:14px;
		font-weight:bold;
		background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/common/pagetop_ico.png) 100% 50% no-repeat;
		background-size:30px 30px;
	}
	#obc_migration #pagetop a i,
	#obc_migration #pagetop a img{display:none;}

}








/* =============================================================== */

/* trial */

/* =============================================================== */
#obc_migration #trial{
	padding:50px 0;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/conv/bg.jpg) 50% 0 no-repeat;
	background-size:cover; 
}
#obc_migration #trial .table{width:100%;}
#obc_migration #trial .table .left{width:44%;vertical-align:middle;}
#obc_migration #trial .table .right{width:56%;}

#obc_migration #trial .pr .left{
	padding:0 0 0 85px;
	vertical-align:middle;
	line-height:30px;
	font-size:20px;
	font-weight:normal;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/conv/ico.png) 0 50% no-repeat;
}
#obc_migration #trial .pr .left span{
	color:#f6ab00;
	font-size:36px;
	font-weight:bold;
	text-shadow:2px 2px 0px #ffffff;
}
#obc_migration #trial .pr .left b{font-size:30px;font-weight:bold;}
#obc_migration #trial .pr .right p{text-align:center;}
#obc_migration #trial .pr .right p a{
	display:block;
	height:50px;
	margin:0 auto;	
	line-height:50px;
	padding:10px 50px;
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	background:#f6ab00;
	box-shadow:3px 3px 0px 0px #db9a00;
	-moz-box-shadow:3px 3px 0px 0px #db9a00;
	-webkit-box-shadow:3px 3px 0px 0px #db9a00;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#obc_migration #trial .pr .right p a i{
	display:inline-block;
	height:50px;
	padding:0 60px 0 0;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/common/clink_ico.png) 100% 50% no-repeat;
}

#obc_migration #trial .step{margin-top:40px;}
#obc_migration #trial .step .left{}
#obc_migration #trial .step .left p{
	margin:0 20px 0 0;
	padding:0 53px 0 0;
	line-height:93px;
	font-size:20px;
	font-weight:normal;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/conv/stepbg2.png) 100% 50% no-repeat;
}
#obc_migration #trial .step .left p i{
	display:block;
	text-align:right;
	color:#FFF;
	font-size:26px;
	font-weight:bold;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/conv/stepbg1.png) 0 50% no-repeat;
}
#obc_migration #trial .step .right{}
#obc_migration #trial .step .right ul{width:100%}
#obc_migration #trial .step .right li{width:30%;vertical-align:middle;line-height:0;}
#obc_migration #trial .step .right li.arw{width:5%;}
#obc_migration #trial .step .right li img{
	max-width:100%;
	height:auto;
}

#obc_migration #trial .inquiry{
	margin-top:40px;
	padding-top:40px;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/module/footerline.png) 0 0 repeat-x;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}



#obc_migration #trial .inquiry .left p{
	margin:0 20px 0 0;
	font-size:16px;
	font-weight: bold;
}
#obc_migration #trial .inquiry .right p{text-align:center;}
#obc_migration #trial .inquiry .right p a{
	display:block;
	height:50px;
	margin:0 auto;	
	line-height:50px;
	padding:10px 50px;
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	background:#8fc31f;
	box-shadow:3px 3px 0px 0px #81a82c;
	-moz-box-shadow:3px 3px 0px 0px #81a82c;
	-webkit-box-shadow:3px 3px 0px 0px #81a82c;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#obc_migration #trial .inquiry .right p a i{
	display:inline-block;
	height:50px;
	padding:0 60px 0 0;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/common/clink_ico.png) 100% 50% no-repeat;
}

#obc_migration #trial .pr .right p a i br,
#obc_migration #trial .inquiry .right p a i br{display:none;}

@media screen and (min-width:1500px) {
	#obc_migration #trial{background-position:50% 0;}
}

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

	#obc_migration #trial{padding:30px;}
	#obc_migration #trial .table .left{width:50%;}
	#obc_migration #trial .table .right{width:46%;}
	#obc_migration #trial .pr .left{
		padding:0 0 0 65px;
		line-height:30px;
		font-size:16px;
		background-size:50px auto;
	}
	#obc_migration #trial .pr .left span{font-size:32px;}
	#obc_migration #trial .pr .left b{font-size:24px;}
	#obc_migration #trial .pr .right p a{
		height:50px;
		line-height:50px;
		padding:10px 0;
		font-size:24px;
	}
	#obc_migration #trial .pr .right p a i{padding:0 45px 0 0;background-size:auto 35px;}

	#obc_migration #trial .step .left p{
		padding:0 45px 0 0;
		line-height:80px;
		background-size:auto 100%;
	}
	#obc_migration #trial .step .left p i{
		text-align:center;
		font-size:22px;
		background-size:auto 100%;
	}


	#obc_migration #trial .inquiry .right p a{
		height:50px;
		line-height:50px;
		padding:10px 0;
		font-size:22px;
	}
	#obc_migration #trial .inquiry .right p a i{padding:0 45px 0 0;background-size:auto 35px;}

}

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

	#obc_migration #trial{padding:30px 20px}
	#obc_migration #trial .table,
	#obc_migration #trial .table .cell{
		display:block;
		width:auto;
	}

	#obc_migration #trial .pr .left{
		margin:0 0 10px;
		padding:0 0 0 85px;
		line-height:40px;
		font-size:20px;
		background-size:auto;
	}
	#obc_migration #trial .pr .left span{
		color:#f6ab00;
		font-size:36px;
		font-weight:bold;
		text-shadow:2px 2px 0px #ffffff;
	}
	#obc_migration #trial .pr .left b{font-size:30px;}
	#obc_migration #trial .pr .right p a{font-size:24px;}
	#obc_migration #trial .pr .right p a i{padding:0 65px 0 0;background-size:auto 50px;}

	#obc_migration #trial .step .left{width:94%;margin:0 auto;}
	#obc_migration #trial .step .left p{
		width:auto;
		margin:20px 0 10px;
		padding:0 45px 0 0;
		line-height:80px;
		background-size:auto 100%;
	}
	#obc_migration #trial .step .right{width:90%;margin:20px auto 0;}
	#obc_migration #trial .step .right ul{display:table;}
	#obc_migration #trial .step .right li{display:table-cell;text-align:left;}
	#obc_migration #trial .step .right li:not(.arw) img{width:100%;}
	#obc_migration #trial .inquiry{
		margin-top:30px;
		padding-top:30px;
	}
	#obc_migration #trial .inquiry .left p{
		margin:0 0 15px;
		font-size:14px;
		font-weight: bold;
	}
	#obc_migration #trial .inquiry .right p a{font-size:24px;}
	#obc_migration #trial .inquiry .right p a i{padding:0 65px 0 0;background-size:auto 50px;}


}



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


	#obc_migration #trial{padding:20px 15px}
	#obc_migration #trial .pr .left{
		margin:0 0 10px;
		padding:0 0 0 50px;
		line-height:30px;
		font-size:18px;
		background-size:40px auto;
	}
	#obc_migration #trial .pr .left span{font-size:36px;}
	#obc_migration #trial .pr .left b{font-size:22px;}
	#obc_migration #trial .pr .right p a,
	#obc_migration #trial .inquiry .right p a{
		display:block;
		width:auto;
		height:auto;
		padding:7px 10px 7px 15px;
		font-size:24px;
		text-align:left;
		line-height:0;
	}
	#obc_migration #trial .pr .right p a i,
	#obc_migration #trial .inquiry .right p a i{
		display:block;
		width:auto;
		height:auto;
		padding:0 0 0 0;
		line-height:1.5;
		background-size:auto 40px;
	}
	#obc_migration #trial .pr .right p a i br,

	#obc_migration #trial .inquiry .right p a i br{display:block;}
	#obc_migration #trial .step{margin:30px 0 0;}

	#obc_migration #trial .step .left{width:auto;}
	#obc_migration #trial .step .left p{
		width:auto;
		padding:0 33px 0 0;
		line-height:60px;
	}
	#obc_migration #trial .step .left p i{font-size:16px;}

	#obc_migration #trial .step .right{width:auto;margin:10px auto 0;}
	#obc_migration #trial .step .right li.arw img{width:60%;height:auto;}



}







@media screen and (min-width:768px) {
	#obc_migration #trial .right p a:hover{
		position:relative;
		top:3px;
		left:3px;
		box-shadow:-3px -3px 0px 0px rgba(0,0,0,0);
		-moz-box-shadow:-3px -3px 0px 0px rgba(0,0,0,0);
		-webkit-box-shadow:-3px -3px 0px 0px rgba(0,0,0,0);
	}
}


@media screen and (min-width:769px) {
	#obc_migration #gnav .inner ul li a{
		background-color:#626262;
		-webkit-transition: all 0.12s ease;
		-moz-transition: all 0.12s ease;
	}
	#obc_migration #gnav .inner ul li a:hover{background-color:#EEE;}
	#obc_migration #gnav .inner ul li a b i{
		color:#FFF;
		background-position:0 50%;
		-webkit-transition: all 0.12s ease;
		-moz-transition: all 0.12s ease;
	}
	#obc_migration #gnav .inner ul li a:hover > b i{color:#626262;background-position:0 60%;}
	#obc_migration #index #merit a > dl dd{
		background-size:100px 4px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
	}
	#obc_migration #index #merit a:hover > dl dd{background-size:50% 4px;}
}










/* =============================================================== */

/* environ */

/* =============================================================== */
#obc_migration #environWrap{display:none;overflow:hidden;}
#obc_migration #environ{
	display:block;
	background:#FFF;
	box-shadow:5px 5px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:5px 5px 0px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:5px 5px 0px 0px rgba(0,0,0,0.1);
}
#obc_migration #environ .sec_in{padding-top:50px;}

#obc_migration #environ .min{display:table;}
#obc_migration #environ .min > *{
	display:table-cell;
	vertical-align:middle;
}
#obc_migration #environ .min h3{
	color:#00a9e4;
	font-size:24px;
	font-weight:bold;
}
#obc_migration #environ .min i{
	width:140px;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/common/ｍ_line.png) 50% 50% no-repeat;
}

#obc_migration #environ .table{
	margin:30px 0;
	font-size:16px;
	border:#e5e5e5 solid 1px;
	border-bottom:none;
}
#obc_migration #environ .table .row{display:table-row;}
#obc_migration #environ .table small{font-size:70%;font-weight:normal;}
#obc_migration #environ .table dt,
#obc_migration #environ .table dd{
	padding:15px;
	vertical-align:middle;
	border-bottom:#e5e5e5 solid 1px;
}
#obc_migration #environ .table dt{
	width:230px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:#7ecef4;
}

#obc_migration #environ .rc{font-size:12px;}
#obc_migration #environ .rc i{display:block;}
#obc_migration #environ .rc i.idt{padding:0 0 0 2.5em;}
#obc_migration #environ .rc i:not(.idt){
	text-indent:-2.5em;
	padding:0 0 0 2.5em;
}
#obc_migration #environ .rc b{display:block;margin:30px 0 0;}




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

	#obc_migration #environ .min{display:table;}
	#obc_migration #environ .min > *{
		display:table-cell;
		vertical-align:middle;
	}
	#obc_migration #environ .min h3{
		width:120px;
		text-align:right;
		font-size:20px;
	}
	#obc_migration #environ .min i{width:100px;background-size:60% 4px;}
	#obc_migration #environ .min p{font-size:14px;}

}


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

	#obc_migration #environ .sec_in{padding-top:20px;}
	#obc_migration #environ .min{display:block;}
	#obc_migration #environ .min > *{
		display:block;
		vertical-align:middle;
	}
	#obc_migration #environ .min h3{
		width:auto;
		text-align:center;
		font-size:24px;
	}
	#obc_migration #environ .min i{
		width:100%;
		height:4px;
		padding:15px 0;
		background-size:auto;
	}
	#obc_migration #environ .min p{text-align:center;}
	#obc_migration #environ .table{margin:20px 0;font-size:14px;}
	#obc_migration #environ .table small{font-size:12px;}
	#obc_migration #environ .table dt,
	#obc_migration #environ .table dd{padding:12px;}
	#obc_migration #environ .table dt{width:190px;}
	#obc_migration #environ .rc{padding:0 5px;}
	#obc_migration #environ .rc i{margin:0 0 5px;line-height:1.5}
	#obc_migration #environ .rc b{display:block;margin:20px 0 0;}

}



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

	#obc_migration #environ .sec_in{padding-top:15px;}
	#obc_migration #environ .min > *{
		display:block;
		vertical-align:middle;
	}
	#obc_migration #environ .min i{padding:10px 0;}
	#obc_migration #environ .min p{text-align:left;}
	#obc_migration #environ .table,
	#obc_migration #environ .table .row,
	#obc_migration #environ .table .cell{display:block;}
	#obc_migration #environ .table,
	#obc_migration #environ .table .cell{border:none;}
	#obc_migration #environ .table .row{margin:0 0 10px;border: #e5e5e5 solid 1px;}
	#obc_migration #environ .table dt{width:auto;}

}



@media screen and (max-width:480px) {
	#obc_migration #environ .min h3{font-size:22px;}
	#obc_migration #environ .min i{padding:6px 0;}
	#obc_migration #environ .min p{font-size:13px;}
	#obc_migration #environ .table dt,
	#obc_migration #environ .table dd{padding:8px;}
}






/* =============================================================== */

/* environTrg */

/* =============================================================== */



#obc_migration #environTrg{
	display:inline-block;
	margin:0 auto;
	padding:3px 0 3px 30px;
	background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/trial/link.png) 0 50% no-repeat;
}

#obc_migration #environTrg a{
	font-size:16px;
	text-decoration:underline;
}



@media screen and (max-width:480px) {
	#obc_migration #environTrg{
		padding:0 0 0 24px;
		background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jcloud/trial/link.png) 0 50% no-repeat;
		background-size:18px auto;
	}
	#obc_migration #environTrg a{
		font-size:12px;
		text-align:left;
	}
}