@charset "utf-8";

/* --------------
 base
-------------- */
.ifsp {display: none;}

/* --------------
 modules css
-------------- */
/* ---------- float */
.fll { float: left;}
.flr { float: right;}

/* ---------- align */
.vlt { vertical-align:top !important;}

/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd33 {width: 33% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd49 {width: 49% !important;}
.wd495 {width: 49.5% !important;}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}


.wd500px { max-width: 500px !important;}
.wd540px { max-width: 540px !important;}
.wd600px { max-width: 600px !important;}
.wd640px { max-width: 640px !important;}
.wd800px { max-width: 800px !important;}
.wd1000px { max-width: 1000px !important;}

/* ----- images */
.imgL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}



.ifpcmt43 {
	margin-top: 43px;
}


.btnNews a {
	font-size: 1.5em;
}

.btnNews a:before {
	border-width: 10px;
}

/* =base
---------------------------------------------------- */
.in{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

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

.clm2, .clm3, .clm4, .clm5, .clm6,
.clm1-2 {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin-left: -10px;
}
.clm2 > * {
	width: calc((100% / 2) - 10px );
}
*::-ms-backdrop, .clm2 > * {
  width: calc(50% - 10px); /* IE11 */
}
.clm3 > * {
	width: calc((100% / 3) - 10px );
}
*::-ms-backdrop, .clm3 > * {
  width: calc(33.33% - 10px); /* IE11 */
}
.clm4 > * {
	width: calc((100% / 4) - 10px );
}
*::-ms-backdrop, .clm4 > * {
  width: calc(25% - 10px); /* IE11 */
}
.clm5 > * {
	width: calc((100% / 5) - 10px );
}
*::-ms-backdrop, .clm5 > * {
  width: calc(20% - 10px); /* IE11 */
}
.clm6 > * {
	width: calc((100% / 6) - 10px );
}
*::-ms-backdrop, .clm6 > * {
  width: calc(16.66% - 10px); /* IE11 */
}

.clm1-2 > *:nth-child(odd) {
	width: calc((100% / 3) - 10px );
}
*::-ms-backdrop, .clm1-2 > *:nth-child(odd) {
  width: calc(33.33% - 10px); /* IE11 */
}
.clm1-2 > *:nth-child(even) {
	width: calc((100% / 3) * 2 - 10px );
}
*::-ms-backdrop, .clm1-2 > *:nth-child(even) {
  width: calc(66.66% - 10px); /* IE11 */
}



.clm2 > *, .clm3 > *, .clm4 > *, .clm5 > *, .clm6 > *,
.clm1-2 > *{
	margin-left: 10px;
}

.clm2 > * >a, .clm3 > * >a, .clm4 > * >a, .clm5 > * >a, .clm6 > * >a,
.clm1-2 > * >a{
	position: relative;
	display: block;
	height: 100%;
}



/* --------------
 page contents
-------------- */


@media screen and (max-width: 1100px) { /*以下の時*/
	.pageNav ul li a {
		font-size: 2vw;
	}
}


.aboutTxt {
	font-size: 1.8em;
}