@charset "utf-8";
/*
Theme Name:株式会社エイジェック
Theme URI:https://www.agekke.co.jp/
Version: 1.1
Author:エイジェック広報部
Author URI:https://www.agekke.co.jp/
*/

/*============================
固定ページ共通設定 
============================*/
/*----- トップ画像 -----*/
.bl_mainVisual {
    text-align: center;
    position: relative;
    overflow: hidden;
    letter-spacing: 0;
    margin: 70px 0 0;
}

.bl_mainVisual::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: #01254538;
}

.bl_mainVisual.hp_filter_none::before,
.contact .bl_mainVisual::before,
.co-creation-partner .bl_mainVisual::before {
    content: none;
}

.bl_mainVisual_ttl {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    color: #fff;
    z-index: 10;
    transform: translate(-50%, -50%);
    text-align: center;
    letter-spacing: .1em;
}

.bl_mainVisual_ttl h1 span {
	font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: .1em;
}

.bgextend{
	animation-name:bgextendAnimeBase;
	animation-duration:1s;
	animation-fill-mode:forwards;
	position: relative;
	overflow: hidden;
	opacity:0;
    letter-spacing: .1em;
}

@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }
  to {
    opacity:1;  
}
}

.bgappear{
	animation-name:bgextendAnimeSecond;
	animation-duration:1s;
	animation-delay: 0.6s;
	animation-fill-mode:forwards;
	opacity: 0;
}

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

.bgLRextend::before{
	animation-name:bgLRextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

@keyframes bgLRextendAnime{
	0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	50% {
		transform-origin:left;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:right;
	}
	100% {
		transform-origin:right;
		transform:scaleX(0);
	}
}

@media screen and (max-width: 1023px){
	.bl_mainVisual_ttl h1 span {
    	font-size: 1.75rem;
	}
}

@media screen and (max-width: 767px){
	.bl_mainVisual {
    	margin: 60px 0 0;
	}
	.bl_mainVisual_ttl h1 span {
		font-size: 1.125rem;
	}
}
/*----- パンくず -----*/
#bread {
	padding: 0 0 3px;
}

#bread ul {
    margin: 0 auto;
    letter-spacing: .1em;
}

#bread li {
	display: inline;
}

#bread li a,
#bread li {
	color: #333;
	letter-spacing: .1em;
	font-size: .875rem;
}

#bread li a:hover {text-decoration: underline;}

@media screen and (max-width: 767px){
	#bread li a,
	#bread li  {
		font-size: .75rem;
	}
}

/* ----- タイトル -----*/
.sec-title-wrap {
	text-align: center;
	margin: 0 0 50px;
}
.sec-title-wrap h2.sec-title {
    position:  relative;
	color: #005bac;
}
.sec-title-wrap h2.sec-title span {
	position: relative;
	font-weight: 600;
	font-size: 1.75rem;
	letter-spacing: .1em;
}
.sec-title-wrap h2.sec-title span:before {
    content: '';
    width: 24px;
    height: 1px;
    background: #05272B;
    position: absolute;
    left: -34px;
    top: 22px;
	transform: rotate(135deg);
}
.sec-title-wrap h2.sec-title span:after {
    content: '';
    width: 24px;
    height: 1px;
    background: #05272B;
    position: absolute;
    right: -34px;
    top: 23px;
	transform: rotate(135deg);
}

.sec-title-wrap h2.sec-title span.hp_br:after {
	right: -47px;
}

.sec-title-wrap h2.sec-title span.no-cont:before,
.sec-title-wrap h2.sec-title span.no-cont:after {
    content: none;	
}

@media screen and (max-width: 1023px){
	.sec-title-wrap {
    	margin: 0 0 30px;
	}
	.sec-title-wrap h2.sec-title span {
    	font-size: 1.5rem;
    	letter-spacing: .05em;
	}
}

@media screen and (max-width: 767px){
	.sec-title-wrap {
    	margin: 0 0 24px;
	}
	.sec-title-wrap h2.sec-title span {
    	font-size: 1.125rem;
    	letter-spacing: .05em;
	}
	.sec-title-wrap h2.sec-title span:before,
	.sec-title-wrap h2.sec-title span:after {
		width: 12px
	}
	.sec-title-wrap h2.sec-title span:before {
    	left: -19px;
    	top: 16px;
	}
	.sec-title-wrap h2.sec-title span:after {
    	right: -17px;
    	top: 16px;
	}
}
/* ----- ボタン -----*/
.more {
	margin: 30px 0 0;
	text-align: center;
}

.more a {
	max-width: 360px;	
	display: block;
    padding: 14px;
	border-radius: 30px;
    font-weight: 500;
    transition: .3s;
	color: #05272B;
	background: #85E8FA;	
	font-size: .875rem;
	margin: 0 auto;
	letter-spacing: .1em;
	box-shadow: 4px 4px 0 #2C3A09;
	text-align: center;
}

.more.more-right {
	margin: 0 0 2rem 0;
}

.more.more-right a {
	margin: 0 0 0 auto;
}

.more.big a {
	max-width: 600px;	
}

.more a:hover {
	background: #2C3A09;
	color: #fff;
	box-shadow: none;
}

.more a span {
    position: relative;
	margin-left: 30px;
}

.more a span::before {
    content: '';
    width: 18px;
    height: 1px;
    background: #05272B;
    position: absolute;
    left: -36px;
    top: 11px;
}

.more a span::after {
    content: '';
    width: 8px;
    height: 1px;
    background: #05272B;
    position: absolute;
    left: -26px;
    top: 8px;
	transform: rotate(-135deg);
}

.more.gray a {
    background: #383838;
}

.more.gray a:hover {
	background: #999;	
}

.more a:hover span::before,
.more a:hover span::after {
    background: #fff;	
}
@media screen and (max-width: 767px){
	.more a span {
		letter-spacing: .15em;
	}
	.more {
    		margin: 30px auto 0;
	}
	.more a {
		max-width: 100%;
    	display: block;
    	padding: 12px 5px;
	}
	.thumbnail-title {
		font-size: 1rem;
	}
}
@keyframes slideText100 {
  from {
	transform: translateX(100%);/*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
	.more-btn {
		margin: 30px 0 0;
	}
	.btnlinestretches {
		width: 90%;
	}
}
/*----- フッター上部のライン -----*/
.footer-border {
    border-bottom: 3px solid #F2FEFF;
    border-image: linear-gradient(to right, #63E6F0 0%,#FA7FCB 100%);
    border-image-slice: 1;
}
/*----- 見出し -----*/
.headline-title {
    color: #005bac;
    font-size: 1.375rem;
    margin: 0 0 8px;
    border-bottom: solid 3px #e1f4fb;
    position: relative;
    padding: 0 0 6px;
    font-weight: bold;
    letter-spacing: .1em;
}
.square {
    font-size: 1.5em;
    font-weight: normal;
    position: relative;
    padding-left: 35px;
    line-height: 1.3;	
	margin: 0 0 5px;
}
.square:before {
	content: "";
	background: #005bac;
    padding: 10px;
    left: 0;
    position: absolute;
    top: 5px;
}
@media screen and (max-width: 767px) {
	.headline-title {
    	font-size: 1.125rem;
	}
	.square {
    	font-size: 1.125rem;
    	padding-left: 22px;
	}
	.square:before {
    	padding: 8px;
		top: 5px;
	}
}

/*----- ページ内リンクナビゲーション -----*/
.page-navi {
	background: #f5f5f5;
	padding: 20px 0;
}
.page-navi ul {
	line-height: 1.7em;
}
.page-navi ul li {
	display:inline-block;
	vertical-align:top;
	width: 20%;
}
.page-navi ul.co li {
	width:25%;
}
.page-navi ul li a {
	color:#222;
}
.page-navi ul li a:hover {
	color:#666;
}
.page-navi ul li a.on {
	color: #005bac;
	border-bottom:1px solid #005bac;
	padding-bottom:2px;	
}
@media screen and (max-width: 1220px){
	.page-navi ul li {
    	width: 33.333%;
	}
}
@media screen and (max-width: 767px){
	.page-navi {
		display: none;
	}
}
/*----- トップ画像下の導入文 -----*/
.top-description {
	padding:50px 0;
}
.top-description p{
	max-width: 980px;
	margin:0 auto;
	text-align:center;
	line-height:2em;
	font-size:1.5rem;
	/*font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;*/
	color:#000;
}

@media screen and (max-width: 1023px) {
	.top-description {
		padding: 30px 0;
	}
	
	.top-description p{
		font-size:1.125rem;		
	}
}
@media screen and (max-width: 767px) {
	.top-description {
		padding: 20px 0 0;
	}
	.top-description p{
		line-height: 1.8em;
		font-size: 1rem;
		text-align: left;
		width: 94%;
		margin: 0 auto;
	}
}

/*----- ページ内リンク -----*/
.el_pageLink {
	max-width: 700px;
	margin: 0 auto 50px;
	display: grid;
	 grid-template-columns: repeat(3, 1fr);
	gap: 35px;
}

.btnline {
    position: relative;
    color: #005bac;
    border: 2px solid #005bac;
    padding: 17px 0;
    display: inline-block;
    text-decoration: none;
    outline: none;
    transition: all 0.3s ease-in-out;
    width: 100%;
    text-align: center;
    font-weight: bold;
    letter-spacing: .05em;
    background: #fff;
	font-size: .9375rem;
}
.btnline span {
    font-weight: bold;
    letter-spacing: .05em;	
}
.btnline:hover{
	background:#005bac;
	color: #fff;
	border-color:transparent;
}

.el_pageLink li:nth-child(2) .btnline {
	color: #f39800;
    border: 2px solid #f39800;
}

.el_pageLink li:nth-child(2) .btnline:hover {
	background: #f39800;
	color: #fff;
}

.el_pageLink li:nth-child(3) .btnline {
	color: #009944;
    border: 2px solid #009944;
}
.el_pageLink li:nth-child(3) .btnline:hover {
	background: #009944;
	color: #fff;
}

.el_pageLink li:nth-child(4) .btnline {
	color: #f08080;
    border: 2px solid #f08080;
}
.el_pageLink li:nth-child(4) .btnline:hover {
	background: #f08080;
	color: #fff;
}

.el_pageLink li:nth-child(5) .btnline {
	color: #c328e8;
    border: 2px solid #c328e8;
}
.el_pageLink li:nth-child(5) .btnline:hover {
	background: #c328e8;
	color: #fff;
}

.el_pageLink li:nth-child(6) .btnline {
	color: #00bfff;
    border: 2px solid #00bfff;
}
.el_pageLink li:nth-child(6) .btnline:hover {
	background: #00bfff;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.el_pageLink {
    	margin: 0 auto 30px;
    	grid-template-columns: repeat(2, 1fr);
    	gap: 10px;
	}
	
	.btnline {
		font-size: .875rem;
	}
}

/*----- グーグルマップ -----*/
.map {
    width: 100%;
    margin: 0 auto;
}
.map iframe {
    width: 100%;
    height: 300px;
}
/*============================
採用情報
============================*/
.recruitment .w-2-50 {
	margin-top: 50px;
}
.recruitment section:first-of-type .w-2-50 {
	margin-top: 0;
}
.recruitment .w-2-50 li {
	vertical-align: middle;
}
.recruitment .w-2-50 li:last-child {
	background: #fff;
}
.recruitment .w-2-50 li .inner {
	padding: 80px 60px 0;
}
.recruitment .w-2-50 li h2 {
	font-weight: bold;
	font-size: 1.25rem;
	margin: 0 0 16px;
}
.recruitment .w-2-50 li p {
	line-height: 1.8em;
	letter-spacing: .05em;
}
.recruitment .w-2-50 li .more {
	margin: 30px 0 0;
}
@media screen and (max-width: 767px){
	.recruitment .w-2-50 li {
		margin: 0;
	}
}
/*----- 中途採用比率-----*/
.midway table th,
.midway table td {
	padding: 10px 20px;
	border: solid 1px #ccc;
	box-sizing:border-box;
	text-align: center;
	vertical-align: middle;
}

.midway table th {
	width: 25%;
    background: #626060;
    color: #fff;
}

.midway .date {
	text-align: right;
	margin: 16px  0 0;
}

.midway_ttl {
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0 0 50px;
    line-height: 1.8em;
    letter-spacing: .1em;
}

@media screen and (max-width: 767px){
	.midway table th, 
	.midway table td {
    	width: 50%;
	}	
}

/*----- 中途採用-----*/
.career .fixed-entry-btn {
	position: fixed;
	bottom: 150px;
	right: -50px;
	z-index: 5;
}
.career .fixed-entry-btn a {
	background: #333333;
	display: block;
	transition: 0.3s;
}
.career .fixed-entry-btn a:hover {
	padding-right: 50px;
}
.bl_listJobs_ast {
	text-align: center;
	margin: 14px 0 0;
}
.career .icon-wakaba.small {
    margin: 0 10px;
    width: 20px;
}
.bl_recruiting {
	margin: 50px 0 0;
}
.bl_recruiting table {
	margin: 25px 0 50px;
	border-top: solid 1px #e3e3e3;
}
.bl_recruiting table tr th,
.bl_recruiting table tr td,
.job-description table tr th,
.job-description table tr td {
	border-bottom: solid 1px #e3e3e3;
    color: #383838;
    line-height: 1.5;
    padding: 20px 0;	
}
.bl_recruiting table tr th {
	width: 16%;
}

.bl_recruiting table tr td:nth-of-type(1) {
	width: 64%;
	padding: 20px 3%;
}

.bl_recruiting table tr td:nth-of-type(2) {
	width: 14%;
	text-align: right;
}

.bl_recruiting table tr td .btn {
	background: #005bac;
    color: #ffffff;
    display: inline-block;
    padding: 11px 25px;
    line-height: 1;
    border-radius: 50px;
    font-size: .9375rem;
    letter-spacing: .1em;
    font-weight: bold;
}

.bl_recruiting table tr td .btn:hover {
	background: #00bfff;
}

.bl_recruiting table tr td .icon-wakaba {
    margin-left: 15px;
    width: 30px;
}
.bl_recruiting .note {
	text-align: center;
	font-size: 1.125rem;
}
.job-description table tr th {
	width: 20%;
}
.job-description table tr td {
	width: 80%;
}
.job-description .w-2-45 {
	max-width: 600px;
	margin: 50px auto 0;
}
@media screen and (max-width: 1200px){
	.bl_recruiting table tr td:nth-of-type(1) {
    	width: 50%;
    	padding: 20px 3%;
	}
	.bl_recruiting table tr th,
	.bl_recruiting table tr td:nth-of-type(2) {
    	width: 22%;
	}
}
@media screen and (max-width: 1023px){
	.recruitment .w-2-50 {
    	max-width: 600px;
    	margin: 50px auto 0;
	}
	.recruitment.w-2-50 li {
		display: block;
		width: 100%;
	}
	.recruitment .w-2-50 li .inner {
    	padding: 30px 14px;
	}
}
@media screen and (max-width: 767px){
	.recruitment .w-2-50 {
    	margin-top: 30px;
	}
	.recruitment .w-2-50 li {
		display: block;
		width: 100%;
	}
	.recruitment .w-2-50 li .inner {
    	padding: 30px 14px;
	}
	.midway h2 {
    	font-size: 1.125rem;
    	margin: 0 0 30px;
    	line-height: 1.6em;
	}
	.midway h3 {
		text-align: center;
		font-weight: bold;
		margin: 0 0 10px;
	}
	.bl_recruiting table tr th,
	.bl_recruiting table tr td,
	.job-description table tr th,
	.job-description table tr td,
	.bl_recruiting table tr td:nth-of-type(1),
	.bl_recruiting table tr td:nth-of-type(2) {
		display: block;
		width: 100%;
		border-bottom: none;
    	padding: 12px 10px;	
	}
	.bl_recruiting table tr th,
	.job-description table tr th {
		background: #f5f5f5;
	}
	.bl_recruiting table tr td .btn {
    	max-width: 200px;
    	width: 100%;
		margin-left: 30px;
	}
	.bl_recruiting table tr td:nth-of-type(2) {
    	text-align: center;
		padding: 0 10px 20px;
	}
	.bl_recruiting table {
    	margin: 15px 0 30px;
    	border-top: none;
	}
	.career .fixed-entry-btn {
    	bottom: 83px;
    	right: -9px;
    	max-width: 90px;
	}
	.bl_recruiting .note {
    	text-align: left;
    	font-size: 1rem;
	}
	.job-description .w-2-45 {
    	margin: 0 auto;
	}
	.job-description .w-2-45 li:first-child {
		margin: 0 0 20px;
	}
	.job-description .w-2-45 li .more {
    	margin: 10px auto 0;
	}
}

/* ======================================================
/*                ++ 事業紹介 ++
   ====================================================== */

/*----- シニア顧問紹介 -----*/
.syoukai_komon .region {
	padding: 60px;
	background: #f5f5f5;
}
.syoukai_komon .takumi .top-description {
	padding: 0 0 60px;
}
.syoukai_komon .region h3 {
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: .1em;
	margin: 0 0 16px;
}
.syoukai_komon .region p {
	line-height: 1.8em;
	letter-spacing: .1em;
}
/*----- 品質検査 -----*/
.quality-inspection #example .ratio {
	padding: 14px;
    border-bottom: #ddd 1px solid;
}
.quality-inspection #example .ratio li {
	width: 18%;
	margin-right: 2%;
	vertical-align: middle;
}
.quality-inspection #example .ratio li:last-child {
	width: 80%;
	margin-right: 0;	
}
.quality-inspection #example .period {
    display: inline-block;
    background: #191970;
    color: #fff;
    padding: 15px;
    font-size: 1.5rem;
}
.quality-inspection #example .period.p2 {
    background: #005bac;
}
.quality-inspection #example .period.p3 {
    background: #6495ed;
}
.quality-inspection .business .mark-circle {
	margin: 0;
}
.quality-inspection #example .ratio:nth-of-type(1) {
	border-top: #ddd 1px solid;
}
/*----- 製造請負 -----*/
.contract .tour-wrap .box {
	margin: 50px 0 0;
}
.contract .tour-wrap .box .note {
	margin: 8px 0 0;
}
.contract .vision .desc {
	font-size: 1.125rem;
	margin: 0 0 30px;
	font-weight: bold;
	letter-spacing: .05em;
}
.contract .vision .idea .change {
	margin: 0 0 18px;
}
.contract .vision .idea .change span {
	position:relative;
	padding-left: 120px;
}
.contract .vision .idea .change span:before {
	font-family: FontAwesome;
    content: '\f061';
    color: #f39800;
    position: absolute;
    top: 0px;
    left: 60px;
    font-size: 14px;
}
/*----- 障がい者就労支援 -----*/
.disabled .initiative .img-wrap {
	max-width: 1000px;
	margin: 0 auto 40px;
}
.disabled .initiative .desc {
	font-size: 1.125rem;
	letter-spacing: .1em;
	line-height: 2.4em;
	text-align: center;
}
.disabled .initiative .desc span {
	letter-spacing: .1em;
}
.disabled .initiative .more {
	margin-top: 60px;
}
.disabled .initiative .more a {
	max-width: 500px;	
}
@media screen and (max-width: 1220px) {
	.business .corp .tweak,
	.business .site .tweak,
	.business .corp .tweak2{
		display: block;
    	margin: 5px 0 0 3px;
		font-size: 1rem;
	}
	.business .corp .course,
	.business .site .course {
		margin: 10px 0 8px;
	    letter-spacing: .1em;
   		padding: 5px 22px 3px 26px;
	}
	.business .corp .course, .business .site .course {
    	margin: 10px 0 5px;
	}
}
@media screen and (max-width: 1023px) {
	.business .b-introduction .w-2-50 li .box {
		padding: 30px;
	}
	.business .corp-banner .ratio.w-3-31 li {
		width: 49%;
		margin: 0 2% 30px 0;
	}
	.business .corp-banner .ratio.w-3-31 li:nth-child(2n) {
		width: 49%;
		margin: 0 0 30px 0;
	}
	.business .corp-banner .ratio.w-3-31 li:last-child {
		margin-bottom: 0;
	}
	.business .sales-title {
    	font-size: 1.125rem;
	}
	.business .page-link-nav {
    	margin: 30px 0 50px;
	}
	.page-link-nav.divide-6 {
		position:relative;
	}
	.page-link-nav.divide-6:after {
		clear: both;
		content: " ";
		display: block;
	}
	.page-link-nav.divide-6 li {
		width: 30%;
    	float: left;
    	margin: 0 5% 30px 0;
	}
	.page-link-nav.divide-6 li:nth-child(3n) {
		margin: 0;
	}
}
@media screen and (max-width: 767px) {
	.business .page-link-nav,
	.business .tab-wrap.two-stage .page-link-nav {
    	margin: 20px 0 30px;
	}
	.business .sales-title {
    	text-align: left;
    	font-size: 1rem;
		line-height: 1.7em;
	}
	.business .w-2-15_5-80 {
    	margin: 30px 0 0;
	}
	.business .w-2-45 li {
    	margin-bottom: 0;
		padding: 30px 0;
		border-bottom: 1px solid #ddd;
	}
	.business .w-2-45:first-of-type li:first-child {
		padding: 0 0 30px;		
	}
	.business .w-2-45:last-of-type li:last-child {
		border-bottom: none;
	}
	.sales h2 {
    	letter-spacing: .05em;
    	font-size: 1.0625rem;
    	margin: 0 0 10px;
	}
	.sales .w-2-25_5-70 > li {
		margin: 0 0 20px 0;
	}
	.sales .w-2-25_5-70 > li:last-child {
		margin: 0;
	}
	.advantage .sales-title {
    	margin: 0 0 15px;
	}
	.advantage .w-3-30 h3 {
    	margin: 14px 0 11px;
    	font-size: 1.125rem;
	}
	.corp-banner {
		margin: 20px 0 0;
	}
	.achievement .point,
	.town-planning .point,
	.kyoutei .point{
    	font-size: 1.0625rem;
	}
	.kyoutei ul li {
    	margin-bottom: 12px;
    	padding: 16px 18px;
	}
	.kyoutei ul li table tr th, .kyoutei ul li table tr td {
		font-size: .9375rem;
	}
	.kyoutei ul li table tr th {
    	width: 76px;
	}
	.business .area-list {
		margin: 30px 0 0;
	}
	.page-parent.business .w-2-15_5-80 li img {
		display: block;
		width: 50%;
		margin: 0 auto;
	}
	.business .b-introduction .w-2-50 li .box {
    	padding: 20px;
	}
	.business .b-introduction .w-2-50 li .item {
    	margin: 0;
    	line-height: 1.6em;
	}
	.business .b-introduction .w-2-50 li .box .more {
		margin: 20px 0 0;
	}
	.achievement .item {
    	margin: 0 0 30px;
	}
	.achievement .ratio li {
		width: 100% !important;
	}
	.achievement .ratio {
    	margin: 0 0 12px 0;
	}
	.achievement .ratio li h4 {
		margin: 0 0 3px;
	}
	.achievement .ratio li:nth-child(2) p {
		font-size: .875rem;
	}
	.achievement .iso {
    	margin: 20px 0 0 0;
	}
	.town-planning .desc {
		text-align: left;
	}
	.town-planning .ratio:nth-of-type(1) {
    	margin: 30px 0 0;
	}
	.town-planning .ratio li h3 {
		font-size: 1.125rem;
	}
	.sports .asm-link .more a {
	    border-radius: 10px;		
	}
	.sports .asm-link .more a span::after {
		content: none;
	}
	.sports .asm-link p {
    	line-height: 1.6em;
    	font-size: 1rem;
    	text-align: left;
	}
	.sec-title-wrap h2.sec-title span.m-br:before,
	.sec-title-wrap h2.sec-title span.m-br:after {
		content: none;
	}
	.sec-title-wrap h2.sec-title span.m-br {
		display: block;
		padding: 0;
	}
	.syoukai_komon .region {
   	 	padding: 20px;
	}
	.syoukai_komon .region h3 {
    	font-size: 1.125rem;
    	margin: 0 0 10px;
	}
	.syoukai_komon .takumi .top-description {
    	padding: 0 0 30px;
	}
	.disabled .initiative .desc {
    	font-size: 1rem;
    	line-height: 1.8em;
    	text-align: left;
	}
	.disabled .initiative .img-wrap {
    	margin: 0 auto 20px;
	}
	.disabled .initiative .more {
    	margin-top: 20px;
	}
	.disabled .business .w-2-45:last-of-type li:last-child {
		padding: 30px 0 0;
	}
	.contract .vision .desc {
    	font-size: 1rem;
    	margin: 0 0 20px;
	}
	.contract .vision .idea .change span {
    	padding-left: 33px;
    	display: block;
	}
	.contract .vision .idea .change span:before {
    	left: 4px;
	}
	.contract .tour-wrap .box {
    	margin: 20px 0 0;
	}
	.contract .vision .w-2-25_5-70 li img {
		display: block;
		margin: 0 auto;
	}
	.quality-inspection #example .period {
    	padding: 5px 20px;
    	font-size: 1.125rem;
    	margin: 4px 0 11px;
		letter-spacing: .1em;
    	font-weight: bold;
	}
	.quality-inspection #example .ratio li,
	.quality-inspection #example .ratio li:last-child {
    	width: 100%;
    	margin: 0;
	}
}
/* ======================================================
/*                ++ 会社情報 ++
   ====================================================== */
/*----- 企業理念 -----*/
.philosophy .sentence {
	text-align: center;
	font-weight: bold;
}

.philosophy .autograph {
	margin: 60px 0 0 auto;
	width: 300px;
}

.philosophy .mark-wrap .w-2-15_5-80 li img {
	display: block;
	width: 80%;
	margin: 0 auto;
}

.philosophy .mark-wrap .w-2-15_5-80 li {
	margin-bottom: 20px;
}

.sentence p {
	font-size: 1.375rem;
	line-height: 2em;
}

.bl_purpose_desc {
	text-align: center;
	margin: 30px 0 0;
	line-height: 1.8;
	font-size: 1.0625rem;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.philosophy .sentence {
    	text-align: left;
	}
	
	.philosophy .autograph {
    	margin: 25px 0 0 auto;
    	width: 280px;
	}
	
	.philosophy .mark-wrap .w-2-25_5-70 li img {
		display: block;
		width: 50%;
		margin: 0 auto;
	}
	
	.philosophy .mark-wrap .w-2-15_5-80 li img {
		display: block;
		width: 20%;
		margin: 0 auto;
	}
	
	.sentence p {
		font-size: 1.125rem;
	}
	
	.bl_origin .sentence p,
	.bl_purpose .sentence p {
		text-align: center;
	}
	
	.bl_purpose_desc {
		text-align: left;
		margin: 20px 0 0;
		line-height: 1.7;
		font-size: 1rem;
	}
}

/*----- 会社概要 -----*/
.profile .link a {
	display: inline-block;
    padding: 2px 10px;
    background: #f0f0f0;
    color: #222;
    border-radius: 5px;
    margin-left: 20px;
	transition: .5s;
}

.profile .link a:hover {
	background: #ccc;
}

@media screen and (max-width: 767px) {
	.profile .link a {
    	display: block;
    	padding: 6px 10px;
    	font-size: .9375rem;
    	text-align: center;
		margin: 10px auto 0;
	}
	.profile .link.gap a {
		margin: 0 auto 12px;
	}
}

/*----- 沿革 -----*/
span.course_history {
	display:inline-block;
	padding:0 1.6em 0 1.8em;
	border-radius:4px;
	color:#fff;
	background:#594e52;
	margin-right:5px;
    margin-top: 1.4em;
/*  margin-bottom: 2em;*/
	letter-spacing:.2em;
	font-size: 1.4rem;
}

.history .w-2-15_5-80 {
	padding: 40px 0;
	border-bottom: 1px solid #f0f0f0;
}

.history .w-2-15_5-80:last-of-type {
	border: none;
}

.history .w-2-15_5-80 li {
	vertical-align: top;
}

.history .w-2-15_5-80 li h3 {
	font-size: 2.5rem;
	font-weight: bold;
    letter-spacing: .1em;
    line-height: 1;
    color: #555;
}

.history .w-2-15_5-80 li h4 {
	margin: 9px 0 0;
	line-height: 1.6em;
	font-weight: normal;
}

.history .w-2-15_5-80 li .gap {
	margin: 0 0 0 20px;
}

.bl_historyImg .pdf {
	text-align: center;
}
@media screen and (max-width: 767px) {
	.history .w-2-15_5-80 {
    	padding: 30px 0;
	}
	.history .w-2-15_5-80 li:first-child {
    	margin: 0 0 16px;
	}
	.history .w-2-15_5-80 li h3 {
    	font-size: 2rem;
	}
}

/*----- パンフレット -----*/
.bl_pamphlet {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px;
}

.bl_pamphlet_desc {
	margin: 12px 0 0;
}

.bl_pamphlet_link {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;	
	margin: 30px 0 0;
}

.bl_pamphlet_agknews {
	border: 1px solid #ddd;
	padding: 30px;
	margin: 12px 0 0;
}

.bl_pamphlet_agknews h3 {
	margin: 0 0 10px;
}

@media screen and (max-width: 1279px) {
	.bl_pamphlet_link {
    	display: block;
		margin: 20px 0 0;
	}
	
	.bl_pamphlet_link .el_more:not(:last-of-type) {
		margin: 0 0 10px;
	}
}


@media screen and (max-width: 767px) {
	.bl_pamphlet {
    	display: block;
	}
	
	.bl_pamphlet li:not(:last-child){
		margin: 0 0 40px;
	}
	
	.bl_pamphlet .sec-title-wrap {
		margin: 0 0 15px;
	}
	
	.bl_pamphlet_agknews {
    	padding: 14px;
	}
}

/*----- 広告／宣伝 -----*/
.advertisement .bl_mainVisual_ttl {
	color: #005bac;
}
.advertisement .bl_mainVisual::before {
    content: none;
}
.el_divide__col2 {
	display: grid;
	 grid-template-columns: repeat(2, 1fr);
}
.el_divide__col3 {
	display: grid;
	 grid-template-columns: repeat(3, 1fr);
}
.el_divide__left40p{
	display: grid;
	grid-template-columns: 40% 1fr;
}
.el_divide__left510{
	display: grid;
	grid-template-columns: 510px 1fr;
}

.el_divide__gap20 {
	gap:20px;
}
.el_divide__gap30 {
	gap:30px;
}
.el_divide__gap40 {
	gap:40px;
}
.el_divide__gap60 {
	gap:60px;
}
.el_divide__gap80 {
	gap:80px;
}
.bl_ad_program {
    text-align: center;
	margin: 30px 0;
}
.bl_ad_program div {
    display: inline-block;
    line-height: 1.6em;
    border: 1px dotted #000000;
    padding: 20px;
	text-align: left;
}
.bl_ad_desc {
	text-align: center;
}
.bl_ad_cmCont {
	margin: 80px 0 0;
}
.bl_ad_cmCont .el_divide__col2 {
	gap: 40px 60px;
}
.youtube-wrap {
	margin: 15px 0 0;
}
.bl_ad_note {
	text-align: center;
	margin: 40px 0 15px;
}
.bl_ad_sportsBnr {
	max-width: 720px;
	margin: 0 auto;
	transition: .3s
}
.bl_ad_sportsBnr:hover {
	opacity: .8;
}

.advertisement .youtube-wrap img {
	display: block;
	width: 100%;
}
.advertisement .youtube-wrap h3,
.advertisement .ratio li h3 {
	background: #f5f5f5;
	text-align: center;
	font-size: .875rem;
	padding: 10px 2px;
	font-weight: bold;
	letter-spacing: .1em;
}
.advertisement .ratio li h3.fs {
	letter-spacing: 0;
}
.advertisement .ratio li h3 span {
	display: block;
	margin: 5px 0 0;
	font-weight: normal;
}
.advertisement .ratio li .box {
	font-size: .75rem;
	margin: 12px 0 0;
}
.advertisement #ad-1 .box table th,
.advertisement #ad-1 .box table td {
	display: inline-block;
	vertical-align: top;
	padding: 6px 0;
}
.advertisement #ad-1 .box table th {
	width: 100px;
}
.youtube {
	overflow: hidden;
}
.youtube .inner {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;	
}
.youtube .inner iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.youtube .inner:after {
    content: "";
    clear: both;
    display: block;
}
@media screen and (max-width: 1023px)  {
	.bl_ad_cmCont .el_divide__col2 {
		gap: 30px;
	}
}
@media screen and (max-width: 767px)  {
	.bl_ad_cmCont .el_divide__col2 {
		display: block;
	}
	.bl_ad_cmCont .el_divide__col2 li:not(:last-child) {
		margin: 0 0 30px;
	}
	.bl_ad_desc {
		text-align: left;
	}
	.bl_ad_note {
		margin: 30px 0 15px;
	}
	.bl_ad_cmCont {
		margin: 50px 0 0;
	}
}
/*----- 安心宣言 -----*/
.relief-statement .item {
	margin: 0 0 40px;
}
.relief-statement section .item:last-of-type {
	margin: 0;
}
.relief-statement .item h3 {
	font-weight: bold;
	letter-spacing: .05em;
	font-size: 1.125rem;
	margin: 0 0 4px;
}
.relief-statement .mark-circle {
	font-weight: normal;
}
.relief-statement .mark-circle:before {
	background: #ccc;
}
.relief-statement .w-2-48 {
	margin: 0 0 40px;
}
.relief-statement .w-2-48 li {
	vertical-align: top;
}
.relief-statement .w-2-48 li h4 {
	color: #005bac;
	font-size: 1.125rem;
	font-weight: bold;
	letter-spacing: .1em;
	margin: 0 0 10px;
}
.relief-statement .w-2-48 li .inner {
	padding: 30px;
	border: 1px solid #ccc;
}
.relief-statement .w-2-48 li .inner .mark-circle span {
	font-weight: bold;
	letter-spacing: .1em;
}
.relief-statement .w-2-48 li .inner .mark-circle:first-of-type {
	margin-bottom: 8px;
}
.relief-statement .top-desc {
	font-size: 1.25rem;
	letter-spacing: .1em;
	font-weight: bold;
	text-align: center;
	margin: 50px 0 45px;
}
.relief-statement .partnership .list-box {
	margin: 12px 0 0;
}
.relief-statement .partnership .list-box li {
    margin: 0 0 12px;
}
.relief-statement .partnership .list-box li:last-child {
    margin: 0;
}
.relief-statement .partnership .list-box li h4 {
    font-weight: bold;
	letter-spacing: .05em;
	margin: 0 0 3px;
}
.relief-statement section.border {
    border-top: dotted 1px #ccc;
    border-bottom: none;
}
@media screen and (max-width: 767px) {
	.relief-statement .bl_topDesc {
		padding: 20px 15px 0;
	}
	.relief-statement .item {
    	margin: 0 0 24px;
	}
	.relief-statement .w-2-48 li .inner {
    	padding: 20px;
	}
	.relief-statement .top-desc {
    	font-size: 1rem;
    	margin: 30px 0 24px;
	}
}
/*----- SDGsの取り組み -----*/
.sdgs .item .desc {
	line-height: 1.8em;
}
.sdgs .item .desc:first-of-type {
	margin: 0 0 20px;
}
/*----- 働き方改革の取組み -----*/

.wsr_catch p {
    font-size: 1.25rem;
    font-weight: 700;
}

.wsr_links ul {
    width: 85%;
    max-width: 100%;
    gap: 5%;
}

.wsr_links ul li a {
    font-size: 1rem;
    position: relative;
    padding: 25px 0;
}

.wsr_links ul li a::after {
    font-family: FontAwesome;
    content: '\f054';
    position: absolute;
    top: 10%;
    bottom: 0;
    right: 15%;
    margin: auto;
    transform: rotate(90deg);
}

.wsr_links ul li:nth-child(1) a.btnline {
    color: #005BAC;
    border: solid 1px #005BAC;
}

.wsr_links ul li:nth-child(2) a.btnline {
    color: #E8509D;
    border: solid 1px #E8509D;
}

.wsr_links ul li:nth-child(3) a.btnline {
    color: #3AA335;
    border: solid 1px #3AA335;
}

.wsr_links ul li:nth-child(1) a.btnline:hover,
.wsr_links ul li:nth-child(2) a.btnline:hover,
.wsr_links ul li:nth-child(3) a.btnline:hover {
    color: #fff;
}

.wsr_links ul li:nth-child(2) a.btnline:hover {
    background: #E8509D;
}

.w_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wsr h2 {
    font-size: 1.375rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    margin: 0 0 60px;
    color: #005BAC;
}

.wsr h2:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 2px;
    background: #005BAC;
}

.wsr_wrap {
    margin: 0 0 100px;
}

.wsr_box {
    padding: 80px 5% 50px;
    background: #F0F5FA;
    border-radius: 80px;
}

.wsr_box ul li {
    width: 48%;
    margin: 0 0 50px;
}

.wsr_img {
    width: 35%;
}

.wsr_txt {
    width: 60%;
}

.wsr_txt h3 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #005BAC;
    margin: 0 0 10px;
}

.wsr_txt small {
    display: block;
    font-size: .875rem;
    margin: 10px 0 0;
}

.wsr_two h2,
.wsr_two h3 {
    color: #E8509D;
}

.wsr_two h2::after {
    background: #E8509D;
}

.wsr_two .wsr_box {
    background: #FEF5F9;
}

.wsr_two ul li:nth-child(3) {
    width: 80%;
}

.wsr_two ul li:nth-child(3) .wsr_img {
    width: 21%;
}

.wsr_two ul li:nth-child(3) .wsr_txt {
    width: 76%;
}

.wsr_two ul li:nth-child(4) {
    width: 15%;
}

.wsr_three h2,
.wsr_three h3 {
    color: #3AA335;
}

.wsr_three h2::after {
    background: #3AA335;
}

.wsr_three .wsr_box {
    background: #F3FAF3;
}

@media screen and (max-width: 767px) {
    .wsr_catch p {
        font-size: 1rem;
    }

    .wsr_links ul {
        width: 65%;
        display: block;
    }

    .wsr_links ul li a {
        font-size: .875rem;
        margin: 0 0 15px;
        padding: 12px 0;
    }

    .wsr_box {
        padding: 60px 3% 30px;
        border-radius: 50px;
    }

    .wsr_box ul li,
    .wsr_txt,
    .wsr_two ul li:nth-child(3),
    .wsr_two ul li:nth-child(3) .wsr_txt {
        width: 100%;
    }

    .wsr_two ul li:nth-child(3) .wsr_img {
        width: 35%;
    }

    .wsr_two ul li:nth-child(4) {
        width: 30%;
        margin: -20px auto 40px;
    }

    .wsr_img {
        width: 35%;
        margin: 0 auto 10px;
    }

    .wsr_txt h3 {
        text-align: center;
    }
}

/*----- DXの取組み -----*/
.bl_dxItem {
    margin: 0 0 50px;
}
.bl_dxItem:last-of-type {
    margin: 0;
}
.bl_dxItem .img-wrap {
    max-width: 800px;
    margin: 30px auto 0;
}
.bl_dxItem .list-item {
    padding: 30px 0 0 30px;
}
.bl_dxItem .list-item li {
    margin: 0 0 16px;
}
.bl_dxItem .list-item li h3 {
    font-weight: bold;
    margin: 0 0 6px;
    letter-spacing: .05em;
}
@media screen and (max-width: 767px) {
	.bl_dxItem  {
    	margin: 0 0 30px;
	}
	.bl_dxItem  .list-item {
    	padding: 15px 0 0;
	}
}
/*----- 社員教育の取組み -----*/
.employee-training .w-2-25_5-70 li:last-child{
	margin-top: 20px;
}

.employee-training .w-2-25_5-70 .course {
	margin: 30px 0;
}

.employee-training .w-2-25_5-70 h3 {
	font-size: 1.125rem;
	font-weight: bold;
	letter-spacing: .1em;
	margin: 0 0 4px;
}

.employee-training .w-2-25_5-70 p {
	line-height: 1.8em;
}

.bl_employeeTraining .el_divide__col3 li:not(:last-child){
	margin: 0 0 40px;
}
/*----- 認定職業訓練 -----*/
.employee-training.training-nintei .w-2-25_5-70.v-middle {
	margin: 30px 0 0;
}
.employee-training.training-nintei .nintei-course-table .w-2-25_5-70 {
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}
.employee-training.training-nintei .nintei-course-table .w-2-25_5-70 li h3 {
	margin: 16px 0 4px;
}
.employee-training.training-nintei .nintei-course-table .w-2-25_5-70 li:last-child h3:nth-of-type(1) {
	margin: 0 0 4px;
}
.employee-training.training-nintei .w-2-25_5-70 li:last-child {
    margin-top: 0;
}
.employee-training.training-nintei .w-2-25_5-70 li:last-child .more a {
    margin: 7px 0 0;
    padding: 5px;
    max-width: 200px;
}
.training-nintei .box {
	margin: 50px 0 0;
}
.training-nintei .cours-navi li {
	display: inline-block;
	float: left;
	width: 18.4%;
	margin: 0 2% 10px 0;
	vertical-align: top;
	text-align: center;
	border: 1px solid #333;
	font-weight: bold;
}
.training-nintei .cours-navi li:nth-child(5n) {
	margin: 0 0 10px;
}
.training-nintei .cours-navi li span {
	font-size: .875rem;
	display: inline-block;
}
.training-nintei .cours-navi li a {
	display: block;
	transition: .4s;
	padding: 8px 0;
}
.training-nintei .cours-navi li a:hover {
	color: #fff;
	background: #333;
}
.employee-training.training-nintei .w-2-25_5-70 p {
    line-height: 1.5em;
    font-weight: normal;
}

.sales_desc {
	margin: 16px 0 0;
}
.training-nintei .school-list {
	border: 1px solid #ddd;
	border-top: none;
	padding: 50px;
}
.training-nintei .school-list h3 {
	font-weight: bold;
	margin: 0 0 8px;
}
.training-nintei .school-list ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
}
.training-nintei .school-list ul li a:hover {
	color: #005bac;
}
.training-nintei .more.zenkoku {
	margin: 50px auto 0;
}
.training-nintei .attendance-contact {
	text-align: center;
}
.training-nintei .attendance-contact p {
	font-weight: bold;
	margin: 0 0 30px;
}

.training-nintei .box .more {
	margin: 10px 0 0;
}
.bl_university {
	position: relative;
	z-index: 1;
    background: #f7f8fb;
}

.bl_university_desc {
	line-height: 2rem;
    font-weight: bold;
	text-align: center;
	margin: 0 0 44px;
	font-size: 1.0625rem;
}

.bl_university_box ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
	margin: 15px 0 0;
}
.bl_university_box ul li {
    padding: 35px 14px 32px;
    background: #fff;
    text-align: center;
    box-shadow: 0 3px 12px #0000000d;
    border-radius: 10px;
}

.bl_university_box_img {
	max-width: 50px;
    margin: 15px auto 0;
}

.bl_university_box ul li h3 {
    font-weight: bold;
    margin: 0 0 15px;
    line-height: 1.2;
    letter-spacing: .1em;
}
.bl_university_box ul li h3 span {
	font-size: .75rem;
}

p.bl_university_txt {
	font-size: 1.5rem;
    font-weight: bold;
    color: #1d3557;
}

.bl_university_box .number {
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    color: #ff8c00;
	line-height:1;
}

.bl_university_box .unit {
    letter-spacing: .1em;
    font-size: .75rem;
    display: inline-block;
    font-weight: bold;
	margin-left: 5px;
}

.bl_university_txtItem,
.bl_university_txtNote {
	font-size: .875rem;
}

.bl_university_cont ul {
	margin: 12px 0 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}
.bl_university_cont ul li {
	background: #fff;
    box-shadow: 0 3px 12px #0000000d;
    border-radius: 10px;
    padding: 36px 0 0;
}

.bl_university_inner {
    padding: 30px 40px 32px;
}

.bl_university_cont ul li h3 {
	padding: 20px 0;
    border-bottom: 2px dotted #ddd;
    text-align: center;
    font-size: 1.25rem;
    color: #052171;
	font-weight: bold;
}

.bl_university_innerTxt {
	font-size: .9375rem;
	line-height: 1.8;
}

.bl_university_innerTxt .el_color__blue {
	font-weight: bold;
	color: #052171;
}

.bl_university_cont ul li h4 {
    font-size: .9375rem;
}

.bl_university_contItem {
    margin: 21px 0 0;	
}

.bl_university_contTxt {
    font-size: .875rem;
    line-height: 1.4;
    margin: 6px 0 0;
}

.bl_university_contImg {
 	max-width: 100px;
	margin: 0 auto;
}

@media screen and (max-width: 1023px) {
	.training-nintei .cours-navi li,
	.training-nintei .cours-navi li:nth-child(5n){
		width: 32%;
		margin: 0 2% 10px 0;
	}
	
	.training-nintei .cours-navi li:nth-child(3n) {
		margin: 0 0 10px 0;
	}
	
	.training-nintei .school-list {
    	padding: 16px;
	}
	
	.bl_university_desc {
    	line-height: 1.7em;
    	margin: 0 0 30px;
		font-size: 1rem;
	}
	
	.bl_university_box ul {
    	grid-template-columns: repeat(2, 1fr);
	}
	
	.bl_university_inner {
    	padding: 24px 24px 26px;
	}
	
	.bl_university_box_img {
    	max-width: 70px;
	}
}

@media screen and (max-width: 767px) {
	.training-nintei .cours-navi li{
		display: block;
		float: none;
		width: 100% !important;
		margin: 0 0 10px 0 !important;
	}
	
	.employee-training.training-nintei .w-2-25_5-70 li:last-child .more {
		margin: 10px auto 0;
	}
	
	.employee-training.training-nintei .w-2-25_5-70 li:last-child .more a {
		max-width: 300px;
		margin: 0 auto;
	}
	
	.training-nintei .attendance-contact p {
		text-align: left;
	}
	
	.bl_university_desc {
		text-align: left;
	}
	
	.bl_university_cont ul {
		display: block;
	}
	
	.bl_university_cont ul li:not(:last-child) {
		margin: 0 0 15px;
	}
	
	.bl_university_cont ul li h3 {
    	padding: 18px 0 15px;
    	font-size: 1.125rem;
	}
}
/*----- FA・ロボットエンジニア育成コース -----*/
.training-robot .sales .sales-text {
	font-weight: bold;
	text-align: center;
	font-size: 1.25rem;
	letter-spacing: .1em;
}
.training-robot .sales img {
	display: block;
	margin: 50px auto 0;
}
.training-robot .training-content .item {
	text-align: center;
	margin: 5px 0 0;
}
.training-robot .training-content .inner p {
	margin: 20px 0 0;
	letter-spacing: .05em;
	line-height: 1.8em;
}
.training-robot .training-content .inner p:nth-of-type(1) {
	margin: 0;
}
.training-robot .training-content .box h4 {
	font-size: 1.125rem;
	font-weight: bold;
	margin: 0 0 8px;
	color: #694a9b;
}
.training-robot .training-content .box  img.robot {
	display: block;
	margin: 20px 0 0;
}
.training-robot .set-up .sales-title {
	font-weight: bold;
	text-align: center;
	font-size: 1.25rem;
	letter-spacing: .1em;
	margin: 0 0 30px;
}
.training-robot .set-up .emphasis {
	text-align: center;
	font-size: 1.125rem;
	letter-spacing: .1em;	
}
.training-robot .set-up .figure-img {
	margin: 0 0 80px;
}
.training-robot .set-up .figure-img img {
	display: block;
	margin: 30px auto 20px;
}
.training-robot .set-up .box .w-2-25_5-70 {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.training-robot .set-up .w-2-25_5-70 li:last-child .mark-square {
	margin: 20px 0 0;
}

@media screen and (max-width: 767px) {
	.training-robot .sales .sales-text {
		font-size: 1.125rem;
		text-align: left;
	}
	.training-nintei .box {
    	margin: 30px 0 0;
	}
	.training-robot .set-up .emphasis {
    	text-align: left;
    	font-size: 1rem;
	}
	.training-robot .set-up .figure-img {
    	margin: 0 0 30px;
	}
}
/*----- 保全技能士育成コース -----*/
.video {
    width: 100%;
    cursor: pointer;
}
.training-nintei-hozen .sales .sales-text {
	font-weight: bold;
	text-align: center;
	font-size: 1.25rem;
	letter-spacing: .1em;
}
.training-nintei-hozen .sales img {
	display: block;
	margin: 50px auto 0;
}
.training-nintei-hozen .sales img.m-block {
	display: none;
}
.training-nintei-hozen .training-content .atom {
	text-align: center;
    padding: 10px 0;
    background: #005bac;
    color: #fff;
}
.training-nintei-hozen .training-content .enclosure {
	border: 1px solid #ddd;
	padding: 30px 60px;
}
.training-nintei-hozen .get-licensed .sales-title {
	font-weight: bold;
	text-align: center;
	font-size: 1.25rem;
	letter-spacing: .1em;
	margin: 0 0 30px;	
}
.training-nintei-hozen .hozenshi-box {
	border: 1px solid #ddd;
	padding: 30px;	
}
.training-nintei-hozen .hozenshi-box .sakura {
	color: #ee827c;
}
.training-nintei-hozen .hozenshi-box .w-3-30 > li {
	margin-bottom: 20px;
}
.training-nintei-hozen .get-licensed .hozenshi {
	text-align: center;
    padding: 16px 0;
    background: #db757e;
    color: #fff;
    font-size: .875rem;
}
@media screen and (max-width: 1023px) {
	.training-nintei-hozen .training-content .enclosure {
    	padding: 30px;
	}
	.get-licensed .w-2-25_5-70 {
		max-width: 600px;
    	margin: 0 auto;
	}
	.get-licensed .w-2-25_5-70 > li {
		display: block;
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.training-nintei-hozen .get-licensed .sales-title {
    	text-align: left;
    	font-size: 1.125rem;
    	margin: 0 0 20px;
	}
	.training-nintei-hozen .training-content .enclosure {
    	padding: 16px;
	}
}
/*----- 自治体タイアップ -----*/
.tie-up .w-3-30 li h3,
.tie-up .oyama .w-2-30_5-65 h2 {
	font-weight: bold;
	font-size: 1.125rem;
    margin: 10px 0 4px;
}
.tie-up .w-3-30 li {
	margin-top: 40px;
}
.tie-up .oyama .w-2-30_5-65 {
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.tie-up .oyama .w-2-30_5-65 {
    	margin-bottom: 20px;
	}
	.tie-up .w-3-30 li {
    	margin-top: 30px;
	}
}
/*産学連携*/
/*
20250620現在使用中の色（現在進行形のみ）
no1 project3
no2 project11
no3 project2
no4 project6
no5 project7
no6 project8
no7 project1
no8 project5
no9
no10
no11 project9
no12 project4
*/


.sangaku .page-link-nav {
  margin: 0 0 80px;
}
.sangaku .tab.top li{
	border-top:none;
	margin: 0 1%;
	width: 20%;
}
.sangaku .back-blue{
	background-color:#e4eef8
}
.sangaku .blue-line{
	border-top: 2px solid #005baa;
  margin-bottom: 5%;
  margin-top: 1.5%;
}
.sangaku .aqua-line{
	border-top: 2px solid #0098d2
}

.sangaku .btn-pertner{
  margin-top: 5%;
	text-align: center;
}
.sangaku .btn-pertner .btn,
.sangaku .btn-pertner a.btn,
.sangaku .btn-pertner button.btn {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.sangaku .btn-pertner a.btn-gradient {
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  border-radius: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#2af598), to(#009efd));
  background-image: -webkit-linear-gradient(left, #2af598 0%, #009efd 100%);
  background-image: linear-gradient(90deg, #2af598 0%, #009efd 100%);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  width: 65%;
}
.sangaku .btn-pertner a.btn-gradient:hover {
  -webkit-transform: skew(0);
  transform: skew(0);
  color: #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
}

.sangaku .tab.top li a{
  color: white;
  background-color: #005baa;
  padding: 5%;
  display: block;
}

.sangaku .box-w{
	background-color:white;
	padding: 70px;
	margin-bottom:4%;
	position:relative
}
.sangaku .box-w .num p {
  position: absolute;
  top: 16px;
  left: -6px;
  transform: rotate(-45deg);
  z-index: 2;
  color: #fff;
}
.sangaku .box-w .num p span {
  display: inline-block;
  margin-left: 3px;
  font-size: 1.5rem;
}

.sangaku .box-w .num:before {
  content: '';
  position: absolute;
  top: 0;
	left: 0;
  width: 100px;
  height: 100px;
  background-image: linear-gradient(135deg, #005bac 70px, transparent 0);
  z-index: 1;
  transition: .5s;
}
.sangaku .box-w.no2 .num:before {
    background-image: linear-gradient(135deg, #005d3c 70px, transparent 0);	
}
.sangaku .box-w.no3 .num:before {
    background-image: linear-gradient(135deg, #d84f24 70px, transparent 0);	
}
.sangaku .box-w.no4 .num:before {
    background-image: linear-gradient(135deg, #1e8ec3 70px, transparent 0);	
}
.sangaku .box-w.no5 .num:before {
    background-image: linear-gradient(135deg, #db757e 70px, transparent 0);	
}
.sangaku .box-w.no6 .num:before {
    background-image: linear-gradient(135deg, #9f8051 70px, transparent 0);	
}
.sangaku .box-w.no7 .num:before {
    background-image: linear-gradient(135deg, #108f7e 70px, transparent 0);	
}
.sangaku .box-w.no8 .num:before {
    background-image: linear-gradient(135deg, #5e8f10 70px, transparent 0);	
}
.sangaku .box-w.no9 .num:before {
    background-image: linear-gradient(135deg, #e37300 70px, transparent 0);	
}
.sangaku .box-w.no10 .num:before {
    background-image: linear-gradient(135deg, #ccaa00 70px, transparent 0);	
}
.sangaku .box-w.no11 .num:before {
    background-image: linear-gradient(135deg, #610c81 70px, transparent 0);	
}
.sangaku .box-w.no12 .num:before {
    background-image: linear-gradient(135deg, #d93253 70px, transparent 0);	
}
.sangaku .box-w h2{
	font-size:1.5rem;
	font-weight:bold;
	color: #005baa
}
.sangaku h3{
	font-size:1.375rem;
	font-weight:bold;
	color: #005baa;
	text-align:left;
	margin:3% 0 0;
}
.sangaku .box-w.no3 h3{
	color: #d84f24;
}
.sangaku .box-w.no7 h3{
	color: #108f7e;
}

.sangaku p.zenkouzi{
	font-size:0.8em;
	text-align:right;
	margin-top:1%
}
.sangaku .box-w h3 span{
position: relative;
    display: inline-block;
    margin: 1.5em 25px 1.5em 0;
    padding: 3.5px 10px;
    color: white;
    font-size: 16px;
    background: #0098d2;
}
.sangaku .box-w h3 span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #0098d2;
}
.sangaku .box-w .box-b{
border: 2px solid #005baa;
    padding: 0.5% 2%;
	font-size: 1.25rem;
}
.sangaku .korabo span{
	font-weight:bold;
	font-size:0.8em
}
.sangaku .top-description {
    padding: 50px 0 10px;
}
.sangaku .over-f{
	overflow:hidden
}
.sangaku .btm-7{
	margin-bottom:7%
}
.sangaku .btm-2{
	margin-bottom:20px
}
.sangaku .btm-3{
	margin-bottom:3%
}
.sangaku .btm-5{
	margin-bottom:5%
}
.sangaku .korabo p{
	color:#005baa;
	font-weight:bold;
	display:inline-block;
	padding: 1%;
	float: left;
}
.sangaku .font-aqua{
	color:#0098d2
}
.sangaku .font-green {
    color: #4caf50;
}
.sangaku .font-orange {
    color:#ea8c01
}
.sangaku .font-pink {
    color:#db757e
}
.sangaku .box-w .left,
.sangaku .box-w .right{
    text-align: left;
    display: inline-block;
    width: 55%;
    vertical-align: top;
    margin-right: 4%;
}
.sangaku .box-w .right{
    width: 40%;
    margin-right: 0;
}
.sangaku .back-blue .tab.top{
	margin-bottom:0
}
.sangaku .back-blue .tab.top li{
    width: 60%;
    margin-bottom:0;
}
.sangaku .back-blue .tab.top li a{
	padding:2% 5%
}
.sangaku .info{
	text-align:center;	
}
.sangaku .info h1 span{
	color:#005baa
}
.sangaku .ul-wrap{
    display: flex;
    justify-content: center;
    align-items: center;	
}

.sangaku-news li {
	margin: 20px 0 0;
	border-bottom: solid 1px #d9d9d9;
    padding-bottom: 15px;
}
.sangaku-news li:first-child {
	margin: 0;
}
.sangaku .sangaku-news li figure,.sangaku .sangaku-news li .more-link {
    display: inline-block;
    width: 20%;
	vertical-align:middle
}
.sangaku .sangaku-news li .more-link {
    text-align: left;
    width: 100%;
}
.sangaku .sangaku-news li .more-link a{
color: #444;
}
.sangaku .sangaku-news li .more-link a:hover {
	color: #888;
}
.sangaku .sangaku-news li .date {
    display: block;
    color: #005bac;
    font-size: 0.9375rem;
	margin: 0 0 5px;
	letter-spacing: .1em;
	display: inline-block;
    width: 95px;
}
.sangaku .box-w.no2 .box-b{
	border: 2px solid #005D3C
}
.sangaku .box-w.no2 .korabo p,.sangaku .box-w.no2 h2 {
	color: #005D3C
}
.sangaku .box-w.no2 .aqua-line {
    border-top: 2px solid #4caf50;
}
.sangaku .box-w.no3 .box-b{
	border: 2px solid #d84f24
}
.sangaku .box-w.no3 .korabo p,.sangaku .box-w.no3 h2 {
	color: #d84f24
}
.sangaku .box-w.no3 .aqua-line {
    border-top: 2px solid #ea8c01;
}
.sangaku .box-w h3 span {
    position: relative;
    display: inline-block;
    margin: 1.5em 25px 1.5em 0;
    padding: 3.5px 10px;
    color: white;
    font-size: 16px;
    background: #0098d2;
}
.sangaku .box-w.no3 h3 span {
    background:  #ea8c01;
}
.sangaku .box-w.no7 h3 span {
    background: #14bda6;
}
.sangaku .font-b{
	font-weight:bold
}
.sangaku .box-w.no3 h3 span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #0098d2;
}
.sangaku .box-w.no3 h3 span:before {
    border-left: 15px solid #ea8c01;
}
.sangaku .box-w.no7 h3 span:before {
    border-left: 15px solid #14bda6;
}
.sangaku .box-w.no4 .box-b{
	border: 2px solid #1e8ec3
}
.sangaku .box-w h3 span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #0098d2;
}
.sangaku .box-w.no4 .korabo p,.sangaku .box-w.no4 h2 {
	color:#1e8ec3
}
.sangaku .box-w.no4 .aqua-line {
    border-top:2px solid #9ecfe6
}
.sangaku .box-w.no5 .box-b{
	border: 2px solid #db757e
}
.sangaku .box-w.no5 .korabo p,.sangaku .box-w.no5 h2 {
	color:#db757e
}
.sangaku .box-w.no5 .aqua-line {
    border-top:2px solid #db757e
}
.sangaku .box-w.no6 .box-b{
	border: 2px solid #9f8051
}
.sangaku .box-w.no6 .korabo p,.sangaku .box-w.no6 h2 {
	color:#9f8051
}
.sangaku .box-w.no6 .aqua-line {
    border-top:2px solid #cbb28d
}
.sangaku .box-w.no7 .box-b{
	border: 2px solid #108f7e
}
.sangaku .box-w.no7 .korabo p,.sangaku .box-w.no7 h2 {
	color:#108f7e
}
.sangaku .box-w.no7 .aqua-line {
    border-top:2px solid #108f7e
}
.sangaku .font-emerald{
	color:#108f7e
}
.sangaku .box-w.no8 .box-b{
	border: 2px solid #5e8f10
}
.sangaku .box-w.no8 .korabo p,.sangaku .box-w.no8 h2 {
	color:#5e8f10
}
.sangaku .box-w.no8 .aqua-line {
    border-top:2px solid #5e8f10
}
.sangaku .back-blue .navi li a.no8 {
    color: #5e8f10;
    border: 2px solid #5e8f10;
}
.sangaku .box-w.no8 .text-c{
	text-align:center
}
.sangaku .box-w.no9 .box-b{
	border: 2px solid #e37300
}
.sangaku .box-w.no9 .korabo p,.sangaku .box-w.no9 h2 {
	color:#e37300
}
.sangaku .box-w.no9 .aqua-line {
    border-top:2px solid #e37300
}
.sangaku .back-blue .navi li a.no9 {
    color: #e37300;
    border: 2px solid #e37300;
}
.sangaku .box-w.no5 .text-c{
	text-align:center;
}
.sangaku .box-w.no5 .left{
    width: 100%;
}
.sangaku .box-w.no_pink .left{
    width: 55%;
}
.sangaku .box-w.no5 .area {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1%;
    border-bottom: dashed 2px #db757e;
    padding: 1% 0;
}
.sangaku .box-w.no5 .box-01 {
    width: 80%;
}
.sangaku .box-w.no5 .box-02 {
    margin-right: 0.5%;
}
.sangaku .box-w.no5 .box-03 {
    margin-right: 0.5%;
}
.sangaku .box-w.no10 .box-b{
	border: 2px solid #ccaa00;
}
.sangaku .box-w.no10 .korabo p,.sangaku .box-w.no10 h2 {
	color:#ccaa00;
}
.sangaku .box-w.no10 .aqua-line {
    border-top:2px solid #ccaa00;
}
.sangaku .back-blue .navi li a.no10 {
    color: #ccaa00;
    border: 2px solid #ccaa00;
}
.sangaku .box-w.no10 .text-c{
	text-align:center;
}
.sangaku .box-w.no11 .box-b{
	border: 2px solid #610c81;
}
.sangaku .box-w.no11 .korabo p,.sangaku .box-w.no11 h2 {
	color:#610c81;
}
.sangaku .box-w.no11 .aqua-line {
    border-top:2px solid #610c81;
}
.sangaku .back-blue .navi li a.no11 {
    color: #610c81;
    border: 2px solid #610c81;
}
.sangaku .box-w.no11 .text-c{
	text-align:center;
}
.sangaku .back-blue .navi li a span.px-13 {
    display: inline-block;;
}
.sangaku .box-w.no12 .box-b{
	border: 2px solid #d93253;
}
.sangaku .box-w.no12 .korabo p,.sangaku .box-w.no12 h2 {
	color:#d93253;
}
.sangaku .box-w.no12 .aqua-line {
    border-top:2px solid #d93253;
}
.sangaku .back-blue .navi li a.no12 {
    color: #d93253;
    border: 2px solid #d93253;
}
.sangaku .box-w.no12 .text-c{
	text-align:center;
}
.sangaku .back-blue .navi{
	margin:5% 0 1%;
	overflow:hidden;
	text-align:left
}
.sangaku .back-blue .navi {
	display: grid;
	 grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	text-align:center;
}
.sangaku .back-blue .navi li a{
	display: block;
    background-color: white;
    font-weight: bold;
    line-height: 1.1em;
    padding: 6% 3%;
	padding: 18px 10px;
	color:#005baa;
	border:2px solid #005baa
}
.sangaku .back-blue .navi li a.bio{
	padding: 10px 10px;
}
.sangaku .btn-pertner
.sangaku .back-blue .navi li a.no2{	color:#005d3c;border:2px solid #005d3c}
.sangaku .back-blue .navi li a.no3{	color:#d84f24;border:2px solid #d84f24}
.sangaku .back-blue .navi li a.no4{	color:#1e8ec3;border:2px solid #1e8ec3}
.sangaku .back-blue .navi li a.no5{	color:#db757e;border:2px solid #db757e}
.sangaku .back-blue .navi li a.no6{	color:#9f8051;border:2px solid #9f8051}
.sangaku .back-blue .navi li a.no7{	color:#108f7e;border: 2px solid #108f7e;}
.sangaku .back-blue .navi li a.no11 {color: #610c81;border: 2px solid #610c81;}
.sangaku .back-blue .navi li a span{
	display:block
}
.sangaku .back-blue .navi li a.no2 {
    color: #005d3c;
    border: 2px solid #005d3c;
}
.sangaku .back-blue .navi li a span.min{
	display:inline-block;
	font-size:0.8em
}
.sangaku .credit{
	margin-top:1%;
	font-size:0.8em;
	text-align:right
}
.sangaku .indent-1 {
	padding-left:1em;text-indent:-1em;
}
.sangaku .korabo p.partner{
	color :#fff;
	background:#005bac;	
}
.sangaku .no2 .korabo p.partner {
	color :#fff;
    background: #005d3c;	
}
.sangaku .no3 .korabo p.partner {
	color :#fff;
    background: #d84f24;	
}
.sangaku .no4 .korabo p.partner {
	color :#fff;
    background: #1e8ec3	
}
.sangaku .no5 .korabo p.partner {
	color :#fff;
    background: #db757e;	
}
.sangaku .no6 .korabo p.partner {
	color :#fff;
    background: #9f8051;	
}
.sangaku .no7 .korabo p.partner {
	color :#fff;
    background: #108f7e;	
}
.sangaku .no8 .korabo p.partner {
	color :#fff;
    background: #5e8f10;	
}
.sangaku .no9 .korabo p.partner {
	color :#fff;
    background:#e37300;	
}
.sangaku .no10 .korabo p.partner {
	color :#fff;
    background: #ccaa00;	
}
.sangaku .no11 .korabo p.partner {
	color :#fff;
    background: #610c81;	
}
.sangaku .no12 .korabo p.partner {
	color :#fff;
    background: #d93253;	
}

.bl_sangakuForm_desc {
	text-align: center;
	font-weight: bold;
	line-height: 1.6;
	margin: 0 0 50px;
}
.sangaku .progress{
	margin-top:2rem;
}
.sangaku .progress h3{
	margin:0;
}
.sangaku .progress li{
	position:relative;
	border-top:1px solid #ddd;
}
.sangaku .progress li:last-child{
	border-bottom:1px solid #ddd;
}
.sangaku .progress li::after{
	position:absolute;
	font-family: FontAwesome;
    content: '\f054';
    color: #14bda6;
	font-size:1rem;
    right: 0;
	top:calc(50% - 1rem);
}
.sangaku .sns{
	display:flex;
	flex-wrap: wrap;
}
.sangaku .sns dt{
	width:10%;
	font-weight:600;
}
.sangaku .sns dd{
	width:90%;
}
.sangaku .sns dd a{
	font-weight:400 !important;
}
@media screen and (max-width: 1025px) {
	.sangaku .back-blue .navi{
		text-align:center
	}
	.sangaku .box-w {
    	margin: 0 auto;
	}	
	.sangaku .box-w h2 {
		font-size: 1.25rem;
	}
	.sangaku h3 {
		font-size: 1.125rem;
	}
	.sangaku .box-w{
		margin-bottom: 7%;
	}
	.sangaku .box-w .box-b {
    	font-size: 1rem;
	}
	.sangaku .box-w.no5 .area {
		margin: 14px 0 0;
    	display: block;
	}
	.sangaku .box-w.no5 .box-01{
    	width: 100%;	
	}
	.sangaku .box-w.no5 .box-02, 
	.sangaku .box-w.no5 .box-03,
	.sangaku .box-w.no5 .box-04{
    	width: 32%;
	}
	.sangaku .progress h3 span{
		margin:0 25px 0 0;
	}
	.sangaku .progress li{
		padding:1rem 0.5rem 1rem 0;
	}
}

@media screen and (max-width: 930px) {
	.sangaku .back-blue .navi li a{
		font-size:0.95em;
		padding:3% 1%
	}
	.sangaku .back-blue .navi li a span{
		display:inline-block
	}
	.sangaku .korabo p,.sangaku .korabo span{
		display: block;
		text-align: center;
	    float: none;
	}
}
@media screen and (max-width: 795px) {
	.sangaku .back-blue .navi li a{
		padding: 1.5%
	}
}

@media screen and (max-width: 767px) {
	.sangaku .back-blue .navi {
		display: block;
	}
	.sangaku .back-blue .navi li {
		margin: 0 0 6px;
	}
	.sangaku-news li,
	.sangaku-news li:first-child {
		margin: 0 0 30px;
	}
	.sangaku-news li:last-child {
		margin: 0;
	}
	.sangaku .sangaku-news li figure,
	.sangaku .sangaku-news li .more-link {
    	display: block;
    	width: 100%;
	}
	.sangaku .sangaku-news li .more-link {
		margin: 16px 0 0;
	}
	.sangaku .page-link-nav {
    	margin: 0 0 30px;
	}
	.sangaku .tab.top li {
    	width: 40%;
    	border: none;
	}
	.sangaku .korabo span{
		display: block;
    	width: 87%;
    	margin: 0 auto;
	}
	.sangaku .box-w{
		padding-top:10%;
	}
	.sangaku .box-w:last-child{
		margin-bottom:0
	}
	.sangaku .box-w h2 {
    	font-size: 1rem;
    	margin: 0;
    	line-height: 1.5em;
		text-align:left
	}
	.sangaku .box-w .left,
	.sangaku .box-w .right {
    	display: block;
    	width: 100%;
    	margin-right: 0;
    	line-height: 1.5em;
	}
	.sangaku .box-w.no_pink .left{
    	display: block;
    	width: 100%;
    	margin-right: 0;
    	line-height: 1.5em;
	}
	.sangaku .left, .sangaku .left{
		margin-bottom:2%
	}
	.sangaku .box-w h3 span {
		font-size: 0.8em;
		display: block;
    	text-align: center;
	}
	.sangaku h3 {
    	font-size: 1.1em;
    	line-height: 1.4em;
		margin-top: 0;
		margin-bottom: 3%;
	}
	.sangaku .back-blue .tab.top li {
    	width: 90%;
    	margin-bottom: 0;
    	margin-top: 5%;
	}
	.sangaku .contact-form-th,.sangaku .contact-form-td {
		display: block;
	    padding: 10px 0;
	}
	.sangaku .box-w {
    	padding: 50px 16px 20px;
	}
	.sangaku .korabo p.partner {
		max-width: 90%;
		margin: 0 auto;
	}
.sangaku .box-w.no5 .box-02, 
.sangaku .box-w.no5 .box-03,
.sangaku .box-w.no5 .box-04{
    width: 100%;
	margin: 0 0 2%; 
}
.sangaku .box-w .num p span {
    margin-left: 2px;
    font-size: 1rem;
}
.sangaku .box-w .num:before {
    width: 70px;
    height: 70px;
    background-image: linear-gradient(135deg, #005bac 50px, transparent 0);
}
.sangaku .box-w.no2 .num:before {
    background-image: linear-gradient(135deg, #005d3c 50px, transparent 0);	
}
.sangaku .box-w.no3 .num:before {
    background-image: linear-gradient(135deg, #d84f24 50px, transparent 0);	
}
.sangaku .box-w.no4 .num:before {
    background-image: linear-gradient(135deg, #1e8ec3 50px, transparent 0);	
}
.sangaku .box-w.no5 .num:before {
    background-image: linear-gradient(135deg, #db757e 50px, transparent 0);	
}
.sangaku .box-w.no6 .num:before {
    background-image: linear-gradient(135deg, #9f8051 50px, transparent 0);	
}
.sangaku .box-w.no7 .num:before {
    background-image: linear-gradient(135deg, #108f7e 50px, transparent 0);	
}
.sangaku .box-w.no8 .num:before {
    background-image: linear-gradient(135deg, #5e8f10 50px, transparent 0);	
}
.sangaku .box-w.no9 .num:before {
    background-image: linear-gradient(135deg, #e37300 50px, transparent 0);	
}
.sangaku .box-w.no10 .num:before {
    background-image: linear-gradient(135deg, #ccaa00 50px, transparent 0);	
}
.sangaku .box-w.no11 .num:before {
    background-image: linear-gradient(135deg, #610c81 50px, transparent 0);	
}
.sangaku .box-w.no12 .num:before {
    background-image: linear-gradient(135deg, #d93253 50px, transparent 0);	
}
.sangaku .btn-pertner .btn, .sangaku .btn-pertner a.btn, .sangaku .btn-pertner button.btn {
    font-size: 16px;
}
.sangaku .btn-pertner a.btn-gradient {
	width:90%;
}
	.bl_sangakuForm_desc {
    	text-align: left;
	    margin: 0 0 40px;
	}

	.sangaku .sns dt{
		width:100%;
	}
	.sangaku .sns dd{
		width:100%;
	}
}

/*----- 共創パートナー -----*/
.cc-banner .box {
	margin: 2em auto;
	background-color: #fff;
	padding: 20px 20px 30px 0;
	position: relative;
	border: 5px solid #f5f5f5;
}
.cc-banner .box .box-title {
    background-color: #fff;
    font-size: 1.125rem;
    font-weight: bold;
    color: #575759;
    padding: 0 15px;
    line-height: 1;
    position: absolute;
    top: -12px;
    left: 20px;
    letter-spacing: .1em;
}
.cc-banner .box p.desc{
	letter-spacing: .05em;
	color: #575759;
	line-height: 2em;
	font-size: .875rem;
}
.cc-banner .box img {
	margin: 0 auto;
	display: block;
}
.cc-banner .box img:hover {
	opacity: .8;
}
.cc-banner .box .ratio li {
	display: inline-block;
	width: 45%;
	vertical-align: middle;
}
.cc-banner .box .ratio li:last-child {
	width: 55%;
}
@media screen and (max-width: 767px) {
	.cc-banner .box {
		padding: 20px 15px;
		margin: 0;
	}
	.cc-banner .box p.desc{
		line-height: 1.7em;
	}
	.cc-banner .box .ratio li {
		display: block;
		width: 100%;
	}
	.cc-banner .box .ratio li:last-child {
		width: 100%;
	}
}
/*----- グループ法人 -----*/
.ly_gc_cont {
	position: relative;
}

.ly_gc_nav {
	float: left;
	width: 270px;
    position: sticky;
	top: 60px;
	left: 0;
	padding: 60px 0 0;
}

.ly_gc_list {
	float: right;
    width: calc(100% - 270px);
	padding: 60px 0 0;
}

.ly_gc_nav ul li:not(:last-child) {
	margin: 0 0 12px;
}
.ly_gc_nav ul li a {
	position: relative;
	padding-left: 22px;
}
.ly_gc_nav ul li a:before {
    font-family: FontAwesome;
    content: '\f054';
    color: #333;
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 10px;
    transition: .3s;
    z-index: 2;
}

.ly_gc_nav ul li a:hover,
.ly_gc_nav ul li a:hover:before {
	color: #005bac;
}

.bl_gc_ctgr p {
	padding: 2px 7px 3px 8px;
    color: #fff;
    font-size: .75rem;
	line-height: 1;
	background: #005bac;
	text-align: center;
	margin: 6px 0 0;
	font-weight: bold;
}

.bl_gc_ctgr.bpo p {
	background: #edaf1d;
}

.bl_gc_ctgr.training p {
	background: #ff4622;
}

.bl_gc_ctgr.office_os p {
	background: #b67fc9;
}

.bl_gc_ctgr.disabilities p {
	background: #a9cd33;
}

.bl_gc_ctgr.eng p {
	background: #083863;
}

.bl_gc_ctgr.const p {
	background: #038439;
}

.bl_gc_ctgr.aguri p {
	background: #8f6552;
}

.bl_gc_ctgr.medical p {
	background: #e597b2;
}

.bl_gc_ctgr.sports p {
	background: #a12524;
}

.bl_gc_ctgr.international p {
	background: #fcc800;
}

.bl_gc_ctgr.dt p {
	background: #90d2f0;
}

.bl_gc_co {
    padding: 14px 0 17px;
    border-bottom: 1px solid #ddd;
	display: grid;
	grid-template-columns: 180px 1fr;
	gap: 0 24px;
}

.bl_gc_co h2 {
	font-weight: bold;
    font-size: 1rem;
    display: inline-block;
    line-height: 1;
}
.bl_gc_co h2,
.bl_gc_ctgr {
	vertical-align: middle;
}

.bl_gc_co h2 span {
	position: relative;
}

.bl_gc_co h2 span:after {
	width: 12px;
    height: 12px;
    display: block;
    position: absolute;
	bottom: 5px;
    right: -25px;
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(img/arrow-03.png);
}

.bl_gc_co h2 a:hover {
	color: #005bac;
}

.bl_gc_desc {
    margin: 6px 0 0;
    font-size: .9375rem;
	line-height: 1.3;
}

@media screen and (max-width: 1023px) {
	.ly_gc_nav {
    	width: 210px;
    	padding: 50px 0 0;
	}
	
	.ly_gc_list {
    	width: calc(100% - 210px);
    	padding: 50px 0 0;
	}
	
	.ly_gc_nav ul li a {
    	padding-left: 12px;
    	font-size: .875rem;
	}
	
	.bl_gc_desc {
    	font-size: .875rem;
	}
	
	.ly_gc_nav ul li a:before {
    	top: 3px;
	}
	
	.bl_gc_co {
		display: block;
	}
	
	.bl_gc_ctgr p {
		display: inline-block;
	}
	
	.bl_gc_co.hp_bb_none {
		border-bottom: none;
	}
}
@media screen and (max-width: 767px) {
    .ly_gc_nav {
        width: 100%;
        padding: 20px 0 0;
        position: static;
        float: none;
		gap: 10px; 0;
    }
	
	.ly_gc_nav ul{
		display: grid;
	 	grid-template-columns: repeat(2, 1fr);
		gap: 0;
    }
	
	.ly_gc_list {
        width: 100%;
        padding: 20px 0 0;
    }
	
	.ly_gc_nav ul li:not(:last-child) {
    	 margin: 0 0 6px;
	}
	
	.bl_gc_ctgr {
    	font-size: .75rem;
	}
	
	.bl_gc_co {
    	padding: 7px 10px 10px;
	}
	
	.bl_gc_co h2 {
		font-size: .875rem;
		margin:0;
	}
	
	.bl_gc_co h2 span {
    	letter-spacing: 0;
	}
	
	.bl_gc_co h2 span:after {
    	bottom: 5px;
		right: -20px;
	}
	
	.bl_gc_desc {
    	margin: 4px 0 0;
		font-size: .75rem;
	}
}

/*----- 労働者派遣の状況 -----*/
.margin-rate .pdf-blue {
	max-width: 50px;
	margin: 0 auto;
}
.margin-rate .w-3-30 li {
	margin-bottom: 10px;
}
.margin-rate .w-3-30 li a:hover {
	color:#009de6;
}
/*----- 拠点一覧 -----*/
.offices .offices-list {
	padding: 30px 0 0;
	text-align: center;
}
.offices .offices-list li {
	display: inline-block;
	padding: 0 16px;
	vertical-align: top;
}
.offices .offices-list-nav li a {
	border-bottom: 5px solid transparent;
	font-style: italic;
	}
.offices .offices-list-nav li a:hover {
	border-bottom: 5px solid #8BDB65;
	color: #1f1f1f;
	display: inline-block;
	}
.offices .offices-area-map {
	float: left;
	width: 690px;
	}
.offices .offices-area-list {
	float: right;
	width: 260px;
	}
.offices .offices-area-list li {
	margin-top: 15px;
	text-align: center;
	width: auto;
	}
.offices .offices-area-list li:first-child {
	margin-top: 0;
}
.offices .offices-area-list li a {
	background: #777;
	border-radius: 30px;
	color: #ffffff;
	display: block;
	padding: 7px 0;
}
.offices .offices-area-list li a:hover {
	opacity: 0.7;
} 
.offices .offices-list li a:hover {
	color: #005bac;
}
.offices .offices-list-th h2 {
	border-radius: 15px;
	width: 200px;
}
.offices .offices-list-td {
	padding-left: 30px;
}
.offices .headline-title {
	margin: 0 0 7px;
}
.offices .w-2-15_5-80,
.offices .w-2-25_5-70 {
	padding: 14px 10px;
	border-bottom: #ddd 1px solid;
}
.offices .w-2-15_5-80 li h4,
.offices .w-2-25_5-70 li h4 {
	font-weight: bold;
	letter-spacing: .05em;
}
.offices .w-2-15_5-80 li span.name{
	margin: 0 0 0 16px;
}
.offices .w-2-15_5-80 li a:hover,
.offices .w-2-25_5-70 li a:hover {
	color: #005bac;
}
.offices #technology .ratio li {
	width: 16.6666%;
	vertical-align: top;
}
.offices #factory-develop .ratio li,
.offices #media .ratio li,
.offices #baseball .ratio li {
	width: 33.3333%;
	vertical-align: top;
}
.offices #technology .ratio,
.offices #factory-develop .ratio,
.offices #media .ratio,
.offices #baseball .ratio {
	padding: 5px 10px 18px;
	border-bottom: #ddd 1px solid;
}
.offices #factory-develop .ratio li a:hover,
.offices #technology .ratio li a:hover,
.offices #media .ratio li a:hover,
.offices #baseball .ratio li a:hover {
	color: #005bac;
}
@media screen and (max-width: 1023px) {
	.offices .offices-area-map {
    	display: none;
	}
	.offices .offices-area-list {
    	float: none;
    	width: 100%;
	}
	.offices .offices-area-list li {
		display: inline-block;
		vertical-align: top;
		margin: 0 2% 2% 0;
		width: 48%;
	}
	.offices .offices-area-list li:nth-child(2n) {
		margin: 0 0 2% 0;
	}
}
@media screen and (max-width: 767px) {
	.offices .offices-list {
    	text-align: left;
		padding: 30px 0;
	}
	.offices .offices-list li {
    	display: inline-block;
    	padding: 0;
    	width: 50%;
	}
	.offices .offices-area-list li a {
    	padding: 4px 0;
    	letter-spacing: .1em;
	}
	.offices .w-2-15_5-80, .offices .w-2-25_5-70 {
    	padding: 15px 10px 10px;
	}
	.offices .w-2-15_5-80 li,
	.offices .w-2-25_5-70 li {
		margin: 0;
	}
	.offices .w-2-15_5-80 li:first-child,
	.offices .w-2-25_5-70 li:first-child {
		margin: 0 0 8px;
	}
	.offices .w-2-15_5-80 li span.name {
    	float: left;
    	display: inline-block;
    	margin: 0 0 5px;
    	width: 50%;
	}
	.offices .w-2-15_5-80 li:after {
		clear: both;
		content: " ";
		display: block;
	}
	#image-map.interval-top {
    	padding: 0;
	}
	.offices #technology .ratio li {
    	width: 33%;
    	display: inline-block;
		margin: 0 0 5px;
	}
	.offices #factory-develop .ratio li,
	.offices #media .ratio li,
	.offices #baseball .ratio li {
    	width: 100%;
		margin: 0 0 6px;
	}
	.offices #technology .ratio,
	.offices #factory-develop .ratio,
	.offices #media .ratio,
	.offices #baseball .ratio {
    	padding: 0 10px 20px;
	}
}

/*----- 拠点個別ページ -----*/
.map .map-wrap .headline-title {
	font-weight: bold;
}
.map .map-nav {
	padding: 12px 20px 10px;
}
.map .map-nav h2 {
	font-size: 1.125rem;
	font-weight: bold;
	letter-spacing: .1em;
	margin: 0 0 5px;
}
.map .map-nav .ratio li {
	width: 11.625%;
	vertical-align: top;
	margin-right: 1%;
	float: left;
}
.postid-1814.map .map-nav .ratio li,
.postid-1817.map .map-nav .ratio li {
	width: 49%;
}
.map .map-nav .ratio li a:hover {
	color: #005bac;
}
.map .map-nav .ratio li:nth-child(8n) {
	margin-right: 0;
}
.map .map-nav .ratio.divide-6 li {
	width: 16%;
	margin-right: 0.8%;
}
.map .map-nav .ratio.divide-6 li:nth-child(6n) {
	margin-right: 0;
}
.map .map-detail {
	margin: 30px 0 0;
}
.map .map-detail .w-2-15_5-80 {
	padding: 16px;
	border-bottom: #ddd 1px solid;
}
.map .map-detail .w-2-15_5-80:last-of-type {
	border-bottom: none;
}
.map .map-detail .w-2-15_5-80 li p.mark-circle {
	font-weight: normal;
}
.map .map-detail .w-2-15_5-80 li:first-child p {
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.map .map-detail {
    	margin: 10px 0 0;
	}
	.map .map-nav .ratio li {
    	width: 33.3333%;
    	margin-right: 0;
	}
	.map .map-nav .ratio.divide-6 li{
    	width: 50%;
    	margin: 0 0 5px;
		font-size: .875rem;
	}
	.postid-1814.map .map-nav .ratio li,
	.postid-1817.map .map-nav .ratio li {
		width: 100%;
		float: none;
    	margin-right: 0;
	}
	.map .map-detail .w-2-15_5-80 {
    	padding: 0 0 24px;
		border-bottom: none;
	}
	.map .map-detail .w-2-15_5-80 > li:first-child {
    	background: #f5f5f5;
    	padding: 10px;
    	margin: 0 0 14px;
	}
	.map .map-detail .w-2-15_5-80.eye > li:first-child {
    	background: none;
		padding: 0;
	}
	.map .map-detail .w-2-15_5-80 > li:last-child {
		padding: 0 10px;
	}
	.map .map-detail .w-2-15_5-80.eye > li:last-child {
		padding: 10px 0 0;
	}
	.map .map-detail .w-2-15_5-80:last-of-type {
    	padding: 0;
	}
}
/*----- 数字で見るエイジェックグループ -----*/
.bl_num {
	background: #f5f5f5;
}

.bl_num_current {
	text-align: right;
	margin: 0 0 12px;
}
.bl_num_cont {
	display: grid;
	 grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.bl_num_item {
	padding: 50px;
	background: #fff;
	text-align: center;
	box-shadow: 0 3px 12px #0000000d;
}

.bl_num_item h2 {
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0 0 12px;
}

.bl_num_item .number {
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 4rem;
	color: #005bac;
}

.bl_num_item .unit,
.bl_num_item .about {
    letter-spacing: .1em;
    font-size: .9375rem;
    display: inline-block;
	font-weight: bold;
}

.bl_num_item .unit {
    margin-left: 5px;
}

.bl_num_icon {
	max-width: 150px;
	margin: 20px auto 0;
}

.bl_num_salesImg {
	max-width: 800px;
	margin: 70px auto 0;
}

@media screen and (max-width: 1279px) {
	.bl_num_item .number {
    	font-size: 3rem;
	}
	
	.bl_num_item {
    	padding: 40px;
	}
	
	.bl_num_item h2 {
    	font-size: 1.25rem;
	}
}

@media screen and (max-width: 1023px) {
	.bl_num_cont {
    	grid-template-columns: repeat(2, 1fr);
    	gap: 10px;
	}
	
	.bl_num_item .number {
    	font-size: 1.25rem;
	}
	
	.bl_num_item {
    	padding: 30px 15px;
	}
	
	.bl_num_icon {
    	max-width: 80px;
    	margin: 15px auto 0;
	}
	
	.bl_num_item h2 {
        font-size: .9375rem;
    }
}

@media screen and (max-width: 767px) {
	.bl_num_salesImg {
    	margin: 40px auto 0;
	}
}
/*----- お問い合わせ -----*/
.contact .desc {
	text-align: center;
	font-size: 1.125rem;
	letter-spacing: .05em;
}

.bl_contact_nav ul li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.bl_contact_nav ul li a {
	display: block;
}

.bl_contact_nav a:hover {
	color: #005bac;
}

.bl_contact_nav ul {
	gap: 40px 80px;
}

@media screen and (max-width: 1023px) {
	.contact .page-link-nav {
    	padding-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	.bl_contact_nav .el_divide__col2 {
		display: block;
	}
	
	.bl_contact_nav ul li {
		padding: 20px 0;
	}
	
	.bl_contact_nav ul li:last-child {
		border-bottom: none;
	}
}
/*----- 事業パートナー募集 -----*/
.bl_partner {
	background-color: #e6f0f7;
    overflow: hidden;
    background-image: url(kotei_images/bg-ad.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bl_partner_img {
	max-width: 810px;
	margin: 0 auto;
}

.bl_ex_regional_box h4.bl_ex_regional_subTtl {
	font-size: 1.25rem;
	margin: 0 0 12px;
	font-weight: bold;
	color: #005bac;
}

@media screen and (max-width: 767px) {
	.bl_ex_regional_box h4.bl_ex_regional_subTtl {
    	font-size: 1.0625rem;
    	margin: 0 0 7px;
    	letter-spacing: .1em;
	}
}
/*----- エイジェックNEWSバックナンバー -----*/
.backnumber .ratio li {
	width: 20%;
	vertical-align: top;
	margin-bottom: 10px;
}
.backnumber .ratio li h2 {
	display: inline-block;
	margin: 0 0 0 5px;
}
.backnumber .ratio li span.new {
	background-color: #f44336;
    font-size: 0.9375em;
    padding: 0 5px;
    margin-left: 5px;
    color: #fff;
}
.backnumber .ratio li a:hover {
	color: #005bac;
}
@media screen and (max-width: 1023px) {
	.backnumber .ratio li {
    	width: 33.3%;
    	display: inline-block;
	}
}
@media screen and (max-width: 767px) {
	.backnumber .ratio li {
    	width: 50%;
    	display: inline-block;
	}
	.backnumber .top-description {
		padding: 20px 0;
	}
	.backnumber .ratio li span.new {
    	font-size: 0.875em;
    	padding: 0 2px;
    	width: 42px;
    	text-align: center;
	}
}
@media screen and (max-width: 360px) {
	.backnumber .ratio li span.new {
		display: block;
	}
}
/*----- サイトマップ -----*/
.sitemap .page-list li {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	padding: 30px;
	border: solid 1px #e6e6e6;
	border-left: none; 
}
.sitemap .page-list li:first-child {
	border-left: solid 1px #e6e6e6;
}
.sitemap .page-list.n2 li {
	border-top: none; 
	border-right: none; 
}
.sitemap .page-list.n2 li:last-child {
	border-right: solid 1px #e6e6e6;
}
.sitemap .page-list li h2 {
	font-size: 1.125rem;
	font-weight: bold;
	margin: 0 0 10px;
	letter-spacing: .1em;
}
.sitemap .page-list.n2 li h2 {
	margin: 0;
}
.sitemap .page-list .indent {
	padding: 0 0 0 8px;	
}
.sitemap .page-list li p {
	line-height: 1.8em;
}
p.list-mark-circle-gray {
    position: relative;
    padding-left: 20px;
    line-height: 1.4em;
}
p.list-mark-circle-gray::before {
    position: absolute;
    z-index: 2;
    content: '';
    width: 10px;
    height: 10px;
    top: 0.5em;
    left: 0;
    background: #e6e6e6;
}
.sitemap .page-list li a:hover {
	color: #005bac;
}
@media screen and (max-width: 767px) {
	.sitemap .page-list li {
		display: block;
		width: 100%;
		padding: 18px 14px 14px;
	    border-bottom: none;
		border-left:  solid 1px #e6e6e6;
	}
	.sitemap .page-list li:last-child {
		border-bottom:  solid 1px #e6e6e6;		
	}
	.sitemap .page-list.n2 li {
		border-right: solid 1px #e6e6e6;
		padding: 14px 14px 0;
	}
	.sitemap .page-list.n2 li:last-child {
		padding: 14px;		
	}
	.sitemap .page-list li h2 {
    	font-size: 1.0625rem;
	}
}
/*----- 個人情報保護方針 -----*/
.privacy_policy .box,
.sitepolicy .box,
.security .box {
	padding: 30px 0;
	line-height: 1.7em;
}
.privacy_policy .box h3,
.sitepolicy .box h3,
.security h3 {
	font-weight: bold;
	font-size: 1.25rem;
	letter-spacing: .1em;
	margin: 0 0 12px;
}
.privacy_policy .list-item,
.sitepolicy .list-item,
.security .list-item {
    list-style-type: decimal;
	padding: 20px 0 0 20px;
}
.privacy_policy .list-item li,
.sitepolicy .list-item li,
.security .list-item li {
    list-style-type: decimal;
	margin: 0 0 14px;
}
.privacy_policy .revision {
    text-align: right;
	line-height: 1.5em;
}
.privacy_policy .enclosure {
	margin: 20px 0 0;
	border: 1px solid #eee;
	padding: 30px;
}
.privacy_policy .enclosure h4 {
	color: #005bac;
	font-weight: bold;
	margin: 20px 0 0;
}
.privacy_policy .enclosure h4:nth-of-type(1) {
	margin: 0;
}
.privacy_policy .mark-circle {
	font-weight: normal;
}
.privacy_policy table,
.sitepolicy table {
	margin: 10px 0 0;
}
.privacy_policy .w-2-15_5-80 {
	border: 1px solid #eee;
	padding: 30px;
}
.privacy_policy .w-2-15_5-80 li img {
	display: block;
	width: 60%;
	margin: 0 auto;
}
.sitepolicy .agk-banner img {
    max-width: 300px;
    display: inline-block;
    border: 1px solid #005bac;
}
.sitepolicy .banner h4 {
	margin: 30px 0 8px;
}
.sitepolicy .banner h4.mark-square::before {
	top: 8px;
}

.sitepolicy .box .note {
	margin: 12px 0 0;
}

.bl_sign {
	text-align: right;
}
@media screen and (max-width: 767px) {
	.privacy_policy .box,
	.sitepolicy .box,
	.security .box {
    	padding: 16px 0;
	}
	
	.privacy_policy .list-item, 
	.sitepolicy .list-item,
	.security .list-item{
    	padding: 0 0 0 20px;
	}
	
	.privacy_policy .box h3,
	.sitepolicy .box h3,
	.security .box h3 {
    	font-size: 1.125rem;
    	margin: 0 0 8px;
	}
	
	.bl_sign {
		text-align: left;
	}
	
	.bl_sign span {
		display: block;
		margin-left: 44px;
	}
}
/* ======================================================
/*                ++ お問合せフォーム ++
   ====================================================== */
#contact-form .form-wrap {
    max-width: 1020px;
    background: #eee;
    margin: 0 auto;
    padding: 80px;
	letter-spacing: .1em;
}
#contact-form .form-wrap .box .sent {
	margin-bottom: 16px;
}
#contact-form .form-wrap .ratio,
#contact-form .form-wrap .box2{
	margin: 0 0 28px;
}
#contact-form .form-wrap .ratio li {
	width: 48%;
	margin-right: 4%;
}
#contact-form .form-wrap .ratio li:last-child {
	margin-right: 0;
}
#contact-form .form-wrap h2.item-title {
    margin-bottom: 7px;
	letter-spacing: .1em;
	font-weight: bold;
}
#contact-form .wpcf7-form-control.textarea,
#contact-form .wpcf7-form-control.select{
    width: 100%;
    padding: 6px 8px;
    font-size: 16px;
    border: none !important;
}
#contact-form .wpcf7-form-control.select{
    padding: 9.5px 8px;
}
#contact-form .wpcf7-form-control.textarea-s {
    width: 150px;
    padding: 6px 8px;
    font-size: 16px;
    border: none !important;
}
#contact-form .wpcf7-form label {
    border: none !important;
    padding: 6px 10px 8px 4px;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    margin: 0 6px 6px 0;
}
#contact-form .wpcf7-form-control.textarea,
#contact-form .wpcf7-form-control.textarea-s {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	letter-spacing: .1em;
}
#contact-form span.his {
    background: #ff6347;
    padding: 0 2px;
    color: #fff;
    border-radius: 3px;
    margin: 0 0 0 10px;
    font-size: 0.85em;
}
#contact-form .transmission {
    text-align: center;
    margin: 72px auto 0;
}
#contact-form .transmission .button,
div.wpcf7cp-btns .wpcf7-form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    appearance: none;
    cursor: pointer;
    background: #333;
    display: inline-block;
    width: 30%;
    outline: none;
    border-radius: 5px;
    font-size: 1.125rem;
	font-weight: bold;
    border: none;
    padding: 12px 0;
    margin: 0 1%;
    letter-spacing: .2em;
    transition: .5s;
    color: #fff;
}
#contact-form .transmission .button:hover,
div.wpcf7cp-btns .wpcf7-form-control:hover {
    background: #ff4500;
    color: #fff;
}
#contact-form .ques-wrap .box {
	margin: 28px 0 0;
}
.wpcf7-spinner {
	display: block !important;
}
.wpcf7-list-item {
	margin: 0 !important;
}
#contact-form .note {
	letter-spacing: .1em;
	text-align: center;
	margin: 50px 0 0;
}
div#wpcf7cpcnf table {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-bottom: none;
}
div#wpcf7cpcnf table tr {
	border-bottom: 1px solid #ccc;
}
div#wpcf7cpcnf table th,
div#wpcf7cpcnf table td {
	padding: 12px;
}
div#wpcf7cpcnf table th {
	width: 50%;
	border-right: 1px solid #ccc;
	background: #f0f8ff;
}
div.wpcf7cp-btns {
	margin: 50px 0 0 !important;
	text-align: center;
}
.apply-title {
	margin: 0 0 30px;
}
.apply-title span {
	font-weight: bold;
}
.apply-title input[type="text"] {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    background: #fff;
    border: none;
	padding: 4px 10px;
    font-size: 1rem;
    width: 50%;
	margin: 0 0 0 10px;
}
input[type="date"] {
	padding: 6px 10px 8px 4px;
	font-size: 1rem;
}
#contact-form .unit {
	display: inline-block;
	margin-left: 5px;
}
@media screen and (max-width:1023px){
	#contact-form .form-wrap {
		margin: 30px auto 0;
    	padding: 30px;
	}
	#contact-form .transmission .button {
		width: 50%;
	}
	#contact-form .transmission {
    	margin: 50px auto 0;
	}
}
@media screen and (max-width:767px){
	#contact-form .form-wrap {
 		margin: 20px auto 0;
    	padding: 40px 15px 6px;
	}
	#contact-form .form-wrap .ratio {
    	margin: 0 0 12px;
	}
	#contact-form .form-wrap .ratio li {
    	width: 100%;
    	margin: 0 0 12px;
	}
	#contact-form .form-wrap .ratio li:last-child {
    	margin: 0;
	}
	.wpcf7-list-item {
		margin: 0 !important;
	}
	#contact-form .transmission {
    	margin: 30px auto 0;
	}
	div.wpcf7cp-btns {
    	margin: 40px 0 0 !important;
	}
	#contact-form .transmission .button, div.wpcf7cp-btns .wpcf7-form-control {
		width: 43%;
		font-size: 1rem;
		letter-spacing: .1em;
	}
	.grecaptcha-badge {
		bottom: 0 !important;
		right: -160px !important;
		transform: scale(0.5, 0.5);
	}
	.apply-title {
    	margin: 0 0 18px;
	}
	.apply-title input[type="text"] {
    	width: 100%;
		margin: 0;
	}
	.apply-title span {
		display: block;
		letter-spacing: .1em;
		margin: 0 0 5px;
	}
}

/* ======================================================
/*             ++ 送信完了しました ++
   ====================================================== */
.completion aside {
	padding: 100px 0;
	text-align: center;
}

.completion .top-link {
	margin: 30px 0 0;
	font-size: 1.125rem;
}

.completion .top-link a {
	color: #005bac;
	font-weight: bold;
	transition: .5s;
	letter-spacing: .15em;
}

.completion .top-link a:hover {
	color: #a2c2e6;
}
/* ======================================================
/*          ++ お知らせ一覧・個別投稿 ++
   ====================================================== */
.bl_archiveNews {
	padding: 60px 0;
}

.bl_catNav {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 0 0 50px;
}

.bl_catNav li a {
	display: block;
	text-align: center;
	padding: 12px 5px;
	font-weight: bold;
	font-size: 1.125rem;
	letter-spacing: .1em;
	transition: .3s;
}

.bl_catNav li a:hover {
	color: #005bac;
}

.bl_catNav li.active a {
	border-bottom: 2px solid #005bac;
}

.bl_newsCont {
	display: grid;
	grid-template-columns: 25% 1fr;	
	padding: 30px 0;
    border-bottom: 1px solid #eee;
	gap: 40px;
}

.bl_date_ctgr {
	margin: 2px 0 0;
}

.bl_date_ctgr span {
	font-size: .9375rem;
	display: inline-block;]
	vertical-align: middle;
}

.bl_date_ctgr .date {
	letter-spacing: .1em;
	margin: 0 10px 0 0;
}

.bl_newsCont .ctgr {
    border: 1px solid #005bac;
    line-height: 1;
    padding: 3px 6px 4px 5px;
    text-align: center;
    font-size: .75rem;
    border-radius: 20px;
    color: #005bac;
    letter-spacing: 0;
}

.bl_newsTitle {
	font-size: 1.25rem;
	font-weight: bold;
	margin: 5px 0 10px;
}

.bl_newsTitle a:hover{
	color: #005bac;
}

#single-post .w-2-25_5-70 {
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}

#single-post .w-2-25_5-70 li .eye {
	overflow: hidden;
}

#single-post .newstitle {
	margin: 5px 0 7px;	
}

#single-post .newstitle a {
	color: #005bac;
    font-weight: bold;
}

#single-post .newstext a {
	color: #434da2;
}

#single-post .newstitle a:hover,
#single-post .newstext a:hover {
	color: #5ec6ef;
}

.for-agknews {
	text-align: center;
}

.post-contents {
	padding: 60px 0;
}

.post-contents .wrap {
	max-width: 800px;
}
.post-contents .bl_eye {
	max-width: 600px;
	margin: 0 auto 30px;
}

.post-contents .date p {
	letter-spacing: .15em;
	margin: 15px 0 0;
}

.post-contents .post-title {
	margin: 7px 0 30px;
}

.post-contents .post-title h2 {
    color: #005bac;
    font-size: 1.25rem;
    border-bottom: solid 3px #e1f4fb;
    position: relative;
    padding: 0 0 5px;
	font-weight: bold;
	letter-spacing: .1em;
}

.post-contents .post-text {
	line-height: 2.2em;
	letter-spacing: .1em;
}

.post-contents .link-wrap {
	margin: 60px 0 0;
}

.post-contents .link-wrap li {
	width: 100%;
	text-align: center;
}

.post-contents .link-wrap li a {
	display: block;
	width: 30%;
	background: #1b499f;
	color: #fff;
	padding: 14px 2px;
	border-radius: 30px;
	transition: .5s;
    font-size: .875rem;
	font-weight: bold;
	margin: 0 auto;
}

.post-contents .link-wrap li a span {
	position: relative;
    display: inline-block;
    margin-right: 13px;
	letter-spacing: .1em;	
}

.post-contents .link-wrap a span:after {
	font-family: FontAwesome;
    content: '\f054';
    color: #fff;
	font-size: 14px;
    position: absolute;
    top: 0;
    right: -28px;
    color: #fff;
    transition: .5s;
}

.post-contents .link-wrap li a:hover {
    background: #5ec6ef;
}

.for-agknews .more a {
	max-width: 420px;
	margin: 10px auto 60px;
}

#single-post .content-box {
	padding: 26px 0 19px;
	border-bottom: 1px solid #eee;	
}

.w-600 {
	max-width: 600px;
}

.w-600 .center {
	text-align: center;
}

.bl_postSingle p {
	line-height: 2;
}

.bl_postSingle p:not(:first-of-type) {
	margin: 24px 0 0;
}

.bl_postSingle .ss_hp {
	display: block;
	max-width: 400px;
	margin: 10px 0 0;
}

.news-area .eye img {
	display: block;
	margin: 0 auto;
}

/* 脳の健康を活用した人材育成サービスに関する協業開始のお知らせ */
.el_divide__col2.hp_news_250612 {
	gap: 60px;
	text-align: center;
	margin: 30px 0 0;
}

@media screen and (max-width: 1023px) {
	.el_divide__col2.hp_news_250612 {
		gap: 30px;
	}
	
	.el_divide__col2.hp_news_250612 p {
		font-size: .9375rem;
	}
}

@media screen and (max-width:840px) {
	.post-contents {
		padding: 40px 0;
	}
}

@media screen and (max-width:767px) {
	.post-contents {
		padding: 30px 0;
	}
	
	.post-contents .link-wrap {
    	margin: 30px 0 0;
	}
	
	.post-contents .post-text {
    	line-height: 1.8em;
	}
	
	.post-contents .link-wrap li:first-child {
		display: inline-block;
	    width: 48%;
		margin-right: 4%;
	}
	
	.post-contents .link-wrap li:nth-child(2) {
		display: inline-block;
    	width: 48%;
	}
	
	.post-contents .link-wrap li:last-child {
		display: block;
    	width: 100%;
		margin: 10px 0 0;
	}
	
	.post-contents .link-wrap li a {
		width: 100%;
	}
	
	.for-agknews .more a {
    	margin: 10px auto;
	}
	
	.post-contents .post-title h2 {
    	font-size: 1.125rem;
    	padding: 0px 0 12px;
	}
	
	.post-contents .post-title {
    	margin: 7px 0 12px;
	}

	.scroll-wrap {
    	overflow-x: scroll;
	}
	.scroll-wrap .box {
    	min-width: 1080px;
	}
	
	.el_divide__col2.hp_news_250612 {
		display: block;
	}
	
	.el_divide__col2.hp_news_250612 .el_divide__col2_item:nth-of-type(2) {
		margin: 20px 0 0;
	}
}

.news-table-wrap {
	max-width:600px;
	margin: 30px auto 0;
	border:solid 1px #ccc;
	padding:20px 20px;
}
.news-table-wrap h1 {
	font-size:1.25rem;
	margin-bottom:10px;
}
.news-table-row {
	display: table;
	width: 100%;
	border-bottom: solid 1px #e3e3e3;
}
.news-table-th {
	 width: 27%;
}
.news-table-th-type1 {
	 width: 38%;
}
.news-table-th-type1,
.news-table-td-type1 {
	padding: 10px 0;
	display: table-cell;
	vertical-align: top;
	text-align: left;
	color: #383838;
}
.news-table-th,
.news-table-td {
	padding: 10px 0;
	display: table-cell;
	vertical-align: top;
	text-align: left;
	color: #383838;
}
.news-table-wrap .news-table-row:last-child,
.news-table-wrap .news-table-row:last-child .news-table-th,
.news-table-wrap .news-table-row:last-child .news-table-td {
		border-bottom:none;
}
.ichiran {
	max-width:600px;
	margin:20px auto 0;
}
.ichiran.event {
	max-width:100%;
	margin:20px auto 0;
}
.newstext.single {
	margin-top:10px;
}
.news-cont li {
	display: inline-block;
	width: 25%;
	vertical-align: middle;
	margin:0 5% 0 0;
} 
.news-cont .right {
	width: 70%;
	margin:0;
}
h1.newstitle {
	font-size: 1.25em;
	padding:5px 0 10px;
}
h1.newstitle a {
	color: #005bac;
	font-weight:bold;
}
@media screen and (max-width: 768px) {
	.news-cont .eye img{
		display: block;
		width:50%;
		height:50%;
	}
	.news-content {
		width:94%;
	}
	.news-cont {
		width: 100%;
		padding: 10px 0 20px;
		margin: 0 auto;
	}
	.news-cont-s {
		margin-top:30px;
		padding:0;
	}
	.news-cont li {
		margin-top:10px;
	}
	.news-cont-s {
		margin-top:20px;
	}
	.news-cont-s li {
		display: block;
		width: 100%;
		vertical-align: top;
		margin:0;
	} 
	.news-cont-s .right {
		width: 100%;
		margin-top:20px;
	}
	.news-cont .right{
		line-height:1.3em;
		margin-top:10px;
	}
	h2.newstitle {
		margin-top:5px;
	}
	.newsarea-wrap {
		padding-bottom:30px;
	}
}
@media screen and (max-width: 600px) {
	.news-cont .eye img{
		display: block;
		width:50%;
		height:50%;
	}
	.news-table-wrap {
		padding:10px;
	}
	.news-table-th,
	.news-table-td {
		display: block;
		width: 100%;
		border-bottom: none;
	}
	.news-table-td {
		padding:0;
	}
	.news-table-th {
		padding: 8px 0 4px;
		font-size:1.15rem;
		font-weight:bold;
	}
	.news-table-row {
		border-bottom: solid 1px #e3e3e3;
	}
	.news-table-row:last-child {
		border-bottom: none;
	}
	.news-table-td {
		padding-bottom: 8px;
	}
	.news-cont {
		width: 100%;
		margin: 0 auto;
	}
	.news-cont li {
		display:block;
		width:100%;
		margin:0;
	}
	.news-cont-s.event {
		margin:0;
	}
	.news-cont-s {
		margin-top:0;
	}
	.news-cont .right{
		width:100%;
	}
	h1.newstitle {
		font-size: 1rem;
		padding:5px 0;
	}
	.news-cont-s li.right {
		margin-top:10px;
	}
	.news-cont.event {
		padding: 20px 0;
	}
}

/* --------------------------------------------------- 2023-0928 */
.adobe-banner {
	width: 30%;
} 

/* --------------------------------------------------- 2023-1017 */
.img_gyosei_logo {
    width: 30%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: bottom;
}

/* --------------------------------------------------- 2023-1025 */
.contests_text_center {
	text-align: center;
}
.contests_text_center .text_left {
	text-align: left;
	display: inline-block;
	line-height: 1.6em;
    border: 1px dotted #000000;
    padding: 10px 40px;
}
/*----- 拠点履歴テーブル misawa 2024 -----*/
table.office th,
table.office td {
	padding: 10px 20px;
	border: solid 1px #808080;
	box-sizing:border-box;
}
table.type-a th {
	background: #808080;
	font-weight: normal;
}
table.type-a th:nth-child(1) {
	width: 18%;
}
table.type-a th:nth-child(2) {
	width: 12%;
}
table.type-a th:nth-child(3) {
	width: 40%;
}
table.type-a th:nth-child(4) {
}
table.type-a td:nth-child(1) {
    vertical-align: middle;
}
table.type-a td:nth-child(2) {
    vertical-align: middle;
}
table.type-a td:nth-child(3) {
    vertical-align: middle;
}
table.type-a td:nth-child(4) {
  vertical-align: middle;
  height: 11em !important;
	text-align:center;
}

@media screen and (max-width: 767px) {
	table.office th,
	table.office td	 {
		padding: 20px 12px;
		border: solid 1px #808080;
	}
	table.office td	{
		border: solid 1px #808080;
	}
	table.type-a {
		border-bottom: solid 1px #808080;
	}
table.type-a th:nth-child(1) {
	width: 20%;
}
table.type-a th:nth-child(2) {
	width: 20%;
}
table.type-a th:nth-child(3) {
	width: 40%;
}
table.type-a th:nth-child(4) {
}
table.type-a td:nth-child(1) {
    vertical-align: middle;
	font-size: 0.8em;
}
table.type-a td:nth-child(2) {
    vertical-align: middle;
	font-size: 0.8em;
}
table.type-a td:nth-child(3) {
    vertical-align: middle;
	font-size: 0.8em;
}
table.type-a td:nth-child(4) {
  vertical-align: middle;
  height: 11em !important;
	text-align:center;
}
}
/*----- 拠点履歴テーブル misawa 2024 ----- end */

.btn--gray,
a.btn--gray {
  color: #000;
  background-color: #d0d0d0;
  padding:12px;
	margin-bottom: 10px;
}
.btn--gray:hover,
a.btn--gray:hover {
  color: #ffffff;
  background-color: #606060;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - .5em);
  left: 1rem;
}

.el_textCenter {
	text-align: center;
}

.el_divide__col2 {
	display: grid;
	 grid-template-columns: repeat(2, 1fr);
}

.el_divide__col3 {
	display: grid;
	 grid-template-columns: repeat(3, 1fr);
}

.el_divide__left40p{
	display: grid;
	grid-template-columns: 40% 1fr;
}

.el_divide__left510{
	display: grid;
	grid-template-columns: 510px 1fr;
}

.el_divide__gap20 {
	gap: 20px;
}

.el_divide__gap30 {
	gap: 30px;
}

.el_divide__gap40 {
	gap: 40px;
}

.el_divide__gap60 {
	gap: 60px;
}

@media screen and (max-width: 1023px)  {
	.el_divide__gap60 {
		gap: 30px;
	}
}

@media screen and (max-width: 767px)  {
	.el_divide__col3 {
		display: block;
	}	
}
/*----- タイトル -----*/
.el_lv2Heading {
	text-align: center;
	margin: 0 0 50px;
}

.el_lv2Heading .ja {
	display: block;
	color: #005bac;
}

.el_lv2Heading .en {
	display: block;
  	font-family: "Barlow", sans-serif;
    font-weight: 700;
	font-size: 2.75rem;
    line-height: 1;
    letter-spacing: .05em;
}
.el_lv2Heading__left {
	text-align: left;
}

.el_lv2Heading.el_lv2Heading_white,
.el_lv2Heading.el_lv2Heading_white .ja{
    color: #fff;	
}

@media screen and (max-width: 767px)  {
	.el_lv2Heading {
    	margin: 0 0 30px;
	}
	
	.el_lv2Heading .en {
    	font-size: 1.5rem;
    	margin: 3px 0 0;
	}
	
	.el_lv2Heading .ja {
    	font-size: .875rem;
	}
}
/* ----- ボタン -----*/
.el_more {
	text-align: center;
	position: relative;
}

.el_more a {
	padding: 10px 10px 10px 10px;
	border: 1.5px solid #005bac;
	border-radius: 40px;
	background: #fff;
	display: block;
	color: #005bac;
	font-weight: bold;
	transition: .3s;
}

.el_more a:hover {
	background: #005bac;
    color: #fff;	
}

.el_more:after {
	content: '\f061';
	font-family: FontAwesome;
    font-size: 16px;
    color: #005bac;
    transition: .3s;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.el_more:hover:after {
    color: #fff;	
}

.el_more.el_moreS {
	max-width: 300px;
	margin: 0 auto;
}

.el_zoom {
    overflow: hidden;
}

.el_zoom:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.el_zoom img {
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
}

.el_arrow__blue {
	position: relative;
}

.el_arrow__blue::after {
    font-family: FontAwesome;
    content: '\f054';
    color: #005bac;
    position: absolute;
	top: 50%;
    right: 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    transform: translateY(-50%);
}

.el_borderTop__gray {
	border-top: 1px solid #ddd;
}

.el_borderBottom__gray {
	border-bottom: 1px solid #ddd;
}

.bl_topDesc {
	padding: 50px 15px 60px;
	max-width: 980px;
    margin: 0 auto;
    text-align: center;
    line-height: 2em;
    font-size: 1.375rem;
    color: #000;
}

.bl_topIntro {
	padding: 80px 0 90px;
}

.bl_topIntro h2 {
	font-size: 1.5rem;
	margin: 0 0 30px;
	font-weight: bold;
	line-height: 1.6;
}

.bl_advantage_icon {
	max-width: 100px;
	margin: 0 auto 12px;
}

.bl_business_inner {
	margin: 16px 0 0;
}

.bl_business_ttl {
	font-weight: bold;
	text-align: center;
	padding: 0 0 12px;
    margin: 0 0 12px;
    border-bottom: 1px solid #ddd;
}

.bl_business ul li img {
	border-radius: 10px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .10);
	height: 160px;
    object-fit: cover;
    width: 100%;
}

.bl_business_corp {
	margin: 10px 0 0;
	font-size: .875rem;
    margin: 12px 0 0;
}

.bl_business_corp .el_link a:hover {
	color: #005bac;
}

.bl_business_detail {
	margin: 10px 0 0;
	font-size: .875rem;
}

.bl_business_item {
	margin: 10px 0 0;
    font-size: .875rem;
    line-height: 1.6;
}

.bl_business_item span {
	background: #e6e6e6;;
    padding: 2px 8px 3px;
    display: inline-block;
    margin-right: 7px;
    line-height: 1;
}

.bl_advantage {
	background-color: #e6f0f7;
	padding: 100px 0 60px;
	overflow: hidden;
	background-image: url(kotei_images/bg-ad.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bl_advantage ul li {
	background: #fff;
	border-radius: 10px;
	padding: 42px;
}

.bl_advantage ul li h3 {
	font-weight: bold;
	letter-spacing: .05em;
	font-size: 1.5rem;
	margin: 0 0 16px;
	color: #005bac;
	text-align: center;
}

.bl_advantage ul li p {
	line-height: 1.7;
	font-size: 1.125rem;
}

.bl_advantage_item {
    display: flex;
    justify-content: center;
}

.bl_advantage ul li p span {
	line-height: 1.7;
	color: #03b8f4;
	font-weight: bold;
	padding: 0 2px;
}

.bl_corp_cont {
	display: grid;
     gap: 33px;
	 grid-template-columns: repeat(3, 1fr);
}

.bl_corp ul li {
	background: #fff;
	border: 1px solid #949494;
	text-align: center;
	transition: .3s;
}

.bl_corp ul li.a-none {
	padding: 24px 12px;	
}

.bl_corp ul a{
	padding: 24px 12px;
	display: block;
}

.bl_corp ul li:hover {
	border: 1px solid #005bac;	
}

.bl_corp ul li p {
	margin: 10px 0 0;
	font-size: .875rem;
}

.bl_corp ul li h2,
.bl_corp ul li p {
	transition: .3s;	
}

.bl_corp .el_link {
	font-size: .875rem
}

.bl_corp ul li a:hover h2,
.bl_corp ul li a:hover p {
	color: #005bac;
}

.bl_pickup {
	background: #f5f5f5;
}

.bl_pickup ul li .bl_pickup_box {
	position: relative;
	background: #fff;
	padding: 30px 30px 50px 30px;
	border-bottom: 5px solid #005bac;
}

.bl_pickup ul li .bl_pickup_box::after {
	content: '';
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #005bac;
	position: absolute;
	bottom: 20px;
	right: 20px;
    transition: .3s;
}

.bl_pickup ul li .bl_pickup_box::before {
    font-family: FontAwesome;
    content: '\f054';
	color: #fff;
    position: absolute;
	bottom: 26px;
    right: 29px;
    font-size: 11px;
    transition: .3s;
    z-index: 2;
}

.bl_pickup ul li a:hover .bl_pickup_box::after {
	background: #00bfff;	
}

.bl_pickup ul li h3 {
	text-align: center;
	margin: 0 0 20px;
	font-size:1.125rem;
	color: #005bac;
    transition: .3s;	
	font-weight: bold;
}

.bl_pickup ul li .bl_pickup_box p {
    transition: .3s;
	padding: 0 0 10px;
}

.bl_pickup ul li a:hover h3,
.bl_pickup ul li a:hover .box p {
	color: 	#00bfff;
}

.bl_intro h2 {
	text-align: center;
	font-size: 1.5rem;
}

.bl_intro .bl_intro_salesText {
	text-align: center;
	line-height: 1.8em;
}
.bl_intro .bl_intro_infographic {
	max-width: 810px;
	margin: 60px auto 0;
}

.bl_business_nav a:hover {
	color:#005bac;
}

.bl_business_nav h2 {
	width: calc(33.333% - 19px);
	margin: 0 0 30px;
	font-weight: bold;
	color:#005bac;
}

.bl_business_nav ul li {
	border-bottom: 1px solid #ddd;
    padding-bottom: 10px;	
}

.bl_achievement_list .item {
	margin: 30px 0 0;
}

.bl_achievement_point {
	text-align: center;
}

.bl_achievement_list .iso {
	margin: 15px 0 0;
	max-width: 150px;
}

/* ----- 事業紹介トップ -----*/
.bl_businessInfo_inner {
	position: relative;
	margin: -150px auto 0;
	max-width: 87%;
	background: #fffffff0;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .10);
	padding: 45px 70px 50px;
}

.bl_businessInfo_ttl {
	font-weight: bold;
	color: #005bac;
	text-align: center;
	font-size: 1.5rem;
	margin: 0 0 35px;
}

.bl_businessInfo_box ul {
	gap: 5px 10px;
}

.bl_businessInfo_cont .bl_businessInfo_box:not(:first-of-type) {
	margin-top: 80px;
}

.bl_businessInfo_inner .el_more {
	max-width: 420px;
    margin: 40px auto 0;
}

@media screen and (max-width: 767px) {
	.bl_topDesc {
    	padding: 20px 15px 30px;
    	text-align: left;
    	line-height: 1.6em;
    	font-size: 1.125rem;
	}
	
	.bl_advantage {
    	padding: 40px 0;
	}
	
	.bl_advantage ul li {
    	padding: 30px 20px;
	}
	
	.bl_advantage ul li:not(:last-child) {
    	margin: 0 0 15px;
	}
	
	.bl_advantage_icon {
    	max-width: 90px;
    	margin: 0 auto 6px;
	}
	
	.bl_advantage ul li h3 {
    	font-size: 1.25rem;
	}
	
	.bl_business ul li:not(:last-child) {
    	margin: 0 0 30px;
	}
	
	.bl_business ul li.el_arrow__blue {
    	margin: 0;
	}
	
	.bl_business_nav ul li {
    	padding: 10px 0;
	}
	
	.bl_business_nav h2 {
    	width: 100%;
		font-weight: normal;
    	border-bottom: 1px solid #ddd;
    	padding-bottom: 10px;
		margin: 0;
	}	
	
	.bl_pickup ul li:not(:last-child),
	.bl_corp ul li:not(:last-child) {
    	margin: 0 0 15px;
	}
	
	.bl_advantage .el_divide__col2 {
		display: block;
	}
	
	.bl_corp ul a,
	.bl_corp ul li.a-none {
    	padding: 15px 6px;
	}
	
	.bl_businessInfo_inner {
    	margin: -30px auto 0;
    	max-width: 93%;
    	padding: 26px 14px 30px;
	}
	
	.bl_businessInfo_ttl {
    	font-size: 1.25rem;
    	margin: 0 0 20px;
	}
	
	.bl_businessInfo_inner .el_more {
    	margin: 20px auto 0;
	}
	
	.bl_businessInfo_cont
	.bl_businessInfo_box:not(:first-of-type) {
    	margin-top: 30px;
	}
	
	.bl_businessInfo_inner .el_more a {
		font-size: .875rem;
	}
}

/* ----- 地域創生 -----*/
.regional-revitalization .bl_news {
	padding: 30px 0 100px;
}

.regional-revitalization .bl_news .bl_news_post {
	border-bottom: 1px solid #dedddd;
	padding: 20px;
}

.regional-revitalization .bl_news .bl_news_post:nth-of-type(1) {
	border-top: 1px solid #dedddd;
}

.regional-revitalization .bl_news .bl_news_post li {
	display: inline-block;
	vertical-align: middle;
}

.regional-revitalization .bl_news .bl_news_post:hover {
	background: #ebf0f2;
	color: #0797CC;
}

.regional-revitalization .bl_news .bl_news_post li:first-child {
	width: 12%;
}

.regional-revitalization .bl_news .bl_news_post li:last-child {
	width: 88%;
    padding-left: 20px;
}

.regional-revitalization .bl_news .bl_news_post .post li .date {
	font-size: .9375rem;
	display: inline-block;
	letter-spacing: .1em;
	font-family: "Montserrat", sans-serif;
}

.regional-revitalization .bl_news .bl_news_post li h3 {
	display: inline-block;
	letter-spacing: .1em;
	transition: .2s;
}

.regional-revitalization .bl_news .bl_news_post:hover li h3 {
	color: #0797cc;	
}

.bl_ex_regional_box {
	border: 1px solid #dedddd;	
	padding: 40px;
	margin: 50px 0 0;
}

.bl_ex_regional .bl_ex_regional_box:first-of-type {
	margin: 0;
}

.bl_ex_regional_box h3.bl_ex_regional_ttl {
	margin: 0 0 40px;	
}

.bl_ex_regional_box h3 span {
	display: inline-block;
	vertical-align: middle;
}

.bl_ex_regional_box h3 .region{
	padding: 10px 20px 10px 20px;
	letter-spacing: .1em;
	background: #333;
	color: #fff;
	font-size: .9375rem;
	margin-right: 20px;
}

.bl_ex_regional_box .title {
	font-size: 1.375rem;
	font-weight: bold;
}

.bl_ex_regional_box .desc {
	font-size: .9375rem;
	line-height: 1.7em;
}

.bl_ex_regional_item {
	margin: 50px 0 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.bl_ex_regional_item h3 {
	font-weight: bold;
	margin: 10px 0 8px;
	text-align: center;
	letter-spacing: .1em;
}

.bl_ex_regional_desc {
	font-size: .875rem;
	line-height: 1.6;
}

.bl_ex_regional_site {
	margin: 14px 0 0;
}

.bl_ex_regional_site span {
	display: inline-block;
}

.bl_ex_regional_site a {
	display: inline-block;
	position: relative;
}

.bl_ex_regional_site a:hover {
	color: #005bac;
}

.bl_add_village {
	margin: 12px 0 0;
}

.bl_add_village h4 {
	font-weight: bold;
	margin: 0 0 4px;
}

.bl_add_village a {
	color: #005bac;
}

.bl_ex_regional_site a::after {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    bottom: 4px;
    right: -24px;
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(img/arrow-03.png);
}

.bl_region_ttl {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0 0 7px;
}

.bl_region_ttl a:hover{
	color: #005bac;
}

.bl_region_cont {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.region .wrap {
	max-width: 900px;
	margin: 0 auto;
}

.post-contents table {
	margin: 20px 0 0;
}

.post-contents table th {
	width: 100px;
}

.post-contents table th,
.post-contents table td {
	padding: 5px 0;
}

@media screen and (max-width: 1023px){
	.region .wrap {
		padding: 0 30px;
	}
	
	.regional-revitalization .bl_news {
    	padding: 0 0 60px;
	}
	
	.bl_ex_regional_item {
    	margin: 40px 0 0;
    	grid-template-columns: repeat(2, 1fr);
	    gap: 30px;
	}

	.bl_ex_regional_box {
    	padding: 30px;
		margin: 30px 0 0;
	}
}
@media screen and (max-width: 767px){
	.region .wrap {
		padding: 0 15px;
	}
	
	.regional-revitalization .bl_news {
    	padding: 0 0 40px;
	}
	
	.regional-revitalization .bl_news .bl_news_post {
    	padding: 14px 0;
	}
	
	.regional-revitalization .bl_news .bl_news_post li {
    	display: block;
	}
	
	.regional-revitalization .bl_news .bl_news_post li:first-child {
    	width: 100%;
	}
	
	.regional-revitalization .bl_news .bl_news_post li:last-child {
    	width: 100%;
    	padding-left: 0;
    	margin: 2px 0 0;
	}
	
	.bl_ex_regional_box {
    	padding: 14px;
		margin: 15px 0 0;
	}
	
	.bl_ex_regional .el_divide__left40p {
    	display: block;
	}
	
	.bl_ex_regional .el_divide__left40p li:first-child {
		margin: 0 0 20px;
	}
	
	.bl_ex_regional_box h3.bl_ex_regional_ttl {
    	margin: 0 0 20px;
	}
	
	.bl_ex_regional_box .title {
    	margin: 10px 0 0;
    	font-size: 1.125rem;
	}
	
	.bl_ex_regional_item {
    	margin: 20px 0 0;
    	display: block;
	}
	
	.bl_ex_regional_item li {
		margin: 0 0 20px;
	}
	
	.bl_ex_regional_desc {
    	font-size: 1rem;
		line-height: 1.5;
	}
	
	.bl_ex_regional_site {
    	margin: 6px 0 0;
	}

	.bl_region_ttl {
    	font-size: 1.0625rem;
	}
}

/* ----- 人材サービス -----*/
.bl_staffing_box{
	display: grid;
    grid-template-columns: 40% 1fr;
	gap:60px;
    place-items: center start;
}

.bl_staffing_desc {
	line-height: 1.9em;
}

@media screen and (max-width: 767px){
	.bl_staffing_box {
    	display: block;
	}
	
	.bl_staffing_box li:first-child {
		margin: 0 0 15px;
	}
}

/*============================
リスクコンサルティング
============================*/
.bl_risk {
	background: #f4faff;
}

.bl_risk li {
	background: #fff;
    padding: 40px 30px;
    box-shadow: 0px 0px 2px 0px #dcdcde91;
}

.bl_risk_icon {
    max-width: 100px;
    margin: 0 auto;
}

.bl_risk_ttl {
    font-size: 1.125rem;
    color: #005bac;
    text-align: center;
    margin: 15px 0 10px;
	font-weight: bold;
}

.bl_risk_desc {
	font-weight: bold;
    text-align: center;
	margin: 0 0 15px;
	font-size: .9375rem;
}

.bl_risk_item p {
	font-size: .9375rem;
	line-height: 1.7;
}