@charset "UTF-8";
/*
@function getvw($n, $b: 414px) {
  @return math.div($n, $b) * 100vw;
}
  */
@media screen and (min-width: 768px), print {
  main {
    margin-top: 55px;
  }
  .seo_bread_list {
    max-width: 1280px;
    width: 95%;
    margin: 0 auto;
  }
  .post-more-btn {
    max-width: 360px;
    height: 60px;
    border-radius: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(135deg, #54c2f0 0%, #1a77bc 50%, #54c2f0 100%);
    background-size: 200% 100%;
    background-position: 0%;
    transition: background-position 0.2s ease 0s;
    margin: 47px auto 0;
  }
  .post-more-btn:hover {
    background-position: -100%;
    text-decoration: none;
  }
  .post-more-btn:hover .post-more-btn__arrow {
    transform: translateX(4px);
  }
  .post-more-btn__text {
    display: block;
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-right: 1em;
  }
  .post-more-btn__arrow {
    display: block;
    transition: transform 0.2s ease 0s;
  }
  .post-more-btn__arrow > svg {
    display: block;
    width: 15px;
    height: 15px;
  }
  .post-more-btn__arrow > svg > use {
    fill: #fff;
  }
  .title {
    position: relative;
    padding-bottom: 132px;
  }
  .title .wrapper .container {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
  }
  .title .wrapper .container .title-Box {
    position: relative;
    padding-top: 40px;
  }
  .title .wrapper .container .title-Box div > p {
    position: absolute;
    top: -45px;
    right: 28px;
    width: 108px;
  }
  .title .wrapper .container .title-Box div > p img {
    width: 100%;
  }
  .title .wrapper .container .title-Box div > img {
    width: 100%;
  }
  .title .wrapper .container .title-Box .title-text {
    font-size: 55px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1;
    margin-top: 40px;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
    margin-bottom: 27px;
    font-weight: 600;
  }
  .title .wrapper .container .title-Box .title-text span {
    font-size: 22px;
    background: #000;
    color: #fff;
    padding: 7px 19px;
    margin-left: 27px;
    letter-spacing: -2px;
  }
  .title .title__scroll {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
    flex: 1;
    min-width: 80px;
    position: absolute;
    top: 62.7%;
    left: 0;
    transform: translate(0, -50%);
  }
  .title .title__scroll > span {
    line-height: 1;
    font-size: 13px;
    font-weight: normal;
    writing-mode: vertical-rl;
    letter-spacing: 0.05em;
  }
  .title .title__scroll::after {
    content: "";
    display: block;
    width: 1px;
    height: 80px;
    background-color: #1a1a1a;
  }
  #secA {
    background: #F5F6F7;
    padding: 120px 0 127px;
    overflow-x: hidden;
  }
    #secA .img{
    text-align: center; 
  }
  #secA .wrapper .container {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto 80px;
  }
  #secA .wrapper .container .title-Box {
    padding-top: 70px;
    position: relative;
    z-index: 1;
  }
  #secA .wrapper .container .title-Box::after {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    content: "LIFE CYCLE COST";
    display: inline-block;
    font-size: 90px;
    color: #D7DEE2;
    position: absolute;
    top: -6px;
    left: -3px;
    line-height: 1;
    letter-spacing: 0.8px;
    z-index: -1;
  }
  #secA .wrapper .container .title-Box h2 {
    font-size: 50px;
    line-height: 80px;
  }
  #secA .wrapper .container .title-Box h2 .f-min {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: 2.5px;
    font-weight: 600;
  }
  #secA .wrapper .container .title-Box h2 .text-bg {
    background: #EF7E11;
    padding: 0px 23px 0px 40px;
    color: #fff;
    margin-right: 25px;
    line-height: 1.4;
    transform: translateY(-8px);
    display: inline-block;
  }
  #secA .wrapper .container .title-Box h2 .text-bg .large {
    font-size: 50px;
    font-weight: bold;
  }
  #secA .wrapper .container .title-Box h2 .text-bg .small {
    font-size: 20px;
    margin-left: 10px;
    display: inline-block;
    transform: translateY(-12px);
  }
  #secA .wrapper .container .title-Box img {
    width: 653px;
    position: absolute;
    top: -119px;
    right: -367px;
  }
  


  #secB {
    padding: 135px 0 160px;
  }
  #secB .wrapper .container {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
  }
  #secB .wrapper .container h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 50px;
    line-height: 80px;
    text-align: center;
    letter-spacing: 2.5px;
    margin-bottom: 33px;
    font-weight: 600;
  }
  #secB .wrapper .container > p {
    font-size: 16px;
    line-height: 36px;
    width: 96%;
    margin: 0 auto;
  }
  #secB .wrapper .container .flex-Box {
    margin-top: 54px;
    display: flex;
    justify-content: space-between;
  }
  #secB .wrapper .container .flex-Box > div {
    max-width: 385px;
    width: 32%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
  }
  #secB .wrapper .container .flex-Box > div img {
    width: 100%;
  }
  #secB .wrapper .container .flex-Box > div > p {
    background: #EF7E11;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    padding: 31px 10px;
    color: #fff;
  }
  .bnr-area {
    padding: 98px 0;
    background: #E5E8EA;
  }
  .bnr-area .wrapper .container {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
  }
  .bnr-area .wrapper .container a {
    display: block;
    position: relative;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.16);
  }
  .bnr-area .wrapper .container a img {
    width: 100%;
  }
  .bnr-area .wrapper .container .btnA::after {
    content: "";
    display: inline-block;
    width: 454px;
    height: 272px;
    background-image: url(../images/service/bnr_01_after.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -11px;
    right: -25px;
  }
  .bnr-area .wrapper .container .btnB::after {
    content: "";
    display: inline-block;
    width: 487px;
    height: 281px;
    background-image: url(../images/service/bnr_02_after.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -17px;
    right: 35px;
  }
  .bnr-area .wrapper .container a + a {
    margin-top: 63px;
  }
  /* works -------------------------------------*/
  .works {
    padding-top: 112px;
    padding-bottom: 160px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .works-inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .works-h-en {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-bottom: 28px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #008FD1;
  }
  .works-h {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 45px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    margin-bottom: 122px;
    letter-spacing: 7px;
  }
  .works-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .works-item {
    max-width: 383.33px;
    width: 33%;
  }
  .works-item:nth-child(n+4) {
    margin-top: 60px;
  }
  .works-item__link {
    display: block;
    transition: opacity 0.2s ease 0s;
  }
  .works-item__link:hover {
    text-decoration: none;
    opacity: 0.7;
  }
  .works-item__link:hover .works-item__title {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  .works-item__pic {
    width: 100%;
    aspect-ratio: 460/320;
    margin-bottom: 19px;
  }
  .works-item__pic > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .works-item__area {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: fit-content;
    min-width: 80px;
    margin-bottom: 15px;
    color: #42AAE1;
    line-height: 1;
    font-size: 13px;
    padding-left: 1em;
    padding-right: 1em;
    border: 1px solid #42AAE1;
  }
  .works-item__title {
    font-size: 16px;
  }
  .works-more {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 94px;
  }
  #secC {
    background: linear-gradient(60deg, #54C2F0 0%, #1A77BC 75%);
    padding-bottom: 160px;
  }
  #secC .wrapper .title-Box {
    background-image: url(../images/service/secC_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 164px 0 304px;
  }
  #secC .wrapper .title-Box h2 {
    text-align: center;
    color: #fff;
  }
  #secC .wrapper .title-Box h2 span {
    display: block;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 1px;
  }
  #secC .wrapper .title-Box h2 .f-min {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 64px;
    margin-top: 25px;
    position: relative;
    z-index: 1;
    font-weight: 500;
    letter-spacing: -3px;
  }
  #secC .wrapper .title-Box h2 .f-min::after {
    content: "";
    display: inline-block;
    width: 313px;
    height: 20px;
    background: #EF7E10;
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translate(-50%, 0);
    z-index: -1;
  }
  #secC .wrapper .container {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
  }
  #secC .wrapper .container ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -220px;
  }
  #secC .wrapper .container ul li {
    max-width: 386px;
    width: 33%;
  }
  #secC .wrapper .container ul li:nth-child(n+4) {
    margin-top: 25px;
  }
  #secC .wrapper .container ul li img {
    width: 100%;
  }
  #secC .wrapper .container ul li .text-Box {
    background: #fff;
    padding: 29px 24px 42px;
  }
  #secC .wrapper .container ul li .text-Box .head {
    background: #FFD900;
    text-align: center;
    /* max-width: 338px; */
    margin: 0 auto;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #secC .wrapper .container ul li .text-Box .head + p {
    width: 320px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 28px;
  }
  #secD {
    padding: 160px 0;
  }
  #secD .wrapper .container {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
  }
  #secD .wrapper .container h2 {
    width: 638px;
    margin: 0 auto 40px;
  }
  #secD .wrapper .container h2 img {
    width: 100%;
  }
  #secD .wrapper .container p {
    font-size: 20px;
    margin-bottom: 57px;
    text-align: center;
  }
  #secD .wrapper .container img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  main {
    margin-top: 4.8309178744vw;
  }
  .post-more-btn {
    height: 14.4927536232vw;
    border-radius: 241.5458937198vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(135deg, #54c2f0 0%, #1a77bc 50%, #54c2f0 100%);
    background-size: 200% 100%;
    background-position: 0%;
    transition: background-position 0.2s ease 0s;
  }
  .post-more-btn:hover {
    background-position: -100%;
    text-decoration: none;
  }
  .post-more-btn:hover .post-more-btn__arrow {
    transform: translateX(25%);
  }
  .post-more-btn__text {
    padding-left: 1em;
    display: block;
    color: white;
    font-size: 3.8647342995vw;
    font-weight: 600;
    line-height: 1;
    margin-right: 1em;
  }
  .post-more-btn__arrow {
    display: block;
    transition: transform 0.2s ease 0s;
  }
  .post-more-btn__arrow > svg {
    display: block;
    width: 3.6231884058vw;
    height: 3.6231884058vw;
  }
  .post-more-btn__arrow > svg > use {
    fill: #fff;
  }
  .title {
    position: relative;
    padding-bottom: 12.077294686vw;
  }
  .title .wrapper .container {
    width: 90%;
    margin: 0 auto;
  }
  .title .wrapper .container .title-Box {
    position: relative;
    padding-top: 9.6618357488vw;
  }
  .title .wrapper .container .title-Box div > p {
    position: absolute;
    top: -15px;
    right: 6.7632850242vw;
    width: 12.077294686vw;
  }
  .title .wrapper .container .title-Box div > p img {
    width: 100%;
  }
  .title .wrapper .container .title-Box div > img {
    width: 100%;
  }
  .title .wrapper .container .title-Box > p {
    font-size: 3.8647342995vw;
    line-height: 7.2463768116vw;
  }
  .title .wrapper .container .title-Box .title-text {
    font-size: 8.4541062802vw;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1;
    margin-top: 3.6231884058vw;
    display: flex;
    align-items: flex-start;
    margin-bottom: 6.5217391304vw;
    flex-direction: column;
    font-weight: 600;
  }
  .title .wrapper .container .title-Box .title-text span {
    font-size: 4.347826087vw;
    background: #000;
    color: #fff;
    padding: 1.690821256vw 4.5893719807vw;
    margin-left: 0px;
    letter-spacing: -2px;
    margin-top: 1.2077294686vw;
  }
  .title .title__scroll {
    display: none;
  }
  #secA {
    background: #F5F6F7;
    padding: 14.4927536232vw 0 9.6618357488vw;
  }
      #secA .img{
    width: 80%; margin: 0 auto;
  }
  #secA .wrapper .container {
    width: 90%;
    margin: 0 auto 5vw;
  }
  #secA .wrapper .container .title-Box {
    padding-top: 8.9371980676vw;
    position: relative;
    z-index: 1;
  }
  #secA .wrapper .container .title-Box::after {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    content: "LIFE CYCLE COST";
    display: inline-block;
    font-size: 9.6618357488vw;
    color: #D7DEE2;
    position: absolute;
    top: 0.7246376812vw;
    left: -3px;
    line-height: 1;
    letter-spacing: 0.193236715vw;
    z-index: -1;
  }
  #secA .wrapper .container .title-Box h2 {
    font-size: 8.2125603865vw;
    line-height: 12.077294686vw;
    margin-bottom: 2.4154589372vw;
  }
  #secA .wrapper .container .title-Box h2 .f-min {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: 0.6038647343vw;
    font-weight: 600;
  }
  #secA .wrapper .container .title-Box h2 .text-bg {
    background: #EF7E11;
    padding: 1.2077294686vw 3.6231884058vw;
    color: #fff;
    /* margin-right: 25px; */
    line-height: 1;
    transform: translateY(0px);
    display: block;
    width: 72.4637681159vw;
    margin-bottom: 1.2077294686vw;
  }
  #secA .wrapper .container .title-Box h2 .text-bg .large {
    font-size: 9.6618357488vw;
    font-weight: bold;
  }
  #secA .wrapper .container .title-Box h2 .text-bg .small {
    font-size: 4.1062801932vw;
    margin-left: 2.1739130435vw;
    display: inline-block;
    transform: translateY(-6px);
  }
  #secA .wrapper .container .title-Box img {
    width: 100%;
  }

  
  #secB {
    padding: 16.9082125604vw 0 19.3236714976vw;
  }
  #secB .wrapper .container {
    width: 90%;
    margin: 0 auto;
  }
  #secB .wrapper .container h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 7.729468599vw;
    line-height: 12.077294686vw;
    text-align: center;
    letter-spacing: 0.6038647343vw;
    margin-bottom: 4.8309178744vw;
    font-weight: 600;
  }
  #secB .wrapper .container > p {
    font-size: 3.8647342995vw;
    line-height: 7.2463768116vw;
    width: 100%;
    margin: 0 auto;
  }
  #secB .wrapper .container .flex-Box {
    margin-top: 7.2463768116vw;
  }
  #secB .wrapper .container .flex-Box > div {
    width: 100%;
  }
  #secB .wrapper .container .flex-Box > div img {
    width: 100%;
  }
  #secB .wrapper .container .flex-Box > div > p {
    background: #EF7E11;
    font-size: 4.347826087vw;
    line-height: 5.7971014493vw;
    text-align: center;
    padding: 4.8309178744vw 2.4154589372vw;
    color: #fff;
  }
  #secB .wrapper .container .flex-Box div + div {
    margin-top: 6.038647343vw;
  }
  .bnr-area {
    padding: 12.077294686vw 0;
    background: #E5E8EA;
  }
  .bnr-area .wrapper .container {
    width: 90%;
    margin: 0 auto;
  }
  .bnr-area .wrapper .container a {
    display: block;
    position: relative;
    box-shadow: 0 4.8309178744vw 9.6618357488vw rgba(0, 0, 0, 0.16);
  }
  .bnr-area .wrapper .container a img {
    width: 100%;
  }
  .bnr-area .wrapper .container a + a {
    margin-top: 7.2463768116vw;
  }
  /* works -------------------------------------*/
  .works {
    padding-top: 18.3574879227vw;
    padding-bottom: 16.9082125604vw;
  }
  .works-inner {
    width: 94.2028985507vw;
    margin-left: auto;
    margin-right: auto;
  }
  .works-h-en {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-bottom: 5.3140096618vw;
    text-align: center;
    font-size: 4.347826087vw;
    font-weight: 500;
    line-height: 1;
    color: #008FD1;
  }
  .works-h {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 7.729468599vw;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    margin-bottom: 10.6280193237vw;
  }
  .works-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12.077294686vw 2.4154589372vw;
  }
  .works-item {
    width: calc((100% - 2.4154589372vw) / 2);
  }
  .works-item__link {
    display: block;
    transition: opacity 0.2s ease 0s;
  }
  .works-item__link:hover {
    text-decoration: none;
    opacity: 0.7;
  }
  .works-item__link:hover .works-item__title {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  .works-item__pic {
    width: 100%;
    aspect-ratio: 460/320;
    margin-bottom: 2.8985507246vw;
  }
  .works-item__pic > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .works-item__area {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 7.2463768116vw;
    width: fit-content;
    min-width: 19.3236714976vw;
    margin-bottom: 3.8647342995vw;
    color: #42AAE1;
    line-height: 1;
    font-size: 3.1400966184vw;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border: 1px solid #42AAE1;
  }
  .works-item__title {
    font-size: 3.6231884058vw;
  }
  .works-more {
    width: 86.9565217391vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14.4927536232vw;
  }
  #secC {
    background: linear-gradient(60deg, #54C2F0 0%, #1A77BC 75%);
    padding-bottom: 19.3236714976vw;
  }
  #secC .wrapper .title-Box {
    background-image: url(../images/service/secC_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 19.3236714976vw 0 36.231884058vw;
  }
  #secC .wrapper .title-Box h2 {
    text-align: center;
    color: #fff;
  }
  #secC .wrapper .title-Box h2 span {
    display: block;
    font-size: 4.8309178744vw;
    font-weight: bold;
    line-height: 1;
  }
  #secC .wrapper .title-Box h2 .f-min {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 9.6618357488vw;
    margin-top: 2.4154589372vw;
    position: relative;
    z-index: 1;
  }
  #secC .wrapper .title-Box h2 .f-min::after {
    content: "";
    display: inline-block;
    width: 51.9323671498vw;
    height: 2.8985507246vw;
    background: #EF7E10;
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translate(-50%, 0);
    z-index: -1;
  }
  #secC .wrapper .container {
    width: 95%;
    margin: 0 auto;
  }
  #secC .wrapper .container ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -100px;
  }
  #secC .wrapper .container ul li {
    width: 49%;
  }
  #secC .wrapper .container ul li:nth-child(n+3) {
    margin-top: 6.038647343vw;
  }
  #secC .wrapper .container ul li img {
    width: 100%;
  }
  #secC .wrapper .container ul li .text-Box {
    background: #fff;
    padding: 3.6231884058vw 2.4154589372vw;
    min-height: 36.231884058vw;
  }
  #secC .wrapper .container ul li .text-Box .head {
    background: #FFD900;
    text-align: center;
    /* max-width: 338px; */
    margin: 0 auto;
    font-size: 3.1400966184vw;
    line-height: 5.5555555556vw;
    font-weight: bold;
    margin-bottom: 2.4154589372vw;
    padding: 1.2077294686vw;
  }
  #secC .wrapper .container ul li .text-Box .head + p {
    width: 100%;
    margin: 0 auto;
    font-size: 2.8985507246vw;
    line-height: 4.347826087vw;
  }
  #secD {
    padding: 19.3236714976vw 0;
  }
  #secD .wrapper .container {
    width: 90%;
    margin: 0 auto;
  }
  #secD .wrapper .container h2 {
    width: 100%;
    margin: 0 auto 4.8309178744vw;
  }
  #secD .wrapper .container h2 img {
    width: 100%;
  }
  #secD .wrapper .container p {
    font-size: 3.8647342995vw;
    margin-bottom: 6.038647343vw;
    text-align: center;
  }
  #secD .wrapper .container img {
    width: 100%;
  }
}/*# sourceMappingURL=page-service.css.map */