@charset "UTF-8";
/* sp(320px) */


.splide {
	cursor: grab;
}
.splide:active {
	cursor: grabbing;
}
.splide__arrow {
	background: #434343;
	width: 2.4em;
	height: 2.4em;
}	
.splide__arrow svg {
	fill: #fff;
	width: 1.0em;
	height: 1.0em;
}
.splide__arrow--prev {
/*	left: 2.5em;*/
	left: -.8em;
}
.splide__arrow--next {
/*	right: 2.5em;*/
	right: -.8em;
}

/* スタジオ概要 */
#pageOutline .splide__arrow {
	background: #434343;
	width: 22px;
	height: 22px;
	opacity: 1;
}
#pageOutline .splide__arrow:hover {
	opacity: 0.8;
}
#pageOutline .splide__arrow svg {
	fill: #fff;
	width: 10px;
	height: 10px;
}
#pageOutline .splide__arrow--prev {
	left: -10px;
}
#pageOutline .splide__arrow--next {
	right: -10px;
}
#pageOutline .splide__pagination {
	bottom: -15px;	
}
#pageOutline .splide__pagination__page {
	background-color: #c5c4c4;
	width: 8px;
	height: 8px;
}
#pageOutline .splide__pagination__page.is-active {
/*    transform: scale(1.4);*/
transform: scale(1.0);
	background-color: #434343;
}




@media handheld, print, screen and (min-width: 375px) {
/* iphone6 */


/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 414px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 480px) {
/* tablet */

/* スタジオ概要 */
#pageOutline .splide__arrow {
	width: 30px;
	height: 30px;
}
#pageOutline .splide__arrow svg {
	width: 11px;
	height: 11px;
}
#pageOutline .splide__arrow--prev {
	left: 45px;
}
#pageOutline .splide__arrow--next {
	right: 45px;
}
#pageOutline .splide__pagination {
	bottom: -10px;	
}



	@media (-webkit-min-device-pixel-ratio: 2){
		

	/* end of media query(retina) */	
	}

/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 620px) {
/* iPad */

.splide {
	cursor: auto;
}
/* スタジオ概要 */
#pageOutline .splide__arrow {
	width: 30px;
	height: 30px;
}
#pageOutline .splide__arrow svg {
	width: 11px;
	height: 11px;
}
#pageOutline .splide__arrow--prev {
	left: 65px;
}
#pageOutline .splide__arrow--next {
	right: 65px;
}
#pageOutline .splide__pagination {
	bottom: -10px;	
}
#pageOutline .splide__pagination__page {
	width: 12px;
	height: 12px;
}



/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 1080px) {
/* pc */

/* スタジオ概要 */
#pageOutline .splide__arrow {
	width: 40px;
	height: 40px;
}
#pageOutline .splide__arrow svg {
	width: 13px;
	height: 13px;
}
#pageOutline .splide__arrow--prev {
/*	left: 140px;*/
	left: calc((100vw / 2) - 530px);
}
#pageOutline .splide__arrow--next {
/*	right: 140px;*/
	left: calc((100vw / 2) + 490px);
}
#pageOutline .splide__pagination {
	bottom: -10px;	
}


/* end of media query(pc) */
}

@media handheld, print, screen and (min-width: 1040px) {
/* pc */



/* end of media query(pc) */
}