@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");


body {
    padding-top: 222px;
}
@media screen and (max-width: 0) {
    body {
        padding-top: 117px;
    }
}



:root {
  --vw: calc(1px);
}
@media screen and (max-width: 0) {
  :root {
    --vw: calc(100vw / 750);
  }
}

/* pc/sp display */
#longevity .sp {
  display: none;
}
@media screen and (max-width: 0) {
  #longevity .pc {
    display: none;
  }
  #longevity .sp {
    display: block;
  }
}


#longevity sup {
  font-size: 50%;
  vertical-align: super;
}





#longevity {
    margin-bottom: -120px;
  color: #fff;
  background-color: #000;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-size: 18px;
}
#longevity h1,
#longevity h2,
#longevity h3,
#longevity h4,
#longevity h5,
#longevity h6,
#longevity p,
#longevity div,
#longevity li,
#longevity span {
    letter-spacing: 0;
}
@media screen and (max-width: 0) {
    #longevity {
        margin-bottom: -40px;
        font-size: calc(28*var(--vw));
    }
}





.longevityFloowBG {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/longevity/assets/images/bg_mv.png) center center / cover no-repeat;
}
.longevityMv {
    margin: 0 auto;
    padding: 135px 0 150px;
    position: relative;
    width: 1200px;
}
.longevityMvTitle {
    line-height: 1.5;
    font-size: 40px;
    font-weight: 500;
}
.longevityMvText {
    margin-top: 30px;
}
.longevityMvText p {
    margin-top: 30px;
    line-height: 2;
    font-size: 20px;
}
@media screen and (max-width: 0) {
    .longevityFloowBG {
        background: url(/img/longevity/assets/images/bg_mv_sp.png) top left / 100% auto no-repeat;
    }
    .longevityMv {
        padding: 85px calc(50*var(--vw)) 120px;
        width: 100%;
    }
    .longevityMvTitle {
        line-height: 1.8;
        font-size: calc(56*var(--vw));
    }
    .longevityMvText {
        margin-top: 4px;
    }
    .longevityMvText p {
        margin-top: 25px;
        font-size: calc(28*var(--vw));
    }
}










.longevityLead {
    padding-bottom: 240px;
    position: relative;
    background: url(/img/longevity/assets/images/bg_lead.png) bottom center / 100% auto no-repeat;
}
.longevityLeadTtl {
    margin-bottom: 40px;
    padding: 9px 0 13px;
    line-height: 1.4375;
    background: linear-gradient(to right,rgba(131, 119, 94, 0) 0%, #83775e 16.52%, #83775e 83.71%, rgba(131, 119, 94, 0) 100%);
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.longevityLeadText {
    margin-bottom: 60px;
    line-height: 2.0555555555555554;
    text-align: center;
}
.longevityLeadExosome {
    margin: 0 auto 110px;
    border: 1px solid #DBD5B5;
    border-top: none;
    width: 1100px;
}
.longevityLeadExosomeLabel {
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    transform: translateY(-50%);
}
.longevityLeadExosomeLabel span {
    padding: 0 1em;
    display: block;
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.4583333333333333;
    color: #DBD5B5;
    font-size: 24px;
    font-weight: 500;
}
.longevityLeadExosomeLabel::before,
.longevityLeadExosomeLabel::after {
    content: '';
    border-bottom: 1px solid #DBD5B5;
    display: block;
    flex-shrink: 1;
    width: 50%;
    height: 0;
}
.longevityLeadExosomeBody {
    padding: 0 80px 40px;
    display: flex;
    justify-content: space-between;
}
.longevityLeadExosomeImg {
    width: 430px;
}
.longevityLeadExosomeText {
    width: 460px;
}
.longevityLeadExosomeText h3 {
    margin-bottom: 40px;
    line-height: 1.5;
    font-size: 22px;
    font-weight: 500;
}
.longevityLeadExosomeText p {
    margin-top: 16px;
    line-height: 2;
    font-size: 16px;
}
.longevityLeadCompare {
    margin: 0 auto;
    width: 1076px;
}
.longevityLeadCompareTtl {
    line-height: 1.8;
    font-size: 16px;
    letter-spacing: 0.05em !important;
    text-align: center;
}
.longevityLeadCompareTtl span {
    letter-spacing: 0.05em !important;
}
.longevityLeadCompareBody {
    padding-left: 38px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.longevityLeadCompareImg {
    width: 500px;
}
.longevityLeadCompareText {
    position: relative;
    width: 418px;
}
.longevityLeadCompareText::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 72px);
    left: -95px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 72px solid transparent;
  border-bottom: 72px solid transparent;
  border-left: 44px solid #83775E;
  border-right: 0;
}
@media screen and (max-width: 0) {
    .longevityLead {
        padding-bottom: 164px;
        background: url(/img/longevity/assets/images/bg_lead_sp.png) bottom -120px center / 100% auto no-repeat;
    }
    .longevityLeadTtl {
        margin-bottom: 20px;
        padding: 6px 0 10px;
        line-height: 1.8;
        font-size: calc(48*var(--vw));
    }
    .longevityLeadText {
        margin: 0 auto 40px;
        width: calc(650*var(--vw));
        line-height: 1.7999999999999998;
        font-size: calc(26*var(--vw));
        text-align: left;
    }
    .longevityLeadExosome {
        margin-bottom: 60px;
        width: calc(690*var(--vw));
    }
    .longevityLeadExosomeLabel {
        margin-bottom: 0;
    }
    .longevityLeadExosomeLabel span {
        font-size: calc(30*var(--vw));
    }
    .longevityLeadExosomeBody {
        padding: 0 calc(50*var(--vw)) 30px;
        flex-direction: column;
    }
    .longevityLeadExosomeImg {
        margin-bottom: 10px;
        width: 100%;
        order: 2;
    }
    .longevityLeadExosomeText {
        display: contents;
        width: 100%;
    }
    .longevityLeadExosomeText h3 {
        margin-bottom: 15px;
        order: 1;
        font-size: calc(30*var(--vw));
        text-align: center;
    }
    .longevityLeadExosomeText p {
        order: 3;
        margin-top: 15px;
        font-size: calc(26*var(--vw));
    }
    .longevityLeadCompare {
        width: calc(690*var(--vw));
    }
    .longevityLeadCompareTtl {
        margin-bottom: 15px;
        line-height: 1.5;
        font-size: calc(24*var(--vw));
    }


    .longevityLeadCompareBody {
        padding-left: 0;
        flex-direction: column;
    }
    .longevityLeadCompareImg {
        width: calc(540*var(--vw));
    }
    .longevityLeadCompareText {
        margin-top: 20px;
        padding-top: calc(30px + 60*var(--vw));
        position: relative;
        width: 100%;
    }
    .longevityLeadCompareText::before {
        top: 0;
        left: calc(50% - 50*var(--vw));
        border-right: calc(50*var(--vw)) solid transparent;
        border-left: calc(50*var(--vw)) solid transparent;
        border-top: calc(60*var(--vw)) solid #83775E;
        border-bottom: 0;
    }
    .longevityLeadCompareText p {
        line-height: 1.8;
        font-size: calc(30*var(--vw));
        text-align: center;
    }
}





.longevityTabContents {
    padding-bottom: 170px;
    position: relative;
    background-color: #000;
}
@media screen and (max-width: 0) {
    .longevityTabContents {
        padding-bottom: 200px;
    }
}






.longevityTabs {
    transform: translateY(-66px);
    display: flex;
    overflow: hidden;
}
.longevityTab {
    border: 1px solid transparent;
    position: relative;
    border-bottom: none;
    display: flex;
    width: 50%;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.05em !important;
    text-align: center;
    cursor: pointer;
    outline: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.longevityTab::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 125%;
    height: 1px;
    background: linear-gradient(to left,rgba(255, 255, 255, 0) 0%, #fff 12.81%, #fff 87.68%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.6;
    pointer-events: none;
}
.longevityTab span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 680px;
    height: 66px;
}
.longevityTab:nth-child(1) {
    border-radius: 0 12px 0 0;
    border-left: none;
    justify-content: flex-end;
}
.longevityTab:nth-child(1)::before {
    right: 0;
}
.longevityTab:nth-child(2) {
    border-radius: 12px 0 0 0;
    border-right: none;
    justify-content: flex-start;
}
.longevityTab:nth-child(2)::before {
    left: 0;
}
.longevityTab.current {
    border-color: #707070;
    background-color: #000;
}
@media screen and (max-width: 0) {
    .longevityTabs {
        transform: translateY(-100%);
    }
    .longevityTab {
        line-height: 1.5;
        font-size: calc(24*var(--vw));
    }
    .longevityTab::before {
        width: 100%;
    }
    .longevityTab span {
        padding: calc(12*var(--vw)) 0;
        width: 100%;
        height: auto;
    }
    .longevityTab:nth-child(1) {
        border-radius: 0 calc(12*var(--vw))  0 0;
    }
    .longevityTab:nth-child(2) {
        border-radius: calc(12*var(--vw))  0 0 0;
    }
}










.longevityTabContent {
    padding-top: 30px;
    display: none;
}





.longevityResearchAnchor {
    margin: 0 auto 100px;
    width: 700px;
}
.longevityResearchAnchor {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.longevityResearchAnchor li {
}
.longevityResearchAnchor li a {
    padding: 12px 0;
    display: flex;
    align-items: center;
    height: 64px;
    color: #fff;
    background: linear-gradient(to left,#83775e 0%, #423c2f 100%);
    text-decoration: none;
    text-align: center;
}
.longevityResearchAnchorNum {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 4px;
    width: 140px;
    font-size: 14px;
    letter-spacing: 0.05em !important;
}
.longevityResearchAnchorNum span {
  font-family: 'Times New Roman', serif;
  font-size: 24px;
}
.longevityResearchAnchorName {
    border-left: 1px solid #DBD5B5;
    flex-grow: 1;
    height: 38px;
    font-size: 22px;
    font-weight: 500;
}
@media screen and (max-width: 0) {
    .longevityResearchAnchor {
        margin-bottom: 65px;
        width: calc(690*var(--vw));
    }
    .longevityResearchAnchor li a {
        padding: calc(15*var(--vw)) 0;
        height: calc(100*var(--vw));
    }
    .longevityResearchAnchorNum {
        gap: 3px;
        width: calc(130*var(--vw));
        font-size: calc(16*var(--vw));
    }
    .longevityResearchAnchorNum span {
        font-size: calc(32*var(--vw));
    }
    .longevityResearchAnchorName {
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(70*var(--vw));
        font-size: calc(28*var(--vw));
    }
}








.longevityResearch {
  padding-top: 60px;
  margin-top: -60px;
}
.longevityResearchNum {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #DBD5B5;
    font-size: 18px;
    letter-spacing: 0.05em !important;
}
.longevityResearchNum span {
  font-family: 'Times New Roman', serif;
    font-size: 36px;
}
.longevityResearchTtl {
    margin: 0 auto 40px;
    padding-bottom: 16px;
    position: relative;
    width: 1200px;
    line-height: 1.4166666666666667;
    color: #DBD5B5;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
}
.longevityResearchTtl::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1200px;
    height: 1px;
    background: linear-gradient(to left,rgba(255, 255, 255, 0) 0%, #fff 12.81%, #fff 87.68%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.6;
}
@media screen and (max-width: 0) {
    .longevityResearch {
      padding-top: 60px;
      margin-top: -60px;
    }
    .longevityResearchNum {
        margin-bottom: 5px;
        gap: 4px;
        font-size: calc(24*var(--vw));
    }
    .longevityResearchNum span {
        font-size: calc(48*var(--vw));;
    }
    .longevityResearchTtl {
        margin-bottom: 30px;
        padding-bottom: 10px;
        width: calc(690*var(--vw));;
        line-height: 1.425;
        font-size: calc(40*var(--vw));
    }
    .longevityResearchTtl::before {
        width: 100%;
    }
}




.longevityResearchLead {
    line-height: 2;
    text-align: center;
}
.longevityResearchColumn {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 60px;
    width: 1200px;
    z-index: 1;
}
.longevityResearchColumn::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: linear-gradient(#83775e 0%, #423c2f 100%);
    opacity: 0.6;
    pointer-events: none;
}
.longevityResearchColumnTtl1 {
    margin-bottom: 36px;
    line-height: 1.8;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.05em;
}
.longevityResearchColumnImg {
    margin: 0 auto 60px;
    text-align: center;
}
.longevityResearchColumnCopy {
    line-height: 2;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-align: center;
}
.longevityResearchColumnTtl2 {
    margin-bottom: 36px;
    padding: 8px 0 11px;
    line-height: 1.4090909090909092;
    background: linear-gradient(to left,rgba(131, 119, 94, 0) 0%, #83775e 16.52%, #83775e 83.71%, rgba(131, 119, 94, 0) 100%);
    font-size: 22px;
    font-weight: 500;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    text-align: center;
}
@media screen and (max-width: 0) {
    .longevityResearchLead {
        font-size: calc(26*var(--vw));
    }
    .longevityResearchColumn {
        padding-top: 15px;
        padding-bottom: 45px;
        width: calc(670*var(--vw));
    }
    .longevityResearchColumn::before {
        background: linear-gradient(to right bottom,#83775e 0%, #423c2f 100%);
    }
    .longevityResearchColumnTtl1 {
        line-height: 1.5;
        font-size: calc(24*var(--vw));
    }
    .longevityResearchColumnImg {
        margin-bottom: 30px;
    }
    .longevityResearchColumnCopy {
        line-height: 1.5999999999999999;
        font-size: calc(28*var(--vw));
    }
    .longevityResearchColumnTtl2 {
        margin-bottom: 20px;
        padding: 6px 0;
        line-height: 1.5;
        font-size: calc(30*var(--vw));
    }
}






#research01 {
    margin-bottom: 100px;
}
.longevityResearchColumn.-column01 {
    margin-top: 40px;
    padding-top: 40px;
}
.longevityResearchColumn.-column01 .longevityResearchColumnImg {
    width: 1029px;
}
@media screen and (max-width: 0) {
    #research01 {
        margin-bottom: 60px;
    }
    .longevityResearchColumn.-column01 {
        margin-top: 30px;
        padding-top: 30px;
    }
    .longevityResearchColumn.-column01 .longevityResearchColumnImg {
        width: calc(600*var(--vw));
    }
}





#research02 {
    margin-bottom: 100px;
}
.longevityResearchColumn.-column02 {
    margin-top: 40px;
}
.longevityResearchInfluence {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 120px 0;
    width: 1088px;
}
.longevityResearchInfluence li {
    width: 521px;
}
.longevityResearchInfluenceTtl {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #83775E;
    line-height: 1.4375;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}
.longevityResearchInfluenceSubTtl {
    margin: -6px 0 15px;
    line-height: 1.4375;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.longevityResearchInfluenceImg {
    text-align: center;
}
.longevityResearchInfluenceImg img {
    margin: 0 auto;
    width: auto;
}
.longevityResearchInfluenceImgCaption {
    margin-top: 40px;
    line-height: 2;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}
.longevityResearchText {
    margin-top: 80px;
    line-height: 2;
    text-align: center;
}
.longevityResearchColumn.-column03 {
    margin-top: 80px;
}
.longevityResearchColumn.-column03 .longevityResearchInfluence {
    gap: 80px 0;
    width: 1120px;
}
.longevityResearchColumn.-column03 .longevityResearchInfluence li {
    width: 540px;
}
.longevityResearchColumn.-column03 .longevityResearchInfluence li:first-child {
    width: 100%;
}
@media screen and (max-width: 0) {
    #research02 {
        margin-bottom: 100px;
    }
    .longevityResearchColumn.-column02 {
        margin-top: 30px;
    }
    .longevityResearchInfluence {
        flex-direction: column;
        gap: 50px 0;
        width: calc(590*var(--vw));
    }
    .longevityResearchInfluence li {
        width: 100%;
    }
    .longevityResearchInfluenceTtl {
        margin-bottom: 10px;
        padding-bottom: 5px;
        font-size: calc(24*var(--vw));
    }
    .longevityResearchInfluenceSubTtl {
        margin: 0 0 10px;
        line-height: 1.5;
        font-size: calc(24*var(--vw));
    }
    .longevityResearchInfluenceImg img {
        width: calc(540*var(--vw));
    }
    .longevityResearchInfluenceImgCaption {
        margin-top: 20px;
        font-size: calc(14*var(--vw));
    }
    .longevityResearchText {
        margin-top: 80px;
        font-size: calc(26*var(--vw));
    }
    .longevityResearchColumn.-column03 {
        margin-top: 40px;
    }
    .longevityResearchColumn.-column03 .longevityResearchInfluence {
        gap: 50px 0;
        width: calc(670*var(--vw));
    }
    .longevityResearchColumn.-column03 .longevityResearchInfluence li {
        width: 100%;
    }
    .longevityResearchColumn.-column03 .longevityResearchInfluence li:first-child {
        width: 100%;
    }
    .longevityResearchColumn.-column03 .longevityResearchInfluenceImg img {
        width: calc(610*var(--vw));
    }
}





.longevityResearchSummary {
    margin: 80px auto 120px;
    width: 1200px;
    text-align: center;
}
.longevityResearchSummaryTtl {
    margin-bottom: 40px;
}
.longevityResearchSummaryTtl img {
    margin: 0 auto;
    width: auto;
}
.longevityResearchSummaryLead {
    margin-bottom: 60px;
}
.longevityResearchSummaryLead p {
    line-height: 2;
    font-size: 20px;
}
.longevityResearchSummaryImgs {
    display: flex;
    justify-content: space-between;
}
.longevityResearchSummaryImg:nth-child(1) {
    width: 560px;
}
.longevityResearchSummaryImg:nth-child(2) {
    width: 620px;
}
.longevityResearchSummaryText {
    margin-top: 80px;
}
.longevityResearchSummaryText p {
    line-height: 1.8333333333333333;
    font-size: 24px;
}
@media screen and (max-width: 0) {
    .longevityResearchSummary {
        margin: 50px auto 80px;
        width: calc(670*var(--vw));
    }
    .longevityResearchSummaryTtl {
        margin-bottom: 25px;
    }
    .longevityResearchSummaryTtl img {
        width: calc(358*var(--vw));
    }
    .longevityResearchSummaryLead {
        margin-bottom: 30px;
    }
    .longevityResearchSummaryLead p {
        font-size: calc(28*var(--vw));
    }
    .longevityResearchSummaryImgs {
        flex-direction: column;
        gap: 10px;
    }
    .longevityResearchSummaryImg {
        width: 100% !important;
    }
    .longevityResearchSummaryText {
        margin-top: 30px;
    }
    .longevityResearchSummaryText p {
        line-height: 1.75;
        font-size: calc(32*var(--vw));
    }
}




#research03 {
    margin-bottom: 100px;
    text-align: center;
}
#research03 .longevityResearchSubTtl {
    margin-bottom: 1em;
    line-height: 1.6666666666666667;
    font-size: 24px;
}
#research03 .longevityResearchLead {
    margin-bottom: 10px;
    line-height: 1.9;
    font-size: 20px;
}
.longevityResearchNoibara {
    margin-bottom: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.longevityResearchNoibaraImg {
    margin-right: -50px;
    width: 369px;
}
.longevityResearchNoibara dl dt {
    margin-bottom: 20px;
    line-height: 1.5;
    color: #DBD5B5;
    font-size: 32px;
    font-weight: 500;
}
.longevityResearchNoibara dl dd {
    line-height: 2;
    font-size: 14px;
}
.longevityResearchColumn.-column04 {
}
.longevityResearchColumn.-column04 dl {
    margin: 50px auto;
    padding-bottom: 40px;
    position: relative;
    width: 1000px;
}
.longevityResearchColumn.-column04 dl::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to left,rgba(255, 255, 255, 0) 0%, #fff 12.81%, #fff 87.68%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.6;
}
.longevityResearchColumn.-column04 dl dt {
    margin-bottom: 20px;
    line-height: 1.5185185185185186;
    font-size: 27px;
    font-weight: 500;
}
.longevityResearchColumn.-column04 dl dd {
    line-height: 1.6;
}
.longevityResearchColumnGraphLabel {
    margin-bottom: 15px;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 500;
}
.longevityResearchColumn.-column04 .longevityResearchColumnImg {
    margin: 0 auto;
    width: 457px;
}
@media screen and (max-width: 0) {
    #research03 {
        margin-bottom: 0;
    }
    #research03 .longevityResearchSubTtl {
        line-height: 1.625;
        font-size: calc(32*var(--vw));
    }
    #research03 .longevityResearchLead {
        margin-bottom: 17px;
        line-height: 2;
        font-size: calc(26*var(--vw));
    }
    .longevityResearchNoibara {
        margin-bottom: 30px;
        flex-direction: column;
    }
    .longevityResearchNoibaraImg {
        margin: 0 auto calc(-135*var(--vw));
        width: calc(600*var(--vw));
    }
    .longevityResearchNoibara dl dt {
        margin-bottom: 0.625em;
        font-size: calc(32*var(--vw));
    }
    .longevityResearchNoibara dl dd {
        font-size: calc(14*var(--vw));
    }
    .longevityResearchColumn.-column04 {
    }
    .longevityResearchColumn.-column04 dl {
        margin: 30px auto;
        padding-bottom: 30px;
        width: calc(630*var(--vw));
    }
    .longevityResearchColumn.-column04 dl dt {
        margin-bottom: 15px;
        line-height: 1.5;
        font-size: calc(32*var(--vw));
    }
    .longevityResearchColumn.-column04 dl dd {
        margin: 0 auto;
        line-height: 2;
        width: calc(570*var(--vw));
        text-align: left;
    }
    .longevityResearchColumnGraphLabel {
        margin-bottom: 5px;
        font-size: calc(24*var(--vw));
    }
    .longevityResearchColumn.-column04 .longevityResearchColumnImg {
        width: calc(530*var(--vw));
    }
}





.longevityTech.-tech01 {
    margin-bottom: 120px;
}
.longevityResearchColumn.-column05 {
    margin-top: 60px;
}
.longevityResearchColumnTtl2 {
}
.longevityResearchColumn05 {
    margin: 0 0 0 61.5px;
    display: flex;
    align-items: center;
}
.longevityResearchColumn05Img {
    width: 562px;
}
.longevityResearchColumn05Text {
    margin-left: 61px;
    padding-right: 72px;
    width: calc(100% - 623px);
}
.longevityResearchColumn05Label {
    margin-bottom: 1em;
    line-height: 1.4090909090909092;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}
.longevityResearchColumn05Ttl {
    margin: 16px 0 39px;
    line-height: 1.4285714285714286;
    font-weight: 500;
}
.longevityResearchColumn05Text p {
    line-height: 2;
}
.longevityResearchColumnData {
    margin: 60px auto 0;
    padding: 40px 30px 40px 50px;
    border: 1px solid #DBD5B5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 800px;
}
.longevityResearchColumnDataImg {
    width: 166px;
}
.longevityResearchColumnDataText {
    width: 513px;
}
.longevityResearchColumnDataText dl {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 27px 0;
    line-height: 1.4375;
}
.longevityResearchColumnDataText dl dt {
    position: relative;
    width: 74px;
    color: #DBD5B5;
    font-size: 16px;
    letter-spacing: 0 !important;
}
.longevityResearchColumnDataText dl dt::after {
    content: '|';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.longevityResearchColumnDataText dl dd {
    padding-left: 14px;
    letter-spacing: 0 !important;
    width: calc(100% - 74px);
    font-size: 16px;
}
@media screen and (max-width: 0) {
    .longevityTech.-tech01 {
        margin-bottom: 80px;
    }
    .longevityResearchColumn.-column05 {
        margin-top: 60px;
    }
    .longevityResearchColumnTtl2 {
    }
    .longevityResearchColumn05 {
        margin: 0 auto;
        flex-direction: column;
        width: calc(600*var(--vw));
        gap: 20px;
    }
    .longevityResearchColumn05Img {
        width: 100%;
    }
    .longevityResearchColumn05Text {
        margin: 0 auto;
        padding-right: 0;
        width: calc(570*var(--vw));
        font-size: calc(26*var(--vw));
    }
    .longevityResearchColumn05Label {
        line-height: 1.5;
        font-size: calc(32*var(--vw));
        text-align: center;
    }
    .longevityResearchColumn05Ttl {
        margin: 10px 0 20px;
        display: none;
        font-size: calc(36*var(--vw));
        text-align: center;
    }
    .longevityResearchColumn05Text p {
        margin-top: 15px;
    }
    .longevityResearchColumnData {
        margin: 40px auto 0;
        padding: 20px calc(40*var(--vw));
        flex-direction: column;
        gap: 20px;
        width: calc(600*var(--vw));
    }
    .longevityResearchColumnDataImg {
        width: calc(240*var(--vw));
    }
    .longevityResearchColumnDataText {
        width: calc(522*var(--vw));
    }
    .longevityResearchColumnDataText dl {
        gap: 8px 0;
        line-height: 1.5;
    }
    .longevityResearchColumnDataText dl dt {
        width: calc(120*var(--vw));
        flex-shrink: 0;
        font-size: calc(24*var(--vw));
    }
    .longevityResearchColumnDataText dl dd {
        padding-left: .7em;
        width: calc(100% - 120*var(--vw));
        font-size: calc(24*var(--vw));
    }
}




.longevityTech.-tech02 {
}
.longevityResearchColumn.-column06 {
    margin-top: 60px;
}
.longevityResearchColumn.-column06 .longevityResearchColumnTtl2 {
    margin-bottom: 50px;
    line-height: 1.5;
    font-size: 30px;
    font-weight: 500;
}
.longevityResearchColumn.-column06 .longevityResearchColumnTtl2 .small1 {
    display: block;
    font-size: 20px;
}
.longevityResearchColumn.-column06 .longevityResearchColumnTtl2 .small2 {
    font-size: 20px;
}
.longevityTechDiscovers {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1080px;
}
.longevityTechDiscovers + .longevityResearchColumnTtl2 {
    margin-top: 80px;
}
.longevityTechDiscover {
    margin-bottom: 40px;
    padding-bottom: 40px;
    width: 520px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.longevityTechDiscover::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to left,rgba(255, 255, 255, 0) 0%, #fff 12.81%, #fff 87.68%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.6;
}
.longevityTechDiscoverImg {
    width: 120px;
}
.longevityTechDiscoverImg.-imgl {
    width: 133px;
}
.longevityTechDiscoverText {
    width: 380px;
}
.longevityTechDiscoverLabel {
    margin-bottom: 14px;
    padding: 4px 12px;
    border: 1px solid #83775E;
    display: inline-block;
    line-height: 1.4375;
    color: #DBD5B5;
    font-size: 16px;
}
.longevityTechDiscoverName {
    line-height: 1.5;
    font-size: 20px;
}
.longevityTechDiscover:nth-last-child(-n+2) {
    margin-bottom: 0;
    padding-bottom: 0;
}
.longevityTechDiscover:nth-last-child(-n+2)::before {
    display: none;
}
@media screen and (max-width: 0) {
    .longevityResearchColumn.-column06 {
        margin-top: 35px;
    }
    .longevityResearchColumn.-column06 .longevityResearchColumnTtl2 {
        margin-bottom: 20px;
        font-size: calc(30*var(--vw));
    }
    .longevityResearchColumn.-column06 .longevityResearchColumnTtl2 .small1 {
        font-size: calc(24*var(--vw));
    }
    .longevityResearchColumn.-column06 .longevityResearchColumnTtl2 .small2 {
        font-size: calc(24*var(--vw));
    }
    .longevityTechDiscovers {
        margin: 0 auto;
        flex-direction: column;
        width: calc(650*var(--vw));
    }
    .longevityTechDiscovers + .longevityResearchColumnTtl2 {
        margin-top: 40px;
    }
    .longevityTechDiscover {
        margin-bottom: 20px;
        padding-left: calc(30*var(--vw));
        padding-right: calc(30*var(--vw));
        padding-bottom: 20px;
        width: 100%;
    }
    .longevityTechDiscoverImg {
        width: calc(150*var(--vw));
    }
    .longevityTechDiscoverImg.-imgl {
        width: calc(150*var(--vw));
    }
    .longevityTechDiscoverImg.-imgl2 {
        width: calc(213*var(--vw));
    }
    .longevityTechDiscoverText {
        width: calc(410*var(--vw));
    }
    .longevityTechDiscoverImg.-imgl2 + .longevityTechDiscoverText {
        width: calc(350*var(--vw));
    }
    .longevityTechDiscoverLabel {
        margin-bottom: 6px;
        padding: 0 .7em 2px;
        line-height: 1.4090909090909092;
        font-size: calc(22*var(--vw));
    }
    .longevityTechDiscoverName {
        line-height: 1.5;
        font-size: calc(26*var(--vw));
    }
    .longevityTechDiscover:nth-last-child(-n+2) {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .longevityTechDiscover:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .longevityTechDiscover:nth-last-child(-n+2)::before {
        display: block;
    }
    .longevityTechDiscover:last-child::before {
        display: none;
    }
}




.longevityFloowBG {
    opacity: 0;
    transition: opacity .8s;
}
.longevityMvTitle {
    opacity: 0;
    transition: opacity .8s .6s;
}
.longevityMvText {
    opacity: 0;
    transition: opacity .8s 1.2s;
}
.loaded .longevityFloowBG,
.loaded .longevityMvTitle,
.loaded .longevityMvText {
    opacity: 1;
}



@media (hover: hover) {
.btnModal,
.btnHover,
.accBtn {
  cursor: pointer;
  transition: opacity .3s;
}
.btnModal:hover,
.btnHover:hover,
.accBtn:hover {
  opacity: .7;
}
}