@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');


	/*外語学院トップ-汎用*/
	#index{
	}


/*#index header #header_btm .header_logo {
    position: absolute;
    top: 820px;
    left: 40px;
    z-index: 5;
}
#index header #header_btm .global_nav {
    position: absolute;
    top: 800px;
    left: 280px;
    z-index: 10;
    padding: 0 0 0 20px;
    background: #fff; 
}
#index header #header_btm .btn {
    position: absolute;
    top: 800px;
    right: 60px;
    z-index: 10;
}*/

/*
#headerBtm.inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	  align-items: center;
	padding: 0 7.0rem 0 4.0rem;
}
*/
#pc_menu {
    display: none;
    position: initial;
}
#headerBtm.inner{
    display: flex;
    align-items: center;
    padding: 0 7.0rem 0 4.0rem;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    transition: all 0.3s ease 0s;
    z-index: 15;
    background: #fff;
}
#headerBtm .header_logo {
}
#headerBtm .header_logo a {
    display: block;
    width: 190px;
}
#headerBtm .header_logo a img {
    max-height: 45px;
}
#headerBtm .global_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 80px;
    padding: 0 0 0 20px;
     background: #fff; 
}
#headerBtm .global_nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#headerBtm .global_nav > ul > li {
    padding: 0 20px;
    font-size: 1.5rem;
}
#headerBtm .global_nav > ul > li:not(:first-child) {
    border-left: 1px solid #bfbfbf;
}
#headerBtm .global_nav > ul > li > a .icon-dropdown-menu {
    position: relative;
    top: 1px;
    margin: 0 0 0 5px;
    color: #9b2845;
}
#headerBtm .global_nav > ul > li > .dropdown {
    top: auto;
    bottom: 100px;
}
#headerBtm .global_nav > ul > li > a .icon-map {
    margin: 0 3px 0 0;
    color: #ee0055;
}
#index:not(.header_fixed) .global_nav .gnav_search .dropdown {
    left: 310px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
#headerBtm .btn {
}
#headerBtm .btn [class^="btn"] {
    padding: 0 20px;
    font-size: 1.6rem;
}
/*
#headerBtm .btn::before {
    content: "＼ ＜4/30まで＞入学金全額免除実施中！ ／";
    display: block;
    vertical-align: middle;
    color: #ff7e00;
    font-weight: bold;
    text-align: center;
}
*/
#headerBtm .btn .btn_orange02 {
    width: 100%;
    min-width: auto;
    height: 42px;
    padding: 0 10px;
    white-space: nowrap;
}
#headerBtm .global_nav > ul > li > a {
    position: relative;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: 0.5s color ease;
    transition: 0.5s color ease;
    cursor: pointer;
}
#headerBtm .global_nav > ul > li > a:hover {
    opacity: 1;
}
#headerBtm .global_nav > ul > li > a::after {
    position: absolute;
    left: 50%;
    bottom: -4px;
    content: "";
    width: 0;
    height: 2px;
    background: #ee0055;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#headerBtm .global_nav > ul > li.active > a::after, #headerBtm .global_nav > ul > li a:hover::after {
    width: 100%;
}




	/*#visual*/
	#visual img {
		/*width:200px;
		height:200px;
		object-fit:cover;
		border-radius: 0 0 50% 50%;
		object-position:0px 0px;*/
	}

	/*メッセージ*/
	.bl_topMessage{
		position: relative;
		padding: 15.0rem 0 15.0rem;
		z-index: 0;
	}
	.bl_topMessage::before{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		content:"";
		z-index: -1;
		background: url(/img/bg_topMassage.png) center center no-repeat;
		/*background-size: 100% cover;*/
	}
	.bl_topMessage p{
		font-size: 1.6rem;
		text-align: center;
	}
	.bl_topMessage p.el_caption{
		font-size: 3.0rem;
		font-weight: bold;
		margin-bottom: 1.0rem;
	}


	/*Pickup*/
	.bl_pickup {
		padding: 5.0rem 0;
	}
	.bl_pickup .ly_inner{
		width: 96%;
		max-width: 1000px;
		margin: 0 auto;
    position: relative;
	}
	.el_titlePickup{
  max-width: 1000px;
  margin: 0 auto 1rem;
  font-size: 2.6rem;
  line-height: 1.4;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.el_titlePickup span{
		display: inline-block;
		background: #fff;
	}

.el_titlePickup span:first-child{
  font-size: 5.0rem;
  padding: 0 1.5rem 0.5rem 0;
  font-family: Oswald;
}
.el_titlePickup span:last-child {
  font-size: 2.0rem;
  padding: 0 0 0 1.5rem;
  color: #333;
}
.el_titlePickup:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}

.el_titlePickup{
		color: #D5667C;
	}
	.bl_pickupList {
		
	}
	.bl_pickupList li{
	  display: flex;
     flex-wrap: wrap;
		align-items: flex-start;
		padding: 1.5rem 0;
		border-bottom: 1px dashed #707070;
	}
	.bl_pickupList li:last-child{
		border-bottom: none;
	}

	.el_pickupListCategory{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  padding: 0.25rem 1em;
	  width: 11.0rem;
	  border-radius: 50vh;
	  margin-right: 2.0rem;
	  font-weight: normal;
	  color: #fff;
	  font-size: 1.2rem;
	}
	.el_pickupListCategory{
	  background-color: #F2BCC7;
	}
	.bl_pickupList li p:last-child{
		flex: 1;
	}

/*pickupアコーディオン*/
.bl_pickup .grad-trigger {
		display: none;
	}
.bl_pickup .grad-trigger {
		display: none;
	}
.bl_pickup .grad-btn{
  display: block;
	}

.bl_pickup .grad-item {
    position: relative;
    overflow: hidden;
    height: 40px;
  border-top: 1px dashed #707070;
}
.bl_pickup .grad-item::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    content: "";
  background: #fff;
}
.bl_pickup .grad-item::before {
    background: #fff;
}

.bl_pickup .grad-btn::before{
  position: absolute;
  font-family: 'icomoon' !important;
  content: "もっと見る \e90c";
  color: #D5667C;
  font-size: 1.2rem;
  padding: 5px 30px;
  text-align: center;
  cursor: pointer;
  border-radius: 50vh;
  font-weight: normal;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
  border: 1px solid #D5667C;
}

.bl_pickup .grad-trigger:checked ~ .grad-btn::before{
  font-family: 'icomoon' !important;
  content: "閉じる \e90d";
  top: initial;
  bottom: -10px;
}
.bl_pickup .grad-trigger:checked ~ .grad-item::before {
	  display: none;
	}
.bl_pickup .grad-trigger:checked ~ .grad-item {
	  height: auto;
		margin-bottom: 4.0rem;
	}
.bl_pickup .other_link a{
  color: #D5667C;
  font-size: 1.2rem;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #D5667C;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
}
.bl_pickup .other_link a i{
  font-size: 1.1rem;
  margin-left: 10px;
}
	/*コロナ等緊急お知らせ*/
	.bl_urgentNotice{
		padding: 0 0 7.0rem;
	}
	.bl_urgentNotice .ly_inner{
		width: 96%;
		max-width: 1160px;
		margin: 0 auto;	
		padding: 0 8.0rem;
		position: relative;
	}
	.bl_urgentNotice a {
		display: block;
		background: #fff;
		padding: 30px;
		font-weight: bold;
		text-align: center;
		border: solid 1px #5d5d5d;
	}
	.bl_urgentNotice a:hover {
		text-decoration: none;
	}
	.bl_urgentNotice a p {
		position: relative;
        font-size: 2rem;
	}
	.bl_urgentNotice a i {
		margin: 0 10px 0 0;
		color: #ee0055;
	}
	.bl_urgentNotice a i.icon-right {
		position: absolute;
		top: 5px;
		right: 5px;
	}

	/*コースを探す*/
	.bl_course{
		padding: 8.0rem 0 5.0rem;
	}
	.bl_course .ly_inner{
		width: 96%;
		max-width: 1160px;
		margin: 0 auto;	
		padding: 5.0rem 8.0rem 5.0rem;
		position: relative;
	}
	.bl_course .ly_inner_bg{
		width: 100%;
		background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,245,203,1) 50%);
	}
	.el_titleCourse{
		max-width: 1000px;
		margin: 0 auto 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;
	}
	.el_titleCourse span{
		display: inline-block;
		background: #fff;
	}
	.el_titleCourse span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleCourse span:last-child{
		font-size: 2.0rem;
		padding: 0 0 0 1.5rem;
	}
	.el_titleCourse:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}

	.el_titleCoursePurpose{
		position: relative;
		font-size: 2.6rem;
		font-weight: bold;
		line-height: 4.0rem;
		margin: 3.0rem 0 1.0rem;
	}
	.el_titleCoursePurpose:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 8em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -1px;
	}
	.el_titleCoursePurpose span{
		display: block;
		position: relative;
		padding: 0 0 0 4.0rem;
	}
	.el_titleCoursePurpose span::before{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 3.0rem;
		height: 3.0rem;
		content: "";
		background: url("/img/icon_flag.png") no-repeat bottom left;
		margin-top: -1.75rem;
		margin-right: 1.0rem;
	}
	.el_titleCourseStudent{
		position: relative;
		font-size: 2.6rem;
		font-weight: bold;
		line-height: 4.0rem;
		margin: 3.0rem 0 1.0rem;
	}
	.el_titleCourseStudent span{
		display: block;
		position: relative;
		padding: 0 0 0 4.0rem;
	}
	.el_titleCourseStudent span::before{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 3.0rem;
		height: 3.0rem;
		content: "";
		background: url("/img/icon_pencil.png") no-repeat bottom left;
		margin-top: -1.5rem;
		margin-right: 1.0rem;
	}
	.el_titleCourseStudent:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 9em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -1px;
	}
	.el_titleCourseSituation{
		position: relative;
		font-size: 2.6rem;
		font-weight: bold;
		line-height: 4.0rem;
		margin: 3.0rem 0 1.0rem;
	}
	.el_titleCourseSituation span{
		display: block;
		position: relative;
		padding: 0 0 0 4.0rem;
	}
	.el_titleCourseSituation span::before{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 3.0rem;
		height: 3.0rem;
		content: "";
		background: url("/img/icon_person.png") no-repeat bottom left;
		margin-top: -1.5rem;
		margin-right: 1.0rem;
	}
	.el_titleCourseSituation:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 14em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -1px;
	}

	.bl_mainCourse{
		display: flex;
    	flex-wrap: wrap;
		width: 100%;
	}
	.bl_mainCourse li{
		width: 32%;
	}
	.bl_mainCourse li:not(:nth-child(3n+1)) {
		margin-left: 2%;
	}

	.bl_mainCourse p{
		padding: 0 0 0 9.0rem;
		height: 9.0rem;
		color: #5D5D5D;
	}

	.bl_mainCourse .everyday p{
		background: url("/img/icon_everyday.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .business p{
		background: url("/img/icon_business.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .qualification p{
		background: url("/img/icon_qualification.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .university p{
		background: url("/img/icon_university.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .high_school p{
		background: url("/img/icon_highSchool.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .junior_high_school p{
		background: url("/img/icon_juniorHighSchool.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .lesson01 p{
		background: url("/img/icon_lesson01.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .lesson03 p{
		background: url("/img/icon_lesson03.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .el_linkBtn{
	  display: flex;
	  align-items: center;
	  /*margin: 0 auto;*/
	  padding: 0.75rem 0 0.75rem 1.5rem;
	  border-radius: 10px;
	  font-weight: bold;
	  cursor: pointer;
	  position: relative;
		background: #fff;
		color: #5D5D5D;
		font-size: 2.2rem;
	  box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
	}
	.bl_mainCourse .el_linkBtn::after {
		position: absolute;
	  content: '';
	  width: 25px;
	  height: 5px;
		top:42%;
		right: 2.5rem;
	  border-bottom: solid 1px;
	  border-right: solid 1px;
	  transform: skew(45deg);
	  transition: all .3s;
	}
	.bl_mainCourse .el_linkBtn:hover {
		text-decoration: none;
		background: #D5667C;
		color: #fff;
	  transition: all .3s;
	}
	.bl_mainCourse .el_linkBtn:hover::after {
		border-color: #fff;
		right: 1.5rem;
	  transition: all .3s;
	}

	.el_linkBtn2 {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin: 0 auto;
	  padding: 0.5em 1em;
	  width: 100%;
	  font-size: 2.6rem;
	  border-radius: 10px;
	  background-color: #fff;
	  box-shadow: 0 3px 0 rgba(0, 0, 0, .16);
	  transition: 0.3s;
		color: #D5667C;
		font-weight: bold;
	}
	.el_linkBtn2:hover {
	  transform: translateY(3px);
	  text-decoration: none;
	  box-shadow: 0 2px 0 #aaaaaa;
	}

	.el_linkBtn2 i{
		margin-right: 2.0rem;
		width: 3.8rem;
		height: 4.0rem;
		background: url("/img/icon_search.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_course .el_linkBtn2 {
	  margin: 5.0rem auto 0;
	}


	/*スクールを探す*/
	.bl_school{
		padding: 5.0rem 0;
	}
	.bl_school .ly_inner_bg{
		max-width: calc(100% - (50% - (1000px / 2)));
		background: url("/img/bg_school.png") top left no-repeat;
		background-size: 100% auto;
		/*background-color: linear-gradient(90deg, #DEE3E6 0%, #F7F9FA 100%);
		mix-blend-mode: overlay;*/
	}
	.bl_school .ly_inner{
		width: 96%;
		max-width: 1000px;
		margin: 0 0 0 auto;
		position: relative;
		padding: 5.0rem 0;
	}
	.el_titleSchool{
		max-width: 1000px;
		margin: 0 auto 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;
	}
	.el_titleSchool span{
		display: inline-block;
		background: #fff;
	}
	.el_titleSchool span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleSchool span:last-child{
		font-size: 2.0rem;
		padding: 0 0 0 1.5rem;
	}
	.el_titleSchool:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}
	.bl_school .ly_inner div{
		margin: 0 auto;		
	  display: flex;
     flex-wrap: wrap;
	  align-items: flex-start;
	}
	.bl_school .ly_inner div:not(:first-child){
		margin: 3.0rem auto 0 auto;		
	}
	.bl_school .ly_inner div h3{
		font-size: 1.6rem;
		width: 14.5em;
	}
	.bl_school .ly_inner div h3 i{
		font-size: 1.3rem;
		margin-right: 0.25rem;
	}
	.bl_school .ly_inner div ul{
		width: 65%;
		margin: 0 auto 0 0;		
	 display: flex;
     flex-wrap: wrap;
	}
	.bl_school .ly_inner div ul li{
		width: 7em;
	}
	.bl_school .ly_inner div ul li i{
		font-size: 1.1rem;
		margin-right: 0.25rem;
	}
	.bl_school .el_linkBtn2 {
	  margin: 5.0rem auto 0 0;
		width: 80%;
	}


	/*イベントを探す*/
	.bl_event{
		padding: 5.0rem 0;
	}
	.bl_event .ly_inner_bg{
		max-width: calc(100% - (50% - (1160px / 2)));
		background: url("/img/bg_event.png") top left no-repeat;
		background-size: 100% auto;
		/*background-color: linear-gradient(90deg, #DEE3E6 0%, #F7F9FA 100%);
		mix-blend-mode: overlay;*/
		margin-left: auto;
	}
	.bl_event .ly_inner{
		width: 96%;
		max-width: 1160px;
		margin: 0 auto 0 0;
		position: relative;
		padding: 5.0rem 8.0rem;
	}
	.el_titleEvent{
		max-width: 1000px;
		margin: 0 auto 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;
	}
	.el_titleEvent span{
		display: inline-block;
		background: #fff;
	}
	.el_titleEvent span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleEvent span:last-child{
		font-size: 2.0rem;
		padding: 0 0 0 1.5rem;
	}
	.el_titleEvent:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}
	.bl_event .ly_inner ul{
		width: 100%;
		margin: 0 auto;
	 display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
	}
	.bl_event .ly_inner li{
    width: 48%;
    background-color: #fff;
    display: block;
    border-radius: 50px;
    font-family: "Noto Sans CJK JP";
    font-weight: bold;
    font-size: 2.0rem;
    text-align: center;
    line-height: 1.4;
    position: relative;
	}
.bl_event .ly_inner ul li a{
  text-decoration: none;
  display: block;
  padding: 20px 0 20px 80px;
  width: 100%;
}
.bl_event .ly_inner ul li a::before{
  content: "";
  width: 120px;
  height: 140px;
  background: url(/event/img/online_title_illust.png) no-repeat left;
  position: absolute;
  left: 40px;
  top: -30px;
  background-size: 75%;
}
.bl_event .ly_inner ul li:nth-of-type(2) a::before{
  content: "";
  width: 170px;
  height: 131px;
  background: url(/event/img/school_title_illust.png) no-repeat left;
  position: absolute;
  left: 40px;
  top: -30px;
  background-size: 75%;
}

.bl_event .ly_inner ul li a span{
  font-size: 2.4rem;
}
.bl_event .ly_inner li i{
  font-size: 2rem;
  margin-right: 0.25rem;
  position: absolute;
  right: 20px;
  top: 40px;
  color: #ee0055;
}


	/*選ばれる4つの理由*/
	.bl_reason{
		position: relative;
		padding: 10.0rem 0 10.0rem;
		z-index: 0;
	}
	.bl_reason::before{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		content:"";
		z-index: -2;
		background: url(/img/bg_reason_pc.png) center center no-repeat;
		background-size: auto 100%;
	}
	.bl_reason .ly_inner{
		width: 96%;
		max-width: 1000px;
		margin: 0 auto;
		position: relative;
	}
	.bl_reason > .ly_inner{
		padding: 5.0rem 0;
	}
	.el_titleReason{
		max-width: 1000px;
		margin: 0 auto 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;
	}
	.el_titleReason span{
		display: inline-block;
		background: #fff;
	}
	.el_titleReason span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleReason span:last-child{
		font-size: 2.0rem;
		padding: 0 0 0 1.5rem;
	}
	.el_titleReason:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}

	.bl_reasonList{
		width: 100%;
		display: flex;
    	flex-wrap: wrap;
		justify-content: space-between;
    	z-index: 0;
		position: relative;
		padding: 5.0rem 0;
		counter-reset: number 0; 
	}
	.bl_reasonList li{
		width: 23%;
		position: relative;
    	z-index: 0;
	}
	.bl_reasonList li:before{
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
		counter-increment: number;
	  content: counter(number,decimal-leading-zero);
		color: #FFF;
	font-size: 20.0rem;
	font-family: Oswald;
		line-height: 1;
		opacity: 1;
	}
	.el_reasonCap{
		text-align: center;
		font-weight: bold;
		font-size: 1.6rem;
		line-height: 1.5;
		margin-bottom: 1.0rem;
	}
	.el_reasonText{
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.bl_reason .grad-trigger {
		display: none;
	}

	.bl_reason .ly_panelUnit_col2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
	.bl_reason .ly_panelUnit_col2 li {
		width: 48%;
		height: 13.5rem;
	}
	.bl_reason .ly_panelUnit_col2 li a {
		display: flex;
		align-items: center;
		width: 100%;
		height: 100%;
		font-size: 2.0rem;
		padding: 3.5rem 4.0rem;
		box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	}
	.bl_reason .ly_panelUnit_col2 li a:hover {
		text-decoration: none;
	}
	.bl_voiceBtn{
		background: url(/img/bg_voiceBtn.png) center center no-repeat;
		background-size: contain;
	}
	.bl_teacherBtn{
		background: url(/img/bg_teacherBtn.png) center center no-repeat;
		background-size: contain;
	}


	/*よくある質問*/
	.bl_faq{
		position: relative;
		padding: 5.0rem 0 5.0rem;
		z-index: 0;
	}
	.bl_faq .ly_inner{
		width: 96%;
		max-width: 1000px;
		margin: 0 auto;
		position: relative;
		padding: 5.0rem 0;
	}
	.bl_faq .ly_inner_bg{
		background: url("/img/bgLinear_gray.png") repeat top left;
	}

	.el_titleFaq{
		max-width: 1000px;
		margin: 0 auto 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;
	}
	.el_titleFaq span{
		display: inline-block;
		background: #fff;
	}
	.el_titleFaq span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleFaq span:last-child{
		font-size: 2.0rem;
		padding: 0 0 0 1.5rem;
	}
	.el_titleFaq:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}

	#index .bl_faq .info_bana {
		margin-bottom: 4.0rem;
	}
	#index .bl_faq .info_bana a {
		display: block;
		background: #fff;
		border-radius: 100px;
		padding: 10px;
		font-weight: bold;
		text-align: center;
		border: solid 1px #5d5d5d;
	}
	#index .bl_faq .info_bana a:hover {
		text-decoration: none;
	}
	#index .bl_faq .info_bana p {
		position: relative;
	}
	#index .bl_faq .info_bana a i {
		margin: 0 10px 0 0;
		color: #ee0055;
	}
	#index .bl_faq .info_bana a i.icon-right {
		position: absolute;
		top: 5px;
		right: 5px;
	}
	.bl_faq .faq_list {
		width: 100%;
		margin: 0 auto 0;
	}

	/*その他のサービス*/
	.bl_service{
		position: relative;
		padding: 5.0rem 0 5.0rem;
		z-index: 0;
	}
	.bl_service .ly_inner{
		width: 96%;
		max-width: 1000px;
		margin: 0 auto;
		position: relative;
		padding: 3.0rem 0;
	}

	.el_titleService{
		max-width: 1000px;
		margin: 0 auto 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;
	}
	.el_titleService span{
		display: inline-block;
		background: #fff;
	}
	.el_titleService span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleService span:last-child{
		font-size: 2.0rem;
		padding: 0 0 0 1.5rem;
	}
	.el_titleService:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}

	.bl_service .ly_unit_col2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
	.bl_service .ly_unit_col2 > div:first-child {
		width: 53%;
	}
	.bl_service .ly_unit_col2 > div:last-child {
		width: 45%;
	}

.bl_serviceList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}
.bl_serviceList li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    margin: 3% 0 0;
}
.bl_serviceList li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5;
}
.bl_serviceList li:nth-child(-n+2) {
    margin-top: 0;
}
.bl_serviceList li figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10.0rem;
    flex: 0 0 10.0rem;
}
.bl_serviceList li figure img {
    width: 100%;
}
.bl_serviceList li div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin: 0 0 0 1.0rem;
}
.bl_serviceList li {
	font-size: 1.2rem;
}
.bl_serviceList li div h3 {
    display: table;
    margin: 0 0 5px;
    font-weight: bold;
}
.bl_serviceList li div h3 i {
    position: relative;
    top: 2px;
    display: table-cell;
    padding: 0 8px 0 0;
    color: #b2b2b2;
}
.bl_serviceList li div h3 span {
	font-size: 1.0rem;
}
.bl_serviceList li div p {
	margin-top: 1.0rem;
}

.bl_bnrBlock {
    padding: 0 0;
    border-top: none;
}

.bl_bnrBlock ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}
.bl_bnrBlock ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    margin: 0 0 2% 2%;
}
.bl_bnrBlock ul li:nth-child(2n+1) {
    margin-left: 0;
}
.bl_bnrBlock ul li a {
    position: relative;
    display: block;
}
.bl_bnrBlock ul li a img {
    width: 100%;
}
.bl_bnrBlock ul li a[target="_blank"]::before {
    position: absolute;
    top: 0;
    right: 5px;
    content: "\e909";
    font-family: 'icomoon';
    font-size: 1.2rem;
}

	/*お知らせ*/
	.bl_topics{
		position: relative;
		padding: 5.0rem 0 5.0rem;
		z-index: 0;
	}
	.bl_topics .ly_inner{
		width: 96%;
		max-width: 1000px;
		margin: 0 auto;
		position: relative;
		padding: 5.0rem 0;
	}

	.el_titleTopics{
		max-width: 1000px;
		margin: 0 auto 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;
	}
	.el_titleTopics span{
		display: inline-block;
		background: #fff;
	}
	.el_titleTopics span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleTopics span:last-child{
		font-size: 2.0rem;
		padding: 0 0 0 1.5rem;
	}
	.el_titleTopics:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}
	#index .bl_topics .info_bana {
		margin-bottom: 4.0rem;
	}
	#index .bl_topics .info_bana a {
		display: block;
		background: #fff;
		border-radius: 100px;
		padding: 10px;
		font-weight: bold;
		text-align: center;
		border: solid 1px #5d5d5d;
	}
	#index .bl_topics .info_bana a:hover {
		text-decoration: none;
	}
	#index .bl_topics .info_bana p {
		position: relative;
	}
	#index .bl_topics .info_bana a i {
		margin: 0 10px 0 0;
		color: #ee0055;
	}
	#index .bl_topics .info_bana a i.icon-right {
		position: absolute;
		top: 5px;
		right: 5px;
	}

/*コラム追加20220419*/
#index .bl_column{
    margin-bottom:180px;
}
#index .bl_column .el_titleColumn {
  max-width: 1000px;
  margin: 0 auto 1rem;
  font-size: 2.6rem;
  line-height: 1.4;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

#index .bl_column .el_titleColumn::before {
  position: absolute;
  top: 50%;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #333;
  left: 0;
  margin-top: -1px;
  z-index: -1;
}
#index .bl_column .el_titleColumn span {
  display: inline-block;
  background: #fff;
}

#index .bl_column .el_titleColumn span:first-child {
  font-family: Oswald;
  font-size: 5.0rem;
  padding: 0 1.5rem 0 0;
}
#index .bl_column .el_titleColumn span:last-child {
  font-size: 2.0rem;
  padding: 0 0 0 1.5rem;
}
#index .bl_column .con_wrap {
    overflow: hidden;
    border-bottom: solid 1px #ddd;
    margin: 30px 1%;
}
#index .bl_column .con_wrap dt img {
    width: 20%;
    float: left;
    margin: 0 1% 0 0;
}
#index .bl_column .con_wrap dt.time {

}
#index .bl_column .con_wrap dt time {
    color: #000000;
    font-weight: bold;
}
#index .bl_column .con_wrap dt.con_cat a {
    background-color: #ffb300;
    color: #fff;
    font-weight: bold;
    padding: 5px;
}
#index .bl_column .con_wrap dt.con_ttl{
    margin: 0 5px 0;
    padding: 0 10px;
    font-weight: bold;
    font-size: 18px;
}
#index .bl_column .con_wrap dd.con_txt{
    margin: 0 5px 0;
    padding: 10px 10px 15px 0;
}


	/*contact*/
	.bl_contact{
	}
	.bl_contact .ly_inner{
		width: 96%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 4.0rem 0 8.0rem;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
		align-items: flex-end;
	}
	.bl_contact .ly_inner > div{
		margin: auto 0;
	}
	.bl_contact .ly_inner > figure{
		margin-top: 15.0rem;
	}
	.bl_contact h2{
		font-size: 2.6rem;
		font-weight: bold;
	}
	.bl_contact .el_cap2{
		font-size: 2.0rem;
		color: #D5667C;
    font-weight: bold;
	}

	.bl_contactBlock{
	}
	.bl_contactBlock .ly_inner{
		width: 96%;
		max-width: 1000px;
		margin: 0 auto;
	}
	.bl_contactBlock .ly_inner a{
		width: 100%;
		padding: 0 8.0rem;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
		align-items: flex-end;
	}
	.bl_contactBlock .ly_inner a > div{
		margin: auto 0;
	}
	.bl_contactBlock .ly_inner a > figure{
		margin-top: 6.0rem;
	}

/*　大谷選手バージョン　20240502追加　ここから　*/
.bl_contactBlock.free_trial .ly_inner,
.el_bgGra_lightPink2.free_trial{
  background: linear-gradient(180deg, #fff 0%, #B5D4E9 55%, #B5D4E9 100%);
  border-bottom: 23px solid #293759;
}
.bl_contactBlock.free_trial .ly_inner a {
  padding: 0 6rem 0 9rem;
}
.bl_contactBlock.free_trial .ly_inner a > figure{
  width: 420px;
  margin: 0 0 -24px 0;
}
.bl_contact.free_trial .ly_inner > figure{
  width: 420px;
  margin: 150px 0 -24px 0;
}
.bl_contactBlock.free_trial .ly_inner a > figure img,
.bl_contact.free_trial .ly_inner > figure img,
.bl_contactBlock.free_trial .ly_inner .el_titleContact img,
.bl_contact.free_trial .ly_inner .el_titleContact img{
	width: 100%;
	}
.bl_contactBlock.free_trial .ly_inner .el_titleContact,
.bl_contact.free_trial .ly_inner .el_titleContact{
  width: 400px;
  margin-bottom: 2.0rem;
}
.bl_contactBlock.free_trial .ly_inner .el_cap,
.bl_contact.free_trial .ly_inner h2{
  color: #4A7193;
  border-bottom: 2px solid #4A7193;
  margin-bottom: 1.0rem;
}
.bl_contactBlock.free_trial .ly_inner .el_contactBtn,
.bl_contact.free_trial .ly_inner .el_contactBtn {
  background: linear-gradient(90deg, #022876 0%, #2471B4 50%, #022876 100%);
}
/*　大谷選手バージョン　20240502追加　ここまで　*/


	.el_titleContact{
		color: #fff;
		font-family: Oswald;
		font-size: 8.0rem;
		line-height: 1;
		margin-bottom: 1.0rem;
	}

	/*ボタン*/
	.el_contactBtn{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin: 3.0rem 0 0 0;
	  padding: 1em 0.5em;
	  border-radius: 50vh;
	  font-weight: bold;
	  cursor: pointer;
	  position: relative;
	  font-size: 2.0rem;
		width: 300px;
		height: 60px;
		color: #fff;
		background: linear-gradient(90deg, #DD6086 0%, #FFBEAF 100%);
		box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	}
	.el_contactBtn i {
	  font-size: 1.2rem;
		margin-left: 0.75rem;
	}

	.bl_contact a:hover {
		text-decoration: none;
	}

	.bl_contactBlock a:hover {
		text-decoration: none;
	}

	/*info*/
	.bl_info{
	}
	.bl_info .ly_inner{
		width: 96%;
		max-width: 1000px;
		margin: 0 auto;
	}

	/*キャプション*/
	.el_cap{
		font-size: 2.6rem;
		font-weight: bold;
	}
  .el_cap2{
		font-size: 2.0rem;
		color: #D5667C;
    font-weight: bold;
	}

	.el_capNum{
		font-size: 3.0rem;
	}

	/**/
	#other_info .more {
		position: relative;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: -webkit-inline-flex;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		background: #ffe5ef;
		min-width: 225px;
		text-align: center;
		height: 45px;
		padding: 0 20px;
		font-size: 1.6rem;
		cursor: pointer;
		border-radius: 100px;
	}
	#other_info .more i:first-child {
		margin: 0 8px 0 0;
	}
	/**/
	


	/*背景色 グラデ―ション */
	.el_bgGra_pinkYellow{
		background: rgb(255,217,217);
		background: linear-gradient(90deg, rgba(255,217,217,1) 0%, rgba(255,245,203,1) 100%);
	}
	.el_bgGra_lightPink{
		background: rgb(255,222,222);
		background: linear-gradient(90deg, rgba(255,222,222,1) 0%, rgba(253,245,245,1) 100%);
	}
	.el_bgGra_lightPink2{
		background: rgb(255,222,222);
		background: linear-gradient(180deg, rgba(255,222,222,0) 0%, rgba(242,188,199,1) 100%);
	}

	/*ドロップシャドウ*/
	.el_shadow {
	  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .16);
	}
	

	#index .faq_list dt {
		padding-right: 60px;
		cursor: pointer;
		background: #fff;
	}
	.faq_list dt {
		margin: 0 0 15px;
		padding: 15px 0 15px 55px;
		border-bottom: 2px solid #D5667C;
		font-weight: bold;
	}
	.faq_list dt::before {
		content: "Q";
		background: none;
		font-family: Oswald;
		font-size: 3.0rem;
		color: #D5667C;
	}

.faq_list dd {
    position: relative;
	background: #fff;
    padding: 15px 15px 15px 55px;
}
.faq_list dd::before {
    content: "A";
    background: none;
	font-family: Oswald;
	font-size: 3.0rem;
	color: #505050;
}
.faq_list > *::before {
    position: absolute;
    top: 10px;
    left: 15px;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

#index .faq_list dt .icon-remove {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 28px;
    background: none;
    color: #505050;
    font-size: 2.2rem;
    text-align: center;
    line-height: 28px;
}

#index .faq_list dt:hover {
    color: #D5667C;
}

#index .info_list {
    border-top: none;
}
#index .info_list li {
    display: flex;
    align-items: flex-start;
    padding: 15px 5px;
    border-bottom: 2px dotted #707070;
}
#index .info_list li .category {
    flex: 0 0 105px;
    margin: 0 15px 0 0;
    border: 1px solid #D5667C;
    border-radius: 0;
    color: #D5667C;
    font-size: 1.2rem;
    text-align: center;
    line-height: 28px;
}

.pager {
    clear: both;
    margin: 30px 0;
    text-align: center;
}
.pager span.current {
    color: #fff;
    background: #D5667C;
}
.pager span {
    margin: 5px;
    padding: 5px 10px;
    color: #D5667C;
    border: solid 1px #D5667C;
	border-radius: 5px;
}
.pager span.ellipsis {
    color: #D5667C;
    background: none;
	border: none;
}

	.bl_bnrBlock{
	}
	.bl_bnrBlock:not(:first-child){
		margin-top: 1.0rem;
	}
	.bl_bnrBlock img{
		width: 100%;
	}

.lesson_learn .el_titleTopics  span{
  padding: 0 20px 0 0;
  font-size: 2.6rem;
  font-weight: bold;
}
.lesson_learn .grade_list{
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: left;
  margin: 0 auto;
}
.lesson_learn .grade_list li{
  margin: 0 30px 10px 0;
}
.lesson_learn .grade_list li:nth-of-type(3),
.lesson_learn .grade_list li:nth-of-type(6),
.lesson_learn .grade_list li:nth-of-type(9){
  margin: 0 0 10px 0;
}
.lesson_learn .grade_list li p{
  width: 300px;
  padding: 10px 20px;
}
.lesson_learn .grade_list li a:hover{
  text-decoration: none;
}

	/*給付金*/
	.bl_kyufu{
		position: relative;
		padding: 5.0rem 0 5.0rem;
		z-index: 0;
	}
	.bl_kyufu .ly_inner{
		width: 96%;
		max-width: 1000px;
		margin: 0 auto;
		position: relative;
		padding: 3.0rem 0;
	}

	.el_titleKyufu{
		max-width: 1000px;
		margin: 0 auto 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;
	}
	.el_titleKyufu span {
  display: inline-block;
  background: #fff;
  font-size: 4.0rem;
  padding: 0 1.5rem 0 0;
  font-weight: bold;
}
	.el_titleKyufu:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}
	.bl_kyufu .kyufu_txt{
  font-size: 1.8rem;
  margin-bottom: 20px;
}
.cpn_txt{
  color:#ff7e00;
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
}
	@media only screen and (max-width: 1024px) {
.bl_topMessage {
    position: relative;
    padding: 10rem 0 10rem;
    z-index: 0;
}
		.bl_topMessage::before{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		content:"";
		z-index: -1;
		background: url(/img/bg_topMassage.png) center center no-repeat;
		background-size: 50% auto;
	}
	}
	@media only screen and (max-width: 1440px) {
	}
	@media only screen and (max-width: 1280px) {
	}

@media only screen and (min-width: 0px) and (max-width: 720px) {
	

	/*メッセージ*/
	.bl_topMessage{
		position: relative;
		padding: 5.0rem 2.0rem 5.0rem;
		z-index: 0;
	}
	.bl_topMessage::before{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		content:"";
		z-index: -1;
		background: url(/img/bg_topMassage.png) center center no-repeat;
		background-size: auto 90%;
	}
	.bl_topMessage p{
		font-size: 1.4rem;
	}
	.bl_topMessage p.el_caption{
		font-size: 2.2rem;
	}

	/*Pickup*/
	.bl_pickup {
		padding: 5.0rem 2.0rem;
	}
	.bl_pickup .ly_inner{
		width: 100%;
		max-width: none;
		margin: 0 auto;		
	}
  .bl_pickup .grad-trigger:checked ~ .grad-btn::before{
  font-family: 'icomoon' !important;
  content: "閉じる \e90d";
  top: initial;
  left: 20%;
  bottom:-10px;
}
.el_titlePickup {
  max-width: none;
  font-size: 2.2rem;
  line-height: 1.4;
  position: relative;
  display: block;
}

.el_titlePickup::before {
  position: absolute;
  top: 50%;
  content: '';
  width: calc(100% - 8em);
  height: 2px;
  background-color: #333;
  right: 0;
  margin-left: auto;
  margin-top: -9px;
}
.el_titlePickup span:last-child {
  display: block;
  font-size: 1.6rem;
  padding: 0 0 0 0;
}

	/*コロナ等緊急お知らせ*/
	.bl_urgentNotice{
		padding: 0 0 7.0rem;
	}
	.bl_urgentNotice .ly_inner{
		width: 100%;
		padding: 0 2.0rem;
	}
	.bl_urgentNotice a {
		padding: 20px;
	}
	.bl_urgentNotice a p {
        font-size: 1.6rem;
        margin-left: -20px;
	}
.bl_urgentNotice a i.icon-right {
  position: absolute;
  top: 20px;
  right: 0;
}
	/*コースを探す*/
	.bl_course{
		padding: 3.0rem 0 3.0rem;
	}
	.bl_course .ly_inner{
		width: 100%;
		max-width: none;
		margin: 0 auto;	
		padding: 5.0rem 2.0rem 5.0rem;
		position: relative;
	}
	.bl_course .ly_inner_bg{
		width: 100%;
	}
	.el_titleCourse{
		max-width: none;
		margin: 0 2.0rem 1rem;
		font-size: 2.2rem;
		line-height: 1.4;
		position: relative;
		display: block;
     /*flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;*/
	}
	.el_titleCourse span{
		background: #fff;
	}
	.el_titleCourse span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleCourse span:last-child{
		display: block;
		font-size: 1.6rem;
		padding: 0 0 0 0;
	}
	.el_titleCourse:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 8em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -9px;
	  margin-left: auto;
	}

	.el_titleCoursePurpose{
		position: relative;
		font-size: 2.2rem;
		font-weight: bold;
		line-height: 4.0rem;
		margin: 3.0rem 0 1.0rem;
	}
	.el_titleCoursePurpose:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 8em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -1px;
	}
	.el_titleCoursePurpose span{
		display: block;
		position: relative;
		padding: 0 0 0 4.0rem;
	}
	.el_titleCoursePurpose span::before{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 3.0rem;
		height: 3.0rem;
		content: "";
		background: url("/img/icon_flag.png") no-repeat bottom left;
		margin-top: -1.75rem;
		margin-right: 1.0rem;
	}
	.el_titleCourseStudent{
		position: relative;
		font-size: 2.2rem;
		font-weight: bold;
		line-height: 4.0rem;
		margin: 3.0rem 0 1.0rem;
	}
	.el_titleCourseStudent span{
		display: block;
		position: relative;
		padding: 0 0 0 4.0rem;
	}
	.el_titleCourseStudent span::before{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 3.0rem;
		height: 3.0rem;
		content: "";
		background: url("/img/icon_pencil.png") no-repeat bottom left;
		margin-top: -1.5rem;
		margin-right: 1.0rem;
	}
	.el_titleCourseStudent:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 9em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -1px;
	}
	.el_titleCourseSituation{
		position: relative;
		font-size: 2.2rem;
		font-weight: bold;
		line-height: 4.0rem;
		margin: 3.0rem 0 1.0rem;
	}
	.el_titleCourseSituation span{
		display: block;
		position: relative;
		padding: 0 0 0 4.0rem;
	}
	.el_titleCourseSituation span::before{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 3.0rem;
		height: 3.0rem;
		content: "";
		background: url("/img/icon_person.png") no-repeat bottom left;
		margin-top: -1.5rem;
		margin-right: 1.0rem;
	}
	.el_titleCourseSituation:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 14em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -1px;
	}

	.bl_course .el_cap{
		text-align: center;
		margin-bottom: 1.0rem;
	}

	.bl_mainCourse{
		display: flex;
    	flex-wrap: wrap;
		width: 100%;
	}
	.bl_mainCourse li{
		width: 100%;
	}
	.bl_mainCourse li:not(:nth-child(3n+1)) {
		margin-left: 0;
	}
	.bl_mainCourse li:not(:first-child) {
		margin-top: 3.0rem;
	}

	.bl_mainCourse p{
		padding: 0 0 0 9.0rem;
		height: 7.0rem;
		margin-bottom: 1.0rem;
	}

	.bl_mainCourse .everyday p{
		background: url("/img/icon_everyday.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .business p{
		background: url("/img/icon_business.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .qualification p{
		background: url("/img/icon_qualification.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .university p{
		background: url("/img/icon_university.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .high_school p{
		background: url("/img/icon_highSchool.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .junior_high_school p{
		background: url("/img/icon_juniorHighSchool.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .el_linkBtn{
	  display: flex;
	  align-items: center;
	  /*margin: 0 auto;*/
	  padding: 0.75rem 0 0.75rem 1.5rem;
	  border-radius: 10px;
	  font-weight: bold;
	  cursor: pointer;
	  position: relative;
		background: #fff;
		color: #5D5D5D;
		font-size: 2.2rem;
	  box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
	}
	.bl_mainCourse .el_linkBtn::after {
		position: absolute;
	  content: '';
	  width: 25px;
	  height: 5px;
		top:42%;
		right: 2.5rem;
	  border-bottom: solid 1px;
	  border-right: solid 1px;
	  transform: skew(45deg);
	  transition: all .3s;
	}
	.bl_mainCourse .el_linkBtn:hover {
		text-decoration: none;
		background: #D5667C;
		color: #fff;
	  transition: all .3s;
	}
	.bl_mainCourse .el_linkBtn:hover::after {
		border-color: #fff;
		right: 1.5rem;
	  transition: all .3s;
	}
	
	.el_linkBtn2 {
	  padding: 1.0em 1.0em;
	  width: 100%;
	  font-size: 2.2rem;
	}
	.el_linkBtn2:hover {
	  transform: translateY(3px);
	  text-decoration: none;
	  box-shadow: 0 2px 0 #aaaaaa;
	}

	.el_linkBtn2 i{
		margin-right: 2.0rem;
		width: 2.8rem;
		height: 3.0rem;
		background: url("/img/icon_search.png") top left no-repeat;
		background-size:100% auto;
	}

	.bl_course .el_linkBtn2 {
	  margin: 5.0rem auto 0;
	}

	

	/*スクールを探す*/
	.bl_school{
		padding: 3.0rem 0;
	}
	.bl_school .ly_inner_bg{
		max-width:100%;
		background: url("/img/bg_school.png") top left no-repeat;
		background-size: auto 100%;
	}
	.bl_school .ly_inner{
		width: 100%;
		max-width: auto;
		margin: 0 0 0 auto;
		position: relative;
		padding: 5.0rem 2.0rem;
	}
	.el_titleSchool{
		max-width: auto;
		margin: 0 2.0rem 1rem;		
		font-size: 2.2rem;
		line-height: 1.4;
		position: relative;
	  display: block;
     /*flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;*/
	}
	.el_titleSchool span{
		background: #fff;
	}
	.el_titleSchool span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleSchool span:last-child{
		display: block;
		font-size: 1.6rem;
		padding: 0 0 0 0;
	}
	.el_titleSchool:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 8em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -9px;
	  margin-left: auto;
	}
	.bl_school .ly_inner div{
		margin: 0 auto;		
	  display: block;
     /*flex-wrap: wrap;
	  align-items: flex-start;*/
	}
	.bl_school .ly_inner div:not(:first-child){
		margin: 3.0rem auto 0 auto;		
	}
	.bl_school .ly_inner div h3{
		font-size: 1.6rem;
		width: 14.5em;
	}
	.bl_school .ly_inner div h3 i{
		font-size: 1.3rem;
		margin-right: 0.25rem;
	}
	.bl_school .ly_inner div ul{
		width: 100%;
		margin: 0 auto 0 0;		
	 display: flex;
     flex-wrap: wrap;
	}
	.bl_school .ly_inner div ul li{
		width: 25%;
	}
	.bl_school .ly_inner div ul li i{
		font-size: 1.1rem;
		margin-right: 0.25rem;
	}
	.bl_school .el_linkBtn2 {
	  margin: 5.0rem auto 0 0;
		width: 100%;
	}


	/*イベントを探す*/
	.bl_event{
		padding: 3.0rem 0;
	}
	.bl_event .ly_inner_bg{
		max-width:100%;
		background: url("/img/bg_event_sp.png") top left no-repeat;
		background-size: auto 100%;
	}
	.bl_event .ly_inner{
		width: 100%;
		max-width: auto;
		margin: 0 0 0 auto;
		position: relative;
		padding: 5.0rem 2.0rem;
	}
	.el_titleEvent{
		max-width: auto;
		margin: 0 2.0rem 1rem;		
		font-size: 2.2rem;
		line-height: 1.4;
		position: relative;
	  display: block;
	}
	.el_titleEvent span{
		background: #fff;
	}
	.el_titleEvent span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleEvent span:last-child{
		display: block;
		font-size: 1.6rem;
		padding: 0 0 0 0;
	}
	.el_titleEvent:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 6em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -9px;
	  margin-left: auto;
	}
	.bl_event .ly_inner ul{
		margin: 3.0rem 0 auto;		
	  display: block;
	}
  .bl_event .ly_inner ul li{
  width: 100%;
  margin: 100px 0 170px;
  font-size: 1.4rem;
}
  .bl_event .ly_inner ul li a {
  text-decoration: none;
  display: block;
  padding: 15px 0;
  width: 100%;
}
.bl_event .ly_inner ul li a::before,
.bl_event .ly_inner ul li:nth-of-type(2) a::before{
  background-size: 100%;
  top: -60px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.bl_event .ly_inner ul li a span {
  font-size: 2rem;
}

.bl_event .ly_inner ul li:nth-of-type(2){
  width: 100%;
  margin-bottom: 0;
}
.bl_event .ly_inner li i {
  font-size: 2rem;
  margin-right: 0.25rem;
  position: absolute;
  right: 10px;
  top: 35%;
  color: #ee0055;
}
.bl_event .ly_inner ul li img{
  width: auto;
}


	/*選ばれる4つの理由*/
	.bl_reason{
		position: relative;
		padding: 5.0rem 0 5.0rem;
		z-index: 0;
	}
	.bl_reason::before{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		content:"";
		z-index: -2;
		background: url(/img/bg_reason_sp.png) center center no-repeat;
		background-size: auto 80%;
	}
	.bl_reason .ly_inner{
		width: 100%;
		max-width: none;
		margin: 0 auto;
		position: relative;
	}
	.bl_reason > .ly_inner{
		padding: 5.0rem 2.0rem;
	}
	.el_titleReason{
		max-width: none;
		margin: 0 2.0rem 1rem;		
		font-size: 2.2rem;
		line-height: 1.4;
		position: relative;
	  display: block;
     /*flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;*/
	}
	.el_titleReason span{
		background: #fff;
	}
	.el_titleReason span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleReason span:last-child{
		display: block;
		font-size: 1.6rem;
		padding: 0 0 0 0;
	}
	.el_titleReason:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 8em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -9px;
	  margin-left: auto;
	}

	.bl_reasonList{
		width: 100%;
     flex-wrap: wrap;
		flex-flow: column;
    	z-index: 0;
		position: relative;
		padding: 5.0rem 0;
		counter-reset: number 0; 
	}
	.bl_reasonList li{
		width: 100%;
		position: relative;
    	z-index: 0;
	}
	.bl_reasonList li:before{
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
		counter-increment: number;
	  content: counter(number,decimal-leading-zero);
		color: #FFF;
	font-size: 12.0rem;
	font-family: Oswald;
		line-height: 1;
		opacity: 1;
	}
	.bl_reasonList li:not(:first-child){
		margin-top: 2.0rem;
	}

	.el_reasonCap{
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.5;
		margin-bottom: 1.0rem;
	}
	.el_reasonText{
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.bl_reason .ly_panelUnit_col2 {
	  display: flex;
     flex-wrap: wrap;
		flex-flow: column;
		width: 100%;
	}
	.bl_reason .ly_panelUnit_col2 li {
		width: 100%;
		height: auto;
	}
	.bl_reason .ly_panelUnit_col2 li:last-child {
		margin-top: 2.0rem;
	}
	.bl_reason .ly_panelUnit_col2 li a {
		display: flex;
		align-items: center;
		width: 100%;
		height: 100%;
		font-size: 2.0rem;
		padding: 3.0rem 3.5rem;
		box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	}
	.bl_reason .ly_panelUnit_col2 li a:hover {
		text-decoration: none;
	}
	.bl_voiceBtn{
		background: url(/img/bg_voiceBtn.png) center center no-repeat;
		background-size: 100% auto;
	}
	.bl_teacherBtn{
		background: url(/img/bg_teacherBtn.png) center center no-repeat;
		background-size: 100% auto;
	}


	

	/*よくある質問*/
	.bl_faq{
		position: relative;
		padding: 3.0rem 0 3.0rem;
		z-index: 0;
	}
	.bl_faq .ly_inner{
		width: 100%;
		max-width: none;
		margin: 0 auto;
		position: relative;
		padding: 3.0rem 2.0rem;
	}
	.bl_faq .ly_inner_bg{
		background: url("/school/include/img/bgLinear_gray5.png") repeat top left;
	}

	.el_titleFaq{
		max-width: none;
		margin: 0 2rem 1rem;		
		font-size: 2.2rem;
		line-height: 1.4;
		position: relative;
	  display: block;
     /*flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;*/
	}
	.el_titleFaq span{
		background: #fff;
	}
	.el_titleFaq span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleFaq span:last-child{
		display: block;
		font-size: 1.6rem;
		padding: 0 0 0 0;
	}
	.el_titleFaq:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 3.5em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -9px;
	  margin-left: auto;
	}

	#index .bl_faq .info_bana {
		margin-bottom: 4.0rem;
	}
	#index .bl_faq .info_bana a {
		display: block;
		background: #fff;
		border-radius: 100px;
		padding: 10px;
		font-weight: bold;
		text-align: center;
		border: solid 1px #5d5d5d;
	}
	#index .bl_faq .info_bana a:hover {
		text-decoration: none;
	}
	#index .bl_faq .info_bana p {
		position: relative;
	}
	#index .bl_faq .info_bana a i {
		margin: 0 10px 0 0;
		color: #ee0055;
	}
	#index .bl_faq .info_bana a i.icon-right {
		position: absolute;
		top: 5px;
		right: 5px;
	}
	.bl_faq .faq_list {
		width: 100%;
		margin: 0 auto 0;
	}

	/*その他のサービス*/
	.bl_service{
		position: relative;
		padding: 3.0rem 0 3.0rem;
		z-index: 0;
	}
	.bl_service .ly_inner{
		width: 100%;
		max-width: none;
		margin: 0 auto;
		position: relative;
		padding: 3.0rem 2.0rem;
	}

	.el_titleService{
		max-width: none;
		margin: 0 2.0rem 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: block;
     /*flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;*/
	}
	.el_titleService span{
		background: #fff;
	}
	.el_titleService span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleService span:last-child{
		display: block;
		font-size: 1.6rem;
		padding: 0 0 0 0;
	}
	.el_titleService:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 5em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -9px;
	  margin-left: auto;
	}

	.bl_service .ly_unit_col2 {
		display: flex;
		flex-wrap: wrap;
		flex-flow: column;
		/*justify-content: space-between;*/
		width: 100%;
	}
	.bl_service .ly_unit_col2 > div:first-child {
		width: 100%;
	}
	.bl_service .ly_unit_col2 > div:last-child {
		width: 100%;
	}

.bl_serviceList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
	flex-flow: column;
    width: 100%;
    margin: 0 auto 5%;
}
.bl_serviceList li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 5% 0 0;
}
.bl_serviceList li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5;
}
.bl_serviceList li:first-child {
    margin-top: 0;
}
.bl_serviceList li figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10.0rem;
    flex: 0 0 10.0rem;
}
.bl_serviceList li figure img {
    width: 100%;
}
.bl_serviceList li div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin: 0 0 0 1.0rem;
}
.bl_serviceList li {
	font-size: 1.2rem;
}
.bl_serviceList li div h3 {
    display: table;
    margin: 0 0 5px;
    font-weight: bold;
}
.bl_serviceList li div h3 i {
    position: relative;
    top: 2px;
    display: table-cell;
    padding: 0 8px 0 0;
    color: #b2b2b2;
}
.bl_serviceList li div h3 span {
	font-size: 1.0rem;
}
.bl_serviceList li div p {
	margin-top: 1.0rem;
}

.bl_bnrBlock {
    padding: 0 0;
    border-top: none;
}

.bl_bnrBlock ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}
.bl_bnrBlock ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    margin: 0 0 2% 2%;
}
.bl_bnrBlock ul li:nth-child(2n+1) {
    margin-left: 0;
}
.bl_bnrBlock ul li a {
    position: relative;
    display: block;
}
.bl_bnrBlock ul li a img {
    width: 100%;
}
.bl_bnrBlock ul li a[target="_blank"]::before {
    position: absolute;
    top: 0;
    right: 5px;
    content: "\e909";
    font-family: 'icomoon';
    font-size: 1.2rem;
}

	/*お知らせ*/
	.bl_topics{
		position: relative;
		padding: 3.0rem 0 3.0rem;
		z-index: 0;
	}
	.bl_topics .ly_inner{
		width: 100%;
		max-width: none;
		margin: 0 auto;
		position: relative;
		padding: 3.0rem 2.0rem;
	}

	.el_titleTopics{
		max-width: none;
		margin: 0 2.0rem 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: block;
     /*flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;*/
	}
	.el_titleTopics span{
		background: #fff;
	}
	.el_titleTopics span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleTopics span:last-child{
		display: block;
		font-size: 1.6rem;
		padding: 0 0 0 0;
	}
	.el_titleTopics:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 5em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -9px;
	  margin-left: auto;
	}
	#index .bl_topics .info_bana {
		margin-bottom: 4.0rem;
	}
	#index .bl_topics .info_bana a {
		display: block;
		background: #fff;
		border-radius: 100px;
		padding: 10px;
		font-weight: bold;
		text-align: center;
		border: solid 1px #5d5d5d;
	}
	#index .bl_topics .info_bana a:hover {
		text-decoration: none;
	}
	#index .bl_topics .info_bana p {
		position: relative;
	}
	#index .bl_topics .info_bana a i {
		margin: 0 10px 0 0;
		color: #ee0055;
	}
	#index .bl_topics .info_bana a i.icon-right {
		position: absolute;
		top: 5px;
		right: 5px;
	}

    /*コラム追加20220419*/
    #index .bl_column{
		position: relative;
		padding: 3.0rem 0 3.0rem;
		z-index: 0;
        margin-bottom: 60px;
	}
    #index .bl_column .ly_inner{
		width: 100%;
		max-width: none;
		margin: 0 auto;
		position: relative;
		padding: 0 2.0rem;
	}

    #index .bl_column .el_titleColumn{
		max-width: none;
		margin: 0 2.0rem 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: block;
     /*flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;*/
	}
    #index .bl_column .el_titleColumn span{
		background: #fff;
	}
    #index .bl_column .el_titleColumn span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
    #index .bl_column .el_titleColumn span:last-child{
		display: block;
		font-size: 1.6rem;
		padding: 0 0 0 0;
	}
    #index .bl_column .el_titleColumn:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 5em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -9px;
	  margin-left: auto;
	}
	#index .bl_column .con_wrap {
        width: 90%;
        margin: 30px auto;
    }
	#index .bl_column .con_wrap dt img {
        width: 100%;
        clear: both;
        margin-bottom:5px;
    }
	#index .bl_column .con_wrap dt.time {
        clear: both;
    }
    #index .bl_column .con_wrap dt.con_ttl{
    margin: 0 5px 0;
    padding: 0 10px;
    font-weight: bold;
    font-size: 16px;
}

	#index .bl_column .con_wrap dt.con_ttl,
	#index .bl_column .con_wrap dd.con_txt {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    
	/*contact*/
	.bl_contact{
	}
	.bl_contact .ly_inner{
		width: 100%;
		max-width: none;
		margin: 0 auto;
		padding: 3.0rem 2.0rem 0 2.0rem;
	  display: flex;
     flex-wrap: wrap;
		flex-flow: column;
	 /* justify-content: space-between;
		align-items: flex-end;*/
	}
	.bl_contact .ly_inner > div{
		margin: 0 0;
		width: 100%;
	}
	.bl_contact .ly_inner > figure{
		margin-top: 2.0rem;
	}
	.bl_contact .ly_inner > figure img{
		width: 100%;
	}
	.bl_contact h2{
		font-size: 2.6rem;
		font-weight: bold;
	}
	.bl_contact .el_cap2{
		font-size: 2.0rem;
		color: #D5667C;
	}

	.bl_contactBlock{
		padding: 0 2.0rem;
	}
	.bl_contactBlock .ly_inner{
		width: 100%;
		max-width: none;
		margin: 0 auto;
	}
	.bl_contactBlock .ly_inner a{
		width: 100%;
		padding: 3.0rem 2.0rem;
	  display: flex;
     flex-wrap: wrap;
		flex-flow: column;
	  /*justify-content: space-between;
		align-items: flex-end;*/
	}
	.bl_contactBlock .ly_inner a > div{
		margin: 0 0;
		width: 100%;
		text-align: center;
	}
	.bl_contactBlock .ly_inner a > figure{
		display: none;
	}
  
/*　大谷選手バージョン　20240502追加　ここから　*/
.bl_contactBlock.free_trial .ly_inner, .el_bgGra_lightPink2.free_trial {
  background: linear-gradient(180deg, #fff 0%, #B5D4E9 30%, #B5D4E9 100%);
  border-bottom: 23px solid #293759;
}
.bl_contact.free_trial .ly_inner {
    padding: 2.0rem 2.0rem 0 2.0rem;
  }

.bl_contactBlock.free_trial .ly_inner a {
  padding: 0 3rem;
}
.bl_contactBlock.free_trial .ly_inner a > figure {
  width: 100%;
  margin: 0 0 -24px 0;
  display: block;
}
.bl_contact.free_trial .ly_inner > figure {
    width: 100%;
    margin: 0 0 -24px 0;
  }
.bl_contactBlock.free_trial .ly_inner p:nth-of-type(3){
  text-align: left;
}
.bl_contactBlock.free_trial .ly_inner .el_titleContact, 
.bl_contact.free_trial .ly_inner .el_titleContact {
  width: 100%;
  margin: 1rem 0 -2.4rem;
}

.bl_contactBlock.free_trial .ly_inner .el_cap {
    font-size: 2.2rem;
    line-height: 1.2;
    padding-bottom: 5px;
  }
.bl_contact.free_trial .ly_inner h2 {
  line-height: 1.2;
  padding-bottom: 10px;
}

.bl_contact.free_trial .ly_inner .el_titleContact {
  margin: 0 0 -4rem;
}
.bl_contact.free_trial .ly_inner .el_contactBtn{
    margin: 1rem 0 0;
    font-weight: bold;
    height: 50px;
  }
.bl_contactBlock.free_trial .ly_inner .el_contactBtn{
    margin: 1.0rem 0 0 0;
    font-weight: bold;
    font-size: 1.8rem;
    padding: 0.5em;
    height: 50px;
  }
  /*　大谷選手バージョン　20240502追加　ここまで　*/
  
	.el_titleContact{
		color: #fff;
		font-family: Oswald;
		font-size: 7.0rem;
		line-height: 1;
		margin-bottom: 1.0rem;
	}
/*
	.bl_contactBlock .el_cap{
		margin-top: -3.0rem;
		
	}
*/
	
	.bl_contact .el_titleContact,
	.bl_contact .el_cap2,
	.bl_contact h2{
		text-align: center;
	}
	.bl_contact h2{
		line-height: 1.4;
		margin-bottom: 1.0rem;
	}

	/*ボタン*/
	.el_contactBtn{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin: 3.0rem 0 0 0;
	  padding: 1em 0.5em;
	  border-radius: 50vh;
	  font-weight: normal;
	  cursor: pointer;
	  position: relative;
	  font-size: 2.0rem;
		width: 100%;
		height: 60px;
		color: #fff;
		background: linear-gradient(90deg, #DD6086 0%, #FFBEAF 100%);
		box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	}
	.el_contactBtn i {
	  font-size: 1.2rem;
		margin-left: 0.75rem;
	}

	.bl_contact a:hover {
		text-decoration: none;
	}

	.bl_contactBlock a:hover {
		text-decoration: none;
	}
	
	.el_bgGra_lightPink2{
		background: rgb(255,222,222);
		background: linear-gradient(180deg, rgba(255,222,222,0) 0%, rgba(242,188,199,1) 20%, rgba(242,188,199,1) 100%);
	}


	/*info*/
	.bl_info{
	}
	.bl_info .ly_inner{
		width: 100%;
		max-width: none;
		margin: 0 auto;
	}

	/*キャプション*/
	.el_cap{
		font-size: 2.2rem;
	}
.el_cap2{
		font-size: 1.8rem;
	}

	.el_capNum{
		font-size: 2.6rem;
	}

	/**/
	#other_info .more {
		position: relative;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: -webkit-inline-flex;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		background: #ffe5ef;
		min-width: 225px;
		text-align: center;
		height: 45px;
		padding: 0 20px;
		font-size: 1.6rem;
		cursor: pointer;
		border-radius: 100px;
	}
	#other_info .more i:first-child {
		margin: 0 8px 0 0;
	}
	/**/

	
#headerBtm.inner {
	display: none;
}
	
.pager span {
    margin: 1px;
    padding: 5px 8px;
}
.lesson_learn .el_titleTopics {
  margin: 0 1rem 1rem 0.5rem;
}
.lesson_learn .el_titleTopics::before{
  position: absolute;
  top: 90%;
  content: '';
  width: calc(100% - 8.0em);
  height: 2px;
  background-color: #333;
  right: 0;
  margin-top: -9px;
  margin-left: auto;
  z-index: 1;
}
.lesson_learn .grade_list{
  display: block;
}
.lesson_learn .grade_list li{
  margin: 0 0 10px 0;
}
.lesson_learn .grade_list li p {
  width: 100%;
}
	/*給付金*/
  .bl_kyufu {
  position: relative;
  padding: 5.0rem 1rem 5.0rem;
  z-index: 0;
}
	.el_titleKyufu span {
  font-size: 3.0rem;
}
	.el_titleKyufu:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}
.bl_kyufu .kyufu_txt {
  font-size: 1.4rem;
  margin-bottom: 20px;
  text-align: left;
}

}

@media only screen and (max-width: 480px) {
}

/*slick*/
.slider_thumb { max-width: 100%; margin: 0 auto 2.0rem; padding: 0;}
.slider_thumb img, .slider-nav img, .thumb img{ width: 100%;}
.thumb { max-width: 70%; margin: 0 auto;}
.thumb li { margin: 5px;}
.thumb .slick-next { right: 15px; z-index: 100;top: 45%;}
.thumb .slick-prev { left: 15px; z-index: 100;top: 45%;}
/*.thumb .slick-current { opacity: 0.5;}*/
.thumb div div div { cursor: pointer;}

.sliderArea {
  max-width: 100%;
  margin: 0 auto 3.0rem;
  padding: 0 0 1.5rem;
	position: relative;
	background: #f0f0f0;
}
.sliderArea .slider_thumb{

}
.sliderArea .thumb{
}

.sliderArea .thumb img{
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
}
.thumb .slick-slide {
    margin:0 5px;
    padding-bottom: 0.8rem;
}

/* Arrows */
.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #000;
    border: none;
    outline: none;
    background: #fff;
    border-radius: 100%;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
  color: #000;
  outline: none;
  background: #fff;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev{
    left: 5%;
    z-index: 1;
}
[dir='rtl'] .slick-prev{
    right: 5%;
    left: auto;
}
.slick-prev:before{
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  left: 35%;
  width: 13px;
  height: 13px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  position: absolute;
}
[dir='rtl'] .slick-prev:before{
    content: '→';
}

.slick-next{
    right: 5%;
}
[dir='rtl'] .slick-next{
    right: auto;
    left: 5%;
}
.slick-next:before{
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  left: 20%;
  width: 13px;
  height: 13px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
}
[dir='rtl'] .slick-next:before{
    content: '←';
}
@media only screen and (min-width: 0px) and (max-width: 720px) {
/*.thumb { max-width: 80%;}
.sliderArea .thumb{
	position: inherit;
	right: inherit;
	bottom: inherit;
}*/
.thumb {
  max-width: 90%;
  margin: 0 auto;
}
.thumb .slick-slide {
  margin: 0 5px;
  padding-bottom: 0.5rem;
}
.sliderArea {
  max-width: 100%;
  margin: 0 auto 3.0rem;
  padding: 0 0 2.0rem;
  position: relative;
}
.slick-prev,
.slick-next{
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
}
.slick-next::before,
.slick-prev::before {
  width: 6px;
  height: 6px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}

}