@charset "utf-8";
/*
Theme Name:株式会社エイジェックまなび
*/
/*============================
メイン画像
============================*/
.bl_topSlider {
	display:none;
}

/* ページ読み込み時に、一瞬縦並びになるのを防止 */
/* slick-initializedが付与されたら表示 */
.bl_topSlider.slick-initialized {
  display: block;
}

.bl_topSlider .slick-slide {
  transform: scale(.75);
  transition: transform .1s;
}
.bl_topSlider .slick-slide.slick-center {
  transform: scale(1);
}

.bl_mainVisual {
	position: relative;
	overflow: hidden;
	background: url(images/bg-slider.png) no-repeat;
    background-position: top left;
    -webkit-background-size: cover;
    background-size: cover;
}

.bl_topSlider_cont {
    padding: 20px 0 30px;
}

.bl_topSlider_cont img {
	border-radius: 20px;
}

.bl_topSlider.slick-dotted.slick-slider {
	margin: 0 auto !important;
	padding: 20px 0;
}

.bl_topSlider .slick-dots {
	position: relative;
	z-index: 3;
	bottom: 9px !important;
	text-align: center !important;
}

.bl_topSlider .slick-dots li {
	width: 12px !important;
    height: 12px !important;
    display: inline-block;
    margin: 0 7px !important;
  }

.bl_topSlider .slick-dots li button {
    padding: 0 !important;
    color: transparent !important;
    outline: none !important;
    width: 12px !important;
    border: unset !important;
    height: 12px !important;
    display: block !important;
    background: #fff !important;
    cursor: pointer !important;
  }

.bl_topSlider .slick-dots li.slick-active button {
   background: #005bac !important;
 }

.bl_topSlider .slick-dots li button:before {
	content: none !important;
}

.bl_topSlider a:hover {
	opacity: .8;
}

@media screen and (min-width: 2200px){
	.slick-dotted.slick-slider {
		max-width: 2100px;
	}
}

@media screen and (max-width: 1200px){
	.bl_topSlider.slick-dotted.slick-slider {
    	margin: 60px auto 0 !important;
	}
}

@media screen and (max-width: 767px){
	.bl_topSlider .slick-slide {
  		transform: scale(1);
	}
	
	.bl_topSlider_cont {
    	padding: 20px;
	}
	
	.slick-dotted.slick-slider {
    	padding: 0 0 10px;
	}
}

/*============================
近日開催予定のセミナー
============================*/
.bl_course_slider {
	display:none;
}

/* ページ読み込み時に、一瞬縦並びになるのを防止 */
/* slick-initializedが付与されたら表示 */
.bl_course_slider.slick-initialized {
  display: block;
}

.slick-track {
  display: flex;
}

.slick-slide {
  height: auto !important;
}

.bl_course .slick-dots {
	position: relative;
	z-index: 3;
	bottom: -25px !important;
	text-align: center !important;
}

.bl_course_status {
	position: absolute;
	top: -15px;
    left: 15px;
	text-align: center;
}

.bl_course .slide-dots {
	position: relative;
	z-index: 3;
	bottom: -40px !important;
	text-align: center !important;
}

.bl_course_sliderBox {
	position: relative;
    background: #f8f7f6;
	padding: 25px 15px;
	margin: 0 10px;
	border-radius: 10px;
}

.bl_course_date p {
	font-size: 1.125rem;
	font-weight: 600;
	margin: 15px 0 0;
}

.bl_course_date p .date {
	font-size: 1.25rem;
	letter-spacing: .1em;
	font-family: "Barlow", sans-serif;
	margin: 0 3px 0 0;
}

.bl_course_date p span {
    vertical-align: top;
    line-height: 1;
	display: inline-block;
}

.bl_course_ttl h2 {
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.4;
	padding: 0 0 20px;
}

.bl_course_txt {
	font-size: .875rem;
	padding: 0 15px;
}

.bl_course_method p {
	position: absolute;
	bottom: 15px;
	left: 15px;
}

.bl_course_method span {
	display: inline-block;
	font-size: .875rem;
	line-height: .875rem;
	background: #949494;
	border-radius: 10px;
	color: #fff;
    padding: 2px 6px 2px 7px;
	margin: 20px 0 0;
}

.bl_course_status span {
	display: block;
    font-size: .875rem;
    line-height: 30px;
    background: #ea6686;
    border-radius: 30px;
    color: #fff;
    width: 80px;
    height: 30px;
    font-weight: bold;
}

.bl_course_status span.full {
    background: #f88139;	
}

.bl_course_status span.end {
    background: #882f8b;	
}

.bl_course .more {
    margin: 10px 0 0;
}

.bl_course .slick-dots li {
	width: 60px !important;
    height: 3px !important;
    display: inline-block;
    margin: 0 !important;
  }

.bl_course .slick-dots li button {
    padding: 0 !important;
    color: transparent !important;
    outline: none !important;
    width: 60px !important;
    border: unset !important;
    height: 3px !important;
    display: block !important;
    background: #e2e2e2 !important;
    cursor: pointer !important;
  }

.bl_course .slick-dots li.slick-active button {
   background: #ea6686 !important;
 }

.bl_course .slick-dots li button:before {
	content: none !important;
}

.bl_course .slick-prev {
    left: calc(50% - 348px);
    bottom: -37px;
}

.bl_course .slick-next {
    left: calc(50% + 320px);
    bottom: -37px;
}

.bl_course .el_more {
	margin: 60px auto 0;
}

@media screen and (max-width: 767px) {
	.bl_course .slick-dots li,
	.bl_course .slick-dots li button {
		width: 20px !important;		
	}
}

/*============================
個人向け
============================*/
.bl_individuals {
	position: relative;
	overflow: hidden;
	background: url(images/bg-individuals.png) no-repeat;
    background-position: top left;
    -webkit-background-size: cover;
    background-size: cover;
}

.bl_individuals_box {
	display: grid;
	 grid-template-columns: repeat(4, 1fr);
	gap: 50px 20px;	
}

.bl_individuals_item {
	position: relative;
	background: #333;
	border-radius: 10px;
	box-shadow: 0 0px 10px #0000000d;
	padding: 4px;
	transform: .3s;
}

.bl_individuals_ttl {
    position: absolute;
    left: 10%;
	bottom: -12px;
    width: 80%;
    background: #333;
    color: #fff;
    text-align: center;
    padding: 4px;
    border-radius: 30px;
	transform: .3s;
}

.bl_individuals_ttl h4 {
    font-size: .875rem;
	font-weight: bold;
}

.bl_individuals_item img,
.bl_individuals_item .zoom {
	border-radius: 6px;
    box-shadow: 0 0px 4px #2a2a2aa6;
}

.bl_individuals h3 {
	font-weight: bold;
	position: relative;
	padding-left: 25px;
	font-size: 1.125rem;
	margin: 0 0 20px;
}

.bl_individuals h3:before {
	content: '';
	width: 20px;
	height: 1px;
	background: #707070;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.bl_individuals .bl_individuals_cont:nth-of-type(2) {
	margin: 50px 0 0;
}

.bl_individuals_kojin .bl_individuals_item:nth-of-type(1),
.bl_individuals_kojin .bl_individuals_item:nth-of-type(1) .bl_individuals_ttl {
	background: #882f8b;
}

.bl_individuals_kojin .bl_individuals_item:nth-of-type(1):hover,
.bl_individuals_kojin .bl_individuals_item:nth-of-type(1):hover .bl_individuals_ttl {
	background: #b94abd;
}

.bl_individuals_kojin .bl_individuals_item:nth-of-type(2),
.bl_individuals_kojin .bl_individuals_item:nth-of-type(2) .bl_individuals_ttl {
	background: #15af75;
}
.bl_individuals_kojin .bl_individuals_item:nth-of-type(2):hover,
.bl_individuals_kojin .bl_individuals_item:nth-of-type(2):hover .bl_individuals_ttl {
	background: #28d493;
}

.bl_individuals_kojin .bl_individuals_item:nth-of-type(3),
.bl_individuals_kojin .bl_individuals_item:nth-of-type(3) .bl_individuals_ttl {
	background: #ea6686;
}


.bl_individuals_kojin .bl_individuals_item:nth-of-type(3):hover,
.bl_individuals_kojin .bl_individuals_item:nth-of-type(3):hover .bl_individuals_ttl {
	background: #f98ea8;
}

.bl_individuals_kojin .bl_individuals_item:nth-of-type(4),
.bl_individuals_kojin .bl_individuals_item:nth-of-type(4) .bl_individuals_ttl {
	background: #f6bf00;
}

.bl_individuals_kojin .bl_individuals_item:nth-of-type(4):hover,
.bl_individuals_kojin .bl_individuals_item:nth-of-type(4):hover .bl_individuals_ttl {
	background: #fdcf2f;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(1),
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(1) .bl_individuals_ttl {
	background: #c45549;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(1):hover,
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(1):hover .bl_individuals_ttl {
	background: #ed796d;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(2),
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(2) .bl_individuals_ttl {
	background: #8989db;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(2):hover,
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(2):hover .bl_individuals_ttl {
	background: #ababf3;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(3),
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(3) .bl_individuals_ttl {
	background: #33b4d8;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(3):hover,
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(3):hover .bl_individuals_ttl {
	background: #61dbfd;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(4),
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(4) .bl_individuals_ttl {
	background: #025bac;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(4):hover,
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(4):hover .bl_individuals_ttl {
	background: #167ddb;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(5),
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(5) .bl_individuals_ttl {
	background: #ea0303;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(5):hover,
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(5):hover .bl_individuals_ttl {
	background: #ff5e5e;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(6),
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(6) .bl_individuals_ttl {
	background: #06bbc0;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(6):hover,
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(6):hover .bl_individuals_ttl {
	background: #30e8ed;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(7),
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(7) .bl_individuals_ttl {
	background: #e158d9;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(7):hover,
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(7):hover .bl_individuals_ttl {
	background: #f58aef;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(8),
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(8) .bl_individuals_ttl {
	background: #c58f13;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(8):hover,
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(8):hover .bl_individuals_ttl {
	background: #f7c042;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(9),
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(9) .bl_individuals_ttl {
	background: #f08164;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(9):hover,
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(9):hover .bl_individuals_ttl {
	background: #ffae99;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(10),
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(10) .bl_individuals_ttl {
	background: #92c423;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(10):hover,
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(10):hover .bl_individuals_ttl {
	background: #b2e936;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(11),
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(11) .bl_individuals_ttl {
	background: #f77a31;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(11):hover,
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(11):hover .bl_individuals_ttl {
	background: #f8a26f;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(12),
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(12) .bl_individuals_ttl {
	background: #3f7a07;
}

.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(12):hover,
.bl_individuals_shakaijin .bl_individuals_item:nth-of-type(12):hover .bl_individuals_ttl {
	background: #5dae10;
}

@media screen and (max-width: 1200px){
	.bl_individuals_box {
    	gap: 30px 20px;
	}

	.bl_individuals_ttl h4 {
    	font-size: .75rem;
	}
}

@media screen and (max-width: 1023px){
	.bl_individuals_box {
    	grid-template-columns: repeat(2, 1fr);
	    gap: 50px 40px;
	}
	
	.bl_individuals_ttl h4 {
        font-size: .9375rem;
    }
}

@media screen and (max-width: 767px){
	.bl_individuals_box {
    	grid-template-columns: repeat(2, 1fr);
	    gap: 20px 10px;
	}
	
	.bl_individuals_ttl h4 {
        font-size: .75rem;
	    line-height: 1.1;
    }
}
/*============================
校舎一覧
============================*/
.bl_tabBox {
	display: grid;
	 grid-template-columns: repeat(3, 1fr);
	gap: 21px;
	margin: 0 0 50px;
}

.bl_tabBox li {
	position: relative;
    color: #fff;
    padding: 20px 24px 18px;
    background: #025bac;
    background: linear-gradient(135deg, rgba(2, 91, 172, 1) 0%, rgba(0, 239, 211, 1) 100%);
    border-radius: 30px;
    font-size: .9375rem;
    font-weight: bold;
    line-height: 1;
	cursor: pointer;
}

.bl_tabBox li:after {
    font-family: FontAwesome;
    content: '\f078';
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 30px;
    color: #fff;
    transform: translateY(-50%);
    transition: .3s;
	font-weight: normal;
}

.bl_tabBox li:hover {
    background: #025bac;	
}

.bl_tabBox li.hp_first {
	display: none;
}

.bl_first_box {
	max-width: 1020px;
	margin: 0 auto;
	display: grid;
	 grid-template-columns: 60% 1fr;
	gap: 50px;	
}

.bl_first_desc {
	line-height: 1.6;
	font-size: 1.375rem;
	font-weight: bold;
	background: linear-gradient(135deg, rgba(2, 91, 172, 1) 0%, rgba(0, 239, 211, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.bl_tabContent h2{
	position: relative;
    font-size: 1.5rem;
    color: #025bac;
    font-weight: bold;
    margin: 0 0 20px;
	padding-left: 40px;
}

.bl_tabContent h2:before {
    content: '';
    width: 20px;
    height: 1px;
    background: #025bac;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(1px);
}

.bl_tabContent_cont,
.bl_tabContent_oneBox {
	padding: 40px;
	border: solid 3px #ea6686;
	border-radius: 20px;
}

.bl_tabContent_box {
	display: grid;
	 grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}

.bl_tabContent .bl_tabContent_cont:not(:first-of-type) {
	margin: 40px 0 0;
}

.bl_tabContent  .bl_tabContent_cont.hp_mn {
	margin: 0;
}

.bl_googleMap {
    width: 100%;
    height: 330px;
    overflow: hidden;
    position: relative;
}

.bl_googleMap iframe {
	margin-top: -160px;
    width: 100%;
    height: 700px;
}

.bl_googleMap_link {
	margin: 10px 0 0;
	text-align: center;
}

.bl_googleMap_linkInner {
    background: #025BAC;
    background: linear-gradient(135deg, rgba(2, 91, 172, 1) 0%, rgba(0, 239, 211, 1) 100%);
    border-radius: 10px;
    padding: 4px;
}

.bl_googleMap_link a {
	display: block;
    background: #fff;
    border-radius: 6px;
    padding: 10px 16px;
    font-weight: 500;
    transition: .3s;
    color: #025bac;
    font-weight: bold;
    font-family: "Barlow", sans-serif;
    position: relative;
    letter-spacing: .1em;
}

.bl_googleMap_link a::before {
    content: '>';
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 30px;
    color: #025bac;
    transform: translateY(-50%);
    transition: .3s;
}

.bl_tabContent_item p {
	line-height: 1.7;
}

.bl_tabContent_cont h3 {
    font-weight: 600;
    font-size: 2rem;
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 3px solid #ea6686;;
    line-height: 1;
}

.bl_gym .bl_tabContent_cont h3,
.bl_biz .bl_tabContent_cont h3 {
	font-size: 1.5rem;
	margin: 0;
}

.el_mark_circle {
	position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    letter-spacing: .05em;
}

.el_mark_circle::before {
    position: absolute;
    z-index: 2;
    content: '';
    width: 8px;
    height: 8px;
    top: 8.5px;
    left: 0;
    background: #a0d8ef;
	border-radius: 5px;
}

.bl_school_access_car,
.bl_school_access_train.hp_margin{
	margin: 5px 0;
}

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

.bl_num_box {
	max-width: 640px;
	display: grid;
	 grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	margin: 30px 0 0;
}

.bl_num_item {
	background: #f8f7f6;
	padding: 6px 10px;
	text-align: center;
}

.bl_num_ttl,
.bl_num_item .unit{
	font-weight: 600;
	display: inline-block;
}

.bl_num_item .number {
	display: inline-block;
	margin: 0 5px;
	font-weight: 600;
	font-size: 2rem;
	color: #ea6686;
	line-height: 1;
	padding: 0 0 4px;
}

.bl_num_ttl,
.bl_num_item .number,
.bl_num_item .unit {
	vertical-align: middle;
}

.bl_first_img {
	margin: 20px 0 0;
}

.bl_school_table th {
	width: 100px;
	color: #ea6686;
}

.bl_school_table th,
.bl_school_table td {
	padding: 18px 0 0;
}

.bl_school_address_name {
	font-weight: 600;
	font-size: 1.125rem;
}

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

.bl_tabContent_box.hp_drone {
	margin: 50px 0 0;
}

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

.bl_st_item {
    padding: 20px;
    border: solid 3px #ea6686;
    border-radius: 20px;
}

.bl_st_name {
    font-weight: 600;
    font-size: 1.25rem;
    padding: 0 0 18px;
    margin: 0 0 12px;
    border-bottom: 3px solid #ea6686;
    line-height: 1;
}

.bl_st_ad {
	font-size: .875rem;
	line-height: 1.4em;
}

.bl_st_ctgr .ctgr {
	display: inline-block;
    font-size: .75rem;
    color: #fff;
    background: #2cb4ad;
    padding: 1px 6px 1px 6px;
    margin: 0 4px 0 0;
}

.bl_st_ctgr .ctgr.conservation {
	background: #8989DB;
}

.bl_st_ctgr .ctgr.manufacture {
	background: #005abc;
}

.bl_st_ctgr .ctgr.development {
	background: #68a4d9;
}

.bl_st_ctgr .ctgr.electricity {
	background: #F6BF00;
}

.bl_st_ctgr .ctgr.robot {
	background: #f18d00;
}

.bl_st_ctgr .ctgr.semiconductor {
	background: #15AF75;
}

.bl_st_ctgr .ctgr.quality {
	background: #fa8072;
}

.bl_st_ctgr .ctgr.calicon {
	background: #a52a2a;
}

.bl_st_ctgr .ctgr.facility {
	background: #92C423;
}

.bl_st_ctgr .ctgr.gyosei {
	background: #6a5acd;
}

.bl_st_ctgr .ctgr.zoen {
	background: #004d25;
}

.bl_st_ctgr .ctgr.chemistry {
	background: #882F8B;
}

.bl_st_box .bl_school_table th {
	width: 48px;
	color: #ea6686;
	font-size: .875rem;
}

.bl_st_box .bl_school_table th,
.bl_st_box .bl_school_table td {
    padding: 8px 0 0;
}

.bl_st_box .bl_school_table {
	margin: 0 0 12px;
}

@media screen and (max-width: 1200px){
	.bl_tabBox {
    	grid-template-columns: repeat(2, 1fr);
    	gap: 18px;
    	margin: 0 0 30px;
	}
	
	.bl_tabContent_cont h3 {
    	font-size: 1.5rem;
    	margin: 0;
	}
	
	.bl_tabContent_cont,
	.bl_tabContent_oneBox {
    	padding: 30px;
	}
	
	.bl_tabContent h2{
    	font-size: 1.25rem;
	}
}

@media screen and (max-width: 1023px){	
	.bl_first_desc {
    	font-size: 1.125rem;
	}
	
	.bl_first_desc span.p-br {
    	display: inline;
	}
	
	.bl_num_item .number {
    	font-size: 1.5rem;
	}
	
	.bl_first_box {
    	grid-template-columns: 40% 1fr;
    	gap: 30px;
	}
	
	.bl_num_box {
		display: block;
		margin: 10px 0 0;
	}
	
	.bl_num_item {
    	margin: 0 0 10px;
	}
	
	.bl_first_img {
    	margin: 50px 0 0;
	}
	
	.bl_tabContent_box {
		display: block;
	}
	
	.bl_googleMap {
    	height: 300px;
    	margin: 24px 0 0;
	}
	
	.bl_googleMap iframe {
    	height: 660px;
	}
	
	.bl_tabContent_wrap {
		display: block;
	}
	
	.bl_tabContent .bl_tabContent_cont.hp_mn {
    	margin: 20px 0 0;
	}
	
	.bl_st_box {
    	grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 767px){	
	.bl_tabBox {
    	display: block;
	}
	
	.bl_tabBox li {
    	padding: 12px 15px 10px;
    	font-size: .875rem;
	}
	
	.bl_tabBox li:not(:last-child) {
		margin: 0 0 5px;
	}
	
	.bl_tabBox li:after {
    	font-size: 14px;
    	right: 15px;
	}
	
	.bl_first_box {
    	display: block;
		margin: 0 0 20px;
	}
	
	.bl_first_desc {
        font-size: 1rem;
		margin: 0 0 20px;
    }
	
	.bl_first_img {
		display: none;
	}
	
	.bl_num_item .number {
        font-size: 1.25rem;
    }
	
	.bl_num_item {
        margin: 0 0 7px;
        font-size: .875rem;
	    padding: 3px 10px;
    }
	
	.bl_tabContent_cont, .bl_tabContent_oneBox {
        padding: 24px 14px;
    }
	
	.bl_tabContent h2{
    	font-size: 1.0625rem;
	}
	
	.bl_tabContent_cont h3 {
        font-size: 1.25rem;
		padding: 0 0 14px;
	}
	
	.bl_school_table th {
    	width: 75px;
    	font-size: .875rem;
	}
	
	.bl_school_table td {
    	font-size: .875rem;		
	}
	
	.bl_tabContent_item p {
    	line-height: 1.5;
	}
	
	.bl_school_address_name {
    	font-size: .9375rem;
    	margin: 0 0 5px;
	}
	
	.bl_tabContent_photo {
    	margin: 15px 0 0;
    	grid-template-columns: repeat(2, 1fr);
    	gap: 15px;
	}
	
	.bl_gym .bl_tabContent_cont h3, .bl_biz .bl_tabContent_cont h3 {
    	font-size: 1.125rem;
	}
	
	.bl_biz .bl_tabContent_img {
		margin: 20px 0 0;
	}
	
	.bl_st_box {
    	display: block;
	}
	
	.bl_st_name {
    	font-size: 1rem;
    	padding: 0 0 12px;
    	margin: 0 0 2px;
	}
	
	.bl_st_box .bl_school_table {
    	margin: 0 0 4px;
	}
	
	.bl_st_item {
    	padding: 15px;
    	margin: 0 0 12px;
	}
}
/*============================
リカレントA＋
============================*/
.bl_recurrent {
	position: relative;
	overflow: hidden;
	background: url(images/bg-recurrent.png) no-repeat;
    background-position: top left;
    -webkit-background-size: cover;
    background-size: cover;
}

.bl_recurrent .el_more {
	margin: 30px 0 0;
}

.bl_recurrent_cont {
	display: grid;
    grid-template-columns: 520px 1fr;
    gap: 80px;
}

.bl_seminar_banner img:hover {
	opacity: .9;
}

.bl_seminar_desc {
	line-height: 1.7;
}

.bl_recurrent_slider_box {
	width: 90%;
	margin-left: 10%;
    padding: 100px 0 150px 150px;
    border-radius: 300px 0 0 300px;
	background: #fff;
}

.bl_recurrent  .slick-dots {
    bottom: -50px;
    left: 0;
    text-align: left;
}

.bl_recurrent .slick-dots li {
	width: 60px !important;
    height: 3px !important;
    display: inline-block;
    margin: 0 !important;
  }

.bl_recurrent .slick-dots li button {
    padding: 0 !important;
    color: transparent !important;
    outline: none !important;
    width: 60px !important;
    border: unset !important;
    height: 3px !important;
    display: block !important;
    background: #e2e2e2 !important;
    cursor: pointer !important;
  }

.bl_recurrent .slick-dots li.slick-active button {
   background: #ea6686 !important;
 }

.bl_recurrent .slick-dots li button:before {
	content: none !important;
}
.bl_seminar_slider {
	margin-right: -100px;
}

.bl_recurrent_slider h3 {
	margin: 0 0 30px;
	font-size: 1.5rem;
    font-weight: 600;
}

.bl_recurrent_slider h3 span {
	position: relative;
	padding-left: 50px;	
}

.bl_recurrent_slider h3 span:before {
	content: '';
	width: 20px;
	height: 1px;
	background: #707070;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.bl_seminar_slider .slick-slide {
	background: #f8f7f6;
	padding: 20px;
	border-radius: 20px;
	margin: 0 10px;
}

.bl_recurrent .slick-prev {
	left: 200px;
    top: -60px;
}

.bl_recurrent .slick-next {
	left: 245px;
    top: -60px;
}

.bl_seminar_mark {
	margin: 5px 0 10px;
}

.bl_seminar_mark span {
	display: inline-block;
	line-height: 1;
	padding: 5px 15px;
	border-radius: 20px;
	font-size: .875rem;
	color: #fff;
}

.bl_seminar_mark_houjin {
	background: #025bac;
}

.bl_seminar_mark_kojin {
	background: #ea6686;
}

.bl_seminar_ttl {
	font-weight: 600;
	margin: 0 0 16px;
}

.bl_recurrent_ctgr span {
	display: inline-block;
	line-height: 1;
	padding: 5px;
	border-radius: 5px;
	font-size: .75rem;
	border: 1px solid #cecece;
	margin-right: 3px;
}


.bl_seminar_banner {
	max-width: 900px;
	margin: 70px auto;
}

@media screen and (max-width: 1279px){
	.bl_recurrent_slider_box {
    	width: 95%;
    	margin: 50px 0 0 5%;
    	padding: 60px 0 100px 100px;
    	border-radius: 200px 0 0 200px;
	}
}

@media screen and (max-width: 1023px){
	.bl_recurrent_cont {
		display: block;
	}
	
	.bl_seminar_desc {
    	line-height: 1.7em;
    	margin: 0 0 30px;
    	font-size: 1rem;
	}
	
	.bl_recurrent  .slick-dots {
    	left: 20px;
	}
	
	.bl_seminar_banner {
    	margin: 40px auto 0;
	}
	
	.bl_recurrent_slider_box {
    	padding: 60px 0 100px 70px;
	}
}

@media screen and (max-width: 767px){
	.bl_seminar_desc {
		text-align: left;
	}
	
	.bl_seminar_banner {
    	margin: 0 auto 45px;
	}
	
	.bl_recurrent .el_sectionTitle .ja {
    	font-size: 1.125rem;
	}
	
	.bl_recurrent .el_more {
		display: none;
	}
	
	.bl_seminar_desc {
		line-height: 1.6em;
        margin: 0 0 20px;
	}
	
	.bl_seminar_slider {
    	margin-right: 0;
	}
	
	.bl_recurrent_slider_box {
        width: 100%;
        margin: 50px 0 0;
		padding: 30px 0 60px;
	    border-radius: 200px 0 0 200px;
	}
	
	.bl_recurrent .slick-dots li,
	.bl_recurrent .slick-dots li button {
		width: 20px !important;
  }
	
	.bl_recurrent .slick-dots {
    	bottom: -25px;
        left: 50%;
        transform: translateX(-50%);
    	text-align: center;
	}
	
	.bl_recurrent_slider h3 {
    	margin: 0 0 20px;
    	font-size: 1.25rem;
	}
	
	.bl_recurrent .slick-prev {
    	left: 180px;
    	top: -50px;
	}
	
	.bl_recurrent .slick-next {
    	left: 225px;
    	top: -50px;
	}
}

/*============================
お知らせ
============================*/
.bl_news {
	position: relative;
	overflow: hidden;
	background: url(images/bg-news2.jpg) no-repeat;
    background-position: top left;
    -webkit-background-size: cover;
    background-size: cover;
}

.bl_news .el_sectionTitle {
    color: #fff;
}

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

.bl_news_post {
	color: #fff;
}

.bl_news_post img {
	border-radius: 20px;
}

.bl_news_post figure.zoom {
    overflow: hidden;
    border-radius: 20px;
}

.bl_news_ctgrdate {
	display: grid;
	 grid-template-columns: 100px 1fr;
	gap: 10px;
	margin: 12px 0 15px;
}

.bl_news_date {
	font-family: "Barlow", sans-serif;
	display: block;
	letter-spacing: .1em;
}

.bl_news_ctgr {
	text-align: right;
}

.bl_news_ctgr span {
	display: inline-block;
	font-size: .875rem;
	padding: 5px;
	line-height: 1;
	border: 1px solid #fff;
	border-radius: 20px;
	
}

.bl_news_ttl {
	letter-spacing: .1em;
	transition: .2s;
	font-weight: 600;
}

.bl_news_ttl:hover {
	color:#33b4d8;
}

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

@media screen and (max-width: 767px) {
	.bl_news_box {
    	display: block;
	}
	
	.bl_news_ctgrdate {
    	margin: 12px 0 5px;
	}
	
	.bl_news_post {
		margin: 0 0 30px;
	}
	
	.bl_news_ctgr {
    	text-align: left;
	}
}
/*============================
法人向け
============================*/
.bl_corp {
	position: relative;
	overflow: hidden;
	background: url(images/bg-corp.jpg) no-repeat;
    background-position: top left;
    -webkit-background-size: cover;
    background-size: cover;
}

.bl_corp_box {
	margin: 30px 0 0;
}

.bl_corp_box ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
	margin: 15px 0 0;
}

.bl_corp_box ul li {
    padding: 35px 14px 32px;
    background: #fff;
    text-align: center;
    box-shadow: 0 3px 12px #0000000d;
    border-radius: 10px;
}

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

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

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


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

.bl_corp_infographic {
    display: grid;
    grid-template-columns: 580px 1fr;
	margin: 50px 0 40px;	
	align-items: center;
}

.bl_corp_infographic_txt ul li h4 {
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0 0 3px;
	letter-spacing: .1em;
}

.bl_corp_infographic_txt ul li p {
	font-size: .875rem;
	line-height: 1.7;
}

.bl_corp_infographic_txt ul li {
	position: relative;
	padding-left:10px;
	margin: 0 0 26px;
}

.bl_corp_infographic_txt ul li:last-child {
	margin: 0;
}

.bl_corp_infographic_txt ul li .checkbox {
	position: absolute;
	top: 2px;
	left: -24px;
    width: 20px;
}

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

.bl_business_box {
	padding: 28px 0 0;
	display: grid;
	 grid-template-columns: repeat(5, 1fr);	
	gap: 45px 20px;
}

.bl_business_box h3 {
	width: 90%;
	display: grid;
    grid-template-columns: 42px 1fr;
    gap: 10px;
    text-align: center;
    padding: 15px 12px;
    border-radius: 30px;
    background: #f6bf00;
    color: #fff;
    z-index: 1;
    line-height: 1;
    position: absolute;
	align-items: center;
	left: 5%;
	top: -28px;
}

.bl_business_box li:nth-child(2) h3 {
	background: #06bbc0;
}
.bl_business_box li:nth-child(3) h3 {
    background: #ea6686;
}
.bl_business_box li:nth-child(4) h3 {
	background: #882f8b;
}
.bl_business_box li:nth-child(5) h3 {
    background: #92c423;
}
.bl_business_box li:nth-child(6) h3 {
	background: #15af75;
    padding: 10px 12px;
}
.bl_business_box li:nth-child(7) h3 {
	background: #f08164;
}
.bl_business_box li:nth-child(8) h3 {
	background: #025bac;
}
.bl_business_box li:nth-child(9) h3 {
	background: #c45549;
}
.bl_business_box li:nth-child(10) h3 {
	background: #8989db;
}


.bl_tabBox_num {
    font-size: 1.375rem;
    line-height: 1;
    font-family: "Barlow", sans-serif;
	font-weight: 500;
}

.bl_tabBox_ttl {
	font-weight: bold;	
}

.bl_business_inner {
	position: relative;
    background: #fff;
    padding: 0 15px 13px;
	z-index: 0;
}
.bl_business_box li .text-box .info-box{
	flex-grow: 1;
	margin-bottom:1rem;
}
.bl_business_box li .text-box .link-box {
    font-weight: 800;
    color: #0480CC;
    display: flex;
    margin: 4% 0 0;
}
.bl_business_box li .text-box .link-box a{
	color:#0480CC;
	font-size:0.8rem;
	letter-spacing: normal;
	line-height:1.2;
}

.bl_business_box_txt {
	font-size: .875rem;
	margin: 0 0 12px;
    padding: 35px 0 0;
}
/*サービスメニューの詳しく見る*/
.acd-check{
  display: none;
}
.acd-label{
    color: #ffffff;
    display: block;
    padding: 20px 25px;
    position: relative;
    border-bottom: solid 2px #fff;
    font-weight: bold;
    font-size: 15px;
}
.acd-label p{
	color:#fff;
}
.acd-label i{
	position: absolute;
    right: 15px;
}

.acd-label i.fa-caret-down{
	position:absolute;
	right:15px;
}

.acd-content{
  height: 0;
  opacity: 0;
  transition: .5s;
  visibility: hidden;
  position: relative;
}
.acd-content i{
	position:absolute;
	right:15px;
}
.acd-content p{
    padding: 12px 25px;
    border-bottom: solid 2px #b9b9b9;
    background-color: #e4e4e4;
    color: #242424;
	font-weight: bold;
    font-size: 16px;
}

.acd-check:checked + .acd-label + .acd-content{
  height: auto;
  opacity: 1;
  visibility: visible;
}

.acd-check{
  display: none;
}
.acd-label {
	position: relative;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #025bac;
    padding: 8px 5px;
    margin: 0;
	border: 1px solid #e2e2e2;
}

.acd-label::before,
.acd-label::after  {
    content: '';
    display: inline-block;
    width: 10px;
    height: 2px;
    background: #025bac;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s;
}

.acd-label::after {
    transform: translateY(-50%) rotate(90deg);
    transition: transform .3s;
}

.acd-label.show::before {
    opacity: 0;
}

.acd-label.show::after {
    transform: translateY(-50%) rotate(180deg);
}

.acd-label:hover{
	cursor:pointer;
}
.acd-content{
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content {
    height: auto;
    padding: 10px;
    opacity: 1;
    visibility: visible;
    background: #f8f7f6;
    margin: 20px 0 0;
    border-radius: 10px;
}
.acd-content ul li {
    width: 100%;
    box-shadow: none;
    font-size: .875rem;
	margin: 0 0 6px;
}

.acd-content ul li.period {
	margin: 12px 0 0;
}

.acd-content ul li h4 {
    margin: 0 0 6px 0;
    line-height: 1.4;
    color: #025bac;
    letter-spacing: 0;
	font-weight: 500;
}

.acd-content ul li a {
    border-bottom: 1px solid #333;
}

.acd-content ul li h4 a {
	color:#025bac;
    border-bottom: 1px solid #025bac;
}

.acd-content ul li a:hover {
	color: #005bac;
}

.acd-content ul li ul > li {
	position: relative;
	padding-left: 14px;
}

.acd-content ul li ul > li:before {
	content:'・';
	position: absolute;
	top: 0;
	left:0;
}

@media screen and (min-width: 2200px) {
	.bl_seminar_slider.slick-slider {
		max-width: 2100px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1200px) {
	.bl_business_box {
	 	grid-template-columns: repeat(3, 1fr);	
	}
	
	.bl_corp_infographic {
    	grid-template-columns: 390px 1fr;
	}
	
	.bl_corp_infographic_txt ul li h4 {
    	font-size: 1rem;
	}
}

@media screen and (max-width: 1023px) {
	.bl_business_desc {
    	line-height: 1.7em;
    	margin: 0 0 30px;
		font-size: 1rem;
	}

	.bl_corp_box ul {
    	grid-template-columns: repeat(3, 1fr);
	}
	
	.bl_corp_infographic {
    	display: block;
    	margin: 20px 0 40px;
	}
	
	.bl_corp_infographic_txt ul li {
    	padding-left: 30px;
	}
	
	.bl_corp_infographic_txt ul li .checkbox {
		left: 0;
	}
}

@media screen and (max-width: 767px) {
	.bl_business_box {
    	display: block;
	}
	
	.bl_business_box > li:not(:last-child) {
		margin: 0 0 50px;
	}
	
	.bl_business_box li p {
    	font-size: 1rem;
	}
	
	.bl_business_box_img img {
    	height: 150px;
    	object-fit: cover;
    	width: 100%;
	}
	
	.bl_business_desc {
		text-align: left;
	}
	
	.acd-content ul li.period {
    	margin: 20px 0 0;
	}
	
	.acd-content ul li {
    	font-size: 1rem;
	}
	
	.acd-content ul li h4 {
    	margin: 0 0 5px 0;
	}
	
	.bl_corp_box ul {
        grid-template-columns: repeat(2, 1fr);
    }
	
	.bl_corp_box ul li {
    	padding: 24px 10px 18px;
	}
	
	.bl_corp_box ul li h3 {
    	margin: 0 0 12px;
	}
	
	.bl_corp_box .number {
    	font-size: 1.5rem;
	}
}

/*============================
企業研修
============================*/
.bl_corpTraining {
	position: relative;
	overflow: hidden;
	background: url(images/bg-training.jpg) no-repeat;
    background-position: top left;
    -webkit-background-size: cover;
    background-size: cover;
}

.bl_corpTraining .el_sectionTitle {
    color: #fff;
}

.bl_corpTraining_box {
	position: relative;
}

.bl_corpTraining_desc {
	margin: 0 0 50px;
	line-height: 1.7;
	font-size: 1.0625rem;
	color: #fff;
}

.bl_corpTraining_ex {
	display: grid;
	 grid-template-columns: repeat(3, 1fr);
	background: #fff;
	padding: 30px;
	box-shadow: 0 3px 48px #0000001f;
	border-radius: 10px;
}

.bl_corpTraining_item {
	padding: 30px;
}

.bl_corpTraining_ex .bl_corpTraining_item:nth-of-type(1),
.bl_corpTraining_ex .bl_corpTraining_item:nth-of-type(2),
.bl_corpTraining_ex .bl_corpTraining_item:nth-of-type(4),
.bl_corpTraining_ex .bl_corpTraining_item:nth-of-type(5) {
	border-right: 1px dashed #cecece;
}

.bl_corpTraining_ex .bl_corpTraining_item:nth-of-type(1),
.bl_corpTraining_ex .bl_corpTraining_item:nth-of-type(2),
.bl_corpTraining_ex .bl_corpTraining_item:nth-of-type(3) {
	border-bottom: 1px dashed #cecece;
}

.bl_corpTraining_ex h3,
.bl_corpTraining_ex h4 {
	font-weight: normal;
}

.bl_corpTraining_ex h3 {
    font-weight: bold;
    padding: 0 0 6px;
    margin: 0 0 16px;
    border-bottom: solid 1.5px #025bac;
    color: #025bac;
}

.bl_corpTraining_item h4 {
	font-size: .875rem;
	line-height: 1.5;
	margin: 0 0 8px;
}

.bl_corpTraining_item h4:last-of-type {
	margin: 0;
}

.bl_corpTraining_bg {
	max-width: 420px;
	position: absolute;
	right: -150px;
	bottom: -70px;
	
}

.bl_corpTraining_banner {
	max-width: 510px;
	margin: 70px auto 0;
}

.bl_corpTraining_banner:hover {
	box-shadow: 0 3px 12px #0000003b;
}

.bl_corpTraining .deco-1 {
    position: absolute;
    top: 0;
	left: -80px;
    z-index: -1;
}

.bl_corpTraining .deco-2 {
    position: absolute;
    bottom: 0;
    right: 1%;
    z-index: -1;
}

.bl_corpTraining_item a {
	display: inline-block;
    border-bottom: 1px solid;
    color: #005bac;
	margin: 0 0 4px;
}

@media screen and (max-width: 1400px) {	
	.bl_corpTraining_bg {
    	max-width: 270px;
    	right: 0;
    	bottom: -50px;
	}
}

@media screen and (max-width: 1023px) {	
	.bl_corpTraining_box{
		gap: 30px;
	}
	
	.bl_corpTraining_ex {
    	padding: 20px;
    	grid-template-columns: repeat(2, 1fr);
    	gap: 20px;
	}
	
	.bl_corpTraining_banner {
    	margin: 50px auto 0;
	}
}

@media screen and (max-width: 767px) {	
	.bl_corpTraining_desc {
    	text-align: left;
    	margin: 0 0 21px;
    	line-height: 1.6;
    	font-size: 1rem;
	}
	
	.bl_corpTraining_box {
    	display: block;
	}
	
	.bl_corpTraining_bg {
		width: 50%;
		margin: 0 auto 30px;
	}
		
	.bl_corpTraining_banner {
    	margin: 30px auto 0;
	}
	
	.bl_corpTraining_ex {
    	display: block;
		padding: 0 20px 20px;
	}
	
	.bl_corpTraining_item {
    	padding: 20px 0;
	}
	
	.bl_corpTraining_ex .bl_corpTraining_item:nth-of-type(1),
	.bl_corpTraining_ex .bl_corpTraining_item:nth-of-type(2),
	.bl_corpTraining_ex .bl_corpTraining_item:nth-of-type(4),
	.bl_corpTraining_ex .bl_corpTraining_item:nth-of-type(5) {
    	border-right: none;
	}
	
	.bl_corpTraining_ex .bl_corpTraining_item {
    	border-bottom: 1px dashed #cecece;
	}
	
	.bl_corpTraining_ex .bl_corpTraining_item:last-of-type {
    	border-bottom: none;		
	}
	
	.bl_corpTraining_bg {
        max-width: 160px;
        bottom: -70px;
    }
}

/*============================
おすすめコンテンツ
============================*/
.bl_recommend {
	position: relative;
	z-index: 1;
	background: url(images/dot-grid.webp) center center repeat;
}

.bl_recommend ul {
    margin: 60px 0 0 0;
}

.bl_recommend ul li{
    position:relative;
}

.bl_recommend ul li ul {
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    padding: 40px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 20px;
}

.bl_recommend ul li:nth-child(even) ul {
    flex-direction: row-reverse;
}

.bl_recommend ul li:nth-child(odd) .bl_recommend_img {
	margin-right: 40px;
}

.bl_recommend ul li:nth-child(even) .bl_recommend_img {
	margin-left: 40px;
}

.bl_recommend_img {
	width: 500px;
}

.bl_recommend_txt {
	width: calc(100% - 540px);
}

.bl_recommend ul li ul li h3 {
	font-weight: 600;
    margin: 0 0 20px;
    font-size: 1.875rem;
}

.bl_recommend ul li ul li h3 .hp_skill{
    max-width: 300px;
	margin: 10px 0 0;
}

.bl_recommend ul li ul li h3 .hp_kaiwa{
    max-width: 230px;
	margin: 10px 0 0;
}

.bl_recommend .el_more {
    margin: 30px 0 0;
}

@media screen and (max-width: 1200px) {
	.bl_recommend_img {
    	width: 45%;
	}
	
	.bl_recommend_txt {
		width: calc(55% - 40px);
	}
	
	.bl_recommend ul li ul {
    	padding: 40px;
	}
}

@media screen and (max-width: 1023px) {
	.bl_recommend ul li ul li h3 {
    	font-size: 1.5rem;
	}
	
	.bl_recommend ul.lineup_ul li p {
    	font-size: .875rem;
	}
}

@media screen and (max-width: 850px) {
	.bl_recommend ul li ul,
	.bl_recommend ul li#sl02 ul,
	.bl_recommend ul li#sl04 ul {
    	display: block;
	}
	
	.bl_recommend_img {
		display: block;
		width: 80%;
		margin: 0 auto 30px !important;
	}
	
	.bl_recommend_txt {
		width: 100%;
	}
	
	.bl_recommend_txt .read_text,
	.bl_recommend ul li ul li h3 {
		text-align: center;
	}
	
	.bl_recommend .el_more {
    	margin: 30px auto 0;
	}
	
	.bl_recommend ul li ul li h3 .hp_skill,
	.bl_recommend ul li ul li h3 .hp_kaiwa {
		margin: 10px auto 0;
	}
}
@media(max-width : 767px ){
	.bl_recommend_img {
        width: 100%;
	}
	
	.bl_recommend ul {
    	margin: 20px 0 0 0;
	}
	
	.bl_recommend ul li ul {
        padding: 40px 20px;
    }
	
	.bl_recommend ul li ul li p {
    	font-size: .875rem;
	}
}

/*============================
グループ法人
============================*/
.bl_group {
	position: relative;
	z-index: 1;
	background: url(images/bg-group.jpg) no-repeat;
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.bl_group .el_sectionTitle {
	color: #fff;
}

.bl_group_box {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 80px;
	max-width: 1200px;
	margin: 0 auto;
}

.bl_group_logo {
	margin: 0 0 20px;
}

.bl_group_co h3 {
	font-size: 1rem;
	font-weight: bold;
	margin: 0 0 12px;
	text-align: center;
	transition: .3s;
	color: #fff;
}

.bl_group_co a:hover h3 {
	color: #fbb0c2;
}

.bl_group_desc {
	color: #fff;
	font-size: .875rem;
}

@media screen and (min-width: 2200px) {
	.bl_group_box {
		max-width: 1500px;
	}
}

@media screen and (max-width: 1279px) {
	.bl_group_box {
    	gap: 50px;	
	    grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 767px) {
	.bl_group_box {
    	display: block
	}
	
	.bl_group_box .bl_group_co:not(last-of-type) {
		margin: 0 0 40px;
	}
	
	.bl_group_desc {
		font-size: .9375rem;
	}
}