@charset "utf-8";

/* -------------------------------------------------
	subject-top-accordion
------------------------------------------------- */

@media screen and (max-width:768px) {
	#subject-top-accordion {
		margin: calc(-35 / 640 * 100vw) 0 calc(35 / 640 * 100vw);
		position: relative;
		z-index: 10;
		transition: margin 0.3s ease-out;
	}
	#subject-top-accordion.on {
		margin-bottom: 0;
	}
	#subject-top-accordion ul {
		display: none;
	}
	#subject-top-accordion li + li {
		margin-top: 2px;
	}
	#subject-top-accordion a {
		height: calc(76 / 640 * 100vw);
		font-size: calc(23 / 640 * 100vw);
		font-weight: 700;
		letter-spacing: 0.2em;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.pageID-pe #subject-top-accordion a { background: #e4e8f8; }
	.pageID-math #subject-top-accordion a { background: #c4e9fb; }
	.pageID-science #subject-top-accordion a { background: #c7efdf; }
}

/* -------------------------------------------------
	first-view (共通)
------------------------------------------------- */

#first-view {
	padding: 40px 0 60px;
	text-align: center;
}

.pageID-pe #first-view { background: #9294d3; }
.pageID-math #first-view { background: #6cc9f4; }
.pageID-science #first-view { background: #72d6af; }

#first-view .mov {
	margin: 25px auto;
}
#first-view .mov iframe {
	width: 960px;
	height: calc(960px * 360 / 640);
}
#first-view .btn {
	width: 624px;
	height: 78px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	letter-spacing: 0.2em;
	font-weight: 700;
	box-shadow: 15px 15px 10px 0 rgba(0,0,0,0.24);
	border-radius: 39px;
	transition: background 0.3s ease-out;
}
.pageID-pe #first-view .btn { background: #e4e8f8; }
.pageID-math #first-view .btn { background: #c4e9fb; }
.pageID-science #first-view .btn { background: #c7efdf; }

@media print, screen and (min-width:769px) {
	.pageID-pe #first-view .btn:hover { background: #f4f6fc; }
	.pageID-math #first-view .btn:hover { background: #e7f6fd; }
	.pageID-science #first-view .btn:hover { background: #ddf5ec; }
}

@media print, screen and (min-width:769px) and (max-width:1040px) {
	#first-view .mov iframe {
		width: 92vw;
		height: calc(92vw * 360 / 640);
	}
}

@media screen and (max-width:768px) {
	#first-view {
		padding: calc(80 / 640 * 100vw) 0 calc(60 / 640 * 100vw);
	}
	#first-view .title .copy {
		width: calc(533 / 640 * 100vw);
	}
	#first-view .mov {
		max-width: none;
		margin: calc(35 / 640 * 100vw) auto calc(40 / 640 * 100vw);
	}
	#first-view .mov iframe {
		width: 86vw;
		height: calc(86vw * 360 / 640);
	}
	#first-view .btn {
		width: calc(567 / 640 * 100vw);
		height: calc(101 / 640 * 100vw);
		font-size: calc(27 / 640 * 100vw);
		letter-spacing: 0.1em;
		box-shadow: 1vw 1vw 2vw 0 rgba(0,0,0,0.24);
		border-radius: calc(55.5 / 640 * 100vw);
	}
}

/* -------------------------------------------------
	first-view (キャッチコピーと教科書部分)
------------------------------------------------- */

@media print, screen and (min-width:769px) {
	#first-view .title {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#first-view .title .copy {
		width: 498px;
	}
	#first-view .title .headline {
		margin-left: 18px;
		text-align: center;
		display: flex;
	}
	#first-view .title .headline span {
		display: inline-block;
	}
	#first-view .title .headline img {
		width: 135px;
		box-shadow: 15px 15px 10px 0 rgba(0,0,0,0.24);
	}
	.pageID-pe #first-view .title .headline img {
		width: 167px;
	}
	#first-view .title .headline > span + span {
		margin-left: 14px;
	}
	#first-view .title .headline span span {
		width: 100%;
		margin-top: 0.8em;
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 0.2em;
	}
}

@media print, screen and (min-width:769px) and (max-width:1070px) {
	#first-view .title {
		flex-direction: column;
	}
	#first-view .title .copy {
		position: relative;
		left: 5px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:768px) {
	#first-view .title .headline {
		margin: calc(30 / 640 * 100vw) auto 6vw;
		display: flex;
		justify-content: center;
	}
	#first-view .title .headline span {
		display: inline-block;
	}
	#first-view .title .headline > span {
		width: calc(155 / 640 * 100vw);
	}
	.pageID-pe #first-view .title .headline > span {
		width: calc(200 / 640 * 100vw);
	}
	#first-view .title .headline > span + span {
		margin-left: calc(20 / 640 * 100vw);
	}
	#first-view .title .headline span span {
		width: 100%;
		margin-top: 0.8em;
		font-size: calc(32 / 640 * 100vw);
		font-weight: 500;
		letter-spacing: 0.2em;
	}
	.pageID-math #first-view .title .headline img {
		box-shadow: 1vw 1vw 2vw 0 rgba(0,0,0,0.6);
	}
}

/* -------------------------------------------------
	concept
------------------------------------------------- */

#concept {
	padding: 160px 0 80px;
	text-align: center;
	background: url(../../common/images/ico_ex.svg) no-repeat center 75px / 112px auto;
}
#concept .headline {
	font-size: 30px;
	font-weight: 700;
	/* 「コンセプト」の替わりにコピーを入れる ２行になることもあるので改行ピッチ追加
	letter-spacing: 0.4em;
	*/
	letter-spacing: 0.1em;
	line-height: 1.25;
}
#concept .lead {
	margin-top: 75px;
	font-size: 29px;
	line-height: 1.96;
}
#concept dl {
	margin-top: 45px;
	display: inline-block;
}
#concept dl dt {
	padding-bottom: 33px;
	margin-bottom: 48px;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.4em;
}

.pageID-pe dl dt { background: url(../../pe/images/bar.svg) no-repeat center bottom / 417px auto; }
.pageID-math dl dt { background: url(../../math/images/bar.svg) no-repeat center bottom / 417px auto; }
.pageID-science dl dt { background: url(../../science/images/bar.svg) no-repeat center bottom / 417px auto; }

/* 新たな工夫class:new_featureと区別 */
#concept dl dd {
	font-size: 25px;
	text-align: left;
	position: relative;
	line-height: 1.4;
}
#concept dl:not(.new_feature) dd{
	padding-left: 95px;
}
#concept dl dd::before {
	width: 64px;
	height: 55px;
	margin-right: 0.7em;
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: -10px;
}

.pageID-pe #concept dl:not(.new_feature) dd::before { background: url(../../pe/images/check.svg) no-repeat left center / contain; }
.pageID-math #concept dl:not(.new_feature) dd::before { background: url(../../math/images/check.svg) no-repeat left center / contain; }
.pageID-science #concept dl:not(.new_feature) dd::before { background: url(../../science/images/check.svg) no-repeat left center / contain; }

/* ボタンとわかるようにアイコン追加 */
#concept dl dd::after {
	width: 33px;
	height: 33px;
	margin-left: 0em;
	content: "";
	display: inline-block;
	vertical-align: text-top;
	position: relative;
	right: 0;
	top: 4px;
}
.pageID-pe #concept dl dd::after { background: url("../../pe/images/icon_inner_jump.svg") no-repeat left center / contain; }
.pageID-math #concept dl dd::after {
	margin-left: .5em;
	background: url("../../math/images/icon_inner_jump.svg") no-repeat left center / contain;
}
.pageID-science #concept dl dd::after {
	margin-left: .5em;
	background: url("../../science/images/icon_inner_jump.svg") no-repeat left center / contain;
}


#concept dl a:not(:first-child) {
	display: block;
	margin-top: 65px;
}
#concept dl dd .posfix {
	position: relative;
	left: -0.5em;
}
#concept dl dd .spacer {
	display: inline-block;
	width: 0.5em;
}

@media screen and (max-width:768px) {
	#concept {
		padding: calc(135 / 640 * 100vw) 0 calc(50 / 640 * 100vw);
		background: url(../../common/images/ico_ex.svg) no-repeat center 5.5vw / 21.9vw auto;
	}
	#concept .headline {
		font-size: calc(37 / 640 * 100vw);
	}
	#concept .lead {
		margin-top: calc(100 / 640 * 100vw);
		font-size: calc(30 / 640 * 100vw);
	}
	#concept dl {
		margin-top: calc(65 / 640 * 100vw);
	}
	#concept dl dt {
		padding-bottom: calc(28 / 640 * 100vw);
		margin-bottom: calc(55 / 640 * 100vw);
		font-size: calc(37 / 640 * 100vw);
		background-size: 62.1vw auto !important;
	}
	#concept dl dd {
		font-size: calc(32 / 640 * 100vw);
		line-height: 1.5;
	}
	#concept dl:not(.new_feature) dd {
		padding-left: calc(64 / 640 * 100vw);
	}
	#concept dl dd::before {
		width: calc(50 / 640 * 100vw);
		height: calc(43 / 640 * 100vw);
		margin-right: 0;
		position: absolute;
		left: 0;
		top: 0.8vw;
	}
	/* ボタンとわかるようにアイコン追加 */
	#concept dl dd::after {
		width: calc(33 / 640 * 100vw);
		height: calc(33 / 640 * 100vw);
		vertical-align: middle;
		top: -0.4vw;
	}

	#concept dl a:not(:first-child) {
		margin-top: 0.8em;
	}
}

/* -------------------------------------------------
	point
------------------------------------------------- */

#point {
	padding-top: 115px;
}

.pageID-pe #point { background: #bbc5ed; }
.pageID-pe #point .point:nth-of-type(even) { background: #e4e8f8; }

.pageID-math #point { background: #6cc9f4; }
.pageID-math #point .point:nth-of-type(even) { background: #c4e9fb; }

.pageID-science #point { background: #72d6af; }
.pageID-science #point .point:nth-of-type(even) { background: #c7efdf; }



#point .headline {
	padding-bottom: 33px;
	/* 見出しからアキすぎなので
	margin-bottom: 105px;
	*/
	margin-bottom: 1em;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.4em;
	text-align: center;
	background: url(../images/bar_wt.svg) no-repeat center bottom / 417px auto;
}

#point .point-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#point .point-title .label {
	width: 156px;
	height: 156px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #231815;
}
#point .point-title .label p {
	font-size: 38px;
	text-align: center;
	font-weight: 900;
	color: #ffd941;
	line-height: 1.3;
	position: relative;
	top: 0.1em;
}
#point .point-title .text {
	width: calc(100% - 177px);
}
#point .point-title .text .title {
	font-size: 39px;
	font-weight: 500;
	line-height: 1.5;
}
#point .lead {
	margin: 1em 0 1.5em;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.7;
}

@media print, screen and (min-width:769px) {
	
	#point .point {
		padding-bottom: 110px;
		position: relative;
	}
	#point .point:not(#new) {
		padding-top: 140px;
	}
	
	#point .text-group {
		max-width: calc(1082px + 59px + 59px);
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 59px;
	}
	
	#point .point:nth-of-type(odd) .box1200::before {
		width: 187px;
		height: 392px;
		content: "";
		display: block;
		background: url(../images/fig_01.svg) no-repeat 0 0 / contain;
		position: absolute;
		left: 20px;
		bottom: -200px;
		z-index: 2;
	}
}

@media screen and (max-width:768px) {
	#point {
		padding-top: calc(75 / 640 * 100vw);
	}
	#point .point:not(#new) {
		padding-top: calc(60 / 640 * 100vw);
	}
	#point .point:last-of-type {
		padding-bottom: 2px;
	}

	#point .headline {
		padding-bottom: calc(28 / 640 * 100vw);
		margin-bottom: calc(45 / 640 * 100vw);
		font-size: calc(37 / 640 * 100vw);
		/* ２行になるときに行間狭すぎるので、追加指定 */
		line-height: 1.25;
		background-size: 52.5vw auto !important;
	}

	#point .point-title .label {
		width: calc(100 / 640 * 100vw);
		height: calc(100 / 640 * 100vw);
	}
	#point .point-title .label p {
		font-size: calc(23 / 640 * 100vw);
	}
	#point .point-title .text {
		width: calc(100% - 18.7vw);
	}
	#point .point-title .text .title {
		font-size: calc(32 / 640 * 100vw);
	}
	#point .lead {
		font-size: calc(31 / 640 * 100vw);
	}
}

/* -------------------------------------------------
	point > slide-wrap
------------------------------------------------- */

@media print, screen and (min-width:769px) { /* PCスライダー */
	
	.point .slide-wrap {
		position: relative;
		z-index: 12;
	}
	
	.pageID-pe #new .slide-wrap,
	.pageID-pe #check1 .slide-wrap,
	.pageID-pe #check2 .slide-wrap,
	.pageID-pe #check3 .slide-wrap,
	.pageID-math #new .slide-wrap,
	.pageID-math #check1 .slide-wrap,
	.pageID-math #check2 .slide-wrap,
	.pageID-math #check3 .slide-wrap,
	.pageID-math #check4 .slide-wrap,
	.pageID-science #new .slide-wrap,
	.pageID-science #check1 .slide-wrap,
	.pageID-science #check2 .slide-wrap,
	.pageID-science #check3 .slide-wrap{ margin-top: 190px; }
	
	.pageID-science #point1 .slide-wrap,
	.pageID-science #check4 .slide-wrap  { margin-top: 150px; }
	
	
	
	
	
	#point .slide-wrap .item-title {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-top: -0.58vw;
	}
	#point .slide-wrap .item-title .title {
		width: calc(300 / 1250 * 100vw);
		height: calc(75 / 1250 * 100vw);
		background: #666;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: calc(18 / 1250 * 100vw);
		color: #ffebad;
		letter-spacing: 0.1em;
		line-height: 1.5;
		border-radius: 1em 0 1em;
		
	}
	.pageID-science #point .slide-wrap .item-title .title{
		color: #eeffee;
	}
	.pageID-math #point .slide-wrap .item-title .title{
		color: #ddf9ff;
	}
	.pageID-pe #point .slide-wrap .item-title .title{
		color: #f0eeff;
	}
	#point .slide-wrap .item-title .title.ls0 {
		letter-spacing: 0;
	}
	#point .slide-wrap .item-title .desc {
		width: calc(730 / 1250 * 100vw);
		padding: 1.5em 2em 0 0;
		font-size: calc(17 / 1250 * 100vw);
		font-weight: 500;
		line-height: 1.5;
		box-sizing: border-box;
		white-space: nowrap;
	}
	#point .slide-wrap .item-body .note {
		font-size: calc(14 / 1250 * 100vw);
		font-weight: 500;
		letter-spacing: 0.1em;
		margin-top: 0.5em;
	}
	
	
	
	/* .pageID-pe point1 */
	
	.pageID-pe #point1 .slide-wrap .item-wrap {
		background: aqua;
	}
	.pageID-pe #point1 .slide-wrap .item-body .image {
		position: absolute;
	}
	.pageID-pe #point1 .slide-wrap .i1 .item-body .image {
		/*
		width: calc(980 / 1250 * 100vw);
		left: 50%;
		transform: translateX(-50%);
		top: calc(24 / 1250 * 100vw);
		background-color: greenyellow;
		*/
	}
	.pageID-pe #point1 .slide-wrap .i2 .item-body .image {
		width: calc(816.5 / 1250 * 100vw);
		left: calc(105 / 1250 * 100vw);
		top: calc(83 / 1250 * 100vw);
		/*
		background-color: yellow;
		*/
	}
	.pageID-pe #point1 .slide-wrap .i3 .item-body .image {
		width: calc(995 / 1250 * 100vw);
		left: calc(55 / 1250 * 100vw);
		top: calc(30 / 1250 * 100vw);
	}
	.pageID-pe #point1 .slide-wrap .i4 .item-body .image {
		width: calc(725.5 / 1250 * 100vw);
		left: calc(90 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	
	.pageID-pe #point1 .slide-wrap .i1 .item-body .note { margin-left: 0.7em; }
	.pageID-pe #point1 .slide-wrap .i2 .item-body .note { margin-left: 42%; }
	.pageID-pe #point1 .slide-wrap .i4 .item-body .note { margin-left: 21%; }
	
	/* .pageID-pe point2 */
	
	.pageID-pe #point2 .slide-wrap .item-wrap {
		width: calc(1049 / 1250 * 100vw);
		height: calc(760 / 1250 * 100vw);
		position: relative;
	}
	.pageID-pe #point2 .slide-wrap .i1 .item-body .image {
		width: calc(955 / 1250 * 100vw);
		position: absolute;
		left: calc(50 / 1250 * 100vw);
		top: calc(95 / 1250 * 100vw);
	}
	.pageID-pe #point2 .slide-wrap .i2 .pic {
		position: absolute;
	}
	.pageID-pe #point2 .slide-wrap .i2 .p1 {
		width: calc(480 / 1250 * 100vw);
		left: calc(27 / 1250 * 100vw);
		top: calc(120 / 1250 * 100vw);
	}
	.pageID-pe #point2 .slide-wrap .i2 .p2 {
		width: calc(500 / 1250 * 100vw);
		left: calc(184 / 1250 * 100vw);
		top: calc(404 / 1250 * 100vw);
		z-index: 4;
	}
	.pageID-pe #point2 .slide-wrap .i2 .p3 {
		width: calc(470 / 1250 * 100vw);
		left: calc(560 / 1250 * 100vw);
		top: calc(150 / 1250 * 100vw);
		z-index: 2;
	}
	.pageID-pe #point2 .slide-wrap .i2 .check {
		position: absolute;
		width: calc(260 / 1250 * 100vw);
		left: calc(730 / 1250 * 100vw);
		top: calc(540 / 1250 * 100vw);
	}
	.pageID-pe #point2 .slide-wrap .i2 .note {
		position: absolute;
		left: calc(950 / 1250 * 100vw);
		top: calc(484 / 1250 * 100vw);
		margin-top: 0;
	}
	
	/* .pageID-pe point3 */
	
	.pageID-pe #point3 .slide-wrap .item-wrap {
		width: calc(1049 / 1250 * 100vw);
		height: calc(760 / 1250 * 100vw);
		position: relative;
	}
	.pageID-pe #point3 .slide-wrap .i1 .image {
		position: absolute;
		width: calc(1011 / 1250 * 100vw);
		left: calc(20 / 1250 * 100vw);
		top: calc(140 / 1250 * 100vw);
	}
	.pageID-pe #point3 .slide-wrap .i1 .item-body .image .check {
		width: calc(360 / 1250 * 100vw);
		left: calc(650 / 1250 * 100vw);
		top: calc(475 / 1250 * 100vw);
		position: absolute;
	}
	.pageID-pe #point3 .slide-wrap .i2 .pic-box.pb1 {
		position: absolute;
		z-index: 4;
		width: calc(560 / 1250 * 100vw);
		left: calc(25 / 1250 * 100vw);
		top: calc(80 / 1250 * 100vw);
	}
	.pageID-pe #point3 .slide-wrap .i2 .pic-box.pb2 {
		position: absolute;
		z-index: 2;
		width: calc(600 / 1250 * 100vw);
		right: calc(25 / 1250 * 100vw);
		top: calc(310 / 1250 * 100vw);
	}
	.pageID-pe #point3 .slide-wrap .i2 .pic-box.pb2 .note {
		margin: 0;
		position: absolute;
		right: calc(100% + 0.5em);
		bottom: 0;
		white-space: nowrap;
	}
	.pageID-pe #point3 .slide-wrap .i3 .p1 {
		position: absolute;
		width: calc(810 / 1250 * 100vw);
		left: calc(170 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-pe #point3 .slide-wrap .i3 .n1 {
		position: absolute;
		left: calc(170 / 1250 * 100vw);
		top: calc(717 / 1250 * 100vw);
	}
	
	/* .pageID-pe point4 */
	
	.pageID-pe #point4 .slide-wrap .item-wrap {
		width: calc(1049 / 1250 * 100vw);
		height: calc(760 / 1250 * 100vw);
		position: relative;
	}
	.pageID-pe #point4 .slide-wrap .i1 .image {
		position: absolute;
		width: calc(733.5 / 1250 * 100vw);
		left: calc(162 / 1250 * 100vw);
		top: calc(88 / 1250 * 100vw);
	}
	.pageID-pe #point4 .slide-wrap .i2 .pic-box.pb1 {
		position: absolute;
		width: calc(596 / 1250 * 100vw);
		left: calc(25 / 1250 * 100vw);
		top: calc(85 / 1250 * 100vw);
	}
	.pageID-pe #point4 .slide-wrap .i2 .pic-box.pb2 {
		position: absolute;
		width: calc(572 / 1250 * 100vw);
		right: calc(25 / 1250 * 100vw);
		top: calc(325 / 1250 * 100vw);
	}
	.pageID-pe #point4 .slide-wrap .i2 .pic-box.pb2 .note {
		margin: 0;
		position: absolute;
		right: calc(100% + 0.5em);
		bottom: 0;
		white-space: nowrap;
	}
	.pageID-pe #point4 .slide-wrap .i3 .image {
		position: absolute;
		width: calc(953 / 1250 * 100vw);
		left: calc(55 / 1250 * 100vw);
		top: calc(105 / 1250 * 100vw);
	}
	
	/* .pageID-math */
	
	.pageID-math .slide-wrap .item-wrap {
		width: calc(1049 / 1250 * 100vw);
		height: calc(760 / 1250 * 100vw);
		position: relative;
	}
	
	/* .pageID-math point1 */
	
	.pageID-math #point1 .slide-wrap .i1 .image {
		position: absolute;
		width: calc(976.5 / 1250 * 100vw);
		left: calc(90 / 1250 * 100vw);
		top: calc(55 / 1250 * 100vw);
	}
	.pageID-math #point1 .slide-wrap .i2 .image {
		position: absolute;
		width: calc(952.5 / 1250 * 100vw);
		left: calc(57 / 1250 * 100vw);
		top: calc(105 / 1250 * 100vw);
	}
	.pageID-math #point1 .slide-wrap .i2 .note {
		position: absolute;
		white-space: nowrap;
	}
	.pageID-math #point1 .slide-wrap .i2 .n1 {
		left: calc(370 / 1250 * 100vw);
		top: calc(293 / 1250 * 100vw);
	}
	.pageID-math #point1 .slide-wrap .i2 .n2 {
		left: calc(370 / 1250 * 100vw);
		top: calc(393 / 1250 * 100vw);
	}
	.pageID-math #point1 .slide-wrap .i2 .n3 {
		left: calc(370 / 1250 * 100vw);
		top: calc(598 / 1250 * 100vw);
	}
	.pageID-math #point1 .slide-wrap .i2 .n4 {
		left: calc(886 / 1250 * 100vw);
		top: calc(76 / 1250 * 100vw);
	}
	.pageID-math #point1 .slide-wrap .i2 .n5 {
		left: calc(886 / 1250 * 100vw);
		top: calc(468 / 1250 * 100vw);
	}
	.pageID-math #point1 .slide-wrap .i3 .image {
		position: absolute;
		width: calc(895.5 / 1250 * 100vw);
		left: calc(60 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
		text-align: right;
	}
	.pageID-math #point1 .slide-wrap .i4 .image {
		position: absolute;
		width: calc(810.5 / 1250 * 100vw);
		left: calc(170 / 1250 * 100vw);
		top: calc(95 / 1250 * 100vw);
	}
	
	/* .pageID-math point2 */
	
	.pageID-math #point2 .slide-wrap .i1 .image {
		position: absolute;
		width: calc(1004 / 1250 * 100vw);
		left: 50%;
		top: calc(130 / 1250 * 100vw);
		transform: translateX(-50%);
	}
	.pageID-math #point2 .slide-wrap .i1 .n1 {
		margin-top: calc(-80 / 1250 * 100vw);
	}
	.pageID-math #point2 .slide-wrap .i2 .image {
		position: absolute;
		width: calc(998.5 / 1250 * 100vw);
		left: calc(42 / 1250 * 100vw);
		top: calc(85 / 1250 * 100vw);
	}
	.pageID-math #point2 .slide-wrap .i2 .n1 {
		margin-top: calc(-40 / 1250 * 100vw);
	}
	.pageID-math #point2 .slide-wrap .i3 .image {
		position: absolute;
		width: calc(949.5 / 1250 * 100vw);
		left: 50%;
		transform: translateX(-50%);
		top: calc(83 / 1250 * 100vw);
	}
	.pageID-math #point2 .slide-wrap .i3 .n1 {
		margin-top: calc(-40 / 1250 * 100vw);
	}
	
	/* .pageID-math point3 */
	
	.pageID-math #point3 .slide-wrap .i1 .image {
		position: absolute;
		width: calc(849 / 1250 * 100vw);
		left: calc(100 / 1250 * 100vw);
		top: calc(140 / 1250 * 100vw);
	}
	.pageID-math #point3 .slide-wrap .i2 .image {
		position: absolute;
		width: calc(969 / 1250 * 100vw);
		left: calc(38 / 1250 * 100vw);
		top: calc(120 / 1250 * 100vw);
	}
	.pageID-math #point3 .slide-wrap .i2 .note {
		position: absolute;
		margin-top: 0 !important;
	}
	.pageID-math #point3 .slide-wrap .i2 .n1 {
		left: 0;
		top: calc(274 / 1250 * 100vw);
	}
	.pageID-math #point3 .slide-wrap .i2 .n2 {
		left: calc(485 / 1250 * 100vw);
		top: calc(563 / 1250 * 100vw);
	}
	.pageID-math #point3 .slide-wrap .i3 .image {
		position: absolute;
		width: calc(855 / 1250 * 100vw);
		left: calc(115 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-math #point3 .slide-wrap .i4 .image {
		position: absolute;
		width: calc(917 / 1250 * 100vw);
		left: calc(35 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-math #point3 .slide-wrap .i4 .note {
		position: absolute;
		margin-top: 0 !important;
	}
	.pageID-math #point3 .slide-wrap .i4 .n1 {
		left: calc(68 / 1250 * 100vw);
		top: calc(632 / 1250 * 100vw);
	}
	.pageID-math #point3 .slide-wrap .i4 .n2 {
		left: calc(500 / 1250 * 100vw);
		top: calc(632 / 1250 * 100vw);
	}
	
	/* .pageID-math point4 */
	
	.pageID-math #point4 .slide-wrap .i1 .image {
		position: absolute;
		width: calc(452 / 1250 * 100vw);
		left: calc(260 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-math #point4 .slide-wrap .i1 .check {
		position: absolute;
		width: calc(270 / 1250 * 100vw);
		left: calc(735 / 1250 * 100vw);
		top: calc(515 / 1250 * 100vw);
	}
	.pageID-math #point4 .slide-wrap .i2 .image1 {
		position: absolute;
		width: calc(425 / 1250 * 100vw);
		left: calc(80 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-math #point4 .slide-wrap .i2 .image2 {
		position: absolute;
		width: calc(429 / 1250 * 100vw);
		left: calc(540 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-math #point4 .slide-wrap .i3 .image1 {
		position: absolute;
		width: calc(450.5 / 1250 * 100vw);
		left: calc(65 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-math #point4 .slide-wrap .i3 .image2 {
		position: absolute;
		width: calc(449 / 1250 * 100vw);
		left: calc(540 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-math #point4 .slide-wrap .i3 .check {
		position: absolute;
		width: calc(270 / 1250 * 100vw);
		left: calc(710 / 1250 * 100vw);
		top: calc(450 / 1250 * 100vw);
	}
	
	/* .pageID-math point5 */
	
	.pageID-math #point5 .slide-wrap .i1 .image {
		position: absolute;
		width: calc(1020 / 1250 * 100vw);
		left: 50%;
		transform: translateX(-50%);
		top: calc(76 / 1250 * 100vw);
	}
	.pageID-math #point5 .slide-wrap .i1 .check {
		position: absolute;
		width: calc(305 / 1250 * 100vw);
		left: calc(180 / 1250 * 100vw);
		top: calc(575 / 1250 * 100vw);
	}
	.pageID-math #point5 .slide-wrap .i2 .image {
		position: absolute;
		width: calc(1016.5 / 1250 * 100vw);
		left: calc(32 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	
	/* .pageID-science */
	
	.pageID-science .slide-wrap .item-wrap {
		width: calc(1049 / 1250 * 100vw);
		height: calc(760 / 1250 * 100vw);
		position: relative;
	}
	
	/* .pageID-science point1 */
	
	.pageID-science #point1 .slide-wrap .i1 .image1 {
		position: absolute;
		width: calc(593 / 1250 * 100vw);
		left: calc(30 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-science #point1 .slide-wrap .i1 .image2 {
		position: absolute;
		width: calc(592.5 / 1250 * 100vw);
		left: calc(435 / 1250 * 100vw);
		top: calc(285 / 1250 * 100vw);
		z-index: 4;
	}
	.pageID-science #point1 .slide-wrap .i1 .check {
		position: absolute;
		width: calc(370 / 1250 * 100vw);
		left: calc(620 / 1250 * 100vw);
		top: calc(80 / 1250 * 100vw);
	}
	.pageID-science #point1 .slide-wrap .i2 .image {
		position: absolute;
		width: calc(874.5 / 1250 * 100vw);
		left: calc(85 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-science #point1 .slide-wrap .i3 .image {
		position: absolute;
		width: calc(881 / 1250 * 100vw);
		left: calc(82 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	
	/* .pageID-science point2 */
	
	.pageID-science #point2 .slide-wrap .i1 .image {
		position: absolute;
		width: calc(970 / 1250 * 100vw);
		left: calc(85 / 1250 * 100vw);
		top: calc(25 / 1250 * 100vw);
	}
	.pageID-science #point2 .slide-wrap .i2 .image {
		position: absolute;
		width: calc(985 / 1250 * 100vw);
		left: calc(37 / 1250 * 100vw);
		top: calc(100 / 1250 * 100vw);
	}
	.pageID-science #point2 .slide-wrap .i2 .n2 {
		position: absolute;
		left: calc(345 / 1250 * 100vw);
		bottom: 0;
	}
	.pageID-science #point2 .slide-wrap .i3 .image {
		position: absolute;
		width: calc(960.5 / 1250 * 100vw);
		left: calc(45 / 1250 * 100vw);
		top: calc(100 / 1250 * 100vw);
	}
	.pageID-science #point2 .slide-wrap .i3 .n2 {
		position: absolute;
		left: calc(410 / 1250 * 100vw);
		bottom: 0;
	}
	.pageID-science #point2 .slide-wrap .i4 .image {
		position: absolute;
		width: calc(908 / 1250 * 100vw);
		left: calc(85 / 1250 * 100vw);
		top: calc(100 / 1250 * 100vw);
	}
	.pageID-science #point2 .slide-wrap .i4 .n2 {
		position: absolute;
		left: calc(430 / 1250 * 100vw);
		top: calc(319 / 1250 * 100vw);
	}
	.pageID-science #point2 .slide-wrap .i5 .image {
		position: absolute;
		width: calc(903 / 1250 * 100vw);
		left: calc(81 / 1250 * 100vw);
		top: calc(100 / 1250 * 100vw);
	}
	
	/* .pageID-science point3 */
	
	.pageID-science #point3 .slide-wrap .i1 .image1 img {
		position: absolute;
		height: calc(630 / 1250 * 100vw);
		left: calc(75 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-science #point3 .slide-wrap .i1 .image2 img {
		position: absolute;
		height: calc(630 / 1250 * 100vw);
		left: calc(523 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-science #point3 .slide-wrap .i1 .note {
		position: absolute;
		left: calc(75 / 1250 * 100vw);
		top: calc(720 / 1250 * 100vw);
	}
	.pageID-science #point3 .slide-wrap .i1 .check {
		position: absolute;
		width: calc(380 / 1250 * 100vw);
		left: calc(610 / 1250 * 100vw);
		top: calc(62 / 1250 * 100vw);
		z-index: 4;
	}
	.pageID-science #point3 .slide-wrap .i2 .image1 {
		position: absolute;
		width: calc(430.5 / 1250 * 100vw);
		left: calc(60 / 1250 * 100vw);
		top: calc(110 / 1250 * 100vw);
	}
	.pageID-science #point3 .slide-wrap .i2 .image2 {
		position: absolute;
		width: calc(420 / 1250 * 100vw);
		left: calc(520 / 1250 * 100vw);
		top: calc(110 / 1250 * 100vw);
	}
	.pageID-science #point3 .slide-wrap .i2 .check {
		position: absolute;
		width: calc(291 / 1250 * 100vw);
		left: calc(710 / 1250 * 100vw);
		top: calc(535 / 1250 * 100vw);
		z-index: 4;
	}
	.pageID-science #point3 .slide-wrap .i3 .image1 img {
		position: absolute;
		height: calc(615 / 1250 * 100vw);
		left: calc(95 / 1250 * 100vw);
		top: calc(100 / 1250 * 100vw);
	}
	.pageID-science #point3 .slide-wrap .i3 .image2 img {
		position: absolute;
		height: calc(615 / 1250 * 100vw);
		left: calc(512 / 1250 * 100vw);
		top: calc(100 / 1250 * 100vw);
	}
	.pageID-science #point3 .slide-wrap .i3 .note {
		position: absolute;
		left: calc(95 / 1250 * 100vw);
		top: calc(715 / 1250 * 100vw);
	}
	.pageID-science #point3 .slide-wrap .i4 .image1 img {
		position: absolute;
		height: calc(615 / 1250 * 100vw);
		left: calc(138 / 1250 * 100vw);
		top: calc(100 / 1250 * 100vw);
	}
	.pageID-science #point3 .slide-wrap .i4 .note {
		position: absolute;
		left: calc(138 / 1250 * 100vw);
		top: calc(715 / 1250 * 100vw);
	}
	.pageID-science #point3 .slide-wrap .i5 .image {
		position: absolute;
		width: calc(839.5 / 1250 * 100vw);
		left: calc(100 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-science #point3 .slide-wrap .i6 .image {
		position: absolute;
		width: calc(837.5 / 1250 * 100vw);
		left: calc(100 / 1250 * 100vw);
		top: calc(100 / 1250 * 100vw);
	}
	.pageID-science #point3 .slide-wrap .i6 .check {
		position: absolute;
		width: calc(420 / 1250 * 100vw);
		left: calc(307 / 1250 * 100vw);
		top: calc(68 / 1250 * 100vw);
	}
	
	/* .pageID-science point4 */
	
	.pageID-science #point4 .slide-wrap .i1 .image {
		position: absolute;
		width: calc(874.5 / 1250 * 100vw);
		left: calc(88 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i2 .image {
		position: absolute;
		width: calc(991.5 / 1250 * 100vw);
		left: calc(30 / 1250 * 100vw);
		top: calc(75 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i2 .n1 {
		position: absolute;
		left: calc(0 / 1250 * 100vw);
		top: calc(620 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i2 .n2 {
		position: absolute;
		right: 0;
		top: calc(500 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i3 .image1 {
		position: absolute;
		height: calc(630 / 1250 * 100vw);
		left: calc(80 / 1250 * 100vw);	/* 元は left: calc(70 / 1250 * 100vw); */
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i3 .image2 {
		position: absolute;
		height: calc(630 / 1250 * 100vw);
		left: calc(551 / 1250 * 100vw);	/* 元は right: calc(70 / 1250 * 100vw); */
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i3 .pic {
		height: 100%;
	}
	.pageID-science #point4 .slide-wrap .i3 .check {
		position: absolute;
		width: calc(408 / 1250 * 100vw);
		left: calc(650 / 1250 * 100vw);	/* 元は 653/1250 大きくすると右に動く */
		top: calc(106 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i4 .image {
		position: absolute;
		width: calc(986 / 1250 * 100vw);
		left: calc(37 / 1250 * 100vw);
		top: calc(115 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i4 .n1 {
		margin-top: -0.4em;
	}
	.pageID-science #point4 .slide-wrap .i4 .n2 {
		position: absolute;
		right: 0;
		top: calc(330 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i5 .image1 {
		position: absolute;
		width: calc(488.5 / 1250 * 100vw);
		left: calc(30 / 1250 * 100vw);
		top: calc(140 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i5 .image2 {
		position: absolute;
		width: calc(489 / 1250 * 100vw);
		right: calc(40 / 1250 * 100vw);
		top: calc(140 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i6 .image1 {
		position: absolute;
		height: calc(619 / 1250 * 100vw);
		left: calc(75 / 1250 * 100vw);
		top: calc(95 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i6 .image2 {
		position: absolute;
		height: calc(619 / 1250 * 100vw);
		left: calc(542 / 1250 * 100vw);
		top: calc(95 / 1250 * 100vw);
	}
	.pageID-science #point4 .slide-wrap .i6 .pic {
		height: 100%;
	}
	.pageID-science #point4 .slide-wrap .i6 .check {
		position: absolute;
		width: calc(400 / 1250 * 100vw);
		left: calc(645 / 1250 * 100vw);
		top: calc(92 / 1250 * 100vw);
	}
	
	
	/* .pageID-science point5 */
	
	.pageID-science #point5 .slide-wrap .i1 .image {
		position: absolute;
		width: calc(888 / 1250 * 100vw);
		left: calc(80 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-science #point5 .slide-wrap .i2 .image {
		position: absolute;
		width: calc(884.5 / 1250 * 100vw);
		left: calc(80 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-science #point5 .slide-wrap .i3 .image {
		position: absolute;
		width: calc(879 / 1250 * 100vw);
		left: calc(80 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
	.pageID-science #point5 .slide-wrap .i4 .image {
		position: absolute;
		width: calc(874.5 / 1250 * 100vw);
		left: calc(80 / 1250 * 100vw);
		top: calc(90 / 1250 * 100vw);
	}
}

@media print, screen and (min-width: 1250px) { /* PCスライダー (大きい幅用 上記の値をpxにしただけ) */
	#point .slide-wrap .item-title {
		margin-top: -7px;
	}
	#point .slide-wrap .item-title .title {
		width: 300px;
		height: 75px;
		font-size: 18px;
	}
	#point .slide-wrap .item-title .desc {
		width: 730px;
		font-size: 17px;
	}
	#point .slide-wrap .item-body .note {
		font-size: 14px;
	}
	
	
	
	
	
	/* .pageID-pe point1 */
	
	.pageID-pe #point1 .slide-wrap .i1 .item-body .image {
		width: 930px;
		top: 24px;
		/*
		top: 0px;
		left: 300px;
		background-color: yellow;
		*/
	}
	.pageID-pe #point1 .slide-wrap .i2 .item-body .image {
		width: 816.5px;
		left: 105px;
		top: 83px;
	}
	.pageID-pe #point1 .slide-wrap .i3 .item-body .image {
		width: 995px;
		left: 55px;
		top: 30px;
		/* 数値確認用
		top: 0px;
		height: 100px;
		background-color: yellow;
		*/
	}
	.pageID-pe #point1 .slide-wrap .i4 .item-body .image {
		width: 725.5px;
		left: 90px;
		top: 90px;
	}
	
	/* .pageID-pe point2 */
	
	.pageID-pe #point2 .slide-wrap .item-wrap {
		width: 100%;
		height: 760px;
	}
	.pageID-pe #point2 .slide-wrap .i1 .item-body .image {
		width: 955px;
		left: 50px;
		top: 95px;
	}
	.pageID-pe #point2 .slide-wrap .i2 .p1 {
		width: 480px;
		left: 27px;
		top: 120px;
	}
	.pageID-pe #point2 .slide-wrap .i2 .p2 {
		width: 500px;
		left: 184px;
		top: 404px;
	}
	.pageID-pe #point2 .slide-wrap .i2 .p3 {
		width: 470px;
		left: 560px;
		top: 150px;
	}
	.pageID-pe #point2 .slide-wrap .i2 .check {
		width: 260px;
		left: 730px;
		top: 540px;
	}
	.pageID-pe #point2 .slide-wrap .i2 .note {
		left: 950px;
		top: 484px;
		margin-top: 0;
	}
	
	/* .pageID-pe point3 */
	
	.pageID-pe #point3 .slide-wrap .item-wrap {
		width: 100%;
		height: 760px;
	}
	.pageID-pe #point3 .slide-wrap .i1 .image {
		width: 1011px;
		left: 20px;
		top: 140px;
		/* 数値確認用
		top: 75px;
		*/
	}
	.pageID-pe #point3 .slide-wrap .i1 .item-body .image .check {
		width: 360px;
		left: 650px;
		top: 475px;
	}
	.pageID-pe #point3 .slide-wrap .i2 .pic-box.pb1 {
		width: 560px;
		left: 25px;
		top: 80px;
	}
	.pageID-pe #point3 .slide-wrap .i2 .pic-box.pb2 {
		width: 600px;
		right: 25px;
		top: 310px;
	}
	.pageID-pe #point3 .slide-wrap .i3 .p1 {
		width: 810px;
		left: 170px;
		top: 90px;
	}
	.pageID-pe #point3 .slide-wrap .i3 .n1 {
		left: 170px;
		top: 717px;
	}
	
	/* .pageID-pe point4 */
	
	.pageID-pe #point4 .slide-wrap .item-wrap {
		width: 100%;
		height: 760px;
	}
	.pageID-pe #point4 .slide-wrap .i1 .image {
		width: 733.5px;
		left: 162px;
		top: 84px;
	}
	.pageID-pe #point4 .slide-wrap .i2 .pic-box.pb1 {
		width: 596px;
		left: 25px;
		top: 85px;
	}
	.pageID-pe #point4 .slide-wrap .i2 .pic-box.pb2 {
		width: 572px;
		right: 25px;
		top: 325px;
	}
	.pageID-pe #point4 .slide-wrap .i3 .image {
		width: 953px;
		left: 55px;
		top: 105px;
	}
	
	/* .pageID-math */
	
	.pageID-math .slide-wrap .item-wrap {
		width: 100%;
		height: 760px;
	}
	
	/* .pageID-math point1 */
	
	.pageID-math #point1 .slide-wrap .i1 .image {
		width: 976.5px;
		left: 90px;
		top: 55px;
	}
	.pageID-math #point1 .slide-wrap .i2 .image {
		width: 952.5px;
		left: 57px;
		top: 105px;
	}
	.pageID-math #point1 .slide-wrap .i2 .n1 {
		left: 370px;
		top: 293px;
	}
	.pageID-math #point1 .slide-wrap .i2 .n2 {
		left: 370px;
		top: 393px;
	}
	.pageID-math #point1 .slide-wrap .i2 .n3 {
		left: 370px;
		top: 598px;
	}
	.pageID-math #point1 .slide-wrap .i2 .n4 {
		left: 886px;
		top: 76px;
	}
	.pageID-math #point1 .slide-wrap .i2 .n5 {
		left: 886px;
		top: 468px;
	}
	.pageID-math #point1 .slide-wrap .i3 .image {
		width: 895.5px;
		left: 60px;
		top: 90px;
	}
	.pageID-math #point1 .slide-wrap .i4 .image {
		width: 810.5px;
		left: 170px;
		top: 95px;
	}
	
	/* .pageID-math point2 */
	
	.pageID-math #point2 .slide-wrap .i1 .image {
		width: 1004px;
		top: 130px;
	}
	.pageID-math #point2 .slide-wrap .i1 .n1 {
		margin-top: -80px;
	}
	.pageID-math #point2 .slide-wrap .i2 .image {
		width: 998.5px;
		left: 42px;
		top: 85px;
	}
	.pageID-math #point2 .slide-wrap .i2 .n1 {
		margin-top: -40px;
	}
	.pageID-math #point2 .slide-wrap .i3 .image {
		width: 949.5px;
		top: 83px;
	}
	.pageID-math #point2 .slide-wrap .i3 .n1 {
		margin-top: -40px;
	}
	
	/* .pageID-math point3 */
	
	.pageID-math #point3 .slide-wrap .i1 .image {
		width: 849px;
		left: 100px;
		top: 140px;
	}
	.pageID-math #point3 .slide-wrap .i2 .image {
		width: 969px;
		left: 38px;
		top: 120px;
	}
	.pageID-math #point3 .slide-wrap .i2 .n1 {
		left: 0;
		top: 274px;
	}
	.pageID-math #point3 .slide-wrap .i2 .n2 {
		left: 485px;
		top: 563px;
	}
	.pageID-math #point3 .slide-wrap .i3 .image {
		width: 855px;
		left: 115px;
		top: 90px;
	}
	.pageID-math #point3 .slide-wrap .i4 .image {
		width: 917px;
		left: 35px;
		top: 90px;
	}
	.pageID-math #point3 .slide-wrap .i4 .n1 {
		left: 68px;
		top: 632px;
	}
	.pageID-math #point3 .slide-wrap .i4 .n2 {
		left: 500px;
		top: 632px;
	}
	
	/* .pageID-math point4 */
	
	.pageID-math #point4 .slide-wrap .i1 .image {
		width: 452px;
		left: 260px;
		top: 90px;
	}
	.pageID-math #point4 .slide-wrap .i1 .check {
		width: 270px;
		left: 735px;
		top: 515px;
	}
	.pageID-math #point4 .slide-wrap .i2 .image1 {
		width: 425px;
		left: 80px;
		top: 90px;
	}
	.pageID-math #point4 .slide-wrap .i2 .image2 {
		width: 429px;
		left: 540px;
		top: 90px;
	}
	.pageID-math #point4 .slide-wrap .i3 .image1 {
		width: 450.5px;
		left: 65px;
		top: 90px;
	}
	.pageID-math #point4 .slide-wrap .i3 .image2 {
		width: 449px;
		left: 540px;
		top: 90px;
	}
	.pageID-math #point4 .slide-wrap .i3 .check {
		width: 270px;
		left: 710px;
		top: 450px;
	}
	
	/* .pageID-math point5 */
	
	.pageID-math #point5 .slide-wrap .i1 .image {
		width: 1020px;
		top: 76px;
	}
	.pageID-math #point5 .slide-wrap .i1 .check {
		width: 305px;
		left: 180px;
		top: 575px;
	}
	.pageID-math #point5 .slide-wrap .i2 .image {
		width: 1016.5px;
		left: 42px;
		top: 90px;
	}
	
	/* .pageID-science */
	
	.pageID-science .slide-wrap .item-wrap {
		width: 100%;
		height: 760px;
	}
	
	/* .pageID-science point1 */
	
	.pageID-science #point1 .slide-wrap .i1 .image1 {
		width: 593px;
		left: 30px;
		top: 90px;
	}
	.pageID-science #point1 .slide-wrap .i1 .image2 {
		width: 592.5px;
		left: 435px;
		top: 285px;
	}
	.pageID-science #point1 .slide-wrap .i1 .check {
		width: 370px;
		left: 620px;
		top: 80px;
	}
	.pageID-science #point1 .slide-wrap .i2 .image {
		width: 874.5px;
		left: 85px;
		top: 90px;
	}
	.pageID-science #point1 .slide-wrap .i3 .image {
		width: 881px;
		left: 82px;
		top: 90px;
	}
	
	/* .pageID-science point2 */
	
	.pageID-science #point2 .slide-wrap .i1 .image {
		width: 970px;
		left: 85px;
		top: 25px;
	}
	.pageID-science #point2 .slide-wrap .i2 .image {
		width: 985px;
		left: 37px;
		top: 100px;
	}
	.pageID-science #point2 .slide-wrap .i2 .n2 {
		left: 345px;
		bottom: 0;
	}
	.pageID-science #point2 .slide-wrap .i3 .image {
		width: 960.5px;
		left: 45px;
		top: 100px;
	}
	.pageID-science #point2 .slide-wrap .i3 .n2 {
		left: 410px;
		bottom: 0;
	}
	.pageID-science #point2 .slide-wrap .i4 .image {
		width: 908px;
		left: 85px;
		top: 100px;
	}
	.pageID-science #point2 .slide-wrap .i4 .n2 {
		left: 430px;
		top: 319px;
	}
	.pageID-science #point2 .slide-wrap .i5 .image {
		width: 903px;
		left: 81px;
		top: 100px;
	}
	
	/* .pageID-science point3 */
	
	.pageID-science #point3 .slide-wrap .i1 .image1 img {
		height: 630px;
		left: 75px;
		top: 90px;
	}
	.pageID-science #point3 .slide-wrap .i1 .image2 img {
		height: 630px;
		left: 523px;
		top: 90px;
	}
	.pageID-science #point3 .slide-wrap .i1 .note {
		left: 75px;
		top: 720px;
	}
	.pageID-science #point3 .slide-wrap .i1 .check {
		width: 380px;
		left: 610px;
		top: 62px;
		z-index: 4;
	}
	.pageID-science #point3 .slide-wrap .i2 .image1 {
		width: 430.5px;
		left: 60px;
		top: 110px;
	}
	.pageID-science #point3 .slide-wrap .i2 .image2 {
		width: 420px;
		left: 520px;
		top: 110px;
	}
	.pageID-science #point3 .slide-wrap .i2 .check {
		width: 291px;
		left: 710px;
		top: 535px;
		z-index: 4;
	}
	.pageID-science #point3 .slide-wrap .i3 .image1 img {
		height: 615px;
		left: 95px;
		top: 100px;
	}
	.pageID-science #point3 .slide-wrap .i3 .image2 img {
		height: 615px;
		left: 512px;
		top: 100px;
	}
	.pageID-science #point3 .slide-wrap .i3 .note {
		left: 95px;
		top: 715px;
	}
	.pageID-science #point3 .slide-wrap .i4 .image1 img {
		height: 615px;
		left: 138px;
		top: 100px;
	}
	.pageID-science #point3 .slide-wrap .i4 .note {
		left: 138px;
		top: 715px;
	}
	.pageID-science #point3 .slide-wrap .i5 .image {
		width: 839.5px;
		left: 100px;
		top: 90px;
	}
	.pageID-science #point3 .slide-wrap .i6 .image {
		width: 837.5px;
		left: 100px;
		top: 100px;
	}
	.pageID-science #point3 .slide-wrap .i6 .check {
		width: 420px;
		left: 307px;
		top: 68px;
	}
	
	/* .pageID-science point4 */
	
	.pageID-science #point4 .slide-wrap .i1 .image {
		width: 874.5px;
		left: 88px;
		top: 90px;
	}
	.pageID-science #point4 .slide-wrap .i2 .image {
		width: 991.5px;
		left: 30px;
		top: 75px;
	}
	.pageID-science #point4 .slide-wrap .i2 .n1 {
		left: 0px;
		top: 620px;
	}
	.pageID-science #point4 .slide-wrap .i2 .n2 {
		right: 0;
		top: 500px;
	}
	.pageID-science #point4 .slide-wrap .i3 .image1 {
		height: 630px;
		left: 80px;	/* 元は left: 70px; */
		top: 90px;
	}
	.pageID-science #point4 .slide-wrap .i3 .image2 {
		height: 630px;
		left: 551px;	/* 元は right: 70px; */
		top: 90px;
	}
	.pageID-science #point4 .slide-wrap .i3 .check {
		width: 408px;
		left: 650px;	/* 元は 653 大きくすると右に動く */
		top: 106px;
	}
	.pageID-science #point4 .slide-wrap .i4 .image {
		width: 986px;
		left: 37px;
		top: 115px;
	}
	.pageID-science #point4 .slide-wrap .i4 .n2 {
		right: 0;
		top: 330px;
	}
	.pageID-science #point4 .slide-wrap .i5 .image1 {
		width: 488.5px;
		left: 30px;
		top: 140px;
	}
	.pageID-science #point4 .slide-wrap .i5 .image2 {
		width: 489px;
		right: 40px;
		top: 140px;
	}
	.pageID-science #point4 .slide-wrap .i6 .image1 {
		height: 619px;
		left: 75px;
		top: 95px;
	}
	.pageID-science #point4 .slide-wrap .i6 .image2 {
		height: 619px;
		left: 542px;
		top: 95px;
	}
	.pageID-science #point4 .slide-wrap .i6 .check {
		width: 400px;
		left: 645px;
		top: 92px;
	}
	
	/* .pageID-science point5 */
	
	.pageID-science #point5 .slide-wrap .i1 .image {
		width: 888px;
		left: 80px;
		top: 90px;
	}
	.pageID-science #point5 .slide-wrap .i2 .image {
		width: 884.5px;
		left: 80px;
		top: 90px;
	}
	.pageID-science #point5 .slide-wrap .i3 .image {
		width: 879px;
		left: 80px;
		top: 90px;
	}
	.pageID-science #point5 .slide-wrap .i4 .image {
		width: 874.5px;
		left: 80px;
		top: 90px;
	}
}

@media screen and (max-width:768px) { /* SP アコーディオン */
	#point .slide-wrap .title {
		height: calc(89 / 640 * 100vw);
		background: #fff;
		margin-top: 2px;
		font-size: calc(32 / 640 * 100vw);
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	#point .slide-wrap .title.double {
		height: calc(126 / 640 * 100vw);
		text-align: center;
		line-height: 1.4;
	}
	
	.pageID-pe #point .slide-wrap .title { color: #9294d3; }
	.pageID-math #point .slide-wrap .title { color: #3fa9f5; }
	.pageID-science #point .slide-wrap .title { color: #00a99d; }
	
	#point .slide-wrap .title::after {
		content: "";
		width: 2.8vw;
		height: 2.8vw;
		box-sizing: border-box;
		display: block;
		transform: rotate(135deg);
		position: absolute;
		top: 35%;
		right: 8%;
		transition: all 0.3s ease-out;
	}
	
	.pageID-pe #point .slide-wrap .title::after { border-top: solid 1px #9294d3; border-right: solid 1px #9294d3; }
	.pageID-math #point .slide-wrap .title::after { border-top: solid 1px #3fa9f5; border-right: solid 1px #3fa9f5; }
	.pageID-science #point .slide-wrap .title::after { border-top: solid 1px #00a99d; border-right: solid 1px #00a99d; }
	
	#point .slide-wrap .title.on::after {
		transform: rotate(-45deg);
		top: 45%;
	}
	#point .slide-wrap .desc {
		margin: 0 4.68vw calc(40 / 640 * 100vw);
		font-size: calc(31 / 640 * 100vw);
		line-height: 1.7;
	}
	#point .slide-wrap .item-body {
		padding-top: calc(50 / 640 * 100vw);
		position: relative;
	}
	
	#point .slide-wrap .item-body p.note {
		margin-top: 0.5em;
		font-size: calc(24 / 640 * 100vw);
		font-weight: 500;
	}
	
	#point .slide-wrap .close {
		height: calc(38 / 640 * 100vw);
		padding: 7vw 11vw 7vw 5vw;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		font-size: calc(24 / 640 * 100vw);
		background: url(../images/ico_close_03.svg) no-repeat 97% center / 5.93vw auto;
	}
	
	#point .slide-wrap .acc-target {
		display: none;
	}
	
	/* .pageID-pe */
	
	.pageID-pe .slide-wrap .item-body p.note {
		text-align: right;
	}
	
	/* .pageID-pe point1 */
	
	.pageID-pe #point1 .slide-wrap .item-body p.note {
		margin-top: 0;
		position: absolute;
	}
	.pageID-pe #point1 .slide-wrap .i1 .item-body p.note { right: 5vw; top: 71vw; }
	.pageID-pe #point1 .slide-wrap .i2 .item-body p.note { right: 5vw; top: 128vw; }
	.pageID-pe #point1 .slide-wrap .i3 .item-body p.note { right: 5vw; top: 73.5vw; }
	.pageID-pe #point1 .slide-wrap .i4 .item-body p.note { right: 5vw; top: 167vw; }
	
	/* .pageID-pe point2 */
	
	.pageID-pe #point2 .slide-wrap .item-body .image {
		margin: 0 4.68vw;
	}
	.pageID-pe #point2 .slide-wrap .item-body .image img + img {
		margin-top: 6vw;
	}
	.pageID-pe #point2 .slide-wrap .item-body .image .note {
		text-align: right;
	}
	.pageID-pe #point2 .slide-wrap .item-body .image .check {
		width: 100%;
		margin-top: 5vw;
		transform: scale(1.06) translateX(-1.2vw);
		transform-origin: left top;
	}
	
	/* .pageID-pe point3 */
	
	.pageID-pe #point3 .slide-wrap .i1 .item-body .image {
		margin: 0 4.68vw;
	}
	.pageID-pe #point3 .slide-wrap .i1 .item-body .image .check {
		margin: 5vw 0 0;
		transform: scale(1.12) translateX(-2.1vw);
		transform-origin: left top;
	}
	
	.pageID-pe #point3 .slide-wrap .i2 .item-body .image {
		margin: 0 4.68vw;
	}
	.pageID-pe #point3 .slide-wrap .i2 .item-body .image .pic-box:first-child {
		margin-bottom: 6vw;
	}
	
	.pageID-pe #point3 .slide-wrap .i3 .item-body .note {
		position: absolute;
		left: 4.68vw;
		top: 129vw;
		margin-top: 0;
	}
	
	/* .pageID-pe point4 */
	
	.pageID-pe #point4 .slide-wrap .item-body .image {
		margin: 0 4.68vw;
	}
	.pageID-pe #point4 .slide-wrap .item-body .pb2 {
		margin-top: 6vw;
	}
	
	/* .pageID-math point1 */
	
	.pageID-math #point1 .slide-wrap .item-body p.note {
		margin-top: 0;
		position: absolute;
		right: 4.68vw;
	}
	.pageID-math #point1 .slide-wrap .i1 .note { top: 241vw; }
	.pageID-math #point1 .slide-wrap .i2 .image {
		padding-bottom: 6vw;
	}
	.pageID-math #point1 .slide-wrap .i2 .n1 { top: 106vw; }
	.pageID-math #point1 .slide-wrap .i2 .n2 { top: 127vw; }
	.pageID-math #point1 .slide-wrap .i2 .n3 { top: 167vw; }
	.pageID-math #point1 .slide-wrap .i2 .n4 { top: 190vw; }
	.pageID-math #point1 .slide-wrap .i2 .n5 { top: 271vw; }
	.pageID-math #point1 .slide-wrap .i3 .n1 { top: 160vw; }
	.pageID-math #point1 .slide-wrap .i4 .n1 { top: 245vw; }
	
	/* .pageID-math point2 */
	
	.pageID-math #point2 .slide-wrap .item-body p.note {
		margin-top: 0;
		position: absolute;
		right: 4.68vw;
	}
	.pageID-math #point2 .slide-wrap .i1 .n1 { top: 239vw; }
	.pageID-math #point2 .slide-wrap .i2 .n1 { top: 157.5vw; }
	.pageID-math #point2 .slide-wrap .i2 .n2 { top: 291vw; }
	.pageID-math #point2 .slide-wrap .i3 .n1 { top: 160vw; }
	.pageID-math #point2 .slide-wrap .i3 .n2 { top: 299vw; }
	
	/* .pageID-math point3 */
	
	.pageID-math #point3 .slide-wrap .item-body p.note {
		margin-top: 0;
		position: absolute;
		right: 4.68vw;
	}
	.pageID-math #point3 .slide-wrap .i1 .image {
		padding: 0 4.68vw;
	}
	.pageID-math #point3 .slide-wrap .i1 .item-body p.note {
		position: static;
		text-align: right;
		margin-top: 0.5em;
	}
	.pageID-math #point3 .slide-wrap .i2 .n1 { top: 76vw; }
	.pageID-math #point3 .slide-wrap .i2 .n2 { top: 150vw; }
	.pageID-math #point3 .slide-wrap .i3 .n1 { top: 143vw; }
	.pageID-math #point3 .slide-wrap .i4 .n1 { top: 171vw; }
	.pageID-math #point3 .slide-wrap .i4 .n2 { top: 308vw; }
	
	/* .pageID-math point4, .pageID-math point5 */
	
	.pageID-math #point4 .slide-wrap .image,
	.pageID-math #point4 .slide-wrap .image1,
	.pageID-math #point4 .slide-wrap .image2,
	.pageID-math #point5 .slide-wrap .i1 .image {
		margin-left: 4.68vw;
		margin-right: 4.68vw;
	}
	.pageID-math #point4 .slide-wrap .image2 {
		margin-top: 6vw;
	}
	.pageID-math #point4 .slide-wrap .item-body .note,
	.pageID-math #point5 .slide-wrap .i1 .item-body .note {
		text-align: right;
	}
	.pageID-math #point4 .slide-wrap .item-body .check,
	.pageID-math #point5 .slide-wrap .item-body .check {
		margin: 6vw 0 0 3.5vw;
	}
	
	/* .pageID-math point5 .i2 */
	
	.pageID-math #point5 .slide-wrap .i2 .item-body .note {
		margin: 0;
		position: absolute;
		top: 81vw;
		right: 4.68vw;
	}
	
	/* .pageID-science point1, point5, point3, point4 */
	
	.pageID-science #point1 .slide-wrap .image,
	.pageID-science #point1 .slide-wrap .image1,
	.pageID-science #point1 .slide-wrap .image2,
	.pageID-science #point5 .slide-wrap .image,
	.pageID-science #point3 .slide-wrap .image,
	.pageID-science #point3 .slide-wrap .image1,
	.pageID-science #point3 .slide-wrap .image2,
	.pageID-science #point4 .slide-wrap .image,
	.pageID-science #point4 .slide-wrap .image1,
	.pageID-science #point4 .slide-wrap .image2 {
		margin-left: 4.68vw;
		margin-right: 4.68vw;
	}
	.pageID-science #point1 .slide-wrap .image2,
	.pageID-science #point3 .slide-wrap .image2,
	.pageID-science #point4 .slide-wrap .image2 {
		margin-top: 6vw;
	}
	.pageID-science #point1 .slide-wrap .item-body .check,
	.pageID-science #point3 .slide-wrap .item-body .check,
	.pageID-science #point4 .slide-wrap .item-body .check {
		margin: 6vw 0 0 3.5vw;
	}
	.pageID-science #point1 .slide-wrap .item-body .note,
	.pageID-science #point5 .slide-wrap .item-body .note,
	.pageID-science #point3 .slide-wrap .item-body .note,
	.pageID-science #point4 .slide-wrap .item-body .note {
		text-align: right;
	}
	
	/* .pageID-science point2 */
	
	.pageID-science #point2 .slide-wrap .item-body .note {
		position: absolute;
		margin-top: 0 !important;
		right: 4.68vw;
	}
	.pageID-science #point2 .slide-wrap .i1 .item-body .n1 { top: 73vw; }
	.pageID-science #point2 .slide-wrap .i2 .item-body .n1 { top: 144.5vw; }
	.pageID-science #point2 .slide-wrap .i2 .item-body .n2 { top: 295vw; }
	.pageID-science #point2 .slide-wrap .i2 .item-body .n3 { top: 427vw; }
	.pageID-science #point2 .slide-wrap .i3 .item-body .n1 { top: 145vw; }
	.pageID-science #point2 .slide-wrap .i3 .item-body .n2 { top: 279vw; }
	.pageID-science #point2 .slide-wrap .i4 .item-body .n1 { top: 134.5vw; }
	.pageID-science #point2 .slide-wrap .i4 .item-body .n2 { top: 197vw; }
	.pageID-science #point2 .slide-wrap .i5 .item-body .n1 { top: 168vw; }
	
	/* .pageID-science point3 */
	
	.pageID-science #point3 .slide-wrap .i1 .item-body .note,
	.pageID-science #point3 .slide-wrap .i3 .item-body .note,
	.pageID-science #point3 .slide-wrap .i4 .item-body .note {
		padding-right: 4.68vw;
	}
	.pageID-science #point3 .slide-wrap .i6 .check {
		margin: -71.5vw 0 0 2.7vw;
	}
	
	/* .pageID-science point4 */
	
	.pageID-science #point4 .slide-wrap .i2 .image,
	.pageID-science #point4 .slide-wrap .i4 .image {
		margin-left: 0;
		margin-right: 0;
	}
	.pageID-science #point4 .slide-wrap .i2 .n1 {
		position: absolute;
		right: 4.68vw;
		top: 121vw;
	}
	.pageID-science #point4 .slide-wrap .i2 .n2 {
		position: absolute;
		right: 4.68vw;
		top: 211vw;
	}
	.pageID-science #point4 .slide-wrap .i3 .check {
		margin-top: -138vw;
	}
	.pageID-science #point4 .slide-wrap .i4 .n1 {
		position: absolute;
		right: 4.68vw;
		top: 145vw;
	}
	.pageID-science #point4 .slide-wrap .i4 .n2 {
		position: absolute;
		right: 4.68vw;
		top: 219vw;
	}
	.pageID-science #point4 .slide-wrap .i6 .check {
		margin-top: -134vw;
	}
}

/* -------------------------------------------------
	download-btn-area
------------------------------------------------- */

#download-btn-area {
	padding: 55px 0;
	text-align: center;
}
#download-btn-area .btn {
	width: 595px;
	height: 78px;
	border-radius: 39px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.2em;
	font-weight: 700;
	box-shadow: 8px 8px 8px 0 rgba(0,0,0,0.15);
	transition: background 0.3s ease-out;
	font-size: 18px;
	position: relative;
	z-index: 10;
}

.pageID-pe #download-btn-area .btn { background: #bbaeef; }
.pageID-math #download-btn-area .btn { background: #34d0fb; }
.pageID-science #download-btn-area .btn { background: #88f5a2; }

@media print, screen and (min-width:769px) {
	.pageID-pe #download-btn-area .btn:hover { background: #d6cef5; }
	.pageID-math #download-btn-area .btn:hover { background: #85e3fd; }
	.pageID-science #download-btn-area .btn:hover { background: #b8f9c7; }
}

@media screen and (max-width:768px) {
	#download-btn-area {
		padding: calc(70 / 640 * 100vw) 0;
		position: relative;
	}
	#download-btn-area::before {
		width: calc(130 / 640 * 100vw);
		height: calc(200 / 640 * 100vw);
		content: "";
		display: block;
		background: url(../images/fig_01.svg) no-repeat 0 0 / contain;
		position: absolute;
		right: calc(-28 / 640 * 100vw);
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
	}
	#download-btn-area .btn {
		width: calc(567 / 640 * 100vw);
		height: calc(101 / 640 * 100vw);
		border-radius: calc(50.5 / 640 * 100vw);
		font-size: calc(27 / 640 * 100vw);
		box-shadow: 1vw 1vw 2vw 0 rgba(0,0,0,0.24);
		letter-spacing: 0.1em;
	}
}

/* -------------------------------------------------
	message
------------------------------------------------- */

#message {
	padding: 150px 0 200px;
	background: #f2f2f2;
}
#message .headline {
	padding-bottom: 33px;
	margin-bottom: 60px;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.4em;
	text-align: center;
}
.pageID-pe #message .headline { background: url(../../pe/images/bar_wide.svg) no-repeat center bottom / 600px auto; }
.pageID-math #message .headline { background: url(../../math/images/bar_wide.svg) no-repeat center bottom / 600px auto; }
.pageID-science #message .headline { background: url(../../science/images/bar_wide.svg) no-repeat center bottom / 600px auto; }

#message .message + .message {
	margin-top: 80px;
}
#message .pic p {
	text-align: right;
	color: #b3b3b3;
	font-size: 13px;
	font-weight: 500;
	margin-top: 0.5em;
}
#message .name-group .role {
	font-size: 19px;
	font-weight: 500;
}
#message .name-group .name {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
#message .copy {
	margin: 1.1em 0 0.2em;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.3;
}
#message .desc p {
	font-size: 19px;
	font-weight: 500;
	line-height: 1.7;
}
#message .desc .pull-down {
	display: none;
}
#message .desc .pull-down p {
	padding-top: 1.5em;
}

#message .show-and-hide {
	margin-top: 20px;
	text-align: right;
}
#message .show-and-hide:not(.on) a {
	cursor: pointer;
}
.pageID-pe #message .show-and-hide:not(.on) a { color: #bbaeef; }
.pageID-math #message .show-and-hide:not(.on) a { color: #3fa9f5; }
.pageID-science #message .show-and-hide:not(.on) a { color: #22b573; }

#message .show-and-hide:not(.on) a::before {
	content: "＞続きを読む";
	font-size: 19px;
	font-weight: 500;
}

#message .show-and-hide.on a {
	height: 38px;
	padding-right: 45px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background: url(../images/ico_close_03.svg) no-repeat 100% center / auto 38px;
}
#message .show-and-hide.on a::before {
	content: "閉じる";
}

@media print, screen and (min-width:769px) {
	#message .message {
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 50px;
		display: flex;
		align-items: flex-start;
	}
	#message .pic {
		width: calc(210 / 960 * 100%);
		box-sizing: border-box;
	}
	#message .right {
		width: calc(750 / 960 * 100%);
	}
	#message .name-group,
	#message .copy,
	#message .desc p {
		padding-left: 45px;
	}
	#message .name-group {
		display: flex;
		align-items: center;
	}
	#message .name-group .role {
		padding-right: 1em;
	}
	#message .copy {
		border-bottom: solid 1px #000;
	}
}

@media screen and (max-width:768px) {
	#message {
		padding: calc(90 / 640 * 100vw) 0 calc(60 / 640 * 100vw);
	}
	#message .headline {
		padding-bottom: calc(28 / 640 * 100vw);
		margin-bottom: calc(75 / 640 * 100vw);
		font-size: calc(37 / 640 * 100vw);
		background-size: 84.3vw auto !important;
		letter-spacing: 0.1em;
	}
	.pageID-pe .message + .message {
		margin-top: calc(90 / 640 * 100vw);
	}
	#message .pic {
		width: calc(206 / 640 * 100vw);
		margin: 0 auto;
	}
	#message .pic p {
		font-size: calc(11 / 640 * 100vw);
	}
	#message .name-group {
		text-align: center;
	}
	#message .name-group .role {
		margin: 1em 0 0.5em;
		font-size: calc(27 / 640 * 100vw);
		line-height: 1.7;
	}
	#message .name-group .name {
		font-size: calc(31 / 640 * 100vw);
	}
	#message .copy {
		margin: 1.1em 0 0.4em;
		padding-bottom: 0.4em;
		line-height: 1.6;
		font-size: calc(33 / 640 * 100vw);
		text-align: center;
		border-bottom: solid 1px #000;
	}
	#message .desc p {
		font-size: calc(31 / 640 * 100vw);
	}

	#message .show-and-hide {
		margin-top: 1vw;
	}
	#message .show-and-hide:not(.on) a::before {
		font-size: calc(31 / 640 * 100vw);
	}

	#message .show-and-hide.on a {
		height: 8vw;
		padding-right: 10vw;
		background-size: 8vw auto;
	}
}



/* -------------------------------------------------
	memo
------------------------------------------------- */
.memo{
	position: absolute;
	font-size: calc(17 / 1250 * 100vw);
	padding: .75em;
	line-height: 1.5;
	border: #f7931e solid 1px;
	box-shadow: 5px 5px 10px 2px rgba(50,50,50,0.5);
	z-index: 99;
}
.memo::before{
	content: "";
	position: absolute;
	display: inline-block;
	background-image: url("../images/frame_decoration_right.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	top: -64px;
	right: -50px;
}
.pageID-science .memo{
	background-color: #fff;
}




@media print, screen and (min-width: 1250px) { /* PCスライダー (大きい幅用 上記の値をpxにしただけ) */
}
@media print, screen and (min-width:769px) { /* PCスライダー */
}


/*
.teacher{
	position: absolute;
	background-color: #fff;
	font-size: 17px;
	padding: .75em;
	line-height: 1.5;
	border: #f7931e solid 1px;
	border-radius: 1em;
	box-shadow: .3em .3em .6em .1em rgba(50,50,50,0.5);
	z-index: 11;
}
.teacher::before{
	content: "";
	position: absolute;
	display: inline-block;
	background-image: url("../SVG/teachers_voice_mark.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 144px;
	height: 40.5px;
	top: -34px;
	left: -8px;
}
.teacher::after{
	content: "";
	position: absolute;
	display: inline-block;
	background-image: url("../SVG/good_mark.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 45px;
	height: 62.5px;
	bottom: -20px;
	right: -12px;
}
*/


.science001{
    top: 200px;
    left: 120px;
    width: 12em;
}
.science002{
    bottom: 20px;
    right: 50px;
    width: 12em;
}
/* teacher */
.pe001{
    top: 300px;
    right: 150px;
    width: 12em;
}
.pe002{
    top: 100px;
    left: 30px;
    width: 12em;
}
.pe003{
    top: 200px;
    left: 30px;
    width: 12em;
}
.pe004{
    top: 500px;
    left: 30px;
    width: 40em;
}

@media print, screen and (max-width:1250px) { /* PCスライダー */
	/*
    .teacher{
        font-size: calc(17 / 1250 * 100vw);
    }
    .teacher::before{
        width: calc( 144 / 1250 * 100vw );
        height: calc( 40.5 / 1250 * 100vw );
        top: calc( -34 / 1250 * 100vw );
        left: calc( -8 / 1250 * 100vw );
    }
    .teacher::after{
        content: "";
        position: absolute;
        display: inline-block;
        background-image: url("../SVG/good_mark.svg");
        background-size: contain;
        background-repeat: no-repeat;
        width: calc(45 / 1250 * 100vw );
        height: calc(62.5 / 1250 * 100vw );
        bottom: calc( -20 / 1250 * 100vw );
        right: calc( -12 / 1250 * 100vw );
    }
	*/
    .science001{
        top: calc(300 / 1250 * 100vw);
        left: calc(120 / 1250 * 100vw);
    }
    .science002{
        bottom: calc(20 / 1250 * 100vw);
        right: calc(50 / 1250 * 100vw);
    }
}




/*
#point #science .headline { border-bottom: solid 7px #88f5a2; }
#point #math .headline { border-bottom: solid 7px #34d0fb; }
#point #pe .headline { border-bottom: solid 7px #baadee; }
*/

#science{
	background-color: rgba(222,255,230,.5);
}
#science::before{
    content: '';
    display: inline-block;
    position: relative;
	/* これはなんだろう？　ごみにしかなってないような？
    top: -170px;
    height: 30px;
    width: 100%;
    background-color: rgba(222,255,230,.5);
	*/
}
#math{
	background-color: rgba(193,245,253,.5);
}
#pe{
	background-color: rgba(227,222,248,.5);
}



/* 強調用の下線 */
.underline_yellow {
	background:linear-gradient(transparent 60%, #ff6 40%);
}
.underline_yellow_transparent{
	background:linear-gradient(transparent 40%, #EBECA9 60%);
}
.bold{
	font-weight: bold;
}

/* スライダー枠の指定 */
@media print, screen and (min-width: 1250px) { /* PCスライダー (大きい幅用 上記の値をpxにしただけ) */
	.slide-wrap {
		height: 700px;	/* dreamweaverの表示に必要：ブラウザには不要 */
	}
}