@charset "UTF-8";
/* CSS Document */

.notPC {
    display: none;
}

.notSP {
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .notPC {
        display: inline-block;
    }
    .notSP {
        display: none;
    }
}

.note {
	font-size: 1.4rem;
}



/*　flexbox　*/
.d-flex {
	display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.justify-content-between {
	justify-content: space-between
}

.gap-8{
	gap:8px;
}

.gap-16{
	gap:16px;
}

.gap-24{
	gap:24px;
}

.gap-32{
	gap:32px;
}

.gap-40{
	gap:40px;
}

.gap-80{
	gap:80px;
}

@media screen and (max-width: 768px) {
	.sp_flex-column {
		flex-direction: column;
	}
}



.section {
	padding: 80px 0;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

.wrap {
	max-width: 960px;
}

.heading {
	font-family: "Montserrat", sans-serif;
	font-size: clamp(3.2rem, calc((32 / 768)* 100vw), 4.8rem);
	font-weight: bold;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.1em;
}

.heading small {
	font-size: 1.8rem;
	font-weight: 500;
}


#top .heading {
	padding: 80px 0
}

.page .heading {
	padding: 120px 0 40px 0;
	width: 90%;
    margin: 0 auto;
}

.sub-heading {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 8px;
	border-bottom: 1px solid #000000;
	margin-bottom: 40px;
}

.title {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
	.section {
		padding: 40px 0;
	}
	
	#top .heading {
		margin: 40px 0;
	}
	
	.page .heading {
		padding: 80px 0 40px 0;
	}
	
}



/*　link-arrow--circle　*/
.link-arrow--circle {
	display: inline-block;
}

.link-arrow--circle a {
	display: flex;
    align-items: center;
    gap: 16px;
	color: #000000;
	transition: 0.2s;
}

.arrow--circle {
	background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow{
    line-height: 1;
    position: relative;
    background: #000000;
	display: inline-block;
    width: 20px;
    height: 1px;
	
}

.arrow::before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    position: absolute;
    box-sizing: border-box;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transform-origin: top right;
    top: 50%;
    right: -1px;
}

.underline {
	display: inline-block;
	position: relative;
}

.underline::after {
  background-color: #000000;
  bottom: -4px;
  content: ""; 
  height: 1px; 
  left: 0; 
  position: absolute;
  transform: scale(0, 1);
  transform-origin: right top; 
  transition: transform .3s; 
  width: 100%;
}

.link-arrow--circle a:hover {
	opacity: 1;
}

.link-arrow--circle a:hover .arrow--circle {
	background-color: #000000;
}

.link-arrow--circle a:hover .arrow {
	background-color: #ffffff;
}

.link-arrow--circle a:hover .arrow::before {
	border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.link-arrow--circle a:hover .underline::after {
  transform-origin: left top; 
  transform: scale(1, 1); 
}



/*　arrow-list　*/
.arrow-list__item {
    position: relative;
    padding-left: 24px;
	line-height: 1.5;
}

.arrow-list__item:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #000000;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.arrow-list__item.current:before {
    border-color: transparent transparent transparent #dddddd;
	top: 0.5em;
	bottom: auto;
}



/*　arrow-list--line　*/
.arrow-list--line__item {
    position: relative;
    padding-left: 24px;
	line-height: 1.5;
}

.arrow-list--line__item:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}



/*　Press　Release　*/
#press-release-root {
    font-family: 'Noto Sans JP', sans-serif!important;
	margin: 0!important;
	color: #000000!important;
}

#press-release-root h1 {
	display: none!important;
}

#press-release-root .press-list {
	margin-top: 0!important;
	display: flex;
    flex-wrap: wrap;
    gap: 40px 80px;
}

#press-release-root .press-item {
	background: none!important; 
    border: none!important;
	border-radius: 0!important;
	margin-bottom: 0!important;
	color: #000000!important;
	width: calc((100% - 80px) / 2);
}

#press-release-root .press-item:hover {
    box-shadow: none!important;
	/*transform: none !important;*/
	/*color: #e60012!important;
	opacity: 1;*/
}

#press-release-root .press-item-image {
	display: none!important;
}

#press-release-root .press-item-content {
	padding: 0!important;
}

#press-release-root .press-item-title {
    font-size: 16px!important;
	font-weight: 500!important;
}

#press-release-root .year-nav {
    margin-bottom: 40px!important;
}

#press-release-root .year-nav li.active a {
    background-color: #000000!important;
}

#press-release-root .pagination {
    margin: 160px 0 0 0!important;
}

#press-release-root .pagination ul {
	box-shadow: none!important;
	border: 1px solid #dddddd;
}

#press-release-root .pagination li a {
	color: #000000!important;
}

#press-release-root .pagination li.active a {
    background-color: #000000!important;
	color: #ffffff!important;
}

@media screen and (max-width: 960px) {
	#press-release-root .press-list {
		flex-direction: column;
		row-gap: 24px;
	}
	#press-release-root .press-item {
		width: 100%;
	}
	
}



/*　Our Colleges　*/
.college-container {
	display: flex;
	flex-direction: column;
	row-gap: 80px;
}

.college-group {
	display: flex;
	flex-direction: column;
	row-gap: 64px;
}

.title-college {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 2.4rem;
	margin-bottom: 32px;
}

.title-college:after {
  border-top: 1px solid;
  content: "";
  width: calc(100% - 160px); 
}
.title-college:after {
  margin-right: 16px;
}

.college-list {
	margin-top: 16px;
}

.college-list__item {
  position: relative;
  display: inline-block;
  padding-left: 24px;
}

.college-list__item:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #000;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.college-list__item .logo_img {
	width: auto;
	height: clamp(25px, calc((25 / 375)* 100vw), 50px);
}

.college-list__item .logo_esmod {
	width: auto;
	height: clamp(30px, calc((30 / 375)* 100vw), 60px);
}

.college-list__item .logo_creapole {
	width: auto;
	height: clamp(35px, calc((35 / 375)* 100vw), 70px);
}

.college-list.column-3 .college-list__item {
	width: calc(100% / 3);
}

.college-list.mode-list .college-list__item:before {
	border-color: transparent transparent transparent #e60020;
}

.college-list.hal-list .college-list__item:before {
	border-color: transparent transparent transparent #005bac;
}

.college-list.iko-list .college-list__item:before {
	border-color: transparent transparent transparent #00a73c;
}

.college-list.kf-list .college-list__item:before {
	border-color: transparent transparent transparent #e60020;
}

.college-list.kk-list .college-list__item:before {
	border-color: transparent transparent transparent #0b57a0;
}

.college-list.tu-list .college-list__item:before {
	border-color: transparent transparent transparent #7c879b;
}

.college-list.kk-list.d-flex {
	row-gap: 24px;
}

@media screen and (max-width: 960px) {
	.college-list.column-3.d-flex {
		row-gap: 24px;
	}
	
	.college-list.column-3 .college-list__item {
		width: 100%;
	}

}





/*//////////　TOP　//////////*/

/*　.hero　*/
.hero__inner {
    position: relative;
}

.catch-copy__wrap {
	position: absolute;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
	/*width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;*/	
}

.catch-copy p {
	display: inline-block;
	white-space: nowrap;
	/*font-size: clamp(3.2rem, calc((80 / 1366)* 100vw), 10rem);*/
	font-size: clamp(3.2rem, calc((32 / 375)* 100vw), 10rem);
    font-weight: bold;
    color: #ffffff;
	line-height: 1;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 0.2em 0.1em 0.2em 0.2em;
    /*text-shadow: 0px 0px 1em #fff, 0px 0px 1em #fff, 0px 0px 1em #fff;*/
}

.catch-copy p:nth-child(n+2) {
	margin-top: 0.25em;
}

.txt {
    clip-path: inset(0 100% 0 0);
    animation: textanimation 1s 1s forwards;

}

.txt2 {
    clip-path: inset(0 100% 0 0);
    animation: textanimation2 1s 2s forwards;

}


.fadeIn {
    animation: fadeIn 5s 3s forwards;
	opacity: 0;
}

@keyframes textanimation {
    0% {
        clip-path: inset(0 100% 0 0);
    }

    100% {
        clip-path: inset(0);
    }
}	
	
@keyframes textanimation2 {
    0% {
        clip-path: inset(0 100% 0 0);
    }

    100% {
        clip-path: inset(0);
    }
}				

@keyframes fadeIn {
    0% {
    }

    100% {
        opacity: 1;
    }
}				

.scroll-infinity {
	display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.scroll-infinity__wrap {
	display: flex;
	gap: 10px;
	overflow: hidden;
}
.scroll-infinity__list {
	display: flex;
	gap: 10px;
	list-style: none;
	padding: 0
}

.scroll-infinity__item {
	/*width: calc(100vw / 6);*/
	width: clamp(280px, calc((300 / 1366)* 100vw), 560px);
}
.scroll-infinity__item>img {
	width: 100%;
}

.scroll-infinity__list--left {
	animation: infinity-scroll-left 200s infinite linear 0.5s both;
}

.scroll-infinity__list--right{
	animation :infinity-scroll-right 200s infinite linear 0.5s both;
}

@keyframes infinity-scroll-left {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

@keyframes infinity-scroll-right {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0%);
	}
}



/*　Press　Release　*/
#top .press-release #year-nav-container {
	display: none;
}

#top .press-release #pagination-container {
	display: none;
}

.press-release .link-arrow--circle {
	display: flex;
	justify-content: flex-end;
	margin-top: 40px;
}





/*//////////　Message　//////////*/

.message__inner {
	display: flex;
	gap: 80px;
}

.message__inner--left {
	width: 240px;
	text-align: center;
	margin: 0 auto;
}

.tani-masaru-image small {
	font-size: 1.2rem;
}

.tani-masaru-text {
	display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 16px;
    margin-top: 16px;
}

.tani-masaru-text .name {
	font-size: 2.4rem;
	line-height: 1;
}
.tani-masaru-text .name small {
	font-size: 0.5em;
}

.sign_tani-masaru {
	max-width: 180px;
	margin: 0 auto;
}

.message__inner--right {
	width: calc(100% - 320px);
}

@media screen and (max-width: 768px) {
	
	.message__inner {
		flex-direction: column;
        align-items: center;
        gap: 40px;
	}
	
	.message__inner--right {
		width: 100%;
	}
	
}






/*//////////　History　//////////*/

.history-list {
	display: flex;
	flex-direction: column;
	row-gap:64px;
}

.history-list__item .year {
	font-size: 2.4rem;
	font-weight: bold;
	padding: 0 8px;
	margin-bottom: 8px;
}

.history-list__item .detail-list {
	display: flex;
	flex-direction: column;
	padding: 16px 8px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.history-list__item .detail-list__item {
	display: flex;
	gap: 40px;
}

.history-list__item .detail-list__item:nth-child(n + 2) {
    border-top: 1px solid #dddddd;
    padding-top: 16px;
    margin-top: 16px;
}

.history-list__item .month {
	width: 56px;
	text-align: right;
}

.history-list__item .text {
	width: calc(100% - 96px);
}

.history-list__item .history_img {
	width: 120px;
}

@media screen and (max-width: 768px) {
	.history-list__item .detail-list__item {
		display: flex;
		gap: 20px;
	}

	.history-list__item .text {
		width: calc(100% - 76px);
	}

	.history-list__item .history_img {
		width: 50%;
		max-width: 240px;
		margin: 0 auto;
	}
}





/*//////////　Our Colleges　//////////*/

.access-list {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
} 

.access-list__item {
	display: flex;
    align-items: center;
    border: 1px solid #dddddd;
    border-left: 4px solid #000000;
    padding: 16px 0;
}

.access-list__item .image {
	width: 40%;
    padding: 16px 16px 16px 32px;
}

.access-list__item .text {
	width: 60%;
    padding: 16px 16px 16px 32px;
    border-left: 1px solid #dddddd;
}

.access-list__item .text .name {
	font-size: clamp(2rem, calc((20 / 768)* 100vw), 2.4rem);
	font-weight: bold;
	margin-bottom: 8px;
}

.access-list__item .text .arrow-list--line {
	margin-top: 32px;
	display: flex;
	flex-direction: column;
	row-gap:8px;
}

.access-list__item .text .campus-list {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.access-list__item .text .campus-list__item .campus {
	font-weight: bold;
}

.access-list__item.mode-access {
    border-left: 4px solid #e60020;
}

.access-list__item.hal-access {
    border-left: 4px solid #005bac;
}

.access-list__item.iko-access {
    border-left: 4px solid #00a73c;
}

.access-list__item.kf-access {
    border-left: 4px solid #e60020;
}

.access-list__item.kk-access {
    border-left: 4px solid #0b57a0;
}

.access-list__item.tu-access {
    border-left: 4px solid #7c879b;
}

.access-list__item.mode-access .image .logo_img,
.access-list__item.hal-access .image .logo_img,
.access-list__item.iko-access .image .logo_img,
.access-list__item.tu-access .image .logo_img {
	width: auto;
	height: clamp(25px, calc((25 / 768)* 100vw), 30px);
}

.access-list__item.kf-access .image .logo_img,
.access-list__item.kk-access .image .logo_img {
	width: auto;
	height: clamp(20px, calc((20 / 768)* 100vw), 25px);
}

.access-list__item .image .logo_esmod {
	width: auto;
	height: clamp(35px, calc((35 / 768)* 100vw), 40px);
}

.access-list__item .image .logo_creapole {
	width: auto;
	height: clamp(45px, calc((45 / 768)* 100vw), 50px);
}

@media screen and (max-width: 768px) {
	.access-list__item {
		flex-direction: column;
		padding: 0;
	}

	.access-list__item .image {
		width: 100%;
		padding: 16px;
		text-align: center;
	}

	.access-list__item .text {
		width: 100%;
		padding: 16px 16px 32px 16px;
		border-left: none;
		border-top: 1px solid #dddddd;
	}
}

.other-info .arrow-list--line {
	display: flex;
	flex-wrap: wrap;
	gap:16px;
	margin-top: 40px;
}

.other-info .arrow-list--line__item {
	width: calc((100% - 16px) / 2);
}

@media screen and (max-width: 768px) {
	.other-info .arrow-list--line__item {
		width: 100%;
	}
}





/*//////////　College Information　//////////*/

.info .arrow-list {
	display: flex;
	flex-direction: column;
	gap:32px;
	font-size: 2rem;
	font-weight: 500;
}

.info .arrow-list--line {
	display: flex;
	flex-wrap: wrap;
	gap:16px;
	margin-top: 16px;
	font-size: 1.6rem;
	font-weight: normal;
}

.info .arrow-list--line__item {
	width: calc((100% - 16px) / 2);
}

@media screen and (max-width: 768px) {
	.info .arrow-list--line__item {
		width: 100%;
	}
}

.info embed {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1.25;
}

.info embed + div > p.notPC {
	height: 30vh;
}

@media screen and (max-width: 768px) {
	.info embed {
		display: none;
	}
	
	.info > ul.d-flex {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.info embed + div > p.notPC {
		height: 20vh;
	}
}





/*//////////　For　the MEDIA　//////////*/

.inquiry-list {
	display: flex;
	flex-direction: column;
	row-gap: 80px;
}

.tel-list {
	display: flex;
	flex-wrap: wrap;
	gap: 32px 8px;
}

.tel-list__item {
	width: calc((100% - 16px) / 3);
}

@media screen and (max-width: 768px) {
	.tel-list__item {
		width: calc((100% - 8px) / 2);
	}
}

@media screen and (max-width: 480px) {
	.tel-list__item {
		width: 100%;
	}
}





/*//////////　For Recruiters　//////////*/

.recruit .college-container {
	margin-top: 80px;
}





/*//////////　JAPAN EDUCATIONAL FOUNDATION　//////////*/

.en-college-group {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
}

.en-group {
	border-bottom: 1px dotted #dddddd;
}

.en-college-list__item {
	margin-bottom: 40px;
}

.en-campus-list {
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}