@charset "utf-8";
/*メインビジュアル*/
.mv{
    position: relative;
    overflow-x:clip;
}
.top-slick{
    transition: none !important;
}
.top-slick .slick-track,
.top-slick .slick-slide {
  transition: transform 0.6s ease, opacity 0.6s ease !important; /* all は使わない */
}
.top-slick .slick-dots{
    right: 1em;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    width: var(--margin);
}
.top-slick.slick-dotted.slick-slider{
    margin-bottom: 0;
}
.top-slick .slick-dots li{
    width: var(--margin);
    height: var(--margin);
}
.top-slick .slick-dots li button:before{
    width: var(--margin);
    height: var(--margin);
    border-radius: 1em;
    border:solid 2px var(--base-color);
    content:"";
    opacity: 1;
}
.top-slick .slick-dots li.slick-active button:before{
    background: var(--base-color);
    opacity: 1;
}
.top-slick .slick-list{
    overflow: unset;
}
.top-slick li{
    position: relative;
}
.top-slick .txt-box-inner{
    position: relative;
    opacity: 0;
    transition: opacity var(--key-time) ease 1.5s;
}
.top-slick .active .txt-box-inner{
    opacity: 1;
}
.top-slick .txt {
    white-space: nowrap;
    font-size: 28px;
    z-index: 4;
}
.top-slick .txt .char {
    opacity: 0;
    transition: opacity 0.05s ease;
    display: inline-block;
    text-shadow: 0px 0px 15px rgba(0, 53, 124, 0.6);
}
.top-slick .bg {
    opacity: 0;
    transition: opacity 1.2s;
    position: relative;
    z-index: 1;
}
.top-slick .active .bg {
    opacity: 1;
}
.top-slick .keyvisual {
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: rotate(-180deg) ;
  transition: transform var(--key-time), opacity .3s;
}
.top-slick .active:not(.slide05) .keyvisual {
  opacity: 1;
  transform: rotate(0deg) ;
}
.top-slick .bnr {
    opacity: 0;
    transition: opacity var(--key-time) ease 1.5s;
}
.top-slick .active .bnr {
    opacity: 1;
}
.top-slick .kv01{
    width: 40cqw;

    top: -26.87cqw;
    left: -17.08cqw;
}
.top-slick .kv02{
    width: 39.375cqw;
    top: 14.51cqw;
    left: 75.27cqw;
}
.slide01 .bnr{
    position: absolute;
    top: 4.72cqw;
    left: 11.38cqw;
    z-index: 3;
    width: 22.77cqw;
}
.slide01 .txt-box{
    position: absolute;
    top: 11.11cqw;
    left: 11.38cqw;
    z-index: 3;
    color: var(--base-color);
    font-weight: 700;
    letter-spacing: 0.3em;
}
.slide01 .txt{
    font-size: 2.91cqw;
    letter-spacing: 0.3em;
}
.slide01 .lead{
    font-size: 1.38cqw;
}
.slide02 .txt-box{
    position: absolute;
    top: 3.12cqw;
    right: 15.97cqw;
    z-index: 3;
    writing-mode: vertical-rl;
    letter-spacing: 0.6em;
    font-weight: 700;
}
.slide02 .txt-box-inner{
    display: flex;
    flex-direction: column;
    gap: 5.55cqw;
}
.slide02 .txt{
    letter-spacing: 0.55em;
    line-height: 1.6;
    font-size: 2.5cqw;
}
.slide02 .mini{
    letter-spacing: 0.1em;
}
.slide02 .lead{
    margin-top: 10.76cqw;
    white-space: nowrap;
    font-size: 1.11cqw;
}
.slide03 .bnr{
    position: absolute;
    top: 4.72cqw;
    left: 54.3cqw;
    z-index: 3;
    width: 22.56cqw;
}
.slide03 .txt-box{
    position: absolute;
    top: 11.45cqw;
    left: 55.76cqw;
    z-index: 3;
    font-weight: 700;
    letter-spacing: 0.3em;
}
.slide03 .txt{
    line-height: 1.4;
    font-size: 2.5cqw;
}
.slide03 .lead{
    margin-top: 3.68cqw;
    white-space: nowrap;
    line-height: 1.8;
    font-size: 1.11cqw;
}
.slide04 .txt-box{
    position: absolute;
    top: 5.69cqw;
    left: 55.76cqw;
    z-index: 3;
    font-weight: 700;
    letter-spacing: 0.3em;
}
.slide04 .txt{
    line-height: 1.4;
    font-size: 2.5cqw;
}
.slide04 .lead{
    margin-top: 3.68cqw;
    white-space: nowrap;
    line-height: 1.8;
    font-size: 1.11cqw;
}
.slide05 .txt-box{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.slide05 .bg,
.top-slick .slide05.active .bg {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
  height: 100%;
}
.top-slick .slide05.active .bg.active {
  opacity: 1;
}
.slide05 .bg.base,
.top-slick .slide05.active .bg.base{
    position: relative;
}
.top-slick .active .keyvisual.active {
  opacity: 1;
  transform: rotate(0deg) ;
}
.slide06 .txt-box{
    position: absolute;
    top: 6.31cqw;
    left: 18.88cqw;
    z-index: 3;
   writing-mode: vertical-rl;
    font-weight: 700;
}
.slide06 .txt{
    letter-spacing: 0.55em;
    line-height: 1.6;
    font-size: 2.5cqw;
}
.slide06 .txt .mini{
    letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    .top-slick .kv01{
        width: 61.53cqw;
        top: -31.79cqw;
        left: -25.58cqw;
    }
    .top-slick .kv02{
        width: 61.53cqw;
        top:unset;
        bottom: 0;
        left: 56.66cqw;
    }
    .slide01 .bnr{
        top: 10.51cqw;
        left: 6.41cqw;
        width: 58.46cqw;
    }
    .slide01 .txt-box{
        top: 31.53cqw;
        left: 6.41cqw;
    }
    .slide01 .txt{
        margin-bottom: 1em;
        line-height: 1.6;
        font-size: 6.15cqw;
    }
    .slide01 .lead{
        line-height: 1.7;
        font-size: 3.58cqw;
    }
    .slide02 .txt-box-inner{
        gap:17cqw;
    }
    .slide02 .txt-box{
        top: 3.84cqw;
        right: 23.58cqw;
    }
    .slide02 .txt{
        font-size: 6.15cqw;
    }
    .slide02 .lead{
        margin-top: 12.56cqw;
        font-size: 3.58cqw;
    }
    .slide03 .bnr{
        top: 2.82cqw;
        left: 3.58cqw;
        width: 68.46cqw;
    }
    .slide03 .txt-box{
        top: 23cqw;
        left: 5.12cqw;
    }
    .slide03 .txt{
        line-height: 1.45;
        font-size: 6.15cqw;
    }
    .slide03 .lead{
        margin-top: 2cqw;
        font-size: 3.58cqw;
        line-height: 2;
    }
    .slide04 .txt-box{
        top: 4.61cqw;
        left: 5.12cqw;
    }
    .slide04 .txt{
        line-height: 1.45;
        font-size: 6.15cqw;
    }
    .slide04 .lead{
        margin-top: 2cqw;
        font-size: 3.58cqw;
        line-height: 2.1;
    }
    .slide06 .txt-box{
        width: fit-content;
        top: 10.51cqw;
        left: 50%;
        transform: translateX(-50%);
    }
    .slide06 .txt{
        font-size: 6.15cqw;
    }
}
/*ボタン*/
.mv-content{
    max-width: var(--contentmxwidth);
    width: var(--content-w);
    margin: 0 auto;
    align-items: flex-end;
    transform: translateY(-30%);
    position: relative;
    z-index: 999;
    gap:calc(var(--margin) * 2);
}
.mv-btn-li {
    gap:calc(var(--margin) * 1.5);
}
.mv-btn-li li{
    max-width: 165px;
    width: 13.75cqw;
    max-height: 167px;
    height: 13.9166cqw;
}
.mv-btn-li a{
    width: 100%;
    height: 100%;
    background: var(--base-color);
    font-weight: 700;
    color: var(--main-color);
}
.mv-btn-li a .img{
    max-width: 70px;
    width: 5.8333cqw;
    margin-bottom: var(--margin);
}
@media (hover: hover) {
    .mv-btn-li a:hover{
        opacity: 1;
    }
}
.mv-btn-li a .txt{
    margin-bottom: var(--margin);
}
/*news*/
.mv-news-block{
    max-width: 520px;
    width: 50%;
    padding: calc(var(--margin) * 2) calc(var(--margin) * 3);
    border-radius: var(--margin);
    background: var(--base-color);
}
.mv-news-block .detail{
    gap:3em;
    font-weight: 500;
}
.mv-news-block .date{
    font-size: var(--fs-xxxs);
}
.mv-news-block .cate{
    min-width: 6em;
    padding: 0.2em 1em;
    margin: 0.5em;
    text-align: center;
    background: var(--sub-color);
    border-radius: 100vmax;
    color: var(--main-color);
    font-size: var(--fs-xxs);
}
.mv-news-block .txt{
    font-weight: 500;
    font-size: var(--fs-s);
}
@media screen and (max-width: 1200px) {
    
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    .mv-content{
        flex-wrap: wrap;
        transform: translateY(-53%);
    }
    .mv-btn-li{
        width: 100%;
        justify-content: space-between;
    }
    .mv-news-block{
        max-width: 100;
        width: 100%;
    }
    .mv-btn-li li{
        max-width: 100%;
        width: 33%;
        max-height: 100%;
        height: 31.0256cqw;
    }
    .mv-btn-li a .img{
        max-width: 100%;
        width: 42.6%;
    }
    .mv-btn-li a .txt{
        font-size: var(--fs-s);
    }
}
/*END　メインビジュアル*/

/*共通*/
.section--top-title{
    margin-bottom: calc(var(--margin) * 9);
    color: var(--main-color);
    position: relative;
    text-align: center;
    line-height: 1;
}
.section--top-title::after{
    content: "";
    position: absolute;
    bottom: calc(var(--margin) * -2);
    right: 0;
    left: 0;
    display: block;
    margin: auto;
    width: 0;
    height: 1px;
    background: var(--main-color);
    opacity: 0;
}
.section--top-title.is-show::after{
    animation: section-title-line 0.6s ease forwards;
    animation-delay: .5s;
}
.section--top-title .lead{
    margin-bottom: var(--margin);
    font-weight: bold;
    font-size: var(--fs-l);
}
.section--top-title .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(100px);
}
.section--top-title.is-show .char {
    animation: rise 0.6s ease forwards;
}
.section--top-title .en{
    font-weight: 500;
    font-size: 34px;
}
.section--top-title .en .char {
    animation-delay: calc(var(--i) * 0.05s + 0.5s);
}
@keyframes rise {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes section-title-line {
  0% {
    opacity: 0;
    width: 0;;
  }
  100% {
    opacity: 1;
    width: 86px;
  }
}

@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    .section--top-title{
        margin-bottom: calc(var(--margin) * 5);
    }
    .section--top-title::after{
        bottom: calc(var(--margin) * -1);
    }
}
/*END　共通*/

/*PICK UP*/
#pickup{
    padding-bottom: calc(var(--margin) * 10);
}
#pickup .pickup-li{
    gap:calc(var(--margin) * 2);
}
#pickup .pickup-li a{
    display: block;
    position: relative;
}
#pickup .pickup-li a .txt-box{
    position: absolute;
    left:0;
    bottom: 0;
    width: 50%;
    padding: calc(var(--margin) * 2 ) var(--margin);
    border-radius: 0 calc(var(--margin) * 3) 0 0;
    background: var(--base-color);
}
#pickup .pickup-li-title {
    margin-bottom: var(--margin);
    line-height: 1;
    color: var(--main-color);
}
#pickup .pickup-li-lead{
    line-height: 2;
    font-size: var(--fs-m);
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    #pickup{
        padding: 0 0 15.3846cqw;
    }
    #pickup .pickup-li{
        flex-wrap: wrap;
    }
    #pickup .pickup-li > li{
        width: 100%;
    }
    #pickup .pickup-li a .txt-box{
        width: 88.88%;
    }
    #pickup .pickup-li-title{
        margin-bottom: 0;
    }
}
/*END PICK UP*/

/*MEDICAL*/
#medical{
    padding: calc(var(--margin) * 10) 0;
    background: var(--sub-color);
    position: relative;
    overflow: hidden;
}
#medical .keyvisual-01{
    top: -18.75cqw;
    left: -23.61cqw;
    width: 53.47cqw;
}
#medical .medical-li-img,
#medical .medical-li-icon{
    gap:calc(var(--margin) * 2 ) ;
    margin-bottom: calc(var(--margin) * 2 );
}
#medical .medical-li-icon > li{
    width: calc(25% - var(--margin));
}
#medical .medical-li-img > li > a,
#medical .medical-li-icon > li > a{
    display: block;
    background: var(--base-color);
}
#medical .medical-li-img .txt-box{
    padding: calc(var(--margin) * 2) var(--margin) calc(var(--margin) * 2) calc(var(--margin) * 3);
}
#medical .medical-li-img .txt-box .medical-li-txt{
    gap:calc(var(--margin) * 2);
}
#medical .medical-li-img .txt-box .medical-li-title{
    font-weight: 500;
}
#medical .medical-li-img .txt-box .medical-li-cat,
#medical .medical-li-icon .txt-box .medical-li-cat{
    gap:var(--margin);
}
#medical .medical-li-img .txt-box .medical-li-cat .cate,
#medical .medical-li-icon .txt-box .medical-li-cat .cate{
    display: inline-block;
    padding: 0 0.5em;
    background: var(--sub-color);
    border-radius: 100vmax;
    color: var(--main-color);
}
#medical .medical-li-icon > li > a{
    padding: calc(var(--margin) * 3) 0 0;
}
#medical .medical-li-icon .txt-box{
    padding: calc(var(--margin) * 2) var(--margin);
}
#medical .medical-li-icon .txt-box .medical-li-title{
    font-weight: 500;
}
#medical .medical-li-icon .img{
    width: 31.57%;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    #medical{
        padding: 15.3846cqw 0;
    }
    #medical .keyvisual-01{
        top: -45cqw;
        left: -45cqw;
        width: 79.2307cqw;
    }
    #medical .medical-li-img, #medical .medical-li-icon{
        flex-wrap: wrap;
    }
    #medical .medical-li-img > li{
        width: 100%;
    }
    #medical .medical-li-icon > li{
        width: calc((100% - var(--margin) * 2 ) / 2);
    }
}
/*END MEDICAL*/

/*CLINIC*/
#clinic{
    padding: calc(var(--margin) * 10) 0;
    position: relative;
    overflow-x:clip;
}
#clinic .clinic-li{
    align-items: flex-start;
    align-items: stretch;
    gap:calc(var(--margin) * 2);
    margin-bottom: calc(var(--margin) * 6);
}
#clinic .clinic-li > li{
    width: 33%;
}
#clinic .clinic-li .clinic-li-inner{
    padding:calc(var(--margin) * 2) calc(var(--margin) * 3) calc(var(--margin) * 4);
    font-weight: 500;
}
#clinic .clinic-li .clinic-li-title {
    margin-bottom: calc(var(--margin) * 2);
}
#clinic .clinic-li .clinic-li-title a{
    line-height: 1;
    color: var(--main-color);
}
#clinic .clinic-li .address{
    margin-bottom: calc(var(--margin) * 2);
    line-height: 1.6;
    font-size: var(--fs-xs);
}
#clinic .clinic-li .tell{
    margin-bottom: calc(var(--margin) * 2);
}
#clinic .clinic-li .tell::before{
    width: calc(15px + 10px);
    height: 19px;
    background-size: 15px 100%;
}
#clinic .clinic-li .tell a{
    border-bottom: solid 1px var(--txt-color);
    color: var(--txt-color);
    font-size: var(--fs-ll);
}
#clinic .clinic-li .depts{
    display: block;
    padding: var(--margin) 0;
    margin-bottom: calc(var(--margin) * 2);
    border-top: solid 1px var(--line-color);
    border-bottom: solid 1px var(--line-color);
}
#clinic .clinic-li .depts > li {
    display: inline-block;
    padding-right: 0.5em;
    position: relative;
    font-size: var(--fs-xs);
}
#clinic .clinic-li .depts > li::after {
    content: "/";
    position: absolute;
    right: -0.1em;
    top: 0;
}
#clinic .clinic-li .depts > li:last-child::after {
    display: none;
}
#clinic .clinic-li .depts > li > a{
    text-decoration: underline;
}
#clinic .clinic-li .reception-box .time{
    margin-bottom: var(--margin) ;
    gap:var(--margin);
    line-height: 1;
    font-size: var(--fs-4l);
    color: var(--main-color);
}
#clinic .clinic-li .reception-box .time .ampm{
    padding: 0.2em 0.5em;
    background: var(--main-color);
    border-radius: 5px;
    color: var(--base-color);
    font-size: var(--fs-xs);
}
#clinic .clinic-li .reception-box .note > li {
    padding-left: 1.1em;
    position: relative;
    font-size: var(--fs-s);
    color: var(--main-color);
}
#clinic .clinic-li .reception-box .note > li::before {
    content: "※";
}
#clinic .silverhills-li{
    gap:calc(var(--margin) * 3);
    align-items: stretch;
}
#clinic .silverhills-li li{
    width: 50%;
}
#clinic .silverhills-li li:first-child img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#clinic .silverhills-li li:nth-child(2){
    padding: calc(var(--margin) * 5);
    background: var(--base-color);
}
#clinic .silverhills-li .silverhills-li-title{
    padding-bottom: 1em;
    margin-bottom: 1em;
    line-height: 1;
    color: var(--main-color);
    font-size: var(--fs-6l);
    position: relative;
}
#clinic .silverhills-li .silverhills-li-title .lead{
    margin-bottom: 1em;
    color: var(--txt-color);
    font-size: var(--fs-m);
    font-weight: 500;
}
#clinic .silverhills-li .silverhills-li-title::after{
    content: "";
    position: absolute;
    bottom: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 3em;
    height: 1px;
    background: var(--main-color);
}
#clinic .silverhills-li .silverhills-li-txt{
    margin-bottom: calc(var(--margin) * 4);
    font-size: var(--fs-m);
    font-weight: 500;
}
#clinic .silverhills-li .address{
    margin-bottom: var(--margin);
    line-height: 1;
    font-size: var(--fs-m);
    font-weight: 500;
}
#clinic .silverhills-li .tell{
    margin-bottom: calc(var(--margin) * 2);
}
#clinic .silverhills-li .tell::before{
    width: calc(15px + 10px);
    height: 19px;
    background-size: 15px 100%;
}
#clinic .silverhills-li .tell a{
    border-bottom: solid 1px var(--txt-color);
    color: var(--txt-color);
    font-size: var(--fs-ll);
}
#clinic .silverhills-li .link{
    
}
#clinic .silverhills-li .link a{
    gap:calc(var(--margin) * 2);
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    #clinic{
        padding: 15.3846cqw 0;
    }
    #clinic .clinic-li{
        flex-wrap:wrap;
        margin-bottom: calc(var(--margin) * 3);
    }
    #clinic .clinic-li > li{
        width: 100%;
    }
    #clinic .clinic-li .clinic-li-inner{
        padding: calc(var(--margin) * 2);
    }
    #clinic .clinic-li .clinic-li-title,
    #clinic .clinic-li .address,
    #clinic .clinic-li .tell{
        margin-bottom: 1em;
    }
    #clinic .clinic-li .depts{
        padding:0.3em 0 0.5em;
        margin-bottom: 1em;
    }
    #clinic .silverhills-li{
        flex-wrap:wrap;
    }
    #clinic .silverhills-li > li{
        width: 100%;
    }
    #clinic .silverhills-li li:nth-child(2){
        padding: calc(var(--margin) * 3);
    }
    #clinic .silverhills-li .silverhills-li-title::after{
        width: 7em;
    }
}
/*END CLINIC*/

/*NEWS*/
#news{
    padding: calc(var(--margin) * 10) 0;
    background: var(--sub-color);
    position: relative;
    overflow: hidden;
}
#news .keyvisual-01{
    bottom: -6.25cqw;
    right: -6.25cqw;
    width: 49.5138cqw;
}
#news .category-panel {
    display: none;
}
#news .category-panel.active {
    display: block;
}

@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    #news{
        padding: 15.3846cqw 0;
    }
    #news .keyvisual-01{
        width: 79.2307cqw;
        right: -15cqw;
    }
}
/*END NEWS*/

/*about*/
#about{
    padding: calc(var(--margin) * 10) 0;
    position: relative;
    overflow-x:clip;
}
#about .keyvisual-01{
    bottom: -1.0416cqw;
    left: 2.0833cqw;
    width: 42.7777cqw;
}
#about .about-li{
    gap:calc(var(--margin) * 3);
    align-items: stretch;
}
#about .about-li > li{
    width: 50%;
}
#about .about-li > li:first-child{
    border: none;
}
#about .about-li > li:first-child img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#about .about-li > li:nth-child(2){
    padding: calc(var(--margin) * 5);
    background: var(--base-color);
}
#about .about-li .about-li-title{
    margin-bottom: 1em;
    line-height: 1;
    color: var(--main-color);
    position: relative;
}
#about .about-li .about-li-txt{
    margin-bottom: calc(var(--margin) * 4);
    font-size: var(--fs-m);
    font-weight: 500;
}
#about .about-li .link{
    
}
#about .about-li .link a{
    gap:calc(var(--margin) * 2);
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    #about{
        padding: 15.3846cqw 0;
    }
    #about .keyvisual-01{
        width: 79.4871cqw;
        bottom: 3cqw;
        left: -5cqw;
    }
    #about .about-li{
        flex-wrap: wrap;
    }
    #about .about-li > li{
        width: 100%;
    }
    #about .about-li > li:nth-child(2){
        padding: calc(var(--margin) * 2);
    }
    #about .about-li .about-li-title{
        font-size: var(--fs-6l);
    }
}
/*END about*/

/*greeting*/
#greeting{
    padding: 0 0 calc(var(--margin) * 10);
    position: relative;
    overflow-x:clip;
}
#greeting .keyvisual-01{
    bottom: -1.0416cqw;
    right: 2.0833cqw;
    width: 42.7777cqw;
}
#greeting .greeting-li{
    gap:calc(var(--margin) * 3);
    align-items: stretch;
}
#greeting .greeting-li > li{
    width: 50%;
}
#greeting .greeting-li > li:nth-child(2){
    border: none;
}
#greeting .greeting-li > li:nth-child(2) img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#greeting .greeting-li > li:first-child{
    padding: calc(var(--margin) * 5);
    background: var(--base-color);
}
#greeting .greeting-li .greeting-li-title{
    padding-bottom: 1em;
    margin-bottom: 1em;
    line-height: 1;
    color: var(--main-color);
    position: relative;
}
#greeting .greeting-li .greeting-li-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 3em;
    height: 1px;
    background: var(--main-color);
}
#greeting .greeting-li .greeting-li-title .lead{
    padding-bottom: 1em;
    font-size: var(--fs-l);
    font-weight: 500;
}
#greeting .greeting-li .greeting-li-title .en{
    margin-left: calc(var(--margin) * 4);
    font-size: var(--fs-l);
    font-weight: 500;
}
#greeting .greeting-li .greeting-li-txt{
    margin-bottom: calc(var(--margin) * 4);
    font-size: var(--fs-m);
    font-weight: 500;
}
#greeting .greeting-li .link{
    
}
#greeting .greeting-li .link a{
    gap:calc(var(--margin) * 2);
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    #greeting{
        padding: 15.3846cqw 0;
        overflow: hidden;
    }
    #greeting .keyvisual-01{
        width: 79.4871cqw;
        bottom: 3cqw;
        right: -5cqw;
    }
    #greeting .greeting-li{
        flex-wrap: wrap;
    }
    #greeting .greeting-li > li{
        width: 100%;
    }
    #greeting .greeting-li > li:nth-child(2){
        order: 1;
    }
    #greeting .greeting-li > li:first-child{
        padding: calc(var(--margin) * 2);
        order: 2;
    }
    #greeting .greeting-li .about-li-title{
        font-size: var(--fs-6l);
    }
}
/*END greeting*/

/*column*/
#column{
    padding: calc(var(--margin) * 10) 0;
    position: relative;
    overflow-x:clip;
}
#column .keyvisual-01{
    bottom: -1.0416cqw;
    left: 2.0833cqw;
    width: 42.7777cqw;
}

@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    #column{
        padding: 15.3846cqw 0;
    }
    #column .keyvisual-01{
        width: 79.4871cqw;
        bottom: 35cqw;
        left: -15cqw;
    }
    #column .content-w-inner{
        max-width: 100% !important;
        width: 100% !important;
        padding: 0;
        box-sizing: border-box;
    }

}
/*END column*/