@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


@keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

*:focus {
	outline: none;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
	
	.fv {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(37.9vw + 60px);
		background-color: #f1f1f1;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 99;
	}
		.fv dl {
			font-weight: bold;
			text-align: center;
		}
			.fv dl dt {
				font-size: 40px;
				line-height: 1.4;
				letter-spacing: 8px;
			}
				.fv dl dt span {
					color: #3362b7;
				}
			.fv dl dd {
				margin-top: 30px;
			}
				.fv dl dd p {
					font-size: 16px;
					line-height: 2.2;
					letter-spacing: 2px;
				}
				.fv dl dd div {
					margin-top: 40px;
				}
					.fv dl dd div a {
						display: inline-block;
						padding: 10px 15px;
						line-height: 1;
						letter-spacing: 2px;
						background-color: #fff;
						border: solid 2px #3362b7;
						color: #3362b7;
					}
					.fv dl dd div a:hover {
						background-color: #3362b7;
						color: #fff;
					}

	
	.main {
		position: relative;
		background-color: #f1f1f1;
	}	
		.main .content {
			position: relative;
			padding: 0 0 60px 0;
		}
		.main .content .ill {
			background-image: url("/recruit/w-nexco/business/quick/img/ill.png");
			background-size: cover;
			background-position: 95% 50%;
			height: 37.9vw;
		}	
		.main .content .maintit {
			position: absolute;
			top: 2vw;
			left: 4vw;
			font-feature-settings: "palt";
		}	
			.main .content h1 {
				font-size: 17px;
				line-height: 1.4;
				letter-spacing: 4px;
			}	
				.main .content h1 span {
					color: #3362b7;
				}	
		.main .content ul {
		}
			.main .content ul li .btn {
				position: absolute;
/*				background-color: rgba(0,0,0,.5)*/
			}
			.main .content ul li:nth-child(1) .btn {
				top: 100px;
				left: 24vw;
				width: 15vw;
				height: 13vw;
			}
			.main .content ul li:nth-child(2) .btn {
				top: calc(100px + 7vw);
				left: 2vw;
				width: 22vw;
				height: 17vw;
			}
			.main .content ul li:nth-child(3) .btn {
				top: calc(100px + 28vw);
				right: 4vw;
				width: 23.7vw;
				height: 19vw;
			}
			.main .content ul li:nth-child(4) .btn {
				top: calc(100px + 47.5vw);
				right: 2vw;
				width: 24vw;
				height: 20vw;
			}
			.main .content ul li:nth-child(5) .btn {
				top: calc(100px + 62vw);
				right: 21vw;
				width: 32vw;
				height: 19vw;
			}
			.main .content ul li:nth-child(6) .btn {
				top: calc(100px + 73vw);
				left: 24vw;
				width: 21vw;
				height: 18vw;
			}
			.main .content ul li:nth-child(7) .btn {
				top: calc(100px + 58vw);
				left: 6vw;
				width: 20vw;
				height: 18vw;
			}
			.main .content ul li:nth-child(8) .btn {
				top: calc(100px + 82.5vw);
				left: 7vw;
				width: 16vw;
				height: 15vw;
			}
			.main .content ul li:nth-child(9) .btn {
				top: calc(100px + 81.5vw);
				left: 48vw;
				width: 14.5vw;
				height: 12vw;
			}
			.main .content ul li:nth-child(10) .btn {
				top: calc(100px + 77vw);
				right: 13vw;
				width: 15vw;
				height: 13vw;
			}
				.main .content ul li a {
					position: absolute;
					display: inline-block;
				}
				.main .content ul li a:hover {
					transform: translateY(-5px);
				}
				.main .content ul li:nth-child(1) a {
					top: 3vw;
					left: 38vw;
				}
				.main .content ul li:nth-child(2) a {
					top: 22.5vw;
					right: 50.8vw;
				}
				.main .content ul li:nth-child(3) a {
					top: 4vw;
					right: 8.5vw;
				}
				.main .content ul li:nth-child(4) a {
					top: 18.5vw;
					right: 13.5vw;
				}
				.main .content ul li:nth-child(5) a {
					top: 2vw;
					left: 20vw;
				}
				.main .content ul li:nth-child(6) a {
					top: 14.5vw;
					right: 27.5vw;
				}
				.main .content ul li:nth-child(7) a {
					top: 18vw;
					left: 10vw;
				}
				.main .content ul li:nth-child(8) a {
					top: 16vw;
					left: 28vw;
				}
				.main .content ul li:nth-child(9) a {
					top: 25.5vw;
					left: 50.5vw;
				}
				.main .content ul li:nth-child(10) a {
					top: 1.5vw;
					right: 33.5vw;
				}
					.main .content ul li a dl {
						display: flex;
						border: solid 2px #fff;
						position: relative;
					}
					.main .content ul li a dl::after {
						position: absolute;
						content: "";
						bottom: -14px;
						left: 0;
						right: 0;
						margin: auto;
						width: 7px;
						height: 7px;
						border: 7px solid transparent;
						border-top: 7px solid #009844;
					}
					.main .content ul li a dl::before {
						position: absolute;
						content: "";
						bottom: -20px;
						left: 0;
						right: 0;
						margin: auto;
						width: 10px;
						height: 10px;
						border: 10px solid transparent;
						border-top: 10px solid #fff;
					}
						.main .content ul li a dl dt {
							display: flex;
							align-items: center;
							width: 27px;
							background-color: #009844;
							padding: 8px 6px;
							box-sizing: content-box;
						}
						.main .content ul li a dl dd {
							display: flex;
							align-items: center;
							font-size: 14px;
							line-height: 1.2;
							font-weight: bold;
							color: #009844;
							padding: 7px 8px;
							background-color: #fff;
							border: solid 2px #009844;
						}
						.main .content ul li a dl dd.line2 {
							font-size: 12px;
							padding: 2px 5px;
						}
						.main .content ul li a dl dd.cs {
							font-weight: normal;
							opacity: 0.7;
						}
						.main .content ul li.cs a {
							pointer-events: none;
						}
	
		.mdl_area {
				color: #009844;
		}
				.mdl_area .btn {
					margin-top: 50px;
					text-align: center;
				}
					.mdl_area .btn a {
						color: #009844;
						display: inline-block;
						padding: 5px 70px 5px 8px;
						border: solid 1px #009844;
						font-weight: bold;
						position: relative;
					}
					.mdl_area .btn a::before {
						position: absolute;
						content: "";
						top: 0;
						bottom: 0;
						margin: auto;
						right: 10px;
						width: 30px;
						height: 4px;
						border-right: solid 1px #009844;
						border-bottom: solid 1px #009844;
						transform: skew(45deg);
					}
			.mdl_area .mdl_tit {
				position: relative;
				display: flex;
			}
				.mdl_area .mdl_tit dt {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 104px;
					background-color: #009844;
					padding: 28px 10px;
					box-sizing: content-box;
				}
					.mdl_area .mdl_tit dt div {
						width: 56px;
					}
				#mdl05 .mdl_tit dd ,
				#mdl06 .mdl_tit dd {
					font-size: 39px;
					}
				.mdl_area .mdl_tit dd {
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 29px;
					line-height: 1.2;
					font-weight: bold;
					letter-spacing: 2px;
					padding: 5px 10px;
					background-color: #fff;
					border: solid 3px #009844;
					width: calc(100% - 124px);
				}
			.mdl_area p.lead {
				margin-top: 15px;
			}
			.mdl_area h2 {
				background-color: #009844;
				font-size: 16px;
				font-weight: bold;
				color: #fff;
				text-align: center;
				margin-top: 30px;
				padding: 2px;
			}
			.mdl_area .tabcon-area + h2 {
				margin-top: 50px;
			}
			.mdl_area h2 + p {
				margin-top: 15px;
			}
			.mdl_area .mdl_img {
				margin-top: 15px;
			}
	
		.mdl_area01 {
		}
	
		.mdl_area02 {
			display: flex;
			justify-content: space-between;
		}
			.mdl_area02 .mdl_l {
				width: 48%;
			}
					.mdl_area02 .mdl_l dl dd {
						font-size: 44px;
					}
				.mdl_area02 .mdl_l .mdl_img {
					margin-top: 5px;
					background-color: #009844;
					padding: 15px;
					box-sizing: border-box;
					width: 100%;
					text-align: center;
				}
				.mdl_area02 .mdl_l .mdl_img div {
					width: 348px;
					margin: auto;
				}
			.mdl_area02 .mdl_r {
				color: #009844;
				width: 48%;
			}

			.mdl_area03 .tab-area {
				margin-top: 15px;
				display: flex;
				justify-content: space-between;
				cursor: pointer;
				gap: 0 5px;
			}
			.mdl_area03 .tab-area::after {
				content: none;
			}
				.mdl_area03 .tab-area .tab {
					border: solid 3px #ffe100;
					padding: 15px 8px 8px;
				}
				.mdl_area03 .tab-area .tab.active {
					background-color: #ffe100;
					position: relative;
				}
				.mdl_area03 .tab-area .tab.active::before ,
				.mdl_area03 .tab-area .tab.active::after {
					animation: fadein 0.5s linear 0s;
				}
				.mdl_area03 .tab-area .tab.active::before {
					position: absolute;
					content: "";
					bottom: -26px;
					left: 0;
					right: 0;
					margin: auto;
					width: 14px;
					height: 14px;
					border: 14px solid transparent;
					border-bottom: 14px solid #f3f3f3;
					z-index: 1;
				}
				.mdl_area03 .tab-area .tab.active::after {
					position: absolute;
					content: "";
					bottom: -26px;
					left: 0;
					right: 0;
					margin: auto;
					width: 18px;
					height: 18px;
					border: 18px solid transparent;
					border-bottom: 18px solid #009844;
				}
					.mdl_area03 .tab-area .tab div {
						width: 126px;
						margin: auto;
					}
					.mdl_area03 .tab-area .tab p {
						background-color: #e0f3e9;
						line-height: 1;
						padding: 5px;
						width: 100%;
						text-align: center;
						font-size: 12px;
						font-weight: bold;
						margin-top: 26px;
					}
					.mdl_area03 .tab-area .tab.line2 p {
						margin-top: 0;
					}
					.mdl_area03 .tab-area .tab.active p {
						background-color: #fff;
					}
					.mdl_area03 .tab-area .tab.line2 p + p {
						margin-top: 4px;
					}
	
			.mdl_area03 .tabcon-area {
			}
				.mdl_area03 .tabcon-area .tabcon {
					display: none;
					border: solid 3px #009844;
					padding: 10px;
					background-color: #f3f3f3;
					margin-top: 20px;
					min-height: 275px;
				}
				.mdl_area03 .tabcon-area .tabcon.show {
					display: block;
					animation: fadein 0.5s linear 0s;
				}
					.mdl_area03 .tabcon-area .tabcon h3 {
						background-color: #fff;
						display: block;
						padding: 4px 5px 2px;
						line-height: 1.4;
					}
						.mdl_area03 .tabcon-area .tabcon h3 span {
							font-size: 12px;
						}
					.mdl_area03 .tabcon-area .tabcon h3 + p {
						margin-top: 8px;
						font-feature-settings: "palt";
					}
					.mdl_area03 .tabcon-area .tabcon ul {
						margin-top: 8px;
						display: flex;
						gap: 0 10px;
						justify-content: center;
					}
					.mdl_area03 .tabcon-area .tabcon ul::after {
						content: none;
					}
						.mdl_area03 .tabcon-area .tabcon ul li {
							width: 126px;
							text-align: center;
						}
						.mdl_area03 .tabcon-area .tabcon:last-child ul li {
							width: 333px;
						}
							.mdl_area03 .tabcon-area .tabcon ul li .tab_img {
								background-color: #009844;
								box-sizing: content-box;
								padding: 10px;
							}
								.mdl_area03 .tabcon-area .tabcon ul li .tab_img img {
									width: 106px;
								}
								.mdl_area03 .tabcon-area .tabcon:last-child ul li .tab_img img {
									width: 303px;
								}
							.mdl_area03 .tabcon-area .tabcon ul li p {
								margin-top: 5px;
								line-height: 1;
							}
								.mdl_area03 .tabcon-area .tabcon ul li p span {
									color: #fff;
									font-size: 12px;
									line-height: 1;
									padding: 3px 5px;
									font-weight: bold;
									margin: 0 2.5px;
									display: inline-block;
								}
								.mdl_area03 .tabcon-area .tabcon ul li p span.jimu {
									background-color: #ea6500;
								}
								.mdl_area03 .tabcon-area .tabcon ul li p span.doboku {
									background-color: #00a38d;
								}
								.mdl_area03 .tabcon-area .tabcon ul li p span.sisetu {
									background-color: #0078d2;
								}
								.mdl_area03 .tabcon-area .tabcon ul li p span + span {
								}
	
			.mdl_area04 .tab-area {
				margin-top: 15px;
				display: flex;
				justify-content: space-between;
				cursor: pointer;
				gap: 0 10px;
			}
			.mdl_area04 .tab-area::after {
				content: none;
			}
				.mdl_area04 .tab-area .tab2 {
					border: solid 3px #fff7bc;
					padding: 8px 10px;
					width: 100%;
					justify-content: center;
					display: flex;
					align-items: center;
					letter-spacing: 0;
					text-align: center;
				}
				.mdl_area04 .tab-area .tab2.active {
					border: solid 3px #ffe100;
					background-color: #ffe100;
					position: relative;
				}
				.mdl_area04 .tab-area .tab2.active::before {
					position: absolute;
					content: "";
					bottom: -23px;
					left: 0;
					right: 0;
					margin: auto;
					width: 10px;
					height: 10px;
					border: 10px solid transparent;
					border-top: 10px solid #ffe100;
					z-index: 1;
					animation: fadein 0.5s linear 0s;
				}
					.mdl_area04 .tab-area .tab2 p {
						font-weight: bold;
						line-height: 1.4;
					}
	
			.mdl_area04 .tabcon-area {
			}
				.mdl_area04 .tabcon-area .tabcon2 {
					display: none;
					padding: 20px;
					background-color: #f3f3f3;
					margin-top: 20px;
					min-height: 520px;
				}
				.mdl_area04 .tabcon-area .tabcon2.show {
					display: block;
					animation: fadein 0.5s linear 0s;
				}
					.mdl_area04 .tabcon-area .tabcon2 dl {
					}
						.mdl_area04 .tabcon-area .tabcon2 dl dt {
						}
							.mdl_area04 .tabcon-area .tabcon2 dl dt .mdl_subtit_area {
								display: flex;
							}
								.mdl_area04 .tabcon-area .tabcon2 dl dt .mdl_subtit_area .mdl_icon {
									display: flex;
									align-items: center;
									width: 50px;
									min-height: 50px;
									background-color: #009844;
								}
									.mdl_area04 .tabcon-area .tabcon2 dl dt .mdl_subtit_area .mdl_icon img {
										width: 11px;
										margin: auto;
									}
								.mdl_area04 .tabcon-area .tabcon2 dl dt .mdl_subtit_area .mdl_subtit {
									display: flex;
									align-items: center;
									font-size: 16px;
									font-weight: bold;
									line-height: 1.5;
									margin-left: 15px;
								}
						.mdl_area04 .tabcon-area .tabcon2 dl dd {
							margin-top: 20px;
							padding-top: 20px;
							position: relative;
						}
						.mdl_area04 .tabcon-area .tabcon2 dl dd::before {
							position: absolute;
							top: 0;
							left: 0;
							content: "";
							width: 100%;
							height: 3px;
							background-color: #fff;
						}
							.mdl_area04 .tabcon-area .tabcon2:not(:nth-child(4)) dl dd .mdl_box {
								display: flex;
								justify-content: space-between;
							}
								.mdl_area04 .tabcon-area .tabcon2:nth-child(-n + 3) dl dd .mdl_box .mdl_inn {
									flex-grow: 1;
								}
									.mdl_area04 .tabcon-area .tabcon2 dl dd .mdl_subtit_area {
										display: flex;
									}
										.mdl_area04 .tabcon-area .tabcon2 dl dd .mdl_subtit_area + p {
											margin-top: 10px;
										}
										.mdl_area04 .tabcon-area .tabcon2 dl dd .mdl_subtit_area .mdl_icon {
											display: flex;
											align-items: center;
											width: 50px;
											min-height: 50px;
											background-color: #ffe100;
										}
											.mdl_area04 .tabcon-area .tabcon2 dl dd .mdl_subtit_area .mdl_icon img {
												width: 11px;
												margin: auto;
											}
										.mdl_area04 .tabcon-area .tabcon2 dl dd .mdl_subtit_area .mdl_subtit {
											display: flex;
											align-items: center;
											font-size: 16px;
											font-weight: bold;
											line-height: 1.5;
											margin-left: 15px;
										}
								.mdl_area04 .tabcon-area .tabcon2 dl dd .mdl_box .mdl_img {
									width: 405px;
									min-width: 405px;
									margin-left: 25px;
								}
								.mdl_area04 .tabcon-area .tabcon2:nth-child(3) dl dd .mdl_box .mdl_img {
									width: 304px;
									min-width: 304px;
								}
								.mdl_area04 .tabcon-area .tabcon2 dl dd .mdl_box .mdl_img2 {
									margin-top: 10px;
									display: flex;
									justify-content: space-between;
								}
								.mdl_area04 .tabcon-area .tabcon2 dl dd .mdl_box .mdl_img2 div {
									width: 390px;
								}
									.mdl_area04 .tabcon-area .tabcon2 dl dd .mdl_box .mdl_img p {
										font-size: 12px;
										font-feature-settings: "palt";
									}
			.mdl_area08 .mdl_tit dd {
				width: 100%;
			}
			.mdl_area08 .mdl_inn {
				margin-top: 20px;
			}
				.mdl_area08 .mdl_inn {
				}
					.mdl_area08 .mdl_inn dt {
						background-color: #009844;
						font-size: 16px;
						font-weight: bold;
						color: #fff;
						text-align: center;
					}
					.mdl_area08 .mdl_inn dd,
					#mdl07 .mdl_inn a{
						margin-top: 20px;
						line-height: 1.6;
						font-size: 16px;
						font-weight: bold;
					}
						#mdl07 .mdl_inn a{
							display: block;
							color: #009844;
						}
						.mdl_area08 .mdl_inn dd span {
							display: inline-block;
							margin-right: 10px;
						}
					.mdl_area08 .mdl_inn dd + dd,
					#mdl07 .mdl_inn a + a{
						margin-top: 10px;
					}
			#mdl09 .left{
				width: calc(100% - 230px);
				float: left;
			}
			#mdl09 .right{
				width: 200px;
				float: right;
			}
	
	
	

}









/* ++++++++++++++++++++++++++++++++++++++++++++++    800〜1040    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media (max-width: 1040px) and (min-width: 800px) {
		
	.main .content .maintit {
		top: 20px;
		left: 30px;
	}
	
	.main .content .ill {
		height: 400px;
	}
				.main .content ul li:nth-child(1) a {
					top: 20px;
					left: 390px;
				}
				.main .content ul li:nth-child(2) a {
					top: 220px;
					left: 370px;
					right: auto;
				}
				.main .content ul li:nth-child(3) a {
					top: 40px;
					right: 90px;
				}
				.main .content ul li:nth-child(4) a {
					top: 210px;
					right: 140px;
				}
				.main .content ul li:nth-child(5) a {
					top: 23px;
					left: 190px;
				}
				.main .content ul li:nth-child(6) a {
					top: 140px;
					right: 280px;
				}
				.main .content ul li:nth-child(7) a {
					top: 180px;
					left: 80px;
				}
				.main .content ul li:nth-child(8) a {
					top: 170px;
					left: 280px;
				}
				.main .content ul li:nth-child(9) a {
					top: 270px;
					right: 320px;
					left: auto;
				}
				.main .content ul li:nth-child(10) a {
					top: 15px;
					right: 345px;
				}
	
	
	
	
}






/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	.fv {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(491.5px + 110px);
		background-color: #f1f1f1;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 99;
	}
		.fv dl {
			font-weight: bold;
			text-align: center;
		}
			.fv dl dt {
				font-size: 24px;
				line-height: 1.4;
				letter-spacing: 3px;
			}
				.fv dl dt span {
					color: #3362b7;
				}
			.fv dl dd {
				margin-top: 30px;
			}
				.fv dl dd p {
					font-size: 15px;
					line-height: 2;
					letter-spacing: 2px;
				}
				.fv dl dd div {
					margin-top: 30px;
				}
					.fv dl dd div a {
						display: inline-block;
						padding: 10px 15px;
						line-height: 1;
						letter-spacing: 2px;
						background-color: #fff;
						border: solid 2px #3362b7;
						color: #3362b7;
					}
					.fv dl dd div a:hover {
						background-color: #3362b7;
						color: #fff;
					}

	
	.main {
		position: relative;
		background-color: #f1f1f1;
		margin-bottom: 0;
	}	
		.main .content {
			position: relative;
		}
		.main .content .ill_area {
			position: relative;
			padding: 90px 0 20px;
			overflow: scroll;
		}	
		.main .content .ill {
			width: 787.5px;
			height: 491.5px;
		}	
		.main .content .maintit {
			position: absolute;
			top: 15px;
			left: 0;
			right: 0;
			margin: auto;
			text-align: center;
			font-feature-settings: "palt";
		}	
			.main .content h1 {
				font-size: 20px;
				line-height: 1.4;
				letter-spacing: 4px;
			}	
				.main .content h1 span {
					color: #3362b7;
				}	
			.main .content p {
				font-weight: bold;
				margin-top: 15px;
				font-size: 13px;
				line-height: 2;
				letter-spacing: 2px;
			}	
		.main .content ul {
			width: 787.5px;
			height: 491.5px;
			position: absolute;
			top: 90px;
			left: 0;
		}
			.main .content ul li .btn {
				display: none;
			}
				.main .content ul li a {
					position: absolute;
					display: inline-block;
				}
				.main .content ul li:nth-child(1) a {
					top: -30px;
					left: 306px;
				}
				.main .content ul li:nth-child(2) a {
					top: 20px;
					left: 175px;
				}
				.main .content ul li:nth-child(3) a {
					top: 0px;
					right: 40px;
				}
				.main .content ul li:nth-child(4) a {
					top: 135px;
					right: 70px;
				}
				.main .content ul li:nth-child(5) a {
					top: 235px;
					right: 180px;
				}
				.main .content ul li:nth-child(6) a {
					top: 305px;
					left: 225px;
				}
				.main .content ul li:nth-child(7) a {
					top: 195px;
					left: 115px;
				}
				.main .content ul li:nth-child(8) a {
					top: 320px;
					right: 120px;
				}
				.main .content ul li:nth-child(9) a {
					top: 350px;
					left: 60px;
				}
				.main .content ul li:nth-child(10) a {
					top: 355px;
					left: 385px;
				}
					.main .content ul li a dl {
						display: flex;
						border: solid 2px #fff;
						position: relative;
					}
					.main .content ul li a dl::after {
						position: absolute;
						content: "";
						bottom: -14px;
						left: 0;
						right: 0;
						margin: auto;
						width: 7px;
						height: 7px;
						border: 7px solid transparent;
						border-top: 7px solid #009844;
					}
					.main .content ul li a dl::before {
						position: absolute;
						content: "";
						bottom: -20px;
						left: 0;
						right: 0;
						margin: auto;
						width: 10px;
						height: 10px;
						border: 10px solid transparent;
						border-top: 10px solid #fff;
					}
						.main .content ul li a dl dt {
							display: flex;
							align-items: center;
							width: 26px;
							background-color: #009844;
							padding: 5px;
							box-sizing: content-box;
						}
						.main .content ul li a dl dd {
							display: flex;
							align-items: center;
							font-size: 14px;
							line-height: 1.2;
							font-weight: bold;
							color: #009844;
							padding: 7px 8px;
							background-color: #fff;
							border: solid 2px #009844;
							min-height: 35px;
						}
						.main .content ul li a dl dd.line2 {
							font-size: 12px;
							padding: 2px 5px;
						}
						.main .content ul li a dl dd.cs {
							font-weight: normal;
							opacity: 0.7;
							display: flex;
							align-items: center;
							font-size: 14px;
							line-height: 1.2;
							color: #009844;
							padding: 5px 8px;
							background-color: #fff;
							border: solid 2px #009844;
						}
						.main .content ul li a dl dd.cs a {
							pointer-events: none;
						}
						.main .content ul li.cs a {
							pointer-events: none;
						}
	
		.mdl_area {
				color: #009844;
		}
				.mdl_area .btn {
					margin-top: 40px;
					text-align: center;
				}
					.mdl_area .btn a {
						color: #009844;
						display: inline-block;
						padding: 5px 70px 5px 8px;
						border: solid 1px #009844;
						font-weight: bold;
						position: relative;
						font-feature-settings: "palt";
					}
					.mdl_area .btn a::before {
						position: absolute;
						content: "";
						top: 0;
						bottom: 0;
						margin: auto;
						right: 10px;
						width: 30px;
						height: 4px;
						border-right: solid 1px #009844;
						border-bottom: solid 1px #009844;
						transform: skew(45deg);
					}
			.mdl_area .mdl_tit {
				position: relative;
				display: flex;
			}
				.mdl_area .mdl_tit dt {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 52px;
					background-color: #009844;
					padding: 15px 10px;
					box-sizing: content-box;
				}
					.mdl_area .mdl_tit dt div {
						width: 56px;
					}
				.mdl_area .mdl_tit dd {
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 18px;
					line-height: 1.2;
					font-weight: bold;
					letter-spacing: 2px;
					padding: 5px 10px;
					background-color: #fff;
					border: solid 3px #009844;
					width: calc(100% - 72px);
				}
			.mdl_area p.lead {
				margin-top: 20px;
			}
			.mdl_area h2 {
				background-color: #009844;
				font-size: 18px;
				font-weight: bold;
				color: #fff;
				text-align: center;
				margin-top: 30px;
				padding: 2px;
			}
			.mdl_area h2 + p {
				margin-top: 15px;
			}
			.mdl_area .mdl_img {
				margin-top: 15px;
			}
	
		.mdl_area01 {
		}
	
		.mdl_area02 {
		}
			.mdl_area02 .mdl_l {
			}
					.mdl_area02 .mdl_l dl dd {
						font-size: 34px;
					}
				.mdl_area02 .mdl_l .mdl_img {
					margin-top: 5px;
					background-color: #009844;
					padding: 15px 40px;
					box-sizing: border-box;
					width: 100%;
					text-align: center;
				}
				.mdl_area02 .mdl_l .mdl_img div {
					max-width: 348px;
					margin: auto;
				}
			.mdl_area02 .mdl_r {
				margin-top: 15px;
			}

			.mdl_area03 .tab-area {
				margin-top: 15px;
				cursor: pointer;
				gap: 0 5px;
			}
			.mdl_area03 .tab-area::after {
				content: none;
			}
				.mdl_area03 .tab-area .tab {
					padding: 8px;
					background-color: #ffe100;
				}
				.mdl_area03 .tab-area .tab + .tab {
					margin-top: 5px;
				}
					.mdl_area03 .tab-area .tab dl dt {
						display: flex;
						justify-content: space-between;
						position: relative;
					}
					.mdl_area03 .tab-area .tab dl dt::before {
						position: absolute;
						content: "";
						top: 0;
						bottom: 4px;
						right: 8px;
						margin: auto;
						width: 8px;
						height: 8px;
						border-right: 1px solid #009844;
						border-bottom: 1px solid #009844;
						transform: rotate(45deg);
						transition: 0.3s;
					}
					.mdl_area03 .tab-area .tab dl.open dt::before {
						bottom: -2px;
						transform: rotate(225deg);
					}
						.mdl_area03 .tab-area .tab dl dt div:first-child {
							width: 160px;
						}
						.mdl_area03 .tab-area .tab dl dt p {
							line-height: 1;
							padding: 5px 2px;
							width: calc(100% - 210px);
							margin-right: 30px;
							text-align: center;
							font-size: 11px;
							letter-spacing: 0.8px;
							font-weight: bold;
							display: flex;
							align-items: center;
							justify-content: center;
							background-color: #fff;
						}
						.mdl_area03 .tab-area .tab.line2 dl dt div:nth-child(2) {
							width: calc(100% - 210px);
							margin-right: 30px;
						}
						.mdl_area03 .tab-area .tab.line2 dl dt p {
							margin-right: 0;
							width: 100%;
							display: block;
						}
						.mdl_area03 .tab-area .tab.line2 dl dt p + p {
							margin-top: 4px;
						}
					.mdl_area03 .tab-area .tab dl dd {
						display: none;
						padding: 10px 10px 15px;
						background-color: #f3f3f3;
						margin-top: 10px;
					}
						.mdl_area03 .tab-area .tab dl dd h3 {
							background-color: #fff;
							display: block;
							padding: 4px 5px 2px;
							line-height: 1.4;
						}
							.mdl_area03 .tab-area .tab dl dd h3 span {
								font-size: 12px;
							}
						.mdl_area03 .tab-area .tab dl dd h3 + p {
							margin-top: 8px;
						}
						.mdl_area03 .tab-area .tab dl dd ul {
							margin-top: 8px;
							display: flex;
							flex-wrap: wrap;
							gap: 10px;
							justify-content: center;
						}
						.mdl_area03 .tab-area .tab dl dd ul::after {
							content: none;
						}
							.mdl_area03 .tab-area .tab dl dd ul li {
								width: 48%;
								text-align: center;
							}
							.mdl_area03 .tab-area .tab:last-child dl dd ul li {
								width: 100%;
							}
								.mdl_area03 .tab-area .tab dl dd ul li .tab_img {
									background-color: #009844;
									box-sizing: content-box;
									padding: 15px;
								}
									.mdl_area03 .tab-area .tab dl dd ul li .tab_img img {
										width: 96px;
									}
									.mdl_area03 .tab-area .tab dl dd:last-child ul li .tab_img img {
										width: 303px;
									}
								.mdl_area03 .tab-area .tab dl dd ul li p {
									margin-top: 5px;
									line-height: 1;
								}
									.mdl_area03 .tab-area .tab dl dd ul li p span {
										color: #fff;
										font-size: 12px;
										line-height: 1;
										padding: 3px 5px;
										font-weight: bold;
										margin: 0 2.5px;
										display: inline-block;
									}
									.mdl_area03 .tab-area .tab dl dd ul li p span.jimu {
										background-color: #ea6500;
									}
									.mdl_area03 .tab-area .tab dl dd ul li p span.doboku {
										background-color: #00a38d;
									}
									.mdl_area03 .tab-area .tab dl dd ul li p span.sisetu {
										background-color: #0078d2;
									}
									.mdl_area03 .tab-area .tab dl dd ul li p span + span {
									}

	
	
			.mdl_area04 .tab-area {
				margin-top: 15px;
				cursor: pointer;
				gap: 0 10px;
			}
			.mdl_area04 .tab-area::after {
				content: none;
			}
				.mdl_area04 .tab-area .tab2 {
					position: relative;
				}
				.mdl_area04 .tab-area .tab2 + .tab2{
					margin-top: 5px;
				}
					.mdl_area04 .tab-area .tab2 > p {
						font-weight: bold;
						position: absolute;
						top: 15px;
						left: 15px;
						background-color: #ffe100;
						line-height: 1.4;
						padding: 5px 8px 3px;
						width: calc(100% - 31px);
						box-sizing: border-box;
						text-align: center;
						z-index: 1;
					}
	
				.mdl_area04 .tab-area .tabcon2_sp {
					padding: 53px 15px 15px;
					background-color: #f3f3f3;
					margin-top: 15px;
				}
					.mdl_area04 .tab-area .tabcon2_sp dl {
					}
						.mdl_area04 .tab-area .tabcon2_sp dl dt {
							padding-bottom: 15px;
							position: relative;
						}
						.mdl_area04 .tab-area .tabcon2_sp dl.open dt {
							padding-bottom: 0;
						}
						.mdl_area04 .tab-area .tabcon2_sp dl dt:before {
							position: absolute;
							content: "";
							bottom: 0px;
							left: 0;
							right: 0;
							margin: auto;
							width: 8px;
							height: 8px;
							border-right: 1px solid #009844;
							border-bottom: 1px solid #009844;
							transform: rotate(45deg);
							transition: 0.3s;
						}
						.mdl_area04 .tab-area .tabcon2_sp dl.open dt::before {
							display: none;
						}
							.mdl_area04 .tab-area .tabcon2_sp dl dt .mdl_subtit_area {
								display: flex;
							}
								.mdl_area04 .tab-area .tabcon2_sp dl dt .mdl_subtit_area .mdl_icon {
									display: flex;
									align-items: center;
									width: 40px;
									min-height: 50px;
									background-color: #009844;
								}
									.mdl_area04 .tab-area .tabcon2_sp dl dt .mdl_subtit_area .mdl_icon img {
										width: 11px;
										margin: auto;
									}
								.mdl_area04 .tab-area .tabcon2_sp dl dt .mdl_subtit_area .mdl_subtit {
									display: flex;
									align-items: center;
									font-size: 16px;
									font-weight: bold;
									line-height: 1.5;
									margin-left: 15px;
									width: calc(100% - 40px);
								}
						.mdl_area04 .tab-area .tabcon2_sp dl dd {
							margin-top: 20px;
							padding-top: 20px;
							position: relative;
							display: none;
						}
						.mdl_area04 .tab-area .tabcon2_sp dl dd::before {
							position: absolute;
							top: 0;
							left: 0;
							content: "";
							width: 100%;
							height: 3px;
							background-color: #fff;
						}
							.mdl_area04 .tab-area .tabcon2_sp:nth-child(-n + 3) dl dd .mdl_box {
							}
								.mdl_area04 .tab-area .tabcon2_sp:nth-child(-n + 3) dl dd .mdl_box .mdl_inn {
								}
									.mdl_area04 .tab-area .tabcon2_sp dl dd .mdl_subtit_area {
										display: flex;
									}
										.mdl_area04 .tab-area .tabcon2_sp dl dd .mdl_subtit_area + p {
											margin-top: 10px;
										}
										.mdl_area04 .tab-area .tabcon2_sp dl dd .mdl_subtit_area .mdl_icon {
											display: flex;
											align-items: center;
											width: 40px;
											min-height: 50px;
											background-color: #ffe100;
										}
											.mdl_area04 .tab-area .tabcon2_sp dl dd .mdl_subtit_area .mdl_icon img {
												width: 11px;
												margin: auto;
											}
										.mdl_area04 .tab-area .tabcon2_sp dl dd .mdl_subtit_area .mdl_subtit {
											display: flex;
											align-items: center;
											font-size: 16px;
											font-weight: bold;
											line-height: 1.5;
											margin-left: 15px;
											width: calc(100% - 40px);
										}
								.mdl_area04 .tab-area .tabcon2_sp dl dd .mdl_box .mdl_img {
								}
								.mdl_area04 .tab-area .tabcon2_sp dl dd .mdl_box .mdl_img2 {
									margin-top: 15px;
								}
									.mdl_area04 .tab-area .tabcon2_sp dl dd .mdl_box .mdl_img2 div {
									}
									.mdl_area04 .tab-area .tabcon2_sp dl dd .mdl_box .mdl_img2 div + div {
										margin-top: 10px;
									}
									.mdl_area04 .tab-area .tabcon2_sp dl dd .mdl_box .mdl_img p {
										font-size: 12px;
										font-feature-settings: "palt";
									}
			.mdl_area08 .mdl_tit dd {
				width: 100%;
			}
			.mdl_area08 .mdl_inn {
				margin-top: 30px;
			}
				.mdl_area08 .mdl_inn {
				}
					.mdl_area08 .mdl_inn dt{
						background-color: #009844;
						font-size: 16px;
						font-weight: bold;
						color: #fff;
						text-align: center;
					}
					.mdl_area08 .mdl_inn dd,
					#mdl07 .mdl_inn a {
						margin-top: 20px;
						line-height: 1.4;
						font-size: 14px;
						font-weight: bold;
						display: flex;
					}
						#mdl07 .mdl_inn a{
							color: #009844;
							display: block;
						}
						.mdl_area08 .mdl_inn dd span {
							margin-right: 8px;
							width: 20px;
						}
						.mdl_area08 .mdl_inn dd p {
							width: calc(100% - 28px);
						}
					.mdl_area08 .mdl_inn dd + dd,
					#mdl07 .mdl_inn a + a{
						margin-top: 10px;
					}
			#mdl09 .left{
			}
			#mdl09 .right{
				width: 200px;
				margin: 20px auto 0;
			}

	
	
}