/*
Theme Name:Twenty Seventeen Child
Theme URI:
Description:WordPressテーマ「Twenty Seventeen」の自作子テーマです。
Template:twentyseventeen
Author:
Author URI:
Version:
*/



@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300');

html, body {
	margin: 0;
	font-size: 14px;
	font-family: 'Noto Sans JP', sans-serif;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

p {
	margin: 0;
}

a,
a:hover {
	text-decoration: none;
	color: inherit;
}

main {
	width: 1000px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	section {
		width: 95%;
		margin: 0 auto;
	}
	
	main {
		width: 95%
	}
}

/*-- common --*/

.container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	color: #535353;
}


.btn-area {
	display: flex;
	justify-content: space-between;
	border-radius: 10px;
}

.btn-area a {
	display: inline-block;
	position: relative;
	width: 48%;
	margin-right: 1px;
	color: #fff;
	text-align: center;
	border: 2px solid #7fcff4;
	box-sizing: border-box;
	background-color:#fd9535;
	padding: 10px 10px;
    border-radius: 7px;
	border-color: white;
	font-size:16px;
	border-bottom: solid 4px #996000;
}

.btn-area a:link{
	color: white;
}

.btn-area a:visited{
	color: white;
}

.btn-area a:last-child {
	margin-right: 0;
}

.btn-area a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	width: 15px;
	height: 17px;
}

@media screen and (max-width: 768px) {
	.container {
		width: 100%;
	}

	.pc {
		display: none;
	}

	.btn-area {
		display: block;
		margin: 30px auto;
	}

	.btn-area a {
		display: block;
		width: 90%;
		margin: 0 auto 20px;
	}

	.btn-area a:link, a:visited {
	color: white;
	}	
		
	.btn-area a:last-child {
		margin: 0 auto;
	}
}

/*-- header --*/

.logo-area {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 15px 0 10px;
}

.logo-area .tel-flex {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.logo-area .tel-flex span {
	margin-right: 30px;
}

.logo-area .sns-box {
	display: flex;
	margin-top: 10px;
}

.logo-area .sns-box a {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	padding: 10px 60px;
	font-weight: bold;
	border-radius: 5px;
}

.logo-area .sns-box a.line {
	color: #fff;
	background: #00ba00;
}

.logo-area .sns-box a.line:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	margin: auto;
	width: 36px;
	height: 36px;
	background: url(./img/line.png) no-repeat;
}

.logo-area .sns-box a.document {
	color: #f2ad46;
	border: 2px solid #f2ad46;
	box-sizing: border-box;
}

.logo-area .sns-box a.consultation {
	color: #fff;
	background: #f2ad46;
}

.logo-area .sp-box {
	display: none;
}

.sp-sns-box {
	display: none;
}

.pc-nav {
	border-top: 1px solid #7ecef4;
	border-bottom: 1px solid #7ecef4;
}

.pc-nav .menu-list {
	display: flex;
	padding: 10px 0;
}

.pc-nav .menu-list .menu {
	display: inline-block;
	position: relative;
	width: 25%;
	text-align: center;
}

.pc-nav .menu-list .menu:before {
	content: '';
	position: absolute;
	right: 0;
	width: 1px;
	height: 100%;
	background: #7ecef4;
	transform: rotate(10deg);
}

.pc-nav .menu-list .menu:hover:after {
	content: '';
	position: absolute;
	bottom: -5px;
	right: 0;
	left: 0;
	margin: auto;
	width: 100px;
	height: 1px;
	background: #7ecef4;
}

.pc-sub-menu {

}

.pc-sub-menu .menu {
	display: none;
	width: 100%;
}

.pc-sub-menu .menu-list {
	display: inline-block;
	vertical-align: top;
	padding: 0 30px;
}

.pc-sub-menu .menu-list a {
	display: block;
	position: relative;
	padding: 5px 20px;
}

.pc-sub-menu .menu-list a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	width: 6px;
	height: 10px;
	background: url(./img/submenu_arrow.png) no-repeat;
}

.drop-menu {
	display: none;
}

.pc-nav .menu a:last-child:before {
	display: none;
}

@media screen and (max-width: 768px) {
	.logo-area {
		align-items: center;
		padding: 5px 0;
	}

	.logo-area .logo {
		width: 40%;
	}

	.logo-area .sns {
		display: none;
	}

	.logo-area .sp-box {
		display: flex;
		width: 40%;
	}

	.logo-area .sp-box .tel {
		width: 40%;
	}

	.logo-area .sp-box .toggle {
		width: 60%;
		padding: 10px 20px;
		box-sizing: border-box;
	}

	.logo-area .sp-box .toggle .trigger-menu {
		position: relative;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}

	.logo-area .sp-box .toggle .trigger-menu span {
		position: absolute;
		width: 100%;
		height: 3px;
		background: #7ecef4;
		border-radius: 5px;
	}

	.logo-area .sp-box .toggle .trigger-menu span:nth-child(1) {
		top: 0;
	}

	.logo-area .sp-box .toggle .trigger-menu span:nth-child(2) {
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.logo-area .sp-box .toggle .trigger-menu span:nth-child(3) {
		bottom: 0;
	}

	.logo-area .sp-box .toggle .trigger-menu.open span:nth-child(1) {
		top: 22px;
		transform: rotate(45deg);
	}

	.logo-area .sp-box .toggle .trigger-menu.open span:nth-child(2) {
		opacity: 0;
	}

	.logo-area .sp-box .toggle .trigger-menu.open span:nth-child(3) {
		bottom: 21px;
		transform: rotate(-45deg);
	}

	.sp-sns-box {
		display: flex;
		justify-content: space-between;
		margin-top: 10px;
	}

	.sp-sns-box a {
		display: inline-block;
		position: relative;
		width: 30%;
		margin: 0 5px;
		padding: 10px 0;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		border-radius: 5px;
	}

	.sp-sns-box a.line {
		color: #fff;
		background: #00ba00;
	}

	.sp-sns-box a.line:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0px;
		margin: auto;
		width: 36px;
		height: 36px;
		background: url(./img/line.png) no-repeat left 2px center/60%;
	}

	.sp-sns-box a.document {
		color: #f2ad46;
		border: 2px solid #f2ad46;
		box-sizing: border-box;
	}

	.sp-sns-box a.consultation {
		color: #fff;
		background: #f2ad46;
	}

	.pc-nav {
		display: none;
	}

	.drop-menu {
		border-top: 5px solid #cbe7f4;
		border-bottom: 3px solid #7ecef4;
	}

	.drop-menu .menu-list .menu {
		position: relative;
		padding: 20px;
		font-size: 28px;
		border-bottom: 1px solid #7ecef4;
	}

	.drop-menu .menu-list .menu:last-child {
		border-bottom: none;
	}

	.drop-menu .menu-list .menu:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 30px;
		margin: auto;
		width: 30px;
		height: 30px;
		background: url(./img/dropmenu_close.png) no-repeat;
	}

	.drop-menu .menu-list .menu.open:after {
		width: 30px;
		height: 3px;
		background: url(./img/dropmenu_open.png) no-repeat;
	}

	.drop-menu .menu-list .menu.top:after {
		width: 14px;
		height: 26px;
		background: url(./img/dropmenu_arrow_blue.png) no-repeat;
	}

	.drop-menu .menu-list .sub-menu {
		display: none;
		margin-left: 10%;
	}

	.drop-menu .menu-list .sub-menu a {
		display: block;
		position: relative;
		padding: 15px 0;
		border-bottom: 1px solid #7ecef4;
	}

	.drop-menu .menu-list .sub-menu a:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 30px;
		margin: auto;
		width: 14px;
		height: 26px;
		background: url(./img/dropmenu_arrow.png) no-repeat;
	}
}

/*-- footer --*/

.footer-menu {
	background: #dbf1fb;
	border-bottom: 1px solid #7ecef4;
}

.footer-menu .sp-link {
	display: none;
}

.footer-menu .foot-menu-flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 10px 0;
}

.footer-menu .foot-menu-flex .menu {
	display: flex;
}

.footer-menu .foot-menu-flex .menu a {
	padding: 20px;
}

.footer-menu .foot-menu-flex .cright {
	font-size: 12px;
}

.footer-sns {
	position: fixed;
	z-index: 999;
	bottom: 0;
	width: 100%;
	padding: 10px auto 25px;
	background: #fff;
}

.footer-sns .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-sns .sns-box {
	display: flex;
	margin-top: 10px;
}

.footer-sns .sns-box a {
	display: inline-block;
	position: relative;
	margin-left: 20px;
	padding: 10px 70px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 5px;
}

.footer-sns .sns-box a.line {
	color: #fff;
	background: #00ba00;
}

.footer-sns .sns-box a.line:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	margin: auto;
	width: 36px;
	height: 36px;
	background: url(./img/line.png) no-repeat;
}

.footer-sns .sns-box a.document {
	color: #f2ad46;
	border: 2px solid #f2ad46;
	box-sizing: border-box;
}

.footer-sns .sns-box a.consultation {
	color: #fff;
	background: #f2ad46;
}

.footer-wp .fix {
	display: none;
	z-index: 9999;
}

@media screen and (max-width: 768px) {
	.footer-menu .foot-menu-flex {
		display: block;
	}

	.footer-menu .sp-link {
		display: block;
		padding: 20px 20px 10px;
	}

	.footer-menu .foot-menu-flex .menu {
		display: block;
	}

	.footer-menu .foot-menu-flex .menu a {
		display: block;
		padding: 10px 40px ;
	}

	.footer-menu .foot-menu-flex .cright {
		text-align: center;
	}

	.footer-sns .sns-box {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-top: 10px;
	}

	.footer-sns .sns-box a {
		display: inline-block;
		position: relative;
		width: 30%;
		margin: 0 5px;
		padding: 10px 0;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		border-radius: 5px;
	}

	.footer-sns .sns-box a.line {
		color: #fff;
		background: #00ba00;
	}

	.footer-sns .sns-box a.line:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0px;
		margin: auto;
		width: 36px;
		height: 36px;
		background: url(./img/line.png) no-repeat left 2px center/60%;
	}

	.footer-sns .sns-box a.document {
		color: #f2ad46;
		border: 2px solid #f2ad46;
		box-sizing: border-box;
	}

	.footer-sns .sns-box a.consultation {
		color: #fff;
		background: #f2ad46;
	}

	.footer-sns .footer-tel {
		display: none;
	}
}

/* リンクボタン */
.btn-c{
    text-align: center;
	max-width: 340px;
	width: 100%;
}

/* cta_container */
.btn_container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3rem;
	margin-top: 5rem;
}

.btn_container .btn_line {
	width: 100%;
    max-width: 340px;
	text-align: center;
	transition: transform 0.8s ease;
}
.btn_container .btn_line a {
  box-shadow: none;
}

.btn_container .btn_line:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.btn_container .btn_line a br {
	display: none;
}

.btn_container .btn_line a img {
	width: 90%;
	margin: 0;
}

.btn_container div.btn-c {
	margin-inline: 0;
}

@media screen and (max-width: 767px) {
	.btn_container {
	flex-direction: column;
}
	.btn_container .btn_line {
	text-align: center;
}
	
	.btn_container .btn_line a img {
	width: 60%;
}
}

/*-- content --*/

.school-name {
	display: flex;
	align-items: center;
	margin: 30px auto;
}

.school-name .name {
/* 	margin-left: 30px; */
}

.school-name .name h2 {
	margin: 0;
	font-weight: bold;
}

.tag-list {
	display: flex;
	margin: 10px auto;
}

.tag-list .tag {
	position: relative;
	margin-right: 5px;
	padding: 0px 10px 0px 25px;
	color: #fff;
	background: #fec435;
}

.tag-list .tag:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
	margin: auto;
	width: 13px;
	height: 13px;
	background: url(./img/tag.png) no-repeat;
}

.head-menu {
	z-index: 999;
	width: 100%;
	max-width: 1200px;
	top: 0;
}

.head-menu .menu {
	display: flex;
	z-index: 999;
	width: 100%;
	max-width: 1200px;
	margin-bottom: 1px;
	top: 0;
	background: #fff;
}

.head-menu .menu a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25%;
	padding: 10px 50px;
	font-size: 14px;
	color: #fff;
	background: #00A1E9;
	border-right: 1px solid #fff;
	box-sizing: border-box;
}

.head-menu .menu a img {
	margin-right: 10px;
	width: 15%;
}

.head-menu3 {
	z-index: 999;
	width: 100%;
	max-width: 1200px;
	top: 0;
}

.head-menu3 .menu3 {
	display: flex;
	z-index: 999;
	width: 100%;
	max-width: 1200px;
	margin-bottom: 1px;
	top: 0;
	background: #fff;
}

.head-menu3 .menu3 a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33.33%;
	padding: 10px 50px;
	font-size: 14px;
	color: #fff;
	background: #00A1E9;
	border-right: 1px solid #fff;
	box-sizing: border-box;
}

.head-menu3 .menu3 a img {
	margin-right: 10px;
	width: 15%;
}



.section-title h3 {
	position: relative;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.section-title h3:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 2px;
	background: #00a1e9;
}

.course {
	margin: 50px auto;
}

.course .course-name {
    padding: 15px;
	font-size: 20px;
	background: #dfebf7;

}

.course p {
	margin: 20px auto;
}

.course table {
	width: 100%;
	text-align: center;
}

.course.other table {
	width: calc(100% / 3 * 2);
}

.course table th {
	width: calc(100% / 3);
	padding: 5px 0;
	text-align: center;
	color: #fff;
	background: #00a0ea;
	border: 1px solid #f2f2f2;
}

.course table td {
	width: calc(100% / 3);
	padding: 5px 0;
	border: 1px solid #bbb;
}

.course .btn-area {
	margin: 30px auto;
}


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

.other-school .box {
	width: 48%;
}

.other-school .box h4 {
	margin: 10px auto;
	color: #96d5f6;
}

.other-school .box p {
	font-size: 14px;
}

.other-school .box p span {
	color: #cb0003;
}

.other-school .box .btn-area {
	display: block;
	margin: 20px auto;
}

.other-school .box .btn-area a {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.other-school .box .btn-area a:last-child {
	margin-bottom: 0;
}

.other-school .box .btn-icms {
	display: block;
	margin: 20px auto;
}

.other-school .box .btn-icms a {
	display: block;
	width: 100%;
	padding: 50px 0;
	color: #fff;
	text-align: center;
	background-color: #fd9535;
	border-radius: 7px;
	font-size: 18px;
	border-bottom:solid 4px #996000;
}

.article {
	margin: 30px auto;
}

.article .article-content h3 {
	position: relative;
	padding-left: 15px;
	margin-top: 10px;
}

.article .article-content h3:before {
	content: '';
	position: absolute;
	left: 0;
	width: 4px;
	height: 100%;
	background: #009fe9;
}

.article .article-content .article-flex {
	display: flex;
	justify-content: space-between;
	padding: 10px 0 10px;
	border-bottom: 1px solid #f1f1f1;
}

.article .article-content .article-flex .image {
	width: 40%;
}

.article .article-content .article-flex .text {
	width: 58%;
}

.overview-row {
	margin: 50px auto;
}

.overview-row .blue-line {
	padding: 10px;
	color: #fff;
	background: #7ecdf4;
	box-sizing: border-box;
}

.overview-row .white-line {
	padding: 10px;
	box-sizing: border-box;
}

.course-list {
	margin: 25px auto;
}


.course-list a {
	display: block;
	position: relative;
	width: 100%;
	padding: 10px 20px;
	border-bottom: 1px solid #f1f1f1;
	box-sizing: border-box;
}

.course-list ul {
	list-style: none;
}

.course-list a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 9px;
	height: 15px;
	background: url(./img/course_arrow.png) no-repeat;
}

.other-school {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px auto;
}

.other-school a {
	display: inline-block;
	width: 48%;
}

.other-school .other-school-box {
	display: flex;
	width: 100%;
	margin: 20px 0;
	padding: 20px;
	border: 5px solid #f1f1f1;
	box-sizing: border-box;
}

.other-school .other-school-box .text {
	margin-left: 20px;
}

.other-school .other-school-box .text h4 {
	margin: 10px auto;
}

.other-school .other-school-box .text p {
	font-size: 14px;
}

.other-school .other-school-box .text p span {
	color: #cb0100;
}

.sp-other-school {
	display: none;
}

.sp-btn-area {
	display: none;
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	main {
		margin: 20px auto;
	}

	.school-name {
		display: block;
		width: 100%;
		margin: 10px auto;
		padding: 0 2.5% 10px;
		border-bottom: 1px solid #7ecef4;
		box-sizing: border-box;
	}

	.school-name .emblem {
		text-align: center;
	}

	.school-name .name {
		margin: 0;
	}

	.tag-list {
		flex-wrap: wrap;
	}

	.tag-list .tag {
		margin: 5px 0 5px 5px;
	}

	.head-menu .menu a {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		padding: 5px 0;
		font-size: 12px;
		text-align: center;
	}

	.head-menu .menu a img {
		display: block;
		width: 25%;
		margin: 0 auto;
		padding: 0 20px;
		box-sizing: content-box;
	}

	.head-menu3 .menu3 a {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		padding: 5px 0;
		font-size: 12px;
	}

	.head-menu3 .menu3 a img {
		display: block;
		width: 33.3%;
		margin: 0 auto;
		padding: 0 20px;
		box-sizing: content-box;
	}

	.course .course-name {
		position: relative;
		text-align: center;
		background: transparent;
	}

	.course .course-name:after {
	content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 2px;
    background: black;
	}

	.course p {
		text-align: center;
	}

	.course .btn-area {
		display: flex;
	}

	.course .btn-area a {
		width: 48%;
		margin: 0 auto;
	}

	.course.other table {
		width: 100%;
	}

	.article .article-content .article-flex {
		display: block;
	}

	.article .article-content .article-flex .image {
		width: 100%;
	}

	.article .article-content .article-flex .text {
		width: 100%;
		margin: 15px auto;
	}

	.other-school {
		justify-content: center;
	}

	.other-school a {
		width: 100%;
	}

	.other-school .other-school-box {
		display: block;
		width: 90%;
		margin: 30px auto;
		text-align: center;
	}

	.other-school .other-school-box .text {
		width: 90%;
		margin: 20px auto 0;
		padding: 10px 0;
	}

	.sp-btn-area {
		display: block;
		text-align: center;
	}

	.sp-btn-area a {
		display: block;
		position: relative;
		width: 90%;
		margin: 0 auto 20px;
		padding: 15px;
		color: #fff;
		text-align: center;
		border: 2px solid #fff;
		box-sizing: border-box;
		border-radius: 7px;
		 background-color: #fd9535;
		border-bottom:solid 4px #996000;
	}
	
	.sp-btn-area a:link{
	color: white;
	}
	.sp-btn-area a:visited{
	color: white;
	}

	.sp-btn-area a:last-child {
		margin: 0 auto;
	}

	.sp-btn-area a.blue-btn {
		display: inline-block;
		width: auto;
		padding: 0;
		color: #7fcff4;
		border: none;
		text-decoration: underline;
		background-color: #fff;
	}

	.sp-btn-area a:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
		width: 15px;
		height: 17px;
	}

	.sp-btn-area a.blue-btn:before {
		left: -20px;
		right: unset;
	}
}

/*-- slick --*/

.slick-slider.intro {
	max-width: 740px;
	width: 100%;
	margin: 0 auto;
}

.slick-slider .slide img {
	width: 100%;
}

.slick-dots {
	bottom: 20px;
}

.slick-dots li button:before {
	content: 'â– ';
	font-size: 20px;
	opacity: 1;
	color: #fff;
}

.slick-dots li.slick-active button:before {
	opacity: 1;
	color: #059eea;
}

.slick-prev {
	z-index: 999;
	left: 0;
	width: 80px;
	height: 100%;
}

.slick-prev:before {
	content: '';
}

.slick-next {
	z-index: 999;
	right: 0;
	width: 80px;
	height: 100%;
}

.slick-next:before {
	content: '';
}

@media screen and (max-width: 768px) {
	.slick-slider.intro {
		overflow-y: hidden;
		height: 220px;
	}
	.slick-track {
		text-align: center;
	}

	.slick-slide {
		overflow: hidden;
	}

	.slick-dots li button:before {
		font-size: 12px;
	}
}

.entry-title:not(:first-child) {
	margin-top:15px;
}

/*-- PC版表示CSS  --*/
.pc_area{
  display:block;
}
.sp_area{
  display:none;
}


/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
.pc_area{
    display:none;
  }
.sp_area{
    display:block;
  }
}

/*-- reCAPTCHA badge非表示  --*/
.grecaptcha-badge { visibility: hidden; }

/* 保険ロゴ真ん中揃え */ 
.insurance_logo td img {
    display: block; /* 画像をブロック要素として扱う */
    margin-left: auto; /* 左のマージンを自動調整 */
    margin-right: auto; /* 右のマージンを自動調整 */
}

/* Top_留学プラン */ 
.plan {
  position: relative;
  }

.plan p.plan {
  position: absolute;
  top: 0;/*画像の左上に配置*/
  left: 0;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: skyblue;/*背景色*/
  font-size: 30px;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
  }

.plan img {
  width: 100%;
  }

.plan a.plan {/*aタグを画像の真ん中に*/
  position: absolute;
  top: 40%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  /*以下装飾*/
  margin:0;/*余計な隙間を除く*/
  font-size: 20px;/*文字サイズ*/
  border: solid white 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
	width:60%;
	text-align:center;
  }


.plan a.plan2 {/*aタグを画像の真ん中に*/
  position: absolute;
  top: 60%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  /*以下装飾*/
  margin:0;/*余計な隙間を除く*/
  font-size: 20px;/*文字サイズ*/
  border: solid white 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
	width:60%;
	text-align:center;
  }

.plan a:hover{/*カーソルを当てたとき*/
  background: rgba(255, 255, 255, 0.3);/*背景を半透明に*/
  }

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

.plant_list a:link, a:visited{
	color: black;
}

.plan_list_item {
    display: flex;
    width:49% ;
    min-height: 150px;
    margin: 0 0 18px;
    padding: 0px;
    background: #fff;
}


@media screen and (max-width: 768px) {
	.plan_list_item {
    display: flex;
    width:100% ;
    min-height: 150px;
    margin: 0 0 10px;
    padding: 0px;
    background: #fff;
}
	.plan p.plan {
		font-size: 20px;
	}
	.plan a.plan{
		font-size: 15px;
		width:90%;
    top: 35%;
	}
	.plan a.plan2{
		font-size: 15px;
		width:90%;
		top: 60%;
	}
}


/* TOP特徴 */
.mer_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	text-align : center;
}

.mer_item {
  padding: 30px;
  width: 49%!important;
  background-color: #fff;
}

.mer_item h2{
	font-size:22px;
}

.mer_item img{
	width:50%
}

@media(max-width:500px) {
.mer_item {
	  padding: 5px;
  }

.mer_item:not(:last-child) {
    margin-bottom: 30px;
  }


.mer_item h2{
	font-size:16px;
}

.mer_item p{
	font-size:13px;
}

.mer_item img{
	width:100%
}
}

.course4 {
	margin: 15px auto;
}

.course4 .course-name {
    padding: 15px;
	font-size: 20px;
	background: #dfebf7;

}

.course4 p {
	margin: 20px auto;
}

.course4 table {
	width: 100%;
	text-align: center;
}

.course4.other table {
	width: calc(100% / 4 * 2);
}

.course4 table th {
	width: calc(100% / 4);
	padding: 5px 0;
	text-align: center;
	color: #fff;
	background: #00a0ea;
	border: 1px solid #f2f2f2;
}

.course4 table td {
	width: calc(100% / 4);
	padding: 5px 0;
	border: 1px solid #bbb;
}

.course4 .btn-area {
	margin: 30px auto;
}

/* タイトル調整 */
.entry-title:not(:first-child) {
    background: none!important;
}

/* ロゴサイズ調整 */
.header-wp .logo {
    width: 30%;
}
/* 上下幅調整 */
h1, h2, h3, h4, h5, h6 {
    padding: 0 0;
}

/* 幅を広げる */
.wrap {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

/* TOP特徴 */
.mer_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	text-align : center;
}

.mer_item {
  padding: 30px;
  width: 49%!important;
  background-color: #fff;
}

.mer_item h2{
	font-size:22px;
}

.mer_item img{
	width:50%
}

@media(max-width:500px) {
.mer_item {
	  padding: 5px;
  }

.mer_item:not(:last-child) {
    margin-bottom: 30px;
  }


.mer_item h2{
	font-size:16px;
}

.mer_item p{
	font-size:13px;
}

.mer_item img{
	width:100%
}
}

/* 公式出願窓口 */
.Official {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;

    border-radius: 8px;
}
.Official p {
    margin: 0; 
    padding: 0;
}

/* 学校ページの上部ボタン */
section.pc{
	margin:30px 0;
}

/* サイズ調整 */
div.faqa{
	font-size:16px;
}
a {
	font-size:16px;
}

h1 {
		font-size: 28px;
	}

h2 {
		font-size: 22px;
	}

h3{
	font-size: 20px;
}

h4{
		font-size: 18px;
}

h5{
			font-size: 16px;
}

p{
font-size: 16px;
line-height: 1.8;
letter-spacing: 1.42px;
}

/* リンクボタン */
.btn-c{
    text-align: center;
}

.btn-c p{
 margin:20px!important;
}

@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-c {
  font-size: 1.8rem;

  position: relative;

  padding: 2rem 4rem 2rem 2rem;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#007adf),
    to(#00ecbc)
  );
  background-image: -webkit-linear-gradient(left, #007adf 0%, #00ecbc 100%);
  background-image: linear-gradient(to right, #007adf 0%, #00ecbc 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

a.btn-c:before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.6rem;
  line-height: 1;

  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;

  margin: 0;
  padding: 0;

  content: "\f30b";
}

a.btn-c:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  color: #fff;
}

/* サクッと予約反射 */ 
.reflection-img{
    width       :100%;
    height      :100%;
    position    :relative;
    overflow    :hidden;
}

.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* 学校概要 */ 
.school_gaiyou {width:100%;}
.school_gaiyou th, td { padding: 10px; border: 1px solid #ddd; }
.school_gaiyou th { background: #00A1E9; color:white; }

/* smartPhone */
@media screen and (max-width: 640px) {
.school_gaiyou th,
.school_gaiyou td{
display: block;
border-top: none;
}
}

/* 口コミ表示 */ 
.wpcr3_caps {
	font-size: 1.25rem;
    font-weight: 700;
    margin-top: 20px;
    padding-bottom: 5px;
    border-bottom: 3px solid #7ecef4;
}

.wpcr3_item_name{
	display:none;
}

div.wpcr3_review_ratingValue{
	margin-bottom:10px;
}

/* 学校ページ星と金額 */ 
.kuchikomi{
	margin-left:10px;
}

.school_fee_short {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.school_fee_short dt {
    padding: 5px;
    border: 1px solid #ddd;
    background: #eee;
	  float: left;
}

.school_fee_short dd {
    padding: 5px;
	  margin:0px;
}

.school_fee_short dl:last-of-type {
    margin-right: 0;
}

.school_fee_short dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
}

.comment h4{
    font-size: 1.15571rem;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 20px;
    padding: 5px 0 5px 10px;
    border-left: 6px solid #009fe9;
}

/* 文字をオレンジに */ 
.moji_orange{
	font-weight:700!important;
	color:#FF9400;
}

/* 学校特徴リスト */ 
.school_point ul {
  border: solid 2px #ffb03f;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
	border-radius:10px;
	margin-top:15px;
	margin-bottom:5px;
}

.school_point ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

.school_point ul li:before {
	content: "\f14a";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}

/* Breadcrumb NavXT */ 
div.breadcrumbs {
	font-size:9px;
  margin: 1px auto 0px;
    padding: 0;
}

/* box8 */ 

.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin-bottom: 0; 
    padding: 0;
}

.box8 ol{
		  margin-left:10px;
}

/* フォーム */
.form_content h2 {
    padding: 0.5em;
    color: #494949;
    background: #fffaf4;
    border-left: solid 5px #ffaf58;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: rgb(255, 175, 88);
    margin-top: 50px;
}

/* 表5列 */

.box5 {
	margin: 50px auto;
}

.box5 .course-name {
    padding: 15px;
	font-size: 20px;
	background: #dfebf7;

}

.box5 p {
	margin: 20px auto;
}

.box5 table {
	width: 100%;
	text-align: center;
}

.box5.other table {
	width: calc(100% / 5 * 2);
}

.box5 table th {
	width: calc(100% / 5);
	padding: 10px 0;
	text-align: center;
	color: #fff;
	background: #95ccff;
	border: 1px solid #f2f2f2;
}

.box5 table td {
	width: calc(100% / 5);
	padding: 10px 0;
	border: 1px solid #bbb;
}

.box5 .btn-area {
	margin: 30px auto;
}

/* 学校ロゴ */
*, *:before, *:after {
	box-sizing: border-box;
}
.col_5{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_5 > div{
	padding: 2px;
}
.col_5 > div > div{
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 960px) {
	.col_5 > div{
		width: 10%;
	}
}
@media screen and (max-width: 480px) {
	.col_5 > div{
		width: 20%;
	}
}


/* 引用風 */
blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
	  margin:25px 0px;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    color: #cfcfcf;

    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/* 投稿コメント */
.comment-body {
    border: solid #7ecdf4;
	  margin:15px 0px;
}

/* 著者情報 */

#author-info.block {
    clear: both;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #f1f1f1;
    padding: 5px;
    border-top: 4px solid #1E90FF;
	  margin-top: 35px;
	margin-bottom: 35px;
}

#author-avatar img {
    float: left;
    border-radius: 50%;
    height: 106px;
    width: auto;
	  margin:10px 10px 10px 10px;
}

.author1 h3{
    text-align: center;
    padding: 15px 0 15px 0;
    width: auto;
}

.author1 p {
    font-size: 13px;
    margin: 0px;
    padding-right: 5px;
    line-height: 160%;
}

/* 著者リンクボタン */
a.authorbutton{
   display:block;
   padding:10px;
   margin:20px 0px 10px 0px;
	 color:#fff!important;
   text-align:center;
   font-size:20px;
   font-weight: bold;
   border-radius: 0px;   
   text-decoration: none;
   width: 100%;
   border: 3px solid #ff8f1f;/*æž */
	 background: #ff8f1f;/* 反転背景色 */
		border-bottom:solid 4px #996000;
}
/* 著者マウスオーバー時 */
a.authorbutton:hover{
 color:#ff8f1f!important;/* 文字色 */
	 background: #fff;/* 反転背景色 */
}


/* Content Viewsのh3ライン消す */
.faqa div div h3{
 border-bottom:none;
}

/* 表3列 */

.box1 {
	margin: 50px auto;
}

.box1 .course-name {
    padding: 15px;
	font-size: 20px;
	background: #dfebf7;

}

.box1 p {
	margin: 20px auto;
}

.box1 table {
	width: 100%;
	text-align: center;
}

.box1.other table {
	width: calc(100% / 3 * 2);
}

.box1 table th {
	width: calc(100% / 3);
	padding: 10px 0;
	text-align: center;
	color: #fff;
	background: #95ccff;
	border: 1px solid #f2f2f2;
}

.box1 table td {
	width: calc(100% / 3);
	padding: 10px 0;
	border: 1px solid #bbb;
}

.box1 .btn-area {
	margin: 30px auto;
}


/* パンくずの場所 */
.breadcrumbs{
	margin: 10px 0px 0px 20px;
}


/* リンクボタン */
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 15px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

/* リンクボタン */
a.button{
   display:block;
   padding:20px;
   margin:20px 0px 10px 0px;
   color:#fec435!important;/* 文字色 */
   text-align:center;
   font-size:20px;
   font-weight: bold;
   border-radius: 0px;   
   text-decoration: none;
   width: 100%;
   border: 3px solid #fec435;/*æž */
}
/* マウスオーバー時 */
a.button:hover{
   color:#ffffff!important;
   background: #fec435;/* 反転背景色 */
}

.company_table th {
    width: 115px;
    font-weight: normal;
    vertical-align: top;
    padding: 15px;
}

.company_table th {
    width: 115px;
    font-weight: normal;
    vertical-align: top;
    padding: 15px;
}

.company_table td {
    width: 75%;
    padding: 15px 0 15px 10px;
}
.company_table td {
    width: 540px;
    padding: 15px 0 15px 15px;
}

.faqa img{
	margin: 15px 0 15px 0;
}

/*目次*/
.tablecontent {
	  border: 1.5px solid #6bb6ff;
    background: #f9f9f9;
    padding:  10px 15px 0px;
    margin: 30px 0 10px 0;
}

.tablecontent ol a:link {
	color: black;
	text-decoration: none;
}

.tablecontent ol {
    margin: 10px 20px 1.5em;
	  padding: 0px;
}

.tableheading {
    font-weight: 700;
    margin: 0 0 8px 0;
	  color: #6bb6ff;
}

.pt-cv-wrapper{
	margin-top:20px;
}



/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/

/*Textareaのサイズ*/
.wpcf7 textarea[name="your-message"] {
        height: 70px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: #FADBDA;
}

@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-left: 10px;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:350px;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;
}

.h2_footer {
    text-align: center;
    font-size: 140%;
    margin: 0 auto 10 auto;
    padding-top:10px;
    color: #fff;
    font-weight: 500;
}

.footer_inquiry {
    background-color: #00a0ea;
}

.footer_inquiry_inside {
    text-align: center;
    margin: 20px auto 0 auto;
    padding-bottom: 20px;
    position: relative;
}

.footer_btn {
    float: left;
    width: 33.3%;
    padding: 0 10px;
    display: block;
    text-align: center;
    position: relative;
}

.footer_counseling{
    background-color: #f7bf88;
	  border-bottom: solid 4px #A56800;
    border-radius: 3px;
}

.footer_brochure{
    background-color: #f7bf88;
	  border-bottom: solid 4px #A56800;
    border-radius: 3px;
}

.footer_seminar {
	background-color: #fff;
	border-bottom: solid 4px #001C4C;
  border-radius: 3px;
}

.footer_inquiry a {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 140%;
    font-weight: 500;
    color: #00a7c1;
    line-height: 3.0em;
    vertical-align: middle;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    position: relative;
}
.footer_mini_title {
    text-align: center;
    color: #fff;
    font-size: 120%;
}

@media screen and (max-width: 768px) {
.footer_inquiry {
  width: 100%;
	background-color: #00a0ea;
	padding: 18px 10px 28px;
}

.h2_footer {
    text-align: center;
    font-size: 120%;
    margin: 0 auto 10 auto;
	  padding-top:10px;
    color: #fff;
    font-weight: 500;
}

.footer_mini_title {
    text-align: center;
    color: #fff;
    font-size: 100%;
}

.footer_inquiry a {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 140%;
    font-weight: 500;
    color: #00a7c1;
    line-height: 3.0em;
    vertical-align: middle;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    position: relative;
}

.footer_inquiry_inside {
    margin: 20px auto 0 auto;
    padding-bottom: 0;
	  text-align: center;
    margin: 20px auto 0 auto;
    position: relative;
}

.footer_counseling{
    background-color: #f7bf88;
	  border-bottom: solid 4px #A56800;
    border-radius: 3px;
}

.footer_brochure {
    background-color: #f7bf88;
	  border-bottom: solid 4px #A56800;
    border-radius: 3px;
}

.footer_seminar {
	background-color: #fff;
	border-bottom: solid 4px #001C4C;
  border-radius: 3px;
}

.footer_btn {
    float: inherit;
    width: 100%;
    padding: 0;
    text-align: center;
    margin-bottom: 13px;
    line-height: 1.2em;
}

}




.rankinga h2 {
	font-size: 1.5em;
  position: relative;
  padding: 0.6em;
  background: #e0edff;
	margin: 20px 0;
}
.rankingb h3 {
	font-size: 1.5em;
  position: relative;
  padding: 0.6em;
  background: #e0edff;
	margin: 20px 0;
}
.top_price{
	color: #f29c9f;
}

.top_accom{
	color: #acd598;
}


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

.merit_list a:link, a:visited{
	color: black;
}

.merit_list_item {
    display: flex;
    width:460px ;
    min-height: 200px;
    margin: 0 0 30px;
    padding: 20px;
    border-radius: 6px;
    background: #fff;
		border: solid 3px black;
}

.merit_icon {
    display: flex;
    align-items: center;
    justify-content: center;
		margin-right: 15px;
	  max-width: 50px;
}

@media screen and (max-width: 768px) {
	.merit_list_item {
    display: flex;
    width:100% ;
    min-height: 200px;
    margin: 0 0 30px;
    padding: 20px;
    border-radius: 6px;
    background: #fff;
		border: solid 3px black;
}
}
	
	
.faqa img{
	padding: 10px 0px 0px 0px;
}

.faqa h2 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
	color:black!important;
	padding-bottom: 0.5em !important;
  margin: 50px 0 40px!important;
	font-size: 25px;
}

.faqa h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #7db4e6;
  bottom: -3px;
  width: 20%;
}


.faqa h3 {
    font-weight: 700;
    line-height: 1.3;
    margin-top: 20px;
    padding: 5px 0 5px 10px;
    border-left: 5px solid #7db4e6;
	border-bottom: 1px dotted #dcdcdc;
		padding-bottom: 0.5em !important;
  margin: 40px 0 20px!important;
}

.faqa h4 {
  border-bottom:1px solid #808080!important;
  position: relative;
	color:black!important;
	padding-bottom: 0.5em !important;
  margin: 40px 0 20px!important;
}

.faqa h5 {
    padding: 5px 10px 5px;
    border-left: 3px solid #d9d9d9;
		padding-bottom: 0.5em !important;
  margin: 20px 0 10px!important;
}
.faqa li{
    padding: 1px 0px 10px 1px;
	  margin: 10px 0px 0px 20px;
}

.faqa div li{
	  margin: 0px 0px 0px 0px;
}

.faqa_faqa li{
    padding: 5px 0 5px 10px;
	list-style: none;
}

.tit_M {
   margin-bottom: 10px;
    padding-bottom: 3px;
    border-bottom: 2px solid #7ecef4;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.4em;
}

.contents-title-brown {
   margin-bottom: 10px;
    padding-bottom: 3px;
    border-bottom: 2px solid #7ecef4;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.4em;
}


.tit_S {
	  font-size: 1.28571rem;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 20px;
    padding: 5px 0 5px 10px;
    border-left: 10px solid #7ecef4;
}

.post_1 h2 {
    margin-bottom: 10px;
    padding-bottom: 3px;
    border-bottom: 2px solid #7ecef4;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.4em;
}

.post_1 h3 {
	  font-size: 1.28571rem;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 20px;
    padding: 5px 0 5px 10px;
    border-left: 10px solid #7ecef4;
}

.post_1 h4 {
	  font-size: 1.14286rem;
    font-weight: 700;
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #7ecef4;
}

.post_1 li{
    padding: 5px 0 5px 10px;
	list-style: none;
}

.type1 {
	  font-size: 1.28571rem;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 20px;
    padding: 5px 0 5px 10px;
    border-left: 10px solid #7ecef4;
}

a:link, a:visited {
    color: #7fcff4;
}

/*** 「次の投稿」「前の投稿」を非表示 ***/
.nav-links {
display: none;
}

/*** カテゴリーを非表示 ***/
.entry-footer {
display: none;
}


.footer-wp .blue-wp {
    margin: 0px 0 65px;
    padding: 15px 0;
    background: #dbf1fc;
}

.article-content h3{
	padding: 0px;
}

.school-news-list li{
	font-size: 18px;
	margin: 25px;
}




/*** /info/prog/long/ ***/
.long_container{
		width:998px;
		margin-top:50px;
		height:1850px;
		background:url(https://www.lalalaaustralia.com/image/kiji/image/addesign/long_term/bg.jpg);
		position:relative;
		font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Osaka', 'ＭＳ Ｐゴシック', sans-serif;
		font-size:12px;
		line-height:1.8em;
		color:#1A1A1A;
		background-repeat:no-repeat;
	}
	.long_container p,.long_container div{
		position:absolute;
		margin:0px;
		padding:0px;
	}
	
	.long_container .text1{
		top:165px;
	}
	.long_container .text2{
		top:551px;
		color:#C74238;
		font-size:11px;
	}
	.long_container .text3{
		top:802px;
		left:32px;
	}
	.long_container .text4{
		top:1292px;
		left:32px;
	}
	
	
	.long_container .topPrice1{
		top:363px;
		left:232px;
	}
	
	
	.long_container .topPrice2{
		top:363px;
		left:587px;
	}
	
	
	
	
	.long_container .week1{
		color:#444;
		top:772px;
		left:870px;
	}
	
	.long_container .price1{
		top:825px;
		left:870px;
		color:#D4363A;
	}
	.long_container .week2{
		color:#444;
		top:1257px;
		left:870px;
	}
	
	.long_container .price2{
		top:1310px;
		left:870px;
		color:#D4363A;
		
	}
	
	
	.long_container .btn1{
		top:1019px;
		left:30px;
	}
	
	
	.long_container .btn2{
		top:1019px;
		left:388px;
	}
	
	.long_container .btn3{
		top:1500px;
		left:30px;
	}
	
	.long_container .btn4{
		top:1500px;
		left:388px;
	}
	
	.long_container .linkBtn{
		width:100%;
		top:1720px;
		left:283px;
	}
	
	
	.long_container .textL{
		font-size:32px;
	}
	
	
	a img {
    border-style:none;
}
	
	.clearfix:after {  
		content: ".";   
		display: block;   
		height: 0;   
		clear: both;   
		visibility: hidden;  
	} 
.longlist{
 margin: 0 auto;
 width:100%;
 border-collapse: collapse;
}
.longlist th{
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.longlist td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}
/*** /info/prog/long/ 終了***/

a:link, a:visited{
	color: #00a0ea;
}

/*** /stay/dom/ ***/
#Container {
  color: #1A1A1A;
  font-size: 12px;
}
#Container div, #Container a, #Container h1, #Container h2, #Container h3, #Container h4, #Container h5, #Container h6, #Container ul, #Container img {
  padding: 0;
  margin: 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
#Container div {
  line-height: 1.8em;
}
#Container a, #Container img {
  border-style: none;
}
#Container li {
  list-style: none;
}
#Container .left {
  float: left;
}
#Container .right {
  float: right;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#Container #Block1 {
  width: 760px;
  height: 391px;
  background: url(http://www.lalalaaustralia.com/image/kiji/image/addesign/sharehouse/image1.jpg);
  position: relative;
}
#Container #Block1 div {
  position: absolute;
  width: 525px;
  top: 250px;
}
#Container .lineA {
  margin: 40px 0 20px 0;
}
#Container .lineB {
  margin: 25px 0 35px 0;
}
#Container #Block2 {
  position: relative;
}
#Container #Block2 #Box1 h6 {
  background: url(http://www.lalalaaustralia.com/image/kiji/image/addesign/sharehouse/merit1.gif);
  background-repeat: no-repeat;
}
#Container #Block2 #Box2 h6 {
  background: url(http://www.lalalaaustralia.com/image/kiji/image/addesign/sharehouse/merit2.gif);
  background-repeat: no-repeat;
}
#Container #Block2 #Box3 h6 {
  background: url(http://www.lalalaaustralia.com/image/kiji/image/addesign/sharehouse/merit3.gif);
  background-repeat: no-repeat;
}
#Container #Block2 .box {
  margin-bottom: 14px;
}
#Container #Block2 .box h6 {
  font-size: 19px;
  font-weight: 600;
  padding: 20px 0 0 105px;
  height: 40px;
}
#Container #Block2 .box div {
  width: 565px;
}
#Container #Block2 .image {
  position: absolute;
  left: 585px;
  top: 0px;
}
#Container #Block3 {
  background: url(http://www.lalalaaustralia.com/image/kiji/image/addesign/sharehouse/image3.gif);
  width: 760px;
  height: 208px;
  position: relative;
  font-weight: 600;
  color: #1C2952;
  font-size: 25px;
}
#Container #Block3 div {
  position: absolute;
  top: 150px;
  font-size:25px;
}
#Container #Block3 .box1 {
  font-size: 43px;
  left: 588px;
  top: 6px;
  color: #FFFFFF;
}
#Container #Block3 .b {
  width: 110px;
  text-align: center;
}
#Container #Block3 .box2 {
  left: 10px;
}
#Container #Block3 .box3 {
  left: 135px;
}
#Container #Block3 .box4 {
  left: 260px;
}
#Container #Block3 .box5 {
  left: 386px;
}
#Container #Block3 .box6 {
  left: 511px;
}
#Container #Block3 .box7 {
  left: 636px;
}
#Container #Atr {
  color: #666666;
  font-size: 10px;
  margin-top: 10px;
  line-height: 1.5em;
}
/*** /stay/dom/　終了 ***/

/*** footer ***/
.footer-nav h2{
	 font-size: 1.35rem;
    font-weight: 700;
    margin-top: 20px;
    padding-bottom: 5px;
    border-bottom: 3px solid #7ecef4;
}

*, *:before, *:after {
	box-sizing: border-box;
}
.col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div{
	width: 33.33333%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_3 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.col_3 > div{
		width: 100%;
	}}

/* キャンペーン中の学校の枠 */
.discount-school-wrapper-campaign {
    border: 2px solid #00a0ea;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.discount-school-title-campaign {
    font-size: 24px;
    font-weight: bold;
    color: #00a0ea;
    margin-bottom: 20px;
    text-align: center;
}

.discount-school-list-campaign {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 600px;
    overflow-y: auto;
}

.discount-school-item-campaign {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc; 
    padding-bottom: 20px;
}

/* 画像と残り日数コンテナ */
.image-and-remaining-container {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

/* アイキャッチ画像 */
.school-image-campaign {
    flex: 0 0 auto;
    margin-right: 10px;
}
.school-image-campaign img {
    width: 80px;
    height: auto;
    border-radius: 5px;
}

/* 残り日数 */
.remaining-days-campaign {
    font-size: 18px;
    color: #ff0000;
    font-weight: bold;
}

/* 学校名 */
.school-name-campaign {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    flex: 1 1 auto;
    margin-right: 20px;
}

/* 詳細リンク */
.detail-link-container-campaign {
    flex: 0 0 auto;
}

.detail-link-campaign,
.detail-link-campaign:visited {
    display: inline-block;
    padding: 10px 15px;
    background-color: #00a0ea;
    color: #fff !important;
    text-decoration: none;
    border-radius: 5px;
    border: none;
}

.detail-link-campaign:hover {
    background-color: #008ac8;
    color: #fff !important;
}


h1.typesquare_option {
	margin-top: 3rem;
	margin-bottom: -1rem;
}

h2.typesquare_option {
	font-size: 2.6rem;
}

/* スマホ対応 */
@media screen and (max-width: 767px) {
    .discount-school-item-campaign {
        flex-direction: column; /* 縦並び */
        align-items: flex-start;
        border-bottom: none;
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    .image-and-remaining-container {
        display: flex;
        flex-direction: row; /* 念のため明示的に横並び指示 */
        align-items: center;
        flex-wrap: nowrap;
    }

    .remaining-days-campaign {
        font-size: 20px; 
        margin-left: 10px;
    }

    .school-name-campaign {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .detail-link-container-campaign {
        width: 100%;
        border-bottom: 1px solid #ccc; 
        padding-bottom: 10px;
        margin-top: 10px;
    }
}