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

	事業内容css

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
.page__ttl {
  background-image: url("/img/works/bg_ttl.jpg"); }

.sp-tab {
  display: revert; }

@media screen and (min-width: 769px) {
  .sp-tab {
    display: revert; } }
@media screen and (min-width: 961px) {
  .sp-tab {
    display: none; } }
.works .inner {
  padding: 0; }
.works__content-words {
  box-sizing: border-box;
  padding: 40px 49px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00003a+0,3f3f8d+66,7374d1+100 */
  background: #00003a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00003a 0%, #3f3f8d 66%, #7374d1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #00003a 0%, #3f3f8d 66%, #7374d1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00003a 0%, #3f3f8d 66%, #7374d1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003a', endColorstr='#7374d1',GradientType=0 );
  /* IE6-9 */
  color: #FFFFFF; }
  .works__content-words .words-ttl {
    position: relative;
    margin-bottom: 50px;
    font-size: 2.5rem;
    line-height: 1; }
    @media (min-width: 769px) {
      .works__content-words .words-ttl {
        font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 2.4330900243 ); } }
    @media (min-width: 1180px) {
      .works__content-words .words-ttl {
        font-size: 3.5rem; } }
    .works__content-words .words-ttl:after {
      position: absolute;
      content: '';
      bottom: -20px;
      left: 50%;
      width: 60px;
      height: 1px;
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translate(-50%);
      background-color: #FFF; }
    .works__content-words .words-ttl.line2 {
      line-height: 1.52; }
      .works__content-words .words-ttl.line2:after {
        bottom: -17px; }
  .works__content-words .words-txt {
    margin-bottom: 30px;
    font-size: 1.5rem; }
  .works__content-words .btn__wrap {
    margin: 0; }
    .works__content-words .btn__wrap .btn {
      max-width: 264px;
      box-sizing: border-box;
      border: 1px solid #fff; }
      .works__content-words .btn__wrap .btn.blue {
        background: #fff;
        color: #004480; }
        .works__content-words .btn__wrap .btn.blue .icon:before {
          background: #004480;
          transition: .4s; }
        .works__content-words .btn__wrap .btn.blue .icon:after {
          border-left-color: #004480;
          transition: .4s; }
.works__wp .works__content + .works__content {
  margin-top: 30px; }
.works__wp .works__content:nth-child(3) .works__content-img {
  position: relative;
  padding-bottom: 71.9%;
  overflow: hidden; }
  .works__wp .works__content:nth-child(3) .works__content-img img {
    position: absolute;
    width: 130%;
    height: 110%;
    object-fit: cover;
    object-position: -50px 100%; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .works .inner {
    padding: 0% 1.69% 0% 1.69%; }
  .works__wp .works__content + .works__content {
    margin-top: 50px; }
  .works__wp .works__content:nth-child(3) .works__content-img img {
    width: 100%;
    height: 100%;
    object-position: revert; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  .works__content-words .btn__wrap .btn {
    max-width: 300px; }
    .works__content-words .btn__wrap .btn.blue {
      color: #FFF;
      background: transparent; }
      .works__content-words .btn__wrap .btn.blue .icon:before {
        background: #FFF; }
      .works__content-words .btn__wrap .btn.blue .icon:after {
        border-left-color: #FFF; }
    .works__content-words .btn__wrap .btn:hover.blue {
      color: #004480;
      background: #FFF; }
      .works__content-words .btn__wrap .btn:hover.blue .icon:before {
        background: #004480; }
      .works__content-words .btn__wrap .btn:hover.blue .icon:after {
        border-left-color: #004480; }
  .works__wp .works__content {
    position: relative;
    padding-bottom: 139px; }
    .works__wp .works__content + .works__content {
      margin-top: 70px; }
    .works__wp .works__content .works__content-img {
      max-width: 819px; }
    .works__wp .works__content .works__content-words {
      width: 100%;
      position: absolute;
      bottom: 0;
      max-width: 570px; }
      .works__wp .works__content .works__content-words .words-ttl {
        margin-bottom: 70px; }
      .works__wp .works__content .works__content-words .words-txt {
        margin-bottom: 63px;
        font-size: 1.45rem; }
    .works__wp .works__content:nth-child(1) .works__content-words {
      right: 0;
      padding: 123px 30px; }
    .works__wp .works__content:nth-child(2) .works__content-img {
      margin-left: auto; }
    .works__wp .works__content:nth-child(2) .works__content-words {
      left: 0;
      padding: 95px 30px; }
      .works__wp .works__content:nth-child(2) .works__content-words .words-ttl {
        margin-bottom: 66px;
        line-height: 1; }
    .works__wp .works__content:nth-child(3) .works__content-img {
      padding-bottom: 0;
      overflow: visible; }
      .works__wp .works__content:nth-child(3) .works__content-img img {
        position: static; }
    .works__wp .works__content:nth-child(3) .works__content-words {
      right: 0;
      padding: 43px 30px 53px; } }
/*------------------------------
		1181px以上
------------------------------*/
/*------------------------------
		.innerの補正
------------------------------*/
@media screen and (min-width: 1220px) {
  .works .inner {
    padding: 0;
    max-width: 1180px; } }

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