@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%); } }
#contents { margin-top: 70px; }

.header { background: #fff; }
.header .header__menu-nav ul li a { color: #000; }

.titleimg { margin-bottom: 60px; }
.titleimg__wrap { background: url("/img/works/titleimg.jpg") center/cover no-repeat; }

#achv { padding-top: 100px; margin-top: -100px; }

.works .works__map { position: relative; margin-bottom: 20px; }
.works #hokaido { display: block; }
.works .works__map-click .click { position: absolute; max-width: 80px; width: 18%; }
.works .works__map-click .click__hokaido { top: 0%; left: 70%; }
.works .works__map-click .click__tohoku { right: 27%; bottom: 42%; }
.works .works__map-click .click__kanto { right: 32%; bottom: 30%; }
.works .works__map-click .click__chubu { right: 43%; bottom: 36%; }
.works .works__map-click .click__kinki { right: 52%; bottom: 27%; }
.works .works__map-click .click__shikoku { right: 67%; bottom: 25%; }
.works .works__map-click .click__kyushu { right: 79%; bottom: 16%; }
.works .works__area { display: none; padding-top: 90px; margin-top: -90px; text-align: center; /* #tokyo,#nigata,#mie,#okayama,#fukuoka{ display: none;  }*/ }
.works .works__area .works__area-bg { background: #f3f6fa; padding: 20px 3%; }
.works .works__area .works__area-ttl { margin-bottom: 20px; font-size: 1.8rem; color: #004ea7; font-weight: bold; letter-spacing: 0.1em; line-height: 1.3333333333; }
@media (min-width: 769px) { .works .works__area .works__area-ttl { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.7094017094 ); } }
@media (min-width: 1120px) { .works .works__area .works__area-ttl { font-size: 2.4rem; } }
.works .works__area .works__area-img { max-width: 540px; margin: auto; }
.works .works__area .works__area-img figcaption { font-size: 1rem; text-align: right; }
@media (min-width: 769px) { .works .works__area .works__area-img figcaption { font-size: calc( 1rem + ( 1vw - 7.69px ) * 0.5698005698 ); } }
@media (min-width: 1120px) { .works .works__area .works__area-img figcaption { font-size: 1.2rem; } }
.works .works__area .works__area-txt { display: inline-block; margin-bottom: 20px; border-bottom: 1px solid #004ea7; font-size: 1.6rem; font-weight: bold; letter-spacing: 0.1em; line-height: 1.6; }
@media (min-width: 769px) { .works .works__area .works__area-txt { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 1.1396011396 ); } }
@media (min-width: 1120px) { .works .works__area .works__area-txt { font-size: 2rem; } }
.works .works__area .works__area-txt .works__area-num { color: #004ea7; font-size: 2.5rem; letter-spacing: 0.1em; }
@media (min-width: 769px) { .works .works__area .works__area-txt .works__area-num { font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 3.1339031339 ); } }
@media (min-width: 1120px) { .works .works__area .works__area-txt .works__area-num { font-size: 3.6rem; } }
.works .works__area .works__area-map { display: none; }
.works .works__area-tab { max-width: 450px; width: 100%; margin: auto; margin-bottom: 15px; }
.works .works__area-tab .works__area-tab-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; justify-content: center; }
.works .works__area-tab .works__area-tab-list li { flex: 0 1 32%; width: 32%; max-width: 32%; margin-bottom: 10px; border-right: 2px dotted #cccccc; color: #666666; font-size: 1.4rem; line-height: 1.5; font-weight: bold; text-align: center; }
@media (min-width: 769px) { .works .works__area-tab .works__area-tab-list li { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 1.1396011396 ); } }
@media (min-width: 1120px) { .works .works__area-tab .works__area-tab-list li { font-size: 1.8rem; } }
.works .works__area-tab .works__area-tab-list li:first-child { border-left: 2px dotted #cccccc; }
.works .works__area-tab .works__area-tab-list li:nth-child(4n) { border-left: 2px dotted #cccccc; }
.works .works__area-tab .works__area-tab-list .active { color: #004ea7; }
.works #kinki .works__area-tab .works__area-tab-list li:nth-child(n + 4) { flex: 0 1 24%; width: 24%; max-width: 24%; }

.client { padding-top: 100px; margin-top: -100px; }
.client .common__ttl .common__ttl-jp { margin-bottom: 0; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .titleimg { margin-bottom: 90px; }
  .works .common__ttl { margin-bottom: 3%; }
  .works .works__map-click .click { cursor: pointer; transition: .3s; }
  .works .works__map-click .click:hover { opacity: 0.8; }
  .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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .works .works__wp .works__l { flex: 0 1 52%; width: 52%; max-width: 52%; box-sizing: border-box; }
  .works .works__wp .works__r { flex: 0 1 48%; width: 48%; max-width: 48%; box-sizing: border-box; }
  .works .works__area-tab .works__area-tab-list li { cursor: pointer; transition: .3s; }
  .works .works__area-tab .works__area-tab-list li:hover { color: #004ea7; }
  .client .common__ttl { margin-bottom: 3%; }
  .client .client__txt span { display: inline-block; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { .works .works__map-click .click { width: 100%; }
  .works .works__map-click .click__hokaido { top: 2%; }
  .works .works__map-click .click__tohoku { right: 30%; }
  .works .works__map-click .click__kanto { right: 34.5%; }
  .works .works__map-click .click__chubu { right: 45%; }
  .works .works__map-click .click__kinki { right: 55%; }
  .works .works__map-click .click__shikoku { right: 68%; }
  .works .works__map-click .click__kyushu { right: 78%; } }
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1181px) { #contents { margin-top: 100px; } }

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