@charset "UTF-8";

a.no-underline{
	text-decoration: none;
}

table.area_school_list th{
	border: 2px solid #f5f5f5 !important;
	font-size: 68% !important;
	background-color: #43668c;
	text-align: center;
	color: #fff;
}

table.area_school_list td{
	border: 2px solid #f5f5f5 !important;
	font-size: 68% !important;
}

table.area_school_price th{
	border: 2px solid #f5f5f5 !important;
	font-size: 57% !important;
	background-color: #43668c;
	text-align: center;
	color: #fff;
}

table.area_school_price td{
	border: 2px solid #f5f5f5 !important;
	font-size: 57% !important;
}

tr.table_li_focus_1 td{
	background-color: #c8c8cb;
	font-weight: bold;
}
tr.table_li_focus_2 td{
	background-color: #84919e;
	color: #fff;
	font-weight: bold;
}

/* tableタグ */
/* tableタグ：共通 */
table{ 
	word-break: break-all;
	word-wrap: break-all;
}
table.top-table th, td{
	border: 2px solid #fff;
}
.scroll{
    overflow: auto;
    white-space:nowrap;
}
.scroll::-webkit-scrollbar{
    height: 15px;
}
.scroll::-webkit-scrollbar-track{
    background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb{
    background: #bbb;
}

/* tableタグ：TOPページ */
table.top-support-countries{
	border: 0px;
}
table.top-support-countries th{
  position: relative;
  text-align: left;
	border: 0px;
}
@media only screen and (max-device-width: 480px) {
	table.top-support-countries th{
		width: 40%;
	}
	table.top-support-countries td{
		line-height: 26px !important;
	}
	p.top-description{
		font-size: 90%;
	}
}
@media screen and (min-width: 768px){
	table.top-support-countries th{
		width: 20%;
	}
}
table.top-support-countries th:after{
  display: block;
  content: "";
  width: 20px;
  height: 1.5px;
  background-color: #333;
  position: absolute;
  top:calc(50% - 1px);
  right:20px;
}
table.top-support-countries td{
  text-align: left;
  width: 85%;
	border: 0px;
}

table.top-age{
	border: 0px;
}
table.top-age th{
  position: relative;
  text-align: left;
	border: 0px;
}
@media only screen and (max-device-width: 480px) {
	table.top-age th{
		font-size: 80%;
		width: 50%;
	}
	table.top-age td{
		line-height: 26px !important;
	}
	p.top-description{
		font-size: 90%;
	}
}
@media screen and (min-width: 768px){
	table.top-age th{
		width: 30%;
	}
}
table.top-age th:after{
  display: block;
  content: "";
  width: 20px;
  height: 1.5px;
  background-color: #333;
  position: absolute;
  top:calc(50% - 1px);
  right:20px;
}
table.top-age td{
  text-align: left;
  width: 85%;
	border: 0px;
}

table.top-table th{
	background-color: #43668c;
	text-align: center;
	color: #fff;
	padding: 20px;
}
table.top-table td{
	background-color: #f5f5f5;
	vertical-align: middle;
	text-align: center;
	border: 2px solid #fff;
	padding: 15px;
}

/* tableタグ：スクールTOPページ */
.school-top-box{
	margin-top: 30px;
}
.school-top-title{
	margin-left: 6px;
	margin-bottom: -15px;
}
table.school-top th{
	text-align: left;
	font-weight: normal;
	padding: 15px;
	padding-top: 40px;
	padding-bottom: 40px;
	border: none;
  border-left: 1px solid #B2B2B2;
  border-bottom: 1px solid #B2B2B2;
}
table.school-top td{
	vertical-align: middle;
	text-align: left;
	padding: 15px;
	border: none;
  border-bottom: 1px solid #B2B2B2;
}

div.school-top-popular-2{
	text-align: center;
}
p.school-top-popular{
	color: #172330;
	font-weight: bold;
	text-align: center;
}

.school-top-tag{
	background-color: #E2E2E2;
	border-radius: 6px;
	color: #6F6F6F;
	padding: 8px;
	margin: 7px;
	display: inline-block;
}

/* tableタグ：Jクラブセレクションページ */
.jleague-top-box{
	margin-top: 30px;
}
.jleague-top-title{
	margin-left: 6px;
	margin-bottom: -15px;
}
table.jleague-top th{
	text-align: left;
	font-weight: normal;
	padding: 15px;
	padding-top: 40px;
	padding-bottom: 40px;
	border: none;
  border-left: 1px solid #B2B2B2;
  border-bottom: 1px solid #B2B2B2;
}
table.jleague-top td{
	vertical-align: middle;
	text-align: left;
	padding: 15px;
	border: none;
  border-bottom: 1px solid #B2B2B2;
}

/* 保護者からの口コミ */
.user-voice{
	margin-top: 30px;
	margin-bottom: 30px;
}
p.user-voice-title{
	color: #343434;
	font-weight: bold;
}
p.user-voice-profile{
	color: #6F6F6F;
	font-size: x-small;
	line-height: 15px;
}
p.user-voice-contents{
	color: #343434;
	font-size: 75%;
	line-height: 18px;
}

/* 保護者からの口コミ（画像が左） */
.user-voice-left{
  position: relative;
  padding: 20px;
  border-radius: 10px;
  color: #343434;
  background-color: #E3F3FD;
  margin-left: 110px;
}
/* 画像 - 絶対配置で左上に配置 */
.user-voice-left .icon{
  position: absolute;
  left: -110px;
  top: 0;
}
/* 三角アイコン */
.user-voice-left::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #E3F3FD;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* 保護者からの口コミ（画像が右） */
.user-voice-right{
  position: relative;
  padding: 20px;
  border-radius: 10px;
  color: #343434;
  background-color: #E3F3FD;
  margin-right: 110px;          /* 右に余白を設ける */
}
/* 画像 - 絶対配置で右上に配置 */
.user-voice-right .icon{
  position: absolute;
  right: -110px;
  top: 0;
op: 0;
}
/* 三角アイコン */
.user-voice-right::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid #E3F3FD;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* tableタグ：文字サイズを小さく */
table.table-mini th{
  font-size: 70% !important;
}
table.table-mini td{
  font-size: 70% !important;
}

/* tableタグ：列の固定 */
.fixed{
  position: sticky;
  left: 0;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
  }
}

/* imgタグ */
/* imgタグ：枠線をつける */
img.grid{
	border: solid 1px #ccc;
}

/* テキスト装飾 */
/* テキスト装飾：TOPページ_強調 */
.top-strong{
	color: #FF7702;
	font-weight: bold;
}

/* テキスト装飾：TOPページ_費用 */
.top-strong-money{
	color: #FF7702;
	font-size: 120%;
	font-weight: bold;
}

/* テキスト装飾：TOPページ_注釈 */
.top-attention{
	color: grey;
	font-size: x-small;
	line-height: 12px;
}

/* CTA（ボタン） */
/* CTA（ボタン）：オレンジボタン */
.arrow_btn {
	display: inline-block;
	position: relative;
	width: 309px;
	padding: 1.2em;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center !important;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #FF7702;
	border-radius: 8px;
	transition: transform ease .3s;
	opacity: 1;
}
.arrow_btn:hover {
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	opacity: 0.8;
}
.arrow_btn span {
	display: inline-block;
	text-decoration: none;	
	transition: transform ease .3s;
}
.arrow_btn:hover span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(6px);
	color: #fff;
	opacity: 0.8;
}

/* CTAボタン：中央寄せ */
.btn-center{
	text-align: center;
}
.btn-article{
	margin-bottom: 7px !important;
}

/* CTAボタン：Cognitoform */
.cognito{
	margin-top: -25px !important;
}

/* CTAボタン：キャッチ */
.top-btn-copy, .article-btn-copy {
  font-size: 1.0rem;
  font-weight: bold;
  position: relative;
  margin-bottom: .3em;
  text-align: center;
}
@media only screen and (max-device-width: 480px) {
	.top-btn-copy, .article-btn-copy {
		margin-top: 25px;
	}
}
@media screen and (min-width: 768px){
	.top-btn-copy, .article-btn-copy {
		margin-top: 40px;
	}
}
.top-btn-copy:before, .article-btn-copy:before {
  margin-right: 0.3rem;
  content: '＼';
}
.top-btn-copy:after, .article-btn-copy:after {
  margin-left: 0.3rem;
  content: '／';
}
span.top-btn-copy-orange, span.article-btn-copy-orange{
	color: #FF7702;
	font-size: 130%;
	font-weight: bold;
}

.btn-copy {
  font-size: 1.0rem;
  font-weight: bold;
  position: relative;
  margin-bottom: .3em;
  text-align: center;
}
.btn-copy:before {
  margin-right: 0.3rem;
  content: '＼';
}
.btn-copy:after {
  margin-left: 0.3rem;
  content: '／';
}

/* ■トップページ（エージェント一覧） */
.top-card-list{
	display: flex;
	flex-wrap: wrap;
  list-style-type: none !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/* ■トップページ（料金相場etc.） */
h6.top-htag-detail{
	border-left: 5px solid #43668c;
	border-bottom: 0px solid !important;
  color: #172330 !important;
  background-color: #f5f5f5 !important;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}


/* ■トップページ（利用者の声） */
.review-top{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #8D8D8D;
	opacity: 1;
	padding: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 24px;
}

.review-top-company{
	margin-left: -16px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	padding-right: 30px;
	text-align: left;
	font: normal normal normal 16px/27px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
	background: #172330 0% 0% no-repeat padding-box;
	opacity: 1;
}

hr.review-top{
	border-width: 1.5px 0px 0px 0px;
	border-style: dashed;
  border-color: #ccc;
	padding: 5px;
	margin-top: -10px;
	margin-bottom: 0px
}

/* ■トップページ（国別情報カード） ※PC/SP */
@media only screen and (max-device-width: 480px) {
	.top-card-list li{
		margin: 10px;
		width: calc((100% - 40px) / 2);
	}
}
@media screen and (min-width: 768px){
	.top-card-list li{
		margin: 10px;
		width: calc((100% - 60px) / 3);
	}
}

img.top-countries-margin{
	margin-top: -30px;
	margin-bottom: -15px;
}

/* ■トップページ（Contactform） ※PC/SP */
dt.contact7-top, dt.contact7-normal{
	padding-top: 16px;
}
div.btn_contact7-top, div.btn_contact7-normal{
	margin-top: 30px !important;
}
span.must-top, span.must-normal{
	background: #FF7702;
	color: #fff;
  border-radius: 2px;
  font-size: 14px;
  margin-left: 10px;
  padding: 2px 5px;
  letter-spacing: 2px;
}
.top-btn-orange{
	background-color: #FF7702 !important;
}
@media only screen and (max-device-width: 480px) {
		dl.contact7-top, div.wpcf7-response-output-top{
		width: 85%;
		margin: 0 auto !important;
	}
}
@media screen and (min-width: 768px){
		dl.contact7-top, div.wpcf7-response-output-top{
		width: 50%;
		margin: 0 auto  !important;
	}
}

/* スマホ用のCSS */
@media only screen and (max-device-width: 480px) {
	
	.br-pc {
		display: none;
	}
	
	/* ■トップページ（h5タグ） */
	h5.top-htag{
		font-size: 24px !important;
		color: #333333 !important;
		background-color: #fff !important;
		margin-top: 35px;
		margin-bottom: 28px;
		border: 0px !important;
		text-align: center;
	}
	
	/* ■トップページ（FV直下） */
	.top-firstview-under {
		background-color: #172330 !important;
		margin-right: -15px;
		margin-left: -15px;
		margin-top: -50px;
		padding-top: 50px;
		padding-bottom: 10px;
		position: relative;
		margin-bottom: 100px;
	}
	.top-firstview-under:after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 60px 50vw 0 50vw;
		border-color: #172330 transparent transparent transparent;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
	}
	h5.top-htag-firstview-under{
		font-size: 24px !important;
		color: #fff !important;
		background-color: #172330 !important;
		margin-top: 10px;
		margin-bottom: 28px;
		border: 0px !important;
		text-align: center;
	}
	p.top-ptag-firstview-under{
		color: #fff;
		margin-left: 15px;
		margin-right: 15px;
		text-align: center;
	}
	
	/* ■トップページ（実績） */
	.top-bg-area{
		background-color: #172330 !important;
		margin-right: -15px;
		margin-left: -15px;
		margin-top: 35px;
		padding-top: 35px;
		padding-bottom: 38px;
	}
	h5.top-htag-bg{
		font-size: 24px !important;
		color: #fff !important;
		background-color: #172330 !important;
		margin-top: 10px;
		margin-bottom: 28px;
		border: 0px !important;
		text-align: center;
	}
	p.top-ptag-bg{
		color: #fff;
		margin-left: 15px;
		margin-right: 15px;
		text-align: center;
	}
	
	/* Contactformフォーム（背景・hタグ）） */
	.top-bg-area-contactform{
		background-color: #f5f5f5 !important;
		margin-right: -15px;
		margin-left: -15px;
		margin-top: 35px;
		margin-bottom: -50px;
		padding-top: 35px;
		padding-bottom: 38px;
	}
	h5.top-htag-bg-contactform{
		font-size: 24px !important;
		color: #333333 !important;
		background-color: #f5f5f5 !important;
		margin-top: 10px;
		margin-bottom: 28px;
		border: 0px !important;
		text-align: center;
	}
	
	img.grid{
		height: 70px;
	}
	.btn-fv{
		margin-top: -165px !important;
		margin-bottom: 90px !important;
	}
	.ackground-grey{
		background-color: grey !important;
	}
	.br-pc {
		display: none;
	}
	.sp-right{
		text-align: right;
	}
	
	/* ■トップページ（留学・トライアウトの流れ） */
	.top-step1-box-top{
		background-color: #172330;
		height: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.top-step1-box-under{
		border: 2px solid #172330;
		margin-bottom: 30px;
		padding: 25px;
		position: relative;
		display: inline-block;
	}
	.top-step1-box-under:before {
		content: "";
		position: absolute;
		bottom: -24px;
		left: 50%;
		margin-left: -15px;
		border: 12px solid transparent;
		border-top: 12px solid #FFF;
		z-index: 2;
	}
	.top-step1-box-under:after {
		content: "";
		position: absolute;
		bottom: -29px;
		left: 50%;
		margin-left: -17px;
		border: 14px solid transparent;
		border-top: 14px solid #172330;
		z-index: 1;
	}
	p.top-step1-number{
		color: #172330;
		font-weight: bold;
  	background-color:#fff;
  	padding: 0;
  	margin: 0;
  	width: 50px;
  	height: 50px;
  	line-height: 50px;
  	text-align: center;
  	display: inline-block;
  	border-radius: 50%;
	}
	p.top-step1-title{
		color: #fff;
		line-height: 50px;
	}
	
	.top-step2-box-top{
		background-color: #2D445E;
		height: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.top-step2-box-under{
		border: 2px solid #2D445E;
		margin-bottom: 30px;
		padding: 25px;
		position: relative;
		display: inline-block;
	}
	.top-step2-box-under:before {
		content: "";
		position: absolute;
		bottom: -24px;
		left: 50%;
		margin-left: -15px;
		border: 12px solid transparent;
		border-top: 12px solid #FFF;
		z-index: 2;
	}
	.top-step2-box-under:after {
		content: "";
		position: absolute;
		bottom: -29px;
		left: 50%;
		margin-left: -17px;
		border: 14px solid transparent;
		border-top: 14px solid #2D445E;
		z-index: 1;
	}
	p.top-step2-number{
		color: #2D445E;
		font-weight: bold;
  	background-color:#fff;
  	padding: 0;
  	margin: 0;
  	width: 50px;
  	height: 50px;
  	line-height: 50px;
  	text-align: center;
  	display: inline-block;
  	border-radius: 50%;
	}
	p.top-step2-title{
		color: #fff;
		line-height: 50px;
	}
	
	/* 旧 */
	.top-step3-box-top{
		background-color: #43668C;
		height: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.top-step3-box-under{
		border: 2px solid #43668C;
		margin-bottom: 30px;
		padding: 25px;
		position: relative;
		display: inline-block;
	}
	p.top-step3-number{
		color: #43668C;
		font-weight: bold;
  	background-color: #fff;
  	padding: 0;
  	margin: 0;
  	width: 50px;
  	height: 50px;
  	line-height: 50px;
  	text-align: center;
  	display: inline-block;
  	border-radius: 50%;
	}
	p.top-step3-title{
		color: #fff;
		line-height: 50px;
	}
	
	/* 新（上書き用） */
	.top-step3-box-top{
		background-color: #43668C;
		height: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.top-step3-box-under{
		border: 2px solid #43668C;
		margin-bottom: 30px;
		padding: 25px;
		position: relative;
		display: inline-block;
	}
	.top-step3-box-under:before {
		content: "";
		position: absolute;
		bottom: -24px;
		left: 50%;
		margin-left: -15px;
		border: 12px solid transparent;
		border-top: 12px solid #FFF;
		z-index: 2;
	}
	.top-step3-box-under:after {
		content: "";
		position: absolute;
		bottom: -29px;
		left: 50%;
		margin-left: -17px;
		border: 14px solid transparent;
		border-top: 14px solid #2D445E;
		z-index: 1;
	}
	p.top-step3-number{
		color: #43668C;
		font-weight: bold;
  	background-color:#fff;
  	padding: 0;
  	margin: 0;
  	width: 50px;
  	height: 50px;
  	line-height: 50px;
  	text-align: center;
  	display: inline-block;
  	border-radius: 50%;
	}
	p.top-step3-title{
		color: #fff;
		line-height: 50px;
	}
	
}

/* iPad,PC用のCSS */
@media screen and (min-width: 768px){
	.sitename .sitename-bottom{
		height: 50px;
	}
	
	img.grid{
		height: 120px;
	}
	.br-sp {
		display: none;
	}
	.pc-left{
		text-align: center;
	}
	
	.btn-fv{
		margin-top: -200px !important;
		margin-bottom: 120px !important;
	}
	
	/* ■トップページ（h5タグ） */
	h5.top-htag-firstview-under, h5.top-htag, h5.top-htag-bg, h5.top-htag-bg-contactform{
		font-size: 30px !important;
		color: #333333 !important;
		background-color: #fff !important;
		margin-top: 50px;
		margin-bottom: 37px;
		margin-left: -20px;
		border: 0px !important;
		text-align: center;
	}
	
	/* ■トップページ（FV直下） */
	.top-firstview-under {
		background-color: #172330 !important;
		width: 100vw;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin-top: -70px;
		padding-top: 60px;
		padding-bottom: 10px;
		position: relative;
		margin-bottom: 100px;
		text-align: center;
	}
	.top-firstview-under:after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 60px 50vw 0 50vw;
		border-color: #172330 transparent transparent transparent;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
	}
	h5.top-htag-firstview-under{
		font-size: 30px !important;
		color: #fff !important;
		background-color: #172330 !important;
		margin-top: 10px;
		margin-bottom: 28px;
		border: 0px !important;
		text-align: center;
	}
	p.top-ptag-firstview-under{
		color: #fff;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	/* ■トップページ（実績） */
	.top-bg-area{
		background-color: #172330 !important;
		width: 100vw;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 35px;
		padding-top: 35px;
		padding-bottom: 38px;
	}
	h5.top-htag-bg{
		font-size: 30px !important;
		color: #fff !important;
		background-color: #172330 !important;
		margin-top: 10px;
		margin-bottom: 28px;
		border: 0px !important;
		text-align: center;
	}
	p.top-ptag-bg{
		color: #fff;
		text-align: center;
	}
	
	/* ■トップページ（留学・トライアウトの流れ） */
	.top-step1-box-top, .top-step2-box-top, .top-step3-box-top{
		height: 50px;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
	}
	.top-step1-box-top{
		background-color: #172330;
	}
	.top-step2-box-top{
		background-color: #2D445E;
	}
	.top-step3-box-top{
		background-color: #43668C;
	}
	
	.top-step1-box-under, .top-step2-box-under, .top-step3-box-under{
		margin-bottom: 30px;
		padding: 25px;
		text-align: center;
	}
	.top-step1-box-under{
		border: 2px solid #172330;
	}
	.top-step2-box-under{
		border: 2px solid #2D445E;
	}
	.top-step3-box-under{
		border: 2px solid #43668C;
	}
	
	p.top-step1-number, p.top-step2-number, p.top-step3-number{
		font-weight: bold;
  	background-color:#fff;
  	padding: 0;
  	margin: 0;
  	width: 50px;
  	height: 50px;
  	line-height: 50px;
  	text-align: center;
  	display: inline-block;
  	border-radius: 50%;
	}
	p.top-step1-number{
		color: #172330;
	}
	p.top-step2-number{
		color: #2D445E;
	}
	p.top-step3-number{
		color: #43668C;
	}
	
	p.top-step1-title, p.top-step2-title, p.top-step3-title{
		color: #fff;
		line-height: 50px;
		margin-left: -230px;
	}
	
	/* Contactformフォーム（背景・hタグ）） */
	.top-bg-area-contactform{
		width: 100vw;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		background-color: #f5f5f5 !important;
		margin-top: 35px;
		margin-bottom: -60px;
		padding-top: 35px;
		padding-bottom: 38px;
	}
	h5.top-htag-bg-contactform{
		background-color: #f5f5f5 !important;
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.cognito{
		width: 35%;
	}
	.c-text-singleline, .c-phone-international{
		width: 100% !important;
	}
	.c-button-section{
	}
	.c-button{
	}
}

/* 記事ページ（tableタグ） */
table.articles-table-deep th, td, table.articles-table-light th, td, table.articles-table-light-row1 th, td{
	border: 3px solid #fff;
}

table.articles-table-deep th{
	background-color: #172330;
	text-align: center;
	color: #fff;
	padding: 20px;
}

table.articles-table-light th, table.articles-table-light-row1 th{
	background-color: #43668c;
	text-align: center;
	color: #fff;
	padding: 20px;
}

table.articles-table-deep td, table.articles-table-light td, table.articles-table-light-row1 td{
	background-color: #f5f5f5;
	vertical-align: middle;
	text-align: center;
	border: 3px solid #fff;
	padding: 15px;
}

table.articles-table-light-row1 tr:nth-child(1) {
}

.articles-attention{
	color: grey;
	font-size: x-small;
	line-height: 12px;
}

/* LP（/lp-2） */


/* h2タグの位置調整（PC） */
h2.lp2-68countries{
	margin-top: 32px !important;
}

/* ボタン（スライド） */
.cmn-btn {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #fff;
  font-weight: 700;
  background-color: #0055FF;
  transition: 0.3s;
	border-radius: 4px;
}
.cmn-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 2em;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transition: 0.3s;
}
.cmn-btn::after {
  content: '';
  position: absolute;
  top: 50%;
  right: calc(2em + 5px);
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transition: 0.3s;
}
.cmn-btn:hover {
  text-decoration: none;
	color: #fff;
	background-color: #6699FF;
}
.cmn-btn:hover::before {
  right: 1.8em;
}
.cmn-btn:hover::after {
  right: calc(1.8em + 5px);
}

/* ボタン（問い合わせ直結） */
.wpcf7-text, .wpcf7-textarea{
	border-radius: 10px !important;
}

.wpcf7-submit {
  display: block;
  position: relative;
	margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
	height: 80px;
  color: #fff;
  font-weight: 700;
  background-color: #0055FF;
  transition: 0.3s;
	border-radius: 10px !important;
}
.wpcf7-submit:hover {
  text-decoration: none;
	color: #fff;
	background-color: #6699FF;
}

/* エラー発生時 */
.wpcf7-response-output{
	border-color: red !important;
	color: red;
	margin-top: 0px !important;
	font-size: 80%;
	font-weight: bold;
}
.wpcf7-not-valid-tip{
	font-size: 80%;
	font-weight: bold;
}

/* フッター */
p.lp2-attention{
	color: #fff;
	text-align: center;
	font-size: 81%;
	margin-top: 50px;
}
p.lp2-footer-nav, p.lp2-footer-nav a{
	color: #fff;
	text-align: center;
	font-size: 90%;
}
p.copyr{
	color: grey;
	text-align: center;
	font-size: 35%;
}

/* スクール個別紹介ページ */

div.st-slidebox{
	margin-top: 15px;
}

div.st-slidebox-c{
	background-color: #fff;
	padding-right: 0px;
	padding-left: 0px;
}

p.st-btn-open{
	color: #a0c4d3 !important;
}

div.price-detail, div.school-gmap, div.jleague-school-detail{
	margin-top: -20px;
}

p.price-detail,  p.school-gmap{
	text-align: right;
}

p.btn-more-read {
	display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1.5em 3em;
  color: #2285b1;
  font-size: 18px;
  font-weight: 700;
  border: 3px solid #a0c4d3;
  border-radius: 10px;
}

.school-options{
	border: solid 1px #d6ceb4;
	color: #797152;
	display: inline-block;
	font-size: small;
	line-height: 32px;
	margin: 8px 4px;
	padding: 4px;
}

table.shcool-basic th{
	background-color: #f5f5f5;
	color: black;
	font-weight: normal;
}
table.shcool-basic td{
	background-color: #fff;
}

p.template-detail {
	font-size: 90%;
	margin-bottom: -5px !important;
}

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

.btn-publish,
a.btn-publish,
button.btn-publish {
  font-size: 1.0rem;
  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;
}

.btn-publish-wrap {
	text-align: center;
  margin: 50px 0;
}

a.btn-publish-c {
  font-size: 1.375rem;
  position: relative;
  padding: 2rem 2rem 1.5rem 3.5rem;
  color: #fff;
  background: #32b16c;
  -webkit-box-shadow: 0 5px 0 #2c9d60;
  box-shadow: 0 5px 0 #2c9d60;
}

a.btn-publish-c span {
  font-size: 0.9375rem;
  position: absolute;
  top: -10px;
  left: calc(50% - 150px);
  display: block;
  width: 300px;
  padding: 0.2rem 0;
  color: #32b16c;
  border: 2px solid #32b16c;
  border-radius: 0.5rem;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-publish-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #fff;
  background: #30a967;
  -webkit-box-shadow: 0 2px 0 #2c9d60;
  box-shadow: 0 2px 0 #2c9d60;
}

a.btn-publish-c:hover:before {
  left: 2rem;
}


/* Peneira特設LP*/
h1.peneira_h1{
	color: #161b3f;
	text-align: center !important;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 50px;
	font-weight: bold;
}

/* 口コミ */
.kuchikomiWrap{
	margin-top: 50px;
}

.kuchikomiInner{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	overflow-y: hidden;
	overflow-x: hidden;
	padding: 0 20px;
}

.kuchikomiInner.active{
	max-height: none !important;
	overflow-y: visible !important;
}

.kuchikomiCover{
	position: relative;
	margin-bottom: 50px;
}

.kuchikomiCover::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom,transparent, 90%,rgb(255 255 255 / 100%));
}

.kuchikomiCover.active::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: none;
}

.kuchikomi{
	padding-top: 40px;
	position: relative;
	width: 30%;
	margin-right: 3.5%;
	margin-bottom: 30px;
}

/* .kuchikomi:first-of-type{
	margin-left: -5.5%;
}
@media screen and (max-width: 959px){
	.kuchikomi:first-of-type{
		margin-left: -4%;
	}
} */


@media screen and (max-width: 768px){
	.kuchikomi{
		padding-top: 25px;
		margin-top: -100px;
		margin-bottom: 30px;
	}
	.kuchikomi:first-of-type{
		margin-left: 0;
	}
}

.kuchikomi:nth-of-type(3n+3){
	margin-right: 0;
}


@media screen and (max-width: 768px){
	.kuchikomi{
		width: 100%;
		margin-right: 0;
	}
}

.kuchikomi__icon{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
}
@media screen and (max-width: 768px){
	.kuchikomi__icon{
		position: relative;
		top: 90px;
		left: 20px;
		transform: translate(0,0);
	}
}

.kuchikomi__whiteBox{
	box-shadow: 0 0 20px #0000000f;
	background-color: white;
	border-radius: 10px;
	padding: 20px;
	height: 445px
}

@media screen and (max-width: 768px){
	.kuchikomi__whiteBox{
		height: unset;
	}
}

.kuchikomi__head{
	padding-top: 33px;
	display: block;
	font-size: 15px;
	font-weight: bold;
}

@media screen and (max-width: 768px){
	.kuchikomi__head{
		padding-left: 70px;
	}
}

.kuchikomi__content{
	font-size: 14px;
	padding-top: 10px;
	height: 185px;
	overflow: hidden;
}
@media screen and (max-width: 768px){
	.kuchikomi__content{
		height: 120px;
	}
}

.kuchikomi__star{
	display: flex;
	padding-top: 10px;
}

.kuchikomi__star >img{
	display: block;
	margin-right: 10px;
}

.kuchikomi__keiyaku{
	font-size: 12px;
	padding-top: 30px;
	padding-left: 20px;
	position: relative;

}
	
.kuchikomi__keiyaku::before{
	content: '';
	background-image: url(../images/kuchikomi/checkyellow.svg);
	background-size: cover;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 65%;
	left: 0;
}

.kuchikomi__other{
	color: #A1A5AE;
	font-size: 12px;
	padding-top: 6px;
}

.kuchikomiBtn{
	padding: 19px 0;
	width: 256px;
	border-radius: 29px;
	border: solid 1px #23262e;
	text-align: center;
	margin: 0 auto 40px;
	cursor: pointer;
}

.kuchikomiBtn__text{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	position: relative;
}

.kuchikomiBtn__text::after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	background-color: #23262e;
	width: 12px;
	height: 1px;
	transform: translate(36px,-50%);
}

.kuchikomiBtn__text::before{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	background-color: #23262e;
	height: 12px;
	width: 1px;
	transform: translate(30px,-50%);
}

.kuchikomiBtn.active .kuchikomiBtn__text::before{
	display: none;
}