@charset "UTF-8";
/* line 4, service.scss */
.service-top h2 {
  margin-bottom: 40px; }
  @media screen and (max-width: 800px) {
    /* line 4, service.scss */
    .service-top h2 {
      margin-bottom: 30px; } }
  /* line 10, service.scss */
  .service-top h2.jp-title .jp {
    font-size: 22px; }
    @media screen and (max-width: 800px) {
      /* line 10, service.scss */
      .service-top h2.jp-title .jp {
        font-size: 16px; } }

/* line 20, service.scss */
.case {
  counter-reset: count;
  padding: 125px 0; }
  @media screen and (max-width: 800px) {
    /* line 20, service.scss */
    .case {
      padding: 50px 0; } }
  /* line 26, service.scss */
  .case .parallax-img {
    position: relative;
    width: 100vw;
    left: 50%;
    translate: -50% 0;
    margin: 130px 0; }
    @media screen and (max-width: 800px) {
      /* line 26, service.scss */
      .case .parallax-img {
        margin: 60px 0; } }

/* line 39, service.scss */
.case-content {
  background-color: #FFFFFF;
  border-radius: 20px;
  margin-bottom: 60px;
  padding: 25px 58px 65px; }
  @media screen and (max-width: 800px) {
    /* line 39, service.scss */
    .case-content {
      padding: 20px 16px 35px;
      margin-bottom: 30px; } }
  /* line 48, service.scss */
  .case-content:last-child {
    margin-bottom: 0; }
  /* line 51, service.scss */
  .case-content h2 {
    color: #004EA2;
    margin-bottom: 0;
    padding-left: 30px;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      /* line 51, service.scss */
      .case-content h2 {
        padding-left: 20px; } }
    /* line 59, service.scss */
    .case-content h2 .en {
      display: block;
      font-size: 20px; }
      @media screen and (max-width: 800px) {
        /* line 59, service.scss */
        .case-content h2 .en {
          font-size: 16px; } }
      /* line 65, service.scss */
      .case-content h2 .en::after {
        display: block;
        font-family: "Roboto", sans-serif;
        font-size: 148px;
        font-weight: 500;
        line-height: 0.9;
        counter-increment: count;
        content: counter(count,decimal-leading-zero); }
        @media screen and (max-width: 800px) {
          /* line 65, service.scss */
          .case-content h2 .en::after {
            font-size: 60px; } }
  /* line 79, service.scss */
  .case-content .case-head {
    position: relative;
    background-color: #BCE4F7;
    border-radius: 12px;
    padding: 30px 70px 50px;
    z-index: 0;
    margin: -80px 0 55px; }
    @media screen and (max-width: 800px) {
      /* line 79, service.scss */
      .case-content .case-head {
        padding: 25px 16px;
        margin: -30px 0 35px; } }
    /* line 90, service.scss */
    .case-content .case-head::after {
      position: absolute;
      left: 50%;
      top: 100%;
      translate: -50% 0;
      width: 56px;
      height: 28px;
      background-color: #BCE4F7;
      clip-path: polygon(50% 100%, 0 0, 100% 0);
      content: ""; }
      @media screen and (max-width: 800px) {
        /* line 90, service.scss */
        .case-content .case-head::after {
          width: 32px;
          height: 16px; } }
    /* line 105, service.scss */
    .case-content .case-head .half {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      @media screen and (max-width: 800px) {
        /* line 105, service.scss */
        .case-content .case-head .half {
          display: block; } }
      /* line 112, service.scss */
      .case-content .case-head .half ul {
        display: flex;
        flex-wrap: wrap;
        width: 48.9%;
        gap: 3px 0;
        margin: 0;
        padding: 0; }
        @media screen and (max-width: 800px) {
          /* line 112, service.scss */
          .case-content .case-head .half ul {
            width: 100%; } }
        /* line 122, service.scss */
        .case-content .case-head .half ul li {
          position: relative;
          width: 100%;
          line-height: 1.6;
          margin: 0;
          padding: 0 0 0 20px; }
          /* line 128, service.scss */
          .case-content .case-head .half ul li::before {
            position: absolute;
            left: 0;
            top: 0;
            content: "● ";
            color: #004EA2;
            font-size: 15px; }
  /* line 140, service.scss */
  .case-content h3 {
    color: #004EA2;
    font-size: 16px;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 15px; }
    @media screen and (max-width: 800px) {
      /* line 140, service.scss */
      .case-content h3 {
        font-size: 12px;
        padding-bottom: 5px;
        margin-bottom: 10px; } }
    /* line 151, service.scss */
    .case-content h3::after {
      position: absolute;
      left: 50%;
      bottom: 0;
      translate: -50% 0;
      width: 19px;
      height: 1px;
      content: "";
      background-color: #004EA2; }
  /* line 162, service.scss */
  .case-content h4 {
    color: #004EA2;
    font-size: 28px;
    text-align: center;
    margin-bottom: 25px; }
    @media screen and (max-width: 800px) {
      /* line 162, service.scss */
      .case-content h4 {
        font-size: 16px;
        margin-bottom: 20px; } }
  /* line 172, service.scss */
  .case-content .case-action {
    margin-bottom: 50px; }
    @media screen and (max-width: 800px) {
      /* line 172, service.scss */
      .case-content .case-action {
        margin-bottom: 30px; } }
    /* line 177, service.scss */
    .case-content .case-action .logo-action {
      color: #0093D6;
      font-family: "Roboto", sans-serif;
      font-size: 42px;
      font-weight: 300;
      line-height: 1;
      text-align: center;
      margin: 0 auto 20px; }
      @media screen and (max-width: 800px) {
        /* line 177, service.scss */
        .case-content .case-action .logo-action {
          font-size: 28px; } }
      /* line 188, service.scss */
      .case-content .case-action .logo-action strong {
        display: inline-block;
        padding-right: 14px; }
        @media screen and (max-width: 800px) {
          /* line 188, service.scss */
          .case-content .case-action .logo-action strong {
            padding-right: 10px; } }
    /* line 196, service.scss */
    .case-content .case-action .half {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      @media screen and (max-width: 800px) {
        /* line 196, service.scss */
        .case-content .case-action .half {
          display: block; } }
      /* line 203, service.scss */
      .case-content .case-action .half ul {
        display: flex;
        flex-wrap: wrap;
        width: 48.9%;
        gap: 3px 2.1%;
        margin: 0;
        padding: 0; }
        @media screen and (max-width: 800px) {
          /* line 203, service.scss */
          .case-content .case-action .half ul {
            width: 100%;
            gap: 3px 0; } }
        /* line 214, service.scss */
        .case-content .case-action .half ul li {
          position: relative;
          width: 100%;
          font-size: 15px;
          line-height: 1.6;
          border-bottom: 1px dashed #D3D0D0;
          margin: 0;
          padding: 6px 0 6px 20px; }
          @media screen and (max-width: 800px) {
            /* line 214, service.scss */
            .case-content .case-action .half ul li {
              border-bottom: none;
              padding: 0 0 0 20px; } }
          /* line 226, service.scss */
          .case-content .case-action .half ul li.bikou {
            font-size: 13px;
            border-bottom: none; }
            @media screen and (max-width: 800px) {
              /* line 226, service.scss */
              .case-content .case-action .half ul li.bikou {
                font-size: 12px;
                margin-left: 1.5em; } }
            /* line 233, service.scss */
            .case-content .case-action .half ul li.bikou::before {
              top: 4px;
              color: #1D1D1D;
              content: "※"; }
              @media screen and (max-width: 800px) {
                /* line 233, service.scss */
                .case-content .case-action .half ul li.bikou::before {
                  top: -2px; } }
          /* line 242, service.scss */
          .case-content .case-action .half ul li::before {
            position: absolute;
            left: 0;
            top: 6px;
            content: "● ";
            color: #0093D6;
            font-size: 15px; }
            @media screen and (max-width: 800px) {
              /* line 242, service.scss */
              .case-content .case-action .half ul li::before {
                top: 0; } }
  /* line 257, service.scss */
  .case-content .case-photo {
    display: flex;
    gap: 0 1.4%; }
    @media screen and (max-width: 800px) {
      /* line 257, service.scss */
      .case-content .case-photo {
        flex-wrap: wrap;
        gap: 15px 0; } }
    /* line 264, service.scss */
    .case-content .case-photo figure {
      width: 32.4%; }
      @media screen and (max-width: 800px) {
        /* line 264, service.scss */
        .case-content .case-photo figure {
          width: 100%; } }
      /* line 269, service.scss */
      .case-content .case-photo figure img {
        width: 100%;
        border: 1px solid #D3D0D0; }
      /* line 273, service.scss */
      .case-content .case-photo figure figcaption {
        display: block;
        font-size: 14px;
        line-height: 1.43;
        margin-top: 15px; }
        @media screen and (max-width: 800px) {
          /* line 273, service.scss */
          .case-content .case-photo figure figcaption {
            font-size: 13px;
            margin-top: 10px; } }

/* line 289, service.scss */
.results {
  padding: 70px 0 0; }
  @media screen and (max-width: 800px) {
    /* line 289, service.scss */
    .results {
      padding: 45px 0 0; } }
  /* line 294, service.scss */
  .results h2 {
    position: relative;
    margin-bottom: 70px;
    left: -12px; }
    @media screen and (max-width: 800px) {
      /* line 294, service.scss */
      .results h2 {
        left: -4px;
        margin-bottom: 25px; } }
    /* line 302, service.scss */
    .results h2 .en {
      display: block;
      color: #004EA2;
      font-size: 128px;
      font-weight: 100;
      line-height: 1; }
      @media screen and (max-width: 800px) {
        /* line 302, service.scss */
        .results h2 .en {
          font-size: 44px; } }
  /* line 313, service.scss */
  .results h3 {
    color: #004EA2;
    font-size: 32px;
    line-height: 1.5;
    padding-left: 70px;
    margin-bottom: 25px; }
    @media screen and (max-width: 800px) {
      /* line 313, service.scss */
      .results h3 {
        font-size: 16px;
        line-height: 1.75;
        padding-left: 30px;
        margin-bottom: 15px; } }
    /* line 325, service.scss */
    .results h3::before {
      position: absolute;
      left: 0;
      top: 25px;
      width: 49px;
      height: 1px;
      content: "";
      background-color: #004EA2; }
      @media screen and (max-width: 800px) {
        /* line 325, service.scss */
        .results h3::before {
          top: 15px;
          width: 19px; } }

/* line 340, service.scss */
.achievements {
  position: relative;
  margin-bottom: 100px;
  /*dl {
  	position: relative;
  	display: flex;
  	flex-wrap: wrap;
  	width: 100%;
  	max-width: 795px;
  	margin: 0 0 25px;
  	padding: 0;
  	@include max-screen($tablet) {
  		display: block;
  		max-width: inherit;
  		margin: 0;
  	}
  	dt {
  		width: 295px;
  		border-bottom: 1px dashed #BCBCBC;
  		padding: 20px 0;
  		margin: 0;
  		@include max-screen($tablet) {
  			width: 100%;
  			border: none;
  			padding: 0;
  			margin-bottom: 15px;
  		}
  		&:last-of-type {
  			padding-bottom: 0;
  			border-bottom: none;
  			@include max-screen($tablet) {
  				padding: 0;
  			}
  		}
  		.achievements-title {
  			display: flex;
  			align-items: center;
  			justify-content: center;
  			width: 100%;
  			height: 108px;
  			color: $white;
  			font-size: 24px;
  			line-height: 1.3;
  			text-align: center;
  			@include max-screen($tablet) {
  				height: 50px;
  				font-size: 16px;
  			}
  			&.at01 {
  				background-color: #72A7E2;
  			}
  			&.at02 {
  				background-color: #56BBE8;
  			}
  		}
  	}
  	dd {
  		display: flex;
  		align-items: center;
  		width: calc(100% - 295px);
  		font-size: 16px;
  		line-height: 1.75;
  		border-bottom: 1px dashed #BCBCBC;
  		padding: 20px 0 20px 60px;
  		margin-bottom: 0;
  		@include max-screen($tablet) {
  			width: 100%;
  			font-size: 15px;
  			border-bottom: none;
  			padding: 0;
  			margin-bottom: 30px;
  		}
  		&:last-of-type {
  			padding-bottom: 0;
  			border-bottom: none;
  			@include max-screen($tablet) {
  				margin-bottom: 0;
  			}
  		}
  	}
  }*/ }
  @media screen and (max-width: 800px) {
    /* line 340, service.scss */
    .achievements {
      margin-bottom: 25px; } }
  /* line 346, service.scss */
  .achievements h4 {
    color: #004EA2;
    font-size: 26px;
    text-align: center;
    margin-bottom: 15px; }
    @media screen and (max-width: 800px) {
      /* line 346, service.scss */
      .achievements h4 {
        font-size: 16px;
        text-align: left;
        line-height: 1.6; } }

/* line 436, service.scss */
.read-results {
  font-weight: 500; }
  /* line 438, service.scss */
  .read-results.read-results01 {
    margin-bottom: 175px; }
    @media screen and (max-width: 800px) {
      /* line 438, service.scss */
      .read-results.read-results01 {
        margin-bottom: 50px; } }
  /* line 444, service.scss */
  .read-results.read-results02 {
    margin-bottom: 60px; }
    @media screen and (max-width: 800px) {
      /* line 444, service.scss */
      .read-results.read-results02 {
        margin-bottom: 30px; } }

/* line 451, service.scss */
.cap-achievements {
  position: relative;
  font-size: 15px;
  text-align: center;
  margin-bottom: 60px;
  padding-bottom: 70px; }
  @media screen and (max-width: 800px) {
    /* line 451, service.scss */
    .cap-achievements {
      text-align: left;
      margin-bottom: 20px;
      padding-bottom: 40px; } }
  /* line 462, service.scss */
  .cap-achievements::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    translate: -50% 0;
    width: 54px;
    height: 30px;
    background-color: #004EA2;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    content: ""; }
    @media screen and (max-width: 800px) {
      /* line 462, service.scss */
      .cap-achievements::after {
        width: 38px;
        height: 20px; } }

/* line 478, service.scss */
.project {
  position: relative;
  width: 313px;
  text-align: center;
  background-color: #004EA2;
  padding: 25px 5px 20px;
  margin-left: 42px;
  z-index: 1; }
  @media screen and (max-width: 800px) {
    /* line 478, service.scss */
    .project {
      width: 220px;
      padding: 15px 5px;
      margin: 0 0 0 -20px; } }
  /* line 491, service.scss */
  .project .p-title {
    position: relative;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 12px; }
    @media screen and (max-width: 800px) {
      /* line 491, service.scss */
      .project .p-title {
        font-size: 17px;
        margin-bottom: 2px; } }
    /* line 501, service.scss */
    .project .p-title::after {
      position: absolute;
      left: 50%;
      bottom: 0;
      translate: -50% 0;
      width: 86px;
      height: 1px;
      background-color: #FFFFFF;
      content: ""; }
      @media screen and (max-width: 800px) {
        /* line 501, service.scss */
        .project .p-title::after {
          width: 76px; } }
    /* line 514, service.scss */
    .project .p-title .s-title {
      display: block;
      font-size: 16px;
      margin-top: 10px; }
      @media screen and (max-width: 800px) {
        /* line 514, service.scss */
        .project .p-title .s-title {
          font-size: 15px;
          margin-top: 5px; } }
  /* line 524, service.scss */
  .project .p-number {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-weight: 700; }
    /* line 530, service.scss */
    .project .p-number .p50 {
      display: inline-block;
      font-size: 100px;
      margin-right: 2px; }
      @media screen and (max-width: 800px) {
        /* line 530, service.scss */
        .project .p-number .p50 {
          font-size: 60px; } }
    /* line 538, service.scss */
    .project .p-number .p-text {
      font-size: 18px; }
      @media screen and (max-width: 800px) {
        /* line 538, service.scss */
        .project .p-number .p-text {
          font-size: 15px; } }
  /* line 545, service.scss */
  .project .bikou {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1;
    margin: 0; }
    @media screen and (max-width: 800px) {
      /* line 545, service.scss */
      .project .bikou {
        font-size: 11px; } }

/* line 555, service.scss */
.results-map {
  position: relative;
  width: 1519px;
  margin: -780px 0 0 10px;
  z-index: 0;
  pointer-events: none; }
  @media screen and (max-width: 800px) {
    /* line 555, service.scss */
    .results-map {
      width: 143vw;
      margin: -245px 0 0 -15px; }
      /* line 564, service.scss */
      .results-map img {
        width: 100%; } }

/* line 572, service.scss */
.works-list {
  counter-reset: count2;
  display: flex;
  flex-wrap: wrap;
  gap: 17px 2%;
  margin-bottom: 110px; }
  @media screen and (max-width: 800px) {
    /* line 572, service.scss */
    .works-list {
      gap: 15px 0;
      margin-bottom: 40px; } }
  /* line 582, service.scss */
  .works-list a {
    position: relative;
    display: block;
    width: 32%;
    text-decoration: none;
    border-radius: 15px;
    background: linear-gradient(#FFFFFF 0%, #F0F0F0 100%);
    border: 1px solid #E6E6E6;
    padding: 25px 20px 60px; }
    @media screen and (max-width: 800px) {
      /* line 582, service.scss */
      .works-list a {
        width: 100%;
        padding: 25px 25px 15px; } }
    /* line 596, service.scss */
    .works-list a.w01 ul {
      background-image: url("../img/icon_results01.svg"); }
    /* line 601, service.scss */
    .works-list a.w02 ul {
      background-image: url("../img/icon_results02.svg"); }
    /* line 606, service.scss */
    .works-list a.w03 ul {
      background-image: url("../img/icon_results03.svg"); }
    /* line 611, service.scss */
    .works-list a.w04 ul {
      background-image: url("../img/icon_results04.svg"); }
    /* line 616, service.scss */
    .works-list a.w05 ul {
      background-image: url("../img/icon_results05.svg"); }
    /* line 621, service.scss */
    .works-list a.w06 ul {
      background-image: url("../img/icon_results06.svg"); }
    /* line 626, service.scss */
    .works-list a.w07 ul {
      background-image: url("../img/icon_results07.svg"); }
    /* line 631, service.scss */
    .works-list a.w08 ul {
      background-image: url("../img/icon_results08.svg"); }
    /* line 636, service.scss */
    .works-list a.w09 ul {
      background-image: url("../img/icon_results09.svg"); }
    /* line 640, service.scss */
    .works-list a h4 {
      width: calc(100% + 15px);
      color: #004EA2;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.375;
      padding-left: 52px;
      margin-bottom: 15px; }
      /* line 651, service.scss */
      .works-list a h4::before, .works-list a h4::after {
        position: absolute; }
      /* line 655, service.scss */
      .works-list a h4::before {
        left: 0;
        top: 3px;
        color: #004EA2;
        font-family: "Roboto", sans-serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 0.9;
        counter-increment: count2;
        content: counter(count2,decimal-leading-zero); }
      /* line 666, service.scss */
      .works-list a h4::after {
        top: 4px;
        left: 38px;
        width: 1px;
        height: 16px;
        background-color: #004EA2;
        content: ""; }
    /* line 675, service.scss */
    .works-list a .wlist {
      width: calc(100% + 15px); }
    /* line 678, service.scss */
    .works-list a .viewmore {
      position: absolute;
      left: 50%;
      bottom: 18px;
      translate: -50% 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(100% - 50px);
      height: 31px;
      color: #FFFFFF;
      font-family: "Roboto", sans-serif;
      font-size: 14px;
      font-weight: 500;
      background-color: #42ADDD; }
      @media screen and (max-width: 800px) {
        /* line 678, service.scss */
        .works-list a .viewmore {
          position: relative;
          left: auto;
          bottom: auto;
          translate: 0 0;
          width: 100%; } }
      /* line 700, service.scss */
      .works-list a .viewmore::before, .works-list a .viewmore::after {
        position: absolute;
        top: 50%;
        right: 13px;
        translate: 0 -50%;
        width: 11px;
        height: 2px;
        background-color: #FFFFFF;
        content: "";
        pointer-events: none; }
      /* line 712, service.scss */
      .works-list a .viewmore::after {
        rotate: 90deg; }

/* line 721, service.scss */
.wlist {
  width: calc(100% + 15px);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 40px 43px;
  margin: 0 0 15px;
  padding: 0 0 0 50px; }
  @media screen and (max-width: 800px) {
    /* line 721, service.scss */
    .wlist {
      min-height: 40px;
      margin-bottom: 25px; } }
  /* line 732, service.scss */
  .wlist li {
    position: relative;
    font-size: 14px;
    line-height: 1.57;
    margin: 0;
    padding: 0 0 0 18px; }
    /* line 738, service.scss */
    .wlist li::before {
      position: absolute;
      left: 0;
      top: 4px;
      width: 12px;
      height: 12px;
      content: "";
      background-color: #0093D6;
      border-radius: 50%; }

/* line 754, service.scss */
.modal {
  width: calc(100% - 30px);
  max-width: 1000px;
  border: none;
  padding: 0;
  background: transparent;
  opacity: 0;
  transition: all 0.5s, overlay 0.5s allow-discrete, display 0.5s allow-discrete;
  overflow: visible; }
  /* line 763, service.scss */
  .modal::backdrop {
    background-color: #868686;
    mix-blend-mode: multiply;
    opacity: 0;
    transition: all 0.5s linear; }
  /* line 769, service.scss */
  .modal[open] {
    opacity: 1; }
@starting-style {
  /* line 769, service.scss */
  .modal[open] {
    opacity: 0; } }
    /* line 774, service.scss */
    .modal[open]::backdrop {
      opacity: 1; }
  /* line 779, service.scss */
  .modal#modal1 h5 {
    background-image: url("../img/icon_results01.svg"); }
  /* line 784, service.scss */
  .modal#modal2 h5 {
    background-image: url("../img/icon_results02.svg"); }
  /* line 789, service.scss */
  .modal#modal3 h5 {
    background-image: url("../img/icon_results03.svg"); }
  /* line 794, service.scss */
  .modal#modal4 h5 {
    background-image: url("../img/icon_results04.svg"); }
  /* line 799, service.scss */
  .modal#modal5 h5 {
    background-image: url("../img/icon_results05.svg"); }
  /* line 804, service.scss */
  .modal#modal6 h5 {
    background-image: url("../img/icon_results06.svg"); }
  /* line 809, service.scss */
  .modal#modal7 h5 {
    background-image: url("../img/icon_results07.svg"); }
  /* line 814, service.scss */
  .modal#modal8 h5 {
    background-image: url("../img/icon_results08.svg"); }
  /* line 819, service.scss */
  .modal#modal9 h5 {
    background-image: url("../img/icon_results09.svg"); }

/* line 824, service.scss */
.modal-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 50px 75px 50px 135px;
  overflow: hidden; }
  @media screen and (max-height: 650px) {
    /* line 824, service.scss */
    .modal-content {
      height: calc(100vh - 40px); } }
  @media screen and (max-width: 800px) {
    /* line 824, service.scss */
    .modal-content {
      height: calc(100vh - 40px);
      padding: 20px 15px; } }
  /* line 839, service.scss */
  .modal-content h5 {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 59px;
    color: #004EA2;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.375;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 70px;
    margin-bottom: 15px; }
    @media screen and (max-width: 800px) {
      /* line 839, service.scss */
      .modal-content h5 {
        min-height: inherit;
        font-size: 18px;
        background-position: 90px top;
        background-size: 44px 47px;
        margin-bottom: 20px;
        padding: 65px 0 0; } }
    /* line 860, service.scss */
    .modal-content h5 .no {
      position: absolute;
      left: -100px;
      top: 8px;
      color: #004EA2;
      font-family: "Roboto", sans-serif;
      font-size: 50px;
      font-weight: 700;
      line-height: 0.9; }
      @media screen and (max-width: 800px) {
        /* line 860, service.scss */
        .modal-content h5 .no {
          left: 0;
          top: 0; } }
      /* line 873, service.scss */
      .modal-content h5 .no::after {
        position: absolute;
        top: 50%;
        translate: 0 -50%;
        left: 72px;
        width: 1px;
        height: 36px;
        background-color: #004EA2;
        content: ""; }
        @media screen and (max-width: 800px) {
          /* line 873, service.scss */
          .modal-content h5 .no::after {
            top: 3px;
            translate: 0 0; } }
  /* line 889, service.scss */
  .modal-content .scroll {
    width: 100%; }
    @media screen and (max-height: 650px) {
      /* line 889, service.scss */
      .modal-content .scroll {
        width: calc(100% + 75px);
        padding: 0 75px 0 0;
        overflow-y: auto; } }
    @media screen and (max-width: 800px) {
      /* line 889, service.scss */
      .modal-content .scroll {
        width: calc(100% + 15px);
        padding: 0 15px 0 0;
        overflow-y: auto; } }
  /* line 902, service.scss */
  .modal-content .read-work {
    font-weight: 500;
    margin-bottom: 20px; }
    @media screen and (max-width: 800px) {
      /* line 902, service.scss */
      .modal-content .read-work {
        margin-bottom: 15px; } }
  /* line 909, service.scss */
  .modal-content .half {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 800px) {
      /* line 909, service.scss */
      .modal-content .half {
        display: block; } }
    /* line 915, service.scss */
    .modal-content .half .wlist {
      width: 49%; }
      @media screen and (max-width: 800px) {
        /* line 915, service.scss */
        .modal-content .half .wlist {
          width: 100%; } }
  /* line 922, service.scss */
  .modal-content .wlist {
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px; }
    @media screen and (max-width: 800px) {
      /* line 922, service.scss */
      .modal-content .wlist {
        margin-bottom: 20px; } }
    /* line 929, service.scss */
    .modal-content .wlist li {
      font-size: 15px;
      margin-bottom: 5px; }
      /* line 932, service.scss */
      .modal-content .wlist li:last-child {
        margin-bottom: 0; }
      /* line 935, service.scss */
      .modal-content .wlist li::before {
        top: 6px;
        width: 13px;
        height: 13px; }
  /* line 942, service.scss */
  .modal-content .work-photo {
    display: flex;
    width: 100%;
    gap: 5px; }
    @media screen and (max-width: 800px) {
      /* line 942, service.scss */
      .modal-content .work-photo {
        flex-wrap: wrap;
        gap: 20px 0; } }
    /* line 950, service.scss */
    .modal-content .work-photo figure {
      width: 32.9%; }
      @media screen and (max-width: 800px) {
        /* line 950, service.scss */
        .modal-content .work-photo figure {
          width: 100%; } }
      /* line 955, service.scss */
      .modal-content .work-photo figure figcaption {
        display: block;
        font-size: 14px;
        line-height: 1.43;
        padding-top: 15px; }
        @media screen and (max-width: 800px) {
          /* line 955, service.scss */
          .modal-content .work-photo figure figcaption {
            font-size: 13px;
            padding-top: 10px; } }
      /* line 965, service.scss */
      .modal-content .work-photo figure img {
        width: 100%;
        border: 1px solid #BCBCBC; }
  /* line 971, service.scss */
  .modal-content .modal-close {
    position: absolute;
    top: 40px;
    right: 50px;
    width: 26px;
    height: 26px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer; }
    @media screen and (max-width: 800px) {
      /* line 971, service.scss */
      .modal-content .modal-close {
        right: 25px;
        top: 25px; } }
    /* line 985, service.scss */
    .modal-content .modal-close::before, .modal-content .modal-close::after {
      position: absolute;
      top: 50%;
      left: 50%;
      translate: -50% -50%;
      width: 35px;
      height: 2px;
      content: "";
      background-color: #004EA2; }
    /* line 996, service.scss */
    .modal-content .modal-close::before {
      rotate: 45deg; }
    /* line 999, service.scss */
    .modal-content .modal-close::after {
      rotate: -45deg; }

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