@charset "UTF-8";
/* CSS Document */


.header_logo p {
    color: #fff;
}
	
	
/* main_visual
--------------------- */
#main_visual{
	position:relative;
	width: 100%;
	height: 400px;
	background: url("../img/section_titlebg.jpg") no-repeat;
	background-size: cover;
}
	#main_visual .page_title{
		color:#fff;
	}
		#main_visual h1{
			font-size:5rem;
			line-height: 4.4rem;
			letter-spacing: .5rem;
			padding-top: 180px;
		}
		#main_visual p{
			font-size:1rem;
			line-height: 1rem;
			letter-spacing: .2rem;
			padding-top: 28px;
		}


.inner {
    position: relative;
}


/* donyu_contents
--------------------- */
#donyu_contents{
	text-align: center;
	padding: 100px 0 140px;
}


/* section
--------------------- */
.section {
	width: 100%;
	padding: 0 0 120px 0;
}
	.section .titlearea {
		padding: 100px 0 60px 0;
	}
#section01{
	background-color: #E5F1F9;
}
	#section01 .titlearea {
		background: url(../img/business/section01_bg.jpg) no-repeat center / cover;
	}
#section02{
	background-color: rgba(245,162,0,0.10);
}
	#section02 .titlearea {
		background: url(../img/business/section02_bg.jpg) no-repeat center / cover;
	}
#section03{
	background-color: rgba(102,190,59,0.10);
}
	#section03 .titlearea {
		background: url(../img/business/section03_bg.jpg) no-repeat center / cover;
	}
#section04{
	background-color: rgba(229,29,38,0.10);
}
	#section04 .titlearea {
		background: url(../img/business/section04_bg.jpg) no-repeat center / cover;
	}
		.section .titlearea h2 {
			width: 100%;
			font-size: 1.8rem;
			font-weight: 500;
			letter-spacing: 0.2rem;
			color: #fff;
			text-align: center;
			position: absolute;
			top: -140px;
			left: 0;
		}
		#section01 .titlearea h2 {
			background: #0186d1;
		}
		#section02 .titlearea h2 {
			background: #f5a100;
		}
		#section03 .titlearea h2 {
			background: #67be3b;
		}
		#section04 .titlearea h2 {
			background: #e51d27;
		}
			.section .titlearea h2 span {
				display: block;
				line-height: 80px;
				height: 80px;
				position: relative;
			}
			.section .titlearea h2 span:before {
				content: "";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 10px 10px 0 10px;
				position: absolute;
				bottom: -10px;
				left: 50%;
				margin-left: -10px;
			}
			#section01 .titlearea h2 span:before {
				border-color: #0185d1 transparent transparent transparent;
			}
			#section02 .titlearea h2 span:before {
				border-color: #f5a100 transparent transparent transparent;
			}
			#section03 .titlearea h2 span:before {
				border-color: #67be3b transparent transparent transparent;
			}
			#section04 .titlearea h2 span:before {
				border-color: #e51d27 transparent transparent transparent;
			}


		.section .titlearea h3 {
			font-size: 1.6rem;
			font-weight: 500;
			letter-spacing: 0.1rem;
			text-align: center;
			line-height: 2.8rem;
			margin-bottom: 20px;
		}
			.section .titlearea h3 span {
				color:#fff;
				padding-left: 5px;
			}


		.section .titlearea .txt {
			color: #fff;
			line-height: 30px;
		}



	.section .contents {
		padding-top: 60px;
	}
		.section .contents h2 {
			font-size: 2.0rem;
			font-weight: 500;
			text-align: center;
			margin-bottom: 20px;
		}


		.section .contents .box {
			margin-bottom: 40px;
		}
		.section .contents .box:nth-last-child(1) {
			margin-bottom: 0;
		}
		#section01 .contents .box {
			background-color: #fff;
			border-radius: 10px
		}
		#section02 .contents .box {
			background-color: #fff;
			border-radius: 10px
		}
		#section03 .contents .box {
			background-color: #fff;
			border-radius: 10px
		}
		#section04 .contents .box {
			background-color: #fff;
			border-radius: 10px
		}
			.section .contents .box .actit {
				padding: 50px;
				cursor: pointer;
				position: relative;
			}
			.section .contents .box .actit:before {
				content: "";
				width: 60px;
				height: 60px;
				border-radius: 50%;
				position: absolute;
				top: 50%;
				right: 50px;
				margin-top: -30px;
			}
			#section01 .contents .box .actit:before {
				background: #0186d1;
			}
			#section02 .contents .box .actit:before {
				background: #f5a100;
			}
			#section03 .contents .box .actit:before {
				background: #67be3b;
			}
			#section04 .contents .box .actit:before {
				background: #e51d27;
			}
				.section .contents .box .actit .achead {
					position: relative;
					padding-right: 80px;
				}
				.section .contents .box .actit .achead:before {
					content: "";
					width: 20px;
					height: 1px;
					background: #fff;
					position: absolute;
					top: 50%;
					right: 20px;
					margin-top: -0.5px;
				}
				.section .contents .box .actit .achead:after {
					content: "";
					width: 1px;
					height: 20px;
					background: #fff;
					position: absolute;
					top: 50%;
					right: 30px;
					margin-top: -10px;
				}
				.section .contents .box .actit.active .achead:after {
					display: none;
				}
					.section .contents .box .actit .achead h3 {
						font-size: 1.6rem;
						letter-spacing: 0.1rem;
						margin-bottom: 5px;
					}
					#section01 .contents .box .actit .achead h3 {
						color: #0186d1;
					}
					#section02 .contents .box .actit .achead h3 {
						color: #f5a100;
					}
					#section03 .contents .box .actit .achead h3 {
						color: #67be3b;
					}
					#section04 .contents .box .actit .achead h3 {
						color: #e51d27;
					}

/*
					.section .contents .box .actit .achead .txt {
						font-size: 1.5rem;
					}
*/


			.section .contents .box .set {
				display: none;
				padding: 0 50px 50px 50px;
			}
				.section .contents .box .set .cell {
					border-top: dashed 1px #ddd;
					padding: 30px 0 25px 0;
				}
					.section .contents .box .set .cell dl {
						padding-left: 12px;
						line-height: 1;
						margin-bottom: 15px;
					}
					#section01 .contents .box .set .cell dl {
						border-left: solid 2px #0186d1;
						color: #0186d1;
					}
					#section02 .contents .box .set .cell dl {
						border-left: solid 2px #f5a100;
						color: #f5a100;
					}
					#section03 .contents .box .set .cell dl {
						border-left: solid 2px #67be3b;
						color: #67be3b;
					}
					#section04 .contents .box .set .cell dl {
						border-left: solid 2px #e51d27;
						color: #e51d27;
					}
						.section .contents .box .set .cell dl dt {
							font-size: 1.5rem;
							padding-bottom: 5px;
						}
						.section .contents .box .set .cell dl dd {
							font-size: .9rem;
						}

					.section .contents .box .set .cell ul li {
/*						font-size: 1.5rem;*/
						margin-bottom: 5px;
						padding-left: 14px;
						margin-right: 30px;
						position: relative;
					}
					.section .contents .box .set .cell ul li:before {
						content: "";
						width: 8px;
						height: 8px;
						border-radius: 50%;
						position: absolute;
						top: 8.6px;
						left: 0;
					}
					#section01 .contents .box .set .cell ul li:before {
						background: #0186d1;
					}
					#section02 .contents .box .set .cell ul li:before {
						background: #f5a100;
					}
					#section03 .contents .box .set .cell ul li:before {
						background: #67be3b;
					}
					#section04 .contents .box .set .cell ul li:before {
						background: #e51d27;
					}

a.jigyo_kwsk_btn{
	position: relative;
	display: block;
	max-width: 450px;
	margin: 50px auto 0;
	border-radius: 50px;
	font-size:1.2rem;
	line-height: 1.2rem;
	font-weight: 500;
	color:#fff;
	background-color: #0077C3;
	text-align: center;
	padding: 22px 0;
	transition:all .4s;
}
#section02 a.jigyo_kwsk_btn{
	background-color: #F5A200;
}
#section03 a.jigyo_kwsk_btn{
	background-color: #66BE3B;
}
#section04 a.jigyo_kwsk_btn{
	background-color: #E51D26;
}
a.jigyo_kwsk_btn span{
	font-size:.72rem;
	letter-spacing: .1rem
}
a.jigyo_kwsk_btn:after{
	content: "";
	width: 16px;
	height: 16px;
	background: url("../../common/img/gaibu_iconw.svg") center no-repeat;
	background-size:contain;
	position: absolute;
	top:50%;
	right:30px;
	margin-top: -8px;
}
a.jigyo_kwsk_btn:hover{
	opacity: .7
}



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

.inner {
    position:static;
}
	
	
/* main_visual
--------------------- */
#main_visual{
	height: 300px;
}
		#main_visual h1{
			font-size:3.6rem;
			line-height: 3.6rem;
			letter-spacing: .4rem;
			padding-top: 120px;
		}
		#main_visual p{
			font-size:1rem;
			line-height: 1rem;
			letter-spacing: .2rem;
			padding-top: 12px;
		}
	
	
#donyu_contents {
    padding: 60px 0;
	text-align: left;
}
	
	
/* read
--------------------- */
#read {
	padding: 60px 0 100px 0;
}
	#read .txt {
		font-size: 1.4rem;
		line-height: 2em;
	}





	
/* section
--------------------- */
.section {
	width: 100%;
	padding: 0 0 80px 0;
}
	.section .titlearea {
		padding: 120px 0 50px 0;
		position: relative;
	}
		.section .titlearea h2 {
			width: 100%;
			padding-top: 14px;
			font-size: 1.16rem;
			letter-spacing: 0.2em;
			top: 0px;
		}
			.section .titlearea h2 span {
				line-height: 1.4em;
				height: 70px;
			}


		.section .titlearea h3 {
			font-size: 1.1rem;
			line-height: 1.9rem;
			letter-spacing: 0.2em;
			text-align: left;
		}


		.section .titlearea .txt {
/*			font-size: 1.4rem;*/
			line-height: 2em;
			word-break: break-all;
		}



	.section .contents {
		padding-top: 40px;
	}
		.section .contents h2 {
			font-size: 1.4rem;
		}

		.section .contents .box {
			margin-bottom: 20px;
		}
			.section .contents .box .actit {
				padding: 25px;
			}
			.section .contents .box .actit:before {
				width: 30px;
				height: 30px;
				top: 25px;
				right: 25px;
				margin-top: 0;
			}
				.section .contents .box .actit .achead {
					position: relative;
					padding-right: 0;
				}
				.section .contents .box .actit .achead:before {
					width: 10px;
					top: 15px;
					right: 10px;
					margin-top: 0;
				}
				.section .contents .box .actit .achead:after {
					height: 10px;
					top: 10px;
					right: 15px;
					margin-top: 0;
				}
					.section .contents .box .actit .achead h3 {
						font-size: 1.0rem;
						line-height: 1.6rem;
						padding-bottom: 10px;
						padding-right: 40px;
					}

					.section .contents .box .actit .achead .txt {
/*						font-size: 1.4rem;*/
						line-height: 1.8em;
					}


			.section .contents .box .set {
				padding: 0 25px 25px 25px;
			}
				.section .contents .box .set .cell {
					padding: 30px 0 25px 0;
				}
					.section .contents .box .set .cell dl dt {
						font-size: 1.3rem;
					}
					.section .contents .box .set .cell dl dd {
						font-size: .8rem;
					}

					.section .contents .box .set .cell ul {
						display: block;
					}
						.section .contents .box .set .cell ul li {
/*							font-size: 1.4rem;*/
							line-height: 1.5rem;
							margin-bottom: 5px;
							padding-left: 14px;
							margin-right: 0;
						}
						.section .contents .box .set .cell ul li:before {
							top: 10px;
						}

	a.jigyo_kwsk_btn{
	/*
		position: relative;
		display: block;
		max-width: 450px;
		margin: 50px auto 0;
		border-radius: 50px;
	*/
		width: 100%;
		font-size:1.0rem;
	/*	line-height: 1.2rem;*/

		padding: 20px 0;
	}




}


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


	
/* main_visual
--------------------- */
#main_visual{
	height: 240px;
	text-align: center;
}
		#main_visual h1{
			font-size:2.6rem;
			line-height: 2.6rem;
			letter-spacing: .3rem;
			padding-top: 108px;
		}
		#main_visual p{
			font-size:.8rem;
			line-height: .8rem;
			letter-spacing: .2rem;
			padding-top: 12px;
		}





}