@charset "utf-8";

@media print, screen and (min-width:769px) {
	.slide-wrap {
		margin: calc(59 / 1250 * 100vw) calc(59 / 1250 * 100vw) 0;
		border: solid 0.58vw #666;
		border-radius: 1em;
		background: #ffe7a9;
		/* ↓高さを統一する */
		height: calc(700 / 1250 * 100vw );
	}
	/* ↓紙面紹介枠が空っぽのときでも左右ボタンがセンターにくる用だが、副作用がボタン周りに出るのでダメ
	.slide-wrap ul{
		height: 100%;
	}
	*/
	.pageID-science .slide-wrap{
		background: #eeffee;
	}
	.pageID-math .slide-wrap{
		background: #ddf9ff;
	}
	.pageID-pe .slide-wrap{
		background: #f0eeff;
	}
	
	
	.slide-wrap .item {
		position: relative;
	}
	
	.slick-slider * {
		outline: none;
	}
	
	.slick-arrow {
		width: calc(59 / 1250 * 100vw);
		height: calc(82 / 1250 * 100vw);
		display: inline-block;
		cursor: pointer;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		color: transparent;
		text-indent: 200px;
		overflow: hidden;
		border: none;
		transition: opacity 0.3s ease-out;
	}
	.slick-arrow:hover {
		opacity: 0.7;
	}
	
	.slick-arrow.slick-prev {
		background: url(../../images/arrow_slider_prev.svg) no-repeat 0 0 / contain;
		right: 100%;
	}
	.slick-arrow.slick-next {
		background: url(../../images/arrow_slider_next.svg) no-repeat 0 0 / contain;
		left: 100%;
	}
	.pageID-science .slick-arrow.slick-prev {
		background: url(../../images/arrow_slider_sc_prev.svg) no-repeat 0 0 / contain;
		right: 100%;
	}
	.pageID-science .slick-arrow.slick-next {
		background: url(../../images/arrow_slider_sc_next.svg) no-repeat 0 0 / contain;
		left: 100%;
	}
	.pageID-math .slick-arrow.slick-prev {
		background: url(../../images/arrow_slider_ma_prev.svg) no-repeat 0 0 / contain;
		right: 100%;
	}
	.pageID-math .slick-arrow.slick-next {
		background: url(../../images/arrow_slider_ma_next.svg) no-repeat 0 0 / contain;
		left: 100%;
	}
	.pageID-pe .slick-arrow.slick-prev {
		background: url(../../images/arrow_slider_pe_prev.svg) no-repeat 0 0 / contain;
		right: 100%;
	}
	.pageID-pe .slick-arrow.slick-next {
		background: url(../../images/arrow_slider_pe_next.svg) no-repeat 0 0 / contain;
		left: 100%;
	}
	
	.slick-dots {
		width: calc(100% + 14px);
		position: absolute;
		left: -7px;
		display: flex;
		flex-wrap: wrap;
		bottom: calc(100% + 40px);
	}
	.slick-dots li {
		width: calc(342 / 1082 * 100%);
		margin-right: calc(27.6 / 1082 * 100%);
	}
	.slick-dots li:nth-child(3n) {
		margin-right: 0;
	}
	.slick-dots li:nth-child(3) ~ li {
		margin-top: 24px;
	}
	.slick-dots li button {
		width: 100%;
		height: 52px;
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		border: none;
		border-radius: 26px;
		overflow: hidden;
		color: transparent;
		cursor: pointer;
		transition: background 0.3s ease-out;
	}
	.slick-dots li.slick-active button,
	.slick-dots li button:hover {
		background: #ffd941;
	}
	
	.slick-dots li button::before {
		color: #040000;
		font-size: calc(18 / 1250 * 100vw);
		letter-spacing: 0.1em;
		font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
		font-weight: 500;
	}
	
	.pageID-pe #new .slick-dots li:nth-child(1) button::before { content: "＞CBT（WEBテスト）"; }
	.pageID-pe #new .slick-dots li:nth-child(2) button::before { content: "＞シミュレーション"; }
	.pageID-pe #new .slick-dots li:nth-child(3) button::before { content: "＞動画"; }
	.pageID-pe #new .slick-dots li:nth-child(4) button::before { content: "＞読みもの"; }
	.pageID-pe #new .slick-dots li:nth-child(5) button::before { content: "＞二次元コード"; }
	
	.pageID-pe #check1 .slick-dots li:nth-child(1) button::before { content: "＞１時間見開き２ページ"; }
	.pageID-pe #check1 .slick-dots li:nth-child(2) button::before { content: "＞わかりやすいマーク類"; }
	.pageID-pe #check1 .slick-dots li:nth-child(3) button::before { content: "＞１時間の授業の流れ"; }
	.pageID-pe #check1 .slick-dots li:nth-child(4) button::before { content: "＞学びを活かそう"; }
	
	.pageID-pe #check2 .slick-dots li:nth-child(1) button::before { content: "＞魅力的な写真と口絵"; }
	.pageID-pe #check2 .slick-dots li:nth-child(2) button::before { content: "＞折り込み構造の心肺蘇生法"; }
	.pageID-pe #check2 .slick-dots li:nth-child(3) button::before { content: "＞ストレスへの対処技能"; }
	.pageID-pe #check2 .slick-dots li:nth-child(4) button::before { content: "＞学習のまとめ"; }
	.pageID-pe #check2 .slick-dots li:nth-child(5) button::before { content: "＞章末資料"; }
	.pageID-pe #check2 .slick-dots li:nth-child(6) button::before { content: "＞系統的な学びへの配慮"; }
	
	.pageID-pe #check3 .slick-dots li:nth-child(1) button::before { content: "＞多様性の尊重①"; }
	.pageID-pe #check3 .slick-dots li:nth-child(2) button::before { content: "＞多様性の尊重②"; }
	.pageID-pe #check3 .slick-dots li:nth-child(3) button::before { content: "＞感染症"; }
	.pageID-pe #check3 .slick-dots li:nth-child(4) button::before { content: "＞熱中症"; }
	.pageID-pe #check3 .slick-dots li:nth-child(5) button::before { content: "＞情報リテラシー"; }
	.pageID-pe #check3 .slick-dots li:nth-child(6) button::before { content: "＞STEAM教育"; }
	
	
	.pageID-math #new .slick-dots li:nth-child(1) button::before{ content: "＞例・例題の解説動画"; }
	.pageID-math #new .slick-dots li:nth-child(2) button::before{ content: "＞統計ツール"; }
	.pageID-math #new .slick-dots li:nth-child(3) button::before{ content: "＞作図・実験の動画"; }
	.pageID-math #new .slick-dots li:nth-child(4) button::before{ content: "＞CBT対応 WEBテスト"; }
	.pageID-math #new .slick-dots li:nth-child(5) button::before{ content: "＞二次元コード"; }
	/*
	.pageID-math #point1 .slick-dots li:nth-child(1) button::before {
		content: "＞「導入の活動」から始まるスムーズな学習";
		letter-spacing: -1px;
		white-space: nowrap;
		transform-origin: center center;
		transform: scaleX(0.85);
	}
	*/
	.pageID-math #check1 .slick-dots li:nth-child(1) button::before { content: "＞協働的な学び①"; }
	.pageID-math #check1 .slick-dots li:nth-child(2) button::before { content: "＞協働的な学び②"; }
	.pageID-math #check1 .slick-dots li:nth-child(3) button::before { content: "＞個別最適な学び①";
	}
	.pageID-math #check1 .slick-dots li:nth-child(4) button::before { content: "＞個別最適な学び②"; }
	.pageID-math #check1 .slick-dots li:nth-child(5) button::before { content: "＞個別最適な学び③"; }
	
	
	.pageID-math #check2 .slick-dots li:nth-child(1) button::before { content: "＞問題発見・問題解決の流れ①"; }
	.pageID-math #check2 .slick-dots li:nth-child(2) button::before { content: "＞問題発見・問題解決の流れ②"; }
	.pageID-math #check2 .slick-dots li:nth-child(3) button::before { content: "＞PPDACサイクル"; }
	.pageID-math #check2 .slick-dots li:nth-child(4) button::before { content: "＞思考力、判断力、表現力"; }
	.pageID-math #check2 .slick-dots li:nth-child(5) button::before { content: "＞言語活動・ノート作り"; }
	
	
	.pageID-math #check3 .slick-dots li:nth-child(1) button::before { content: "＞学びにプラス"; }
	.pageID-math #check3 .slick-dots li:nth-child(2) button::before { content: "＞活用・探究"; }
	.pageID-math #check3 .slick-dots li:nth-child(3) button::before { content: "＞社会にリンク"; }
	.pageID-math #check3 .slick-dots li:nth-child(4) button::before { content: "＞課題学習"; }
	.pageID-math #check3 .slick-dots li:nth-child(5) button::before { content: "＞MATHFUL"; }
	
	
	.pageID-math #check4 .slick-dots li:nth-child(1) button::before { content: "＞多様性への配慮"; }
	.pageID-math #check4 .slick-dots li:nth-child(2) button::before { content: "＞SDGsとの関連"; }
	.pageID-math #check4 .slick-dots li:nth-child(3) button::before { content: "＞防災教育との関連"; }
	.pageID-math #check4 .slick-dots li:nth-child(4) button::before { content: "＞主権者教育との関連"; }
	.pageID-math #check4 .slick-dots li:nth-child(5) button::before { content: "＞日本の伝統文化"; }
	

	
	
	.pageID-science #new .slick-dots li:nth-child(1) button::before { content: "＞観察・実験動画"; }
	.pageID-science #new .slick-dots li:nth-child(2) button::before { content: "＞やってみよう動画"; }
	.pageID-science #new .slick-dots li:nth-child(3) button::before { content: "＞学習のまとめWEBテスト"; }
	.pageID-science #new .slick-dots li:nth-child(4) button::before { content: "＞Try! WEBテスト"; }
	.pageID-science #new .slick-dots li:nth-child(5) button::before { content: "＞二次元コード"; }
	.pageID-science #new .slick-dots li:nth-child(6) button::before { content: "＞自然観察スポット集"; }
	
	.pageID-science #check1 .slick-dots li:nth-child(1) button::before { content: "＞探究の過程① 課題の把握"; }
	.pageID-science #check1 .slick-dots li:nth-child(2) button::before { content: "＞探究の過程② 課題の探究"; }
	.pageID-science #check1 .slick-dots li:nth-child(3) button::before { content: "＞探究の過程③ 課題の解決"; }
	.pageID-science #check1 .slick-dots li:nth-child(4) button::before { content: "＞探究活動"; }
	
	.pageID-science #check2 .slick-dots li:nth-child(1) button::before { content: "＞例題"; }
	.pageID-science #check2 .slick-dots li:nth-child(2) button::before { content: "＞単元末問題・読解力問題"; }
	.pageID-science #check2 .slick-dots li:nth-child(3) button::before { content: "＞基本操作"; }
	.pageID-science #check2 .slick-dots li:nth-child(4) button::before { content: "＞理科室のきまり"; }
	.pageID-science #check2 .slick-dots li:nth-child(5) button::before { content: "＞ノートやレポートの書き方"; }
	
	.pageID-science #check3 .slick-dots li:nth-child(1) button::before { content: "＞SDGs"; }
	.pageID-science #check3 .slick-dots li:nth-child(2) button::before { content: "＞STEAM教育"; }
	.pageID-science #check3 .slick-dots li:nth-child(3) button::before { content: "＞国際理解"; }
	.pageID-science #check3 .slick-dots li:nth-child(4) button::before { content: "＞歴史・伝統・文化"; }
	.pageID-science #check3 .slick-dots li:nth-child(5) button::before { content: "＞キャリア教育"; }
	.pageID-science #check3 .slick-dots li:nth-child(6) button::before { content: "＞防災・減災"; }
	
	.pageID-science #check4 .slick-dots li:nth-child(1) button::before { content: "＞取り組みやすい観察"; }
	.pageID-science #check4 .slick-dots li:nth-child(2) button::before { content: "＞再現性の高い実験"; }
	.pageID-science #check4 .slick-dots li:nth-child(3) button::before { content: "＞わかりやすく・読みやすく"; }
	
	
}

@media print, screen and (min-width: 1250px) { /* PCスライダー (大きい幅用) */
	.slide-wrap {
		margin: 59px 59px 0;
		border-width: 7px;
		/* ↓高さを統一する 
		height: 700px;*/
	}

	.slick-arrow {
		width: 59px;
		height: 82px;
	}

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