@charset "utf-8";
@media (max-width: 768px) {
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	スマホヘッダー　＞　固定時に、ナビ部分に不自然な余白が出る件の修正
	（sticky-placeholderというダミー要素内で、メニューアイコンが落ちていた）2023-04-11mk
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	nav#sticky-placeholder button.menu-toggle {
		display:none;
	}
	
	/*追加　2023-04-13og*/
	.sp nav#mobile-header button.menu-toggle,
	nav#generate-slideout-menu button.slideout-exit {
		display:none;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	Global Styles　＞　見出し
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	/* 見出し大1 */
	.gb-headline-h_large1::before{
		font-size:1.3em;
		left:5px;
	}
	
	/* 見出し大3*/
	.gb-headline-h_large3::before{
		font-size: 44px;
	}
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	汎用　＞　ボタン
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	.gb-button-basic_btn01{
		min-width:220px;
	}	
	.gb-button-basic_btn01::after{
		font-size:10px;
		right:5px;
	}
	
	#mobile-header.is_stuck{
		background-color:#fff;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	汎用　tel01
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	.cmn_tel01::before{
		width:38px;
		height:38px;
		top: calc((50% - 19px) * -1);
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ヘッダー　
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	.mobile-header-navigation .site-logo.mobile-header-logo img {
		max-height: 50px;
		height: auto;
	}
	
	.site-logo.mobile-header-logo {
    	flex: 1;
	}
	
	.main-title{
		display:block;
	}
	
	#generate-slideout-menu{
		background:#fff;
	}
	
	#generate-slideout-menu li.menu-item[class*="current-menu"]  a{
		color:var(--company-color);
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ヘッダー　＞　電話アイコン
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	/*電話アイコン*/
	.inside-navigation a[href*="tel:"]{
		order:1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width:48px;
		height:48px;
		border-radius: 50%;
		border:1px solid var(--accent);
		margin-right:10px;
		margin-left: 50px;
	}
	
	.inside-navigation .tel_ttl{
		font-size:12px;
		line-height: 1;
		color:var(--accent);
		font-family: EB Garamond;
	}
	
	.inside-navigation .icon-phone1{
		font-size:1.2em;
		font-weight: normal;
		color:var(--accent);
	}
	
	/*レイアウト調整*/
	#generate-slideout-menu li.menu-item a {
		padding-left:60px;
		padding-right:40px;
	}
	/*今回サブメーニューはないため*/
	#generate-slideout-menu li.menu-item .sub-menu a{
		padding: 12px 25px 12px 40px;
		font-size:14px;
		margin-left: 50px;
		margin-right:30px;
	}
	
	.main-navigation .main-nav ul li[class*="current-menu"]:not([class*="ancestor"]) > a::before {
		content: "\e913";
		font-family: icomoon;
		font-size: 2em;
		line-height: 1;
		position: absolute;
		font-weight: normal;
		color: var(--company-color);
		background:no-repeat url(images/current.svg) 50% / contain;
		top:calc(50% - 22px);;
		opacity:0;
		left: 25px;
	}
	
	.main-navigation .main-nav ul > li[class*='current-menu']:not([class*="ancestor"]) > a::before{
		opacity:1;
	}

	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ポップアップ
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	div#tel_lb .inner{
		background-color:var(--company-color);
	}
	
	div#tel_lb .btn a{
		color:var(--company-color)!important;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	promo 
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	#home_promo{
	height:calc(100svh - 60px);
	}

	.home_promo .since:before,
	.home_promo .since:after{
		width:6px;
		height:6px;
		top:calc(50% - 3px);
	}

	.home_promo .since:before{
		left:calc(15px - 3px);
	}

	.home_promo .since:after{
		right:calc(15px - 3px);
	}
	
	.home_promo h3.txt::before,
	.home_promo h3.txt::after{
		width:15px;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	TOP > 小学生向け教材・教具が勢揃い
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	#home_message .paint_wrap,
	.home_message .paint_wrap[class*="editor"]{
		top:-30px;
	}
	
	#home_message::before,
	.home_message[class*="editor"]::before{
		background-size: 35px 35px;
		background-image:
		repeating-linear-gradient(
			90deg,
			var(--accent) ,
			var(--accent) 1px,
			transparent 1px,
			transparent 35px
		),
		repeating-linear-gradient(
			0deg,
			var(--accent) ,
			var(--accent) 1px,
			transparent 1px,
			transparent 35px
		);
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	TOP > map
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	
	/*Gmapレスポンシブ化*/
	#home_access{
		width: calc(100% + 30px);
		height: 0;
		padding-top: 75%; /* 比率を4:3に固定 */
	}
	#home_access iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	お問い合わせエリア
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	#contact_area .ttl_wrap::before{
		width:220px;
		left: calc(50% - 110px + 15px);

	}

	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	フッター
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	#footer-widgets .inside-footer-widgets>div:not(:last-child){
		margin-bottom:0;
	}
	
}/*メディアクエリ終了*/