/* Scss Document */
/* Scss Document */

h2.woksttl {
	text-align: center;
	font-size: 160%;
	margin-bottom: 50px;
	letter-spacing: 10px;
}

.page_nav ul {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  justify-content: space-between;
}
.page_nav li {
  width: 352px;
}
.page_nav li a {
  display: block;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: .2em;
  line-height: 4.0;
  background: url("../images/works/page_nav_arrow.png") right 50% no-repeat;
}
.page_nav li a:hover {
  opacity: .6;
  transition: .5s;
}
.page_nav.top {
  padding: 60px 0 0;
}
.page_nav.top li a {
  border-bottom: #000 3px solid;
}
.page_nav.top li.active a {
  border-bottom: #FF8000 3px solid;
}
.page_nav.bottom {
  padding: 0 0 60px;
}
.page_nav.bottom li a {
  border-top: #000 3px solid;
  border-bottom: none;
}
.page_nav.bottom li.active a {
  border-top: #FF8000 3px solid;
}

.content {
  margin-top: -90px;
  padding: 150px 0 60px;
}

.works_list {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.works_list li {
  width: 246px;
  margin: 52px 0 0 52px;
}
.works_list li:nth-child(-n+4) {
  margin-top: 0;
}
.works_list li:nth-child(4n+1) {
  margin-left: 0;
}
.works_list li figure {
  margin-bottom: 10px;
}
.works_list li h3 {
  font-size: 1.4rem;
  text-align: center;
}

/*-------------
new
-------------*/
.slide_wrap {
  background: url("../images/common/bg_black.png");
}

.slide_main {
  position: relative;
  width: 1140px;
  min-width: 1140px;
  margin: 0 auto 20px;
}
.slide_main li {
  padding: 0 195px;
}
.slide_main li img {
  width: 100%;
  object-fit: cover;
  vertical-align: bottom;
}
.slide_main .arrow {
  color: #FFF;
  position: absolute;
  top: 50%;
  width: 24px;
  height: 46px;
  cursor: pointer;
}
.slide_main .arrow.prev {
  left: 150px;
  background: url("../images/works/new/slide_next.png") top left no-repeat;
  z-index: 999;
}
.slide_main .arrow.next {
  z-index: 999;
	right: 150px;
  background: url("../images/works/new/slide_prev.png") top right no-repeat;
}

.slide_thumb li img {
  width: 90%;
}

/*-------------
reform
-------------*/
.mttl {
  margin: 40px 0;
  text-align: center;
}
.mttl .en {
  margin-bottom: 1.5rem;
}
.mttl .jp {
  font-size: 1.5rem;
  font-weight: normal;
}

.reform_list {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.reform_list.col3 li {
  width: 352px;
  margin: 0 0 34px 42px;
}
.reform_list.col3 li:nth-child(3n+1) {
  margin-left: 0;
}
.reform_list.col2 li {
  width: 550px;
  margin: 0 0 34px 40px;
}
.reform_list.col2 li:nth-child(2n+1) {
  margin-left: 0;
}

.after .mttl {
  color: #8C0000;
}
.after p.text01 {
    line-height: 170%;
    font-size: 110%;
    padding-bottom: 30px;
}

@media screen and (max-width: 640px) {
  .page_nav li {
    width: 30vw;
  }
  .page_nav li a {
    font-size: 3.3333333333vw;
    letter-spacing: 0;
    line-height: 4.0;
    background: none;
  }
  .page_nav.top {
    padding: 10vw 0 0;
  }
  .page_nav.bottom {
    padding: 0 0 10vw;
  }

  .content {
    margin: -15.17vw 0 0 0;
    padding: 25.17vw 0 10vw;
  }
  .content#new .lttl img, .content#store .lttl img {
    width: 100%;
  }

  .works_list {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .works_list li {
    width: 30vw;
    margin: 2.5vw 0 0 1.6666666667vw;
  }
  .works_list li:nth-child(-n+4) {
    margin-top: 2.5vw;
  }
  .works_list li:nth-child(-n+3) {
    margin-top: 0;
  }
  .works_list li:nth-child(4n+1) {
    margin-left: 1.6666666667vw;
  }
  .works_list li:nth-child(3n+1) {
    margin-left: 0;
  }
  .works_list li figure {
    margin-bottom: 2.5vw;
  }
  .works_list li h3 {
    font-size: 3vw;
	   font-weight: 400;
  }

  /*-------------
  new
  -------------*/
  .slide_wrap {
    background: url("../images/common/bg_black.png");
  }

  .slide_main {
    position: relative;
    width: 100%;
    min-width: 100%;
    margin: 0 auto 3.33vw;
  }
  .slide_main li {
    padding: 0 3.33vw;
  }
  .slide_main .arrow {
	width: 3.6666666667vw;
	height: 10.3333333333vw;
	top: 40%;
  }
  .slide_main .arrow.prev {
    
    background-size: contain;
	  left: 4.1666666667vw;
  }
  .slide_main .arrow.next {
    
    background-size: contain;
	  right: 4.1666666667vw;
  }

  .slide_thumb {
    display: none;
  }

  .slick-dots {
    background: #FFF;
    text-align: center;
  }
  .slick-dots li {
    display: inline-block;
    padding: 1.3333333333vw;
  }
  .slick-dots li button {
    width: 3.3333333333vw;
    height: 3.3333333333vw;
    background: #000;
    padding: 0;
    border: none;
    font-size: 0;
  }
  .slick-dots li.slick-active button {
    background: #ACAC9D;
  }

  /*-------------
  reform
  -------------*/
  .mttl {
    margin: 5vw 0;
  }
  .mttl .en {
    margin-bottom: 1.6666666667vw;
  }
  .mttl .en img {
    width: 65%;
  }
  .mttl .jp {
    font-size: 3.3333333333vw;
  }

  .reform_list.col3 li {
    width: 30vw;
    margin: 0 0 1.6666666667vw 1.6666666667vw;
  }
  .reform_list.col2 li {
    width: 45.8333333333vw;
    margin: 0 0 1.6666666667vw 1.6666666667vw;
  }

  .under .mttl .en img {
    width: 100%;
  }
}