@charset "utf-8";

body {
	background-color: #fff;
	font-size : 62.5%;
	color : #000;
	box-sizing : border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Roboto', sans-serif;
	min-height : 100vh;
	font-feature-settings: "pwid";
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html {
	scroll-behavior: smooth;
}
img {
	vertical-align : top;
}
a {
	text-decoration : none;
}
p {
	line-height: inherit;
}
.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
.f-title {
	font-family: 'Century Gothic', CenturyGothic, 'Jost', sans-serif;
	font-weight: 700;
}
.f-index {
	font-family: 'Century Gothic', CenturyGothic, 'Jost', sans-serif;
	font-weight: 700;
}
h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
#check {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}
.newsitem a {
	color: #000;
}
/* Animation settings */
#top_news h2, #top_about h2, #top_voice h2 {
	transition: 2s;
}
#top_news h2.anim, #top_about h2.anim, #top_voice h2.anim {
	margin-left: -4vw;
	opacity: 0;
}
.newsitem.item01, .voiceitem.item01 {
	transition: 1.4s;
	transition-delay: 0.5s;
}
.newsitem.item02, .voiceitem.item02 {
	transition: 1.4s;
	transition-delay: 1s;
}
.newsitem.item03, .voiceitem.item03 {
	transition: 1.4s;
	transition-delay: 1.5s;
}
.newsitem.anim, .aboutitem.anim, .voiceitem.anim {
	transform: scale(1.2);
	opacity: 0;
}
#top_news .button, #top_voice .button {
	transition: 2s;
	transition-delay: 2s;
}
#top_news .button.anim, #top_voice .button.anim {
	margin-left: -4vw;
	opacity: 0;
}
.aboutitem.item01 {
	transition: 1.4s;
	transition-delay: 0.4s;
}
.aboutitem.item02 {
	transition: 1.4s;
	transition-delay: 0.8s;
}
.aboutitem.item03 {
	transition: 1.4s;
	transition-delay: 1.2s;
}
.aboutitem.item04 {
	transition: 1.4s;
	transition-delay: 1.6s;
}
.aboutitem.item05 {
	transition: 1.4s;
	transition-delay: 2.0s;
}
.aboutitem.item06 {
	transition: 1.4s;
	transition-delay: 2.4s;
}
.aboutitem.item07 {
	transition: 1.4s;
	transition-delay: 2.8s;
}
.aboutitem.item08 {
	transition: 1.4s;
	transition-delay: 3.2s;
}

@media screen and (max-width: 768px) {
	.pc-content {
		display : none;
	}
	#header {
		width: 100%;
		border-bottom: 8px solid #b40f38;
		display: flex;
	}
	.header_logo {
		width: 68vw;
	}
	.header_logo img {
		height: 9.6vw;
		padding: 2vw;
		margin-top: 1.5vw;
	}
	.header_access {
		width: 16vw;
		float: right;
	}
	.header_menu {
		display: none;
	}
	.sp-menu {
		display: block;
		width: 8vw;
		padding: 3.6vw 4vw 3vw 4vw;
		background-color: #004b6e;
		border-left: 1px solid #fff;
		z-index: 10000;
	}
	.hamburger {
		height: 8vw;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	.hamburger span,
	.hamburger span::before,
	.hamburger span::after {
		position: absolute;
		display: block;
		content: "";
		width: 100%;
		height: 2px;
		background-color: #fff;
		transition: all 0.5s;
	}
	.hamburger span::before {
		top: -3.2vw;
	}
	.hamburger span::after {
		bottom: -3.2vw;
	}
	#check:checked + .hamburger span {
		background-color: transparent;
	}
	#check:checked + .hamburger span::before {
		top: 0;
		transform: rotate(45deg);
	}
	#check:checked + .hamburger span::after {
		bottom: 0;
		transform: rotate(-45deg);
	}
	.nav {
		position: fixed;
		width: 80vw;
		height: 100vh;
		top: calc(16vw + 4px);
		right: -120%;
		background-color: #004b6e;
		color: #fff;
		padding: 2.4vw 0;
		transition: all 0.5s;
	}
	.sp-title a {
		display: block;
		font-size: 4vw;
		font-weight: 500;
		color: #fff;
		padding: 2vw;
	}
	.sp-title a:hover {
		color: #0f5474;
		background-color: #fff;
	}
	#check:checked ~ .nav {
		right: 0;
	}
	#top_hero {
		width: 100%;
		margin-bottom: 4vw;
		position: relative;
	}
	#top_hero > img {
		width: 140%;
		margin-left: -20%;
	}
	#top_hero .site_title {
		position: absolute;
		width: 60%;
		top: 6vw;
		left: 6vw;
	}
	#top_hero .feed-prev-btn {
		position: absolute;
		top: 0;
		left: 2vw;
		width: 4vw;
		height: 100%;
		display: flex;
		align-items: center;
		background: url(/kiec/english/img/top/btn_slider_prev.svg) no-repeat;
		background-position: center center;
	}
	#top_hero .feed-next-btn {
		position: absolute;
		top: 0;
		right: 2vw;
		width: 4vw;
		height: 100%;
		display: flex;
		align-items: center;
		background: url(/kiec/english/img/top/btn_slider_next.svg) no-repeat;
		background-position: center center;
	}
	.feed-prev-btn .bx-prev, .feed-next-btn .bx-next {
		width: 100%;
		height: 100%;
		display: block;
		opacity: 0;
	}
	.content, .wrapper {
		width: calc(100% - 32px);
		margin: 0 auto;
	}
	.content .body {
		width: 100%;
		overflow: hidden;
	}
	h2 {
		text-align: center;
		font-size: 2.4rem;
		margin-bottom: 3.0vw;
	}
	#top_news h2:not(.natural), #top_voice h2 {
		color: #b40f38;
	}
	#top_news .content ul {
		width: 100%;
		margin-bottom: 4vw;
	}	
	#top_news .content li {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 2.4vw;
		padding-bottom: 2.4vw;
		border-bottom: 1px solid #000;
	}
	#top_news .content li .head {
		width: 100%;
		display: flex;
		align-items: start;
		margin-bottom: 1.6vw;
	}
	#top_news .content li .head .main {
		width: 76%;
	}
	#top_news .content li .head .date {
		font-size: 4.0vw;
		line-height: 4.0vw;
		margin-bottom: 1.2vw;
	}
	#top_news .content li .head .icon img {
		height: 7.2vw;
	}
	#top_news .content li .head .newicon {
		width: 24%;
	}
	#top_news .content li .image {
		width: 100%;
		margin-bottom: 1.6rem;
	}
	#top_news .content li .image img {
		width: 100%;
	}
	#top_news .content li .description {
		display: -webkit-box;
		width: 100%;
		font-size: 4.8vw;
		line-height: 6.4vw;
		margin-bottom: 2.0vw;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
	}
	#top_news .content li .foot {
		width: 100%;
		display: flex;
		align-items: center;
	}
	#top_news .content li .foot a {
		font-size: 4.8vw;
		width: 72%;
		text-decoration: underline;
	}
	#top_news .content li .foot .newicon {
		width: 28%;
	}
	#top_news .button, #top_voice .button {
		width: 100%;
		text-align: center;
		margin-bottom: 8.0vw;
	}
	#top_news .button a, #top_voice .button a {
		display: inline-block;
		position: relative;
		border: 2px solid #000;
		padding: 0.8rem 4.8rem 0.8rem 2rem;
		border-radius: 1.8rem;
		color: #000;
		font-size: 1.5rem;
		font-weight: 400;
		background: url('/kiec/english/img/icon_rightarrow.svg') no-repeat;
		background-size: auto 1.6rem;
		background-position: top 1.0rem right 1.2rem;
	}
	#top_news .button a div, #top_voice .button a div {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		text-indent: 2.4rem;
	}
	#top_about {
		width: 100%;
		padding: 8vw 0;
		background-color: #004b6e;
		margin-bottom: 8vw;
	}
	#top_about h2 {
		text-align: center;
		color: #fff;
	}
	#top_about .contnet {
	}
	#top_about .content ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 0;
	}
	#top_about .content ul li {
		width: 48.6%;
		margin-bottom: 2.4vw;
	}
	#top_about .content li a > div {
		position: relative;
	}
	#top_about .content li a > div img {
		width: 100%;
	}
	#top_about .content li .title {
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
		color: #fff;
		font-size: 3.2vw;
	}
	#top_about .content li .title img {
		height: 14vw;
	}
	#top_about .content li .shade {
		position: absolute;
		top:0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.4);
		transition: .4s
	}
	#top_about .content li a:hover .shade {
		opacity: 0.5;
	}
	#top_voice .content ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 2.4vw;
	}
	#top_voice .content li {
		position: relative;
		width: 100%;
		margin-bottom: 2.4vw;
		padding-bottom: 2.4vw;
		border-bottom: 1px solid #000;
	}
	#top_voice .content li .thumbnail {
		position: relative;
		margin-bottom: 2.4vw;
	}
	#top_voice .content li .thumbnail .figure {
		width: 100%;
	}
	#top_voice .content li .thumbnail .tip {
		position: absolute;
		top: 0;
		left: 0;
		width: 18%;
	}
	#top_voice .content li .textbox {
		color: #000;
	}
	#top_voice .content li .textbox .category {
		padding: 0.16rem 0 0.16rem 1rem;
		margin-bottom: 1.6rem;
		font-size: 1.8rem;
		font-weight: 700;
	}
	#top_voice .content li .textbox .category.yij {
		border-left: 4px solid #004b6e;
		color: #004b6e;
	}
	#top_voice .content li .textbox .category.degree {
		border-left: 4px solid #64b482;
		color: #64b482;
	}
	#top_voice .content li .textbox .category.summer {
		border-left: 4px solid #dc507e;
		color: #dc507e;
	}
	#top_voice .content li .textbox .category.exchange {
		border-left: 4px solid #6eadc8;
		color: #6eadc8;
	}
	#top_voice .content li .textbox .description {
		font-size: 4.8vw;
		line-height: 6.4vw;
		margin-bottom: 3.2vw;
	}
	#top_voice .content li .textbox .student_name {
		font-size: 5.6vw;
		font-weight: 500;
	}
	#page_contact h2 {
		color: #b40f38;
	}
	#page_contact .contect_methods {
		width: 100%;
		margin-bottom: 4vw;
	}
	#page_contact .contect_methods a {
		color: #000;
	}
	#page_contact .contect_methods .cell {
		border: 2px solid #004b6e;
		margin-bottom: 2.8vw;
	}
	#page_contact .contect_methods .cell dt {
		text-align: center;
		background-color: #004b6e;
		color: #fff;
		padding: 0.8vw 0;
		font-size: 4.8vw;
		font-weight: 700;
	}
	#page_contact .contect_methods .cell dd {
		text-align: center;
		font-size: 4.8vw;
		font-weight: 700;
		padding: 2vw 0;
	}
	#page_contact .copy {
		text-align: center;
		font-size: 3.6vw;
		margin-bottom: 8.0vw;
	}
	#footer {
		padding: 8vw 0;
		background: url('/kiec/english/img/footer_bg.jpg') no-repeat;
		background-size: cover;
		background-position: center;
		color: #fff;
		font-size: 1.4rem;
	}
	#footer .footer_title {
		font-size: 7.2vw;
		font-family: serif;
		margin-bottom: 6.4vw;
	}
	#footer .footer_title a {
		color: #fff;
	}
	#footer .footer-address {
		font-size: 1.2rem;
		font-family: serif;
		line-height: 1.8rem;
	}
	#footer .footer_access {
		padding: 4vw 0;
		margin: 0 auto 4vw auto;
		width: 32vw;
	}
	#footer .footer_navigation {
		border-top: 1px solid #fff;
		margin-bottom: 6.4vw;
		padding-top: 2.8vw;
	}
	#footer .footer_navigation li {
		width: 100%;
		font-size: 6.4vw;
		font-weight: 500;
		margin-bottom: 2.8vw;
		padding-bottom: 2.8vw;
		text-indent: 2.0vw;
		border-bottom: 1px solid #fff;
	}
	#footer .footer_navigation a {
		color: #fff;
	}
	#footer .footer_parent-link {
		padding-bottom: 1.2rem;
		border-bottom: 2px solid #fff;
		margin-bottom: 8rem;
	}
	#footer .footer_parent-link img {
		margin: 2vw 6.4vw;
	}
	#footer .footer_sns-link {
		width: 40%;
		margin: 0 auto;
		padding-bottom: 4.8vw;
	}
	#footer .footer_copyright {
		text-align: center;
		font-size: 3.8vw;
	}
	.go_to_top {
		position: fixed;
		width: 16vw;
		bottom: 3.2vw;
		right: 3.2vw;
	}
	.go_to_top img {
		width: 100%;
	}
	.category-navigation {
		width: calc(100% - 16px);
		margin: 0 auto 4rem auto;
	}
	.category-navigation ul {
	}
	.category-navigation li {
		width: 100%;
		font-size: 1.2rem;
		padding: 1.2rem 0;
		margin-bottom: 1.2vw;
		background: url('/kiec/english/img/icon_downarrow.svg') no-repeat;
		background-size: 1.8rem, 100%;
		background-position: top 0.9rem left 0.9rem, 0;
		text-indent: 3.4rem;
	}
	.category-navigation li a {
		color: #fff;
	}
	.category-navigation li.btn_yij {
		background-color: #004b6e;
	}
	.category-navigation li.btn_summer {
		background-color: #dc507e;
	}
	.category-navigation li.btn_degree {
		background-color: #64b482;
	}
	.category-navigation li.btn_non-degree, .category-navigation li.btn_exchange {
		background-color: #6eadc8;
	}
	.category-navigation li.btn_others {
		background-color: #b4b4b4;
	}
	.navigation {
		text-align: center;
		margin-bottom: 8rem;
	}
	.navigation ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.navigation li {
		text-align: center;
		font-size: 1.2rem;
		padding-top: 0.4rem;
		width: 2.0rem;
		height: 1.6rem;
		margin: 0 0.6rem;
		border: 2px solid #004b6e;
	}
	.navigation li a {
		color: #004b6e;
		font-weight: 700;
	}
	.navigation li.here {
		background-color: #004b6e;
	}
	.navigation li.here a {
		color: #fff;
	}
	#side-copy {
		display: none;
	}
	.head {
		clear: both;
		width: calc(100% - 32px);
		margin: 0 auto 8rem auto;
	}
	.head .thumbnail {
		width: 100%;
		position: relative;
		margin-bottom: 1.6rem;
	}	
	.head .thumbnail .figure {
		width: 80%;
		margin: 0 10%;
	}
	.head .thumbnail .tip {
		position: absolute;
		top: 0;
		left: 0;
		width: 20%;
	}
	.head .textbox {
		width: 100%;
	}
	.head .textbox .student_name {
		margin-bottom: 3.6vw;
		font-size: 4.8vw;
	}
	.head .textbox dt {
		color: #004b6e;
		font-size: 3.2vw;
		line-height: 5.6vw;
		margin-bottom: 1.2vw;
	}
	.head .textbox dd {
		font-size: 4.0vw;
		line-height: 6.4vw;
		margin-bottom: 1.8vw;
	}
	.head .textbox dd:last-child {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 400px) {
	.paragraph_frame h2 {
		font-size: 2.0rem!important;
		height: 3.2rem!important;
	}
	.paragraph_frame h2 .sub {
		font-size: 1.2rem!important;
	}
}
@media screen and (min-width: 769px) {
	#interaction {
		width: 70vw;
		height: 70vh;
		position: fixed;
		bottom: 0;
		background-image: url('/kiec/english/img/bg_kabuto.svg');
		background-size: cover;
		z-index: -100;
	}
	.sp-content, .sp-menu {
		display : none;
	}
	#header nav {
		flex: 1;
	}
	.header_menu li {
		text-align: center;
	}
	.header_menu li a {
		color: #004b6e;
		font-size: 1.24rem;
		letter-spacing: 0.04rem;
	}
	h2 {
		font-size: 3.2rem;
		margin-bottom: 4.8rem;
	}
	#breadcrumb {
		font-size: 1.1rem;
		margin-bottom: 5.6rem;
	}
	#top_hero {
		position: relative;
		height: 50vw;
		overflow: hidden;
		margin-bottom: 8rem;
	}
	.bx-wrapper {
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
	}
	#top_hero > img {
		width: 100%;
	}
	#top_hero .site_title {
		position: absolute;
		width: 30%;
		top: 4vw;
		left: 6vw;
	}
	#top_hero .feed-prev-btn {
		position: absolute;
		top: 0;
		left:24px;
		width: min(24px, 2.0vw);
		height: 50vw;
		display: flex;
		align-items: center;
		background: url(/kiec/english/img/top/btn_slider_prev.svg) no-repeat;
		background-position: center center;
	}
	#top_hero .feed-next-btn {
		position: absolute;
		top: 0;
		right:24px;
		width: min(24px, 2.0vw);
		height: 50vw;
		display: flex;
		align-items: center;
		background: url(/kiec/english/img/top/btn_slider_next.svg) no-repeat;
		background-position: center center;
	}
	.feed-prev-btn .bx-prev, .feed-next-btn .bx-next {
		width: 100%;
		height: 100%;
		display: block;
		opacity: 0;
	}
	#top_news {
	}
	#top_news h2:not(.natural), #top_voice h2 {
		text-align: center;
		color: #b40f38;
	}
	#top_news .content ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#top_news .content li {
		position: relative;
		width: 28%;
		height: 34rem;
		margin-bottom: 4.8rem;
	}
	#top_news .content li .head {
		display: flex;
		width: 100%;
		margin-bottom: 1.2rem;
		justify-content: space-between;
		align-items: start;
	}
	#top_news .content li .main {
		width: 76%;
	}
	#top_news .content li .newicon {
		width: 24%;
	}
	#top_news .content li .head .date {
		font-size: 1.2rem;
		margin-bottom: 0.8rem;
	}
	#top_news .content li .head .icon {
		text-align: left;
		margin-right: 1.2rem;
	}
	#top_news .content li .head .icon img {
		height: 2.0rem;
	}
	#top_news .content li .image {
		margin-bottom: 2.0rem;
		height: 51%;
		overflow: hidden;
	}
	#top_news .content li .image img {
		width: 100%;
	}
	#top_news .content li .description {
		display: -webkit-box;
		font-size: 1.2rem;
		line-height: 2.0rem;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
	}
	#top_news .content li .foot {
		position: absolute;
		bottom: 0;
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: end;
	}
	#top_news .content li .foot a {
		font-size: 1.0rem;
		text-decoration: underline;
	}
	#top_news .content li .foot .newicon {
		width: 7.2rem;
	}
	#top_news .button {
		text-align: center;
		margin-bottom: 8.0rem;
	}
	#top_voice .button {
		text-align: right;
		margin-bottom: 8.0rem;
	}
	#top_news .button a, #top_voice .button a {
		display: inline-block;
		position: relative;
		border: 2px solid #000;
		height: 2.6rem;
		padding: 0.8rem 4.8rem 0 2rem;
		border-radius: 1.8rem;
		color: #000;
		font-size: 1.5rem;
		font-weight: 400;
		background: url('/kiec/english/img/icon_rightarrow.svg') no-repeat;
		background-size: auto 1.6rem;
		background-position: top 1.0rem right 1.2rem;
	}
	#top_news .button a div, #top_voice .button a div {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		text-indent: 2.4rem;
	}
	#top_about {
		width: 100%;
		padding-top: 8rem;
		background-color: #004b6e;
	}
	#top_about h2 {
		text-align: center;
		color: #fff;
	}
	#top_about .contnet {
	}
	#top_about .content ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 8rem;
	}
	#top_about .content li {
		position: relative;
		width: calc(25% - 4px);
		margin-bottom: 6px;
	}
	#top_about .content li a > div {
		position: relative;
	}
	#top_about .content li a > div img {
		width: 100%;
	}
	#top_about .content li .title {
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
		color: #fff;
		font-size: 4.0rem;
	}
	#top_about .content li .title img {
		height: 6.4rem;
	}
	#top_about .content li .shade {
		position: absolute;
		top:0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.4);
		transition: .4s
	}
	#top_about .content li a:hover .shade {
		opacity: 0.5;
	}
	#top_voice .contnet {
		border: 1px solid #f00;
	}
	#top_voice .content ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 3.2rem;
	}
	#top_voice .content li {
		position: relative;
		width: 25.6%;
	}
	#top_voice .content li .thumbnail {
		position: relative;
		margin-bottom: 1.6rem;
		width: 100%;
		height: 2.48vw;
		overflow: hidden;
	}
	#top_voice .content li .thumbnail .figure {
		width: 100%;
	}
	#top_voice .content li .thumbnail .tip {
		position: absolute;
		top: 0;
		left: 0;
		width: 18%;
	}
	#top_voice .content li .textbox {
		color: #000;
		margin-bottom: 3.2rem;
	}
	#top_voice .content li .textbox .category {
		padding: 0.16rem 0 0.16rem 1rem;
		margin-bottom: 1.6rem;
		font-size: 1.6rem;
		font-weight: 700;
	}
	#top_voice .content li .textbox .category.yij {
		border-left: 4px solid #004b6e;
		color: #004b6e;
	}
	#top_voice .content li .textbox .category.degree {
		border-left: 4px solid #64b482;
		color: #64b482;
	}
	#top_voice .content li .textbox .category.summer {
		border-left: 4px solid #dc507e;
		color: #dc507e;
	}
	#top_voice .content li .textbox .category.exchange {
		border-left: 4px solid #6eadc8;
		color: #6eadc8;
	}
	#top_voice .content li .textbox .description {
		font-size: 1.2rem;
		line-height: 2.0rem;
		margin-bottom: 1.2rem;
	}
	#top_voice .content li .textbox .student_name {
		font-size: 1.8rem;
		font-weight: 400;
	}
	
	#page_contact h2 {
		text-align: center;
		font-size: 2.4rem;
		margin-bottom: 2.4rem;
		color: #b40f38;
	}
	#page_contact .contect_methods {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 64rem;
		margin: 0 auto 2.4rem auto;
	}
	#page_contact .contect_methods a {
		color: #000;
	}
	#page_contact .contect_methods .cell {
		width: 47.5%;
		border: 2px solid #004b6e;
	}
	#page_contact .contect_methods .cell dt {
		text-align: center;
		background-color: #004b6e;
		color: #fff;
		padding: 0.64rem 0;
		font-size: 1.6rem;
		font-weight: 700;
	}
	#page_contact .contect_methods .cell dd {
		text-align: center;
		font-size: 1.6rem;
		font-weight: 700;
		padding: 1.2rem 0;
	}
	#page_contact .copy {
		text-align: center;
		font-size: 1.2rem;
		margin-bottom: 8rem;
	}
	#footer {
		padding: 20rem 0 6.4rem 0;
		background: url('/kiec/english/img/footer_bg.jpg') no-repeat;
		background-size: cover;
		background-position: center;
		color: #fff;
		font-size: 1.4rem;
	}
	#footer .footer_title {
		font-size: 2.8rem;
		font-family: serif;
		margin-bottom: 1.6rem;
	}
	#footer .footer_title a {
		color: #fff;
	}
	#footer .footer-address {
		font-size: 1.0rem;
		font-family: serif;
		line-height: 1.8rem;
	}
	#footer .footer_access {
		padding: 2.4rem 0;
		width: 8rem;
	}
	#footer .footer_navigation {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 6.4rem;
	}
	#footer .footer_navigation li {
		font-size: 1.2rem;
		font-weight: 500;
	}
	#footer .footer_navigation a {
		color: #fff;
	}
	#footer .footer_parent-link {
		width: 24rem;
		padding-bottom: 1.2rem;
		border-bottom: 2px solid #fff;
		margin-bottom: 8rem;
	}
	#footer .footer_sns-link {
		width: 6.4rem;
		margin: 0 auto;
		padding-bottom: 3.2rem;
	}
	#footer .footer_copyright {
		text-align: center;
		font-size: 1.0rem;
	}
	.go_to_top {
		position: fixed;
		width: 64px;
		bottom: 4.8vw;
		right: 4.8vw;
	}
	.go_to_top img {
		width: 100%;
	}
	.category-navigation {
		width: 720px;
		margin: 0 auto 4rem auto;
	}
	.category-navigation ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.category-navigation li {
		width: 47.5%;
		font-size: 1.2rem;
		padding: 1.2rem 0;
		margin-bottom: 1.6rem;
		background: url('/kiec/english/img/icon_downarrow.svg') no-repeat;
		background-size: 1.8rem, 100%;
		background-position: top 0.9rem left 0.9rem, 0;
		text-indent: 3.4rem;
	}
	.category-navigation.wide li {
		width: 30%;
	}
	.category-navigation.wide li:nth-child(1) {
		margin-left: 16.6%;
	}
	.category-navigation.wide li:nth-child(2) {
		margin-right: 16.6%;
	}
	.category-navigation li a {
		color: #fff;
	}
	.category-navigation li.btn_yij {
		background-color: #004b6e;
	}
	.category-navigation li.btn_summer {
		background-color: #dc507e;
	}
	.category-navigation li.btn_degree {
		background-color: #64b482;
	}
	.category-navigation li.btn_non-degree, .category-navigation li.btn_exchange {
		background-color: #6eadc8;
	}
	.category-navigation li.btn_others {
		background-color: #b4b4b4;
	}
	.navigation {
		text-align: center;
		margin-bottom: 8rem;
	}
	.navigation ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.navigation li {
		text-align: center;
		font-size: 1.2rem;
		padding-top: 0.4rem;
		width: 2.0rem;
		height: 1.6rem;
		margin: 0 0.6rem;
		border: 2px solid #004b6e;
	}
	.navigation li a {
		color: #004b6e;
		font-weight: 700;
	}
	.navigation li.here {
		background-color: #004b6e;
	}
	.navigation li.here a {
		color: #fff;
	}
	.head .thumbnail {
		position: relative;
		width: 50%;
	}
	.head .thumbnail .figure {
		width: 84%;
	}
	.head .thumbnail .tip {
		position: absolute;
		top: 0;
		left: 0;
		width: 16.6%;
	}
	.head .textbox {
		position: relative;
		width: 50%;
	}
	.head .textbox .student_name {
		font-size: 2.2rem;
		margin-bottom: 2.2rem;
	}
	.head .textbox dt {
		color: #004b6e;
		font-size: 1.2rem;
		margin-bottom: 0.8rem;
	}
	.head .textbox dd {
		font-size: 1.4rem;
		line-height: 2.0rem;
		margin-bottom: 2.0rem;
	}
	.head .textbox dd:last-child {
		margin-bottom: 0;
	}

	.head.single {
		display: block;
	}
	
	
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
	html, body {
		font-size : 12px!important;
	}
	#header {
		display: flex;
		width: 100%;
		height: 64px;
		border-bottom: 8px solid #b40f38;
	}
	.header_logo {
		width: 240px;
	}
	.header_logo img {
		width: calc(100% - 16px);
		padding: 12px 0 12px 12px;
	}
	.header_access {
		width: 64px;
	}
	.header_menu {
		padding: 0 4vw;
		width: calc(100% - 6.4vw);
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.header_menu li a {
		font-size: 1.1rem;
	}
	.content {
		clear: both;
		width: calc(100% - 32px);
		margin: 0 auto 8rem auto;
	}
	.wrapper {
		clear: both;
		width: calc(100% - 32px);
		margin: 0 auto;
	}
	.head {
		clear: both;
		width: calc(100% - 96px);
		margin: 0 auto 6.4rem auto;
		display: flex;
		align-items: center;
	}
	#side-copy {
		z-index: 1000;
		pointer-events: none;
		position: fixed;
		width: calc(100% - 2vw);
		height: 100vh;
		margin: auto;  
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
	}
	#side-copy img {
		position: absolute;
		width: 1rem;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
	.category-navigation.wide {
		width: min(960px, calc(100% - 96px));
	}
}
@media screen and (min-width: 1200px) {
	#header {
		display: flex;
		width: 100%;
		height: 88px;
		border-bottom: 8px solid #b40f38;
	}
	.header_logo {
		width: 240px;
	}
	.header_logo img {
		width: calc(100% - 16px);
		padding: 20px 0 20px 16px;
	}
	.header_access {
		width: 88px;
	}
	.header_menu {
		padding: 0 4vw;
		width: calc(100% - 6.4vw);
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.content {
		clear: both;
		width: 1136px;
		margin: 0 auto 8rem auto;
	}
	.newscontent {
		clear: both;
		width: 960px;
		margin: 0 auto 8rem auto;
	}
	.wrapper {
		clear: both;
		width: 1136px;
		margin: 0 auto;
	}
	.head {
		clear: both;
		width: 880px;
		margin: 0 auto 8rem auto;
		display: flex;
		align-items: center;
	}
	.head .thumbnail {
		position: relative;
		width: 50%;
	}
	.head .thumbnail .figure {
		width: 84%;
	}
	.head .thumbnail .tip {
		position: absolute;
		top: 0;
		left: 0;
		width: 16.6%;
	}
	.head .textbox {
		position: relative;
		width: 50%;
	}
	.head .textbox .student_name {
		font-size: 2.2rem;
		margin-bottom: 2.2rem;
	}
	.head .textbox dt {
		color: #004b6e;
		font-size: 1.2rem;
		margin-bottom: 0.8rem;
	}
	.head .textbox dd {
		font-size: 1.4rem;
		line-height: 2.0rem;
		margin-bottom: 2.0rem;
	}
	.head .textbox dd:last-child {
		margin-bottom: 0;
	}
	#side-copy {
		z-index: 1000;
		pointer-events: none;
		position: fixed;
		width: calc(100% - 2vw);
		height: 100vh;
		margin: auto;  
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
	}
	#side-copy img {
		position: absolute;
		width: 1.2rem;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
	.category-navigation.wide {
		width: 960px;
	}
	#top_news .content li .image {
		height: 54%;
	}
	#top_voice .content li .thumbnail {
		height: 290px;
	}
}