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

/*320px（最小）
640px未満 @media screen and (max-width: 639px) {...}
1024px未満 @media screen and (max-width: 1023px) {...}*/

/*固定ページ共通*/
.pan {
	max-width: 985px;
	width: 100%;
	margin: 0 auto;
	text-shadow: 0px 0px 3px #ffffff;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}
.page_main {
	width: 100%;
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	letter-spacing: 0.05em;
	height: 260px;
}
.page_main > div {
	justify-content: center;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100%;
}
.page_main p {
	text-shadow: 3px 3px 5px #4a4a4a;
	text-align: left;
}
.page_main p span {
	display: block;
	font-size: 16px;
}
.page_main p:first-child {
	font-size: 36px !important;
	background: #0997ac;
	padding: 5px 10px;
}
.page_main p:last-child {
	font-size: 20px;
	margin-top: 10px;
}
 @media screen and (max-width: 639px) {
.pan {
	width: 100%;
	min-width: auto;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}
.page_main {
	height: 120px;
}
.page_main p:first-child {
	font-size: 4vw !important;
}
.page_main p:last-child {
	font-size: 3vw;
}
.page_main p span {
	display: inline;
	font-size: inherit;
}
}
.contents {
	/*padding: 50px 0 70px;*/
/*	padding: 40px 0 60px;
*/	min-width: 985px;
}
.error404 .contents, .page-template-page-2 .contents {
	padding: 40px 0 60px;
}
 @media screen and (max-width: 639px) {
.contents {
	width: 100%;
	min-width: auto !important;
}
}
.pg_box_01 {
	background: #fff;
	padding: 20px;
	width: 100%;
	margin: 0 auto;
	border: #0997ac 1px solid;
}
.pg_title_01 {
	color: #0997ac;
	font-size: 30px;
	font-weight: bold;
}
.pg_title_02 {
	color: #0997ac;
	font-size: 26px;
	font-weight: bold;
}
.pg_title_03 {
	color: #0997ac;
	font-size: 24px;
	font-weight: bold;
	border-left: 3px solid #0997ac;
	padding-left: 10px;
}
.pg_title_04 {
	color: #0997ac;
	font-size: 20px;
	font-weight: bold;
}
.pg_title_05 {
	color: #0997ac;
	font-size: 30px;
	font-weight: bold;
}
.pg_title_06 {
	color: #0997ac;
	font-size: 18px;
	font-weight: bold;
}
.page-template-page .contents h1 > p, .pt1_title_01 > p {
	color: #0997ac;
	font-size: 30px;
	text-align: center;
	line-height: 1.2em;
	background-image: url(../img/home/h_bg_01.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #E6FCFF;
}
.page-template-page .contents h1:before, .pt1_title_01:before {
	content: " ";
	display: block;
	width: 100%;
	/*	height: 50px;
*/	height: 30px;
	background: #fff;
}
.page-template-page .contents h1 span, .pt1_title_01 span {
	font-size: 18px;
	display: block;
	background: #E6FCFF;
}
.page-template-page .contents h2.title_04 {
	font-size: 30px;
	color: #0997ac;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
.page-template-page .contents .title_05 {
	font-size: 26px;
	color: #0997ac;
}
 @media screen and (max-width: 639px) {
.page-template-page .contents h1 > p, .pt1_title_01 > p {
	font-size: 20px;
	background-position: center bottom -5px;
	padding-bottom: 8px;
	background-color: #fff;
}
.page-template-page .contents h1 span, .pt1_title_01 span {
	font-size: 18px;
	font-size: 16px;
	background: #fff;
}
.page-template-page .contents h1:before, .pt1_title_01:before {
	height: 10px;
}
.pg_title_01 {
	font-size: 30px;
	font-size: 5.5vw;
	font-size: 20px;
}
.pg_title_02 {
	font-size: 26px;
	font-size: 5vw;
	font-size: 18px;
}
.pg_title_03 {
	font-size: 24px;
	font-size: 5vw;
	font-size: 16px;
}
.pg_title_04 {
	font-size: 20px;
	font-size: 5vw;
	font-size: 16px;
}
.pg_title_05 {
	font-size: 30px;
	font-size: 5.5vw;
	font-size: 20px;
}
.pg_title_06 {
	font-size: 18px;
	font-size: 4vw;
	font-size: 14px;
}
.page-template-page .contents h2.title_04 {
	font-size: 30px;
	font-size: 5.5vw;
	font-size: 20px;
	font-size: 18px;
}
.page-template-page .contents .title_05 {
	font-size: 26px;
	font-size: 5vw;
	font-size: 18px;
}
}
.lead_01 {
	color: #0997ac;
	font-size: 18px;
}
.lead_02 {
	color: #0997ac;
	font-size: 24px;
}
.lead_03 {
	font-size: 18px;
	font-weight: bold;
}
.lead_04 {
	font-size: 24px;
	color: #0997ac;
	font-weight: bold;
}
.lead_05 {
	color: #0997ac;
	font-size: 16px;
}
.label_01 {
	font-weight: bold;
	font-size: 18px;
	display: table;
	height: 40px;
}
.label_01 dt {
	display: table-cell;
	color: #fff;
	background-color: #50b4c3;
	max-width: 180px;
	padding: 0 30px;
	width: 50%;
	text-align: center;
	position: relative;
	vertical-align: middle;
}
.label_01 dt:after {
	content: " ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 15px;
	border-color: transparent transparent transparent #50b4c3;
	position: absolute;
	right: -15px;
	top: 0;
}
.label_01 dd {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}
 @media screen and (max-width: 639px) {
.lead_01 {
	font-size: 18px;
	font-size: 4vw;
	line-height: 1.2em;
	font-size: 14px;
}
.lead_02 {
	font-size: 24px;
	font-size: 5.5vw;
	line-height: 1.2em;
	font-size: 18px;
}
.lead_03 {
	font-size: 18px;
	font-size: 4vw;
	font-size: 14px;
}
.lead_04 {
	font-size: 24px;
	font-size: 5.5vw;
}
.label_01 {
	font-size: 18px;
	font-size: 4vw;
}
}
/*
 dd {
	display: table-cell;
	max-width: 180px;
	width: 50%;
	padding: 0 30px;
	padding-left: 45px;
	vertical-align: middle;
}
*/
ul.label_02 {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.label_02 li {
	width: 49% !important;
	border: 2px #0997ac solid;
	background-color: #fff;
	text-align: center;
	padding: 5px;
	color: #0997ac;
}
@media screen and (max-width: 639px) {
ul.label_02 {
	display: block;
}
ul.label_02 li {
	width: 100% !important;
	margin-top: 10px;/*text-align:left;*/
}
}
ul.label_03 {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.label_03 li {
	width: 32% !important;
	border: 2px #0997ac solid;
	background: #fff;
	text-align: center;
	color: #0997ac;
	font-size: 18px;
	height: 72px;
	line-height: 72px;
}
ul.label_03 li:nth-child(n + 4) {
	margin-top: 20px;
}
ul.label_03 li a {
	display: block;
	color: #0997ac
}
 @media screen and (max-width: 639px) {
ul.label_03 li {
	width: 49% !important;
}
ul.label_03 li:nth-child(n + 3) {
	margin-top: 20px;
}
}
.page_btn_01 a {
	max-width: 320px;
	margin: 20px auto 0;
	display: block;
	height: 46px;
	line-height: 46px;
	background: #faa04c;
	box-shadow: 1px 1px 0px 1px #bb6515;
	-moz-box-shadow: 1px 1px 0px 1px #bb6515;
	-webkit-box-shadow: 1px 1px 0px 1px #bb6515;
	width: 99%;
	font-size: 14px;
	text-align: center;
	color: #fff;
}
.page_btn_02 a {
	max-width: 270px;
	margin: 20px auto 0;
	height: 60px;
	background: #0997ac;
	box-shadow: 1px 1px 0px 1px #15525b;
	-moz-box-shadow: 1px 1px 0px 1px #15525b;
	-webkit-box-shadow: 1px 1px 0px 1px #15525b;
	width: 99%;
	font-size: 18px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.2em;
	-moz-box-shadow: 1px 1px 0px 1px #770a01;
	text-align: center;
}
@media screen and (max-width: 639px) {
.page_btn_02 a {
	font-size: 14px;
}
}
.page_btn_03 a {
	height: 62px;
	display: flex;
	line-height: 1.2em;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #ff7166;
	box-shadow: 1px 1px 0px 1px #770a01;
	-moz-box-shadow: 1px 1px 0px 1px #770a01;
	-webkit-box-shadow: 1px 1px 0px 1px #770a01;
	width: 99%;
	font-size: 18px;
	text-align: center;
	color: #fff;
}
.page_btn_04 a {
	max-width: 320px;
	display: block;
	height: 64px;
	line-height: 64px;
	background: #faa04c;
	box-shadow: 1px 1px 0px 1px #bb6515;
	-moz-box-shadow: 1px 1px 0px 1px #bb6515;
	-webkit-box-shadow: 1px 1px 0px 1px #bb6515;
	width: 99%;
	font-size: 16px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
}
.page_box_01 {
	padding: 30px;
	border: 1px solid #b7e6ed;
	background: #fff;
}
.page_list_01 li {
	background: #fff;
	border: 3px solid #0997ac;
	border-radius: 30px;
	padding: 5px 15px;
	font-size: 18px;
	color: #0997ac;
	text-align: center;
	margin-top: 15px;
	width: 100%;
}
.page_list_01 li > span:first-child {
	padding-right: 5px;
	color: #efe824;
	font-weight: bold;
}
.page_list_01 li > span:first-child img {
	vertical-align: middle;
}
 @media screen and (max-width: 639px) {
.page_list_01 li {
	text-align: left;
	display: table;
}
.page_list_01 li > span {
	display: table-cell;
}
}
table.page_tb_00 {
	width: 100%;
}
table.page_tb_00 th, table.page_tb_00 td {
	vertical-align: middle;
}
table.page_tb_01 {
	width: 100%;
}
table.page_tb_01 th, table.page_tb_01 td {
	border: 1px solid #0997ac;
	padding: 10px 20px;
	font-size: 16px;
}
table.page_tb_01 th {
	background: #ecfdff;
	font-weight: bold;
	color: #0997ac;
	text-align: center;
}
table.page_tb_01 td.bg_y {
	background: #fefdea;
}
table.page_tb_02 {
	width: 100%;
}
table.page_tb_02 th, table.page_tb_02 td {
	border: 1px solid #50b4c3;
	padding: 10px 20px;
	font-size: 16px;
}
table.page_tb_02 td {
	background: #fff;
}
table.page_tb_02 tr:nth-child(odd) td {
	background: #d4f0f4;
}
table.page_tb_02 th {
	background: #50b4c3;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
table.page_tb_02 tr:first-child th:not(:last-child) {
	border-right: 1px solid #fff;
}
table.page_tb_02 tr:not(:last-child) th {
	border-bottom: 1px solid #fff;
}
table.page_tb_03 {
	width: 100%;
	table-layout: fixed;
	text-align: center;
}
table.page_tb_03 th, table.page_tb_03 td {
	border: 1px solid #50b4c3;
	padding: 10px 20px;
	font-size: 16px;
}
table.page_tb_03 td {
	background: #fff;
}
table.page_tb_03 th {
	background: #50b4c3;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
table.page_tb_04 {
	width: 100%;
}
table.page_tb_04 th, table.page_tb_04 td {
	border: 1px solid #50b4c3;
	padding: 10px 20px;
	font-size: 16px;
}
table.page_tb_04 td {
	background: #fff;
}
table.page_tb_04 th {
	background: #50b4c3;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
table.page_tb_04 tr:not(:last-child) th {
	border-bottom: 1px solid #fff;
}
table.page_tb_05 {
	width: 100%;
}
table.page_tb_05 th, table.page_tb_05 td {
	border: 1px solid #0997ac;
	padding: 10px 20px;
	font-size: 16px;
	background: #fff;
}
table.page_tb_05 th {
	font-weight: bold;
	color: #0997ac;
	vertical-align: middle;
	width: 10em;
	text-align: left;
}
table.page_tb_05 tr:first-child th {
	background: #0997ac;
	color: #fff;
	text-align: center;
}
table.page_tb_06 {
	width: 100%;
}
table.page_tb_06 th, table.page_tb_06 td {
	border: 1px solid #b7e6ed;
	padding: 10px 20px;
	font-size: 16px;
}
table.page_tb_06 td {
	background: #fff;
}
table.page_tb_06 th {
	background: #ecfdff;
	font-weight: bold;
	color: #0997ac;
	vertical-align: middle;
	width: 10em;
	text-align: left;
}
table.page_tb_07 {
	width: 100%;
}
table.page_tb_07 th, table.page_tb_07 td {
	padding: 10px 20px;
	font-size: 16px;
}
table.page_tb_07 td {
	background: #fff;
}
table.page_tb_07 th {
	background: #50b4c3;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
table.page_tb_07 tr:not(:last-child) th {
	border-bottom: 1px solid #fff;
}
table.page_tb_07 tr:not(:last-child) td {
	border-bottom: 1px solid #e6fcff;
}

table.page_tb_08 {
	width: 100%;
}
table.page_tb_08 th, table.page_tb_08 td {
	border: 1px solid #50b4c3;
	padding: 10px 20px;
	font-size: 16px;
}
table.page_tb_08 td {
	background: #fff;
}
table.page_tb_08 th {
	background: #E6FCFE;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

 @media screen and (max-width: 639px) {
.table_r {
	border-collapse: collapse;
}
.table_r td, .table_r th {
	display: block;
	width: 100%;
}
table.page_tb_01 th, table.page_tb_01 td, table.page_tb_03 th, table.page_tb_03 td, table.page_tb_04 th, table.page_tb_04 td, table.page_tb_05 th, table.page_tb_05 td, table.page_tb_06 th, table.page_tb_06 td,
table.page_tb_07 th, table.page_tb_07 td {
	padding: 5px 10px;
	font-size: 14px;
}
table.page_tb_08 th, table.page_tb_08 td{
	padding: 5px 10px;
	font-size: 12px;
}
table.page_tb_02 th, table.page_tb_02 td {
	font-size: 10px;
}
table.page_tb_03.table_r th, table.page_tb_03.table_r tr td {
	border-bottom: none;
}
table.page_tb_03.table_r tr:last-child td:last-child {
	border-bottom: 1px solid #50b4c3;
}
table.page_tb_04 tr:not(:last-child) th {
	border-bottom: 1px solid #50b4c3;
}
table.page_tb_04 .fs14 {
	font-size: 12px !important;
}
table.page_tb_06 th, table.page_tb_06 td {
	width: 100%;
	text-align: center;
}
}
.fukidashi_01 {
	position: relative;
	text-align: center;
	padding: 7px 10px;
	max-width: 100%;
	color: #fff;
	font-size: 20px;
	background: #0997ac;
	border-radius: 30px;
}
.fukidashi_01:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #0997ac;
}
.fukidashi_02 {
	font-size: 40px;
	color: #faa04c;
	text-align: center;
	position: relative;
	display: table;
	margin: 0 auto;
	line-height: 1em;
}
.fukidashi_02 span {
	color: #0997ac;
	font-size: 24px;
}
.fukidashi_02:before {
	content: " ";
	height: 2em;
	display: block;
	width: 2px;
	vertical-align: text-bottom;
	transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	background: #0997ac;
	border: 1px #0997ac solid;
	border-radius: 5px;
	position: absolute;
	left: -15px;
	bottom: 0;
	border-bottom: 0px;
}
.fukidashi_02:after {
	content: " ";
	height: 2em;
	display: block;
	width: 2px;
	vertical-align: text-bottom;
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	background: #0997ac;
	border: 1px #0997ac solid;
	border-radius: 5px;
	position: absolute;
	right: -15px;
	bottom: 0;
	border-bottom: 0px;
}
.num_wrap_01 .flex h3 {
	font-size: 24px;
	color: #0997ac;
	margin-bottom: 20px;
	padding-left: 80px;
	min-height: 62px;
	display: table-cell;
	display: flex;
	align-items: center;
}
.num_wrap_01 .flex:nth-child(1) h3 {
	background: url(../img/common/num_01.png) no-repeat left center;
}
.num_wrap_01 .flex:nth-child(2) h3 {
	background: url(../img/common/num_02.png) no-repeat left center;
}
.num_wrap_01 .flex:nth-child(3) h3 {
	background: url(../img/common/num_03.png) no-repeat left center;
}
.num_wrap_01 .flex:nth-child(4) h3 {
	background: url(../img/common/num_04.png) no-repeat left center;
}
.num_wrap_01 .flex:nth-child(5) h3 {
	background: url(../img/common/num_05.png) no-repeat left center;
}
.nagare .nagare__box:nth-child(6) h3,
.num_wrap_01 .flex:nth-child(6) h3 {
	background: url(../img/common/num_06.png) no-repeat left center;
}
.num_wrap_01 .flex:nth-child(7) h3 {
	background: url(../img/common/num_07.png) no-repeat left center;
}
.num_wrap_01 .flex:nth-child(8) h3 {
	background: url(../img/common/num_08.png) no-repeat left center;
}
.num_wrap_01 .flex:nth-child(9) h3 {
	background: url(../img/common/num_09.png) no-repeat left center;
}
 @media screen and (max-width: 639px) {
.num_wrap_01 .flex h3 {
	font-size: 18px;
	background-size: 40px 40px !important;
	padding-left: 50px;
	min-height: 40px;
}
}
.table-wrap-scroll {
  overflow-x: auto;
	margin: 30px auto;
	display: block;
}

.table-wrap-scroll > table {
	width: 100%;
	min-width: 630px;
  border-collapse: collapse;
	margin: 0 auto;
}

.table-wrap-scroll > table p {
  width: unset !important;
}
/*固定ページ共通1*/



.page-template-page .contents {
	background: #E6FCFF;
}
.archive article, .single-news article, .page-template-page section {
	padding: 20px 0 60px;
}
/*高校留学Worldとは?*/
.about .page_main {
	background: url(../img/page/about/about_img_01.jpg) no-repeat center center;
	background-size: cover;
}
.about ul.label_03 li {
	width: 23%;
	height: 52px;
	line-height: 52px;
}
/*.about ul.label_03 li:nth-child(n + 4) {
	margin-top: 0;
}*/
.about .pg_title_06 span {
	background: #0997ac;
	color: #fff;
	width: 25px;
	margin-right: 10px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
}
.about .contents dl {
	width: 100%;
	display: table;
	margin-bottom: 10px;
}
.about .contents dl dt, .about dl dd {
	padding: 10px 20px;
	font-size: 16px;
	display: table-cell;
}
.about .contents dl dt {
	background: #0997ac;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	width: 25%;
}
.about .contents dl dd {
	background: #cbe8ec;
	text-align: left;
}
.about .contents dl dd div {
	display: inline-block;
	width: 24%;
	vertical-align: top;
}
.about .contents dl:last-child dd div {
	width: 49%
}
.about .pg_title_06 {
	margin-bottom: 5px;
}
 @media screen and (max-width: 639px) {
.about h3.align_center.pg_title_02.mt_l + div.flex {
	display: flex;
	align-items: center;
}
.about .toriatsukai > div:first-child {
	width: 40% !important;
}
.about .toriatsukai > div:last-child {
	width: 60% !important;
}
.about ul.mt_s {
	margin-top: 0px !important;
}
.about ul.label_03 li {
	width: 48%;
	font-size: 14px;
	height: 42px;
	line-height: 42px;
}
.about ul.label_03 li:nth-child(n + 3) {
	/*    margin-top: 20px;*/
	margin-top: 5px;
}
.about .contents dl dt, .about dl dd {
	padding: 10px;
}
.about .contents dl dd div {
	width: 48%;
}
.about .contents dl:last-child dd div {
	display: block;
	width: 100%;
}
.about .contents dl dt, .about dl dd {
	font-size: 14px;
}
}
/*高校留学のススメ*/
.recommendation .page_main {
	background: url(../img/page/recommendation/susume_01.jpg) no-repeat center center;
	background-size: cover;
}
.recommendation .contents section:nth-child(5) .flex {
	border-bottom: 1px solid #b7e6ed;
	padding-bottom: 40px;
}
 @media screen and (max-width: 639px) {
.recommendation .contents section:nth-child(2) .flex, .recommendation .contents section:nth-child(6) {
	display: block;/*	    font-size: 22px;
*/
}
.recommendation .contents .flex img {
	width: 100%;
}
.recommendation .contents .flex div {
	/*margin-left: 0 !important;
	margin-right: 0 !important;*/
	width: 100% !important;
	margin-top: 0;
}
.recommendation .contents section:nth-child(5) .flex {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.recommendation .contents section:nth-child(5) .flex:nth-child(1) div:first-child, .recommendation .contents section:nth-child(5) .flex:nth-child(3) div:first-child, .recommendation .contents section:nth-child(5) .flex:nth-child(5) div:first-child {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
	margin-top: 0;
	margin-right: 0;
}
.recommendation .contents section:nth-child(5) .flex:nth-child(1) div:last-child, .recommendation .contents section:nth-child(5) .flex:nth-child(3) div:last-child, .recommendation .contents section:nth-child(5) .flex:nth-child(5) div:last-child {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}
.recommendation .contents section:nth-child(5) .flex:nth-child(2) div:last-child, .recommendation .contents section:nth-child(5) .flex:nth-child(4) div:last-child {
}
.recommendation .contents section:nth-child(5) .flex:not(:first-child) {
	margin-top: 0;
}
.recommendation .contents section:nth-child(5) .flex:nth-child(2) div:first-child, .recommendation .contents section:nth-child(5) .flex:nth-child(4) div:first-child {
	margin-top: 20px;
}
}
/*高校留学のサポート*/
.support .page_main {
	background: url(../img/page/support/support_01.jpg) no-repeat center center;
	background-size: cover;
}
.support .contents section:nth-child(5) .flex, .support .contents section:nth-child(15) .flex, .support .contents section:nth-child(19) .flex {
	justify-content: space-around;
}
.support .contents section:nth-child(5) .flex div, .support .contents section:nth-child(15) .flex div, .support .contents section:nth-child(19) .flex div {
	padding: 0 15px;
	width: 100%;
}
.support .contents section:nth-child(5) .flex div h3, .support .contents section:nth-child(15) .flex div h3, .support .contents section:nth-child(19) .flex div h3 {
	font-size: 18px;
	color: #0997ac;
	text-align: center;
	margin: 20px 0 0;
}
.support .contents section:nth-child(5) .flex div img, .support .contents section:nth-child(15) .flex div img, .support .contents section:nth-child(19) .flex div img {
	text-align: center;
	margin: 0 auto;
	display: block;
}
.support .contents section:nth-child(7) .flex div {
	background: #fff;
}
.support .contents section:nth-child(7) .flex div h3 {
	margin: 10px 20px;
	font-size: 18px;
	color: #0997ac;
}
.support .contents section:nth-child(7) .flex div p {
	margin: 10px 20px;
}
.support .contents section:nth-child(7) .flex div p:nth-child(3) {
	padding: 5px 10px;
	background: #e6fcff;
}
.support .label_03 li {
	height: 52px;
	line-height: 52px;
}
.support .contents section:nth-child(15) .flex {
/*max-width:520px;
	width:80%;
	margin-left:auto;
	margin-right:auto;*/
}
 @media screen and (max-width: 639px) {
.support ul.label_03 li {
	width: 33%;
	margin-top: 0;
}
ul.label_03 li:nth-child(n + 4) {
	margin-top: 20px;
}
.support .contents section:nth-child(5) .flex img {
	width: 200px;
	height: auto;
}
.support .contents section:nth-child(7) .flex div {
	/*margin-left: 0 !important;
	margin-right: 0 !important;*/
	width: 100% !important;
	margin-top: 20px;
	padding-bottom: 10px;
}
.support .contents section:nth-child(7) .mt_m {
	margin-top: 0 !important;
}
.support .contents section:nth-child(15) .flex, .support .contents section:nth-child(19) .flex {
	display: block;
}
.support .contents section:nth-child(15) .flex div:not(:first-child), .support .contents section:nth-child(19) .flex div:not(:first-child) {
	margin-top: 20px;
}
.support .contents section:nth-child(15) .flex div h3, .support .contents section:nth-child(19) .flex div h3 {
	display: inline-block;
	vertical-align: middle;
	width: 73%;
	text-align: left;
}
.support .contents section:nth-child(15) .flex div img, .support .contents section:nth-child(19) .flex div img {
	display: inline-block;
	width: 23%;
	height: auto;
	margin-right: 2%;
	vertical-align: middle;
}
}
/*費用*/

.cost .page_main {
	background: url(../img/page/cost/cost_img_01.jpg) no-repeat center center;
	background-size: cover;
}
.cost .page_tb_02 td {
	text-align: center;
}
.cost .page_btn_01 a {
	height: 72px;
	line-height: 72px;
	font-size: 16px;
}
 @media screen and (max-width: 639px) {
.cost table.page_tb_02 th, .cost table.page_tb_02 td {
	padding: 0;
}
}
/*高校留学の種類*/
.types .contents h3.pg_title_02 span {
	font-size: 30px;
	background: #fbf7bb;
}
.types .contents .page_btn_01 a {
	margin: 20px 0 0;
}
 @media screen and (max-width: 639px) {
.types .flex.flex_kintou .page_btn_02 a {
	flex-wrap: wrap;
}
.types .contents .page_btn_01 a {
	margin: 20px auto 0;
}
.types table.page_tb_01 td {
	text-align: center;
}
.types .contents h3.pg_title_02, .types .contents h3.pg_title_02 span {
	font-size: 18px;
}
}
/*高校留学のその後*/

.after .page_main {
	background: url(../img/page/after/after_img_01.jpg) no-repeat center center;
	background-size: cover;
}
.after .contents section:nth-child(3) .flex div {
	background: #fff;
	width: 100%;
}
.after .contents section:nth-child(3) .flex div p {
	padding: 20px;
}
.after .contents section:nth-child(3) .flex div:first-child h2 {
	background: #4bbadd;
	padding: 20px;
	color: #ffffff;
	text-align: center;
	font-size: 24px;
}
.after .contents section:nth-child(3) .flex div:last-child h2 {
	background: #48cd99;
	padding: 20px;
	color: #ffffff;
	text-align: center;
	font-size: 24px;
}
.after .contents section:nth-child(5) .flex div {
	background: #fff;
	padding: 20px;
	border: 1px solid #b7e6ed;
	width: 100%;
}
.after .contents section:nth-child(5) .flex div:not(last-child) {
	margin-right: 20px;
}
@media screen and (max-width: 639px) {
.after .contents section:nth-child(3) .flex div h2 {
/*	font-size: 20px;
*/
}
.after .contents section:nth-child(5) .flex {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.after .contents .flex img {
	width: 100%;
}
.after .contents section:nth-child(5) .flex div {
	width: 49% !important;
}
.after .contents section:nth-child(5) .flex div:not(last-child) {
	margin-right: 0px;
}
.after .contents section:nth-child(5) .flex div:nth-child(3), .after .contents section:nth-child(5) .flex div:last-child {
	margin-top: 20px;
}
}
/*高校留学の流れ*/


.flow .page_main {
	background: url(../img/page/flow/flow_img_01.jpg) no-repeat center center;
	background-size: cover;
}
.flow .num_wrap_01 p:nth-child(2), .flow .num_wrap_01 .flex:nth-child(4) {
	max-width: 580px;
	margin: 0 auto;
}
.flow .num_wrap_01 .flex:nth-child(n+5) {
	background: url(../img/common/arrow_01.png) no-repeat center top;
	padding-top: 80px;
}
.flow .num_wrap_01 .flex:nth-child(5) h3 {
	background: url(../img/common/num_02.png) no-repeat left center;
}
.flow .num_wrap_01 .flex:nth-child(6) h3 {
	background: url(../img/common/num_03.png) no-repeat left center;
}
.flow .num_wrap_01 .flex:nth-child(7) h3 {
	background: url(../img/common/num_04.png) no-repeat left center;
}
.flow .num_wrap_01 .flex:nth-child(8) h3 {
	background: url(../img/common/num_05.png) no-repeat left center;
}
.flow .num_wrap_01 .flex:nth-child(9) h3 {
	background: url(../img/common/num_06.png) no-repeat left center;
}
.flow .num_wrap_01 .flex:nth-child(10) h3 {
	background: url(../img/common/num_07.png) no-repeat left center;
}
.flow .num_wrap_01 .flex:nth-child(11) h3 {
	background: url(../img/common/num_08.png) no-repeat left center;
}
.flow .num_wrap_01 .flex:nth-child(12) h3 {
	background: url(../img/common/num_09.png) no-repeat left center;
}
 @media screen and (max-width: 639px) {
.flow .flex_280_530 > *:first-child img {
	width: 100%;
}
}
/*種類*/
.types .page_main {
	background: url(../img/page/types/types_img_01.png) no-repeat center center;
	background-size: cover;
}
/*各国　共通*/

.parent-pageid-168 .page_main p:last-child, .tax-school-list .page_main p:last-child {
	color: #50b4c3;
}
.country_info_btnBox {
	max-width: 670px;
	margin: 0 auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -webkit-flex;
	display: flex;
}
.country_info_btnBox p:first-child {
	margin-right: 30px;
}
.country_info_btnBox p {
	width: 100%;
}
.country_info_btnBox p a {
	max-width: 320px;
	height: 64px;
	line-height: 64px;
	background: #faa04c;
	box-shadow: 1px 1px 0px 1px #bb6515;
	-moz-box-shadow: 1px 1px 0px 1px #bb6515;
	-webkit-box-shadow: 1px 1px 0px 1px #bb6515;
	width: 99%;
	font-size: 16px;
	text-align: center;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.2em;
	padding: 0 5px;
}
.country_info_btnBox p a img {
	vertical-align: middle;
	margin-left: 10px;
}
 @media screen and (max-width: 639px) {
.country-info ul.label_03 li {
	text-align: left !important;
	padding-left: 45px;
	font-size: 14px;
	background-position: left 10px center !important;
	background-size: 30px;
}
.country_info_btnBox {
	max-width: 100%;
	display: block;
}
.country_info_btnBox p {
	width: 100%;
}
.country_info_btnBox p:first-child {
	margin-right: 0;
}
.country_info_btnBox p a {
	max-width: 100%;
}
}
/*各国の留学情報*/
.country-info .page_main {
	background: url(../img/page/countryinfo/countryinfo_img_01.jpg) no-repeat center center;
	background-size: cover;
}
.school ul.label_03 li, .country-info ul.label_03 li {
	background-repeat: no-repeat;
	background-position: left 20px center;
}
.school ul.label_03 li:nth-child(1), .country-info ul.label_03 li:nth-child(1) {
	background-image: url(../img/page/countryinfo/icon_usa.png);
}
.school ul.label_03 li:nth-child(2), .country-info ul.label_03 li:nth-child(2) {
	background-image: url(../img/page/countryinfo/icon_ca.png);
}
.school ul.label_03 li:nth-child(3), .country-info ul.label_03 li:nth-child(3) {
	background-image: url(../img/page/countryinfo/icon_nz.png);
}
.school ul.label_03 li:nth-child(4), .country-info ul.label_03 li:nth-child(4) {
	background-image: url(../img/page/countryinfo/icon_aus.png);
}
.school ul.label_03 li:nth-child(5), .country-info ul.label_03 li:nth-child(5) {
	background-image: url(../img/page/countryinfo/icon_uk.png);
}
.school ul.label_03 li:nth-child(6), .country-info ul.label_03 li:nth-child(6) {
	background-image: url(../img/page/countryinfo/icon_irl.png);
}
.country-info .pg_title_02 img {
	margin-right: 10px;
	vertical-align: middle;
}
@media screen and (max-width: 639px) {
.school ul.label_03 li {
	text-align: left;
	padding-left: 45px;
	font-size: 14px;
	background-position: left 10px center;
	background-size: 30px;
}
.parent-pageid-168 .flex img {
	width: 100%;
}
}
.exchange .pg_title_06 span, .public-homestay .pg_title_06 span, .private-homestay .pg_title_06 span, .dash .pg_title_06 span, .boarding .pg_title_06 span {
	background: #0997ac;
	color: #fff;
	width: 25px;
	margin-right: 10px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
}
.usa .page_btn_02 a {
	font-size: 16px;
}
.boarding .page_main {
	background: url(../img/page/countryinfo/usa/boarding/boarding_img_01.jpg) no-repeat center center;
	background-size: cover;
}
.public-homestay .page_main {
	background: url(../img/page/countryinfo/usa/publichomestay/homestay_img_01.jpg) no-repeat center center;
	background-size: cover;
}
.private-homestay .page_main {
	background: url(../img/page/countryinfo/usa/privatehomestay/homestay_img_01.jpg) no-repeat center center;
	background-size: cover;
}
.dash .page_main {
	background: url(../img/page/countryinfo/usa/dash/dash_img_01.jpg) no-repeat center center;
	background-size: cover;
}
.exchange .page_main {
	background: url(../img/page/countryinfo/usa/exchange/exchange_img_01.jpg) no-repeat center center;
	background-size: cover;
}
/*.parent-pageid-168 .contents{
	background-color: #fff;
}

.parent-pageid-168 .contents h1:before,.parent-pageid-168 .pt1_title_01:before {
	display:none !important;
}

.parent-pageid-168  .contents h1 > p,.parent-pageid-168 .pt1_title_01 > p {
    color: #0997ac;
    font-size: 30px;
    text-align: center;
    line-height: 1.2em;
    background-image: url(../img/home/h_bg_02.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center bottom;
	    background-color: inherit;
    margin: -0.5em;
}

.bg_wrap{
	background-color: #E6FCFF;
}
*/

/*
.parent-pageid-168 .contents h1 > p {

    background-image: url(../img/home/h_bg_02.png);

}*/
.parent-pageid-168 .page_main p, .tax-school-list .page_main p {
	text-shadow: none;
}
.term-canada .page_main, .canada .page_main {
	background: url(../img/page/countryinfo/canada/canada_img_01.png) no-repeat center center;
	background-size: cover;
}
.term-usa .page_main, .usa .page_main {
	background: url(../img/page/countryinfo/usa/usa_img_01.png) no-repeat center center;
	background-size: cover;
}
.term-newzealand .page_main, .newzealand .page_main {
	background: url(../img/page/countryinfo/newzealand/newzealand_img_01.png) no-repeat center center;
	background-size: cover;
}
.term-australia .page_main, .australia .page_main {
	background: url(../img/page/countryinfo/australia/australia_img_01.png) no-repeat center center;
	background-size: cover;
}
.term-ireland .page_main, .ireland .page_main {
	background: url(../img/page/countryinfo/ireland/ireland_img_01.png) no-repeat center center;
	background-size: cover;
}
.term-england .page_main, .england .page_main {
	background: url(../img/page/countryinfo/england/england_img_01.png) no-repeat center center;
	background-size: cover;
}
/*学校一覧*/
.tax-school-list .contents {
	min-height: 700px;
}
.post-type-archive-school-short .page_main {
	background: url(../img/page/schoolshort/schoolshort_img_01.jpg) no-repeat center center;
	background-size: cover;
}
.school .page_main {
	background: url(../img/page/school/schoollist_img_01.jpg) no-repeat center center;
	background-size: cover;
}
.tax-school-list h1 > div {
	color: #0997ac;
	font-size: 30px;
	text-align: left;
	line-height: 1em;
	background-image: url(../img/home/h_bg_01.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom -20px;
	background-color: #fff;
}
.tax-school-list h1 > div:before {
	content: " ";
	display: block;
	width: 100%;
	/* height: 50px; */
	height: 30px;
	background: #fff;
}
.tax-school-list h1 > div > div {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.tax-school-list h1 .btn a {
	width: 220px !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 44px;
	line-height: 1.2em;
	background: #faa04c;
	box-shadow: 1px 1px 0px 1px #bb6515;
	-moz-box-shadow: 1px 1px 0px 1px #bb6515;
	-webkit-box-shadow: 1px 1px 0px 1px #bb6515;
	width: 99%;
	font-size: 16px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
}
.tax-school-list h2 p {
	color: #666666;
	font-size: 16px;
	font-weight: nomal;
}
.tax-school-list .page_box_01 a:before {
	/*content: url("../img/common/icon_arrow.png");
	width: 1em;
	height: 1em;
	display: inline-block;
	padding-right: 5px;*/
}
.tax-school-list .page_box_01 .btn a {

	width: 320px !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 44px;
	line-height: 1.2em;
	background: #faa04c;
	box-shadow: 1px 1px 0px 1px #bb6515;
	-moz-box-shadow: 1px 1px 0px 1px #bb6515;
	-webkit-box-shadow: 1px 1px 0px 1px #bb6515;
	width: 99%;
	font-size: 16px;
	text-align: center;
	color: #fff;
	margin: 0 auto;

}
.tax-school-list .page_box_01 .iciran_box_01 {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tax-school-list .page_box_01 .iciran_box_01 dl {
	width: 50%;
	margin-bottom: 5px;
	display: flex;
}
.tax-school-list .page_box_01 .iciran_box_01 dl > * {
	display: inline-block;
	width: 48%;
	padding: 5px;
	text-align: left;
}
.tax-school-list .page_box_01 .iciran_box_01 dl dt {
	background: #0997ac;
	text-align: center;
	color: #fff;
	font-size: 16px;
    margin-right:1%;
}

.tax-school-list .page_box_01 img{
    height: auto;
}

#toc ul li{
	border-bottom: none;
	padding: 0 5px;
	display:inline-block;

}

#toc ul li a{
	text-decoration:underline;
	color:#0997ac;
	font-size:18px;
}

.yomi_title{
	font-size:18px;
	padding-top:60px;
	margin-top:-20px;
}


 @media screen and (max-width: 639px) {
.tax-school-list h1 > div > div {
	display: block;
	text-align: center;
	font-size: 24px;
}
.tax-school-list h1 .btn {
	margin-top: 20px;
}
.tax-school-list .page_box_01 .iciran_box_01 {
	display: block;
}
.tax-school-list .page_box_01 .iciran_box_01 dl {
	width: 100%;
}
}
/*短期留学*/
.short .page_main {
	background: url(../img/page/short/short_img_01.jpg) no-repeat center center;
	background-size: cover;
}
/*中卒・高校中退(不登校)の方へ*/
.truancy .page_main {
	background: url(../img/page/truancy/truancy_img_01.jpg) no-repeat center center;
	background-size: cover;
}
/*学校詳細 短期*/

.single-school-ss .contents,
.single-school-short .contents {
	padding: 60px 0;
	overflow-wrap : break-word;
}
.single-school-ss .wrap,
.single-school-short .wrap {
	background-color: #e6fcff !important;
	background-image: url(../img/home/h_bg_01.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top 50px;
}
.single-school-ss .wrap:before,
.single-school-short .wrap:before {
	content: " ";
	display: block;
	width: 100%;
	/* height: 50px; */
	height: 50px;
	background: #fff;
}
.single-school-ss .pan,
.single-school-short .pan {
	margin-top: -50px;
}
.single-school-ss .wrap .inner,
.single-school-short .wrap .inner {
	background: #fff;
	padding: 30px;
}
.single-school-ss .wrap .inner .pg_title_01 p ,
.single-school-short .wrap .inner .pg_title_01 p {
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.main-gallery {
	max-width: 650px;
	margin: 0 auto;
}
.main-gallery img {
	width: 100%;
}
.single-school-ss .wrap .inner .pg_title_04,
.single-school-short .wrap .inner .pg_title_04 {
	border-left: 3px solid #0997ac;
	padding-left: 10px;
}
.map {
	position: relative;
	width: 100%;    /* 左右に余白が必要なら値を変更してもOK */
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;    /* 必要であれば!importantを付けてください */
	height: 100%;    /* 必要であれば!importantを付けてください */
}

.dlbtn_wrap{
	width: 100%;
	display: flex;
	text-align: center;
}

.dlbtn_wrap > div + div{
	margin-left: 10px;
}

@media screen and (max-width: 639px) {
	.dlbtn_wrap{
		display: block;
	}
	.dlbtn_wrap > div + div{
		margin-left: 0;
		margin-top: 10px !important;

	}
}

.dl_pro_btn,.dl_sam_btn{
	width: 100%;
	max-width: 410px;
}
.dl_pro_btn a,
.dl_sam_btn a{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 44px;
    line-height: 1.2em;
    background: #faa04c;
    box-shadow: 1px 1px 0px 1px #bb6515;
    -moz-box-shadow: 1px 1px 0px 1px #bb6515;
    -webkit-box-shadow: 1px 1px 0px 1px #bb6515;
    width: 99%;
    font-size: 16px;
    text-align: center;
    color: #fff;
	margin: 0 auto;
	padding: 0 10px;
}

.dl_pro_btn a span,
.dl_sam_btn a span{
	position: relative;
}
.dl_pro_btn a span:after,
.dl_sam_btn a span:after{
content: "";
display: block;
background-image: url(../img/common/icon_dl.png);
width: 15px;
height: 15px;
background-size: 15px;
position: absolute;
top: 50%;
right:-30px ;
transform: translateY(-50%);
}
@media screen and (max-width: 639px) {
	.dl_pro_btn a,
	.dl_sam_btn a{
     font-size: 14px;
	}
}


/*//サイトマップ*/

#menu-sitemap a {
}
#menu-sitemap > li {
	display: block;
	border-bottom: 1px solid #0997ac;
	padding: 10px 5px;
	position: relative;
	padding-left: 15px;
}

#menu-sitemap > li:before {
	content: "";
	position: absolute;
	top: 18px;
	left: 0;
	width: 6px;
	height: 6px;
	border-top: 1px solid #0997ac;
	border-right: 1px solid #0997ac;
	transform: rotate(45deg);
}

#menu-sitemap .sub-menu {
	display: flex;
	flex-wrap: wrap;
}
#menu-sitemap .sub-menu li a {
	padding-right: 25px;
	display: flex;
	flex-wrap: wrap;
}
#menu-sitemap .sub-menu > li {
	position: relative;
	padding-left: 15px !important;
}

#menu-sitemap .sub-menu > li:before {
	content: "";
	position: absolute;
	top: 50%;
	bottom:50%;
	margin: auto;
	left: 0;
	width: 6px;
	height: 6px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	transform: rotate(45deg);
}
 @media screen and (max-width: 639px) {
#menu-sitemap .sub-menu {
	display: block;
}

#menu-sitemap .sub-menu li {
	border-bottom: 1px solid #fff;
	display: block;
	padding: 10px 0;
	padding-left:15px;
}
#menu-sitemap .sub-menu > li {
    padding-left: 0 !important;
}
#menu-sitemap .sub-menu li:last-child {
	border: none;
}

#menu-sitemap .sub-menu > li:before {
	display:none;

}
}

/*留学先各国*/

.countries ul.label_03 li{
	background-repeat: no-repeat;
	background-position: left 20px center;
	height: 72px;
    line-height: 72px;
}
.countries ul.label_03 li:nth-child(1){
	background-image: url(../img/page/countryinfo/icon_usa.png);
}
.countries ul.label_03 li:nth-child(2){
	background-image: url(../img/page/countryinfo/icon_ca.png);
}
.countries ul.label_03 li:nth-child(3){
	background-image: url(../img/page/countryinfo/icon_nz.png);
}
.countries ul.label_03 li:nth-child(4){
	background-image: url(../img/page/countryinfo/icon_aus.png);
}
.countries ul.label_03 li:nth-child(5){
	background-image: url(../img/page/countryinfo/icon_uk.png);
}
.countries ul.label_03 li:nth-child(6){
	background-image: url(../img/page/countryinfo/icon_irl.png);
}

.countries ul.label_03 li:nth-child(n + 4) {
    margin-top: 20px;
}

@media screen and (max-width: 639px){
.countries ul.mt_s {
    margin-top: 20px !important;
}
.countries ul.label_03 li:nth-child(n + 3) {
    margin-top: 5px;
}
.countries ul.label_03 li {
	text-align: left;
	padding-left: 45px;
	font-size: 14px;
	background-position: left 10px center;
	background-size: 30px;
}
}

/*コンタクトフォームに追加*/

.form_tel div a{
	display:block;
	font-size: 14px;
    text-align: center;
    color: #fff;
    height: 44px;
    line-height: 44px;
    background: #ff7166;
	}
.form_tel div:first-child{
	margin-top:20px;
	}
.form_tel div:last-child{
	margin-top:10px;
	}


/* 交換留学・ホームステイ */
.nagare .nagare__box{
	max-width: 480px;
	margin: 0 auto;
}

.nagare .nagare__box h3{
	font-size: 24px;
	color: #0997ac;
	margin-bottom: 20px;
	padding-left: 80px;
	min-height: 62px;
	display: table-cell;
	display: flex;
	align-items: center;
}
.nagare .nagare__box:nth-child(1) h3{
	background: url(../img/common/num_01.png) no-repeat left center;
}
.nagare .nagare__box:nth-child(2) h3{
	background: url(../img/common/num_02.png) no-repeat left center;
}
.nagare .nagare__box:nth-child(3) h3 {
	background: url(../img/common/num_03.png) no-repeat left center;
}
.nagare .nagare__box:nth-child(4) h3 {
	background: url(../img/common/num_04.png) no-repeat left center;
}
.nagare .nagare__box:nth-child(5) h3{
	background: url(../img/common/num_05.png) no-repeat left center;
}
.nagare .nagare__box:nth-child(6) h3{
	background: url(../img/common/num_06.png) no-repeat left center;
}
.nagare .nagare__box:nth-child(7) h3{
	background: url(../img/common/num_07.png) no-repeat left center;
}

@media screen and (max-width: 639px) {
.nagare .nagare__box h3 {
	font-size: 18px;
	background-size: 40px 40px !important;
	padding-left: 50px;
	min-height: 40px;
}
}

.nagare .nagare__box:not(:first-child){
background: url(../img/common/arrow_01.png) no-repeat center top;
padding-top: 80px;
}

/* 交換留学  */

.page-child.experience .page_main,
.page-child.school .page_main,
.page-child.homestay .page_main,
.page-child.flow .page_main,
.page-child.reputation .page_main{
	background: url(../img/page/countryinfo/usa/exchange/exchange_img_01.jpg) no-repeat center center;
	background-size: cover;
}


.exchangeLink_ttl {
	display: flex;
	align-items: center;
	border: 0 !important;
    color: #0997ac;
    font-size: 26px;
    font-weight: bold;
}
.exchangeLink_ttl:before,
.exchangeLink_ttl:after {
  content: '';
  flex-grow: 1;
  height: 1px;
  background-color: #000;

}

.exchangeLink_ttl:before {
  margin-right: 20px;
}

.exchangeLink_ttl:after {
  margin-left: 20px;
}

.exchangeLink_box{
	display: flex;
	justify-content: space-between;
}

.exchangeLink_box li{
	display: flex;
//	width: 24%;
width: 19%;
background:#0997ac;
}
.exchangeLink_box li img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.exchangeLink_box li span{
	display: block;
	font-weight: bold;
	text-align: center;
	color:#fff;
	background:#0997ac;
	padding: 3px;
}

.exchangeLink_box li.active img{
	opacity: 0.5;
}
.exchangeLink_box li.active a{
	pointer-events: none;
}
@media only screen and (max-width: 640px) {
	.exchangeLink_box{
		display: flex;
		flex-wrap: wrap;
	}

	.exchangeLink_box li{
		display: flex;
		width: 49%;
		margin-bottom: 10px;
	}
}

/* 交換留学  どんな体験ができる？ */
.experienceBox{
	position: relative;
	padding: 40px 0;
}
.experienceBox:before{
	position: absolute;
	width: 30px;
	height: 100%;
	display: block;
	content: "";
	left: 40px;
	top: 0;
	z-index: 1;
	border-radius: 10px;
	background:  #5ed3ed;

}
.experienceItem{
	display: flex;
	z-index: 2;
	position: relative;

}

.experienceItem + .experienceItem{
margin-top: 40px;
}

.experienceVideo{
	width: 360px;
}
.experienceVideo video {
    width: 100%;
    display: inline-block;
}
.experienceTxt{
	width: calc(100% - 400px);
	margin-left: 40px;
}

.experienceTxt h3{
	font-size: 24px;
    color: #0997ac;
    margin-bottom: 20px;
}

.experienceTxt h3 span{
	font-size: 16px;
    margin-left: 10px;

}

.movie_wrap {
    text-align: center;
}
@media only screen and (max-width: 640px) {
.experienceItem{
	display: block;
	background: #fff;
}

.experienceVideo{
	width: 100%;
}

.experienceTxt{
	width: 100%;
	margin-left: 0;
	padding: 20px;
}

.experienceTxt h3{
	font-size: 18px;
}
}


/* 交換留学  ホームステイ */

.homestayItem{
	display: flex;
	z-index: 2;
	position: relative;

}
.homestayItem img{
	width: 100%;
	height: auto;
}
.homestayVideo{
	width: 360px;
}
.homestayVideo video {
    width: 100%;
    display: inline-block;
}
.homestayTxt{
	width: calc(100% - 400px);
	margin-left: 40px;
}

@media only screen and (max-width: 640px) {
.homestayItem{
	display: block;

}

.homestayVideo{
	width: 100%;
}

.homestayTxt{
	width: 100%;
	margin-left: 0;
	padding-top: 10px;
}

}
/* 選ばれる理由 */
.reputation_ttl{
	font-size: 24px;
    color: #0997ac;
    margin-top: 40px;
}
.reputation_ttl span{

    background: #0997ac;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;

}

.table-reputation {
    background: #fff;
    width: 100%;

}
.table-reputation th ,
.table-reputation td {
	text-align: left;
	vertical-align: middle;
	padding: 15px 20px;
	border-bottom: solid 1px #898989;}
.table-reputation td.area {
	background: #ededed;
	border-left: solid 1px #898989;}
.table-reputation td.cost{
	text-align: right}
.table-reputation td.cost strong{
	font-size: 20px;
	font-weight: bold;
	padding: 0 5px 0 0;}
@media only screen and (max-width: 640px) {
.table-reputation th ,
.table-reputation td {
	font-size: 120%; padding: 2px 4px;}
.table-reputation td.cost strong{
	font-size: 160%; 	padding: 0 2px 0 0;}
}

 .box-course {
	background: #FFF;
	padding: 30px 20px 20px;
	border: 1px solid #0997ac;}
 .box-course .head{
	color: #FFF;
	letter-spacing: 0.2rem;
	background: #0997ac;
	text-align: center;
	padding: 5px;}
 .box-course ul{
	border-left: 1px solid #0997ac;
	overflow: hidden;}
 .box-course li{
	float: left;
	background-color: #fff;
	display: table;
	width: calc(100%/3);
	height: 80px;
	padding: 0px 10px;
	border-right: 1px solid #0997ac;
	border-bottom: 1px solid #0997ac;}
 .box-course li:nth-child(odd){
	background-color: #f7f7f7;}
 .box-course li:nth-child(-n+3){
	border-top: 1px solid #0997ac;}
 .box-course li div{
	display: table-cell;
	vertical-align: middle;}
 .box-course li span{
	display: block;
font-size: 90%;}
.box-course a{
	text-decoration: underline;
}
	@media only screen and (max-width: 640px) {
	 .box-course {
		padding: 15px;}
	 .box-course .head{
		letter-spacing: 0;
		padding: 4px;}
	 .box-course ul{}
	 .box-course li{
		float: none;
		width: 100%;
		height: auto;
		padding: 4px 10px;}
		.box-course li:nth-child(-n+3) {
			border-top: none;/
		}
	 }