@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%); } }
.works .works__wp { margin-bottom: 40px; }
.works .works__wp li { margin-bottom: 45px; padding-bottom: 20px; border-bottom: dashed 1px #F69320; }
.works .works__wp li a figure { position: relative; margin-bottom: 10px; }
.works .works__wp li a figure .more_txt { position: absolute; top: 50%; left: 50%; width: 100%; font-size: 1.5rem; color: #fff; text-align: center; opacity: 0; transform: translate(-50%, -50%); text-decoration: underline; transition: .3s; }
.works .works__wp li a figure::before { position: absolute; content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; transition: .4s; }
.works .works__wp li a .works__txt-wp .time { font-size: 1.4rem; }
.works .works__wp li a .works__txt-wp .works__ttl { font-size: 1.4rem; font-family: "Hiragino UD Sans Rd W6 JIS2004", "游ゴシック体 Pr6N B", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; text-align: left; }
@media (min-width: 769px) { .works .works__wp li a .works__txt-wp .works__ttl { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.2849002849 ); } }
@media (min-width: 1120px) { .works .works__wp li a .works__txt-wp .works__ttl { font-size: 1.5rem; } }
.works .works__wp li a .works__more-btn { display: block; margin: 0 0 0 auto; text-align: right; }
.works .works__wp li a .works__more-btn p { position: relative; display: inline-block; margin: 0 0 0 auto; padding: 15px 25px 15px 20px; font-size: 1.3rem; background: #fff; border-radius: 50px; }
.works .works__wp li a .works__more-btn p::after { position: absolute; content: ""; top: 47%; right: 15px; width: 5px; height: 5px; border-top: solid 1px #F69320; border-right: solid 1px #F69320; transform: rotate(45deg) translate(0, -50%); }
.works .works__wp li:last-child { margin-bottom: 75px; }

.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-pack: center; -ms-flex-pack: center; justify-content: center; }
.menu_btn ul li { font-size: 1.3rem; flex: 0 1 auto; width: auto; max-width: auto; margin: 0 1%; }
@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 { padding: 6px 8.5px; }
.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 .aroow a { position: relative; background: #fff; border-radius: 50px; }
.menu_btn ul .aroow a::before { position: absolute; content: ""; top: 50%; width: 5px; height: 5px; }
.menu_btn ul .aroow.prev { margin: 0 auto 0 0; }
.menu_btn ul .aroow.prev a { padding: 10px 15px 10px 25px; }
.menu_btn ul .aroow.prev a::before { left: 15px; border-top: solid 1px #F69320; border-left: solid 1px #F69320; transform: rotate(-45deg) translate(0, -50%); }
.menu_btn ul .aroow.prev + li { margin-left: 2%; }
.menu_btn ul .aroow.next { margin: 0 0 0 auto; }
.menu_btn ul .aroow.next a { padding: 10px 25px 10px 15px; }
.menu_btn ul .aroow.next a::before { right: 15px; border-top: solid 1px #F69320; border-right: solid 1px #F69320; transform: rotate(45deg) translate(0, -50%); }
.menu_btn ul .aroow.next + li { margin-right: 2%; }
.menu_btn ul .active a { color: #F69320; background: #fff; border-radius: 50%; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .works .works__wp { 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; margin-bottom: 40px; }
  .works .works__wp li { flex: 0 1 48%; width: 48%; max-width: 48%; margin-bottom: 50px; padding-bottom: 0; border-bottom: none; }
  .works .works__wp li a .works__more-btn { display: none; }
  .works .works__wp li a:hover { opacity: 1; color: #F69320; }
  .works .works__wp li a:hover figure::before { opacity: 1; }
  .works .works__wp li a:hover .more_txt { opacity: 1; transition: .3s; }
  .works .works__wp li:last-child { margin-bottom: 75px; }
  .menu_btn ul li a { padding: 7px 10px; }
  .menu_btn ul li a:hover { color: #F69320; background: #fff; border-radius: 50%; opacity: 1; }
  .menu_btn ul .aroow a:hover { color: #fff; background: #F69320; border-radius: 50px; }
  .menu_btn ul .aroow a:hover::before { border-color: #fff; }
  .menu_btn ul .aroow.prev a { padding: 15px 20px 15px 30px; }
  .menu_btn ul .aroow.next a { padding: 15px 30px 15px 20px; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1181px) { #contents { margin-top: 170px; }
  .works .works__wp li { flex: 0 1 31%; width: 31%; max-width: 31%; }
  .works .works__wp li:last-child { margin-bottom: 115px; } }
/*------------------------------
		1600px以上
------------------------------*/

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