@charset "UTF-8";

h1.main-title {
background-image: url(../images/service04/h1.jpg);
background-repeat: no-repeat;
background-position: center 0; }

@media screen and (min-width: 768px), print {
h1.main-title .jp {color: #fff;font-size: 38px;text-align: center;line-height: 55px;}
.seo_bread_list { margin-bottom: 20px; }
.seo_bread_list,.seo_bread_list a {margin-bottom: 20px;font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic","游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size: 12px;color: #5B5B5B;margin-top: 15px;}
.f-gothic {color: #2a2a2a;font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic","游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size: 16px;letter-spacing: 0.05em;}
/* service01 -------------------------------------*/
#section01 .text-orange {color: #F14C04;}
#section01 .text-line {background: linear-gradient(transparent 65%, #FFE852 65%);}
#section01.service-bg-01 {background: linear-gradient(180deg,transparent 0%,transparent 590px,#EEE9C0 150px,#EEE9C0 97%,transparent  97% ,transparent 100%);z-index: 0;position: relative;}
#section01.service-bg-01::before {content: "";position: absolute;z-index: -1;top: -93px;width: 100%;background-image: url(../images/service01/contents-bg-01.png);background-position: top;background-size: cover;background-repeat: no-repeat;height: 700px;}
#section01 .service01-main {margin: 65px auto 0;max-width: 1100px;box-sizing: border-box;padding: 8px;background-color: #fff;border-radius: 30px;text-align: center;position: relative;padding-top: 250px;background-image: url(../images/service04/photo-service04.png);background-position: top center;background-repeat: no-repeat;}
#section01 .inner {max-width: 1050px;margin: 60px auto 21px;}
#section01 .inner::after {content: "";display: block;clear: both;float: none;}
#section01 .right-photo {max-width: 500px;width: calc(52% - 15px);margin-left: 15px;float: right;position: relative;bottom: 21px;}
#section01 .service01-main::before {content: "";position: absolute;left: 0;top: 0;width: 100%;border: 8px solid #fff;height: 100%;border-radius: 30px;box-sizing: border-box;}
#section01 .ico-img {position: absolute;bottom: 75%;right: 90.7%;}
#section01 .service01-main .bnr-title {position: absolute;top: 207px;left: 0;right: 0;margin: auto;}
#section01 .service01-main .service-text {padding: 46px 0 32px;font-weight: bold;font-size: 152%;}
#section01 .service-title {font-weight: bold;font-size: 220%;margin-bottom: 33px;line-height: 1.7em;letter-spacing: 0.07em;float: left;width: 50%;}
#section01 .text-area {float: left;width: 48%;line-height: 1.9em;letter-spacing: 0.06em;}
#section01 .text-area.mb-txt {margin-bottom: 30px;}

#section01 .exa-area {max-width: 1200px;margin: auto;border: 20px solid #2A2A2A;background-color: #fff;box-sizing: border-box;padding: 50px;}
#section01 .title-exa {text-align: center;font-weight: bold;letter-spacing: 2px;font-size: 300%;padding-bottom: 57px;padding-top: 12px;position: relative;background-image: url(../images/service04/exa-ico.png);background-position: 22% 2px,90.6% 19px;background-repeat: no-repeat;background-size: auto;}
#section01 ul.exa-flex {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin-bottom: 70px;}
#section01 ul.exa-flex:last-child {margin-bottom: 20px;}
#section01 ul.exa-flex li {margin-right: 11px;text-align: center;}
#section01 ul.exa-flex li:last-child {margin-right: 0;}
#section01 ul.exa-flex li p {margin-top: 17px;}
/* time -------------------------------------*/
#time h2, #content h2 {font-weight: bold;font-size: 42px;letter-spacing: 0.1em;line-height: 71px;text-align: center;margin-bottom: 30px;}
#time h2 {margin-top: 90px;}
#time .time-list {display: flex;justify-content: center;align-items: center;margin: 90px 0 60px;}
#time li.time-txt {margin-right: 23px;}
#time li.time-txt:last-child {margin-right: 0;}
#time li.time-txt p {font-weight: bold;font-size: 25px;letter-spacing: 0.1em;line-height: 37px;background-color: #E4DDAE;border-radius: 50%;width: 193px;height: 193px;display: flex;justify-content: center;align-items: center;}
#time li.time-img {margin-right: 23px;position: relative;}
#time li.time-img:before {background-image: url(../images/service04/year01.png);background-repeat: no-repeat;content: "";width: 123px;height: 64px;display: block;position: absolute;top: -130px;left: -50px;}
#time li.time-img.three:before {background-image: url(../images/service04/year02.png);}
#time .time-flex {max-width: 1000px;margin: 0 auto;display: flex;justify-content: center;}
#time .time-flex .txt {margin-right: 40px;}
#time .time-flex .img {width: 100%;}
/* content -------------------------------------*/
#content {background-image: url(../images/service01/bg-building.png);background-repeat: repeat-x;background-position: bottom center;background-size: 100vw;position: relative;padding-bottom: 255px;top: 0;left: 0;}
#content h2 {margin-top: 45px;}
#content table {max-width: 1000px;margin: 0 auto 50px;}
#content th {border: 1px solid #b8b8b8;background-color: #E4DDAE;padding: 17px 0 13px;font-weight: bold;letter-spacing: 0.1em;}
#content td.td01 {border-bottom: none;}
#content td {border: 1px solid #B8B8B8;padding: 17px 35px 15px 15px;background-color: #fff;}
#content td.bold {font-weight: bold;letter-spacing: 0.1em;text-align: center;padding: 17px 15px 15px 15px;}
/* merit -------------------------------------*/
#merit {background-image: url(../images/service01/bg-orange.png);background-position: top center;background-size: cover;padding: 80px 0 0;}
#merit .merit-area { text-align: center; margin-bottom: 100px;}
#merit .merit-flex {display: flex;max-width: 1200px;margin: auto;width: 100%;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
#merit .merit-end {font-size: 160%;color: #fff;font-weight: bold;margin: 60px 0 42px;letter-spacing: .08em;}
#merit .merit-flex .merit-item {position: relative;padding-bottom: 23px;width: calc(100% / 3 - 22px);margin-right: 33px;min-height: 430px;margin-top: 15px;}
#merit .merit-flex .merit-item .merit-photo {position: relative;right: 4%;width: 109%;max-width: 410px;}
#merit .merit-flex .merit-text {position: absolute;bottom: 0;background-color: #fff;text-align: center;width: 100%;padding: 27px 20px 20px;left: 0;border-radius: 40px;right: 0;margin: auto;box-sizing: border-box;min-height: 120px;}
#merit .merit-flex .merit-item:nth-child(3n) {margin-right: 0;}
#merit .reason-link {max-width: 1000px;margin: auto;border-radius: 50px;background-image: url(../images/service01/reason-bnr-bg-02.png);background-position: center top;background-size: 100%;background-repeat: no-repeat;min-height: 280px;box-sizing: border-box;padding-bottom: 80px;display: block;position: relative;z-index: 0;}
#merit .reason-link::before {content: "";position: absolute;right: 100px;bottom: 88px;background-image: url(../images/service01/reason-deco.png);background-position: top center;height: 90%;width: 37%;background-size: cover;background-repeat: no-repeat;z-index: 1;}
#merit .reason-link .bg-orange {position: absolute;bottom: 0;width: 100%;left: 0;padding: 18px 20px 23px;color: #fff;font-weight: bold;background-color: #F14C04;font-size: 165%;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;letter-spacing: 0.07em;}
#merit .reason-link .bg-orange::after {content: "";position: absolute;right: 90px;top: 0;bottom: 8px;width: 30px;height: 30px;background-image: url(../images/service01/ico-arrow-white.png);background-repeat: no-repeat;background-position: center;margin: auto;}
#merit .reason-link::after {content: "";position: absolute;width: 100%;height: 100%;border: 8px solid #fff;left: 0;top: 0;border-radius: 50px;box-sizing: border-box;z-index: 0;}
#merit .reason-link .bg-photo {text-align: left;padding: 62px 150px 0;font-size: 190%;font-weight: 500;text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 40px #fff,0 0 50px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 40px #fff,0 0 50px #fff,0 0 10px #fff;letter-spacing: 0.09em;line-height: 1.5em;}
#merit .reason-link:hover {text-decoration: none;opacity: 0.5;}
#merit .read-area {background-image: url(../images/service04/bg-photo-04.png);background-position: top center;background-size: cover;padding: 114px 0;font-weight: 900;font-size: 40px;letter-spacing: 0.08em;line-height: 74px;text-align: center;color: #fff;text-shadow: 0px 0px 50px #050909;}
/* service -------------------------------------*/
  #service {background-color: #F3EFD2;padding: 80px 0 150px;}
  #service .other-service {text-align: center;font-size: 190%;font-weight: 900;margin-bottom: 63px;letter-spacing: .08em;}
  #service .service-bnr.bnr-long.service06 {margin-right: 0;position: relative;left: 20px;}
  #service .inner-box {max-width: 1280px;width: 100%;margin: 107px auto 65px;}
  #service .title { text-align: center; line-height: 4.5em; margin-bottom: 75px; }
  #service .service-list {display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;max-width: 1180px;margin: auto;position: relative;}
  #service .service-bnr {width: calc(100% / 3 - 30px);margin-right: 35px;text-align: center;max-width: 280px;height: 427px;margin-bottom: 57px;z-index: 0;}
  #service .service-link {display: block;background-color: #fff;border-radius: 30px;padding: 260px 0 0;background-size: 100% auto;background-repeat: no-repeat;background-position: top center;position: relative;height: 100%;box-shadow: 0 0 17px rgba(97,89,20,0.15);font-weight: 500;}
  #service .service-bnr.service01 .service-link {background-image: url(../images/index/photo-service01.png);}
  #service .service-bnr.service02 .service-link {background-image: url(../images/index/photo-service02.png);}
  #service .service-bnr.service03 .service-link { background-image: url(../images/index/photo-service03.png); }
  #service .service-bnr.service04 .service-link { background-image: url(../images/index/photo-service04.png); }
  #service .service-bnr.service05 .service-link { background-image: url(../images/index/photo-service05.png); }
  #service .service-bnr.service06 .service-link { background-image: url(../images/index/photo-service06.png); }
  #service .service-bnr.service07 .service-link { background-image: url(../images/index/photo-service07.png); }

  #service .service-bnr:nth-child(3n) {margin-right: 0;}
#service .service-text {background-color: #fff;margin-top: 21px;width: 100%;letter-spacing: 0px;line-height: 1.6em;}
#service .bnr-title { position: absolute; bottom: 150px; width: 100%; text-align: center; }
#service .service-bnr .service-link:hover {text-decoration: none;opacity: 0.8;}
#service .service-link::before {content: "";position: absolute;bottom: 11px;width: 37px;height: 35px;right: 9px;left: 0;display: block;background-image: url(../images/service02/ico-arrow-black.png);background-repeat: no-repeat;background-position: center;background-size: auto;margin: 0 0 0 auto;z-index: 1;}
#service .bnr-long .bnr-title {position: relative;bottom: 0;display: flex;align-items: center;justify-content: center;height: 195px;top: 10px;border-top-right-radius: 30px;}
#service .bnr-long .service-link::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 8px solid #fff;border-radius: 30px;}
#service .bnr-long .service-link::before {bottom: 25px;right: 35px;}
#service .bnr-long .service-link { padding: 0;display: flex; flex-wrap: wrap; justify-content: center;}
#service .bnr-long .service-text {margin-bottom: 0;margin-top: 0;display: flex;align-items: center;justify-content: center;position: relative;padding: 11px 20px 20px;border-radius: 0 0 30px 30px;}
#service .ico-img { position: absolute; bottom: calc(100% - 65px); left: 0; right: 0; margin: auto;}
#service .bnr-long .ico-img {z-index: 1;left: auto;right: calc(100% - 77px);bottom: calc(100% - 73px);}
}

@media screen and (max-width: 767px) {
h1.main-title .jp {color: #fff;font-size: 2.0rem;text-align: center;}
.seo_bread_list,.seo_bread_list a {margin-bottom: 0;font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic","游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size: 4vw;color: #5B5B5B;margin-top: 3%;}
.f-gothic {color: #2a2a2a;font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic","游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size: 4vw;line-height: 8vw;letter-spacing: 0.05em;}
/* section01 -------------------------------------*/
#section01 .text-orange {color: #F14C04;}
#section01 .text-line {background: linear-gradient(transparent 65%, #FFE852 65%);}
#section01.service-bg-01 {background: linear-gradient(180deg,transparent 0%,transparent 5vw,#EEE9C0 10vw,#EEE9C0 97%,transparent  97% ,transparent 100%);z-index: 0;position: relative;}
#section01.service-bg-01::before {content: "";position: absolute;z-index: -1;top: -36vw;width: 100%;background-image: url(../images/service01/contents-bg-01.png);background-position: top;background-size: cover;background-repeat: no-repeat;height: 700px;}
#section01 .service01-main {margin: 12% auto 0;box-sizing: border-box;padding: 1vw;background-color: #fff;border-radius: 10vw;text-align: center;position: relative;padding-top: 26vw;background-image: url(../images/service04/photo-service04.png);background-position: top;background-size: 140% auto;background-repeat: no-repeat;width: 90%;}
#section01 .inner {margin: 10vw auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;width: 90%;}
#section01 .right-photo {text-align: center;margin: 3% 0;}
#section01 .left-text {line-height: 1.9em;letter-spacing: 0.045em;margin-bottom: 8%;}
#section01 .service01-main::before {content: "";position: absolute;left: 0;top: 0;width: 100%;border: 8px solid #fff;height: 100%;border-radius: 6vw;box-sizing: border-box;}
#section01 .ico-img {position: absolute;bottom: 85%;left: -2.5vw;width: 12vw;margin: auto;}
#section01 .service01-main .bnr-title {position: absolute;top: 22vw;left: 0;right: 0;margin: auto;width: 84%;}
#section01 .service01-main .service-text {padding: 8vw 0 4vw;font-weight: bold;font-size: 3vw;}
#section01 .service-title {font-weight: bold;font-size: 6vw;margin-bottom: 4vw;line-height: 1.7em;letter-spacing: 0.07em;}
#section01 .text-area.mb-txt {margin-bottom: 6%;}
#section01 .exa-area {margin: 0 3%;border: 1vw solid #2A2A2A;background-color: #fff;box-sizing: border-box;padding: 5vw 3vw 0;}
#section01 .title-exa {text-align: center;font-weight: bold;letter-spacing: 0.08em;font-size: 5vw;padding-bottom: 13vw;padding-top: 2vw;position: relative;background-image: url(../images/service04/exa-ico.png);background-position: 3% 1vw,98.6% 6vw;background-repeat: no-repeat;background-size: 17vw;}
#section01 ul.exa-flex {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin-bottom: 0;}
#section01 ul.exa-flex:last-child {margin-bottom: 0;}
#section01 ul.exa-flex li {margin-right: 0;text-align: center;width: 100%;}
#section01 ul.exa-flex li:last-child {margin-right: 0;}
#section01 ul.exa-flex li p {margin: 2% 0 10%;}
/* time -------------------------------------*/
#time {width: 100%;padding: 0 3vw;}
#time h2, #content h2 {font-weight: bold;font-size: 6vw;letter-spacing: 0.1em;line-height: 10vw;text-align: center;margin-bottom: 4%;}
#time h2 {margin-top: 8%;}
#time .time-list {display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 3% 0 10%;}
#time li.time-txt {margin-right: 0;}
#time li.time-txt:last-child {margin-right: 0;}
#time li.time-txt p {font-weight: bold;font-size: 4.5vw;letter-spacing: 0.1em;line-height: 8vw;background-color: #E4DDAE;border-radius: 50%;width: 40vw;height: 17vw;display: flex;justify-content: center;align-items: center;}
#time li.time-img {margin-right: 0;position: relative;margin: 3% 0;}
#time li.time-img img {width: 40%;margin: 0 auto;}
#time li.time-img:before {background-image: url(../images/service04/sp-year01.png);background-repeat: no-repeat;background-size: 100%;content: "";width: 22vw;height: 10vw;display: block;position: absolute;top: -2vw;right: -30vw;}
#time li.time-img.three:before {background-image: url(../images/service04/sp-year02.png);}
#time .time-flex {max-width: 100%;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;}
#time .time-flex .txt {margin: 3% 0 0 0;order: 2;}
#time .time-flex .img {width: 100%;order: 1;}
/* content -------------------------------------*/
#content {background-image: url(../images/service01/bg-building.png);background-repeat: repeat-x;background-position: bottom center;background-size: 100vw;position: relative;padding-bottom: 20vw;top: 0;left: 0;}
#content h2 {margin-top: 8%;}
#content .over {white-space: nowrap;width: 97vw;overflow: auto;}
#content p.f-gothic.scroll {padding: 0 3%;font-size: 3.7vw;}
#content table {max-width: 100%;margin: 0 3% 3vw;}
#content th {border: 1px solid #b8b8b8;background-color: #E4DDAE;padding: 1.5% 3% 1%;font-weight: bold;letter-spacing: 0.1em;}
#content td.td01 {border-bottom: none;}
#content td {border: 1px solid #B8B8B8;padding: 2% 3% 1.7%;background-color: #fff;}
#content td.bold {font-weight: bold;letter-spacing: 0.1em;text-align: center;padding: 2% 3% 1.7%;}
/* merit -------------------------------------*/
#merit {background-image: url(../images/service01/bg-orange.png);background-position: top center;background-size: cover;padding: 15vw 0 0;}
#merit .merit-area {text-align: center;margin-bottom: 25vw;padding: 0 6vw;}
#merit .merit-flex {display: flex;max-width: 100%;margin: auto;width: 100%;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
#merit .merit-end {font-size: 5vw;color: #fff;font-weight: bold;margin: 10vw 0 5vw;}
#merit .merit-flex .merit-item {position: relative;padding-bottom: 5.6vw;width: 100%;margin-top: 3%;}
#merit .merit-flex .merit-item .merit-photo {position: relative;max-width: 100%;}
#merit .merit-flex .merit-text {position: absolute;bottom: 0;background-color: #fff;text-align: center;width: 100%;padding: 6vw 5% 5.8vw;left: 0;border-radius: 9.5vw;right: 0;margin: auto;box-sizing: border-box;min-height: 15vw;}
#merit .merit-flex .merit-item:nth-child(3n) {margin-right: 0;}
#merit .reason-link {margin: auto;border-radius: 10vw;box-sizing: border-box;display: block;position: relative;z-index: 0;width: 90vw;background-image: url(../images/service01/reason-bnr-bg-sp.png);background-position: left top;background-size: 100%;background-repeat: no-repeat;height: 51vw;}
#merit .reason-link::before {content: "";position: absolute;right: 8vw;bottom: 2vw;background-image: url(../images/service01/reason-deco.png);background-position: bottom right;height: 38vw;width: 40vw;background-size: 100%;background-repeat: no-repeat;z-index: 0;}
#merit .reason-link .bg-orange {position: absolute;bottom: -13%;width: 100%;left: 0;padding: 2vw 2vw 4vw;color: #fff;font-weight: bold;background-color: #F14C04;font-size: 135%;border-bottom-right-radius: 10vw;border-bottom-left-radius: 10vw;letter-spacing: 0.07em;}
#merit .reason-link .bg-orange::after {content: "";position: absolute;right: 9vw;top: 0;bottom: 1.3vw;width: 5vw;height: 5vw;background-image: url(../images/service01/ico-arrow-white.png);background-repeat: no-repeat;background-position: center;background-size: contain;margin: auto;}
#merit .reason-link::after {content: "";position: absolute;width: 100%;height: 115%;border: 2vw solid #fff;left: 0;top: 0;border-radius: 10vw;box-sizing: border-box;z-index: 0;}
#merit .reason-link .bg-photo {text-align: left;padding: 15vw 10vw 16vw;font-size: 3.8vw;letter-spacing: 0.09em;font-weight: 500;line-height: 1.5em;text-shadow: 0 0 5vw #fff,0 0 5vw #fff,0 0 5vw #fff,0 0 5vw #fff;background-repeat: no-repeat;margin-bottom: 0vw;}
#merit .reason-link:hover {text-decoration: none;opacity: 0.5;}
#merit .read-area {background-image: url(../images/service04/bg-photo-04.png);background-position: top center;background-size: cover;padding: 12vw 0;font-weight: 900;font-size: 6vw;letter-spacing: 0.08em;line-height: 12vw;text-align: center;color: #fff;text-shadow: 0 0 50px #050909;}
/* service -------------------------------------*/
  #service {background-color: #F3EFD2;padding: 15vw 0;}
  #service .other-service {text-align: center;font-size: 5vw;font-weight: bold;margin-bottom: 10vw;letter-spacing: .08em;}
  #service .service-bnr.bnr-long.service06 {margin-right: 0;}
  #service .inner-box {width: 100%;margin: 15vw auto 0;}
  #service .title {text-align: center;line-height: 2em;margin-bottom: 12vw;padding: 0 7vw;}
  #service .title .title-img {margin-bottom: 3vw;display: block;}
  #service .title .title-img:first-child {padding: 0 5vw 1vw;}
  #service .service-list {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;margin: auto;width: calc(100% - 4vw);}
  #service .service-bnr {width: calc(100% / 2 - 3vw);text-align: center;margin: 0 auto 6vw;font-size: 3vw;}
  #service .service-bnr.bnr-long {width: calc(100% - 3vw);max-width: none;margin: 7vw auto 5vw;}
  #service .service-link {display: block;background-color: #fff;border-radius: 5vw;padding: 40vw 0vw 10vw;background-size: 100% auto;background-repeat: no-repeat;background-position: top center;position: relative;height: 100%;box-shadow: 0 0 3vw rgba(97,89,20,0.15);font-weight: 500;}
  #service .service01 .bnr-title, #service .service03 .bnr-title {top: 34vw;width: calc(100% - 9vw);}
  #service .bnr-long.service05 .bnr-title {padding: 0 23vw;}
  #service .service-bnr.service01 .service-link { background-image: url(../images/index/photo-service01.png); }
  #service .service-bnr.service02 .service-link {background-image: url(../images/index/photo-service02.png);}
  #service .service-bnr.service03 .service-link { background-image: url(../images/index/photo-service03.png); }
  #service .service-bnr.service04 .service-link { background-image: url(../images/index/photo-service04.png); }
  #service .service-bnr.service05 .service-link { background-image: url(../images/index/photo-service05.png); }
  #service .service-bnr.service06 .service-link { background-image: url(../images/index/photo-service06.png); }
  #service .service-bnr.service07 .service-link { background-image: url(../images/index/photo-service07.png); }
    
  #service .service-bnr.service02 .bnr-title {width: 30vw; }
  #service .service-bnr.service03 .bnr-title {width: 30vw;top: 30vw; }
  #service .service-bnr.service04 .bnr-title {width: 34vw; }
  #service .service-bnr.service05 .bnr-title {width: 24vw; }
  #service .service-bnr.service06 .bnr-title {width: 29vw;top: 35vw; }
  #service .service-bnr.service07 .bnr-title {width: 34vw;top: 35vw; }



  #service .service-text {background-color: #fff;width: 100%;line-height: 1.6em;padding: 4vw 5vw 0;text-align: left;}
  #service .bnr-title {position: absolute;top: 30vw;width: calc(100% - 15vw);text-align: center;left: 0;margin: auto;right: 0;}
  #service .service-bnr .service-link:hover {text-decoration: none;opacity: 0.8;}
  #service .service-link::before {content: "";position: absolute;bottom: 3vw;width: 6vw;height: 5vw;right: 1vw;left: 0;display: block;background-image: url(../images/service02/sp-ico-arrow-black.png);background-repeat: no-repeat;background-position: left center;background-size: 4.6vw;margin: 0 0 0 auto;padding: 0 0.5vw;z-index: 1;}
  #service .bnr-long .bnr-title {position: relative;bottom: 0;display: flex;align-items: center;justify-content: center;height: 38vw;padding: 0 21vw;top: 1vw;width: 100%;box-sizing: border-box;border-radius: 3vw;background-repeat: no-repeat;background-size: 100%;}
  #service .bnr-long .service-link::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1.3vw solid #fff;border-radius: 5vw;}
  #service .bnr-long .service-link::before {bottom: 4.5vw;right: 2vw;}
  #service .bnr-long .service-link { padding: 0;display: flex; flex-wrap: wrap; justify-content: center;}
  #service .bnr-long .service-text {margin-bottom: 0;margin-top: 0;display: flex;align-items: center;justify-content: center;position: relative;padding: 2vw 20vw;border-radius: 0 0 30vw 30vw;text-align: center;}
  #service .ico-img {position: absolute;bottom: calc(100% - 10vw);left: 0;right: 0;margin: auto;width: 29%;}
  #service .bnr-long .ico-img {z-index: 1;left: auto;right: calc(100% - 13vw);bottom: calc(100% - 10vw);width: 15vw;}


}