@charset "UTF-8";
@font-face {
  font-family: Avenir;
  src: url("/font/AvenirBlack.ttf");
}

@font-face {
  font-family: Avenir_m;
  src: url("/font/AvenirMedium.ttf");
}

@media screen and (min-width: 769px), print {
  .show_sp {
    display: none !important;
  }
  .js_humburgerOpen .navi {
    width: 50%;
		z-index: 13;
  }
  .navi a::after {
    border-bottom: 2px solid #2C1817;
  }
  .navi .navi_inner > .navi_item {
    padding: 20px 0 20px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
  .navi .navi_inner > .navi_item {
    padding: 0;
  }
  .navi .navi_inner > .navi_item a {
    position: relative;
  }
  .navi .navi_inner > .navi_item a::after {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .navi .navi_inner > .navi_item .hasSub::before {
    border-top: solid 2px #212529;
    border-right: solid 2px #212529;
  }
}

@media screen and (min-width: 769px), print {
  .navi .navi_inner > .navi_item > .navi_item_sub {
    top: 100%;
  }
  .navi .navi_inner > .navi_item > .navi_item_sub > .navi_item:first-of-type {
    display: block;
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
  .navi {
    margin-top: 60px;
  }
}


@media screen and (min-width: 769px) and (max-width: 1180px) {

  .navi .navi_inner .navi_item a.btnContact span.en {
    display: block;
  }
  .navi .navi_inner .navi_item a.btnContact span.jp {
    display: none;
  }
}

@media screen and (min-width: 769px), print {
  .navi a:hover {
    color: #212529 !important;
  }
  .navi a:hover::after {
    border-color: #212529;
  }
  .row_new {
    max-width: 1086px;
    width: 100%;
    margin: 0 auto !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) and (min-width: 769px) {
  .row_new {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 769px), print {
  .footer_renew {
    line-height: 1;
  }
  .footer_renew * {
    padding: 0;
    margin: 0;
  }
  .footer_renew .row_new {
    max-width: 1086px;
    width: 100%;
    margin: 0 auto !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) and (min-width: 769px) {
  .footer_renew .row_new {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 769px), print {
  .footer_renew img {
    max-width: 100%;
  }
  .footer_renew a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .footer_renew a:hover {
    opacity: 0.7;
  }
  .footer_renew .t_ttl {
    margin-bottom: 48px;
    line-height: 1;
  }
  .footer_renew .t_ttl span {
    font-family: Avenir;
    font-weight: 900;
    font-size: 36px;
    letter-spacing: 0.04em;
    line-height: 1.16667;
    color: #212529;
    display: block;
  }
  .footer_renew .t_ttl small {
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 0.08em;
    color: #202529;
    display: block;
    line-height: 1.36364;
  }
  .footer_renew .fr_contact_us {
    display: block;
    padding: 100px 0 80px;
    background: #f4f4ed;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 120px;
    width: 100%;
  }
  .footer_renew .fr_contact_us:hover {
    background: #ffb295;
    opacity: 1;
  }
  .footer_renew .fr_contact_us:hover .wrap_marquee p {
    color: #FFBBA2;
    opacity: 1;
  }
  .footer_renew .fr_contact_us:hover .t_ttl::after {
    -webkit-transform: scale(1.3);
       -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
  }
  .footer_renew .fr_contact_us .t_ttl {
    position: relative;
  }
  .footer_renew .fr_contact_us .t_ttl::after {
    content: "";
    position: absolute;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    top: 15px;
    right: 14px;
    width: 53px;
    height: 53px;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 10px 9px;
         background-size: 10px 9px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .footer_renew .fr_contact_us .t_ttl span {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .footer_renew .fr_contact_us .t_ttl small {
    font-size: 15px;
  }
  .footer_renew .fr_contact_us .wrap_marquee {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
  }
  .footer_renew .fr_contact_us .wrap_marquee p {
    font-family: Avenir;
    font-weight: 900;
    font-size: 156px;
    line-height: 1;
    text-align: left;
    color: #efefe4;
    white-space: nowrap;
  }
  .page-template-page-contact .footer_renew .fr_contact_us {
    display: none;
  }
  .footer_renew .fr_main {
    padding: 80px 0 100px;
  }
  .footer_renew .fr_main .fr_main_logo {
    width: 305px;
    display: inline-block;
    margin-bottom: 61px;
  }
  .footer_renew .fr_main .fr_main_top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l {
    width: 63%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl {
    border: 0;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl:not(:last-child) {
    margin-right: -webkit-calc(min(1vw, 35px));
    margin-right: -moz-calc(min(1vw, 35px));
    margin-right: calc(min(1vw, 35px));
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl dt {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl dt a {
    font-weight: bold;
    font-size: -webkit-calc(min(1.2vw, 12px));
    font-size: -moz-calc(min(1.2vw, 12px));
    font-size: calc(min(1.2vw, 12px));
    text-align: left;
    line-height: 1.33333;
    color: #212529;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl dd > a {
    font-weight: bold;
    font-size: -webkit-calc(min(1.2vw, 12px));
    font-size: -moz-calc(min(1.2vw, 12px));
    font-size: calc(min(1.2vw, 12px));
    line-height: 20px;
    text-align: left;
    color: #212529;
    margin-bottom: 10px;
    display: block;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl dd ul {
    border-left: 1px solid #ddd;
    padding-left: 12px;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl dd ul li a {
    font-weight: 500;
    font-size: -webkit-calc(min(1.2vw, 12px));
    font-size: -moz-calc(min(1.2vw, 12px));
    font-size: calc(min(1.2vw, 12px));
    line-height: 2.16667;
    text-align: left;
    color: #212529;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl:last-child dt {
    display: none;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl:last-child dd a {
    margin-bottom: 13px;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_r {
    padding-right: 15px;
    width: 37%;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_r p {
    font-weight: bold;
    font-size: 13px;
    line-height: 1.53846;
    color: #212529;
    margin-bottom: 22px;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_r a {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    color: #212529;
    text-decoration: underline !important;
    position: relative;
    padding-left: 24px;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_r a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 11px;
    height: 17px;
    background: url(/images/renew2023/common/ic_map.svg) center/100% 100% no-repeat;
    display: block;
  }
  .footer_renew .fr_main .fr_main_bot {
    position: relative;
    z-index: 2;
  }
  .footer_renew .fr_main .fr_main_bot p {
    font-weight: bold;
    font-size: 10px;
    line-height: 17px;
    text-align: left;
    color: #212529;
    margin-bottom: 12px;
  }
  .footer_renew .fr_main .fr_main_bot p span {
    font-family: Avenir;
    font-weight: 900;
    font-size: 14px;
    line-height: 19px;
    text-align: left;
    color: #212529;
    display: block;
  }
  .footer_renew .fr_main .fr_main_bot ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer_renew .fr_main .fr_main_bot ul li:not(:last-child) {
    margin-right: 20px;
  }
  .footer_renew .fr_main .fr_main_bot ul li img {
    width: 30px;
  }
  .footer_renew .fr_main .fr_copyright {
    font-family: Avenir;
    font-weight: 500;
    font-size: 9px;
    line-height: 1.55556;
    text-align: right;
    color: #c3c1bb;
    margin-top: -28px;
  }
  .banner {
    z-index: 5;
  }
  .service_linkCm * {
    padding: 0;
    margin: 0;
  }
  .service_linkCm img {
    max-width: 100%;
  }
  .service_linkCm a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .service_linkCm a:hover {
    opacity: 0.7;
  }
  .service_linkCm ul {
    display: -ms-grid;
    display: grid;
    gap: 100px;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
  .service_linkCm ul {
    gap: 50px;
  }
}
@media screen and (max-width: 820px) {
.navi .navi_inner .navi_item a.btnContact {
    width: 100%!important;
	margin-top: 20px
	}
}

.navi .navi_inner .navi_item a.btnContact {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 170px;
    height: 50px;
    -moz-border-radius: 40px;
         border-radius: 40px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 3px 0 0;
    opacity: 1;
  }
	  .navi .navi_inner .navi_item a.btnContact {
    background: #353633;
    font-family: Avenir;
    font-weight: 900;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #fff !important;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    overflow: hidden;
    border: 0;
    opacity: 1;
  }
  .navi .navi_inner .navi_item a.btnContact:before {
    background-image: url(/images/renew2023/icMail.png);
  }
  .navi .navi_inner .navi_item a.btnContact::after {
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: "";
    background-color: #EB684B;
    z-index: -1;
    display: block;
    border: 0;
  }
  .navi .navi_inner .navi_item a.btnContact:hover {
    background: transparent !important;
    border: 0;
    opacity: 1;
  }
  .navi .navi_inner .navi_item a.btnContact:hover:before {
    background-image: url(/images/renew2023/icMail.png);
  }
  .navi .navi_inner .navi_item a.btnContact:hover::after {
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    left: 0;
    right: 0;
    opacity: 1;
  }

  .navi .navi_inner .navi_item a.btnContact::before {
    content: "";
    width: 16.5px;
    height: 12.5px;
    background-image: url(/images/renew2023/icMail.png);
    -moz-background-size: contain;
         background-size: contain;
    display: inline-block;
    margin-right: 8px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }



@media screen and (min-width: 769px), print {

	.service_linkCm ul li a,.service_linkCm ul li .linkNone {
    border-top: 1px solid #9b9b9b;
    display: block;
    padding-top: 35px;
    text-align: center;
  }
  .service_linkCm ul li a:hover {
    opacity: 1;
  }
  .service_linkCm ul li a:hover .txt::before {
    -webkit-transform: translate(5px, 0);
       -moz-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
  }
  .service_linkCm ul li a:hover figure img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .service_linkCm ul li a figure {
    width: 86%;
    display: inline-block;
    overflow: hidden;
  }
  .service_linkCm ul li a figure img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .service_linkCm ul li a .txt {
    position: relative;
    margin-bottom: 26px;
    text-align: left;
    padding-right: 30px;
  }
	.service_linkCm ul li .linkNone .txt{
		position: relative;
    margin-bottom: 26px;
    text-align: left;
	}
  .service_linkCm ul li a .txt::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 7px 6px;
         background-size: 7px 6px;
    display: block;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .service_linkCm ul li a .txt h4,.service_linkCm ul li .linkNone .txt h4 {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.35;
    text-align: left;
    color: #212529;
    margin-bottom: 10px;
  }
  .service_linkCm ul li a .txt p,.service_linkCm ul li .linkNone .txt p {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.42857;
    text-align: left;
    color: #212529;
  }
  .p_top_renew * {
    padding: 0;
    margin: 0;
  }
  .p_top_renew .row_new {
    max-width: 1086px;
    width: 100%;
    margin: 0 auto !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) and (min-width: 769px) {
  .p_top_renew .row_new {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 769px), print {
  .p_top_renew img {
    max-width: 100%;
  }
  .p_top_renew a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .p_top_renew a:hover {
    opacity: 0.7;
  }
  .p_top_renew .t_ttl {
    margin-bottom: 48px;
    line-height: 1;
  }
  .p_top_renew .t_ttl span {
    font-family: Avenir;
    font-weight: 900;
    font-size: 36px;
    letter-spacing: 0.04em;
    line-height: 1.16667;
    color: #212529;
    display: block;
  }
  .p_top_renew .t_ttl small {
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 0.08em;
    color: #202529;
    display: block;
    line-height: 1.36364;
  }
  .p_top_renew .mv {
    position: relative;
    padding: 21px 0 26px;
  }
  .p_top_renew .mv figure, .p_top_renew .mv picture {
    width: 47.95022%;
    margin-left: auto;
    margin-right: -1.0981%;
    display: block;
  }
  .p_top_renew .mv figure img, .p_top_renew .mv picture img {
    display: block;
    width: 100%;
    height: auto;
  }
  .p_top_renew .mv .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p_top_renew .mv .txt .row_new {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  .p_top_renew .mv .txt p {
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.06em;
    line-height: 1.35;
    color: #212529;
    margin-bottom: 23px;
  }
  .p_top_renew .mv .txt h1 {
    line-height: 1;
    font-size: 0;
  }
  .p_top_renew .mv .txt .logotype {
    width: 563px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
  .p_top_renew .mv .txt .logotype {
    width: 463px;
  }
}

@media screen and (min-width: 769px), print {
  .p_top_renew .mv .txt ul {
    margin-top: 35px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_top_renew .mv .txt ul li:not(:last-child) {
    margin-right: 36px;
  }
  .p_top_renew .mv .txt ul li a {
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.06em;
    color: #212529 !important;
    position: relative;
    padding-right: 30px;
    display: inline-block;
  }
  .p_top_renew .mv .txt ul li a::after {
    content: "";
    position: absolute;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 7px 6px;
         background-size: 7px 6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .p_top_renew .mv .txt ul li a:hover {
    opacity: 1;
  }
  .p_top_renew .mv .txt ul li a:hover::after {
    -webkit-transform: translate(5px, -50%);
       -moz-transform: translate(5px, -50%);
        -ms-transform: translate(5px, -50%);
            transform: translate(5px, -50%);
  }
  .p_top_renew .news_main {
    padding-top: 34px;
    padding-bottom: 40px;
    padding-left: 25px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_top_renew .news_l {
    width: 120px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-left: 15px;
  }
  .p_top_renew .news_l h2 {
    font-family: Avenir;
    font-weight: 900;
    font-size: 20px;
    letter-spacing: 0.06em;
    color: #212529;
  }
  .p_top_renew .news_r {
    width: 100%;
  }
  .p_top_renew .news_r ul {
    padding-right: 20%;
  }
  .p_top_renew .news_r ul li + li {
    margin-top: 19px;
  }
  .p_top_renew .news_r ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_top_renew .news_r ul li a time {
    min-width: 63px;
    height: 18px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    background: #ebeae2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    font-size: 10px;
    color: #696969;
    margin-right: 12px;
    padding: 0 6px;
  }
  .p_top_renew .news_r ul li a p {
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.02em;
    line-height: 1.38462;
    color: #212529;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .p_top_renew .news_r .btnWr {
    text-align: right;
    margin-top: -30px;
    padding-right: 42px;
  }
  .p_top_renew .news_r .btnWr a {
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.06em;
    color: #212529 !important;
    position: relative;
    padding-right: 30px;
    display: inline-block;
  }
  .p_top_renew .news_r .btnWr a::after {
    content: "";
    position: absolute;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 7px 6px;
         background-size: 7px 6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .p_top_renew .news_r .btnWr a:hover {
    opacity: 1;
  }
  .p_top_renew .news_r .btnWr a:hover::after {
    -webkit-transform: translate(5px, -50%);
       -moz-transform: translate(5px, -50%);
        -ms-transform: translate(5px, -50%);
            transform: translate(5px, -50%);
  }
  .p_top_renew .carousel {
    padding: 90px 0;
    width: 100%;
    overflow: hidden;
  }
  .p_top_renew .carousel .main_carousel, .p_top_renew .carousel .main_carousel2 {
    height: 76px;
    overflow: hidden;
    position: relative;
  }
  .p_top_renew .carousel .main_carousel ul, .p_top_renew .carousel .main_carousel2 ul {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
  }
  .p_top_renew .carousel .main_carousel ul:after, .p_top_renew .carousel .main_carousel2 ul:after {
    content: '';
    display: table;
    clear: both;
  }
  .p_top_renew .carousel .main_carousel ul li, .p_top_renew .carousel .main_carousel2 ul li {
    float: left;
    padding: 0 12px;
  }
  .p_top_renew .carousel .main_carousel ul li img, .p_top_renew .carousel .main_carousel2 ul li img {
    mix-blend-mode: multiply;
    width: 225px;
    height: 76px;
  }
  .p_top_renew .carousel .main_carousel2 {
    margin-top: 5vh;
  }
  .p_top_renew .btnWr {
    text-align: center;
    margin-top: 60px;
  }

  .p_top_renew a.t_btn{
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #363533 !important;
    min-width: 233px;
    height: 64px;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    background: transparent;
    border: 2px solid #353633;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 0 45px 0 78px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
  }
	.p_top_ServiceTop a.t_btn{
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #363533 !important;
    min-width: 190px;
    height: 52px;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    background: transparent;
    border: 2px solid #353633;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding:0 20px 0 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
  }
  .p_top_renew a.t_btn:before,.p_top_ServiceTop a.t_btn:before {
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: '';
    background-color: #353633;
    z-index: -1;
  }
  .p_top_renew a.t_btn::after{
    content: "";
    width: 17px;
    height: 15px;
    background-image: url(/images/renew2023/ar2.svg);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    display: block;
    margin-left: 16px;
  }
	.p_top_ServiceTop a.t_btn::after{
    content: "";
    width: 14px;
    height: 15px;
    background-image: url(/images/renew2023/ar2.svg);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    display: block;
    margin-left: 12px;
  }
  .p_top_renew a.t_btn:hover,.p_top_ServiceTop a.t_btn:hover {
    color: #fff !important;
    opacity: 1;
  }
  .p_top_renew a.t_btn:hover:before,.p_top_ServiceTop a.t_btn:hover:before {
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    left: 0;
    right: 0;
    opacity: 1;
  }
  .p_top_renew a.t_btn:hover::after,.p_top_ServiceTop a.t_btn:hover::after {
    background-image: url(/images/renew2023/ar2_hv.svg);
  }
  .p_top_renew .works {
    padding-bottom: 80px;
  }
  .p_top_renew .works ul {
    display: -ms-grid;
    display: grid;
    gap: 65px 36px;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
  .p_top_renew .works ul li {
    line-height: 1;
  }
  .p_top_renew .works ul li a {
    display: block;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .p_top_renew .works ul li a:hover {
    opacity: 1;
  }
  .p_top_renew .works ul li a:hover figure img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .p_top_renew .works ul li a figure {
    overflow: hidden;
  }
  .p_top_renew .works ul li a figure img {
    display: block;
    width: 100%;
    height: 20vw;
		max-height: 23vh;
    object-fit: cover;
    -moz-border-radius: 3px;
         border-radius: 3px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .p_top_renew .works ul li a p {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 1.57143;
    color: #212529;
    margin: 13px 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .p_top_renew .works ul li a > span {
    min-width: 92px;
    min-height: 18px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    background: #ebeae2;
    font-weight: bold;
    font-size: 10px;
    line-height: 1.4;
    color: #696969;
    padding: 0 6px;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
		letter-spacing: normal
  }
  .p_top_renew .voices {
    margin-bottom: 139px;
  }
  .p_top_renew .voices .t_ttl {
    margin-bottom: 18px;
  }
  .p_top_renew .voices .t_ttl span {
    font-size: 22px;
    line-height: 1;
  }
  .p_top_renew .voices_main {
    padding: 27px 46px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p_top_renew .voices_l {
    width: 270px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
  }
  .p_top_renew .voices_r {
    width: 100%;
    border-left: 1px solid #e5e3d9;
    padding-left: 46px;
    overflow: hidden;
  }
  .p_top_renew .voices .voices_slider {
    margin: 0 auto !important;
    width: 100%;
  }
  .p_top_renew .voices .voices_slider ul li {
    opacity: 0;
  }
  .p_top_renew .voices .voices_slider ul li.swiper-slide-active {
    opacity: 1;
  }
  .p_top_renew .voices .voices_slider ul li p {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.75;
    text-align: left;
    color: #212529;
    padding: 30px 0;
  }
  .p_top_renew .voices .voices_slider_ctrl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .p_top_renew .voices .voices_slider_ctrl .swiper-button-next {
    position: static;
    width: 30px;
    height: 30px;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 10px 9px;
         background-size: 10px 9px;
    text-indent: -9999px;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    margin-right: 16px;
  }
  .p_top_renew .voices .voices_slider_ctrl .swiper-button-prev {
    position: static;
    width: 30px;
    height: 30px;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 10px 9px;
         background-size: 10px 9px;
    text-indent: -9999px;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    margin-right: 14px;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .p_top_renew .voices .voices_slider_ctrl .counter {
    line-height: 1;
    font-family: Avenir;
    font-weight: 900;
    font-size: 8px;
    line-height: 1;
    color: #202529;
  }
  .p_top_renew .voices .voices_slider_ctrl .counter span {
    line-height: 1;
  }
  .p_top_renew .service {
    padding-bottom: 117px;
  }
  .p_top_renew .service_top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 70px;
  }
  .p_top_renew .service_top .t_ttl {
    width: 33.3%;
  }
  .p_top_renew .service_top .st_r {
    width: 66.7%;
  }
  .p_top_renew .service_top .st_r h3 {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 26px;
    line-height: 1.34615;
    letter-spacing: 0.04em;
    text-align: left;
    color: #212529;
  }
  .p_top_renew .service_top .st_r p {
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 1.86667;
    text-align: left;
    color: #212529;
  }
  .p_top_renew .service_top .st_r p + p {
    margin-top: 25px;
  }
  .p_top_renew .service .btnWr {
    margin-top: 40px;
  }
	  .p_top_ServiceTop .btnWr {
    margin-top: 40px;
  }
  .p_top_renew .columns {
    padding-bottom: 117px;
  }
  .p_top_renew .columns ul {
    display: -ms-grid;
    display: grid;
    gap: 36px;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
  .p_top_renew .columns ul li {
    line-height: 1;
  }
  .p_top_renew .columns ul li a {
    -moz-border-radius: 3px;
         border-radius: 3px;
    overflow: hidden;
    display: block;
  }
  .p_top_renew .columns ul li a figure {
    overflow: hidden;
  }
  .p_top_renew .columns ul li a figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .p_top_renew .columns ul li a .txt {
    padding: 20px;
    padding-bottom: 14px;
    background: #fff;
  }
  .p_top_renew .columns ul li a .txt time {
    font-family: Avenir;
    font-weight: 900;
    font-size: 12px;
    text-align: left;
    color: #c3c1bb;
  }
  .p_top_renew .columns ul li a .txt p {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 1.57143;
    text-align: left;
    color: #212529;
    margin: 8px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .p_top_renew .columns ul li a .txt .cates {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p_top_renew .columns ul li a .txt .cates span {
    margin-bottom: 6px;
    min-height: 18px;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
    color: #696969;
    -moz-border-radius: 3px;
         border-radius: 3px;
    background: #ebeae2;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 7px;
		letter-spacing: normal
  }
  .p_top_renew .columns ul li a .txt .cates span:not(:last-child) {
    margin-right: 6px;
  }
  .p_top_renew .columns ul li a:hover {
    opacity: 1;
  }
  .p_top_renew .columns ul li a:hover figure img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .p_top_renew .radio {
    padding-bottom: 117px;
  }
  .p_top_renew .radio_main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p_top_renew .radio_l {
    width: 260px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
  }
  .p_top_renew .radio_l .t_ttl {
    position: relative;
    z-index: 4;
    margin-bottom: 176px;
  }
  .p_top_renew .radio_r {
    width: 100%;
  }
  .p_top_renew .radio .radio_slider {
    margin: 0 auto !important;
    width: 100%;
    overflow: initial;
    position: relative;
  }
  .p_top_renew .radio .radio_slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100%;
    background: #f9f9f4;
    display: block;
    z-index: 3;
  }
  .p_top_renew .radio .radio_slider ul li {
    width: 610px;
    line-height: 1;
    max-width: 50vw;
  }
  .p_top_renew .radio .radio_slider ul li:not(:last-child) {
    margin-right: 36px;
  }
  .p_top_renew .radio .radio_slider ul li figure {
    margin-bottom: 13px;
  }
  .p_top_renew .radio .radio_slider ul li .txt time {
    font-family: Avenir_m;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.57143;
    text-align: left;
    color: #c1c1c1;
    display: block;
  }
  .p_top_renew .radio .radio_slider ul li .txt p {
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 1.86667;
    text-align: left;
    color: #212529;
  }
  .p_top_renew .radio .radio_slider_ctrl {
    position: relative;
    z-index: 4;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .p_top_renew .radio .radio_slider_ctrl .swiper-button-next {
    position: static;
    width: 30px;
    height: 30px;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 10px 9px;
         background-size: 10px 9px;
    text-indent: -9999px;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    margin-right: 16px;
  }
  .p_top_renew .radio .radio_slider_ctrl .swiper-button-prev {
    position: static;
    width: 30px;
    height: 30px;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 10px 9px;
         background-size: 10px 9px;
    text-indent: -9999px;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    margin-right: 14px;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .p_top_renew .radio .radio_slider_ctrl .counter {
    line-height: 1;
    font-family: Avenir;
    font-weight: 900;
    font-size: 8px;
    line-height: 1;
    color: #202529;
  }
  .p_top_renew .radio .radio_slider_ctrl .counter span {
    line-height: 1;
  }
  .p_top_renew .about_us .about_us_pic img {
    display: block;
    width: 100%;
    height: auto;
  }
  .p_top_renew .about_us_main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 44px;
  }
  .p_top_renew .about_us_l {
    width: 33%;
    text-align: center;
    padding-right: 15px;
  }
  .p_top_renew .about_us_l h3 {
    display: inline-block;
    font-weight: bold;
    font-size: 26px;
    line-height: 1.34615;
    color: #212529;
    text-align: left;
  }
  .p_top_renew .about_us_r {
    width: 67%;
  }
  .p_top_renew .about_us_r p {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    color: #212529;
  }
  .p_top_renew .about_us_r p + p {
    margin-top: 22px;
  }
  .p_top_ServiceTop * {
    padding: 0;
    margin: 0;
  }
  .p_top_ServiceTop img {
    max-width: 100%;
  }
  .p_top_ServiceTop a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .p_top_ServiceTop a:hover {
    opacity: 0.7;
  }
  .p_top_ServiceTop .row_new {
    max-width: 1086px;
    width: 100%;
    margin: 0 auto !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) and (min-width: 769px) {
  .p_top_ServiceTop .row_new {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 769px), print {
  .p_top_ServiceTop a.s_btn {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #363533 !important;
    width: 186px;
    min-height: 50px;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    background: transparent;
    border: 2px solid #353633;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 0 23px 0 33px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1.5;
    overflow: hidden;
    max-width: 20vw;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top_ServiceTop a.s_btn:before {
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: '';
    background-color: #353633;
    z-index: -1;
  }
  .p_top_ServiceTop a.s_btn::after {
    content: "";
    width: 14px;
    height: 15px;
    background-image: url(/images/renew2023/ar2.svg);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    display: block;
    margin-left: -webkit-calc(min(1.5vw, 30px));
    margin-left: -moz-calc(min(1.5vw, 30px));
    margin-left: calc(min(0.6vw, 30px));
  }
  .p_top_ServiceTop a.s_btn:hover {
    color: #fff !important;
    opacity: 1 !important;
  }
  .p_top_ServiceTop a.s_btn:hover:before {
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    left: 0;
    right: 0;
    opacity: 1;
  }
  .p_top_ServiceTop a.s_btn:hover::after {
    background-image: url(/images/renew2023/ar2_hv.svg);
  }
  .p_top_ServiceTop .s_ttl {
    line-height: 1;
    text-align: center;
    position: relative;
    padding-bottom: 42px;
  }
  .p_top_ServiceTop .s_ttl::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0px;
    height: 32px;
    background: transparent;
    border-left: 1px solid #202529;
    display: block;
  }
  .p_top_ServiceTop .s_ttl span {
    font-family: Avenir;
    font-weight: 900;
    font-size: 40px;
    letter-spacing: 0.04em;
    text-align: center;
    color: #ec684b;
    display: block;
    line-height: 1;
  }
  .p_top_ServiceTop .s_ttl small {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3125;
    text-align: center;
    color: #202529;
  }
  .p_top_ServiceTop .s_ttl2 {
    line-height: 1;
    text-align: center;
    margin-bottom: 76px;
  }
  .p_top_ServiceTop .s_ttl2 small {
    font-family: Avenir;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-align: center;
    line-height: 1.5625;
    color: #ec684b;
    display: block;
  }
  .p_top_ServiceTop .s_ttl2 span {
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 0.04em;
    text-align: center;
    line-height: 1.34615;
    color: #212529;
  }
  .p_top_ServiceTop .intro {
    padding-top: 7rem;
    text-align: center;
    padding-bottom: 114px;
  }
  .p_top_ServiceTop .intro .row_new {
    max-width: 600px;
  }
  .p_top_ServiceTop .intro h3 {
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 0.04em;
    text-align: center;
    color: #212529;
    margin-bottom: 32px;
    line-height: 1.34615;
    margin-top: 31px;
  }
  .p_top_ServiceTop .intro p {
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 1.86667;
    text-align: center;
    color: #212529;
  }
  .p_top_ServiceTop .lineup .row_new {
    max-width: 940px;
  }
  .p_top_ServiceTop .lineup_main {
    padding: 65px 0;
    -moz-border-radius: 3px;
         border-radius: 3px;
    background: #fff;
  }
  .p_top_ServiceTop .developing {
    padding: 108px 0;
  }
  .p_top_ServiceTop .developing_item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_top_ServiceTop .developing_item + .developing_item {
    margin-top: 68px;
  }
  .p_top_ServiceTop .developing_l {
    width: 34%;
    padding-top: 20px;
  }
  .p_top_ServiceTop .developing_l h2 {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.02em;
    line-height: 1.5;
    text-align: left;
    color: #212529;
    margin-bottom: 30px;
  }
  .p_top_ServiceTop .developing_l p {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.42857;
    text-align: left;
    color: #212529;
  }
  .p_top_ServiceTop .developing_r {
    width: 66%;
  }
  .p_top_ServiceTop .developing_r ul {
    counter-reset: div;
  }
  .p_top_ServiceTop .developing_r ul li {
    padding: 8px 0;
  }
  .p_top_ServiceTop .developing_r ul li + li {
    border-top: 1px solid #E5E3D9;
  }
  .p_top_ServiceTop .developing_r ul li a {
    padding: 10px;
    line-height: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_top_ServiceTop .developing_r ul li a:not(:last-child) {
    border-bottom: 1px solid #e5e3d9;
  }
  .p_top_ServiceTop .developing_r ul li figure {
    width: 37%;
  }
  .p_top_ServiceTop .developing_r ul li .txt {
    width: 63%;
    position: relative;
    padding-left: 20px;
    padding-right: 15px;
  }
  .p_top_ServiceTop .developing_r ul li .txt::before {
    counter-increment: div;
    content: counter(div, decimal-leading-zero);
    font-family: Avenir;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 1.5625;
    text-align: left;
    color: #c3c1bb;
    margin-left: -10px;
    display: block;
    margin-bottom: 7px;
  }
  .p_top_ServiceTop .developing_r ul li .txt .txt01 {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.42857;
    text-align: left;
    color: #212529;
  }
  .p_top_ServiceTop .developing_r ul li .txt .txt02 {
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.04em;
    line-height: 1.5;
    text-align: left;
    color: #212529;
    margin: 5px 0 9px;
    display: block;
  }
  .p_top_ServiceTop .developing_r ul li .txt .txt03 {
    min-width: 126px;
    min-height: 23px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    background: #e1404a;
    font-weight: bold;
    font-size: 11px;
    line-height: 2;
    text-align: left;
    color: #fff;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
  }
  .p_top_ServiceTop .ServiceDetail .s_ttl::after {
    border-color: #c3c1bb;
  }
  .p_top_ServiceTop .ServiceDetail .dt_ttl {
    padding: 31px 0;
    border-top: 1px solid #e5e3d9;
    border-bottom: 1px solid #e5e3d9;
    margin-top: -8px;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    margin-left: 50px;
  }
  .p_top_ServiceTop .ServiceDetail .dt_ttl h3 {
    text-align: center;
    line-height: 1;
  }
  .p_top_ServiceTop .ServiceDetail .dt_ttl h3 span {
    display: block;
    font-weight: bold;
    font-size: 28px;
    text-align: center;
    line-height: 1.32143;
    color: #212529;
  }
  .p_top_ServiceTop .ServiceDetail .dt_ttl h3 small {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.42857;
    text-align: center;
    color: #212529;
  }
  .p_top_ServiceTop .ServiceDetail .s_head {
    padding-top: 173px;
    margin-bottom: 58px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctTop {
    margin-bottom: 56px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctTop ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctTop ul li:not(:last-child) {
    margin-right: 50px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctTop ul li a {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    color: #212529;
    display: inline-block;
    padding-right: 26px;
    position: relative;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctTop ul li a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(90deg);
       -moz-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    width: 16px;
    height: 16px;
    background-color: #363533;
    background-image: url(/images/renew2023/ar.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    -moz-background-size: 7px 6px;
         background-size: 7px 6px;
    display: block;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctTop ul li a:hover {
    opacity: 1;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctTop ul li a:hover::before {
    -webkit-animation: ArrowLoop 0.3s linear alternate;
       -moz-animation: ArrowLoop 0.3s linear alternate;
            animation: ArrowLoop 0.3s linear alternate;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item + .item {
    margin-top: 80px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top {
    margin-bottom: 37px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top i {
    font-style: normal;
    font-family: Avenir;
    font-weight: 900;
    font-size: 20px;
    text-align: left;
    color: #c3c1bb;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top .txt01 {
    padding-left: 30px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.42857;
    text-align: left;
    color: #212529;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top .txt02 {
    margin-top: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top .txt02 span {
    font-family: "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.04em;
    line-height: 1.28571;
    text-align: left;
    color: #212529;
    margin-right: 15px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top .txt02 span em {
    font-weight: 400;
    margin-left: 10px;
    font-size: 14px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top .txt02 small {
    display: inline-block;
    padding: 0 10px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    background: #e1404a;
    font-weight: bold;
    font-size: 11px;
    line-height: 2;
    text-align: left;
    color: #fff;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot {
    background-color: #fff;
    padding: 40px 40px 40px 50px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .txt_cm {
    min-height: 25px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    background: transparent;
    border: 1px solid #c3c1bb;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    color: #7c7c7c;
    padding: 0 10px;
    display: inline-block;
    margin-bottom: 13px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
	.p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_main{padding-top:42px;  border-top: 1px solid #e5e3d9; margin-top: 40px;}
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r {width: 54%;}
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r .ib_top_r_it {
    padding-bottom: 24px;
    padding-top: 24px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r .ib_top_r_it:first-child {
    padding-top: 0;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r .ib_top_r_it:not(:last-child) {
    border-bottom: 1px solid #e5e3d9;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r .ib_top_r_it ul li {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.85714;
    text-align: left;
    color: #212529;
    letter-spacing: 0;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r .ib_top_r_it p {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.35714;
    text-align: left;
    color: #212529;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r .ib_top_r_it p span {
    margin-right: 18px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_l {
    width: 42%;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_l p {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.625;
    text-align: left;
    color: #212529;
    margin-bottom: 40px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -40px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l {
    width: 30%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    line-height: 1;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l h2 {
    line-height: 1;
    font-size: 0;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l h2 span {
    display: block;
    font-family: Avenir;
    font-weight: 900;
    font-size: 22px;
    letter-spacing: 0.04em;
    line-height: 1.45455;
    text-align: left;
    color: #212529;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l h2 small {
    font-weight: bold;
    font-size: 10px;
    line-height: 1.4;
    text-align: left;
    color: #202529;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_r {
    width: 70%;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_r .swiper-button-next {
    width: 30px;
    height: 30px;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 10px 9px;
         background-size: 10px 9px;
    text-indent: -9999px;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    right: -0;
    top: 31%;
    z-index: 10;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_r .swiper-button-prev {
    width: 30px;
    height: 30px;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 10px 9px;
         background-size: 10px 9px;
    text-indent: -9999px;
    -moz-border-radius: 9999px;
         border-radius: 9999px;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    left: -0;
    top: 31%;
    z-index: 10;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider {
    padding: 0 15px;
    margin: 0 auto !important;
    width: 100%;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li {
    line-height: 1;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li figure {
    height: 169px;
    overflow: hidden;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-border-radius: 3px;
         border-radius: 3px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li p {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 1.57143;
    text-align: left;
    color: #212529;
    margin: 13px 0 8px;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li .cate {
    -moz-border-radius: 3px;
         border-radius: 3px;
    background: #ebeae2;
    font-weight: bold;
    font-size: 10px;
    line-height: 18px;
    text-align: left;
    color: #696969;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 6px;
		letter-spacing: normal
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li a {
    display: block;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li a:hover {
    opacity: 1;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li a:hover figure img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .banner.st2 {
    right: 5px;
    left: initial;
  }
  .faq-search-form {
    margin-top: -15px;
    background-color: #F4F4ED;
    padding: 50px 100px;
    width: 100%;
    font-size: 14px;
  }
  .faq-search-form>.row {
    margin-bottom: 25px
  }
  .faq-search-form>.row>label {
    min-width: 10em;
    font-weight: bold;
  }
  .faq-search-form>.row>label[for="query-word"] {
    line-height: 46px;
  }
  .faq-search-form>.row>label[for="query-word"]~div {
    /* display: inline-block; */
    width: calc(100% - 10em);
    position: relative;

  }
  .faq-search-form>.row>label[for="query-word"]~div::before {
    position: absolute;
    content: ' ';
    display: block;
    width: 18px;
    height: 18px;
    top: 15px;
    left: 25px;
    background: url(/images/renew2024/ic-search.svg) no-repeat;

  }
  .faq-search-form>.row #query-word {
    background-color: #fff;
    border-color: #ADADAD;
    border-radius: 23px;
    max-width: 100%;
    padding-left: 4em;

  }
  .faq-search-form>.row label.term-select {
    line-height: 30px;
    padding: 0 20px;
    border: 1px solid #adadad;
    border-radius: 15px;
  }
  .faq-search-form>.row label.term-select:has([type="checkbox"]:checked) {
    background-color: #ec7055;
    color: #fff;
    border-color:#EC684B;

  }
  .faq-search-form .button-row {
    text-align: center;
    padding-top: 20px;
  }
  .faq-archive-header {
    font-size: 20px;
    font-weight: bold;
    margin: 80px 0 60px;
  }
  .faq-item {
    width: 100%;
    display: block;
    padding-bottom: 25px;
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 25px;
  }
  .nbb {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .faq-item .related-term {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    padding: 6.5px 13px;
    color: #696969;
    background-color: #EBEAE2;
    border-radius: 13px;
  }
  .faq-item .title {
    margin-top:15px;
    position: relative;
    font-size: 16px;
    line-height: 23px;
  }
  .faq-item .title::before {
    font-size: 23px;
    font-family: Avenir;
    content: 'Q';
    margin-right: .5em;
  }
  .faq-item .title::after {
    content: "";
    position: absolute;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    bottom: -12px;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 10px 9px;
    background-size: 10px 9px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

  }
  .faq-item:hover .title::after {
    -webkit-transform: translate(5px, -50%);
    -moz-transform: translate(5px, -50%);
    -ms-transform: translate(5px, -50%);
    transform: translate(5px, -50%);
  }
  .faq-item .no-item {
    font-size: 16px;
  }
  .faq-header {
    margin-top: -15px;
    padding: 50px 0;
    background-color: #fff;
    border-bottom: 15px solid #EDEDEA;
  }
  .faq-header .question {
    width: 100%;
    border-bottom: 1px solid #EBEAE2;
  }
  .faq-header .question h2 {
    font-size: 16px;
    line-height: 50px;
    margin: 0 0 5px;
  }
  .faq-header .question h2::before {
    font-size: 23px;
    font-family: Avenir;
    content: 'Q';
    margin-right: .5em;
  }
  h2.answer {
    font-size: 24px;
    line-height: 1.6;
    margin: 20px 0 0;
  }
  h2.answer p {
    display: inline;
  }
  h2.answer::before {
    font-family: Avenir;
    content: 'A';
    color: #ec7055;
    font-size: 25px;
    margin-right: .5em;
  }
  .faq-body {
    padding: 50px 0;
  }
  .faq-body h3 {
    font-size: 18px;
    margin: 40px 0;
  }
  .faq-body h3::before {
    content: 'ー';
    color: #ec7055;
    margin-right: 0.5em;
  }
  .faq-body p {
    margin: 40px 0
  }
  .faq-body hr {
    color: #efefef;
    margin: 40px 0
  }
  .faq-body a {
    color: #e1404a !important;
    border-bottom: 1px solid #e1404a;
  }
  .related-taxsonomies {
    width: 100%;
    padding: 40px;
    background-color: #fff;
  }
  .related-taxsonomies label {
    display: block;
    font-size: 14px;
    font-weight: bold;
  }
  .related-taxsonomies .taxonomy-list {
    padding: 0;
  }
  .related-taxsonomies .taxonomy-list li {
    display: inline-block;
    margin: 4px;
  }
  .related-taxsonomies .taxonomy-list li a {
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    padding: 0 1.5em;
    border: 1px solid #adadad;
    border-radius: 15px;
  }
  .related-taxsonomies .taxonomy-list li a:hover {
    background-color: #ec7055;
    color: #fff !important;
    border-color:#EC684B;
  }
}

@media screen and (max-width: 768px) {
  .show_pc {
    display: none !important;
  }
  .row_new {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
  }
  .navi {
    z-index: 19;
  }
  .footer_renew {
    line-height: 1;
  }
  .footer_renew * {
    margin: 0;
    padding: 0;
  }
  .footer_renew .row_new {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .footer_renew .fr_contact_us {
    display: block;
    padding: 14vw 0;
    background: #f4f4ed;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 10.66667vw;
  }
  .footer_renew .fr_contact_us:hover {
    background: #ffb295;
  }
  .footer_renew .fr_contact_us:hover p {
    color: #ffbba2;
  }
  .footer_renew .fr_contact_us:hover .t_ttl::after {
    -webkit-transform: scale(1.3);
       -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
  }
  .footer_renew .fr_contact_us .t_ttl {
    position: relative;
    line-height: 1;
  }
  .footer_renew .fr_contact_us .t_ttl::after {
    content: "";
    position: absolute;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    top: 4vw;
    right: 2.66667vw;
    width: 8vw;
    height: 8vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 2.66667vw 2.4vw;
         background-size: 2.66667vw 2.4vw;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .footer_renew .fr_contact_us .t_ttl span {
    font-size: 6.4vw;
    margin-bottom: 2.66667vw;
    display: block;
    font-family: Avenir;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-align: left;
    color: #212529;
  }
  .footer_renew .fr_contact_us .t_ttl small {
    font-size: 3.46667vw;
    font-weight: bold;
    line-height: 1.53846;
    text-align: left;
    color: #212529;
    display: block;
  }
  .footer_renew .fr_contact_us .wrap_marquee {
    position: absolute;
    left: -16vw;
    bottom: 10.66667vw;
    margin-bottom: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    overflow: hidden;
  }
  .footer_renew .fr_contact_us .wrap_marquee p {
    font-family: Avenir;
    font-weight: 900;
    font-size: 21.33333vw;
    line-height: 1;
    text-align: left;
    color: #efefe4;
    white-space: nowrap;
  }
  .page-template-page-contact .footer_renew .fr_contact_us {
    display: none;
  }
  .footer_renew .fr_main {
    padding: 9.6vw 0 21.33333vw;
  }
  .footer_renew .fr_main .fr_main_logo {
    width: 43.46667vw;
    display: inline-block;
    margin-bottom: 9.06667vw;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 8vw;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl {
    border: 0;
    width: 35.2vw;
    margin-bottom: 5.33333vw;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl.w-long {
    width: 50.4vw;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl:nth-of-type(2) {
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl:nth-of-type(3) {
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl:nth-of-type(4) {
    -webkit-box-ordinal-group: 5;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl dt {
    width: 100%;
    float: none;
    margin-bottom: 2.66667vw;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl dt a {
    font-weight: bold;
    font-size: 3.2vw;
    text-align: left;
    line-height: 1.33333;
    color: #212529;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl dd > a {
    font-weight: bold;
    font-size: 3.2vw;
    text-align: left;
    color: #212529;
    margin-bottom: 2.66667vw;
    display: block;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl dd ul {
    border-left: 1px solid #ddd;
    padding-left: 3.2vw;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_l dl dd ul li a {
    font-weight: 500;
    font-size: 3.2vw;
    line-height: 2.16667;
    text-align: left;
    color: #212529;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_r {
    margin-bottom: 9.33333vw;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_r p {
    font-weight: bold;
    font-size: 3.46667vw;
    line-height: 1.30769;
    color: #212529;
    margin-bottom: 5.86667vw;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_r a {
    font-weight: bold;
    font-size: 3.2vw;
    text-align: left;
    color: #212529;
    text-decoration: underline !important;
    position: relative;
    padding-left: 6.4vw;
  }
  .footer_renew .fr_main .fr_main_top .fr_main_top_r a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2.93333vw;
    height: 4.53333vw;
    background: url(/images/renew2023/common/ic_map.svg) center/100% 100% no-repeat;
    display: block;
  }
  .footer_renew .fr_main .fr_main_bot {
    position: relative;
    z-index: 2;
    margin-bottom: 9.33333vw;
  }
  .footer_renew .fr_main .fr_main_bot p {
    font-weight: bold;
    font-size: 2.66667vw;
    text-align: left;
    color: #212529;
    margin-bottom: 3.2vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer_renew .fr_main .fr_main_bot p span {
    font-family: Avenir;
    font-weight: 900;
    font-size: 3.73333vw;
    text-align: left;
    color: #212529;
    display: block;
    margin-right: 3.46667vw;
  }
  .footer_renew .fr_main .fr_main_bot ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer_renew .fr_main .fr_main_bot ul li:not(:last-child) {
    margin-right: 5.33333vw;
  }
  .footer_renew .fr_main .fr_main_bot ul li img {
    width: 8vw;
  }
  .footer_renew .fr_main .fr_copyright {
    font-family: Avenir_m;
    font-weight: 500;
    font-size: 2.13333vw;
    line-height: 1.55556;
    text-align: center;
    color: #c3c1bb;
  }
  .hintScroll.hide::after {
    display: none !important;
  }
  .hintScroll {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 1px;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .hintScroll::after {
    -webkit-transition: top 0.2s cubic-bezier(0.33, 1, 0.68, 1), left 0.2s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.2s cubic-bezier(0.33, 1, 0.68, 1);
    transition: top 0.2s cubic-bezier(0.33, 1, 0.68, 1), left 0.2s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.2s cubic-bezier(0.33, 1, 0.68, 1);
    -moz-transition: top 0.2s cubic-bezier(0.33, 1, 0.68, 1), left 0.2s cubic-bezier(0.33, 1, 0.68, 1), transform 0.2s cubic-bezier(0.33, 1, 0.68, 1), -moz-transform 0.2s cubic-bezier(0.33, 1, 0.68, 1);
    transition: top 0.2s cubic-bezier(0.33, 1, 0.68, 1), left 0.2s cubic-bezier(0.33, 1, 0.68, 1), transform 0.2s cubic-bezier(0.33, 1, 0.68, 1);
    transition: top 0.2s cubic-bezier(0.33, 1, 0.68, 1), left 0.2s cubic-bezier(0.33, 1, 0.68, 1), transform 0.2s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.2s cubic-bezier(0.33, 1, 0.68, 1), -moz-transform 0.2s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transform: translate(-50%, -70%) scale(0);
       -moz-transform: translate(-50%, -70%) scale(0);
        -ms-transform: translate(-50%, -70%) scale(0);
            transform: translate(-50%, -70%) scale(0);
    position: absolute;
    content: "";
    z-index: 999;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 17.86667vw;
    height: 17.86667vw;
    -moz-border-radius: 2.66667vw;
         border-radius: 2.66667vw;
    background: url(/images/renew2023/icon_drag.svg) center/contain no-repeat;
  }
  .hintScroll figure, .hintScroll picture {
    width: 126.13333vw;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .banner {
    z-index: 5;
  }
  .service_linkCm * {
    padding: 0;
    margin: 0;
  }
  .service_linkCm img {
    max-width: 100%;
  }
  .service_linkCm ul li + li {
    margin-top: 9.6vw;
  }
  .service_linkCm ul li a,.service_linkCm ul li .linkNone {
    border-top: 1px solid #9b9b9b;
    display: block;
    padding-top: 8.53333vw;
    text-align: center;
  }
  .service_linkCm ul li a:hover {
    opacity: 1;
  }
  .service_linkCm ul li a:hover .txt::before {
    -webkit-transform: translate(1.33333vw, 0);
       -moz-transform: translate(1.33333vw, 0);
        -ms-transform: translate(1.33333vw, 0);
            transform: translate(1.33333vw, 0);
  }
  .service_linkCm ul li a figure img,.service_linkCm ul li .linkNone figure img {
    max-width: 70%;
  }
  .service_linkCm ul li a .txt,.service_linkCm ul li .linkNone .txt {
    position: relative;
    margin-bottom: 6.93333vw;
    text-align: left;
  }
  .service_linkCm ul li a .txt::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 5.33333vw;
    height: 5.33333vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 1.86667vw 1.6vw;
         background-size: 1.86667vw 1.6vw;
    display: block;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .service_linkCm ul li a .txt h4,.service_linkCm ul li .linkNone .txt h4 {
    font-weight: bold;
    font-size: 5.33333vw !important;
    line-height: 1.35 !important;
    text-align: left;
    color: #212529;
    margin-bottom: 2.66667vw;
  }
  .service_linkCm ul li a .txt p,.service_linkCm ul li .linkNone .txt p {
    font-weight: bold;
    font-size: 3.73333vw;
    line-height: 1.42857;
    text-align: left;
    color: #212529;
  }
  .p_top_renew * {
    padding: 0;
    margin: 0;
  }
  .p_top_renew .row_new {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
  }
  .p_top_renew img {
    max-width: 100%;
		height: auto
  }
  .p_top_renew a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .p_top_renew a:hover {
    opacity: 0.7;
  }
  .p_top_renew .t_ttl {
    margin-bottom: 6.4vw;
    line-height: 1;
  }
  .p_top_renew .t_ttl span {
    font-family: Avenir;
    font-weight: 900;
    font-size: 6.4vw;
    letter-spacing: 0.04em;
    line-height: 1.16667;
    color: #212529;
    display: block;
  }
  .p_top_renew .t_ttl small {
    font-weight: bold;
    font-size: 3.2vw;
    letter-spacing: 0.08em;
    color: #202529;
    display: block;
    line-height: 1.36364;
  }
  .p_top_renew .mv {
    position: relative;
    padding: 30.4vw 0 6.93333vw;
  }
  .p_top_renew .mv figure, .p_top_renew .mv picture {
    width: 105.33333vw;
    margin-left: auto;
    margin-right: -9.33333vw;
    margin-top: -37.33333vw;
    display: block;
  }
  .p_top_renew .mv figure img, .p_top_renew .mv picture img {
    display: block;
    width: 100%;
    height: auto;
  }
  .p_top_renew .mv .txt .row_new {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .p_top_renew .mv .txt p {
    font-weight: bold;
    font-size: 3.73333vw;
    letter-spacing: 0.06em;
    line-height: 1.5;
    color: #212529;
    margin-bottom: 3.2vw;
  }
  .p_top_renew .mv .txt h1 {
    line-height: 1;
    font-size: 0;
  }
  .p_top_renew .mv .txt .logotype {
    width: 69.06667vw;
  }
  .p_top_renew .mv .txt ul {
    margin-top: 5.33333vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_top_renew .mv .txt ul li:not(:last-child) {
    margin-right: 3.73333vw;
  }
  .p_top_renew .mv .txt ul li a {
    font-weight: bold;
    font-size: 3.46667vw;
    letter-spacing: 0.06em;
    color: #212529 !important;
    position: relative;
    padding-right: 6.13333vw;
    display: inline-block;
  }
  .p_top_renew .mv .txt ul li a::after {
    content: "";
    position: absolute;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 4.26667vw;
    height: 4.26667vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 1.6vw 1.33333vw;
         background-size: 1.6vw 1.33333vw;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .p_top_renew .mv .txt ul li a:hover {
    opacity: 1;
  }
  .p_top_renew .mv .txt ul li a:hover::after {
    -webkit-transform: translate(1.33333vw, -50%);
       -moz-transform: translate(1.33333vw, -50%);
        -ms-transform: translate(1.33333vw, -50%);
            transform: translate(1.33333vw, -50%);
  }
  .p_top_renew .news_main {
    padding: 5.33333vw;
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    background: #fff;
  }
  .p_top_renew .news_l {
    width: 26.66667vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .p_top_renew .news_l h2 {
    font-family: Avenir;
    font-weight: 900;
    font-size: 4.8vw;
    letter-spacing: 0.06em;
    color: #212529;
    margin-bottom: 3.73333vw;
  }
  .p_top_renew .news_r {
    width: 100%;
  }
  .p_top_renew .news_r ul li + li {
    margin-top: 3.46667vw;
  }
  .p_top_renew .news_r ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p_top_renew .news_r ul li a time {
    width: 16.8vw;
    height: 4.8vw;
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    background: #ebeae2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    font-size: 2.66667vw;
    color: #696969;
  }
  .p_top_renew .news_r ul li a p {
    font-weight: bold;
    font-size: 3.73333vw;
    letter-spacing: 0.02em;
    line-height: 1.42857;
    color: #212529;
    margin-top: 2.66667vw;
  }
  .p_top_renew .news_r .btnWr {
    text-align: right;
    margin-top: 3.46667vw;
  }
  .p_top_renew .news_r .btnWr a {
    font-weight: bold;
    font-size: 3.46667vw;
    letter-spacing: 0.06em;
    color: #212529 !important;
    position: relative;
    padding-right: 9.6vw;
    display: inline-block;
  }
  .p_top_renew .news_r .btnWr a::after {
    content: "";
    position: absolute;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 5.33333vw;
    height: 5.33333vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 1.86667vw 1.6vw;
         background-size: 1.86667vw 1.6vw;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .p_top_renew .news_r .btnWr a:hover {
    opacity: 1;
  }
  .p_top_renew .news_r .btnWr a:hover::after {
    -webkit-transform: translate(1.33333vw, -50%);
       -moz-transform: translate(1.33333vw, -50%);
        -ms-transform: translate(1.33333vw, -50%);
            transform: translate(1.33333vw, -50%);
  }
  .p_top_renew .carousel {
    padding: 13.33333vw 0;
    width: 100%;
    overflow: hidden;
  }
  .p_top_renew .carousel .main_carousel, .p_top_renew .carousel .main_carousel2 {
    height: 10.13333vw;
    overflow: hidden;
    position: relative;
  }
  .p_top_renew .carousel .main_carousel ul, .p_top_renew .carousel .main_carousel2 ul {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
  }
  .p_top_renew .carousel .main_carousel ul:after, .p_top_renew .carousel .main_carousel2 ul:after {
    content: '';
    display: table;
    clear: both;
  }
  .p_top_renew .carousel .main_carousel ul li, .p_top_renew .carousel .main_carousel2 ul li {
    float: left;
    padding: 0 1px;
  }
  .p_top_renew .carousel .main_carousel ul li img, .p_top_renew .carousel .main_carousel2 ul li img {
    height: 10.13333vw;
    width: 28.8vw;
    mix-blend-mode: multiply;
  }
  .p_top_renew .carousel .main_carousel2 {
    margin-top: 3.73333vw;
  }
  .p_top_renew .btnWr {
    text-align: center;
    margin-top: 9.6vw;
  }
  .p_top_renew a.t_btn {
    font-weight: bold;
    font-size: 4.26667vw;
    letter-spacing: 0.02em;
    color: #363533 !important;
    min-width: 62.13333vw;
    height: 17.06667vw;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    background: transparent;
    border: 2px solid #353633;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 0 12vw 0 20.8vw;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
  }
	.p_top_ServiceTop a.t_btn {
    font-weight: bold;
    font-size: 3.5vw;
    letter-spacing: 0.02em;
    color: #363533 !important;
    min-width: 50vw;
    height: 13vw;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    background: transparent;
    border: 2px solid #353633;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 0 4vw 0 10vw;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
		margin-top: 22px;
  }
  .p_top_renew a.t_btn:before,.p_top_ServiceTop a.t_btn:before {
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: '';
    background-color: #353633;
    z-index: -1;
  }
  .p_top_renew a.t_btn::after {
    content: "";
    width: 4.53333vw;
    height: 3vw;
    background-image: url(/images/renew2023/ar2.svg);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    display: block;
    margin-left: 8vw;
  }
	.p_top_ServiceTop a.t_btn::after {
    content: "";
    width: 4.53333vw;
    height: 4vw;
    background-image: url(/images/renew2023/ar2.svg);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    display: block;
    margin-left: 4vw;
  }
  .p_top_renew a.t_btn:hover,.p_top_ServiceTop a.t_btn:hover {
    color: #fff !important;
  }
  .p_top_renew a.t_btn:hover:before,.p_top_ServiceTop a.t_btn:hover:before {
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    left: 0;
    right: 0;
    opacity: 1;
  }
  .p_top_renew a.t_btn:hover::after,.p_top_ServiceTop a.t_btn:hover::after {
    background-image: url(/images/renew2023/ar2_hv.svg);
  }
  .p_top_renew .works {
    padding-bottom: 16vw;
  }
  .p_top_renew .works .row_new {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .p_top_renew .works ul li {
    line-height: 1;
  }
  .p_top_renew .works ul li + li {
    margin-top: 6.93333vw;
  }
  .p_top_renew .works ul li a {
    display: block;
  }
  .p_top_renew .works ul li a:hover {
    opacity: 1;
  }
  .p_top_renew .works ul li a:hover figure img {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
  .p_top_renew .works ul li a figure {
    overflow: hidden;
  }
  .p_top_renew .works ul li a figure img {
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    overflow: hidden;
  }
  .p_top_renew .works ul li a p {
    font-weight: bold;
    font-size: 3.73333vw;
    letter-spacing: 0.02em;
    line-height: 1.57143;
    color: #212529;
    margin: 1.86667vw 0 2.13333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .p_top_renew .works ul li a > span {
    min-width: 24.53333vw;
    min-height: 4.8vw;
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    background: #ebeae2;
    font-weight: bold;
    font-size: 2.66667vw;
    line-height: 1.4;
    color: #696969;
    padding: 0 1.6vw;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p_top_renew .voices {
    margin-bottom: 15.46667vw;
  }
  .p_top_renew .voices .t_ttl {
    margin-bottom: 0;
  }
  .p_top_renew .voices .t_ttl span {
    font-size: 4.26667vw;
    line-height: 1;
  }
  .p_top_renew .voices_main {
    padding: 5.33333vw;
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    background: #fff;
  }
  .p_top_renew .voices_l {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 3.73333vw;
  }
  .p_top_renew .voices_r {
    border-top: 1px solid #e5e3d9;
    padding-top: 4.26667vw;
    overflow: hidden;
  }
  .p_top_renew .voices .voices_slider {
    margin: 0 auto !important;
    width: 100%;
  }
  .p_top_renew .voices .voices_slider ul li {
    opacity: 0;
  }
  .p_top_renew .voices .voices_slider ul li.swiper-slide-active {
    opacity: 1;
  }
  .p_top_renew .voices .voices_slider ul li p {
    font-weight: bold;
    font-size: 3.73333vw;
    line-height: 1.42857;
    text-align: left;
    color: #212529;
  }
  .p_top_renew .voices .voices_slider_ctrl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .p_top_renew .voices .voices_slider_ctrl .swiper-button-next {
    position: static;
    width: 8vw;
    height: 8vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 2.66667vw 2.4vw;
         background-size: 2.66667vw 2.4vw;
    text-indent: -2666.4vw;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    margin-right: 1.86667vw;
  }
  .p_top_renew .voices .voices_slider_ctrl .swiper-button-prev {
    position: static;
    width: 8vw;
    height: 8vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 2.66667vw 2.4vw;
         background-size: 2.66667vw 2.4vw;
    text-indent: -2666.4vw;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    margin-right: 2.93333vw;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .p_top_renew .voices .voices_slider_ctrl .counter {
    line-height: 1;
    font-family: Avenir;
    font-weight: 900;
    font-size: 2.13333vw;
    line-height: 1;
    color: #202529;
  }
  .p_top_renew .voices .voices_slider_ctrl .counter span {
    line-height: 1;
  }
  .p_top_renew .service {
    padding-bottom: 15.46667vw;
  }
  .p_top_renew .service .row_new {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .p_top_renew .service_top {
    margin-bottom: 18.66667vw;
  }
  .p_top_renew .service_top .st_r h3 {
    margin-bottom: 6.13333vw;
    font-weight: bold;
    font-size: 5.33333vw;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-align: left;
    color: #212529;
  }
  .p_top_renew .service_top .st_r p {
    font-weight: bold;
    font-size: 4vw;
    letter-spacing: 0.02em;
    line-height: 1.6;
    text-align: left;
    color: #212529;
  }
  .p_top_renew .service_top .st_r p + p {
    margin-top: 6.66667vw;
  }
  .p_top_renew .service .btnWr {
    margin-top: 9.6vw;
  }
  .p_top_renew .columns {
    padding-bottom: 15.46667vw;
  }
  .p_top_renew .columns .row_new {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .p_top_renew .columns ul li {
    line-height: 1;
  }
  .p_top_renew .columns ul li + li {
    margin-top: 6.93333vw;
  }
  .p_top_renew .columns ul li a {
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    overflow: hidden;
  }
  .p_top_renew .columns ul li a .txt {
    padding: 4vw;
    padding-bottom: 3.73333vw;
    background: #fff;
  }
  .p_top_renew .columns ul li a .txt time {
    font-family: Avenir;
    font-weight: 900;
    font-size: 3.2vw;
    text-align: left;
    color: #c3c1bb;
  }
  .p_top_renew .columns ul li a .txt p {
    font-weight: bold;
    font-size: 3.73333vw;
    letter-spacing: 0.02em;
    line-height: 1.42857;
    text-align: left;
    color: #212529;
    margin: 2.13333vw 0 1.33333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .p_top_renew .columns ul li a .txt .cates {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p_top_renew .columns ul li a .txt .cates span {
    margin-bottom: 1.6vw;
    min-height: 4.8vw;
    font-weight: bold;
    font-size: 2.66667vw;
    text-align: left;
    color: #696969;
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    background: #ebeae2;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 1.86667vw;
  }
  .p_top_renew .columns ul li a .txt .cates span:not(:last-child) {
    margin-right: 1.6vw;
  }
  .p_top_renew .radio {
    padding-bottom: 15.46667vw;
  }
  .p_top_renew .radio .row_new {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .p_top_renew .radio_l {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    margin-bottom: 6.4vw;
  }
  .p_top_renew .radio_l .t_ttl {
    position: relative;
    z-index: 4;
    margin-bottom: 0;
  }
  .p_top_renew .radio_r {
    width: 100%;
    margin-left: -2.66667vw;
    margin-right: -2.66667vw;
  }
  .p_top_renew .radio .radio_slider {
    margin: 0 auto !important;
    width: 100%;
    overflow: initial;
    position: relative;
  }
  .p_top_renew .radio .radio_slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100%;
    background: #f9f9f4;
    display: block;
    z-index: 3;
  }
  .p_top_renew .radio .radio_slider ul li {
    width: 89.33333vw;
    line-height: 1;
  }
  .p_top_renew .radio .radio_slider ul li:not(:last-child) {
    margin-right: 5.33333vw;
  }
  .p_top_renew .radio .radio_slider ul li .txt {
    padding: 2.66667vw;
  }
  .p_top_renew .radio .radio_slider ul li .txt time {
    font-family: Avenir_m;
    font-weight: 500;
    font-size: 3.73333vw;
    line-height: 1.57143;
    text-align: left;
    color: #c1c1c1;
    display: block;
  }
  .p_top_renew .radio .radio_slider ul li .txt p {
    font-weight: bold;
    font-size: 3.73333vw;
    letter-spacing: 0.02em;
    line-height: 1.42857;
    text-align: left;
    color: #212529;
  }
  .p_top_renew .radio .radio_slider_ctrl {
    position: relative;
    z-index: 4;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .p_top_renew .radio .radio_slider_ctrl .swiper-button-next {
    position: static;
    width: 8vw;
    height: 8vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 2.66667vw 2.4vw;
         background-size: 2.66667vw 2.4vw;
    text-indent: -2666.4vw;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    margin-right: 4.26667vw;
  }
  .p_top_renew .radio .radio_slider_ctrl .swiper-button-prev {
    position: static;
    width: 8vw;
    height: 8vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 2.66667vw 2.4vw;
         background-size: 2.66667vw 2.4vw;
    text-indent: -2666.4vw;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    margin-right: 3.73333vw;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .p_top_renew .radio .radio_slider_ctrl .counter {
    line-height: 1;
    font-family: Avenir;
    font-weight: 900;
    font-size: 2.13333vw;
    line-height: 1;
    color: #202529;
  }
  .p_top_renew .radio .radio_slider_ctrl .counter span {
    line-height: 1;
  }
  .p_top_renew .about_us .row_new {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .p_top_renew .about_us .about_us_pic img {
    display: block;
    width: 100%;
    height: auto;
  }
  .p_top_renew .about_us_main {
    margin-top: 8.8vw;
  }
  .p_top_renew .about_us_l h3 {
    font-weight: bold;
    font-size: 5.33333vw;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    margin-bottom: 6.13333vw;
  }
  .p_top_renew .about_us_r p {
    font-weight: bold;
    font-size: 4vw;
    line-height: 1.6;
    text-align: left;
    color: #212529;
  }
  .p_top_renew .about_us_r p + p {
    margin-top: 5.86667vw;
  }
  .p_top_ServiceTop * {
    padding: 0;
    margin: 0;
  }
  .p_top_ServiceTop img {
    max-width: 100%;
  }
  .p_top_ServiceTop a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .p_top_ServiceTop a:hover {
    opacity: 0.7;
  }
  .p_top_ServiceTop .row_new {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .p_top_ServiceTop a.s_btn {
    font-weight: bold;
    font-size: 3.2vw;
    letter-spacing: 0.02em;
    color: #363533 !important;
    min-width: 58.66667vw;
    height: 10.66667vw;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    background: transparent;
    border: 2px solid #353633;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 0 6.13333vw 0 8.8vw;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
  }
  .p_top_ServiceTop a.s_btn:before {
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: '';
    background-color: #353633;
    z-index: -1;
  }
  .p_top_ServiceTop a.s_btn::after {
    content: "";
    width: 4.53333vw;
    height: 4vw;
    background-image: url(/images/renew2023/ar2.svg);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    display: block;
    margin-left: 8vw;
  }
  .p_top_ServiceTop a.s_btn:hover {
    color: #fff !important;
  }
  .p_top_ServiceTop a.s_btn:hover:before {
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    left: 0;
    right: 0;
    opacity: 1;
  }
  .p_top_ServiceTop a.s_btn:hover::after {
    background-image: url(/images/renew2023/ar2_hv.svg);
  }
  .p_top_ServiceTop a.s_btn {
    font-weight: bold;
    font-size: 2.93333vw;
    letter-spacing: 0.02em;
    color: #363533 !important;
    width: 58.66667vw;
    height: 10.66667vw;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    background: transparent;
    border: 2px solid #353633;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 0 6.13333vw 0 8.8vw;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    margin: 5.33333vw auto 0;
    letter-spacing: 0;
  }
  .p_top_ServiceTop a.s_btn:before {
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: '';
    background-color: #353633;
    z-index: -1;
  }
  .p_top_ServiceTop a.s_btn::after {
    content: "";
    width: 3.77778vw;
    height: 3.33333vw;
    background-image: url(/images/renew2023/ar2.svg);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    display: block;
    margin-left: 2.66667vw;
  }
  .p_top_ServiceTop a.s_btn:hover {
    color: #fff !important;
  }
  .p_top_ServiceTop a.s_btn:hover:before {
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    left: 0;
    right: 0;
    opacity: 1;
  }
  .p_top_ServiceTop a.s_btn:hover::after {
    background-image: url(/images/renew2023/ar2_hv.svg);
  }
  .p_top_ServiceTop .s_ttl {
    line-height: 1;
    text-align: center;
    position: relative;
    padding-bottom: 8vw;
  }
  .p_top_ServiceTop .s_ttl::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0vw;
    height: 5.33333vw;
    background: transparent;
    border-left: 1px solid #202529;
    display: block;
  }
  .p_top_ServiceTop .s_ttl span {
    font-family: Avenir;
    font-weight: 900;
    font-size: 7.46667vw;
    letter-spacing: 0.04em;
    text-align: center;
    color: #ec684b;
    display: block;
    line-height: 1;
  }
  .p_top_ServiceTop .s_ttl small {
    font-weight: bold;
    font-size: 3.73333vw;
    line-height: 1.35714;
    text-align: center;
    color: #202529;
  }
  .p_top_ServiceTop .s_ttl2 {
    line-height: 1;
    text-align: center;
    margin-bottom: 8.8vw;
  }
  .p_top_ServiceTop .s_ttl2 small {
    font-family: Avenir;
    font-weight: 900;
    font-size: 4vw;
    letter-spacing: 0.04em;
    text-align: center;
    line-height: 1.5625;
    color: #ec684b;
    display: block;
  }
  .p_top_ServiceTop .s_ttl2 span {
    font-weight: bold;
    font-size: 4.8vw;
    letter-spacing: 0.04em;
    text-align: center;
    line-height: 1.66667;
    color: #212529;
  }
  .p_top_ServiceTop .intro {
    padding-top: 24.53333vw;
    text-align: center;
    padding-bottom: 20.8vw;
  }
  .p_top_ServiceTop .intro .row_new {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .p_top_ServiceTop .intro h3 {
    font-weight: bold;
    font-size: 5.33333vw;
    letter-spacing: 0.04em;
    text-align: center;
    color: #212529;
    margin-bottom: 8.53333vw;
    line-height: 1.5;
    margin-top: 2.13333vw;
  }
  .p_top_ServiceTop .intro p {
    font-weight: bold;
    font-size: 4vw;
    letter-spacing: 0.02em;
    line-height: 1.6;
    text-align: left;
    color: #212529;
  }
  .p_top_ServiceTop .lineup .row_new {
    padding-left: 8vw;
    padding-right: 0;
  }
  .p_top_ServiceTop .lineup_main {
    padding: 8.53333vw 0 12.26667vw;
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    background: #fff;
  }
  .p_top_ServiceTop .developing {
    padding: 8.53333vw 0 2.66667vw;
  }
  .p_top_ServiceTop .developing_item + .developing_item {
    margin-top: 14.93333vw;
  }
  .p_top_ServiceTop .developing_l {
    margin-bottom: 4.53333vw;
  }
  .p_top_ServiceTop .developing_l h2 {
    font-weight: bold;
    font-size: 5.33333vw;
    letter-spacing: 0.02em;
    line-height: 1.5;
    text-align: left;
    color: #212529;
    margin-bottom: 3.73333vw;
  }
  .p_top_ServiceTop .developing_l p {
    font-weight: bold;
    font-size: 4vw;
    line-height: 1.33333;
    text-align: left;
    color: #212529;
  }
  .p_top_ServiceTop .developing_r ul {
    counter-reset: div;
  }
  .p_top_ServiceTop .developing_r ul li {
    padding: 4.26667vw 0 0;
  }
  .p_top_ServiceTop .developing_r ul li + li {
    border-top: 1px solid #E5E3D9;
  }
  .p_top_ServiceTop .developing_r ul li a {
    line-height: 1;
    padding: 4vw 0 6.93333vw;
    display: block;
  }
  .p_top_ServiceTop .developing_r ul li a:not(:last-child) {
    border-bottom: 1px solid #e5e3d9;
  }
  .p_top_ServiceTop .developing_r ul li .txt {
    position: relative;
    margin-bottom: 4.26667vw;
  }
  .p_top_ServiceTop .developing_r ul li .txt::before {
    counter-increment: div;
    content: counter(div, decimal-leading-zero);
    font-family: Avenir;
    font-weight: 900;
    font-size: 4.26667vw;
    letter-spacing: 0.04em;
    line-height: 1.5625;
    text-align: left;
    color: #c3c1bb;
    display: block;
    margin-bottom: 0.8vw;
  }
  .p_top_ServiceTop .developing_r ul li .txt .txt01 {
    font-weight: bold;
    font-size: 3.73333vw;
    line-height: 1.42857;
    text-align: left;
    color: #212529;
  }
  .p_top_ServiceTop .developing_r ul li .txt .txt02 {
    font-weight: bold;
    font-size: 5.33333vw;
    letter-spacing: 0.04em;
    line-height: 1.5;
    text-align: left;
    color: #212529;
    margin: 0.8vw 0;
    display: block;
  }
  .p_top_ServiceTop .developing_r ul li .txt .txt03 {
    min-width: 33.6vw;
    min-height: 6.13333vw;
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    background: #e1404a;
    font-weight: bold;
    font-size: 2.93333vw;
    line-height: 2;
    text-align: left;
    color: #fff;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 2.66667vw;
  }
  .p_top_ServiceTop .ServiceDetail .dt_ttl {
    padding: 5.86667vw 0;
    border-top: 1px solid #e5e3d9;
    border-bottom: 1px solid #e5e3d9;
    margin-top: -2.13333vw;
  }
  .p_top_ServiceTop .ServiceDetail .dt_ttl h3 {
    text-align: center;
    line-height: 1;
  }
  .p_top_ServiceTop .ServiceDetail .dt_ttl h3 span {
    display: block;
    font-weight: bold;
    font-size: 5.33333vw;
    text-align: center;
    line-height: 1.5;
    color: #212529;
  }
  .p_top_ServiceTop .ServiceDetail .dt_ttl h3 small {
    font-weight: bold;
    font-size: 3.73333vw;
    line-height: 1.42857;
    text-align: center;
    color: #212529;
  }
  .p_top_ServiceTop .ServiceDetail .s_head {
    padding-top: 24.53333vw;
    margin-bottom: 9.06667vw;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctTop {
    margin-bottom: 9.06667vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctTop ul li + li {
    margin-top: 3.2vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctTop ul li a {
    font-weight: bold;
    font-size: 4vw;
    line-height: 1.6;
    text-align: left;
    color: #212529;
    display: inline-block;
    padding-right: 8.26667vw;
    position: relative;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctTop ul li a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(90deg);
       -moz-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    width: 4.26667vw;
    height: 4.26667vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 1.86667vw 1.6vw;
         background-size: 1.86667vw 1.6vw;
    display: block;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item + .item {
    margin-top: 8vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top {
    margin-bottom: 6.4vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top i {
    font-style: normal;
    font-family: Avenir;
    font-weight: 900;
    font-size: 4.26667vw;
    text-align: left;
    color: #c3c1bb;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top .txt01 {
    font-weight: bold;
    font-size: 3.73333vw;
    line-height: 1.42857;
    text-align: left;
    color: #212529;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top .txt02 {
    margin-top: 1.33333vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top .txt02 span {
    font-family: "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: bold;
    font-size: 5.33333vw;
    letter-spacing: 0.04em;
    line-height: 1.5;
    text-align: left;
    color: #212529;
    margin-right: 4vw;
    display: block;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top .txt02 span em {
    font-weight: 400;
    margin-left: 2.66667vw;
    font-size: 3.73333vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_top .txt02 small {
    display: inline-block;
    padding: 0 2.66667vw;
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    background: #e1404a;
    font-weight: bold;
    font-size: 2.93333vw;
    line-height: 2;
    text-align: left;
    color: #fff;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot {
    background-color: #fff;
    padding: 5.33333vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .txt_cm {
    min-height: 6.66667vw;
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    background: transparent;
    border: 1px solid #c3c1bb;
    font-weight: bold;
    font-size: 3.2vw;
    text-align: left;
    color: #7c7c7c;
    padding: 0 2.66667vw;
    display: inline-block;
    margin-bottom: 3.46667vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top {
    padding-bottom: 4.8vw;
    border-bottom: 1px solid #e5e3d9;
    margin-bottom: 6.13333vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r .ib_top_r_it {
    padding-bottom: 6.4vw;
    padding-top: 6.4vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r .ib_top_r_it:first-child {
    padding-top: 0;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r .ib_top_r_it:not(:last-child) {
    border-bottom: 1px solid #e5e3d9;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r .ib_top_r_it ul li {
    font-weight: bold;
    font-size: 3.73333vw;
    line-height: 1.85714;
    text-align: left;
    color: #212529;
    letter-spacing: 0;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r .ib_top_r_it p {
    font-weight: bold;
    font-size: 3.73333vw;
    line-height: 1.35714;
    text-align: left;
    color: #212529;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_r .ib_top_r_it p span {
    margin-right: 4.8vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_l {
    margin-bottom: 3.46667vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_top .ib_top_l p {
    font-weight: bold;
    font-size: 4vw;
    line-height: 1.6;
    text-align: left;
    color: #212529;
    margin-bottom: 10.66667vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    line-height: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 4.26667vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l .ib_bot_slider_ctrl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l .ib_bot_slider_ctrl .swiper-button-next {
    position: static;
    width: 8vw;
    height: 8vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 2.66667vw 2.4vw;
         background-size: 2.66667vw 2.4vw;
    text-indent: -2666.4vw;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    margin-right: 1.86667vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l .ib_bot_slider_ctrl .swiper-button-prev {
    position: static;
    width: 8vw;
    height: 8vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 2.66667vw 2.4vw;
         background-size: 2.66667vw 2.4vw;
    text-indent: -2666.4vw;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    margin-right: 2.93333vw;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l .ib_bot_slider_ctrl .counter {
    line-height: 1;
    font-family: Avenir;
    font-weight: 900;
    font-size: 2.13333vw;
    line-height: 1;
    color: #202529;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l .ib_bot_slider_ctrl .counter span {
    line-height: 1;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l h2 {
    line-height: 1;
    font-size: 0;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l h2 span {
    display: block;
    font-family: Avenir;
    font-weight: 900;
    font-size: 4.53333vw;
    letter-spacing: 0.04em;
    line-height: 1.45455;
    text-align: left;
    color: #212529;
    letter-spacing: 0;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_l h2 small {
    font-weight: bold;
    font-size: 2.93333vw;
    line-height: 1.4;
    text-align: left;
    color: #202529;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_r .swiper-button-next {
    width: 8vw;
    height: 8vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 2.66667vw 2.4vw;
         background-size: 2.66667vw 2.4vw;
    text-indent: -2666.4vw;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    right: -0;
    top: 31%;
    z-index: 10;
    display: none;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot_r .swiper-button-prev {
    width: 8vw;
    height: 8vw;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 2.66667vw 2.4vw;
         background-size: 2.66667vw 2.4vw;
    text-indent: -2666.4vw;
    -moz-border-radius: 2666.4vw;
         border-radius: 2666.4vw;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    left: -0;
    top: 31%;
    z-index: 10;
    display: none;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider {
    margin: 0 auto !important;
    width: 100%;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li {
    line-height: 1;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li figure {
    height: 45.06667vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    overflow: hidden;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li p {
    font-weight: bold;
    font-size: 3.73333vw;
    letter-spacing: 0.02em;
    line-height: 1.57143;
    text-align: left;
    color: #212529;
    margin: 3.46667vw 0 2.13333vw;
  }
  .p_top_ServiceTop .ServiceDetail .s_bd .ctBot .item_bot .ib_bot .ib_bot_slider ul li .cate {
    min-height: 4.8vw;
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    background: #ebeae2;
    font-weight: bold;
    font-size: 2.66667vw;
    text-align: left;
    color: #696969;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 1.6vw;
  }
  /* faq */
  .row:has(.faq-search-form) {
    padding-left:0;
    padding-right:0;
  }
  .faq-search-form {
    margin: -15px 0 0;
    background-color: #F4F4ED;
    padding: 30px 20px;
    width: 100%;
    font-size: 14px;
  }
  .faq-search-form>.row {
    margin: 0 0 25px;
  }
  .faq-search-form>.row>label {
    min-width: 10em;
    font-weight: bold;
  }
  .faq-search-form>.row>label[for="query-word"] {
    line-height: 46px;
  }
  .faq-search-form>.row>label[for="query-word"]~div {
    /* display: inline-block; */
    width: 100%;
    position: relative;

  }
  .faq-search-form>.row>label[for="query-word"]~div::before {
    position: absolute;
    content: ' ';
    display: block;
    width: 18px;
    height: 18px;
    top: 15px;
    left: 25px;
    background: url(/images/renew2024/ic-search.svg) no-repeat;

  }
  .faq-search-form>.row #query-word {
    background-color: #fff;
    border-color: #ADADAD;
    border-radius: 23px;
    max-width: 100%;
    padding-left: 4em;

  }
  .faq-search-form>.row label.term-select {
    line-height: 38px;
    padding: 0 22px;
    border: 1px solid #adadad;
    border-radius: 19px;
    font-size:15px;
    margin: 7px
  }
  .faq-search-form>.row label.term-select:has([type="checkbox"]:checked) {
    background-color: #ec7055;
    color: #fff;
    border-color:#EC684B;

  }
  .faq-search-form .button-row {
    text-align: center;
    padding-top: 20px;
  }
  .faq-archive-header {
    font-size: 20px;
    font-weight: bold;
    margin: 60px 0 30px;
  }
  .faq-item {
    width: 100%;
    display: block;
    padding-bottom: 25px;
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 25px;
  }
  .nbb {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .faq-item .related-term {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    padding: 6.5px 13px;
    color: #696969;
    background-color: #EBEAE2;
    border-radius: 13px;
  }
  .faq-item .title {
    margin: 15px 5px 0;
    padding: 0 30px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
  }
  .faq-item .title::before {
    font-size: 23px;
    font-family: Avenir;
    content: 'Q';
    margin-right: .5em;
    position: absolute;
    left: 0;
    top: calc(50% - 11px);
  }
  .faq-item .title::after {
    content: "";
    position: absolute;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    bottom: -12px;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: #363533 url(/images/renew2023/ar.svg) center/100% 100% no-repeat;
    display: block;
    -moz-background-size: 10px 9px;
    background-size: 10px 9px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

  }
  .faq-item:hover .title::after {
    -webkit-transform: translate(5px, -50%);
    -moz-transform: translate(5px, -50%);
    -ms-transform: translate(5px, -50%);
    transform: translate(5px, -50%);
  }
  .faq-item .no-item {
    font-size: 16px;
  }
  .faq-header {
    margin-top: -15px;
    padding: 40px 0;
    background-color: #fff;
    border-bottom: 15px solid #EDEDEA;
  }
  .faq-header .row {
    padding: 0 20px;
  }
  .faq-header .question {
    width: 100%;
    border-bottom: 1px solid #EBEAE2;
  }
  .faq-header .question h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    margin: 15px 0;
    padding-left: 30px;
    position: relative;
  }
  .faq-header .question h2::before {
    font-size: 23px;
    font-family: Avenir;
    content: 'Q';
    margin-right: .5em;
    position: absolute;
    left: 0;
    top: 2px;
  }
  h2.answer {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    margin: 20px 0 0;
    padding-left: 28px;
    position: relative;
  }
  h2.answer p {
    display: inline;
  }
  h2.answer::before {
    font-family: Avenir;
    content: 'A';
    color: #ec7055;
    font-size: 25px;
    margin-right: .5em;
    position: absolute;
    left:  0;
    top:  0;
  }
  .faq-body {
    padding: 30px 0 20px;
  }
  .faq-body h3 {
    font-size: 17px;
    margin: 40px 0;
    padding-left: 26px;
    position: relative;
  }
  .faq-body h3::before {
    content: 'ー';
    color: #ec7055;
    margin-right: 0.5em;
    position: absolute;
    left: 0;
    top: 0;
  }
  .faq-body p {
    margin: 40px 0
  }
  .faq-body hr {
    color: #efefef;
    margin: 40px 0
  }
  .faq-body a {
    color: #e1404a !important;
    border-bottom: 1px solid #e1404a;
  }
  .faq-links-wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  .faq-links-wrapper .t_btnWr {
    margin: 10.66667vw 0 0;
  }
  .row:has(.related-taxsonomies) {
    padding: 0;
  }
  .related-taxsonomies {
    width: 100%;
    padding: 40px 25px;
    background-color: #fff;
  }
  .related-taxsonomies label {
    display: block;
    font-size: 14px;
    font-weight: bold;
  }
  .related-taxsonomies .taxonomy-list {
    padding: 0;
  }
  .related-taxsonomies .taxonomy-list li {
    display: inline-block;
    margin: 6px 4px;
  }
  .related-taxsonomies .taxonomy-list li a {
    display: inline-block;
    font-size: 15px;
    line-height: 36px;
    padding: 0 1.5em;
    border: 1px solid #adadad;
    border-radius: 18px;
  }
  .related-taxsonomies .taxonomy-list li a:hover {
    background-color: #ec7055;
    color: #fff !important;
    border-color:#EC684B;
  }
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  cursor: pointer;
  pointer-events: inherit;
}

.fade .animation-bg {
  background: #f9f9f4;
  content: "";
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-animation-name: PageAnime-fade;
     -moz-animation-name: PageAnime-fade;
          animation-name: PageAnime-fade;
  -webkit-animation-duration: 0.3s;
     -moz-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-delay: 0.8s;
     -moz-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-timing-function: ease-in-out;
     -moz-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  pointer-events: none;
}

@-webkit-keyframes PageAnime-fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

@-moz-keyframes PageAnime-fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

@keyframes PageAnime-fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

@-webkit-keyframes ArrowLoop {
  0% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 200% 50%;
  }
  55% {
    background-position: 200% 200%;
  }
  60% {
    background-position: -50% 50%;
  }
  100% {
    background-position: 50% 50%;
  }
}

@-moz-keyframes ArrowLoop {
  0% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 200% 50%;
  }
  55% {
    background-position: 200% 200%;
  }
  60% {
    background-position: -50% 50%;
  }
  100% {
    background-position: 50% 50%;
  }
}

@keyframes ArrowLoop {
  0% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 200% 50%;
  }
  55% {
    background-position: 200% 200%;
  }
  60% {
    background-position: -50% 50%;
  }
  100% {
    background-position: 50% 50%;
  }
}