

.center{text-align: center;display: inline-block;width: 100%;}
.over{width: 100%;}
img.over{margin-bottom:-6px;padding:0;}
h2.center{font-size: 30px;margin:2em 0 0 0;}
small.center{margin-bottom: 3em;}

.subpage h3{font-size:30px;font-weight:500;}
.subpage h3.copy{font-size:25px;font-weight:500;}

menu.fix{display: flex;justify-content: center; margin-top:0;color:white;flex-wrap: wrap;
    position: -webkit-sticky;
    position:         sticky;
	top: 3.1em;
    z-index: 10000;
}
menu.fix a{color:white; text-decoration: none; font-size: 13px;font-weight: 400;padding: 1.5em 0 2.5em 0;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align: center;width: 33.33%;position: relative;} 
menu.fix a:last-child{border-right:none;}
menu.fix a span::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 60;
    left: 50%;
    bottom: 1.5em;
    margin: auto;
  }


/*アンカーメニュー高さ避ける*/
.anc{padding-top: 150px;
    margin-top: -150px;}




.slide-point .slick-list .draggable{padding:0;}
.slide-point div{padding-right:20px;}
.slide-point img{width: 100%;}
.slide-point .slick-dots{bottom: -10%;}
.slide-point .slick-dots li.slick-active button::before,
.slide-point .slick-dots li button::before{color:white;}
.slide-point .slick-prev, .slide-point .slick-next{width:50px;height:100px; z-index:1000}
.slide-point .slick-prev::before {display:block;content:'';width:40px;height:40px; background-image: url(../image/sub/slidearrows.png);background-size: contain;}
.slide-point .slick-next::before {display:block;content:'';width:40px;height:40px; background-image: url(../image/sub/slidearrows-n.png);background-size: contain;}
.slide-point .slick-prev, .slide-point .slick-next{top: 130px;}
/*例外サイズ*/ #spatial .slide-point .slick-prev{top:150px;} #spatial .slide-point .slick-next{top:150px;}
.slide-point .slick-prev{margin-left:-5%;}
.slide-point .slick-next{margin-right:-2%;}

@media screen and (min-width: 743px) {
	.slide-point .slick-prev, .slide-point .slick-next{top: 150px;}
	#spatial .slide-point .slick-prev{top:170px;} #spatial .slide-point .slick-next{top:170px;}
	.slide-point .slick-prev{margin-left:-1%;}
	.slide-point .slick-next{margin-right:0%;}

}

.slide-point .slick-dots li button::before{font-size:10pt;}
.slide-point span{font-size:15px;background-color: white;font-size:0.8em;padding:5px;font-weight: 500;line-height: 1;margin-bottom:25px;display: inline-block;}


	
.subpage header{background-color:white;background-color:rgba(255, 255, 255, 0.8);}	
.subpage #main .paddingmode{padding: 1em 10%;}
.subpage h4{margin-top: -30px;margin-bottom: 10px;font-size:30px;font-weight: 600;}
.subpage h5{margin:15px 0;padding:0;font-size:20px;font-weight: 500;}
.subpage h6{margin:0;padding:0;font-size:25px;line-height: 33px;font-weight: 500;}
.subpage span.label{font-size:15px;background-color: white;font-size:0.8em;padding:5px;font-weight: 500;line-height: 1;margin:10px 0;display: inline-block;}
.subpage .trimmed-box{max-width:100%;margin:0.5rem auto 1rem auto;}
.subpage footer{color:#000000;}
	
	
	
	
	
/*anime #00A0E9*/
	#animation{color:#00A0E9;}
	#animation menu.fix{background-color:#00A0E9 ;}
	#message-anime{background-image: url(../image/sub/anime/area1-bkgd.svg);
		background-repeat: no-repeat;
		background-size:100%;
		background-position: 0 0;
	}
	#animation #main{
    background-image: url(../image/sub/anime/area2-bkgd.svg);
    background-repeat: repeat-y;
	background-position: 0 0;
	background-size:100%;
    width:100%;
    padding-top:25px;
	}
	#animation .slide-point span{color:#00A0E9;}
	#animation #course-point{
	background-color: #00A0E9;color:white;min-height:700px;margin-left:5%;margin-top:25px;
    margin-bottom: 50px;
	padding:50px 0;}
	#animation .toggle-trimmed{background-color:#a7e3ffbd;color:#00A0E9;}
	#animation span.label{background-color:#00A0E9;color:#ffffff;}
	
	
/*costume #E5005A*/	
	#costume{color:#E5005A;}
	#costume menu.fix{background-color:#E5005A ;}
	#message-costume{background-image: url(../image/sub/costume/area1-bkgd.svg);
		background-repeat: no-repeat;
		background-size:100%;
		background-position: 0 0;
	}
	#costume #main{
    background-image: url(../image/sub/costume/area2-bkgd.svg);
    background-repeat: no-repeat;
	background-position: 0 0;
	background-size:100%;
    width:100%;
    padding-top:25px;
	}
	#costume .slide-point span{color:#E5005A;}
	#costume #course-point{
	background-color: #E5005A;color:white;min-height:700px;margin-left:5%;margin-top:25px;
    margin-bottom: 50px;
	padding:50px 0;}
	#costume .toggle-trimmed{background-color:#efb6cdc8;color:#E5005A;}
	#costume span.label{background-color:#E5005A;color:#ffffff;}
	
	
/*spatial #039C77*/	
	#spatial{color:#039C77;}
	#spatial menu.fix{background-color:#039C77 ;}
	#message-spatial{background-image: url(../image/sub/spatial/area1-bkgd.svg);
		background-repeat: no-repeat;
		background-size:100%;
		background-position: 0 0;
	}
	#spatial #main{
    background-image: url(../image/sub/spatial/area2-bkgd.svg);
    background-repeat: repeat-y;
	background-position: 0 0;
	background-size:100%;
    width:100%;
    padding-top:25px;
	}
	#spatial .slide-point span{color:#039C77;}
	#spatial #course-point{
	background-color: #039C77;color:white;min-height:700px;margin-left:5%;margin-top:25px;
    margin-bottom: 50px;
	padding:50px 0;}
	#spatial .toggle-trimmed{background-color:#aedacf;color:#039C77;}
	#spatial span.label{background-color:#039C77;color:#ffffff;}
	
	
	
/*写真拡大 配置*/
.main-smartphoto{display:flex;flex-wrap: wrap;}
.main-smartphoto a{display: block; width: 50%;}
.main-smartphoto a img{width: 100%;}
.smartphoto-header{top:60px;}
	
#curriculum .paddingmode {padding-top: 20px;}	
#curriculum .paddingmode span{font-size:13px;text-align:center;}

.pcdis{display:block;}
.smpdis{display:none;}


@media screen and (min-width: 743px) {
    menu.fix{top: 0px;}
    menu.fix a{padding: 1.5em 0 2.5em 0;font-size: 16px;}
    menu.fix a span::after {bottom: 1.5em;}
		.smartphoto-header{top:0px;}
.pcdis{display: none;}
.smpdis{display: block;}
  }