@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.titleimg { background: url("/img/works/titleimg_sp.jpg") center/cover no-repeat; }

.fit { object-fit: cover; object-position: center; font-family: "object-fit: cover; object-position: center;"; }

.works { margin: 0% 0% 7.5% 0%; }
.works .works__list li { margin-bottom: 45px; }
.works .works__list .works__img { margin-bottom: 20px; position: relative; overflow: hidden; }
.works .works__list .works__img img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; }
.works .works__list .works__img::before { content: ''; display: block; padding-top: 100%; }
.works .works__list .works__name { font-size: 1.5rem; letter-spacing: -1px; }
@media (min-width: 769px) { .works .works__list .works__name { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.2557544757 ); } }
@media (min-width: 1160px) { .works .works__list .works__name { font-size: 1.6rem; } }
.works .works__list .works__day { font-size: 1.3rem; color: #EA8815; }

.menu_btn { margin: 0% 0% 25% 0%; }
.menu_btn ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: auto; }
.menu_btn ul li { font-size: 1.3rem; flex: 0 1 auto; width: auto; max-width: auto; margin: 0 2.5px; color: #EA8815; }
@media (min-width: 769px) { .menu_btn ul li { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2849002849 ); } }
@media (min-width: 1120px) { .menu_btn ul li { font-size: 1.4rem; } }
.menu_btn ul li a { position: relative; display: block; width: 35px; height: 35px; background: #fff; border: solid 1px #DDDDDD; border-radius: 50%; }
.menu_btn ul li a p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.menu_btn ul .first_page { margin-left: 0; }
.menu_btn ul .last_page { margin-right: 0; }
.menu_btn ul .dot_separate { margin: 0; }
.menu_btn ul .arrow a { position: relative; background: #EA8815; border: solid 1px #EA8815; }
.menu_btn ul .arrow a::before { position: absolute; content: ""; top: 50%; width: 5px; height: 5px; border-top: solid 1px #fff; }
.menu_btn ul .arrow.prev { margin: 0 auto 0 0; }
.menu_btn ul .arrow.prev a::before { left: 18px; border-left: solid 1px #fff; transform: rotate(-45deg) translate(0, -50%); }
.menu_btn ul .arrow.next { margin: 0 0 0 auto; }
.menu_btn ul .arrow.next a::before { right: 18px; border-right: solid 1px #fff; transform: rotate(45deg) translate(0, -50%); }
.menu_btn ul .active a { color: #fff; background: #EA8815; border: solid 1px #EA8815; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .titleimg { background: url("/img/works/titleimg_pc.jpg") center/cover no-repeat; }
  .works .works__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 80px; }
  .works .works__list li { flex: 0 1 30%; width: 30%; max-width: 30%; margin-right: 5%; margin-bottom: 65px; }
  .works .works__list li:nth-child(3n) { margin-right: 0; }
  .menu_btn { margin: 0% 0% 12.5% 0%; }
  .menu_btn ul { max-width: 450px; }
  .menu_btn ul li { margin: 0 1%; }
  .menu_btn ul li a { width: 45px; height: 45px; }
  .menu_btn ul li a:hover { color: #fff; background: #EA8815; border: solid 1px #EA8815; opacity: 1; }
  .menu_btn ul .arrow a::before { width: 7px; height: 7px; }
  .menu_btn ul .arrow a:hover { background: #fff; }
  .menu_btn ul .arrow a:hover::before { border-color: #EA8815; }
  .menu_btn ul .arrow.prev a::before { left: 23px; }
  .menu_btn ul .arrow.next a::before { right: 23px; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/

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