@charset "utf-8";

/* --------------
 reset
-------------- */
input,select,textarea {max-width:95% !important;}
h1,h2,h3,h4 {font-size:100%;}

img {max-width:100% !important; height:auto;vertical-align: bottom;}
/*iframe {max-width:100% ; border:0;}*/

/* --------------
 base
-------------- */
body {font-size: 16px;}
.ifpc {display: none;}

@media screen and (max-width: 320px) { /*以下の時*/
}
@media screen and (min-width: 321px) { /*以上の時*/
}

@media only screen and (orientation : landscape) { /*横向きの際に適用*/
	body {background-size:100% auto;}
}


/* =base
---------------------------------------------------- */
#wrapper{
}


@media screen and (max-width: 320px) { /*以下の時*/
}
@media screen and (min-width: 321px) { /*以上の時*/
}

/* =contents
------------------------------------------ */

.in > .bgBox {
	padding: 10px 1.5rem;
}


.spclm2, .spclm3, .spclm4, .spclm5, .spclm6 {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin-left: -10px;
}
.spclm2 > * {
	width: calc((100% / 2) - 10px );
}
.spclm3 > * {
	width: calc((100% / 3) - 10px );
}
.spclm4 > * {
	width: calc((100% / 4) - 10px );
}
.spclm5 > * {
	width: calc((100% / 5) - 10px );
}
.spclm6 > * {
	width: calc((100% / 6) - 10px );
}

*::-ms-backdrop, .spclm2 > * {
  width: calc(50% - 10px); /* IE11 */
}
*::-ms-backdrop, .spclm3 > * {
  width: calc(33.33% - 10px); /* IE11 */
}
*::-ms-backdrop, .spclm4 > * {
  width: calc(25% - 10px); /* IE11 */
}
*::-ms-backdrop, .spclm5 > * {
  width: calc(20% - 10px); /* IE11 */
}
*::-ms-backdrop, .spclm6 > * {
  width: calc(16.66% - 10px); /* IE11 */
}
.spclm2 > *, .spclm3 > *, .spclm4 > *, .spclm5 > *, .spclm6 > * {
	margin-left: 10px;
}

.spclm2 > * >a, .spclm3 > * >a, .spclm4 > * >a, .spclm5 > * >a, .spclm6 > * >a {
	position: relative;
	display: block;
	height: 100%;
}



/* =pagetop
------------------------------------------ */

.pageNav ul {
	flex-wrap: wrap;
}

.pageNav ul li a {
	font-size: 4vw;
	padding: .8em 0;
}


.contents:before {
	width: 250vw;
	height: 250vw;
}

.contents:nth-of-type(2n):before {
	animation: none;
}
.contents:nth-of-type(2n+1):before {
	animation: none;
}




.aboutTxt {
	font-size: 5vw;
}