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


/*-----------------------------------------------
  international
-----------------------------------------------*/
#international .head3 {
font-family: "Kiwi Maru", sans-serif;
font-size: 1.5em;
font-weight: 500;
color: var(--green);
}
@media screen and (max-width: 800px) {
	#international .head3 {
	font-size: 1.25em;
	}
}
#international .index {
padding: 4%;
font-family: "Kiwi Maru", sans-serif;
background-color: rgba(255,255,255,0.7);
}
#international .pict {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
#international .pict ul {
width: 48%;
}
@media screen and (max-width: 800px) {
	#international .pict {
	display: block;
	}
	#international .pict ul {
	width: 100%;
	}
	#international .pict li {
	margin-top: 4%;
	}
}
/* sns */
#international .sns {
padding: 4%;
background: rgba(255,255,255,0.7);
text-align: center;
}
#international .sns dt {
font-size: 1.25em;
font-weight: 500;
}
#international .sns dd {
margin-top: 0.5em;
}
#international .sns a {
position: relative;
display: block;
max-width: 20em;
margin: auto;
padding: 0.5em;
font-size: 1.4em;
font-weight: 500;
color: #FFF;
background: var(--green);
border-radius: 8px;
}
#international .sns a::after {
content: "▶";
position: absolute;
top: calc(50% - 0.75em);
right: 1em;
font-size: 0.65em;
}
#international .sns a:hover {
opacity: 0.75;
}
#international .sns strong {
font-size: 1.2em;
font-weight: 500;
}
@media screen and (max-width: 800px) {
	#international .sns {
	padding: 4% 4% 12% 4%;
	}
}

/* head */
#international .head1 {
position: relative;
z-index: 0;
font-size: 1.5em;
font-weight: 700;
text-align: center;
color: var(--green);
overflow: hidden;
}
#international .head1 span {
position: relative;
padding: 0 1.5em;
}
#international .head1 span::before,
#international .head1 span::after {
content: "";
position: absolute;
top: 50%;
width: 1em;
height: 2px;
background: var(--green);
}
#international .head1 span::before {
left: 0;
}
#international .head1 span::after {
right: 0;
}
#international .head2 {
margin-top: 30px;
font-size: 1.1em;
color: var(--green);
}
#international .head2::before {
content: "●";
}
#international .head3 {
font-family: "Kiwi Maru", sans-serif;
font-size: 1.5em;
font-weight: 500;
color: var(--green);
}
@media screen and (max-width: 800px) {
	#international .head1 {
	font-size: 1.25em;
	}
	#international .head2 {
	margin-top: 4%;
	font-size: 1em;
	}
	#international .head3 {
	font-size: 1.25em;
	}
}

/*-----------------------------------------------
  international
-----------------------------------------------*/

/* title */
#international .title {
position: relative;
background: #CCEBE3;
}
#international .title_photo {
position: relative;
display: block;
}
#international .title_text {
position: absolute;
top: 0;
right: 0;
height: calc(100% - 2.5em);
padding: 1em 1em 2em 2em;
font-family: "Kiwi Maru", serif;
font-size: 1.5em;
writing-mode: vertical-rl;
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.75) 50%);
box-sizing: border-box;
}
#international .title_head {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 1.5em 1em 1em 2em;
font-family: "Kiwi Maru", serif;
font-size: 1.75em;
font-weight: 500;
line-height: 1;
text-align: right;
background: #CCEBE3;
clip-path: polygon(0 60%, 100% 0, 100% 100%, 0 100%);
box-sizing: border-box;
}
#international .title_head_en {
position: absolute;
right: 12em;
bottom: 3em;
width: 40%;
}
@media screen and (max-width: 1280px) {
	#international .title {
	font-size: 1vw;
	}
}
@media screen and (max-width: 800px) {
	#international .title {
	font-size: 3vw;
	}
	#international .title_head_en {
	position: absolute;
	left: 5%;
	right: auto;
	bottom: 2.5em;
	width: 60%;
	}
}
#international .anchor {
text-decoration: underline;
}

/* feature */
#international .feature {
padding: 4%;
background: rgba(255,255,255,0.7);
}
#international .feature_note {
font-size: 0.85em;
text-align: center;
}
#international .feature_qualification {
padding: 20px;
background: #FEF3F2;
}
#international .feature_qualification_ttl {
position: relative;
font-size: 1.5em;
font-weight: 500;
text-align: center;
color: #D8D563;
}
#international .feature_qualification_ttl::before {
content: "";
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: calc(50% - 4em);
border-bottom: 1px solid #D8D563;
}
#international .feature_qualification_ttl::after {
content: "";
position: absolute;
top: 50%;
right: 0;
display: inline-block;
width: calc(50% - 4em);
border-bottom: 1px solid #D8D563;
}
#international .feature_qualification_cols {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
#international .feature_qualification_col1 {
width: 45%;
}
#international .feature_qualification_col2 {
width: 50%;
}
#international .feature_qualification li {
padding: 0.1em 0 0.1em 1.25em;
text-indent: -1.25em;
color: #D8D563;
}
#international .feature_qualification li::before {
content: "●";
margin-right: 0.25em;
}
@media screen and (max-width: 800px) {
	#international .feature {
	padding: 4%;
	}
	#international .feature h2 {
	font-size: 1.2em;
	}
	#international .feature .pic {
	display: block;
	margin-top: 4%;
	}
	#international .feature .pic li {
	width: 100%;
	}
	#international .feature_box {
	margin-top: 0;
	padding: 4%;
	}
	#international .feature_box dt {
	font-size: 1.2em;
	font-weight: 500;
	}
	#international .feature_box dd {
	font-size: 0.875em;
	}
	#international .feature_qualification  {
	padding: 4%;
	}
	#international .feature_qualification_ttl  {
	font-size: 1.2em;
	}
	#international .feature_qualification li  {
	font-size: 0.875em;
	}
	#international .feature_qualification_cols {
	display: block;
	}
	#international .feature_qualification_col1 {
	width: 100%;
	}
	#international .feature_qualification_col2 {
	width: 100%;
	}
}

/* point */
#international .feature_point {
position: relative;
margin-top: 4%;
}
#international .feature_point_ttl {
width: 46%;
}
#international .feature_point_box {
padding: 20px;
background: rgba(219,215,213,0.5);
}
#international .feature_point_cols {
display: flex;
justify-content: space-between;
}
#international .feature_point_col1 {
width: 48%;
padding-right: 4%;
border-right: 1px dashed #000;
}
#international .feature_point_col2 {
width: 48%;
}
#international .feature_point_cols p {
padding: 1em 0 1em 4.5em;
font-size: 1.05em;
font-weight: bold;
background-position: left top;
background-repeat: no-repeat;
background-size: 3.5em;
box-sizing: border-box;
}
#international .feature_point1 {
background-image: url("../img/international/ico_point1.svg");
}
#international .feature_point2 {
background-image: url("../img/international/ico_point2.svg");
}
#international .feature_point3 {
background-image: url("../img/international/ico_point3.svg");
}
@media screen and (max-width: 800px) {
	#international .feature_point {
	position: relative;
	}
	#international .feature_point_ttl {
	width: 80%;
	max-width: 350px;
	}
	#international .feature_point_box {
	padding: 4%;
	background: rgba(219,215,213,0.5);
	}
	#international .feature_point_cols {
	display: block;
	}
	#international .feature_point_col1 {
	width: 100%;
	border: 0;
	}
	#international .feature_point_col2 {
	width: 100%;
	padding-left: 0;
	}
	#international .feature_point_cols > div:not(:first-child) {
	border-left: 0;
	}
}


/* major */
#international .major {
margin: auto;
padding: 4%;
background: rgba(255,255,255,0.7);
}
#international .major_note {
font-size: 0.85em;
text-align: right;
}
#international .major h2 {
position: relative;
font-size: 1.5em;
font-weight: 500;
text-align: center;
}
#international .major h2::before {
content: "";
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: calc(50% - 5em);
border-bottom: 1px solid #000;
}
#international .major h2::after {
content: "";
position: absolute;
top: 50%;
right: 0;
display: inline-block;
width: calc(50% - 5em);
border-bottom: 1px solid #000;
}
#international .major h3 {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
padding: 0.4em 0.5em;
font-size: 1.375em;
font-weight: 500;
text-align: center;
color: #FFF;
background: #D8D563;
border-radius: 5px;
}
#international .major h3 span {
display: inline-block;
margin-left: 1em;
padding: 0.1em 0.5em 0.2em 0.5em;
font-size: 0.65em;
background: #505050;
border-radius: 4px;
}
#international .major_lead {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
#international .major_lead .photo {
width: 26%;
}
#international .major_lead .text {
width: 70%;
font-size: 1.25em;
font-weight: 500;
}
#international .major_text1 {
margin-top: 20px;
font-weight: 500;
text-align: justify;
color: #D8D563;
}
#international .major_point {
display: flex;
justify-content: space-between;
align-items: stretch;
margin-top: 30px;
}
#international .major_point dl {
width: 33.333%;
padding: 0 20px;
border-left: 1px solid #000;
box-sizing: border-box;
}
#international .major_point dl:last-child {
border-right: 1px solid #000;
}
#international .major_point .icon {
width: 50px;
margin: 0 auto;
}
#international .major_point dt {
display: flex;
justify-content: center;
align-items: center;
height: 4em;
margin-top: 10px;
font-weight: 500;
text-align: center;
color: #D8D563;
}
#international .major_point .text {
margin-top: 10px;
font-size: 0.85em;
line-height: 1.75;
text-align: justify;
}

/* major_curriculum */
#international .major_curriculum {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 15px;
}
#international .major_curriculum li {
padding: 0.1em 0;
}
#international .major_curriculum li::before {
content: "・";
}
#international .major_curriculum li:not(:last-child) {
margin-right: 1em;
}

/* major_target */
#international .major_target {
margin-top: 40px;
padding: 25px 0 25px 140px;
background-image: url("../img/international/ico_target.svg");
background-position: left center;
background-repeat: no-repeat;
background-size: 135px;
border-top: 1px solid #000;
}
#international .major_target ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
padding: 0.5em 0;
}
#international .major_target li {
padding: 0.1em 0;
}
#international .major_target li:not(:last-child) {
margin-right: 1em;
}
#international .major_target li::before {
content: "●";
color: #D8D563;
}

#engineer .major_target {
padding: 40px 0 40px 140px;
}
@media screen and (max-width: 800px) {
	#international .major {
	padding: 8% 4%;
	}
	#international .major h2 {
	font-size: 1.2em;
	}
	#international .major h3 {
	margin-top: 4%;
	font-size: 1.1em;
	}
	#international .major > div:nth-of-type(1) h3 {
	margin-top: 4%;
	}
	#international .major_lead {
	margin-top: 4%;
	}
	#international .major_lead .text {
	font-size: 1.05em;
	}
	#international .major_text1 {
	margin-top: 4%;
	}
	#international .major_target {
	margin-top: 4%;
	padding: 26% 0 0 0;
	font-size: 0.9em;
	background-position: center top 16%;
	background-size: 33.333%;
	}
	#international .major_target ul {
	width: 100%;
	justify-content: center;
	}
	#international .major_point {
	display: block;
	margin-top: 8%;
	}
	#international .major_point dl {
	width: 100%;
	margin-top: 4%;
	padding: 0 4%;
	border-left: 0;
	}
	#international .major_point dt {
	display: block;
	justify-content: center;
	align-items: center;
	height: auto;
	margin-top: 2%;
	}
	#international .major_point .text {
	margin-top: 2%;
	font-size: 0.875em;
	}
	#international .major_about {
	display: block;
	margin-top: 8%;
	padding: 4;
	}
	#international .major_about h4 {
	font-size: 1.05em;
	}
	#international .major_about .photo {
	width: 75%;
	margin: 0 auto;
	}
	#international .major_about .photo img {
	width: 100%;
	margin: 0 auto;
	margin-top: 5px;
	}
	#international .major_about .text {
	width: 100%;
	}
}


/* exam */
#international .outline {
padding: 4%;
background-image: url("../img/international/bg_cross.svg");
background-position: center top;
background-repeat: repeat;
background-size: 25px;
background-color: rgba(255,255,255,0.7);
}
#international .outline_inner {
max-width: 760px;
margin: 0 auto;
padding: 40px 0 60px 0;
}
#international .outline h2 {
position: relative;
z-index: 0;
font-size: 1.625em;
color: #F09DC1;
}
#international .outline h2 span {
padding-right: 0.5em;
background: #FFF;
}
#international .outline h2:not(:first-child) {
margin-top: 60px;
}
#international .outline h2::before {
content: "";
position: absolute;
z-index: -1;
top: 50%;
right: 0;
display: inline-block;
width: 100%;
border-bottom: 1px solid #F09DC1;
}
#international .outline h3 {
margin-top: 20px;
font-size: 1.15em;
color: #F09DC1;
}
#international .outline .link li {
margin-top: 0.25em;
font-size: 1.2em;
font-weight: 500;
color: #00A5A5;
}
#international .outline .link a {
color: #00A5A5;
}
#international .outline_course {
width: 100%;
margin-top: 10px;
border-collapse: separate;
border-spacing: 4px; 
}
#international .outline_course th {
padding: 0.5em;
font-weight: 500;
background: #F09DC1;
}
#international .outline_course td {
padding: 0.5em 1em;
font-weight: 500;
background: #F09DC1;
}
#international .table_scroll {
white-space: nowrap;
overflow-x: auto;
}
#international .outline_tuition,
#international .outline_schedule {
width: 100%;
margin-top: 10px;
border-collapse: separate;
border-spacing: 4px; 
}
#international .outline_tuition th,
#international .outline_schedule th {
padding: 0.25em 0.5em;
font-weight: 500;
text-align: center;
vertical-align: middle;
background: rgba(240,157,193,0.5);
}
#international .outline_tuition td,
#international .outline_schedule td {
padding: 0.5em;
font-weight: 500;
text-align: center;
vertical-align: middle;
background: rgba(240,157,193,0.2);
}
#international .outline_tuition .total {
color: #FFF;
background: rgba(240,157,193,1);
}
#international .outline_scholarship li {
margin-top: 2%;
padding: 1em;
background: #EAEFF2;
}
#international .outline_box {
padding: 1em;
border: 1px solid #999;
}
#international .outline_note {
margin-top: 10px;
font-size: 0.8em;
}
#international .outline_note li {
margin: 0.25em 0;
padding-left: 1em;
text-indent: -1em;
}
#international .outline_list {
margin-top: 10px;
}
#international .outline_list li {
margin: 0.5em 0;
padding-left: 1em;
text-indent: -1em;
}
@media screen and (max-width: 800px) {
	#international .outline_inner {
	padding: 8% 0;
	}
	#international .outline h2 {
	font-size: 1.25em;
	}
	#international .outline h2:not(:first-child) {
	margin-top: 8%;
	}
	#international .outline h3 {
	font-size: 1em;
	}
	#international .outline_course {
	margin-top: 2%;
	}
	#international .outline_cols {
	display: block;
	margin-top: 4%;
	}
	#international .outline_cols > div {
	width: 100%;
	}
	#international .outline_cols > div:not(:first-child) {
	margin-top: 6%;
	}
	#international .outline_tuition {
	margin-top: 2%;
	}
	#international .outline_note {
	margin-top: 2%;
	}
	#international .outline_list {
	margin-top: 2%;
	}
}

/* employment */
#international .employment {
padding: 4%;
background: rgba(208,205,100,0.2);
}
#international .employment_inner {
max-width: 760px;
margin: 0 auto;
padding: 0 4%;
}
#international .employment_box {
padding: 30px;

}
#international .employment h2 {
position: relative;
font-size: 1.5em;
font-weight: 500;
text-align: center;
}
#international .employment h2::before {
content: "";
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: calc(50% - 4em);
border-bottom: 1px solid #D8D563;
}
#international .employment h2::after {
content: "";
position: absolute;
top: 50%;
right: 0;
display: inline-block;
width: calc(50% - 4em);
border-bottom: 1px solid #D8D563;
}
@media screen and (max-width: 800px) {
	#international .employment {
	padding: 0;
	}
	#international .employment_inner {
	padding: 0;
	}
	#international .employment_box {
	padding: 8% 4%;
	}
	#international .employment h2 {
	position: relative;
	font-size: 1.25em;
	}
}


/*  button */
#international .button {
padding: 4%;
background: rgba(255,255,255,0.7);
}
#international .button .note {
padding-left: 1em;
text-indent: -1em;
font-size: 0.875em;
text-align: center;
}
#international .button a {
display: block;
padding: 0.5em;
font-size: 1.25em;
font-weight: 500;
line-height: 1.2;
text-align: center;
color: #FFF;
background: var(--green);
background-position: left 20px center, right 20px center;
background-repeat: no-repeat, no-repeat;
background-size: 3em, 3em;
border-radius: 8px;
}
#international .button_opencampus a {
background-image: url("../img/international/btn_opencampus_ico1.svg"), url("../img/international/btn_opencampus_ico2.svg");
}
#international .button_online a {
background-image: url("../img/international/btn_online_ico1.svg"), url("../img/international/btn_online_ico2.svg");
}
#international .button_online_opencampus a {
background-image: url("../img/international/btn_online_ico1.svg"), url("../img/international/btn_online_ico2.svg");
}
#international .button strong {
font-weight: 500;
color: #FF0;
}
#international .button a:hover {
opacity: 0.75;
}
@media screen and (max-width: 800px) {
	#international .button a {
	font-size: 2.75vw;
	}
}
@media screen and (max-width: 800px) {
	#international .button {
	margin-top: 8%;
	}
	#international .button a {
	font-size: 4vw;
	background-position: left 4% center, right 4% center;
	border-radius: 5px;
	}
}

/* button_exam */
#international .button_exam {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 640px;
margin: auto;
}
#international .button_exam li {
width: 49%;
}
#international .button_exam li:nth-child(n + 3) {
margin-top: 2%;
}
#international .button_exam a {
position: relative;
display: block;
padding: 0.5em;
font-size: 1.4em;
font-weight: 500;
text-align: center;
color: #FFF;
background: var(--green);
border-radius: 8px;
}
#international .button_exam a::after {
content: "▶";
position: absolute;
top: calc(50% - 0.75em);
right: 1em;
font-size: 0.65em;
}
#international .button_exam a:hover {
opacity: 0.75;
}
#international .button_exam .fee {
width: 100%;
}
#international .button_exam .fee a {
background: #F3B3CF;
}
#international .button_exam .top {
width: 100%;
}
#international .button_exam .top a {
background: #D0CD64;
}
#international .button_exam .top a::after {
content: "";
}
@media screen and (max-width: 800px) {
	#international .button_exam {
	margin: 4% 0;
	}
	#international .button_exam a {
	padding: 0.75em 0.5em;
	font-size: 1.1em;
	border-radius: 5px;
	}
}


/* sns */
#international .sns {
padding: 4%;
background: rgba(255,255,255,0.7);
text-align: center;
}
#international .sns dt {
font-size: 1.25em;
font-weight: 500;
}
#international .sns dd {
margin-top: 0.5em;
}
#international .sns a {
position: relative;
display: block;
max-width: 20em;
margin: auto;
padding: 0.5em;
font-size: 1.4em;
font-weight: 500;
color: #FFF;
background: var(--green);
border-radius: 8px;
}
#international .sns a::after {
content: "▶";
position: absolute;
top: calc(50% - 0.75em);
right: 1em;
font-size: 0.65em;
}
#international .sns a:hover {
opacity: 0.75;
}
#international .sns strong {
font-size: 1.2em;
font-weight: 500;
}
@media screen and (max-width: 800px) {
	#international .sns {
	padding: 4% 4% 12% 4%;
	}
}



/*-----------------------------------------------
  exam
-----------------------------------------------*/
#international .exam {
padding: 4%;
background-image: url("../img/international/bg_cross.svg");
background-position: center top;
background-repeat: repeat;
background-size: 25px;
background-color: rgba(255,255,255,0.7);
}
#international .exam .anchor {
text-decoration: underline;
}
#international .exam .link li {
margin-top: 0.25em;
font-size: 1.2em;
font-weight: 500;
color: var(--green);
}
#international .exam .link a {
color: var(--green);
}
#international .exam_course {
width: 100%;
margin-top: 10px;
border-collapse: separate;
border-spacing: 4px; 
}
#international .exam_course th {
padding: 0.5em;
font-weight: 500;
background: rgba(0,156,116,0.2);
}
#international .exam_course td {
padding: 0.5em 1em;
font-weight: 500;
background: rgba(0,156,116,0.1);
}
#international .table_scroll {
white-space: nowrap;
overflow-x: auto;
}
#international .exam_tuition,
#international .exam_schedule {
width: 100%;
margin-top: 10px;
border-collapse: separate;
border-spacing: 4px; 
}
#international .exam_tuition th,
#international .exam_schedule th {
padding: 0.5em;
font-weight: 500;
line-height: 1.4;
text-align: center;
vertical-align: middle;
background: rgba(0,156,116,0.2);
}
#international .exam_tuition td,
#international .exam_schedule td {
padding: 0.5em;
font-weight: 500;
line-height: 1.4;
text-align: center;
vertical-align: middle;
background: rgba(0,156,116,0.1);
}
#international .exam_tuition .total {
color: #FFF;
background: rgba(0,156,116,0.75);;
}
#international .exam_scholarship li {
margin-top: 2%;
padding: 1em;
background: #EBF0F3;
}
#international .exam_box {
padding: 1em;
border: 1px solid #999;
}
#international .exam_note {
margin-top: 10px;
font-size: 0.8em;
}
#international .exam_note li {
margin: 0.25em 0;
padding-left: 1em;
text-indent: -1em;
}
#international .exam_list {
margin-top: 10px;
}
#international .exam_list li {
margin: 0.25em 0;
padding-left: 1em;
text-indent: -1em;
}
@media screen and (max-width: 800px) {
	#international .exam_inner {
	padding: 8% 0;
	}
	#international .exam_course {
	margin-top: 2%;
	}
	#international .exam_cols {
	display: block;
	margin-top: 4%;
	}
	#international .exam_cols > div {
	width: 100%;
	}
	#international .exam_cols > div:not(:first-child) {
	margin-top: 6%;
	}
	#international .exam_tuition {
	margin-top: 2%;
	}
	#international .exam_note {
	margin-top: 2%;
	}
	#international .exam_list {
	margin-top: 2%;
	}
}


/*-----------------------------------------------
  flow
-----------------------------------------------*/
#international .exam_flow {
margin-top: 8%;
}
#international .exam_flow dl {
position: relative;
display: table;
width: 100%;
height: 4em;
line-height: 1.2;
background-color: #FFF;
border: 1px solid var(--green);
border-radius: 10px;
}
#international .exam_flow dl:not(:last-child) {
margin-bottom: 40px;
}
#international .exam_flow dl:not(:last-child)::after {
content: "";
position: absolute;
left: calc(50% - 1em);
bottom: -28px;
width: 2em;
height: 1em;
background-image: url("../img/common/arw_down_k.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
}
#international .exam_flow .number {
display: table-cell;
width: 6em;
font-size: 1.2em;
font-weight: 500;
text-align: center;
vertical-align: middle;
color: #FFF;
background: var(--green);
border-radius: 10px 0 0 10px;
}
#international .exam_flow .number span {
font-size: 1.2em;
}
#international .exam_flow .head {
display: table-cell;
font-size: 1.2em;
font-weight: 500;
text-align: center;
vertical-align: middle;
color: var(--green);
}
#international .exam_flow .body {
display: table-cell;
width: 23em;
padding-right: 1em;
vertical-align: middle;
}
#international .exam_flow .end .head {
padding-right: 5em;
font-size: 1.5em;
color: #FFF;
background: var(--green);
}
@media screen and (max-width: 800px) {
	#international .exam_flow dl {
	display: block;
	height: auto;
	border-radius: 5px;
	}
	#international .exam_flow .number {
	display: block;
	width: 100%;
	font-size: 1em;
	padding: 0.5em 0;
	border-radius: 5px 5px 0 0;
	}
	#international .exam_flow .head {
	display: block;
	margin-top: 0.5em;
	font-size: 1.1em;
	}
	#international .exam_flow .body {
	display: block;
	width: auto;
	padding: 0.5em 0.75em 0.75em 0.75em;
	line-height: 1.5;
	text-align: center;
	}
	#international .exam_flow .end .head {
	margin: 0;
	padding: 0 0.5em 0.5em 0.5em;
	font-size: 1.25em;
	}
}


/*-----------------------------------------------
  contact
-----------------------------------------------*/
#international .contact {
padding: 4%;
background-color: rgba(255,255,255,0.7);
}