@charset "UTF-8";


		#EXAM_ENTRY {
			position: relative;
			width: 100%;
			height: 800px;
			margin-bottom: 30px;
			padding: 100px 0 0 0;
		}

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

		.LEFT_INFO {
			position: relative;
			width: 70%;
			margin: 0 30% 0 0;
			padding: 80px 0 0 30px;
		}

		/* 入試種別 */
		.exam_title {
			position: relative;
			display: inline-block;
			padding-left: 50px;
			font-size: 3rem;
			font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		}

		.exam_title::before {
			position: absolute;
			display: block;
			left: -30px;
			top: -40px;
			content: "";
			width: 130%;
			height: 20px;
			background: #59bf34;
		}

		.exam_title::after {
			position: absolute;
			display: block;
			right: -98px;
			top: -40px;
			content: "";
			width: 20px;
			height: 20px;
			background: #FFF;
		}

		/* 区分別リンク */
		.kubun {
			display: block;
			flex-wrap: wrap;
			padding: 30px 0 0 50px;
		}

		.kubun li {
			padding: 3px 0;
		}

		.kubun a {
			position: relative;
			display: inline-block;
			min-width: 400px;
			margin: 0;
			padding: 13px 16px;
			font-size: 1.1em;
			font-weight: bold;
			font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
			background: #efefef;
			transition: .5s all;
		}


		.kubun a:hover {
			color: #FFF;
			background-color: #555;
		}

		.kubun a::after {
			position: absolute;
			width: 2em;
			height: .85rem;
			top: 40%;
			right: 1em;
			background-color: #444;
			clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
			transform: translateY(-50%);
			transform-origin: left;
			content: '';
			transition: transform .3s;
		}

		.kubun a:hover::after {
			background-color: #fff;
			transform: translateY(-50%) scaleX(1.2);
		}



		.period {
			padding: 20px 0 0 50px;
			font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
			font-weight: bold;
			font-size: 1.4rem;
			letter-spacing: 0px;
		}

		.period::before {
			display: block;
			text-indent: -.5em;
			content: "【出願期間】";
		}

		.shikenbi {
			padding: 20px 0 0 50px;
			font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
			font-weight: bold;
			font-size: 1.4rem;
			letter-spacing: 0px;
		}

		.shikenbi::before {
			display: block;
			text-indent: -.5em;
			content: "【試験日】";
		}


		.RIGHT_INFO {
			position: relative;
			width: 30%;
		}

		.jc_img {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 70%;
			height: calc(100% - 100px);
			clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
			z-index: -1;
			overflow: hidden;
		}

		.jc_img::before {
			position: absolute;
			display: block;
			right: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-image: url('/img/mainimg/exam_img.jpg');
			background-size: cover;
			background-position: right center;
			content: "";
		}

		@media screen and (max-width: 959px) {
			
		#EXAM_ENTRY {
			position: relative;
			width: 100%;
			height: 500px;
			margin-bottom: 30px;
			padding: 80px 0 0 0;
		}

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

		.LEFT_INFO {
			position: relative;
			width: 100%;
			margin: 0;
			padding: 10px 0 0 10px;
		}

		/* 入試種別 */
		.exam_title {
			position: relative;
			display: inline-block;
			padding: 10px 0 0 0;
			font-size: 2rem;
			font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		}

		.exam_title::before {
			position: absolute;
			display: block;
			left: -30px;
			top: 0px;
			content: "";
			width: 100%;
			height: 13px;
			background: #59bf34;
		}

		.exam_title::after {
			position: absolute;
			display: block;
			right: 0;
			top: 0px;
			content: "";
			width: 20px;
			height: 13px;
			background: #58BD33;
		}


		.kubun a:hover::after {
			background-color: #fff;
			transform: translateY(-50%) scaleX(1.2);
		}



		.period {
			padding: 20px 0 0 2px;
			color: #000;
			font-size: 1rem;
			font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
			font-weight: bold;
			letter-spacing: -1px;
			line-height: 1.5rem;
			text-shadow: 2px  2px 1px #ffffff,-2px  2px 1px #ffffff, 2px -2px 1px #ffffff,-2px -2px 1px #ffffff, 2px  0px 1px #ffffff, 0px  2px 1px #ffffff,-2px  0px 1px #ffffff, 0px -2px 1px #ffffff; 			
		}

		.period::before {
			display: block;
			text-indent: -.5em;
			content: "【出願期間】";
		}

		.shikenbi {
			padding: 20px 0 0 2px;
			color: #000;
			font-size: 1rem;
			font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
			font-weight: bold;
			letter-spacing: 0px;
			line-height: 1.5rem;
			text-shadow: 2px  2px 1px #ffffff,-2px  2px 1px #ffffff, 2px -2px 1px #ffffff,-2px -2px 1px #ffffff, 2px  0px 1px #ffffff, 0px  2px 1px #ffffff,-2px  0px 1px #ffffff, 0px -2px 1px #ffffff;
		}

		.shikenbi::before {
			display: block;
			text-indent: -.5em;
			content: "【試験日】";
		}


		.RIGHT_INFO {
			position: relative;
			width: 30%;
		}

		.jc_img {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 100%;
			height: calc(100% - 80px);
			clip-path: none;
			z-index: -1;
			overflow: hidden;
			opacity: .5;
	}

		.jc_img::before {
			position: absolute;
			display: block;
			right: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-image: url('/img/mainimg/exam_img.jpg');
			background-size: cover;
			background-position: center;
			content: "";
		}


		/* 区分別リンク */
		.kubun {
			display: block;
			flex-wrap: wrap;
			padding: 50px 0 0 10px;
		}

		.kubun li {
			padding: 1px 0 0;
		}

		.kubun a {
			position: relative;
    display: inline-block;
    min-width: 90%;
    margin: 0;
    padding: 6px 16px;
    font-size: 15px;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    background: #333;
    transition: .5s all;
    color: #fff;
  }

		.kubun a:hover {
			color: #FFF;
			background-color: #000;
		}

		.kubun a::after {
			position: absolute;
			width: 2em;
			height: .85rem;
			top: 40%;
			right: .5em;
			background-color: #FFF;
			clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
			transform: translateY(-50%);
			transform-origin: left;
			content: '';
			transition: transform .3s;
		}



		}