@charset "utf-8";


/* ----------------------------------------------------------------------
	header
---------------------------------------------------------------------- */

/* l-home-mainimg */
.l-home-mainimg {
    position: relative;
    background-image: linear-gradient(150deg, #fcf1f5, #fcf5e4 68%);
    margin: 0 0 40px;
}

.l-home-mainimg::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 1;
    background: url("../img/mainimg_bg.svg") center center no-repeat;
    background-size: 100vw 12vw;
    width: 100vw;
    height: 12vw;
    display: block;
}

.l-home-mainimg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/logo_bg.svg") center center no-repeat;
    background-size: 260px;
    width: 260px;
    height: 260px;
    display: block;
}

@media screen and (max-width: 990px) {
    .l-home-mainimg {
        background-image: linear-gradient(40deg, #fff9f1 36%, #fdf5f8);
        padding: 80px 0 0;
        margin: 0 0 9.333vw;
    }
    .l-home-mainimg::after {
        background-size: 120px;
        width: 120px;
        height: 120px;
    }
}


.l-home-mainimg-catch {
    position: absolute;
    top: calc(50% - 50px);
    left: 7.142vw;
    z-index: 1;
    transform: translateY(-50%);
    background: url("../../img/home/mainimg_catch_bg.svg") center center no-repeat;
    background-size: 548px 154px;
    text-align: center;
    padding: 40px 0 0;
    width: 550px;
}

.l-home-mainimg-catch__en {
    color: var(--color-red);
    font-size: 10rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    margin: 0 0 0.3em;
}

.l-home-mainimg-catch__ja {  font-size: 2.2rem; }

@media screen and (max-width: 990px) {
    .l-home-mainimg-catch {
        position: static;
        transform: translateY(0);
        background-position: center top 5px;
        background-size: 275px auto;
        padding: 0 0 0;
        width: 100%;
    }

    .l-home-mainimg-catch__en {
        font-size: 5rem;
        margin: 0 0 0.1em;
    }

    .l-home-mainimg-catch__ja {  font-size: 1.8rem; }
}

.l-home-mainimg-slider__ph img { width: 100%; }

@media screen and (max-width: 990px) {
    .l-home-mainimg-slider__ph { margin-top: -10px; }
}


.l-home-mainimg-scroll {
    position: absolute;
    left: 4.285vw;
    bottom: 3vw;
    z-index: 1;
    padding: 10px;
    border-radius: 50%;
}

.l-home-mainimg-scroll a {
    color: var(--color-text);
    text-decoration: none;
}

.l-home-mainimg-scroll__inner {
    background: var(--color-beige);
    text-align: center;
    padding-top: 44px;
    width: 146px;
    height: 146px;
    border-radius: 50%;
}

.l-home-mainimg-scroll__en {
    font-size: 1.5rem;
    margin: 0 0 0.6em;
}

.l-home-mainimg-scroll__arrow {
    animation: move-y .8s infinite alternate ease-in-out;
    display: inline-block;
}

@media screen and (max-width: 990px) {
    .l-home-mainimg-scroll {
        left: 6.666vw;
        bottom: -4.666vw;
        padding: 1.333vw;
    }

    .l-home-mainimg-scroll__inner {
        padding-top: 4vw;
        width: 19.466vw;
        height: 19.466vw;
    }

    .l-home-mainimg-scroll__en { display: none; }
    
    .l-home-mainimg-scroll__arrow img { width: 6.4vw; }
}


@keyframes move-y {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px);
  }
}


/* ----------------------------------------------------------------------
	 l-home-strength-mainimg
---------------------------------------------------------------------- */

.l-home-strength-mainimg { position: relative; }

.l-home-strength-mainimg-inner {
    position: relative;
    max-width: 1140px;
    height: 400px;
    margin: 0 auto;
}

@media screen and (max-width: 990px) {
    .l-home-strength-mainimg { margin: 0 0 14.133vw; }
    
    .l-home-strength-mainimg-inner { height: 104vw; }
}

.l-home-strength-mainimg-ph p,
.l-home-strength-mainimg-deco p,
.l-home-strength-mainimg-bg { position: absolute; }

.l-home-strength-mainimg-ph p { z-index: 1; }

.l-home-strength-mainimg-ph01 {
    top: 75px;
    right: -10px;
}

.l-home-strength-mainimg-ph02 {
    top: 130px;
    left: 366px;
}

.l-home-strength-mainimg-ph03 {
    top: 20px;
    left: 0;
}

@media screen and (max-width: 990px) {
    .l-home-strength-mainimg-ph01 {
        top: 9.333vw;
        right: 23.333vw;
   }
   .l-home-strength-mainimg-ph01 img { width: 53.333vw; }
   
   .l-home-strength-mainimg-ph02 {
        top: inherit;
        left: inherit;
        right: 17.866vw;
        bottom: 0;
    }
    .l-home-strength-mainimg-ph02 img { width: 26.666vw; }
    
     .l-home-strength-mainimg-ph03 {
        top: inherit;
        left: 14.66vw;
        bottom: 6.666vw;
    }
    .l-home-strength-mainimg-ph03 img { width: 32vw; }
}


.l-home-strength-mainimg-deco01 {
    top: 0;
    left: 270px;
}

.l-home-strength-mainimg-deco02 {
    top: 20px;
    right: 280px;
}

.l-home-strength-mainimg-deco03 {
    right: 300px;
    bottom: -20px;
}

@media screen and (max-width: 990px) {
    .l-home-strength-mainimg-deco01 {
        top: 0;
        left: 6.666vw;
    }
    .l-home-strength-mainimg-deco01 img  { width: 18.666vw; }

    .l-home-strength-mainimg-deco02 {
        top: 6vw;
        right: 13.333vw;
    }
    .l-home-strength-mainimg-deco02 img  { width: 8vw; }

    .l-home-strength-mainimg-deco03 {
        right: 8.533vw;
        bottom: 34vw;
    }
    
     .l-home-strength-mainimg-deco03 img { width: 13.333vw; }
}

.l-home-strength-mainimg-bg {
    top: 194px;
    left: 0;
    width: 100%;
}

.l-home-strength-mainimg-bg img { width: 100%; }

@media screen and (max-width: 990px) {
    .l-home-strength-mainimg-bg { top: 34.666vw; }
}


/* ----------------------------------------------------------------------
	 l-home-line
---------------------------------------------------------------------- */

.l-home-line {
    fill: transparent;
    stroke-width: 18;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}


/* l-home-line01-pc */
#l-home-line01-pc {
    position: absolute;
    top: 252px;
    right: -26px;
    z-index: -1;
    width: 342px;
    height: 794px;
}

.strength-logo-anime .l-home-line01-pc {
    stroke: var(--color-white-pink);
    stroke-dasharray: 1062px;
    stroke-dashoffset: 1062px;
    animation: line01-pc-animation 2s 2.6s forwards;
}

@keyframes line01-pc-animation {
    0% {
        stroke-dashoffset: 1062px;
    } 100% {
        stroke-dashoffset: 0;
    }
}


/* l-home-line02-pc */
#l-home-line02-pc {
    position: absolute;
    top: 270px;
    left: -110px;
    z-index: -3;
    width: 456px;
    height: 798px;
}

.line-anime .l-home-line02-pc {
    stroke: var(--color-white-pink);
    stroke-dasharray: 1062px;
    stroke-dashoffset: 1062px;
    animation: line02-pc-animation 2s forwards;
}

@keyframes line02-pc-animation {
    0% {
        stroke-dashoffset: 1062px;
    } 100% {
        stroke-dashoffset: 0;
    }
}


/* l-home-line03-pc */
#l-home-line03-pc {
    position: absolute;
    top: 220px;
    left: 560px;
    z-index: -1;
    width: 232px;
    height: 590px;
}


.line-anime .l-home-line03-pc {
    stroke: var(--color-white-pink);
    stroke-dasharray: 752px;
    stroke-dashoffset: 752px;
    animation: line03-pc-animation 2s forwards;
}

@keyframes line03-pc-animation {
    0% {
        stroke-dashoffset: 752px;
    } 100% {
        stroke-dashoffset: 0;
    }
}


/* l-home-line04-pc */
#l-home-line04-pc {
    position: absolute;
    top: -370px;
    left: -200px;
    z-index: -1;
    width: 328px;
    height: 734px;
}

.line-anime .l-home-line04-pc {
    stroke: var(--color-white-pink);
    stroke-dasharray: 1004px;
    stroke-dashoffset: 1004px;
    animation: line04-pc-animation 2s forwards;
}

@keyframes line04-pc-animation {
    0% {
        stroke-dashoffset: 1004px;
    } 100% {
        stroke-dashoffset: 0;
    }
}


/* l-home-line05-pc */
#l-home-line05-pc {
    position: absolute;
    top: -320px;
    right: -140px;
    z-index: -1;
    width: 328px;
    height: 734px;
}

.line-anime .l-home-line05-pc {
    stroke: var(--color-white-pink);
    stroke-dasharray: 1004px;
    stroke-dashoffset: 1004px;
    animation: line05-pc-animation 2s forwards;
}

@keyframes line05-pc-animation {
    0% {
        stroke-dashoffset: 1014px;
    } 100% {
        stroke-dashoffset: 0;
    }
}


#l-home-line01-sp,
#l-home-line02-sp,
#l-home-line03-sp,
#l-home-line04-sp,
#l-home-line05-sp { display: none; }

@media screen and (max-width: 990px) {
    #l-home-line01-pc,
    #l-home-line02-pc,
    #l-home-line03-pc,
    #l-home-line04-pc,
    #l-home-line05-pc { display: none; }
    
    #l-home-line01-sp,
    #l-home-line02-sp,
    #l-home-line03-sp,
    #l-home-line04-sp,
    #l-home-line05-sp { display: block; }
}


/* l-home-line01-sp */
#l-home-line01-sp {
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: -1;
    width: 188px;
    height: 418px;
}

.line-anime .l-home-line01-sp {
    stroke: var(--color-white-pink);
    stroke-dasharray: 546px;
    stroke-dashoffset: 546px;
    animation: line01-sp-animation 2s forwards;
}

@keyframes line01-sp-animation {
    0% {
        stroke-dashoffset: 546px;
    } 100% {
        stroke-dashoffset: 0;
    }
}


/* l-home-line02-sp */
#l-home-line02-sp {
    position: absolute;
    left: 100px;
    bottom: 20px;
    z-index: -1;
    width: 108px;
    height: 198px;
}

.line-anime .l-home-line02-sp {
    stroke: var(--color-white-pink);
    stroke-dasharray: 240px;
    stroke-dashoffset: 240px;
    animation: line02-sp-animation 1s forwards;
}

@keyframes line02-sp-animation {
    0% {
        stroke-dashoffset: 240px;
    } 100% {
        stroke-dashoffset: 0;
    }
}


/* l-home-line03-sp */
#l-home-line03-sp {
    position: absolute;
    right: 30px;
    bottom: -200px;
    z-index: -1;
    width: 116px;
    height: 252px;
}

.line-anime .l-home-line03-sp {
    stroke: var(--color-white-pink);
    stroke-dasharray: 320px;
    stroke-dashoffset: 320px;
    animation: line03-sp-animation 2s forwards;
}

@keyframes line03-sp-animation {
    0% {
        stroke-dashoffset: 320px;
    } 100% {
        stroke-dashoffset: 0;
    }
}


/* l-home-line04-sp */
#l-home-line04-sp {
    position: absolute;
    top: 20px;
    left: 60px;
    z-index: -1;
    width: 112px;
    height: 200px;
}

.line-anime .l-home-line04-sp {
    stroke: var(--color-white-pink);
    stroke-dasharray: 245px;
    stroke-dashoffset: 245px;
    animation: line04-sp-animation 1.6s forwards;
}

@keyframes line04-sp-animation {
    0% {
        stroke-dashoffset: 245px;
    } 100% {
        stroke-dashoffset: 0;
    }
}


/* l-home-line05-sp */
#l-home-line05-sp {
    position: absolute;
    left: 50%;
    bottom: -20px;
    z-index: -1;
    transform: translateX(calc(-50% - 20px));
    width: 62px;
    height: 116px;
}

.line-anime .l-home-line05-sp {
    stroke: var(--color-white-pink);
    stroke-dasharray: 157px;
    stroke-dashoffset: 157px;
    animation: line05-sp-animation 1.6s forwards;
}

@keyframes line05-sp-animation {
    0% {
        stroke-dashoffset: 157px;
    } 100% {
        stroke-dashoffset: 0;
    }
}


/* ----------------------------------------------------------------------
	 l-home-strength
---------------------------------------------------------------------- */

.l-home-strength {
    position: relative;
    margin: 0 auto 80px;
    max-width: 1100px;
}

.l-home-strength-bg {
    position: relative;
    background: rgba(255,255,255,0.9);
    text-align: center;
    margin: 0 auto;
    padding: 70px 0 0;
    width: 660px;
    height: 660px;
    border-radius: 50%;
}

.l-home-strength-catch { color: var(--color-red); }

.l-home-strength-catch__en {
    font-size: 8rem;
    font-weight: 200;
    line-height: 1;
    letter-spacing: 0;
    margin: -30px 0 0.2em;
    opacity: 0.1;
}

.l-home-strength-catch__ja {
    font-size: 2.4rem;
    letter-spacing: .16em;
    margin: 0 0 1em;
}

.l-home-strength-txt { margin: 0 0 3em; }

.l-home-strength-txt p {
    line-height: 2;
    margin: 0 0 1em;
}
.l-home-strength-txt p:last-child { margin: 0; }

@media screen and (max-width: 990px) {
    .l-home-strength {
        padding: 0 20px;
        margin: 0;
    }

    .l-home-strength-bg {
        padding: 10px 30px 30px;
        width: 100%;
        height: auto;
        border-radius: 1000px 1000px 50px 50px;
    }

    .l-home-strength-catch__en {
        font-size: 5rem;
        margin: -35px 0 0.6em;
    }

    .l-home-strength-catch__ja {
        font-size: 1.8rem;
        margin: 0 0 1em;
    }

    .l-home-strength-txt {
        text-align: left;
        margin: 0 0 1.4em;
    }

    .l-home-strength-txt p { line-height: 1.8 ;}
}

@media screen and (max-width: 990px) and  (orientation: landscape) {
    .l-home-strength-bg { border-radius: 10px; }
}


.l-home-strength-logo {
    position: absolute;
    left: 50%;
    bottom: 170px;
    z-index: -1;
    transform: translateX(calc(-50% - 10px));
}

.l-home-strength-logo svg {
    width: 310px;
    height: 255px;
}

@media screen and (max-width: 990px) {
    .l-home-strength-logo {
        top: 45px;
        bottom: inherit;
    }

    .l-home-strength-logo svg {
        width: 130px;
        height: 107px;
    }
}


.l-home-strength-ph p { position: absolute; }

.l-home-strength-ph01 {
    left: -160px;
    bottom: 20px;
}

.l-home-strength-ph02 {
    right: -120px;
    bottom: -146px;
}

@media screen and (max-width: 990px) {
    .l-home-strength-btm {
        position: relative;
        margin: auto;
        width: 335px;
        height: 400px;
    }
    
    .l-home-strength-ph01 {
        top: 28px;
        left: 0;
        bottom: inherit;
    }
    .l-home-strength-ph01 img { width: 200px; }

    .l-home-strength-ph02 {
        right: 0;
        bottom: 45px;
    }
    .l-home-strength-ph02 img { width: 150px; }
}


.l-home-strength-deco p { position: absolute; }

.l-home-strength-deco01 {
    top: 155px;
    right: -80px;
}

.l-home-strength-deco02 {
    top: 130px;
    left: -70px;
}

.l-home-strength-deco03 {
    right: 250px;
    bottom: -90px;
}

.l-home-strength-deco04 {
    left: -60px;
    bottom: -270px;
}

@media screen and (max-width: 990px) {
    .l-home-strength-deco01 {
        top: -24.533vw;
        right: -3.466vw;
    }

    .l-home-strength-deco01 img { width: 20vw; }

    .l-home-strength-deco02 {
        top: -24.9333vw;
        left: -6vw;
    }
    .l-home-strength-deco02 img { width: 21.333vw; }
    
    .l-home-strength-deco03 {
        right: 64px;
        bottom: 235px;
    }
    .l-home-strength-deco03 img { width: 50px; }

    .l-home-strength-deco04 {
        left: 35px;
        bottom: 35px;
    }
    .l-home-strength-deco04 img { width: 120px; }
}


/* ----------------------------------------------------------------------
	 l-home-page-ttl
---------------------------------------------------------------------- */

.l-home-page-ttl {
    color: var(--color-red);
    text-align: center;
    line-height: 1;
    margin: 0 0 1.6em;
}

.l-home-page-ttl__en {
    font-size: 8rem;
    font-weight: 200;
    letter-spacing: 0;
    opacity: 0.1;
}

.l-home-page-ttl__ja {
    font-size: 2.6rem;
    font-weight: normal;
}

@media screen and (max-width: 990px) {
    .l-home-page-ttl {
        line-height: 1.2;
        margin: 0 0 1.2em;
    }

    .l-home-page-ttl__en {
        font-size: 5rem;
        line-height: 1;
    }

    .l-home-page-ttl__ja { font-size: 2rem; }
}


/* ----------------------------------------------------------------------
	 l-home-service
---------------------------------------------------------------------- */

.l-home-service {
    position: relative;
    margin: 0 auto 80px;
    max-width: 1200px;
}

.l-home-service-lead {
    text-align: center;
    margin: 0 0 2em;
}

.l-home-service-list {
    display: flex;
    justify-content: space-between;
}

.l-home-service-list li {
    text-align: center;
    width: 580px;
}

.l-home-service-ph { margin: 0 0 20px; }

.l-home-service-ph a {
    position: relative;
    padding: 0 10px;
    display: block;
}

.l-home-service-ph a::before,
.l-home-service-ph a::after {
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    width: 540px;
    height: 100%;
    border-radius: 1000px; 
    display: block;
}

.l-home-service-ph a::before {
    left: 0;
    background: var(--color-light-pink);
}

.l-home-service-ph a::after {
    right: 0;
    background: var(--color-light-yellow);
}

.l-home-service-ph a:hover img { opacity: 1; }
.l-home-service-ph a:hover { opacity: 0.8; }

.l-home-service-ph img {
    width: 100%;
    border-radius: 1000px;
}

.l-home-service-s-ttl {
    color: var(--color-red);
    font-size: 1.8rem;
    margin: 0 0 0.4em;
}

.l-home-service-txt {
    text-align: left;
    margin:  0 0 1.6em;
}

@media screen and (max-width: 990px) {
    .l-home-service { margin: 0 30px; }

    .l-home-service-lead {
        text-align: left;
        margin: 0 0 1.6em;
    }

    .l-home-service-list { display: block; }

    .l-home-service-list li {
        margin: 0 0 60px;
        width: 100%;
    }
    
    .l-home-service-list li:last-child { margin: 0; }

    .l-home-service-ph { margin: 0 0 15px; }

    .l-home-service-ph a { padding: 0 5px; }

    .l-home-service-ph a::before,
    .l-home-service-ph a::after { width: calc(100% - 5px); }

    .l-home-service-s-ttl {
        color: var(--color-red);
        font-size: 1.8rem;
        margin: 0 0 0.4em;
    }
    
    .l-home-service-s-ttl span {
        font-size: 1.4rem;
        display: block;
    }

    .l-home-service-txt {  margin:  0 0 1.2em; }
}


.l-home-service-deco p { position: absolute; }

.l-home-service-deco01 {
    left: 30px;
    bottom: -160px;
}

.l-home-service-deco02 {
    right: -60px;
    bottom: -240px;
}

@media screen and (max-width: 990px) {
    .l-home-service-deco {
        position: relative;
        margin: 0 auto;
        width: 315px;
        height: 200px;
    }
    
    .l-home-service-deco01 {
        left: -10px;
        bottom: 60px;
    }
    .l-home-service-deco01 img { width: 82px; }

    .l-home-service-deco02 {
        right: 20px;
        bottom: 70px;
    }
    .l-home-service-deco02 img { width: 120px; }
}


/* ----------------------------------------------------------------------
	 l-home-company
---------------------------------------------------------------------- */

.l-home-company {
    position: relative;
    margin: 0 0 90px;
}

.l-home-company-inner {
    position: relative;
    padding-left: 120px;
    margin: 0 auto;
    max-width: 1100px;
}

.l-home-company-column {
    display: flex;
    justify-content: space-between;
}

.l-home-company-lead {
    line-height: 1.8;
    margin: 0 0 1.6em;
    width: 520px;
}

@media screen and (max-width: 990px) {
    .l-home-company { margin: 0 30px 160px; }

    .l-home-company-inner { padding-left: 0; }

    .l-home-company-column { display: block; }

    .l-home-company-lead {
        margin: 0 0 1.4em;
        width: 100%;
    }
}


.l-home-company-ph img { border-radius: 10px; }

.l-home-company-ph01 { margin-left: -210px; }

.l-home-company-ph02 {
    position: absolute;
    right: -120px;
    bottom: -175px;
    z-index: 1;
}

@media screen and (max-width: 990px) {
    .l-home-company-ph { margin: 0 0 30px; }
    
    .l-home-company-ph01 { margin-left: 0; }
    .l-home-company-ph01 img { width: 73vw; }

    .l-home-company-ph02 {
        position: static;
        text-align: right;
        margin-top: -8.533vw;
    }
    .l-home-company-ph02 img { width: 48vw; }
}


.l-home-company-nav { width: 400px; }

.l-home-company-nav li { margin: 0 0 20px; }
.l-home-company-nav li:last-child { margin: 0; }

.l-home-company-nav li a {
    position: relative;
    background: var(--color-white);
    color: var(--color-text);
    text-decoration: none;
    padding: 25px 30px;
    display: block;
    border-radius: 10px;
}

.l-home-company-nav li a:hover { opacity: 0.8; }

.l-home-company-nav li a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    background: url("../img/icon_a_arrow.svg") center center no-repeat;
    background-size: 14px;
    width: 14px;
    height: 14px;
    display: block;
}

.l-home-company-nav li a span {
    color: var(--color-light-pink);
    display: block;
}

.l-home-company-deco { display: none; }

@media screen and (max-width: 990px) {
    .l-home-company-nav { width: 100%; }
    
    .l-home-company-deco {
        position: relative;
        margin: 0 auto;
        width: 315px;
        display: block;
    }
    
    .l-home-company-deco01 {
        position: absolute;
        top: 30px;
        left: 55px;
        width: 105px;
        transform: scale(-1, 1);
    }
}


/* ----------------------------------------------------------------------
	 l-home-contact-center
---------------------------------------------------------------------- */

.l-home-contact-center {
    position: relative;
    padding: 0 0 120px;
}

.l-home-contact-center-mainimg { margin-left: 50px; }

.l-home-contact-center-mainimg img {
    width: 100%;
    border-radius: 1000px 0 0 1000px;
}

.l-home-contact-center-ttl { margin-top: -2.6em; }

.l-home-contact-center-ttl__en {
    font-size: 3.6rem;
    margin: -0.8em 0 0.4em;
}

.l-home-contact-center-lead {
    text-align: center;
    line-height: 1.8;
    margin: 0 0 4em;
}

.l-home-contact-center-inner {
    position: relative;
    margin: 0 auto;
    max-width: 1100px;
}

@media screen and (max-width: 990px) {
    .l-home-contact-center-mainimg { margin-left: 30px; }
    
    .l-home-contact-center .l-home-page-ttl { margin-top: -1.4em; }

    .l-home-contact-center-ttl__en {
        font-size: 3rem;
        margin: -0.8em 0 0.2em;
    }

    .l-home-contact-center-lead {
        text-align: left;
        line-height: 1.8;
        margin: 0;
    }
    
    .l-home-contact-center-inner { margin: 0 30px; }
}


.l-home-contact-center-list {
    margin: 0 0 65px;
    align-items: flex-start;
}

.l-home-contact-center-list li:nth-child(2) { margin-top: 40px; }
.l-home-contact-center-list li:nth-child(3) { margin-top: 80px; }


@media screen and (max-width: 990px) {
    .l-home-contact-center-list { margin: 0 0 35px; }
    
    .l-home-contact-center-list li:nth-child(2) { margin-top: 0; }
    .l-home-contact-center-list li:nth-child(3) { margin-top: 0; }
    
    .l-home-contact-center-list li { margin: 0 0 30px; }
}


.l-home-contact-center-nav { position: relative; }

.l-home-contact-center-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 40px;
}

.l-home-contact-center-nav ul li { width: 530px; }

.l-home-contact-center-nav ul li a {
    position: relative;
    color: var(--color-text);
    text-decoration: none;
    padding: 16px 30px 16px 0;
    border-bottom: 1px solid var(--color-border);
    display: block;
}

.l-home-contact-center-nav ul li a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url("../img/icon_a_arrow.svg") center center no-repeat;
    background-size: 14px;
    width: 14px;
    height: 14px;
    display: block;
}

@media screen and (max-width: 990px) {
    .l-home-contact-center-nav { position: relative; }

    .l-home-contact-center-nav ul {
        display: flex;
        flex-wrap: wrap;
        gap: 0 40px;
    }

    .l-home-contact-center-nav ul li { width: 100%; }

    .l-home-contact-center-nav ul li a {
        position: relative;
        color: var(--color-text);
        text-decoration: none;
        border-bottom: 1px solid var(--color-border);
        display: block;
    }

    .l-home-contact-center-nav ul li a::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        background: url("../img/icon_a_arrow.svg") center center no-repeat;
        background-size: 14px;
        width: 14px;
        height: 14px;
        display: block;
    }
}


.l-home-contact-center-nav-deco p {
    position: absolute;
    z-index: -1;
}

.l-home-contact-center-nav-deco01 {
    top: -180px;
    left: 100px;
}

.l-home-contact-center-nav-deco02 {
    top: 60px;
    right: 120px;
    transform: rotate(180deg)
}

@media screen and (max-width: 990px) {
    .l-home-contact-center-nav-deco01 {
        top: 20px;
        left: 100px;
    }
    
     .l-home-contact-center-nav-deco01 img { width: 70px; }

    .l-home-contact-center-nav-deco02 {
        top: inherit;
        right: 25px;
        bottom: 40px;
    }
    
     .l-home-contact-center-nav-deco02 img { width: 120px; }
}


.l-home-contact-center-ph {
    position: absolute;
    top: -44px;
    right: -20px;
    z-index: 1;
}

@media screen and (max-width: 990px) {
    .l-home-contact-center-ph {
        position: relative;
        top: 0;
        right: 0;
        z-index: -1;
        text-align: right;
        padding: 54px 45px 24px 0;
        margin: 0 auto;
        width: 315px;
    }
    
    .l-home-contact-center-ph img { width: 120px; }
}

.l-home-contact-center-deco p { position: absolute; }

.l-home-contact-center-deco01 {
    top: -55px;
    left: 30px;
}

.l-home-contact-center-deco02 {
    top: 120px;
    right: -40px;
}

@media screen and (max-width: 990px) {
    .l-home-contact-center-deco { display: none; }
}