/*************************************************************************************************
/* 株式会社ワイエスケー CSS
**************************************************************************************************/

@charset "utf-8";
/*************************************************************************************************
/* 基本設定
**************************************************************************************************/
body {
	font-family:				"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
	color:						#ffffff;
	font-size:					15px;
}
.size_S {
	font-size:					13px;
}
.size_L {
	font-size:					18px;
}
.size_LL {
	font-size:					24px;
}
a {
	color:						#ffffff;
}
p {
	line-height:				1.6;
}
p.center {
	text-align:					center;
}
p.uline, span.uline {
	text-decoration:			underline;
}
p.fbold {
	font-weight:				bold;
}
@media print,screen and (max-width:780px){
	body {
		font-size:					14px;
	}
	.size_S {
		font-size:					12px;
	}
	.size_L {
		font-size:					16px;
	}
	.size_LL {
		font-size:					22px;
	}
}
@media print,screen and (max-width:640px){
	body {
		font-size:					12px;
	}
	.size_S {
		font-size:					10px;
	}
	.size_L {
		font-size:					14px;
	}
	.size_LL {
		font-size:					20px;
	}
}
/*************************************************************************************************
/* 共通
**************************************************************************************************/
/* 汎用 */
br.dmode {
	display:					block;
}
.mark01 {
	width:						24px;
}
.color_title, .color_price {
	color:						#fff226;
}
.color_logo {
	color:						#122F64;
}
hr{
	border:						none;
	border-top:					solid 1px #ffffff;
}
/* ヘッダー */
.header_items img.copy {
	width:						440px;
}
.header_items img.tel {
	margin-right:				3px;
	width:						320px;
}
.header_items img.sns {
	margin-right:				2px;
	width:						36px;
}
/* ヘッダーメニュー */
.header_menu a, p.header_menu {
	color:						#6CB92D;
}
.header_menu br.mode {
	display:					none;
}
/* サイドメニュー */
.side_menu {
	background-color:			#ffffff;
	border-radius:				20px;
}
.side_menu ul {
	list-style:					none;
}
.side_menu ul li {
	padding-bottom:				5px;
}
.side_menu ul li:first-child {
	padding-bottom:				10px;
}
.side_menu ul li:nth-child(6) {
	padding-bottom:				15px;
}
.side_menu ul li:last-child {
	padding-bottom:				20px;
}
.side_menu ul li img.btn {
	width:						190px;
}
/* フッター */
.footer_area p.text {
	letter-spacing:				2px;
}
.footer_area .pcmode {
	display:					block;
}
.footer_area .mbmode {
	display:					none;
}
.footer_area .tel_area {
	margin:						0 auto;
	width:						550px;
}
.footer_area ul.tel_btn {
	display:					table;
	table-layout:				fixed;
	padding:					0 10px;
	margin-bottom:				15px;
	width:						100%;
	border:						2px solid #ffffff;
	border-radius:				30px;
}
.footer_area ul.tel_btn li.col01 {
	display:					table-cell;
	text-align:					center;
	vertical-align:				middle;
	width:						32%;
	font-weight:				bold;
	font-size:					24px;
	line-height:				1;
}
.footer_area ul.tel_btn li.col02 {
	display:					table-cell;	
	text-align:					center;
	vertical-align:				middle;
	width:						68%;
	font-weight:				bold;
	font-size:					35px;
}
.footer_area p.sns_text {
	letter-spacing:				1px;
	padding-bottom:				15px;
}
.footer_area .sns_btn {
	padding-bottom:				70px;
}
.footer_area .sns_btn img {
	width:						230px;
}
.footer_area p.company {
	letter-spacing:				1px;
}
.footer_area p.copyright {
	letter-spacing:				1px;
}
/* ページトップボタン */
#pagetop {
	position:					fixed;
	width:						60px;
	height:						60px;
	right:						0;
	bottom:						0;
	z-index:					9999;
	background-color: 			#dddddd;
	opacity:					0.8;
}
/* GoogleMap */
.googlemap {
	position: 					relative;
	padding-bottom: 			75.5%;
	height: 					0;
	overflow: 					hidden;
	background-color:			#ffffff;
	border: 					solid 1px #afafaf;
}
.googlemap iframe {
	position: 					absolute;
	top: 						0;
	left: 						0;
	width: 						100% !important;
	height: 					100% !important;
	padding: 					3px;
}
.mb_10 {
	margin-bottom:				10px;
}
.mb_20 {
	margin-bottom:				20px;
}
.mb_30 {
	margin-bottom:				30px;
}
/* タブレット用 */
@media print,screen and (max-width:780px){
	.header_items img.sns {
		margin:						2px 2px 0 0;
		width:						36px;
	}
	.header_menu br.mode {
		display:					block;
	}
	.footer_area .pcmode {
		display:					none;
	}
	.footer_area .mbmode {
		display:					block;
	}
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	.mark01 {
		width:						18px;
	}
	/* ヘッダー */
	.header_items table.logo_area {
		table-layout:				fixed;
		width:						100%;
		margin-bottom:				4px;
	}
	.header_items table.logo_area td.col01 {
		width:						30%;
		text-align:					right;
	}
	.header_items table.logo_area td.col02 {
		padding-left:				7px;
		width:						70%;
		text-align:					left;
		vertical-align:				middle;
	}
	.header_items table img.logo_mobile {
		width:						64px;
	}
	.header_items img.copy {
		width:						350px;
		margin-bottom:				5px;
	}
	.header_items img.tel {
		width:						350px;
		margin-bottom:				5px;
	}
	.header_items img.sns {
		width:						36px;
	}
	.footer_area .tel_area {
		width:						340px;
	}
	.footer_area ul.tel_btn {
		padding:					5px 10px 0;
		border-radius:				15px;
	}
	.footer_area ul.tel_btn li.col01 {
		font-size:					17px;
	}
	.footer_area ul.tel_btn li.col02 {
		width:						68%;
		font-size:					22px;
	}
	/* drawer用 */
	.drawer-hamburger{
		padding:					11px .50rem 21px;
		background-color:			rgba(255,255,255,.9);
		border-top:					2px solid #707070;
		border-left:				2px solid #707070;
		border-bottom:				2px solid #707070;
	}
	.drawer-hamburger:hover{
		background-color:			rgba(255,255,255,.9);
	}
	.drawer-nav ul.drawer-menu li {
		text-align:					center;
	} 
	.drawer-nav ul.drawer-menu li a.drawer-menu-item {
		padding:					8px;
	} 
}
/*************************************************************************************************
/* TOP
**************************************************************************************************/
/* PC用 */
/* 珠・ポップアップ表示 */
.s01_popup {
	background-color:			#ffffff;
}
.s01_popup img {
	width:						90px;
}
.s01_popup img.lrm {
	margin:						0 10px;
}
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	.s01_popup img {
		width:						70px;
	}
}
/*************************************************************************************************
/* ホーム
**************************************************************************************************/
/* PC用 */
/* ご挨拶 */
.s02_mesboard02 {
	padding:					20px 20px;
	background-image:			url("images/board02.png");
	background-size:			contain;
}
/* お知らせ */
.feed_items p.feed_date {
	color:						#ffffff;
}
/* 教室案内 */
.s02_roominfo ul.greeting {
	display:					table;
	table-layout:				fixed;
	width:						100%;
}
.s02_roominfo ul.greeting li.col01 {
	display:					table-cell;
	vertical-align:				top;
	width:						75%;
}
.s02_roominfo ul.greeting li.col02 {
	display:					table-cell;	
	padding-left:				5px;
	vertical-align:				middle;
	width:						25%;
}
table.s02_roompict {
	table-layout:				fixed;
	width:						100%;
}
table.s02_roompict td.col01 {
	width:						50%;
}
table.s02_roompict td.col02 {
	width:						50%;
}
/* 入塾までの流れ */
.s02_flow {
	background-image:			url("images/char03.png");
	background-repeat:			no-repeat;
	background-position:		right bottom;
	background-size:			258px;
}
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	/* 教室案内 */
	.s02_roominfo ul.greeting li.col01 {
		width:						65%;
	}
	.s02_roominfo ul.greeting li.col02 {
		padding-left:				5px;
		width:						35%;
	}
	/* 入塾までの流れ */
	.s02_flow {
		background-size:			120px;
	}
	table.s02_flow_mb {
		table-layout:				fixed;
		width:						100%;
	}
	table.s02_flow_mb td.col01 {
		width:						50%;
	}
	table.s02_flow_mb td.col02 {
		width:						50%;
		vertical-align:				middle;
	}
	table.s02_flow_mb p {
		padding:					10px 0 2px;
	}
}
/*************************************************************************************************
/* 能力開発アプリ
**************************************************************************************************/
/* PC用 */
/* 教室案内 */
.s03_development ul.info {
	display:					table;
	table-layout:				fixed;
	width:						100%;
}
.s03_development ul.info li.col01 {
	display:					table-cell;
	padding:					0 10px 0 0;
	vertical-align:				middle;
	width:						50%;
}
.s03_development ul.info li.col02 {
	display:					table-cell;	
	padding:					0 15px;
	vertical-align:				middle;
	width:						50%;
}
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	.s03_development ul.info li.col02 {
		padding:					0 0 0 10px;
	}
}
/*************************************************************************************************
/* お子様の安心のセキュリティ
**************************************************************************************************/
/* PC用 */
.s04_development ul.info {
	display:					table;
	table-layout:				fixed;
	width:						100%;
}
.s04_development ul.info li.col01 {
	display:					table-cell;
	padding:					0 10px 0 0;
	vertical-align:				middle;
	width:						50%;
}
.s04_development ul.info li.col02 {
	display:					table-cell;	
	padding:					0 15px;
	vertical-align:				middle;
	width:						50%;
}
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	.s04_development ul.info li.col02 {
		padding:					0 0 0 10px;
	}
}
/*************************************************************************************************
/* よくある質問
**************************************************************************************************/
/* PC用 */
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
}
/*************************************************************************************************
/* お問合せ
**************************************************************************************************/
/* PC用 */
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
}

.banner_covid {
	position:			relative;
}
.textblink {
	position:			absolute;
	top:				10px;
	left:				0;
	right:				0;
	margin:				auto;
	font-size:			24px;
	font-weight:		bold;
	color:				#007033;
	text-align:			center;
	-webkit-animation:	blink 1.1s ease-in-out infinite alternate;
	animation:			blink 1.1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.covtitle_size {
	font-size:			28px;
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	.textblink {
		top:				5px;
		font-size:			12px;
	}
	.covtitle_size {
		font-size:			26px;
	}
}