/****************************************
Layout
*****************************************/
/*col*/
.col2 {
  width: 48%;
}
.col3 {
  width: 30.6666666667%;
}
.col4 {
  width: 22%;
}
.col5 {
  width: 16.8%;
}
.col6 {
  width: 13.3333333333%;
}

/*col pc only*/
@media screen and (min-width: 769px) {
  .col2-pc {
    width: 48%;
  }
  .col3-pc {
    width: 30.6666666667%;
  }
  .col4-pc {
    width: 22%;
  }
  .col5-pc {
    width: 16.8%;
  }
  .col6-pc {
    width: 13.3333333333%;
  }
}
/*col sp only*/
@media screen and (max-width: 768px) {
  .col2-sp {
    width: 48%;
  }
  .col3-sp {
    width: 30.6666666667%;
  }
  .col4-sp {
    width: 22%;
  }
  .col5-sp {
    width: 16.8%;
  }
  .col6-sp {
    width: 13.3333333333%;
  }
}
/*flex*/
.flex {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .flex-pc {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .flex-sp {
    display: flex;
    flex-wrap: wrap;
  }
}
.flex-abottom {
  align-items: flex-end;
}
.flex-acenter {
  align-items: center;
}
.flex-bet {
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .flex-bet-pc {
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .flex-bet-sp {
    justify-content: space-between;
  }
}
.flex-center {
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .flex-center-pc {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .flex-center-sp {
    justify-content: center;
  }
}
.flex-end {
  justify-content: flex-end;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-start {
  justify-content: flex-start;
}
.flex-column {
	flex-direction: column;
}
.order2 {
  order: 2;
}
@media screen and (min-width: 769px) {
	.order2-pc {
		order: 2;
	}
}
@media screen and (max-width: 768px) {
	.order2-sp {
		order: 2;
	}
}
/*inner*/
.inner-s {
  margin: 0 auto;
  width: 40%;
}
.inner-m {
	margin: 0 auto;
	max-width:960px;
	width: 60%;
}
.inner-l {
	margin: 0 auto;
	max-width:1200px;
	width: 80%;
}
.inner-xl {
	margin: 0 auto;
	min-width:960px;
	width: 90%;
}
@media screen and (min-width: 769px) {
  .inner-s-pc {
    margin: 0 auto;
    width: 40%;
  }
  .inner-m-pc {
    margin: 0 auto;
    width: 60%;
  }
  .inner-l-pc {
    margin: 0 auto;
    width: 80%;
  }
}

.inner-1200 {
	margin: 0 auto;
	max-width:1200px;
	width: 83%;
}
.inner-1040 {
	margin: 0 auto;
	xmax-width:1040px;
	xwidth:72.2%;
	width:1040px;
}
.inner-1020 {
	margin: 0 auto;
	xmax-width:1020px;
	xwidth:70.8%;
	width:1020px;
}
.inner-960 {
	margin: 0 auto;
	width:960px;
}
.inner-880 {
	margin: 0 auto;
	xmax-width:880px;
	xwidth:61.1%;
	width:880px;
}
@media screen and (max-width: 768px) {
	.inner-1200,.inner-1040,.inner-1020,.inner-960,.inner-880 {
		width: 84%;
	}
}
@media screen and (max-width: 768px) {
	.inner-xs, .inner-s, .inner-m, .inner-l, .inner-xl{
		min-width:auto;
		width: 82%;
	}
	.inner-84-sp{
		margin:0 auto;
		width:84%;
	}
	.inner-92-sp{
		margin:0 auto;
		width:92%;
	}
	.inner-100-sp{
		width:100%;
	}
}