@charset "utf-8";
/* ★charset */

.new_business img,
.new_business *{
	backface-visibility:hidden;
	-webkit-backface-visibility: hidden;
}

.overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 3000;
	opacity: 0;
	display: none;
}
.overlay.open{
	display: block;
}

.modal_wrapper{
	border-radius: 6px;
	background: #fff;
	position: fixed;
	top: -100%;
	left: 50%;
	width: 80%;
	min-width: 800px;
	height: auto;
	max-height: 80vh;
	margin-left: -40%;
	z-index: 3001;
	transition: .8s;
	opacity: 0;
	overflow: auto;
}
.modal_wrapper.show{
	top: 10%;
	opacity: 1;
}

.modal_wrapper .modal_wrapper_inner{
	padding: 2%;
}

.modal_close{
	position: fixed;
	top: 20px;
	right: 20px;
	display: none;
	z-index: 3001;
	cursor: pointer;
}

.modal_close.show{
	display: block;
}

.modal_wrapper h3{
	font-size: 3.0rem;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	margin-bottom: 20px;
}

.modal_wrapper h4{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	margin: 40px 0 20px;
}

.modal_wrapper h3 em{
	font-style: normal;
	font-size: 1.4rem;
	display: block;
}


.modal_wrapper .integrate_flow{
	display: table;
	width: 94%;
	box-sizing: border-box;
	background: #fff;
	border-radius: 0 0 6px 6px;
	padding: 20px;
	box-sizing: border-box;
	margin: 3%;
}

.modal_wrapper .integrate_flow.middle{
	margin-bottom: 0;
	border-radius: 0;
}

.modal_wrapper .integrate_flow.last{
	margin: 0 3% 3%;
}

.modal_wrapper .integrate_flow li.mid{
	display: table-caption;
	text-align: center;
	border-radius: 6px 6px 0 0;
	padding: 16px 0 0;
	width: 100%;
	background: #fff;
	font-size: 20px;
	font-size: 2.0rem;
}
.modal_wrapper .integrate_flow li{
	display: table-cell;
	width: 50%;
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
	text-align: center;
}
.modal_wrapper .integrate_flow li.arrow{
	font-size: 20px;
	font-size: 2.0rem;
}
.modal_wrapper .integrate_flow li.arrow:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 30px transparent;
	border-left: solid 30px #31a0ca;
	position: absolute;
	top: 50%;
	right: -2%;
	margin-top: -30px;
}

.modal_wrapper .integrate_flow li.arrow:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 30px transparent;
	border-left: solid 30px #fff;
	position: absolute;
	top: 50%;
	right: -1%;
	margin-top: -30px;
}

.modal_wrapper .integrate_flow.network li.arrow:before{
	border-left: solid 30px #a53838;
}

.modal_wrapper .figContractors{
	border: solid 4px #4380be;
	margin:3% 3% 1%;
	background: #fff;
}

.modal_wrapper .arrow{
	padding: 0;
	text-align: center;
}

.modal_wrapper .figManage{
	border: solid 4px #a53838;
	margin:1% 3% 3%;
	background: #fff;
	position: relative;
}

.modal_wrapper .figManage img{
	width: 100%;
	max-width: 1000px;
}

.modal_wrapper .group{
	background: #4380be;
	color: #fff;
	padding: 10px;
	margin: 20px 0 0;
}

.modal_wrapper .manage{
	background: #a53838;
	color: #fff;
	padding: 10px;
	margin: 0;
}

.modal_wrapper h5{
	color: #fff;
	padding: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}

.modal_wrapper h5.integrate{
	background: #31a0ca;
}

.modal_wrapper h5.network{
	background: #a53838;
}

.wrapContractors{
	background: #f1f1f1;
	padding-bottom: 20px;
}
.flow_integrate{
	margin:3%;
}

.flow_integrate li{
	width: 23.5%;
	margin-left: 2%;
	float: left;
	box-sizing: border-box;
	padding: 2%;
	background: #31a0ca;
	border-radius: 4px;
	min-height: 222px;
	color: #fff;
	position: relative;
}

.flow_integrate li:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border:solid 10px transparent;
	border-left: solid 10px #31a0ca;
	position: absolute;
	top: 50%;
	right: -20px;
}

.flow_integrate li strong{
	display: block;
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-size: 2.0rem;
}

.flow_integrate li p{
	font-size: 12px;
	font-size: 1.2rem;
}

.flow_integrate li:first-child{
	margin-left: 0;
}

.flow_integrate li:last-child:before{
	display: none;
}

.flow_integrate li .icon_font{
	color: #fff;
}


.modal_wrapper p{
	font-size: 1.8rem;
	padding: 3% 0;
	text-align: center;
}

.modal_wrapper dl{
	background: #f1f1f1;
	padding: 2%;
	border-radius: 6px;
}

.modal_wrapper dt{
	text-align: center;
	font-size: 2.0rem;
	margin-bottom: 2%;
}
.modal_wrapper dd{
	display: inline-block;
	margin: 1em;
	position: relative;
}
.modal_wrapper dd strong{
	display: block;
	text-align: center;
	padding: 2%;
	font-size: 1.6rem;
}

.modal_wrapper dd:last-child:after{
	content: "etc..";
	display: block;
	text-align: center;
	position: absolute;
	top: 50%;
	right: -5em;
	line-height: 0;
	font-size: 1.4rem;
	margin-top: -0.5em;
}

.modal_wrapper .sp_etc{
		display: none;
	}

.sp_breadcrumbs{
	padding: 2% 40px 0;
}

.sp_breadcrumbs li{
	display: inline;
	font-size: 12px;
	font-size: 1.2rem;
}
.sp_breadcrumbs li:before{
	content: "　>　";
}
.sp_breadcrumbs li:first-child:before{
	content: "";
}
.sp_breadcrumbs li{
	color: #333;
}
.sp_breadcrumbs li.current{
	font-weight: bold;
}
.sp_breadcrumbs li.current:before{
	font-weight: normal;
}
.sp_breadcrumbs li a{
	text-decoration: underline;
	font-weight: normal;
}
.sp_breadcrumbs:after{
	display: block;
	width: 30px;
	height: 3px;
	margin: 1% auto 0 auto;
	background: #c2c2c2;
	content: "";
}

.newbusiness #mainvisual_second {
	background:url(/sss/img/main_sss.jpg) no-repeat center top;
	background-size: 100%;
	padding-bottom: 30px;
}

.newbusiness #mainvisual_second h1{
	width: 100%;
	text-align:center;
	position: static;
	padding: 24% 0 10px;
}

.newbusiness #mainvisual_second h1 strong{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	text-shadow: 0 0 20px #000,0 0 20px #000,0 0 20px #000;
	font-size: 2.5rem;
	display: block;
	margin-bottom: 24px;
	letter-spacing: 2px;
}

.newbusiness #mainvisual_second h1 strong br{
	display: none;
}

.newbusiness #mainvisual_second h1 img{
	width: 80%;
	max-width: 1105px;
}

.newbusiness #mainvisual_second .text_body{
	text-align: center;
	line-height: 1.8;
	letter-spacing: 1.5px;
}

.newbusiness_cont{
	margin-top: -8.5%;
	position: relative;
	z-index: 1;
	background: #f1f1f1;
}

.newbusiness .result_box{
	transform: skewY(-4deg);
	transform-origin: top right;
	overflow: hidden;
}

.newbusiness .result_box_wrap{
	transform: skewY(4deg);
	transform-origin: top right;
	margin-top: -4%;
	position: relative;
}

.newbusiness .result_box_main{
	width: 100%;
	vertical-align: bottom;
}

.newbusiness .result_box_contents{
	box-sizing: border-box;
	padding: 5% 40px;
	/*background: #f1f1f1;*/
	position: relative;
	}

.newbusiness .result_box_contents .fig{
	margin-top: 20px;
	text-align: center;
}

.newbusiness .result_num{
	position: absolute;
	font-size: 4.5rem;
	font-family: 'Oswald', sans-serif;
	top: -150px;
	left: 40px;
	line-height: 1;
	color: #f1f1f1;
	border-left: solid 1px #f1f1f1;
	padding-left: 10px;
	padding-bottom: 20px;
}
	
.newbusiness .result_num span{
	display: block;
	font-size: 9.0rem;
}

.newbusiness .result_box_contents h3{
	font-size: 4.0rem;
	margin-bottom: 2%;
}

.newbusiness .result_box_contents h3 span{
	font-size: 70%;
	font-weight: normal;
	margin-right: 1em;
}

.newbusiness .result_box_contents h3 figure{
	height: 1.5em;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
}

.newbusiness .result_box_contents h3 figure img{
	height: 100%;
}

.newbusiness .result_box_contents h4{
	font-size: 2.0rem;
	margin-bottom: 4%;
	font-weight: bold;
}

.newbusiness .result_box_contents .column2{
	display: table;
	width: 100%;
}

.newbusiness .result_box_contents .column2 li{
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
	padding: 1%;
}

.newbusiness .result_box_contents .column2 li p{
	line-height: 2.0;
}

.newbusiness .result_box_contents .column2 li:first-child{
	padding-left: 0;
}
.newbusiness .result_box_contents .column2 li:last-child{
	padding-right: 0;
}

.newbusiness .result_box_contents .column2 li.column2_ph{
	width: 30%;
}

.newbusiness .result_box_contents .column2 li.column2_ph img{
	width: 100%;
}

.newbusiness .result_box_contents .thumb_head{
	margin: 4% 0 0;
	font-size: 1.4rem;
}

.newbusiness .result_box_contents .thumb{
	width: 100%;
	margin-top: 20px;
	display: table;
}

.newbusiness .result_box_contents .thumb li{
	display: table-cell;
	padding: 1%!important;
}
.newbusiness .result_box_contents .thumb li.point{
	width: 25%;
}
.newbusiness .result_box_contents .thumb li.point h5{
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 2%;
}
.newbusiness .result_box_contents .thumb .ul_normal{
	margin-left: 1em;
}
.newbusiness .result_box_contents .thumb li.point li{
	font-size: 1.2rem;
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}

.newbusiness .ct_wrap{
	background: #fff;
	padding: 8%;
	border: solid 1px #ddd;
}

.newbusiness .ct_wrap h4{
	font-size: 1.4rem;
}

.newbusiness .ct_wrap p{
	font-size: 1.2rem;
	margin-bottom: 2%;
}

.newbusiness .ct_wrap ul{
	width: 100%;
}

.newbusiness .ct_wrap ul li{
	width: 49%;
	margin-left: 2%;
	float: left;
}

.newbusiness .ct_wrap ul li:first-child{
	margin-left: 0;
}

.newbusiness .ct_wrap ul li img{
	width: 100%;
}

.newbusiness .result_box_contents .thumb li:first-child{
	padding-left: 1%;
}

.newbusiness .result_box_contents .thumb li img{
	width: 100%;
}

.newbusiness .no-image{
	background: #fff;
}

.newbusiness .no-image .result_box_wrap{
	margin-top: 20%;
}

.newbusiness .no-image .result_num{
	color: #333;
	border-left: solid 1px #fff;
	top: -100px;
}



/* policy */

.newbusiness_policy{
	padding: 0;
}

.newbusiness_policy li{
	width: 50%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
}

.newbusiness_policy li h2{
	text-align: center;
	font-size: 3.0rem;
	font-weight: bold;
}

.newbusiness_policy li h3{
	text-align: center;
	font-size: 2.0rem;
}

.newbusiness_policy li h2 span{
	display: block;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	padding: 2% 0 0;
	font-size: 2.4rem;
}

.newbusiness_policy li a.fig{
	display: block;
	text-align: center;
	padding: 5% 0;
}

.newbusiness_policy li a.fig figure{
	display: block;
}

.newbusiness_policy li a.fig img{
	width: 100%;
	max-width: 472px;
}

.newbusiness_policy li a.fig .btn_default{
	border-color: #be004c;
	color: #be004c;
	margin-top: 5%;
	background: rgba(255,255,255,0.5);
}

.newbusiness_policy li a.fig .btn_default:hover{
	color: #fff;
}

.newbusiness_policy_integrate{
	transform: skewY(4deg);
	transform-origin: top left;	
	
}
.newbusiness_policy_network{
	transform: skewY(-4deg);
	transform-origin: top right;
}

.newbusiness_policy .bg{
	padding: 15% 40px 8%;
}

.newbusiness_policy_integrate .bg{
	background: url(/sss/img/bg_integrate.jpg) center;
	transform: skewY(-4deg);
	position: relative;
	background-size: cover;
	margin-top: -4%;
}

.newbusiness_policy_integrate h2{
	color: #1dacdc;
}

.newbusiness_policy_network h2{
	color: #cd0052;
}

.newbusiness_policy_network .bg{
	background: url(/sss/img/bg_network.jpg) center;
	transform: skewY(4deg);
	position: relative;
	background-size: cover;
	margin-top: -4%;
}

.newbusiness_news{
	background: #f1f1f1;
	padding: 40px;
	position: relative;
}

.newbusiness_news h3{
	padding: 0 0 20px;
	font-size: 3.0rem;
	font-family: 'Oswald', sans-serif;
	color: #555;
}

.newbusiness_news .dl_normal{
	margin-bottom: 40px;
}

.newbusiness_news .dl_normal dt{
	padding: 1em;
}
.newbusiness_news .dl_normal dt.network:after{
	content: "NETWORK";
	font-family: 'Oswald', sans-serif;
	display: inline-block;
	background: #cd0052;
	color: #fff;
	font-size: 1.0rem;
	padding: 3px 5px;
	border-radius: 4px;
	margin-left:5px; 
}
.newbusiness_news .dl_normal dt.integrate:after{
	content: "INTEGRATE";
	font-family: 'Oswald', sans-serif;
	display: inline-block;
	background: #1dacdc;
	color: #fff;
	font-size: 1.0rem;
	padding: 3px 5px;
	border-radius: 4px;
	margin-left:5px; 
}
.newbusiness_news .dl_normal dd{
	margin-top: -3.5em;
	padding: 1em 1em 1em 14em;
}


/* nav */
.newbusiness_result_nav_wrap{
	background: #f1f1f1;
	overflow: hidden;
	overflow: hidden;
	padding-top: 20px;
}
.newbusiness_result_nav{
	transform: skewY(-4deg);
	transform-origin: top left;
	position: relative;
	padding:6% 0 0;
	z-index: 10;
}

.newbusiness_result_nav h3{
	position: absolute;
	font-size: 3.0rem;
	color: #555;
	font-family: 'Oswald', sans-serif;
	top: 15px;
	left: 40px;
	transform: skewY(4deg);
}


.newbusiness_result_nav ol li{
	float: left;
	overflow: hidden;
	position: relative;
	background: #000;
}

.newbusiness_result_nav ol li span.num{
	top: 20%;
	left: 30px;
	font-size: 3.0rem;
	font-family: 'Oswald', sans-serif;
	color: #fff;
	z-index: 1;
	padding: 8% 2% 4% 2%;
	border-left: solid 1px #fff;
	position: absolute;
	line-height: 0;
}

.posi{
    color:#888!important;
    border-color:#888!important;
}

.newbusiness_result_nav li p{
	display: block;
	transform: skewY(4deg);
	cursor: pointer;
	background: #000;
	opacity: 0.5;
	transition: .4s;
	transform-origin: top left;
}

.newbusiness_result_nav li img{
	width: 100%;
	margin-top: -7.5%;
}

.newbusiness_result_nav li p:hover{
	opacity: 1;
}

.arrow_next,
.arrow_prev{
	margin-top: -25px;
}

.new_business_list{
	padding: 40px 0 0;
}

.new_business_list strong{
	font-size: 1.8rem;
	display: block;
	margin-bottom: 20px;
	padding: 20px;
	border: solid 1px #ddd;
	cursor: pointer;
	position: relative;
	transition: .4s;
}

.new_business_list strong:hover,
.new_business_list strong.open{
	border: solid 1px #cd0052;
	color: #cd0052;
}

.new_business_list strong:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 10px transparent;
	border-top: solid 10px #cd0052;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -5px;
	transition: .4s;
}

.new_business_list strong:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 10px transparent;
	border-top: solid 10px #f1f1f1;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -10px;
	transition: .4s;
}

.new_business_list strong.open:before{
	border: solid 10px transparent;
	border-bottom: solid 10px #cd0052;
	margin-top: -15px;
}

.new_business_list strong.open:after{
	border: solid 10px transparent;
	border-bottom: solid 10px #f1f1f1;
	margin-top: -10px;
}

.new_business_list strong + .newbusiness_policy{
	display: none;
}

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

	.modal_wrapper{
		min-width: 0;
		width: 94%;
		margin-left: -47%;
	}
	.modal_wrapper .modal_wrapper_inner{
		padding: 8% 3%;
	}
	.modal_wrapper img{
		width: 100%;
	}
	.modal_wrapper dl{
		background: transparent;
	}
	.modal_wrapper dd{
		width: 49%;
		margin : 0 0 0 2%;
		float: left;
		display: block;
	}
	.modal_wrapper dd:nth-child(2n){
		margin: 0;
	}
	
	.modal_wrapper dd:last-child:after{
		display: none;
	}
	
	.modal_wrapper .sp_etc{
		font-size: 1.4rem;
		display: block;
		text-align: center;
		padding: 2%;
	}
	
	.modal_close{
		top: 0px;
		right: 0px;
	}
	
	.modal_wrapper .integrate_flow li{
		display: block;
		width: 100%;
		padding: 20px 0;
	}
	
	
	.modal_wrapper .integrate_flow li.arrow:before{
		top: auto;
		right: 50%;
		bottom: -10px;
		margin-right: -10px;
		border: solid 10px transparent;
		border-top: solid 10px #31a0ca;
	}
	.modal_wrapper .integrate_flow li.arrow:after{
		top: auto;
		right: 50%;
		bottom: -8px;
		margin-right: -10px;
		border: solid 10px transparent;
		border-top: solid 10px #fff;
	}
	
	.modal_wrapper .integrate_flow.network li.arrow:before{
		top: auto;
		right: 50%;
		bottom: -10px;
		margin-right: -10px;
		border: solid 10px transparent;
		border-top: solid 10px #a53838;
	}
	.modal_wrapper .integrate_flow.network li.arrow:after{
		top: auto;
		right: 50%;
		bottom: -8px;
		margin-right: -10px;
		border: solid 10px transparent;
		border-top: solid 10px #fff;
	}
	.modal_wrapper .integrate_flow.middle{
		padding-bottom: 0
	}
	.modal_wrapper .integrate_flow.last{
		padding-top: 0
	}
	
	.newbusiness #mainvisual_second{
		background-size: 200%;
		margin-top: -10.2%;
	}
	.newbusiness #mainvisual_second h1{
		padding: 39% 0 10px;
	}
	.newbusiness #mainvisual_second h1 img{
		width: 100%;
	}
	.newbusiness #mainvisual_second h1 strong{
		font-size: 1.6rem;
	}
	.newbusiness #mainvisual_second h1 strong br{
		display: block;
	}
	.newbusiness #mainvisual_second .text_body{
		padding: 3%;
		text-align: left;
	}
	.newbusiness #mainvisual_second .text_body br{
		display: none;
	}
	.newbusiness .result_box_contents{
		padding: 3%;
	}
	.newbusiness .result_num{
		left: 0;
		top: 3%;
		font-size: 2.0rem;
		color: #333;
		position: relative;
		padding-left: 0;
		border-left: none;
	}
	.newbusiness .result_num span{
		display: inline;
		font-size: 4.0rem;
		margin-left: 0.2em;
	}
	.newbusiness .result_box_contents h3{
		font-size: 2.6rem;
		line-height: 1.2;
		margin-bottom: 3%;
	}
	.newbusiness .result_box_contents .column2 li{
		display: block;
	}
	.newbusiness .result_box_contents .column2 li.column2_ph{
		width: 100%;
	}
		
	.newbusiness .no-image .result_num{
		top: 3%;
	}
	
	.newbusiness_policy li{
		float: none;
		width: 100%;
		box-sizing: border-box;
	}
	
	.newbusiness_policy li .bg{
		padding: 20% 5%;
	}
	
	.newbusiness_policy_integrate{
		transform: skewY(-4deg);
    transform-origin: top right;
	}
	
	.newbusiness_policy_integrate .bg{
		transform: skewY(4deg);
		background-size: cover;
	}
	
	.newbusiness_policy_network{
		margin-top: -4%;
	}
	
	.newbusiness_policy li h2{
		font-size: 2.0rem;		
	}
	
	.newbusiness_policy li h2 br{
		display: none;
	}
	
	.newbusiness_policy li figure{
		padding: 5% 0;
	}
	
	.flow_integrate li{
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
		min-height: 0;
	}
	
	.flow_integrate li p{
		text-align: left;
		padding-left: 5em;
	}

	.flow_integrate li:before{
		right: 50%;
		top: auto;
		bottom: -20px;
		margin-right: -10px;
		border: solid 10px transparent;
		border-top: solid 10px #31a0ca;
	}
	
	.flow_integrate li .icon_font{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 3%;
		margin-right: 10px;
		margin-top: -0.5em;
	}
	
	.newbusiness_news h3{
		text-align: center;
	}
	.newbusiness_news .dl_normal dd{
		padding: 1em;
		margin-top: 0;
	}
	
	.newbusiness_result_nav h3{
		text-align: center;
		position: static;
		margin-bottom: 8%;
	}
	
	.newbusiness .result_box_contents h3{
		font-size: 2.4rem;
		line-height: 1.8;
	}
	
	.newbusiness .result_box_contents h3 figure img{
		width: auto;
		height: 1.5em;
	}
	
	.newbusiness .result_box_contents h3 span{
		display: block;
	}
	
	.newbusiness .result_box_contents h4{
		font-size: 1.4rem;
	}
	
	.newbusiness .result_box_main{
		width: 120%;
		margin-left: -10%;
	}
	
	.newbusiness .result_box_contents .fig img{
		width: 100%;
	}
	
	.newbusiness_news{
		padding: 3%;
	}
	
	.arrow_next, .arrow_prev{
		margin: 0;
	}
	
	.new_business_list .newbusiness_policy li{
		float: none;
		width: 100%;
		padding: 0;
	}
	
	.new_business_list .newbusiness_policy li dd{
		margin-top: 0;
		padding-left: 1em;
	}
	
	.newbusiness .result_box_contents .thumb li.point{
		width: 100%;
	}
	
	.newbusiness .result_box_contents .thumb li{
		display: block;
		width: 100%;
	}
	
	.slick-slider{
		width: 100%;
		margin-left: 0;
	}
	
	.newbusiness_result_nav li p{
		height: auto;
	}
	
	.arrow_prev, .arrow_next {
    width: 5%!important;
	}
}


.btn_modalred_s:after{
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 10px;
	margin-top: -5px;
	content: url(/shared/img/icon_modal_red_s.png);
}

.btn_modalred_s:hover:after{
	content: url(/shared/img/icon_modal_white_s.png);
}

/* 20170914 - add connecty */

.epalFig{
	width: 80%;
	margin: 40px auto;
	background: #fff;
	position: relative;
	padding: 3%;
	box-sizing: border-box;
}

.epalFig:after{
	content: "";
	display: block;
	clear: both;
}

.epalFig img{
		width: 100%;
	}

.epalFig strong{
	width: 30%;
	float: left;
}

.epalFig figure{
	width: 65%;
	float: right;
}

.epalFig .epalPh{
	width: 40%;
	position: absolute;
	bottom: -4%;
	left: -8%;
}


@media screen and (max-width: 767px){
	.epalFig{
		width: 96%;
	}
	.epalFig strong,
	.epalFig figure{
		float: none;
		width: 100%;
	}
	.epalFig .epalPh{
		position: static;
		width: 100%;
		margin-top: 10%;
	}
}

.column05 li{
	width: 20%;
}

.column05 li p{
	font-size: 1.4rem;
	padding: 10px 0;
}

/* 20200518 - add connecty */
.color-bg_white {
    background: #fff;
}
.td_none {
    text-decoration: none;
}
.newbusiness .result_box_contents .dx_column2 li.column2_ph {
    width: 40%;
}
.newbusiness_dx {
    position: relative;
    z-index: 2;
}
.newbusiness_dx h3 {
    position: absolute;
    top: 0;
    left: 40px;
    font-size: 3.0rem;
    font-family: 'Oswald', sans-serif;
    color: #555;
}
.mt0 {
    margin-top: 0;
}
.dx_mainVisual h1{
    position: relative;
    background: url(/dx/img/img_mainvisual.png) no-repeat center top;
    background-size: 100%;
    width: 100%;
    height: 0;
    padding-top: 36%;
}
.dx_mainVisual img {
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30%;
    max-width: 435px;
}
.dx_mainVisual p {
    text-align: center;
    line-height: 1.8;
    letter-spacing: 1.5px;
}
.dx_checklist {
    font-size: 20px;
    padding: 30px 40px;
    border-radius: 5px;
}
.dx_checklist span{
    position: relative;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
}
.dx_checklist span:first-child {
    margin-top: 0;
}
.dx_checklist span img{
    width: 20px;
    margin-right: 20px;
    margin-top: 8px;
}
@media screen and (max-width: 767px){
    .newbusiness .result_box_contents .dx_column2 li.column2_ph {
        width: 100%;
    }
    .newbusiness_dx h3 {
        text-align: center;
        position: static;
    }
    .dx_mainVisual p {
        padding: 3%;
         text-align: left;
    }
    .dx_checklist {
        font-size: 18px;
        padding: 3%;
    }
}