/****************************************/
/********** ArtLab-Tokyo [CSS] **********/
/****************************************/


/****************************** base（基本リセット） ******************************/

html {
	font-size: 16px;
}

@media (min-width: 48em) {
	html {
		font-size: 16px;
	}
}

body {
	position: relative;
	overflow-y: scroll;/* - 常時スクロールバーを表示(デザイン崩れ防止) - */
	margin: auto;
	margin-top: 50px;
	color: var(--color-text);
	background-color: #fffff0;
	
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",'メイリオ', 'Meiryo', sans-serif;
}

@media (min-width: 48em) {
	body {
		margin-top: 0;
		font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",'メイリオ', 'Meiryo', sans-serif;
	}
}

body:not(.iframe_item) {
	display: none;/* - ページ読み込み時のStellarNav.jsの表示崩れ対策 - */
}

main {
	display: block;
	padding-top: 20px;
}

@media (min-width: 48em) {
	main {
		padding-top: 60px; /* PC表示時のみ余白を追加 */
	}
}
a {
	color: var(--color-link);
}

a {
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	text-decoration: none;
	color: var(--color-link-hover);
}

a:not(.btn):focus {
	transition-property: none !important;
}

a[href^='tel:'] {
	pointer-events: none;
}

img {
	max-width: 100%;/* - 解除はmax-width:initial; - */
	height: auto;
}

a,
img {
	transition: all 0.3s ease;
}

button:focus {
	outline: none;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
		/* コンテンツ内は除外 */
		.school-card ul,
		.school-card ol,
		.article-content ul,
		.article-content ol {
			margin: revert;       /* ブラウザ既定値に戻す */
			padding: revert;
			list-style: revert;
		}


section {
	padding: 0rem 0;
}

@media (min-width: 48em) {
	section {
		padding: 0rem 0;
	}
}


/*--------------------------------------------------------------
# link
--------------------------------------------------------------*/
a.anchor {
	display: block;
	margin-top: -120px;
	padding-top: 120px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
}

.sp {
	display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}
}

/*--------------------------------------------------------------
# スマホのみ改行
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.sp_br {
		display: none;
	}
}

/****************************** base End ******************************/