@charset "utf-8";


/**************************************************50
 * requirements
 **************************************************/
#exam_fee{
	border: 1px solid #1CACCA;
}
#exam_fee span strong{
	font-size: 175%;
	font-weight: normal;
	line-height: 1;
}
#exam_fee span{
	font-size: 150%;
}
#exam_fee p{
	font-size: 75%;
}
[class^="table_"].exam_detail tr td [class^="list_"]{
	display: inline-block;
}
@media screen and (max-width:319px){
	#exam_schedule{
		font-size: 50%;
	}
	[class^="table_"].exam_detail{
		font-size: 62.5%;
	}
}
@media screen and (min-width:320px) and (max-width:359px){
	#exam_schedule{
		font-size: 75%;
	}
	[class^="table_"].exam_detail{
		font-size: 81.25%;
	}
}
@media screen and (min-width:360px) and (max-width:374px){
	#exam_schedule{
		font-size: 81.25%;
	}
	[class^="table_"].exam_detail{
		font-size: 87.5%;
	}
}
@media screen and (min-width:375px) and (max-width:413px){
	#exam_schedule{
		font-size: 87.5%;
	}
}
@media screen and (max-width:767px){
	#exam_fee{
		display: block;
		margin: 0 auto 3.125%;
		padding: 3.125%;
		text-align: center;
		max-width: 460px;
		width: 93.75%;
	}
	#exam_fee span,
	#exam_fee span strong{
		display: block;
	}
	.enroll_applications tr td:not(.left):not(colspan){
		line-height: 1.6em;
		padding: 1em 0.2em;
		width: 5em;
	}
}
@media screen and (min-width:768px){
	#exam_fee{
		display: inline-block;
		margin-bottom: 50px;
		padding: 20px;
	}
	#enroll_applications.table_fixed{
		table-layout: auto;
	}
	.enroll_applications tr th{
		width: 10em;
	}
	.enroll_applications tr tdnot(.left):not(colspan){
		width: 8em;
	}
}
@media screen and (min-width:768px) and (max-width:959px){
	#exam_fee{
		margin-left: 20px;
	}
	[class^="table_"].exam_detail{
		font-size: 87.5%;
	}
}
@media screen and (min-width:960px){
	#exam_fee{
		margin-left: -webkit-calc((100% - 960px) / 2);
		margin-left: calc((100% - 960px) / 2);
	}
}


/**************************************************50
 * scholarship
 **************************************************/
#enroll_scholarship_introduce strong{
	color: #1CACCA;
	font-size: 112.5%;
	font-weight: bold;
}
@media screen and (max-width:767px){
	#enroll_scholarship_introduce{
		margin-bottom: 6.25%;
		text-align: center;
	}
	#enroll_scholarship_introduce > img{
		max-width: 300px;
		width: 62.5%;
	}
	#enroll_scholarship_introduce strong{
		display: block;
		margin: 1.5625% 0;
		padding: 0 3.125%;
		text-align: left;
	}
	#enroll_scholarship_introduce p{
		padding: 0 3.125%;
		text-align: left;
	}
}
@media screen and (min-width:768px){
	#enroll_scholarship_introduce{
		margin: 0 auto 50px;
		max-width: 860px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	#enroll_scholarship_introduce:after{
		clear: both;
		content: "";
		display: block;
	}
	#enroll_scholarship_introduce > img{
		float: left;
		width: 300px;
	}
	#enroll_scholarship_introduce > *:not(img){
		display: block;
		float: right;
		width: calc(100% - 300px - 30px);
	}
	#enroll_scholarship_introduce strong{
		margin-bottom: 10px;
	}
}


/**************************************************50
 * society
 **************************************************/
#enroll_society_intro{
	background-color: #EFF0F6;
	text-align: center;
}
#enroll_society_intro h2{
	border-top: 2px solid #B1B2B6;
	border-bottom: 2px solid #B1B2B6;
	font-size: 175%;
}
#enroll_society_intro > p{
	text-align: left;
}
#enroll_society_intro > div{
	background-color: #FFFFFF;
}
#enroll_society_intro h3{
	color: #0070BB;
	font-size: 137.5%;
	font-weight: normal;
}
#enroll_society_intro > div > img{
	width: 100%;
}
#enroll_society_prospect > li{
	background-color: #8AC5D2;
	border-radius: 30px;
	color: #FFFFFF;
	font-size: 125%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#enroll_society_prospect > li:before{
	border-style: solid;
	border-width: 0 10px 20px 0;
	border-color: transparent #8AC5D2 transparent transparent;
	content: "";
	height: 0;
	position: absolute;
	bottom: -20px;
	left: 30px;
	width: 0;
}
[id^="enroll_message_"] > li [class^="label_"]{
	font-size: 75%;
	height: 20px;
	line-height: 20px;
	padding: 0 1em;
	margin-right: 1em;
}
#enroll_message_society > li h3{
	color: #797A9E;
}
#enroll_message_student > li h3{
	color: #8AC071;
}
#enroll_message_double > li h3{
	color: #E40000;
}
#enroll_exam_class{
	text-align: center;
}
#enroll_exam_class a{
	border: 1px solid #1CACCA;
	color: #1CACCA;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:767px){
	#page_header_society.is_webp figure{
		background-image: url('../image/enroll/header_011.webp');
	}
	#page_header_society:not(.is_webp) figure{
		background-image: url('../image/enroll/header_011.jpg');
	}
	#page_header_society figure:before{
		padding-top: 43.59375%;
	}
	#enroll_society_intro{
		padding-bottom: 6.25%;
	}
	#enroll_society_intro h2{
		margin-bottom: 3.125%;
		padding: 1.5625% 3.125%;
	}
	#enroll_society_intro > img{
		margin-bottom: 3.125%;
		max-width: 370px;
		width: 62.5%;
	}
	#enroll_society_intro > p{
		margin-bottom: 3.125%;
		padding: 0 3.125%;
	}
	#enroll_society_intro > div{
		margin: 0 auto;
		padding: 3.125%;
		width: 93.75%;
	}
	#enroll_society_intro h3{
		margin-bottom: 1.785714285714286%;
	}
	#enroll_society_prospect{
		margin-bottom: 12.5%;
	}
	#enroll_society_prospect > li{
		margin-bottom: -webkit-calc(3.125% + 20px);
		margin-bottom: calc(3.125% + 20px);
		padding: 3.125% 6.25%;
		width: 93.75%;
	}
	#enroll_exam_class{
		margin-bottom: 6.25%;
	}
	#enroll_exam_class a{
		padding: 1.5625% 3.125%;
		width: 93.75%;
	}
	#enroll_message_society > li > picture + p span,
	#enroll_message_student > li > picture + p span{
		position: static;
		transform: none;
	}
}
@media screen and (min-width:768px){
	#page_header_society.is_webp figure{
		background-image: url('../image/enroll/header_010.webp');
	}
	#page_header_society:not(.is_webp) figure{
		background-image: url('../image/enroll/header_010.jpg');
	}
	#page_header_society figure:before{
		padding-top: 29.16666666666667%;
	}
	#enroll_society_intro{
		padding: 50px -webkit-calc((100% - 920px) / 2);
		padding: 50px calc((100% - 920px) / 2);
	}
	#enroll_society_intro h2{
		margin-bottom: 30px;
	}
	#enroll_society_intro > img{
		margin-left: 50px;
		margin-bottom: 50px;
		vertical-align: top;
		width: 190px;
	}
	#enroll_society_intro > p{
		display: inline-block;
		margin-left: 30px;
		margin-bottom: 50px;
		vertical-align: top;
		width: -webkit-calc(100% - 190px - 100px - 30px);
		width: calc(100% - 190px - 100px - 30px);
	}
	#enroll_society_intro > div{
		margin: 0 auto;
		padding: 30px 50px;
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
	}
	#enroll_society_intro h3{
		margin-bottom: 20px;
	}
	#enroll_society_prospect{
		margin-bottom: 50px;
	}
	#enroll_society_prospect > li{
		padding: 20px 40px;
		max-width: 800px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	#enroll_society_prospect > li + li{
		margin-top: 40px;
	}
	#enroll_exam_class{
		margin-bottom: 50px;
	}
	#enroll_exam_class a{
		padding: 10px 20px;
		max-width: 860px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
}


/**************************************************50
 * ptcat
 **************************************************/
.box_grayish_blue > [class*="box_border_"]{
	margin-top: 0.375em;
	padding: 0.75em 1em;
}
@media screen and (min-width:320px){
	#enroll_supply > li{
		display: inline-block;
	}
}
@media screen and (min-width:320px) and (max-width:359px){
	#enroll_supply{
		font-size: 87.5%;
	}
}
@media screen and (min-width:320px) and (max-width:639px){
	#enroll_supply > li{
		min-width: 50%;
	}
}
@media screen and (min-width:640px) and (max-width:767px){
	#enroll_supply > li{
		min-width: -webkit-calc(100% / 3);
		min-width: calc(100% / 3);
	}
}
@media screen and (max-width:767px){
	.box_grayish_blue > [class*="box_border_"]{
		margin-left: calc(3.333333333333333% + 1em);
		margin-right: 3.333333333333333%;
		width: calc(100% - (3.333333333333333% * 2) - 1em);
	}
}
@media screen and (min-width:768px){
	.box_grayish_blue > [class*="box_border_"]{
		margin-left: 1em;
	}
	#enroll_supply{
		font-size: 87.5%;
	}
	#enroll_supply > li{
		width: 12em;
	}
}