@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　business
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* sec-business
-----------------------------------------------------------------*/
.sec-business{
	padding: 150px 0;
}
.sec-business .sec-hd{
	margin-bottom: 65px;
}
.sec-business .sec-hd h2{
	margin-bottom: 15px;
}
.sec-business:nth-of-type(odd) .layout-box{
	flex-direction: row-reverse;
}
.sec-business:nth-of-type(even) .layout-box,
.sec-business:nth-of-type(5) .layout-box{
	align-items: center;
}
.sec-business:nth-of-type(even) h2,
.sec-business:nth-of-type(even) .txt{
	text-align: right;
}
.sec-business:nth-of-type(even) .btn-base a{
	float: right;
}
.sec-business .layout-box  .txt-area{
	max-width: 440px;
	width: 38%; 
}
.sec-business:nth-of-type(5) .layout-box  .txt-area,
.sec-business:nth-of-type(6) .layout-box  .txt-area{
	max-width: 450px;
}
.sec-business .example-list > div:nth-child(n+2){
	margin-top: 35px;
}
.sec-business .example-list dt{
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 15px;
	font-size: 2.4rem;
	line-height: 1.4;
	letter-spacing: .05em;
	font-weight: bold;
	color: #0093c4;
}
.sec-business .example-list dt::after{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 34px;
	height: 1px;
	content: "";
	background: #090909;	
}
.sec-business .example-list dd{
	text-align: justify;
}
.sec-business .layout-box  .txt-area .btn-base{
	margin-top: 40px;
}
.sec-business .layout-box  .txt-area h2{
	margin-bottom: 15px;
}
.sec-business .layout-box .pic{
	max-width: 700px;
	width: 58.35%;
}
.sec-business .layout-box .pic img{
	border-radius: 80px 0 80px 0;
}



@media screen and (max-width: 1000px) {
	.page-nav{
		padding: 0 0 20px 20px;
		width: 100%;
		overflow: auto;
	}
  .page-nav .inner{
		padding: 0;
	} 
  
  .sec-business:nth-of-type(even) h2,
	.sec-business:nth-of-type(even) .txt{
		text-align: left;
	} 
  .sec-business:nth-of-type(even) .btn-base a{
		float: none;
	}


}



/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {


/* sec-business
-----------------------------------------------------------------*/
	.sec-business{
		padding: 60px 0;
	}
	.sec-business .sec-hd{
		margin-bottom: 30px;
	}
	.sec-business .layout-box{
		display: block;
	}
	.sec-business:nth-of-type(even) h2,
	.sec-business:nth-of-type(even) .txt{
		text-align: left;
	}
	.sec-business:nth-of-type(even) .btn-base a{
		float: none;
	}
	.sec-business .layout-box  .txt-area{
		max-width: 700px;
		width: 100%;
	}
	.sec-business:nth-of-type(5) .layout-box  .txt-area,
	.sec-business:nth-of-type(6) .layout-box  .txt-area{
		max-width: 700px;
	}
	.sec-business .example-list > div:nth-child(n+2){
		margin-top: 25px;
	}
	.sec-business .example-list dt{
		font-size: 1.8rem;
	}
	.sec-business .example-list dt::after{
		width: 30px;
	}
	.sec-business .example-list dd{
		line-height: 1.6;
	}
	.sec-business .layout-box .txt-area h2{
		margin-bottom: 15px;
	}
	.sec-business .layout-box .txt{
		text-align: justify;
	}
	.sec-business .layout-box .pic{
		max-width: 700px;
		width: 100%;
		margin: 0 auto 40px;
	}
	.sec-business .layout-box .pic img{
		border-radius: 40px 0 40px 0;
	}

}