@charset "utf-8";



/* CSS Document */
small{font-size: small}
/* ---------------------- HEADER ------------------------ */
header{background: #E8E8E8}
header section{
	margin: auto;
	max-width: 1050px;
}

header .schoolName {
	align-items: center;
	position: relative;
}
@media print,screen and (min-width:769px){

	header section{width: 90%}
	header .schoolName {
		display: flex;
		flex-wrap: wrap;
		padding: 1.5em 2em;
	}
		header .schoolName::after{
			background: url(../base/img/logo_foot.png) no-repeat;
			content: '';
			display: block;
			height: 45px;
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%); /* Safari用 */
			transform: translateY(-50%);
			width: 65px;
			right: 2em;
		}

}
@media screen and (max-width:768px){

	header section{width: 100%}
	header .schoolName {padding: 1em}

}

.access header .schoolName {
	background: rgb(32,56,134);
	background: linear-gradient(90deg, rgba(32,56,134,1) 0%, rgba(0,0,0,1) 100%);
}
.course header .schoolName {
	background: rgb(152,83,67);
	background: linear-gradient(90deg, rgba(152,83,67,1) 0%, rgba(0,0,0,1) 100%);
}
.diploma header .schoolName {
	background: rgb(61,179,183);
	background: linear-gradient(90deg, rgba(61,179,183,1) 0%, rgba(0,0,0,1) 100%);
}
.education header .schoolName {
	background: rgb(52,166,254);
	background: linear-gradient(90deg, rgba(52,166,254,1) 0%, rgba(0,0,0,1) 100%);
}
.entrance header .schoolName {
	background: rgb(23,168,199);
	background: linear-gradient(90deg, rgba(23,168,199,1) 0%, rgba(0,0,0,1) 100%);
}
.event header .schoolName {
	background: rgb(51,167,254);
	background: linear-gradient(90deg, rgba(51,167,254,1) 0%, rgba(0,0,0,1) 100%);
}
.information .schoolName {
	background: rgb(255,78,78);
	background: linear-gradient(90deg, rgba(24, 169, 200,1) 0%, rgba(0,0,0,1) 100%);
}
.international header .schoolName {
	background: rgb(187,189,17);
	background: linear-gradient(90deg, rgba(187,189,17,1) 0%, rgba(0,0,0,1) 100%);
}
.project header .schoolName {
	background: rgb(254,0,0);
	background: linear-gradient(90deg, rgba(254,0,0,1) 0%, rgba(0,0,0,1) 100%);
}
.schoollife header .schoolName {
	background: rgb(62,132,44);
	background: linear-gradient(90deg, rgba(62,132,44,1) 0%, rgba(0,0,0,1) 100%);
}
.success header .schoolName {
	background: rgb(186,38,38);
	background: linear-gradient(90deg, rgba(186,38,38,1) 0%, rgba(0,0,0,1) 100%);
}
.support header .schoolName {
	background: rgb(151,202,1);
	background: linear-gradient(90deg, rgba(151,202,1,1) 0%, rgba(0,0,0,1) 100%);
}
.transfer header .schoolName {
	background: rgb(169,251,247);
	background: linear-gradient(90deg, rgba(169,251,247,1) 0%, rgba(0,0,0,1) 100%);
}


header .schoolName h1 {
	color: #FFF;
	text-shadow: 2px 2px 2px #333;
}
@media print,screen and (min-width:769px){

	header .languageNav {
		bottom: .5em;
		left: 62.5%;
		line-height: 1.4;
		position: absolute;
	}

	header .schoolName h1 {font-size: 145%}

}
@media screen and (max-width:768px){

	header .schoolName h1 {
		font-size: 180%;
		padding-bottom: .5em;
	}

}


header .pageTitle{
	background: #333;
	color: #FFF;
}
header .pageTitle h2{font-family: serif}
header .pageTitle small{font-size: x-small}
@media print,screen and (min-width:769px){

	header .pageTitle{
		padding: 1.125em 2em;
		position: relative;
	}

	header .pageTitle small{
		position: absolute;
		right: 1em;
		top: .5em;
	}

}
@media screen and (max-width:768px){header .pageTitle{padding: .5em 1em .25em}}

.access header img{display: none}






/* ---------------------- COMMON ------------------------ */
main section{
	background: #FFF;
	margin: auto;
	max-width: 1050px;
}
@media print,screen and (min-width:769px){

	main section{
		padding: 2em;
		width: 90%;
	}
	main section:last-child{padding: 2em 0 4em}


}
@media screen and (max-width:768px){

	main section{
		padding: 1em;
		width: 100%;
	}
	main section:last-child{padding: 2em 1em}

}


main h2, main h3 {font-family: serif}

main h3 {color: #1E55BA}
main h4 {color: #0063DD}
@media print,screen and (min-width:769px){

	main h2 {
		font-size: 172%;
		margin: 0 0 .5em 2em;
	}
	main h3 {font-size: 200%}
	main h4 {font-size: 138%}

}
@media screen and (max-width:768px){

	main h3 {font-size: 5vw}
	main h4 {font-size: 1.6rem}

}






/* COLUMNS */
.two_columns,
.three_columns {padding-top: .75em}
@media print,screen and (min-width:769px){

	.two_columns,
	.three_columns {
		display: grid;
		gap: 1.5em;
	}
	.two_columns{grid-template-columns: repeat(2, 1fr)}
	.three_columns{grid-template-columns: repeat(3, 1fr)}

}
@media screen and (max-width:768px){

	.two_columns{justify-content: space-between}
	.three_columns figure{padding-bottom: 2em}
	.three_columns figure img{width: 100%}

}






/* ---------------------- ACCESS ------------------------ */
@media print,screen and (min-width:769px){.access main section{padding: 2em 4em}}

.access .wide_area_map {
	align-items: center;
	background: #5A5A5A;
	color: #FFF;
}

.access .two_columns{
	background: #FFF;
	margin: auto;
}
.access .two_columns:not(:last-child){margin-bottom: 1em}

.access .two_columns dt{
	align-items: center;
	background: #EC5D1D;
	color: #FFF;
	font-size: large;
	font-weight: 700;
	justify-content: center;
}
.access .two_columns:first-child dt{background: #70C2F1}
.access .two_columns dd{
	background: #FFF;
	padding: .5em 1.25em 0.5em 0;
}

.access section:nth-last-child(2) strong{color: #0063DD}
@media print,screen and (min-width:769px){

	.access .wide_area_map {
			display: flex;
			flex-wrap: wrap;
			font-size: 180%;
			margin: auto;
			padding: .35em .35em .35em 1em;
			position: relative;
			width: 80%;
			z-index: 2;
		}
		.access .wide_area_map p:first-child{width: 32.5%}
		.access .wide_area_map p:last-child{width: 67.5%}

		.access .access_bg{
			position: relative;
			z-index: 1;
		}
		.access .access_bg::after{
			background-color: #DDD;
			content: '';
			height: 50em;
			left: 50%;
			position: absolute;
			top: -10em;
			-webkit-transform: translateX(-50%); /* Safari用 */
			transform: translateX(-50%);
			width: 87.75%;
			z-index: -1;
		}

	.access .two_columns{width: 95%}

	.access .two_columns dt{
		display: flex;
		width: 25%;
	}
	.access .two_columns dd{width: 72.5%}

}
@media screen and (max-width:768px){

	.access .wide_area_map {text-align: center}
	.access .two_columns dt{
		text-align: center;
		width: 100%;
	}

	.access .flR{
		display: block;
		float: none;
	}

}






/* ---------------------- COURSE ------------------------ */
.course ul li:not(:last-child){margin-bottom: 3em}
.course ul li .two_columns p strong{color: #F00}

.course ul li .two_columns p span:first-child{
	background: #000;
	border-radius: .25em;
	color: #FFF;
	display: inline;
	padding: .25em .5em;
}

.course ul li .two_columns p .job{
	display: block;
	font-weight: 600;
	margin-bottom: 1em;
}

@media print,screen and (min-width:769px){

	.course ul li .two_columns p:first-child {width:45%}
	.course ul li .two_columns p:last-child {width:54.5%}

	.course ul li .two_columns p span:first-child{
	}
	.course ul li .two_columns p strong{
		display: block;
		font-size: 144%;
	}
	.course ul li .two_columns p s .job{font-size: 113%}

}
@media screen and (max-width:768px){

	.course ul li .two_columns p:last-child {padding-top: 0.5em}
	.course ul li .two_columns p span:first-child{margin-right: .5em}

}






/* ---------------------- DIPLOMA ------------------------ */
.diploma{counter-reset: li_count}
.diploma h4 {color: #000}

.diploma section:nth-child(2) div{
	background: #AED1FC;
	margin: auto;
	padding: 2em;
}
@media print,screen and (min-width:769px){.diploma section:nth-child(2) div{width: 80%}}
@media screen and (max-width:768px){.diploma section:nth-child(2) div{width: 95%}}

.diploma ol{
	list-style-type: decimal!important;
}
.diploma ol li:before  {
  counter-increment: li_count;
  content: counter(li_count)".";
  padding-right: .5em;
}






/* ---------------------- EDUCATION ------------------------ */
.education .comment {background: #DCE9FD}
@media print,screen and (min-width:769px){

	.education .comment {padding: 1em 2em}

	.education .two_columns li:first-child {width:45%}
	.education .two_columns li:last-child {width:54.5%}

}
@media screen and (max-width:768px){

	.education .comment {padding: 1em}
	.education .two_columns li:last-child {padding-top: 0.5em}

}






/* ---------------------- ENTRANCE ------------------------ */
.entrance main section:first-child{text-align: center}
.entrance section .contact {
	align-items: center;
	font-weight: 700;
	justify-content: center;
	margin: 2em auto 0;
}
.entrance section .contact dt {
	background: #325DC3;
	border: 3px solid #325DC3;
	border-right: none;
	color: #FFF;
	padding: .5em 0;
}
.entrance section .contact dd {border: 3px solid #325DC3}
.entrance section .contact dd span {color: #D00}

.entrance h3{
	background: #666;
	color: #FFF;
	margin-bottom: 1em;
	text-align: center;
}

.entrance section:nth-child(2) .agendum h4 {
	border-bottom: 1px dotted #999;
	border-left: 7px solid #325DC3;
	color: #325DC3;
	margin-bottom: .75em;
	padding-left: .5em;
}
@media print,screen and (min-width:769px){

	.entrance section .contact {
	display: flex;
		flex-wrap: wrap;
		width: 60%;
	}
	.entrance section .contact dt {
		border-radius: .25em 0 0 .25em;
		width: 30%;
	}
	.entrance section .contact dd {
		border-radius: 0 .25em .25em 0;
		width: 70%;
	}
	.entrance section .contact dd span {font-size: 150%}

	.entrance h3{font-size: 163%}

	.entrance section:nth-child(2) .agendum h4 {font-size: 150%}

}
@media screen and (max-width:768px){

	.entrance section .contact dt {border-radius: .25em .25em 0 0}
	.entrance section .contact dd {border-radius: 0 0 .25em .25em}
	.entrance section .contact dd span {font-size: 125%}

}

.entrance .agendum strong{margin-bottom: .5em}

.entrance section:nth-child(2) .agendum ul {margin-bottom: 2em}
.entrance section:nth-child(2) .agendum ul li{
	list-style: inside disc;
	margin-left: 1em;

}

.entrance section dl:not(:last-child){margin-bottom: 2em}
.entrance section dl dt{
	color: #0063DD;
	font-weight: 700;
}
@media print,screen and (min-width:769px){

	.entrance section dl dt{
		border-right: 1px solid #CCC;
		padding-right: 1em;
		width: 22.5%;
	}
	.entrance section dl dd{
		padding-left: 1em;
		width: 77%;
	}

}
@media screen and (max-width:768px){

	.entrance section dl dt{
		border-bottom: 1px solid #CCC;
		display: block;
		padding-bottom: .25em;
		width: 100%;
	}
	.entrance section dl dd{padding-top: .25em}

}

.center {text-align: center}

.center p {
	border: 1px solid #333;
	font-size: 150%;
	font-weight: 700;
	margin: 0 auto .5em;
	padding: .5em;
	text-align: center;
}
.center p:not(:last-child){
	margin-top: 3.75em;
	position: relative;
}
.center p:not(:last-child)::before {
	border-color: #666465 transparent transparent transparent;
	border-style: solid;
	border-width: 40px 50px 0 50px;
	bottom: 125%;
	content: '';
	display: inline-block;
	height: 0;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%); /* Safari用 */
	transform: translateX(-50%);
	width: 0;
}
@media print,screen and (min-width:769px){.center p {width: 40%}}

.entrance .agendum table.academicFee {
	font-size: 88%;
	width: 100%;
	text-align: center;
}
.entrance .agendum table.academicFee tr td {
	padding: 5px;
	border: 1px solid #BBB;
	border-collapse: separate;
}
.entrance .agendum p.plus,
.entrance .agendum p.equal{
	font-weight: bold;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
@media print,screen and (min-width:769px){

	.entrance .agendum p.plus,
	.entrance .agendum p.equal{font-size: 150%}

	.entrance .agendum p.plus {right: 34%}
	.entrance .agendum p.equal {right: 14.5%}

}
@media screen and (max-width:768px){

	.entrance .agendum p.plus,
	.entrance .agendum p.equal{font-size: 110%}

	.entrance .agendum p.plus {left: 62.5%}
	.entrance .agendum p.equal {left: 82.5%}

}
@media screen and (max-width:599px){

	.entrance .jp .agendum p.plus {left: 19.75em}
	.entrance .jp .agendum p.equal {left: 26em}

	.entrance .cn .agendum p.plus {left: 18em}
	.entrance .cn .agendum p.equal {left: 24.25em}

	.entrance .ko .agendum p.plus {left: 18.25em}
	.entrance .ko .agendum p.equal {left: 24.5em}

}
@media print,screen and (max-width: 480px) {

	.entrance .jp .agendum p.plus {left: 18.75em}
	.entrance .jp .agendum p.equal {left: 24.65em}

	.entrance .cn .agendum p.plus {left: 18.75em}
	.entrance .cn .agendum p.equal {left: 25em}

	.entrance .ko .agendum p.plus {left: 17.75em}
	.entrance .ko .agendum p.equal {left: 23.25em}

}
.entrance  section:nth-child(4) .agendum table tr td{width: calc(85% / 7)}
.entrance  section:nth-child(4) .agendum table tr td:nth-child(6),
.entrance  section:nth-child(4) .agendum table tr td:nth-child(8) {width: 7.5%}
.entrance  section:nth-child(4) .agendum table tr td:nth-child(1),
.entrance  section:nth-child(4) .agendum table tr td:nth-child(5),
.entrance  section:nth-child(4) .agendum table tr td:nth-child(7),
.entrance  section:nth-child(4) .agendum table tr td:nth-child(9) {background: #D5D5D5}
.entrance  section:nth-child(4) .agendum table tr td:nth-child(6),
.entrance  section:nth-child(4) .agendum table tr td:nth-child(8) {
	border-bottom: none;
	border-top: none;
}

.entrance .agendum .others{padding-left: 1em}
.entrance .agendum .others li{
	padding-left: 1.25em;
	position: relative;
}
.entrance .agendum .others li::before{
	content: '●';
	left: 0;
	position: absolute;
}

.entrance section:nth-child(5) .scroll-table .scholarship th{
    background: #EEE;
    color: #0063DD;
}

.entrance section:nth-child(5) .scroll-table:not(:last-child) .scholarship th{width: 20%}
.entrance section:nth-child(5) .scroll-table:not(:last-child) .scholarship td{width: 80%}

.entrance section:nth-child(5) .agendum h4 {margin: 1.5em 0 .5em}
.entrance section:nth-child(5) .agendum h4 span {
	background: #0063DD;
    color: #FFF;
    padding: .25em .75em;
}

.entrance section:nth-child(5) .agendum h5{
	color: #0063DD;
	font-size: 113%;
}
.entrance section:nth-child(5) .scroll-table:not(:last-child){margin-bottom: 2em}






/* ---------------------- EVENT ------------------------ */
.event section:first-child h4{color: #000}
.event section:first-child h4 span{
	font-size: smaller;
	font-weight: 300;
	position: relative;
}
.event section:first-child h4 span::before{
	content: '';
	height: 25px;
	left: 0;
	padding-right: .25em;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	width: 30px;
}

.event section:first-child h4 span:first-child::before{background: #039D47}
.event section:first-child h4 span:last-child::before{background: #0280CA}

	.event .three_columns li:first-child{border: 1px solid #EE3211}
	.event .three_columns li:nth-child(2){border: 1px solid #B48204}
	.event .three_columns li:last-child{border: 1px solid #027CBB}

.event .three_columns li h4{
	color: #FFF;
	text-align: center;
}
	.event .three_columns li:first-child h4{background: #EE3211}
	.event .three_columns li:nth-child(2) h4{background: #B48204}
	.event .three_columns li:last-child h4{background: #027CBB}

.event .three_columns li p{padding: .5em 1em}

.event .form .btnNextS{
	background: url(../base/img/btn_next_s.png) no-repeat;
	height: 55px;
	margin: 1.5em auto 0;
	padding: 1.25em 1.25em 0 0;
	text-align: center;
	width: 200px;
}
.event .form .btnNextS a{
	color: #FFF;
	font-size: medium;
	font-weight: 700;
}
.event .three_columns div:last-child{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.event .three_columns div:last-child > *{width: calc(100% / 2.1)}
@media print,screen and (min-width:769px){

	.event section:first-child h4 span{padding-left: 1.75em}

	.event section:first-child ul{
		display: flex;
		flex-wrap: wrap;
	}

}
@media screen and (max-width:768px){

	.event section:first-child h4 span{padding-left: 2.75em}
	.event section:first-child h4 span{
		display: block;
		line-height: 0;
	}
	.event section:first-child h4 span:first-child{margin-top: 1em}
	.event section:first-child h4 span:last-child{margin-bottom: 1.5em}

	.event .three_columns div, .event .three_columns div img{width: 100%}
	.event .three_columns div:nth-of-type(1){margin-right: auto}
	.event .three_columns div:not(:last-child){margin-bottom: 1.5em}

	.event .three_columns li, .event .three_columns li img{width: 100%}
	.event .three_columns li:not(:last-child){margin-bottom: 1.5em}

}
@media only screen and (max-width:600px) {

	.event .three_columns div{width: 100%}

}





/* ---------------------- INTERNATIONAL ------------------------ */
.international ul li:not(:last-child){margin-bottom: 3em}
@media print,screen and (min-width:769px){

	.international .two_columns p:first-child{width: 45%}
	.international .two_columns p:last-child{width: 54.5%}

}
@media screen and (max-width:768px){.international .two_columns p:last-child {padding-top: 0.5em}}






/* ---------------------- PROJECT ------------------------ */
@media print,screen and (min-width:769px){.project dl dt {padding: 1em 2em}}

.project dl:nth-child(even) dt {
	color: #BBB;
	background: #333;
}
.project dl:nth-child(odd) dt {
	color: #FFF;
	background: #666;
}
.project dl dt p:first-child {font-size: x-large}
.project dl dt p:last-child{font-size: small}
@media print,screen and (min-width:1025px){

	.project dl dt {position: relative}
	.project dl dt p:last-child{
		font-size: 1.1rem;
		position: absolute;
		right: 2em;
		text-align: right;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari */
		transform: translateY(-50%);
	}

}
@media screen and (max-width:768px){

	.project dl dt {padding: 0.5em 1em 1em}
	.project dl dt p:first-child {font-size: large}
	.project dl dt p:last-child{font-size: x-small}

}






/* ---------------------- SCHOOLLIFE ------------------------ */
.schoollife ul li:not(:last-child){margin-bottom: 3em}
@media print,screen and (min-width:769px){

	.schoollife .two_columns p:first-child {width:45%}
	.schoollife .two_columns p:last-child {width:54.5%}

}
@media screen and (max-width:768px){.schoollife .two_columns p:last-child {padding-top: 0.5em}}






/* ---------------------- SUCCESS ------------------------ */
.success h3{text-align: center}
.success strong{color: red}

.success table tbody:nth-child(2n) {background: #FCC}

.success .bgGray h3 {color: #FFF}
.success .bgGray h3 small {
	font-size: small;
	font-weight: 300;
}

.success section table tr:first-child td:first-child{
	font-weight: 700;
	white-space: nowrap;
}
.success .success_timetable{padding-bottom: .5em}
.success .success_timetable table tbody td[rowspan]{width: 10%}

.success .success_timetable details {border: 1px solid #ccc}
.success .success_timetable details:not(:last-child) {margin-bottom: 20px}

.success .success_timetable details summary {
	background: #E4E4E4;
	color: #242323;
	cursor: pointer;
	font-size: 2rem;
	font-weight: 900;
	list-style: none;
	padding: 1em;
}
.success .success_timetable details summary::-webkit-details-marker {display: none}
.success .success_timetable details summary::before {
	content: '\f067';
	font: 900 100% 'Font Awesome 5 Free';
	margin-right: 1em;
}
.success .success_timetable details[open] summary::before {content: '\f068'}

.success .success_timetable details p {
	margin: 0;
	padding: 1em;
}
@media print,screen and (min-width:769px){

	.success section table td{font-size: 88%}

	.success .success_timetable table tbody tr:not(:first-child) td:nth-of-type(1){width: 5.5%}
	.success .success_timetable table tbody tr:not(:first-child) td:nth-of-type(2){width: 14%}
	.success .success_timetable table tbody tr:not(:first-child) td:nth-of-type(3){width: auto}
	.success .success_timetable table tbody tr:not(:first-child) td:nth-of-type(4){width: 30%}
	.success .success_timetable table tbody tr:not(:first-child) td:nth-of-type(5){width: auto}

}
@media screen and (max-width:768px){

	.success section table td{
		font-size: small;
		padding: .25em;
	}

	.success .success_timetable table tr th:nth-of-type(1){width: 5.5%}
	.success .success_timetable table tr th:nth-of-type(2){width: 14%}
	.success .success_timetable table tr th:nth-of-type(3){width: auto}
	.success .success_timetable table tr th:nth-of-type(4){display: none}
	.success .success_timetable table tr th:nth-of-type(5){width: auto}

	.success .success_timetable table tbody tr:first-child td:nth-of-type(3){
		border: none;
		display: block!important;
	}
	.success .success_timetable table tbody tr:first-child td:nth-of-type(4){display: none}

	.success .success_timetable table tbody:nth-child(n+2) tr td:nth-of-type(2){width: 12%}
	.success .success_timetable table tbody:nth-child(n+2) tr td:nth-of-type(3){display: none}
	.success .success_timetable table tbody tr td:nth-of-type(4){width: 25%}
	.success .success_timetable table tbody tr td:nth-of-type(5){width: auto}

}






/* ---------------------- SUPPORT ------------------------ */
.support{counter-reset: number 0}

.support section:nth-child(4) h3{color: #090}

.support section:nth-child(2) h4, .support section:nth-child(3) h4{
	background: #333;
	color: #FFF;
	margin-bottom: 1em;
	padding: .25em 0 0 1em;
}

.support h5{
	color: #F60;
	font-size: larger
}

.support .two_columns{padding-bottom: 1em}

.support .two_columns dl{
	padding-top: 2.25em;
	position: relative;
}
	.support .two_columns dl::before{
		background: #9C0;
		border-radius: .25em .25em 0 0;
		color: #340;
		content: '特典 ' counter(number);
		counter-increment: number 1;
		display: inline-block;
		font-weight: 700;
		padding: .15em 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 20%;
	}
	.support .two_columns dt{
		background: #9C0;
		border-radius: 0 .25em .25em .25em;
		color: #FFF;

		font-weight: 700;
		padding: 1em .5em;
		text-align: center;
	}

.support .two_columns li{
	font-size: smaller;
	padding: 1em;
}

.support .clinic{
	background: #FFC;
	margin: auto;
}
.support .clinic p:first-child strong{color: red}
.support .clinic p:last-child{text-align: right}
.support .clinic small{font-size: small}

.support section:nth-child(4) .two_columns p:last-child strong{
	color: #F60;
	display: block;
}
@media print,screen and (min-width:769px){

	.support .two_columns dl{width: calc(97.5% / 2)}
	.support .two_columns dt{font-size: large}
	.support .two_columns dd{padding: .25em 2em 0}

	.support .two_columns li{
		border: 10px solid #E5E5E5;
		width: calc(97.5% / 2);
	}

	.support .clinic{
		padding: 1.5em;
		width: 85%;
	}
	.support .clinic p{width: calc(97.5% / 2)}

	.support section:nth-child(4) .two_columns p:first-child{width: 20%}
	.support section:nth-child(4) .two_columns p:last-child{width: 79.5%}

}
@media screen and (max-width:768px){


	.support .two_columns dl:not(:last-child){margin-bottom: 1em}
	.support .two_columns dd{padding: .25em 0 0}

	.support .two_columns li{border: 4px solid #E5E5E5}
	.support .two_columns li:not(:last-child){margin-bottom: 1em}

	.support .clinic{padding: 1em}
	.support section:nth-child(4) big{font-size: medium}


}






/* ---------------------- TRANSFER ------------------------ */
.transfer h4{color: #000}
.transfer section:nth-child(3) strong{color: #900}

.transfer section dl:not(:last-child){margin-bottom: 2em}
.transfer section dl dt{
	color: #0063DD;
	font-weight: 700;
}

@media print,screen and (min-width:769px){

	.transfer section dl dt{
		border-right: 1px solid #CCC;
		padding-right: 1em;
		width: 22.5%;
	}
	.transfer section dl dd{
		padding-left: 1em;
		width: 77%;
	}

}
@media screen and (max-width:768px){

	.transfer section dl dt{
		border-bottom: 1px solid #CCC;
		display: block;
		padding-bottom: .25em;
		width: 100%;
	}
	.transfer section dl dd{padding-top: .25em}

}