@charset "utf-8";
@import url("./second.css");
#second_title_area > div{background-image: url(../images/business/mv.jpg);}
#section1,
#section2{position: relative;}
#section1::after,
#section2::after{
	content: " ";
	position: absolute;
	width: 100%;
	height: 13px;
	bottom: 0;
	left: 0;
	background: url(../images/common/line_bg01.png) no-repeat center top;
	background-size: auto 100%;
	opacity: .25;
}
#section1{padding: 0 0 90px;}
#section1 .business_copy{
	width: 100%;
	position: relative;
	text-align: center;
	font-size: 2.7rem;
	letter-spacing: 0.2em;
	font-weight: 200;
	color: #0360b1;
	line-height: 1.9259;
	padding: 80px 0 120px;
}
#section1 .business_copy::before{
	content:" ";
	position: absolute;
	top: 0;
	background: #0068b7;
	background: -moz-linear-gradient(left, #0068b7 0%, #1d2088 100%);
	background: -webkit-linear-gradient(left, #0068b7 0%,#1d2088 100%);
	background: linear-gradient(to right, #0068b7 0%,#1d2088 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068b7', endColorstr='#1d2088',GradientType=1 );
	width: 16%;
	height: 6px;
	left: 50%;
	margin-left: -8%;
}
section .business_box{
	position: relative;
	padding-left: 45.5%;
}
section .business_box .leftbox{
	position: absolute;
	top: -40px;
	left: 0;
	z-index: 1;
	width: 60%;
}
section .business_box .leftbox img{display: block;}
section .business_box .leftbox img.img_small{
	width: 76.66%;
	margin-top: 3px;
}
section .business_box .rightbox{
	position: relative;
	z-index: 2;
	background-color: rgba(247,248,252,.5);
	padding: 5px 0 0 5px;
}
section .business_box .rightbox .rightbox_rapper{
	padding: 45px 0 0 45px;
	background-color: #f7f8fc;
}
section .business_box .rightbox .rightbox_rapper .title_style03{
	padding-bottom: 27px;
	margin-bottom: 27px;
}
section .business_box .rightbox .rightbox_rapper .title_style03::before{display: none;}
section .business_box .rightbox .rightbox_rapper .title_style03 span{
	color: #0360b1;
	letter-spacing: 0.12em;
	font-size: 2.2rem;
}
section .business_box .rightbox .rightbox_rapper p{
	font-size: 1.55rem;
	letter-spacing: 0.025em;
	line-height: 1.806;
}
#section2{padding: 100px 0 80px;}
#section3{padding: 50px 0 120px;}
#section3 .title_style02{
	text-align: center;
	font-size: 1.7rem;
	letter-spacing: 0.12em;
	font-weight: 500;
	line-height: 1;
	padding: 10px 5% 15px;
	margin-bottom: 40px;
}
#section3 .title_style02 span{
	font-size: 1.64em;
	color: #0d8fe2;
	font-weight: 500;
	position: relative;
	top: 3px;
}
#section3 section ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#section3 section ul li{
	width: 25%;
	text-align: center;
	padding: 5px 0;
	box-sizing: border-box;
}
#section3 section ul li:not(:last-child){border-right: solid 1px #d9dce5;}
#section3 section ul li span{display: block;}
#section3 section ul li .number{
	width: 80px;
	height: 80px;
	border-radius: 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	background: #0068b7;
	background: -moz-linear-gradient(left, #0068b7 0%, #1d2088 100%);
	background: -webkit-linear-gradient(left, #0068b7 0%,#1d2088 100%);
	background: linear-gradient(to right, #0068b7 0%,#1d2088 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068b7', endColorstr='#1d2088',GradientType=1 );
	margin: 0 auto 10px;
}
#section3 section ul li .number i{
	font-family: 'Lato', sans-serif;
	font-size: 2.8rem;
	letter-spacing: 0;
	color: #fcfebb;
}
#section3 section ul li .text{
	font-size: 1.6rem;
	letter-spacing: 0.025em;
	font-weight: 500;
	color: #0360b1;
	line-height: 1.444;
}
/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:1001px){}
/*----------------------------------------------------------------------------------
タブレット・SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:1000px){
	section .business_box{padding-left: 0;}
	section .business_box .leftbox{
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
	}
	section .business_box .leftbox img.img_small{width: 100%;}
	section .business_box .rightbox{padding: 0;}
	section .business_box .rightbox .rightbox_rapper{padding: 0 0 20px;}
}
/*----------------------------------------------------------------------------------
タブレット
----------------------------------------------------------------------------------*/
@media screen and (max-width:999px) and (min-width:641px){}
/*----------------------------------------------------------------------------------
SP
----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
	#section1::after,
	#section2::after{height: 7px;}
	#section1{padding: 0 0 50px;}
	#section1 .business_copy{
		font-size: 2.0rem;
		letter-spacing: 0.1em;
		font-weight: 300;
		line-height: 1.75;
		padding: 50px 0 60px;
	}
	#section1 .business_copy::before{
		width: 34%;
		margin-left: -17%;
	}
	section .business_box .rightbox .rightbox_rapper .title_style03 span{font-size: 2rem;}
	section .business_box .rightbox .rightbox_rapper p{font-size: 1.45rem;}
	#section2{padding: 45px 0 60px;}
	#section3{padding: 30px 0 70px;}
	#section3 .title_style02{
		font-size: 1.6rem;
		letter-spacing: 0.08em;
		padding: 8px 5% 15px;
	}
	#section3 section ul li{
		width: 100%;
		text-align: left;
		padding: 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 20px;
	}
	#section3 section ul li:not(:last-child){
		border-right: none;
		border-bottom: solid 1px #d9dce5;
		padding-bottom: 20px;
	}
	#section3 section ul li .number{
		width: 16vw;
		height: 16vw;
		border-radius: 8vw;
		margin: 0 auto;
	}
	#section3 section ul li .number i{font-size: 2.3rem;}
	#section3 section ul li .text{
		width: 64vw;
		font-size: 1.6rem;
	}
}