/*common START*/
*, ::after, ::before {
	box-sizing: border-box;
}
body main{
	margin-top: 100px;
	font-family: "雋ゑｽｸ郢ｧ�ｴ郢ｧ�ｷ郢晢ｿｽ縺� Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Segoe UI",郢晢ｽ｡郢ｧ�､郢晢ｽｪ郢ｧ�ｪ, Meiryo, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "palt";
	letter-spacing: 0.5px;
	font-weight: normal;
}

body main p,body main dt,body main dd,body main h1,body main h2,body main h3,body main h4,body main h5,body main h6,body main li{
	line-height: 1.4;
}
.cl1 {
	color: #00a0d9;
}
.pc{
	display: block!important;
}
.sp{
	display: none!important;
}
.whiz_flex_justifyc{
	display: flex;
	justify-content: center;
}
.whiz_flex{
	display: flex;
}
.whiz_flex_wrap{
	display: flex;
	flex-wrap: wrap;
}
.whiz_flex_alignc{
	display: flex;
	align-items: center;
}
.text_break_for_softbank_static {
	word-break:break-all;
}
.text_center_for_softbank_static {
	text-align:center;
}
.container_for_softbank_static h1.text_center_for_softbank_static.fs40 {
	font-weight:bold;
}
.whiz_inner{
	padding: 0 50px;
}
.title_section{
	margin-bottom: 100px;
}
.title_section .main_title{
	margin-top: 167px;
	margin-bottom: 50px;
	font-size: 50px;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 1;
}
.title_section .main_title+p{
	margin-bottom: 100px;
}

.whiz_h1{
	font-size: 50px;
	font-weight: normal;
	margin-bottom: 30px;
}
.whiz_h2{
	margin-bottom: 50px;
	font-size: 38px;
	font-weight: normal;
}
.whiz_h3{
	font-size: 24px;
}
.whiz_h4{
	font-size: 18px;
	color: #404040;
}
.whiz_online_flow .bg_gray,.sbr_product .bg_gray,.whiz_index .bg_gray{
	padding: 100px 0;
	background-color: #fafafa;
}

.case_study .bg_gray{
	padding: 100px 0 50px 0;
	margin-bottom: 200px;
	background-color: #fafafa;
}

.whiz_online_flow .bg_white ,.case_study .bg_white,.sbr_product .bg_white,.whiz_index .bg_white{
	padding: 100px 0;
	background-color: #fff;
}
.arrow{
	position: relative;
}
.arrow::before{
	position: absolute;
	content: "";
	top: 50%;
	right: -10px;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #00a0d9;
	border-right: 1px solid #00a0d9;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1;
}
.arrow_white{
	position: relative;
}
.arrow_white::before{
	position: absolute;
	content: "";
	top: 50%;
	right: -10px;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1;
}

.arrow_circle_bl,
.arrow_circle_ol{
	position: relative;
}
.arrow_circle_bl::before{
	position: absolute;
	content: "";
	margin-top: -9px;
	top: 50%;
	right: 20px;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #00a0d9;
}
.arrow_circle_bl::after,
.arrow_circle_ol::after{
	position: absolute;
	content: "";
	margin-top: -3px;
	top: 50%;
	right: 26px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow_circle_ol::before{
	position: absolute;
	content: "";
	margin-top: -9px;
	top: 50%;
	right: 20px;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #e26a44;
}

.arrow_circle_under{
	position: relative;
}
.arrow_circle_under::before{
	position: absolute;
	content: "";
	margin-top: -9px;
	top: 50%;
	right: -25px;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #eee;
}
.arrow_circle_under::after{
	position: absolute;
	content: "";
	margin-top: -4px;
	top: 50%;
	right: -19px;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #00a0d9;
	border-right: 1px solid #00a0d9;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.d_MB_block {
	display: block;
}
.d_MB_none {
	display: none !important;
}



@media screen and (max-width:768px) {
	.pc{
		display: none!important;
	}
	.sp{
		display: block!important;
	}
	.whiz_flex,
	.whiz_flex_justifyc{
		flex-flow: column;
		align-items: center;
	}
	.whiz_flex_wrap{
		flex-flow: column;
		align-items: center;
	}
	.whiz_inner{
		padding: 0;
	}
	.whiz_h1{
		font-size: 28px;
		font-weight: normal;
		margin-bottom: 30px;
	}
	.whiz_h2{
		margin-bottom: 30px;
		font-size: 25px;
		font-weight: normal;
	}
	.whiz_h3{
		font-size: 20px;
	}
	.whiz_h4{
		font-size: 16px;
	}
	.title_section{
		margin-bottom: 50px;
	}
	.title_section .main_title{
		margin-top: 104px;
		margin-bottom: 30px;
		font-size: 28px;
		letter-spacing: 0;
		line-height: 1.5;
	}
	.title_section .main_title+p{
		margin-bottom: 50px;
	}
	.whiz_online_flow .bg_gray,.sbr_product .bg_gray ,.whiz_index .bg_gray{
		padding: 50px 0;
	}
	.whiz_online_flow .bg_white ,.case_study .bg_white,.sbr_product .bg_white,.whiz_index .bg_white {
		padding: 50px 0;
	}
	.case_study .bg_gray{
		padding: 50px 0 20px 0;
		margin-bottom: 100px;
		background-color: #fafafa;
	}
}

/*SECOND NAVIGATION START*/
header{
	border-bottom: 1px solid #ccc;
}
header.global-header {
	transition: transform .3s ease;
	width: 100%;
	background-color: #fff;
	z-index: 999;
	position: fixed;
	border-bottom: 1px solid #ccc;
}
header.global-header.menuFixed {
	/*transform: translateY(-111px);*/
}

header.global-header.is-scrollDown {
	transform: translateY(0px);
}

header.global-header nav.local-nav {
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #ccc;
	font-family: "雋ゑｽｸ郢ｧ�ｴ郢ｧ�ｷ郢晢ｿｽ縺� Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN","Segoe UI",  郢晢ｽ｡郢ｧ�､郢晢ｽｪ郢ｧ�ｪ, Meiryo, sans-serif;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "palt";
	letter-spacing: 0.5px;
}
header.global-header nav.local-nav .whiz_header{
	display: flex;
	overflow-x: auto;
	white-space: nowrap;
}
header.global-header nav.local-nav p{
	display: none;
}
header.global-header nav.local-nav .whiz_header a.log_in{
	color: #00a0da;
}
header.global-header nav.local-nav .whiz_header .log_in img{
	vertical-align: middle;
	padding-right: 10px;
}
header .mega-dropdown {
	z-index: 10;
}
header.global-header nav.local-nav ul>li {
	display: flex;
	align-items: center;
	line-height: normal;
}
header.global-header nav.local-nav ul>li:first-child{
	margin-right: auto;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 24px;
}
header.global-header nav.local-nav ul>li:first-child img{
	padding-right: 10px;
	max-height: 22px;
}
header.global-header nav.local-nav ul>li:last-child{
	padding-right: 0;
}

header.global-header nav.local-nav ul .document{
	padding: 3px 20px;
	border-radius: 5px;
	background: #00a0da;
	color: #fff;
}
::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
}
header.global-header nav.local-nav ul>li a{
	color: #404040;
}
header.global-header nav.local-nav ul>li:first-child a:hover{
	color: #404040;
}
header.global-header nav.local-nav ul>li a:hover{
	color: #00a0da;
}

/*---------------------------
for large view
---------------------------*/
@media screen and ( max-width:1285px){
	header.global-header nav.local-nav ul>li:first-child{
		margin-right: 60px;
	}
}
@media screen and ( min-width:769px) and (min-device-width:813px) {
	header.global-header nav.local-nav ul {
		box-sizing: border-box;
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right: 50px;
	}
}

/*---------------------------
for small view
---------------------------*/

@media screen and ( max-width:768.9px),
	screen and (max-device-width:812.9px) {
		header.global-header nav.local-nav ul {
			min-width:320px;
			padding-left: 20px;
			padding-right: 20px;
		}
		header.global-header nav.local-nav ul>li:last-child{
			padding-right: 20px;
		}
		header.global-header nav.local-nav .whiz_header .log_in img{
			height: 20px;
		}
		header.global-header nav.local-nav ul>li:first-child img{
			height: 20px;
		}

		header.global-header.menuFixed {
			transform: translateY(-63px);
		}
}

@media screen and ( max-width:480px) {
	header.global-header nav.local-nav p{
		display: block;
		padding:15px 0 0 15px;
		font-weight: normal;
		letter-spacing: 2px;
	}
	header.global-header nav.local-nav p a{
		color: #404040;
		font-size: 11px;
		vertical-align: middle;
	}
	header.global-header nav.local-nav p img{
		padding-right: 10px;
		max-height: 20px;
	}
	header.global-header nav.local-nav ul>li:first-child{
		display: none;
	}
}

/*COMMON USE START*/
.common-use-for-robot-static .detail-bg {
	color: #ffffff;
	margin:100px 0;
	background-size: cover;
	text-align:center;
	padding: 100px 0;
}
.common-use-for-robot-static .detail-bg ul li{
	position: relative;
	width: 50%;
	margin-right: 30px;
	transition: opacity .3s ease;
	opacity: 1;
}
.common-use-for-robot-static .detail-bg ul li:last-child{
	margin-right: 0;
}
.common-use-for-robot-static .detail-bg .file-btn{
	position: relative;
	background:#EDFAFF;
	border-radius: 5px;
}

.common-use-for-robot-static .detail-bg .file-btn a{
	width: 100%;
	padding: 40px 30px;
	display: block;
	text-align: left;
	color:#00a0da;
	font-size: 24px;
}
@media screen and (max-width:900px) {
	.common-use-for-robot-static .detail-bg .file-btn a,
	.common-use-for-robot-static .detail-bg .cart-btn a{
		font-size: 20px!important;
	}
}


.common-use-for-robot-static .detail-bg .file-btn img,
.common-use-for-robot-static .detail-bg .cart-btn img{
	position: absolute;
	margin-top: -35px;
	top: 50%;
	right: 15%;
}

.common-use-for-robot-static .detail-bg .cart-btn {
	position: relative;
	background:#ffe9e2;
	border-radius: 5px;
}

.common-use-for-robot-static .detail-bg .cart-btn a{
	width: 100%;
	padding: 30px;
	display: block;
	text-align: left;
	color:#e26a44;
	font-size: 24px;
}

.common-use-for-robot-static .detail-bg .file-btn:hover,
.common-use-for-robot-static .detail-bg .cart-btn:hover {
	opacity:0.8;
}
.common-use-for-robot-static .common-links-group .links_whiz{
	margin-right: 50px;
}
.common-use-for-robot-static .common-links-group .common-links-group_text {
	width: 55%;
}
.common-use-for-robot-static .common-links-group .common-links-group_text img{
	margin-bottom: 30px;
}
.common-use-for-robot-static .common-links-group .common-links-group_text li{
	margin-right: 30px;
	margin-bottom: 20px;
}
.common-use-for-robot-static .common-links-group .common-links-group_text li a{
	font-weight: bold;
	color: #404040;
}
.common-use-for-robot-static .common-links-group .common-links-group_text li a:hover{
	color: #00a0da;
}
.common-use-for-robot-static .campaign{
	margin-top: 30px;
}
.common-use-for-robot-static .exhibition{
	margin-top: 20px;
}
.common-use-for-robot-static .text-white {
	color:#fff;
}
.common-use-for-robot-static .text-white:hover {
	text-decoration:underline;
}

.common-use-for-robot-static .common_links,
.common-use-for-robot-static .banner{
	margin-bottom: 100px;
}
.common-use-for-robot-static .banner img{
	max-width: 100%;
}

/*COMMON USE END*/


.container {
	max-width: 990px;
	margin: 0 auto;
	padding: 0 20px;

}
@media screen and (max-width: 768px) {
	.container {
		max-width: 510px;
		margin: 0 auto;
		padding: 0 20px;
}
	}
	.d-md-block {
		display: block!important;
	}
	.case_study .row, .whiz_connect_portal_screen .row, .whiz_online_flow .row {
		margin-right: 0;
		margin-left: 0;
	}
	.common-use-for-robot-static .detail-bg {
		margin: 50px 0;
		padding: 50px 0;
	}
	.common-use-for-robot-static .detail-bg .file-btn img,
	.common-use-for-robot-static .detail-bg .cart-btn img{
		position: absolute;
		margin-top: -20px;
		top: 50%;
		right: 15%;
		height: 40px;
	}
	.common-use-for-robot-static .campaign {
		margin-top: 10px;
	}
	.common-use-for-robot-static .common-links-group .links_whiz {
		margin-right: 0;
	}
	.common-use-for-robot-static .common-links-group .common-links-group_text {
		width: 100%;
	}
	.common-use-for-robot-static .common_links, .common-use-for-robot-static .banner {
		margin-bottom: 50px;
	}
	.common-use-for-robot-static .detail-bg .file-btn,
	.common-use-for-robot-static .detail-bg .cart-btn {
		width:100%;
		margin:0 auto 20px;
	}
	.common-use-for-robot-static .detail-bg .file-btn a {
		width: 100%;
		padding: 20px;
	}
	.common-use-for-robot-static .detail-bg .cart-btn a {
		width: 100%;
		padding: 20px;
	}

	.whiz_online_flow .col-md-6 .img-fluid {
		max-width: 50%;
		height: auto;
		float: none;
	}
	.whiz_online_flow .col-md-6 .tab_img{
		text-align: center;
	}
	.common-use-for-robot-static .common-links-group .img-res-center {
		display:block;
		margin:20px auto 0;
		float:none;
	}

	.common-use-for-robot-static .common-links-group .common-img-top {
		margin-bottom:40px;
	}

	.common-use-for-robot-static .common-links-group .links-group {
		text-align:center;
	}
}

@media screen and (max-width: 480px) {
	.container {
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}
}