@charset "utf-8";
/*-------------------------------------------------------------------
	タグを初期化（余白などの削除）
---------------------------------------------------------------------*/
html,body{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		box-sizing: border-box;
	}

/*-------------------------------------------------------------------
	html【 html 】
---------------------------------------------------------------------*/
	html {
		font-size: 62.5%;
		font-weight: 400;
	}

/*-------------------------------------------------------------------
	body【 body 】
---------------------------------------------------------------------*/
	body {
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		font-size: 18px;
		line-height: 1.8em;
		color: #000000;
		text-align: left;
	}
		@media (max-width: 1500px) {
			body {
				font-size: 16px;
			}
		}
		@media (max-width: 1250px) {
			body {
				font-size: 15px;
			}
		}
		@media (max-width: 900px) {
			body {
				font-size: 14px;
			}
		}
/*-------------------------------------------------------------------
	h1【 h1 】
---------------------------------------------------------------------*/
	h1 {
		font-size: 50px;
		font-weight: normal;
		font-family: serif;
		line-height: 1.6em;
		color: #FFFFFF;
		background-color: #00309f;
		text-align: center;
		padding: 0.82% 1em;
	}
		@media (max-width: 1500px) {
			h1 {
				font-size: 40px;
			}
		}
		@media (max-width: 1250px) {
			h1 {
				font-size: 30px;
			}
		}
		@media (max-width: 768px) {
			h1 {
				font-size: 26px;
			}
		}
		@media (max-width: 520px) {
			h1 {
				font-size: 22px;
			}
		}

/*-------------------------------------------------------------------
	h2【 h2 】
---------------------------------------------------------------------*/
	h2 {
		color: #00309f;
		font-size: 50px;
		line-height: 1.2em;
		font-weight: bold;
		text-align: center;
	}
		h2 span {
			font-size: 0.36em;
			font-weight: bold;
			letter-spacing: -0.1px;
		}
	@media (max-width: 1500px) {
		h2 {
			font-size: 40px;
		}
	}
	@media (max-width: 1250px) {
		h2 {
			font-size: 30px;
		}
	}
	@media (max-width: 768px) {
		h2 {
			font-size: 26px;
		}
	}
	@media (max-width: 520px) {
		h2 {
			font-size: 22px;
		}
	}

/*-------------------------------------------------------------------
	リンク【 a 】
---------------------------------------------------------------------*/
	a:link      { color: #040000; text-decoration:none; }
	a:visited   { color: #040000; text-decoration:none; }
	a:hover     { color: #4d82ff; text-decoration:none; }
	
	a:hover img {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
	
/*-------------------------------------------------------------------
	イメージ画像【 img 】
---------------------------------------------------------------------*/
	img {
		max-width: 100%;
		vertical-align: top;
		height: auto;
	}

/*-------------------------------------------------------------------
	タグを初期化（表示形式）
---------------------------------------------------------------------*/
	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section { 
		display:block;
	}

/*-------------------------------------------------------------------
	タグを初期化（リスト）
---------------------------------------------------------------------*/
	ul {
		list-style: none;
	}

/*-------------------------------------------------------------------
	タグを初期化（テーブル）
---------------------------------------------------------------------*/
	table {
		border-collapse:collapse;
		border-spacing:0;
	}

/*-------------------------------------------------------------------
	タグを初期化（段落）
---------------------------------------------------------------------*/
	p {
		padding-bottom: 0em;
	}

/*-------------------------------------------------------------------
	ヘッダー
---------------------------------------------------------------------*/
header {
	height: 108px;
	background-color: #00309fcf;
}
	@media (max-width: 1500px) {
		header {
			height:90px;
		}
	}
	@media (max-width: 1250px) {
		header {
			height:70px;
		}
	}
	@media (max-width: 900px) {
		header {
			height:50px;
		}
	}
	.header-inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-left: 40px;
		height: 100%;
	}
		@media (max-width: 520px) {
			.header-inner {
				padding-left: 15px;
			}
		}
		.header-logo img {
			width: 237px;
		}
			@media (max-width: 1300px) {
				.header-logo img {
					width: 200px;
				}
			}
			@media (max-width: 520px) {
				.header-logo img {
					width: 145px;
				}
			}
		.header-right {
			display: flex;
			align-items: center;
			height: 100%;
		}
			.header-pc-ul {
				display: flex;
				align-items:center;
				margin-right: 34px;
			}
				@media (max-width:1500px) {
					.header-pc-ul {
						margin-right: 20px;
					}
				}
				@media (max-width:1250px) {
					.header-pc-ul {
						display: none;
					}
				}
					.header-pc-ul li a {
						position: relative;
  						text-decoration: none;
						color: #fff;
						font-size: 16px;
						padding: 10px 8px;
						border-right: 1px solid #fff;
					}
						@media (max-width: 1500px) {
							.header-pc-ul li a {
								font-size: 14px;
							}
						}
					.header-pc-ul li:nth-last-child(1) a {
						border-right: none;
					}
						.header-pc-ul li a::after {
							content: '';
							position: absolute;
							left: 5%;
							bottom: 5px; /* テキストの下に表示 */
							width: 0;
							height: 2px;
							background-color: #fff;
							transition: width 0.3s ease;
						}
						.header-pc-ul li a:hover::after {
						  width: 90%; /* ホバー時に横いっぱいの線を表示 */
						  left: 5%;
						}
			.header-entry-btn {
				    height: 100%;
				    vertical-align: middle;
				    display: contents;
			}
				.header-entry-btn a {
					display: flex;
				    align-items: center;
				    justify-content: center;
					color: #fff;
					background-color: #00309f;
					width: 287px;
					font-size: 30px;
					font-weight: bold;
					height: 100%;
					transition: .1s;
				}
					@media (max-width: 1500px) {
						.header-entry-btn a {
							font-size: 25px;
							width: 230px;
						}
					}
					@media (max-width: 1300px) {
						.header-entry-btn a {
							font-size: 20px;
							width: 200px;
						}
					}
					@media (max-width: 1250px) {
						.header-entry-btn a {
							width: 125px;
							height: 45px;
						}
					}
					@media (max-width: 900px) {
						.header-entry-btn a {
							width: 100px;
        					height: 35px;
        					font-size: 16px;
						}
					}
					@media (max-width: 520px) {
						.header-entry-btn a {
							width: 70px;
					        height: 26px;
					        font-size: 13px;
						}
					}
					.header-entry-btn a:hover {
						color: #00309f;
						background-color: #fff;
						transition: .1s;
					}
					.header-entry-btn a img {
						margin-left: 40px;
					}
						@media (max-width: 1500px) {
							.header-entry-btn a img{
								margin-left: 25px;
								width: 30px;
							}
						}
						@media (max-width: 1250px) {
							.header-entry-btn a img{
								display: none;
							}
						}
						.header-entry-btn a:hover img {
							opacity:1;
						}
				.header-menu-btn {
					display: none;
				}
					@media (max-width: 1250px) {
						.header-menu-btn{
							display: flex;
						    align-items: center;
						    justify-content: center;
							color: #00309f;
    						background-color: #fff;
    						margin: auto 27px;
    						width: 125px;
        					height: 45px;
        					font-weight: bold;
        					cursor: pointer;
        					font-size: 20px;
						}
					}
					@media (max-width: 900px) {
						.header-menu-btn{
							width: 100px;
					        height: 35px;
					        font-size: 16px;
						}
					}
					@media (max-width: 520px) {
						.header-menu-btn {
							width: 70px;
					        height: 26px;
					        font-size: 13px;
							margin: auto 15px;
						}
					}
					.header-menu-btn:hover {
						color: #fff;
    					background-color: #00309f;
    					transition: .1s;
					}
/*--ハンバーガーメニュー--*/
.recruit-hg-menu-outer {
    position: fixed;
    top: 70px;
    right: 0;
    height: 100vh;
    max-width: 300px;
    width: 100%;
    background-color: #fff;
    border-left: 2px solid #00309f;
    padding-bottom: 3em;
    z-index: 30;
    overflow: scroll;
}
	@media (max-width: 900px) {
		.recruit-hg-menu-outer {
			top: 50px;
		}
	}
	@media (max-width: 520px) {
		.recruit-hg-menu-outer {
			max-width: 100%;
			border-left: none;
		}
	}
		.recruit-hg-menu-outer ul {
			max-width: 90%;
		    width: 100%;
		    margin: 3em auto;
		}
			.recruit-hg-menu-outer ul li a {
				display: block;
			    border-bottom: 1px solid #00309f;
			    padding: 1em;
			    color: #00309f;
			    font-weight: bold;
			    transition:.1s;
			}
				.recruit-hg-menu-outer ul li a:hover {
					color: #fff;
					background-color: #00309f;
					transition:.1s;
				}
		.hg-btn-box {
			display: flex;
			justify-content: space-between;
			max-width: 90%;
		    width: 100%;
		    margin: 3em auto;
		}
			.hg-btn-box div {
				width: 47%;
				text-align: center;
			}
				.hg-btn-box div a {
					display: block;
					color: #fff;
					padding: 6.5px 0px;
					background-color: #00309f;
					border: 2px solid #00309f;
				}
					.hg-btn-box div a:hover {
						color: #00309f;
						background-color: #fff;
					}

/*-------------------------------------------------------------------
	セクション01
---------------------------------------------------------------------*/
.recruit-sec01 {
}
	.recruit-sec01-inner {
		position: relative;
	}
		.recruit-sec01-inner img {
		}
			@media (max-width: 520px) {
				.recruit-sec01-inner img {
					height: 290px;
    				object-fit: cover;
				}
			}
		.recruit-sec01-text-box {
			position: absolute;
			top: 37.3%;
    		left: 8.6%;
			color: #fff;
			font-size: 2.61vw; /*50px*/
			font-family: serif;
		}
			@media (max-width: 786px) {
				.recruit-sec01-text-box {
				/*	font-size: 3.9vw;*/
					font-size:20px;
				}
			}
			@media (max-width: 520px) {
				.recruit-sec01-text-box {
					font-size: 20px;
        			top: 47%;
        			left: 7%;
				}
			}
			.recruit-sec01-text-jp {
				line-height: 1.63em;
				text-decoration-line: underline !important;
			    text-decoration-thickness: 0.7em !important;
			    text-decoration-style: initial !important;
			    text-decoration-color: rgb(0, 48, 159) !important;
	    		text-underline-offset: -0.4em;
	    		text-decoration-skip-ink: none;
	    		filter: drop-shadow(2px 2px 4px black);
			}
			.recruit-sec01-text-en {
				font-size: 0.4em;
				line-height: 1.5em;
				text-decoration-line: underline !important;
			    text-decoration-thickness: 0.9em!important;
			    text-decoration-style: initial !important;
			    text-decoration-color: rgb(0, 48, 159) !important;
    			text-underline-offset: -0.4em;
    			text-decoration-skip-ink: none;
    			filter: drop-shadow(2px 2px 4px black);
			}
			@media (max-width: 520px) {
				.recruit-sec01-text-jp,.recruit-sec01-text-en {
					text-shadow: 2px -1px 5px #000000c4;
				}
			}

/*-------------------------------------------------------------------
	セクション02
---------------------------------------------------------------------*/
.recruit-sec02-inner {
	max-width: 1220px;
	width: 90%;
	margin: 0 auto;
	padding: 76px 0 50px;
}
	@media (max-width: 900px) {
		.recruit-sec02-inner {
			padding: 70px 0 50px;
		}
	}
	@media (max-width: 520px) {
		.recruit-sec02-inner {
			padding: 50px 0;
		}
	}
	.recruit-sec02-inner h1 br{
		display:none;
	}
		@media (max-width: 600px) {
			.recruit-sec02-inner h1 br{
				display:block;
			}
		}
	.recruit-sec02-text {
		font-size: 22px;
		line-height: 41px;
		margin-top: 43px;
		text-align: center;
	}
		@media (max-width: 1500px) {
			.recruit-sec02-text {
				font-size: 20px;
			}
		}
		@media (max-width: 1250px) {
			.recruit-sec02-text {
				font-size: 18px;
				line-height: 37px;
			}
		}
		@media (max-width: 768px) {
			.recruit-sec02-text {
				font-size: 16px;
				line-height: 32px;
				margin-top: 32px;
			}
		}
		@media (max-width: 520px) {
			.recruit-sec02-text {
				font-size: 14px;
		        line-height: 27px;
		        margin-top: 27px;
			}
		}
.recruit-sec02-text span {
			color: #00309f;
			font-weight: bold;
			    font-size: 1.1em;
		}
		.br1000,.br700,.br450 {
			display:none;
		}
			@media (max-width: 1000px) {
				.br1000 {
					display:block;
				}
			}
			@media (max-width: 700px) {
				.br700 {
					display:block;
				}
			}
			@media (max-width: 450px) {
				.br450 {
					display:block;
				}
			}
.br520 {
	display: none;
}
	@media (max-width: 520px) {
		.br520 {
			display: block;
		}
	}
/*-------------------------------------------------------------------
	セクション03
---------------------------------------------------------------------*/
.recruit-sec03 {
	padding: 100px 0;
	background: linear-gradient(to right,#a0d7e3,#6fb1fc,#4364f7);
}
	@media (max-width: 900px) {
		.recruit-sec03 {
			padding: 70px 0;
		}
	}
	@media (max-width: 520px) {
		.recruit-sec03 {
			padding: 50px 0;
		}
	}
	.recruit-sec03-inner {
		max-width: 1220px;
		width: 90%;
		margin: 0 auto;
	}
		.recruit-sec03-inner h2 {
			margin-bottom: 83px;
		}
			@media (max-width: 1250px) {
				.recruit-sec03-inner h2 {
					margin-bottom: 50px;
				}
			}
			@media (max-width: 520px) {
				.recruit-sec03-inner h2 {
					margin-bottom: 25px;
				}
			}
		.recruit-job-template {
			display: flex;
			background-color: #f7f7f7;
			padding: 1.323em 8.2%;
		}
			@media (max-width: 768px) {
				.recruit-job-template {
					padding: 1em 4%;
				}
			}
			.recruit-job-template div {
				margin-right: 5em;
				font-weight: bold;
			}
		.recruit-job-box {
			position: relative;
			display: flex;
			background-color: #dbdcdc;
			margin-top: 25px;
			padding: 1.323em 8.2%;
			cursor: pointer;
		}
			@media (max-width: 768px) {
				.recruit-job-box {
					padding: 1em 4%;
				}
			}
			.recruit-job-box div {
				margin-right: 2em;
				font-weight: bold;
			}
				@media (max-width: 520px) {
					.recruit-job-box div {
						letter-spacing: -0.1px;
					}
				}
			.recruit-job-mark {
				position: absolute;
				font-size: 48px;
				right: 50px;
				margin-right: 0!important;
			}
				@media (max-width: 1500px) {
					.recruit-job-mark {
						font-size: 40px;
					}
				}
				@media (max-width: 768px) {
					.recruit-job-mark {
						font-size: 28px;
						right: 19px;
					}
				}
				@media (max-width: 520px) {
					.recruit-job-mark {
						font-size: 21px;
						right: 11px;
					}
				}
		.recruit-job-contents-box {
			background-color: #fff;
			padding: 35px 0;
		}
			@media (max-width: 900px) {
				.recruit-job-contents-box {
					 padding: 25px 0;
				}
			}
			.recruit-job-row {
				display: flex;
				width: 83.6%;
				margin: 0 auto;
				padding: 30px 0;
				border-bottom: 2px solid #000;
				font-size: 16px;
				line-height: 40px;
			}
				@media (max-width: 1250px) {
					.recruit-job-row {
						font-size: 15px;
					}
				}
				@media (max-width: 900px) {
					.recruit-job-row {
						font-size: 14px;
						line-height: 33px;
						padding: 20px 0;
					}
				}
				@media (max-width: 768px) {
					.recruit-job-row {
						width: 92%;
					}
				}
			.recruit-job-row:nth-child(1) {
				padding-top: 0!important;
			}
				.recruit-job-komoku {
					max-width: 130px;
    				width: 100%;
					text-wrap: nowrap;
				}
					@media (max-width: 768px) {
						.recruit-job-komoku {
							max-width: 100px;
						}
					}
				.recruit-job-textbox {
					
				}

/*-------------------------------------------------------------------
	セクション04
---------------------------------------------------------------------*/
.recruit-sec04 {
}
	.recruit-sec04-inner {
		max-width:1220px;
		width: 90%;
		margin: 0 auto;
		padding: 100px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		@media (max-width: 900px) {
			.recruit-sec04-inner {
				display: block;
				padding: 70px 0;
			}
		}
		@media (max-width:520px) {
			.recruit-sec04-inner {
				padding: 50px 0;
			}
		}
		.recruit-sec04-news-box {
			max-width: 920px;
			width: 80%;
			border-top: 2px dotted #b3b3b4;
		}
			@media (max-width: 900px) {
				.recruit-sec04-news-box {
					margin: 50px auto 0;
					width: 100%;
				}
			}
			@media (max-width: 520px) {
				.recruit-sec04-news-box {
					margin: 25px auto 0;
				}
			}
			.recruit-sec04-news-box li a{
				display: flex;
				align-items: center;
				border-bottom: 2px dotted #b3b3b4;
				padding: 3% 1.7em;
			}
				@media (max-width: 520px) {
					.recruit-sec04-news-box li a {
						flex-wrap: wrap;
					}
				}
			.recruit-sec04-news-day {
				letter-spacing: -0.1px;
				font-weight: bold;
			}
			.recruit-sec04-news-cat {
				font-size: 14px;
				line-height: 1.4em;
			    height: 25px;
			    width: 100px;
				letter-spacing: -0.1px;
				text-align: center;
				color: #c3181f;
				border: 3px solid #c3181f;
				margin:0 4.7%;
			}
				@media (max-width: 900px){
					.recruit-sec04-news-cat {
					    font-size: 13px;
					    height: 21px;
    					width: 95px;
						border: 2px solid #c3181f;
					}
				}
			.recruit-sec04-news-title {
				font-weight: bold;
			}
				@media (max-width: 520px){
					.recruit-sec04-news-title {
						margin-top: 10px;
					}
				}

/*-------------------------------------------------------------------
	セクション05
---------------------------------------------------------------------*/
.recruit-sec05 {
}
	.recruit-sec05-inner {
		display: flex;
		flex-wrap: wrap;
	}
		.recruit-sec05-box {
			position: relative;
			width: 50%;
			color: #fff;
		}
		@media (max-width: 900px) {
			.recruit-sec05-box {
				width: 100%;
			}
		}
			.recruit-sec05-box-img img {
				width: 100%;
			/*	height: 100%;*/
				height: 536px;
				object-fit: cover;
				object-position: right;
			}
				@media (max-width:1250px) {
					.recruit-sec05-box-img img {
						height: 450px;
					}
				}
				@media (max-width:520px) {
					.recruit-sec05-box-img img {
						height: 370px;
					}
				}
				.recruit-sec05-box-img:after {
					position: absolute;
					top: 0;
    				left: 0;
				    content: "";
				    background: linear-gradient(to right, #00309fcf, #ffffff00);
				    z-index: 1;
				    width: 100%;
				    height: 100%;
				    opacity: 0.7;
				}
			.recruit-sec05-textbox {
				position: absolute;
				max-width: 430px;
				width: 95%;
				top: 9%;
				left: 18.3%;
				z-index: 2;
			}
				@media (max-width: 1500px) {
					.recruit-sec05-textbox {
					    top: 19%;
    					left: 14%;
    				}
				}
				@media (max-width: 1250px) {
					.recruit-sec05-textbox {
					    top: 17%;
    					left: 9%;
    				}
				}
				@media (max-width: 520px) {
					.recruit-sec05-textbox {
					    width: 90%;
					    top: 10%;
    					left: 5%;
    				}
				}
				.recruit-sec05-box-num {
					font-size: 66px;
					line-height: 1em;
					margin-bottom: 10px;
					font-family: serif;
				}
					@media (max-width: 1500px) {
						.recruit-sec05-box-num {
							font-size: 60px;
						}
					}
					@media (max-width: 1250px) {
						.recruit-sec05-box-num {
							font-size: 50px;
						}
					}
					@media (max-width: 768px) {
						.recruit-sec05-box-num {
							font-size: 40px;
						}
					}
					@media (max-width: 520px) {
						.recruit-sec05-box-num {
							font-size: 30px;
						}
					}
				.recruit-sec05-box-title {
					font-size: 50px;
					line-height: 1.34em;
					font-family: serif;
					margin-bottom: 14px;
				}
					@media (max-width: 1500px) {
						.recruit-sec05-box-title {
							font-size: 40px;
						}
					}
					@media (max-width: 1250px) {
						.recruit-sec05-box-title {
							font-size: 30px;
						}
					}
					@media (max-width: 520px) {
						.recruit-sec05-box-title {
							font-size: 22px;
						}
					}
					
				@media (max-width: 1500px) {
					.recruit-sec05-box-text {
						font-size: 15px;
						width: 90%;
					}
				}
				@media (max-width: 900px) {
					.recruit-sec05-box-text {
						width: 100%;
					}
				}
				@media (max-width: 520px) {
					.recruit-sec05-box-text {
						font-size: 14px;
					}
				}

/*-------------------------------------------------------------------
	セクション06
---------------------------------------------------------------------*/
.recruit-sec06 {
	background: url("../img/recruit-number-bk.svg")no-repeat;
	background-size: cover;
	padding: 100px 0 40px;
}
	@media (max-width: 1250px) {
		.recruit-sec06 {
			padding: 70px 0 40px;
		}
	}
	@media (max-width: 520px) {
		.recruit-sec06 {
			padding: 50px 0 40px;
		}
	}
	.recruit-sec06-inner {
		max-width: 1220px;
		width: 90%;
		margin: 0 auto;
	}
		.recruit-sec06-inner h2 {
			margin-bottom: 80px;
		}
			@media (max-width: 1250px) {
				.recruit-sec06-inner h2 {
					margin-bottom: 50px;
				}
			}
			@media (max-width: 520px) {
				.recruit-sec06-inner h2 {
					margin-bottom: 25px;
				}
			}
		.recruit-sec06-img-box {
			margin-bottom: 35px;
		}
			.recruit-sec06-img-box img {
				width: 100%;
			}
/*-------------------------------------------------------------------
	セクション07
---------------------------------------------------------------------*/
.recruit-sec07 {
	padding: 100px 0;
	background: linear-gradient(to right, #a0d7e3, #6fb1fc, #4364f7);
}
	@media(max-width: 1250px) {
		.recruit-sec07 {
			padding: 70px 0;
		}
	}
	@media(max-width: 520px) {
		.recruit-sec07 {
			padding: 50px 0;
		}
	}
	.recruit-sec07-inner {
	}
		.recruit-sec07-inner h2 {
			margin-bottom: 80px;
		}
			@media (max-width: 1250px) {
				.recruit-sec07-inner h2 {
					margin-bottom: 50px;
				}
			}
			@media (max-width: 520px) {
				.recruit-sec07-inner h2 {
					margin-bottom: 25px;
				}
			}
		.recruit-sec07-box {
			display: flex;
			width: 95%;
		}
			@media (max-width: 1000px) {
				.recruit-sec07-box {
					width: 90%;
				}
			}
		.recruit-sec07-box01 {
			 justify-content: flex-end;
			 margin: 0 0 100px auto;
		}
			@media (max-width: 1000px) {
				.recruit-sec07-box01 {
					flex-direction: column-reverse;
					margin: 0 auto 70px;
				}
			}
			@media (max-width: 520px) {
				.recruit-sec07-box01 {
					margin: 0 auto 50px;
				}
			}
		.recruit-sec07-box02 {
			 justify-content: flex-start;
			 margin: 0 auto 100px 0;
		}
			@media (max-width: 1000px) {
				.recruit-sec07-box02 {
					flex-direction: column;
					margin: 0 auto 70px;
				}
			}
			@media (max-width: 520px) {
				.recruit-sec07-box02 {
					margin: 0 auto 40px;
				}
			}
			.recruit-sec07-textbox {
				color: #00309f;
				max-width: 560px;
				width: 85%;
				margin-right: 3%;
			}
				@media (max-width: 1000px) {
					.recruit-sec07-textbox {
					    max-width: 800px;
					    width: 100%;
					    margin: 0 auto!important;
					}
				}
			.recruit-sec07-textbox:nth-last-child(1) {
				margin-right: 0;
				margin-left:3%;
			}
				.recruit-sec07-q {
					display: flex;
					letter-spacing: -0.1px;
					margin: 35px auto 0.5em;
				}
					.recruit-sec07-q div {
						font-weight: bold;
					}
				.recruit-sec07-a {
					letter-spacing: -0.1px;
				}
			.recruit-sec07-imgbox {
				position: relative;
				max-width: 960px;
				width: 100%;
				height: 100%;
			}
				@media (max-width: 1000px) {
					.recruit-sec07-imgbox {
					    max-width: 600px;
					    margin: 0 auto 30px;
					}
				}
				.recruit-sec07-imgbox img {
					width: 100%;
				}
				.recruit-sec07-imgbox div {
					position: absolute;
					left: 0;
					bottom:0;
					background-color: #fff;
					width: 27.8%;
					padding: 1.87em 0;
					font-size: 22px;
					font-weight: bold;
					justify-content: center;
    				display: inline-flex;
				}
					@media (max-width: 1500px) {
						.recruit-sec07-imgbox div {
							font-size: 20px;
							width: 228px;
						}
					}
					@media (max-width: 1250px) {
						.recruit-sec07-imgbox div {
							font-size: 17px;
					        width: 200px;
					        padding: 1.4em 0;
						}
					}
					@media (max-width: 520px) {
						.recruit-sec07-imgbox div {
							font-size: 15px;
					        width: 160px;
					        padding: 1em 0;
						}
					}
				.recruit-sec07-box02 .recruit-sec07-imgbox div {
					left: unset;
					right: 0;
				}
		.recruit-common-link-btn a {
			color: #00309f;
			background-color: #fff;
			border: 3px solid #00309f;
			border-radius: 100px;
			display: flex;
			justify-content: center;
			align-items: center;
			max-width: 615px;
			width: 90%;
			font-size: 35px;
			font-weight: bold;
			padding: 1.87em 1em;
			margin: 0 auto;
			box-sizing: border-box;
			transition: .1s;
		}
			@media (max-width: 1500px) {
				.recruit-common-link-btn a {
					max-width: 560px;
				    font-size: 30px;
				    padding: 1.5em 1em;
				}
			}
			@media (max-width: 1250px) {
				.recruit-common-link-btn a {
					max-width: 480px;
			        font-size: 26px;
			        padding: 1.1em 1em;
				}
			}
			@media (max-width: 900px) {
				.recruit-common-link-btn a {
					max-width: 390px;
			        font-size: 23px;
				}
			}
			@media (max-width: 520px) {
				.recruit-common-link-btn a {
					max-width: 336px;
        			font-size: 20px;
					padding: 0.9em 1em;
				}
			}
			.recruit-common-link-btn a:hover {
				color: #fff;
				background-color: #00309f;
				transition: .1s;
			}
			.recruit-common-link-btn a img {
				width: 60px;
				margin-left: 78px;
			}
				@media (max-width: 1500px) {
					.recruit-common-link-btn a img {
						width: 50px;
   						margin-left: 55px;
					}
				}
				@media (max-width: 1250px) {
					.recruit-common-link-btn a img {
						width: 38px;
   						margin-left: 46px;
					}
				}
				@media (max-width: 900px) {
					.recruit-common-link-btn a img {
   						margin-left: 32px;
					}
				}
				@media (max-width: 520px) {
					.recruit-common-link-btn a img {
						width: 30px;
   						margin-left: 19px;
					}
				}
				.recruit-common-link-btn a:hover img {
					opacity: 1;
				}

/*-------------------------------------------------------------------
	セクション08
---------------------------------------------------------------------*/
.recruit-sec08 {
	padding: 100px 0;
}
	@media (max-width: 1250px) {
		.recruit-sec08 {
			padding:70px 0;
		}
	}
	@media (max-width: 520px) {
		.recruit-sec08 {
			padding:50px 0;
		}
	}
	.recruit-sec08-inner {
		max-width: 1232px;
		width: 90%;
		margin: 0 auto;
	}
		.recruit-sec08-inner h2 {
			margin-bottom: 70px;
		}
			@media (max-width: 1250px) {
				.recruit-sec08-inner h2 {
					margin-bottom: 50px;
				}
			}
			@media (max-width: 520px) {
				.recruit-sec08-inner h2 {
					margin-bottom: 25px;
				}
			}
		.career-img-sp {
			display: none;
		}
			@media (max-width: 520px) {
				.career-img-pc {
					display: none;
				}
				.career-img-sp {
					display: block;
					width: 335px;
        			margin: 0 auto;
				}
			}

/*-------------------------------------------------------------------
	セクション09
---------------------------------------------------------------------*/
.recruit-sec09 {
	padding: 100px 0 30px;
	background-color: #eeeeef;
}
	@media(max-width:1250px){
		.recruit-sec09 {
			padding: 70px 0 30px;
		}
	}
	@media(max-width:520px){
		.recruit-sec09 {
			padding: 50px 0 30px;
		}
	}
	.recruit-sec09-inner {
		max-width: 1220px;
		width: 90%;
		margin: 0 auto;
	}
		.recruit-sec09-inner h2 {
			margin-bottom: 80px;
		}
			@media (max-width: 1250px) {
				.recruit-sec09-inner h2 {
					margin-bottom: 50px;
				}
			}
			@media (max-width: 520px) {
				.recruit-sec09-inner h2 {
					margin-bottom: 25px;
				}
			}
		.recruit-sec09-box {
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
		}
			.recruit-sec09-box div {
				display: flex;
				align-items:center;
				font-size: 22px;
				font-weight: bold;
				letter-spacing: -0.1px;
				color: #fff;
				background-color: #00309f;
				width: 31.97%;
				padding: 1.845% 2%;
				margin-bottom: 25px;
			}
				@media (max-width: 1500px) {
					.recruit-sec09-box div {
						font-size: 20px;
						padding: 1.6% 2%;
					}
				}
				@media (max-width: 1250px) {
					.recruit-sec09-box div {
						font-size: 18px;
						padding: 1.4% 2%;
					}
				}
				@media (max-width: 900px) {
					.recruit-sec09-box div {
						font-size: 16px;
       					padding: 1.4% 1%;
					}
				}
				@media (max-width: 768px) {
					.recruit-sec09-box div {
						font-size: 15px;
						width: 48%;
					}
				}
				@media (max-width: 520px) {
					.recruit-sec09-box div {
						max-width: 257px;
        				width: 100%;
        				margin: 0 auto 15px;
        				padding: 1.4% 10px;
					}
				}
				.recruit-sec09-box div img {
					width: 55px;
					margin-right: 15px;
				}
					@media (max-width: 1500px) {
						.recruit-sec09-box div img {
							width: 50px;
							margin-right: 10px;
						}
					}
					@media (max-width: 900px) {
						.recruit-sec09-box div img {
							width: 40px;
						}
					}
			.recruit-sec09-inner .attention-coment br{
						display: none;
					}
				@media (max-width: 520px) {
				.recruit-sec09-inner .attention-coment {
					letter-spacing: -0.1px;
					margin: 10px 0;
				}
					.recruit-sec09-inner .attention-coment br{
						/*display: block;*/
					}
				}
			.attention-coment {
    			font-size: 16px;
    			font-weight: bold;
    			line-height: 1em;
    			text-align: right;
			}
				@media (max-width: 768px) {
					.attention-coment {
    					font-size: 15px;
    				}
				}
				@media (max-width: 520px) {
					.attention-coment {
    					font-size: 14px;
    				}
				}

/*-------------------------------------------------------------------
	セクション10
---------------------------------------------------------------------*/
.recruit-sec10 {
	padding: 100px 0;
}
	@media (max-width: 1250px) {
		.recruit-sec10 {
			padding: 70px 0;
		}
	}
	@media (max-width: 520px) {
		.recruit-sec10 {
			padding: 50px 0;
		}
	}
/*-------------------------------------------------------------------
	フッター
---------------------------------------------------------------------*/
footer {
	padding: 100px 0;
	background-color: #00309f;
}
	@media (max-width: 1250px) {
		footer {
			padding: 70px 0;
		}
	}
	@media (max-width: 520px) {
		footer {
			padding: 50px 0;
		}
	}
	.footer-inner {
		display: flex;
		justify-content: space-between;
		max-width: 1220px;
		width: 80%;
		margin: 0 auto;
	}
		@media (max-width: 900px) {
			.footer-inner {
				width: 90%;
			}
		}
		@media (max-width: 768px) {
			.footer-inner {
				display: block;
			}
		}
		.recruit-footer-right {}
			@media (max-width: 768px) {
				.recruit-footer-right {
					 margin-bottom: 40px;
				}
			}
			.recruit-footer-logo {
				margin-bottom: 40px;
			}
				@media (max-width: 1250px) {
					.recruit-footer-logo img {
						width: 200px;
					}
				}
				@media (max-width: 900px) {
					.recruit-footer-logo img {
						 width: 160px;
					}
				}
				@media (max-width: 520px) {
					.recruit-footer-logo img {
						 width: 140px;
					}
				}
			.footer-text {
				color: #fff;
				display: flex;
    			margin: 1em 0;
			}
			.footer-text br {
				display: none;
			}
				@media (max-width: 600px) {
					.footer-text {
						display: block;
					}
					.footer-text br {
						display: block;
					}
				}
				.footer-text div:nth-child(1){
					border-right: 1px solid #fff;
					padding-right: 0.5em;
   					margin-right: 0.5em;
				}
					@media (max-width: 600px) {
						.footer-text div:nth-child(1){
							border-right: none;
						}
					}
		@media (max-width: 768px) {
			.footer-inner ul {
				display: flex;
    			flex-wrap: wrap;
    			justify-content: space-between;
			}
		}
		.footer-inner ul li {
			 margin-bottom: 0.5em;
		}
			@media (max-width:768px) {
				.footer-inner ul li {
					width: 30%;
				}
			}
			@media (max-width:520px) {
				.footer-inner ul li {
					width: 47%;
				}
			}
			.footer-inner ul li a {
				color: #fff;
				font-size: 16px;
			}
				@media (max-width: 768px) {
					.footer-inner ul li a {
						font-size: 15px;
					}
				}
				@media (max-width: 520px) {
					.footer-inner ul li a {
						font-size: 14px;
					}
				}
		.recruit-copy {
			color: #fff;
			font-size: 16px;
			max-width: 1220px;
			width: 90%;
			margin: 65px auto 0;
		}
			@media (max-width: 1250px) {
				.recruit-copy {
					font-size: 14px;
					margin: 40px auto 0;
				}
			}
			@media (max-width: 520px) {
				.recruit-copy {
					font-size: 13px;
					margin: 30px auto 0;
				}
			}

	@media screen and (max-width:600px){
		.scroll{
			display:none;
			}
		}

/*-------------------------------------------------------------------
	おしらせ個別
---------------------------------------------------------------------*/
.recruit-single-inner {
	max-width: 1220px;
	width: 90%;
	margin: 0 auto;
	padding: 208px 0 100px;
}
	@media (max-width: 1500px) {
		.recruit-single-inner {
			padding: 190px 0 100px;
		}
	}
	@media (max-width: 1250px) {
		.recruit-single-inner {
			padding: 170px 0 100px;
		}
	}
	@media (max-width: 900px) {
		.recruit-single-inner {
			padding: 120px 0 70px;
		}
	}
	@media (max-width: 520px) {
		.recruit-single-inner {
			padding: 100px 0 50px;
		}
	}
	.recruit-info-box {
		display: flex;
		align-items:center;
		margin-bottom: 30px;
	}
		.recruit-single-cat {
			font-size: 14px;
		    line-height: 1.4em;
		    height: 25px;
		    width: 100px;
		    letter-spacing: -0.1px;
		    text-align: center;
		    color: #c3181f;
		    border: 3px solid #c3181f;
		    margin-right: 20px;
		}
		.recruit-single-day {
			font-weight: bold;
    		letter-spacing: -0.1px;
		}
	.recruit-single-title {
		font-weight: bold;
		font-size: 22px;
		border-bottom: 3px solid #00309f;
		margin: 40px auto 60px;
	}
		@media (max-width: 1250px) {
			.recruit-single-title {
				font-size: 20px;
			}
		}
		@media (max-width: 900px) {
			.recruit-single-title {
				border-bottom: 2px solid #00309f;
				margin: 30px auto 50px;
			}
		}
		@media (max-width: 768px) {
			.recruit-single-title {
				font-size: 17px;
			}
		}
		@media (max-width: 520px) {
			.recruit-single-title {
				margin: 30px auto;
			}
		}
	.recruit-single-content {
		.wp-block-image {
			text-align: center;
		}
	}
	.aligncenter {
		width: 100%;
		text-align: center;
	}
	.wp-block-gallery {
		display: flex;
	    gap: 4%;
	    margin-bottom: 20px;
	}


.m-top0 {
	margin-top: 0;
}
.m-right0 {
	margin-right: 0;
}