@charset "utf-8";

#info-area .info-box h4.read-link a,
#info-area .info-box h4.read-link a:hover {
	color: #0193d0;
}
#info-area .info-box h4.read-link a:hover {
	text-decoration: none;
}

.photo-box {
	margin: 1em auto .2em;
}
.photo-box img {
	margin: 0 auto .2em;
}
.photo-box p {
	text-align: center;
}

@media screen and (max-width: 640px) {
	#info-area {
	}
	#info-area .info-box {
		width: 86.666667%;
		font-size: 3.733333vw; /* 28px */
		margin: 0 auto;
	}
	#info-area .info-box-inner {
	}
	
	
	#info-area .read {
		padding: 0 0.6em;
		margin: 0 auto 9.6%;
	}
	#info-area .info-box h3 {
		font-size: 4.266667vw; /* 32px */
		border-bottom: 3px solid #0066e8;
		padding: 0 0.6em 0.2em 0.6em;
		margin: 0 0 5.4%;
	}
	#info-area .info-box h4 {
		font-size: 3.466667vw; /* 26px */
	}
	#info-area .info-box h5 {
		background-color: #f00;
		color: #fff;
		text-align: center;
		margin-bottom: 1.6em;
		padding: 0.6em 0;
	}

	#info-area .info-box p.title {
		margin: 0 0 0.2em;
	}
	#info-area .info-box span.caution {
		color: #F00;
	}
	
	#info-area .btn-info {
		width: 100%;
		font-size: 3.733333vw; /* 28px */
		font-weight: bold;
		text-align: center;
		padding: 0.8em 0 2.2em !important;
		margin: 0 auto !important;
	}
	#info-area .btn-info a,
	#info-area .btn-info .entry-gray {
		display: block;
		background: #f5ad33;
		color: #fff;
		text-decoration: none;
		border-radius: 20px;
		padding: 0.8em 1.2em;
		transition: 0.3s;
		backface-visibility: hidden; 
	}
	#info-area .btn-info .entry-gray {
		color: #ccc;
		background: #808080;
	}
	
	#info-area .info-box .info-head {
		width: 100%;
		background: #0066e8;
		font-size: 3.733333vw; /* 28px */
		color: #fff;
		padding: 0.3em 0.3em 0.36em;
		margin: 2.5em 0 0.8em;
	}
	#info-area .info-box .info-head-inner {
	}
	#info-area .info-box .info-head h4 {
		font-weight: bold;
	}
	#info-area .info-box ul {
		padding: 0 0.6em 0 1.8em;
		margin: 0 auto 5.4%;
	}
	#info-area .info-box ul li {
		margin: 0 0 0.3em;
	}
	#info-area .info-box ul.marker01 {
		list-style-type: none;
		padding: 0 0.6em;
	}
	#info-area .info-box ul.marker01 li {
		position: relative;
		padding-left: 1.0em;
	}
	#info-area .info-box ul.marker01 li:before {
		content: "※";
		position: absolute;
		left: 0;
		top: 0;
	}
	
	#info-area .info-box table {
		width: 100%;
		border: 1px solid #8a8a8a;
		border-top: none;
		margin: 0 auto 7.2%;
	}
	#info-area .info-box th {
		display: block;
		background: #e1e1e1;
		font-weight: normal;
		border-top: 1px solid #8a8a8a;
		border-bottom: 1px solid #8a8a8a;
		padding: 3.0% 3.6%;
		width: 92.8%\9; /* under IE9 */
		float: left\9; /* under IE9 */
		clear: both; /* under IE9 */
	}
	#info-area .info-box td {
		display: block;
		background: #fff;
		padding: 3.0% 3.6%;
		width: 92.8%\9; /* under IE9 */
		float: left\9; /* under IE9 */
		clear: both; /* under IE9 */
	}

	.photo-box {
		width: 90%;
	}
}

@media screen and (min-width: 641px) {
	#info-area {
	}
	#info-area .info-box {
		width: 940px;
		font-size: 1.8rem;
		margin: 0 auto;
	}
	#info-area .info-box-inner {
	}	
	
	#info-area .read {
		padding: 0 12px;
		margin: 0 0 36px;
	}

	#info-area .info-box h3 {
		font-size: 2.4rem;
		border-bottom: 3px solid #0066e8;
		padding: 0 0 4px 12px;
		margin: 0 0 28px;
	}
	#info-area .info-box h4 {
		font-size: 2.0rem;
	}
	#info-area .info-box h5 {
		width: 60%;
		background-color: #f00;
		color: #fff;
		text-align: center;
		margin: 0 auto 4.6em;
		padding: 0.8em 0;
	}

	#info-area .info-box p.title {
		margin: 0 0 8px;
	}
	#info-area .info-box span.caution {
		color: #F00;
	}
	
	#info-area .btn-info {
		width: 60%;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
		padding: 1.2em 0 2.2em !important;
		margin: 0 auto !important;
	}
	#info-area .btn-info a,
	#info-area .btn-info .entry-gray {
		display: block;
		background: #f5ad33;
		color: #fff;
		text-decoration: none;
		border-radius: 20px;
		padding: 1.0em 1.2em;

		transition: 0.3s;
		backface-visibility: hidden; 
	}
	#info-area .btn-info .entry-gray {
		color: #ccc;
		background: #808080;
	}
	#info-area .btn-info a:hover {
		opacity: 0.6;
	}
	
	#info-area .info-box .info-head {
		display: block;
		background: #0066e8;
		color: #fff;
		padding: 0.5em 0.6em;
		margin: 3em 0 0.8em;
	}
	#info-area .info-box .info-head-inner {
		width: 100%;
		margin: 0 auto;
	}
	#info-area .info-box .info-head h4 {
		font-size: 2.0rem;
		font-weight: bold;
	}
	#info-area .info-box ul {
		width: 88%;
		margin: 0 auto 24px;
	}
	#info-area .info-box ul li {
		margin: 0 0 0.3em;
	}
	#info-area .info-box ul.marker01 {
		width: calc(100% - 2.0em);
		list-style-type: none;
		padding: 0 0.6em;
		margin: 0 1.0em 24px;
	}
	#info-area .info-box ul.marker01 li {
		position: relative;
		padding-left: 1.2em;
	}
	#info-area .info-box ul.marker01 li:before {
		content: "※";
		position: absolute;
		left: 0;
		top: 0;
	}
	
	#info-area .info-box table {
		width: 100%;
		margin: 0 auto 32px;
	}
	#info-area .info-box th {
		width: 210px;
		background: #e1e1e1;
		font-weight: normal;
		border: 1px solid #8a8a8a;
		padding: 12px 10px;
	}
	#info-area .info-box td {
		width: 560px;
		background: #fff;
		border: 1px solid #8a8a8a;
		padding: 12px 25px;
	}

	.photo-box {
		width: 500px;
	}
}


.career-forum-2025 .corner-frame {
	color: #000;
}

.career-forum-2025 .corner-frame p.read {
	padding: 0 !important;
}
.career-forum-2025 .corner-frame h6 {
	margin: 0 0 0.6em;
}

.career-forum-2025 .corner-frame ul {
	width: 100%;
	padding: 0 !important;
	margin: 0 0 1.0em !important;
}
.career-forum-2025 .corner-frame ul:last-child {
	margin: 0.6em 0 0 0.6em !important;
}
.career-forum-2025 .corner-frame ul li {
	text-indent: -1.0em;
	padding-left: 1.0em;
	margin: 0 0 0.4em;
}
.career-forum-2025 .corner-frame .last-catch {
	margin: 1.6em 0 0;
}

@media screen and (max-width: 640px) {
	.career-forum-2025 .corner-frame p {
		margin-bottom: 1.0em !important;
	}
	.career-forum-2025 .corner-frame p.read {
		margin: 0 auto 1.0em !important;
	}

	.career-forum-2025 .corner-frame h6 {
		font-size: 4.266667vw; /* 32px */
	}
	.career-forum-2025 .corner-frame h6 span {
		font-size: 2.4vw; /* 18px */
		font-weight: normal;
		margin: 0 0 0 1.0em;
	}

	#info-area .info-box .info-head {
		margin: 1.4em 0 0.8em;
	}

	.career-forum-2025 .corner-frame .button4 {
		margin: 0 0 1.0em;
  	}
	.career-forum-2025 .corner-frame .photo-box {
		margin: 0 auto 1.0em;
	}
	.career-forum-2025 .corner-frame .last-catch {
		font-size: 4.266667vw; /* 32px */
	}
}
@media screen and (min-width: 641px) {
	.career-forum-2025 .corner-frame p.read {
		margin: 0 0 1.2em !important;
	}

	.career-forum-2025 .corner-frame h6 {
		font-size: 2.0rem;
	}
	.career-forum-2025 .corner-frame h6 span {
		font-size: 1.4rem;
		font-weight: normal;
		margin: 0 0 0 0.8em;
	}

	#info-area .info-box .info-head {
		margin: 1.4em 0 0.8em;
	}

	.career-forum-2025 .corner-frame .button4 {
		margin: 1.0em 0;
  	}
	.career-forum-2025 .corner-frame .photo-box {
		width: 600px;
		margin: 0 auto 0.8em;
	}
	.career-forum-2025 .corner-frame .last-catch {
		font-size: 2.2rem;
	}
}