@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes headerFixed { 0% { transform: translateY(-90px); }
  100% { transform: translateY(0px); } }
@keyframes SlideIn { 0% { opacity: 0; transform: translateY(-90px); }
  100% { opacity: 1; transform: translateY(0); } }
@keyframes loop { 0% { transform: translateX(100%); }
  to { transform: translateX(-100%); } }
@keyframes loop2 { 0% { transform: translateX(0); }
  to { transform: translateX(-200%); } }
.slick-slide { position: relative; }
.slick-slide img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; max-height: 100%; max-width: 100%; }

.works-de .works-de__con { margin-bottom: 10px; }
.works-de .works-de__con .works-de__time { font-size: 1.4rem; }
@media (min-width: 769px) { .works-de .works-de__con .works-de__time { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.9950248756 ); } }
@media (min-width: 970px) { .works-de .works-de__con .works-de__time { font-size: 1.6rem; } }
.works-de .works-de__con .works-de__ttl { font-size: 1.6rem; font-family: "Hiragino UD Sans Rd W6 JIS2004", "游ゴシック体 Pr6N B", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; text-align: left; }
@media (min-width: 769px) { .works-de .works-de__con .works-de__ttl { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.9950248756 ); } }
@media (min-width: 970px) { .works-de .works-de__con .works-de__ttl { font-size: 1.8rem; } }
.works-de .slide { margin-bottom: 45px; }
.works-de .slide .item { width: 100%; max-width: 970px; margin-bottom: 20px; background: #fff; }
.works-de .slide .item .slick-slide { height: 80vw; max-height: 700px; }
.works-de .slide .item .slick-arrow { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; line-height: 30px; text-align: center; z-index: 1; cursor: pointer; }
.works-de .slide .item .slick-arrow.prev { border-top: solid 1px #F69320; border-left: solid 1px #F69320; transform: rotate(315deg) translateY(-50%); left: 25px; transition: .4s; }
.works-de .slide .item .slick-arrow.next { border-top: solid 1px #F69320; border-right: solid 1px #F69320; transform: rotate(45deg) translateY(-50%); right: 25px; transition: .4s; }
.works-de .slide .item .slick-arrow:hover { transition: .4s; opacity: 0.5; }
.works-de .slide .thumb { padding: 0 4%; }
.works-de .slide .thumb .slick-track { width: 100% !important; transform: none !important; }
.works-de .slide .thumb .slick-track .slick-slide { width: calc(33% - 6px) !important; overflow: hidden; display: block; box-sizing: border-box; position: relative; margin: 0 10px 10px 0; transition: .3s; cursor: pointer; background: #f2f2f2; }
.works-de .slide .thumb .slick-track .slick-slide img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 190%; max-height: 190%; max-width: none; }
.works-de .slide .thumb .slick-track .slick-slide:hover { opacity: 0.5; }
.works-de .slide .thumb .slick-track .slick-slide:before { content: ''; display: block; padding-top: 70%; }
.works-de .slide .thumb .slick-track .slick-slide:nth-child(3n) { margin-right: 0; }
.works-de .works-de__txt { font-size: 1.3rem; padding: 40px 20px; margin-bottom: 40px; text-align: justify; background: #fff; border-radius: 25px; box-sizing: border-box; }
@media (min-width: 769px) { .works-de .works-de__txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.4975124378 ); } }
@media (min-width: 970px) { .works-de .works-de__txt { font-size: 1.4rem; } }
.works-de .works-de__txt span { font-family: "Hiragino UD Sans Rd W6 JIS2004", "游ゴシック体 Pr6N B", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; color: #F69320; }

.works-btn { margin-bottom: 75px; }

.back-btn { text-align: center; }
.back-btn a { position: relative; display: inline-block; padding-left: 20px; color: #F69320; font-size: 1.4rem; }
.back-btn a::before { position: absolute; content: ""; top: 45%; left: 0; width: 8px; height: 8px; border-top: solid 1px #F69320; border-left: solid 1px #F69320; transform: rotate(-45deg) translate(0, -50%); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .works-de .works-de__con { margin-bottom: 35px; }
  .works-de .works-de__con .works-de__time { display: inline-block; margin-right: 10px; }
  .works-de .works-de__con .works-de__ttl { display: inline-block; }
  .works-de .slide { margin-bottom: 45px; }
  .works-de .slide .item { padding: 0 2%; margin: 0 auto 30px; }
  .works-de .slide .item .slick-arrow { width: 25px; height: 25px; }
  .works-de .slide .item .slick-arrow.prev { left: 55px; }
  .works-de .slide .item .slick-arrow.next { right: 55px; }
  .works-de .slide .thumb { margin: auto; padding: 0 6%; max-width: 850px; }
  .works-de .slide .thumb .slick-track .slick-slide { width: calc(20% - 8px) !important; }
  .works-de .slide .thumb .slick-track .slick-slide:nth-child(3n) { margin-right: 10px; }
  .works-de .slide .thumb .slick-track .slick-slide:nth-child(5n) { margin-right: 0; }
  .works-de .works-de__txt { margin-bottom: 35px; padding: 20px 30px; }
  .back-btn { text-align: left; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1181px) { #contents { margin-top: 170px; }
  .works-de .slide { margin-bottom: 45px; }
  .works-de .slide .item { padding: 0; }
  .works-de .slide .item .slick-arrow { width: 25px; height: 25px; }
  .works-de .slide .item .slick-arrow.prev { left: 55px; }
  .works-de .slide .item .slick-arrow.next { right: 55px; }
  .works-de .slide .thumb { padding: 0; }
  .works-de .slide .thumb .slick-track .slick-slide { width: calc(20% - 8px) !important; }
  .works-de .slide .thumb .slick-track .slick-slide:nth-child(3n) { margin-right: 10px; }
  .works-de .slide .thumb .slick-track .slick-slide:nth-child(5n) { margin-right: 0; }
  .works-de .works-de__txt { padding: 40px 60px; } }
/*------------------------------
		1600px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */