@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/*ページタイトル*/
#ttlimg { background: url("/img/works/ttlimg.jpg") center/cover no-repeat; }

#works { background: #172D5D; margin-bottom: 0; padding: 50px 0 80px; color: #fff; }
#works .works__list { margin: 0% 0% 10.66% 0%; padding: 0 20px; }
#works .works__list a { display: block; margin-bottom: 30px; }
#works .works__list a:last-child { margin-bottom: 0; }
#works .works__list-img { margin-bottom: 15px; }
#works .works__list-date { margin-bottom: 5px; font-size: 1.3rem; font-weight: 300; line-height: 1; }
@media (min-width: 375px) { #works .works__list-date { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.1212121212 ); } }
@media (min-width: 1200px) { #works .works__list-date { font-size: 1.4rem; } }
#works .works__list-ttl { font-weight: 600; font-size: 1.5rem; line-height: 1.5; }
@media (min-width: 375px) { #works .works__list-ttl { font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.1212121212 ); } }
@media (min-width: 1200px) { #works .works__list-ttl { font-size: 1.6rem; } }
#works .works__pager { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; justify-content: center; width: 90%; max-width: 480px; margin: 0 auto; padding: 0 20px; }
#works .works__pager .works__pager-btn { width: 45px; min-height: 35px; margin-bottom: 20px; box-sizing: border-box; }
#works .works__pager .works__pager-btn:nth-of-type(n+2) { margin-left: 5px; }
#works .works__pager .works__pager-btn.active a { background: #FFF; color: #172D5D; }
#works .works__pager .works__pager-btn a { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; justify-content: center; align-content: center; height: 100%; box-sizing: border-box; font-size: 1.1rem; font-weight: 300; }
@media (min-width: 375px) { #works .works__pager .works__pager-btn a { font-size: calc( 1.1rem + ( 1vw - 3.75px ) * 0.3636363636 ); } }
@media (min-width: 1200px) { #works .works__pager .works__pager-btn a { font-size: 1.4rem; } }
#works .works__pager .works__pager-btn a div { transform: skew(15deg); }
#works .works__pager .works__pager-btn .works__pager-arrow { position: relative; height: 100%; box-sizing: border-box; }
#works .works__pager .works__pager-btn .works__pager-arrow.next::after { transform: translate(-75%, -50%) rotate(225deg); }
#works .works__pager .works__pager-btn .works__pager-arrow::after { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-75%, -50%) rotate(45deg); width: 5px; height: 5px; box-sizing: border-box; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; transition: .3s; content: ''; }
#works .works__pager .active a { background: #FFF; color: #172D5D; }

.contact { margin-top: 0; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #works { padding: 80px 0 120px; }
  #works .works__list { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; justify-content: flex-start; margin-bottom: 100px; padding: 0; }
  #works .works__list a { width: 48%; margin: 0 4% 50px 0; }
  #works .works__list a:nth-child(even) { margin-right: 0; }
  #works .works__list a:nth-last-child(-n + 2) { margin-bottom: 0; }
  #works .works__list-img { margin-bottom: 20px; }
  #works .works__pager { max-width: 80%; padding: 0; }
  #works .works__pager .works__pager-btn { width: 70px; height: 60px; margin-bottom: 25px; }
  #works .works__pager .works__pager-btn:nth-of-type(n+2) { margin-left: 10px; }
  #works .works__pager .works__pager-btn:hover .works__pager-arrow::after { border-color: #172D5D; }
  #works .works__pager .works__pager-btn .works__pager-arrow::after { width: 8px; height: 8px; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { #works .works__list a { width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; }
  #works .works__list a:nth-child(even) { margin-right: 3.5%; }
  #works .works__list a:nth-child(3n) { margin-right: 0; }
  #works .works__list a:nth-last-child(-n + 3) { margin-bottom: 0; } }
/*------------------------------
		1201px以上
------------------------------*/

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