﻿.article__lists{
  display: flex;
  flex-wrap: wrap;
  gap: clamp(40px,calc(40px + 34 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),74px) clamp(13px,calc(13px + 54 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),67px);
  align-items: flex-start;
}
.article__item{
  width: calc((100% - clamp(13px,calc(13px + 54 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),67px)) / 2);
  height: 100%;
}
.article__card{
  width: 100%;
  height: 100%;
  color: var(--default-font-color);
}
.article__card:hover .article__image img{
  transform: scale(1.2);
}
.article__card:hover .article__title{
  color: var(--corp-main-color);
}
.article__head{
  display: flex;
  align-items: flex-end;
  gap: 0 11px;
}
.article__category-wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
}
.article__category-icon{
  padding: 0.3em 0.5em;
  display: inline-block;
  color: #fff;
  font-size: clamp(12px,calc(12px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),14px);
  border-radius: 5px;
  background-color: var(--corp-main-color);
}
.corp-news .article__category-icon:not(.articles_book,.articles_tv,.articles_peper,.articles_youtube,.articles_site,.articles_orther,.articles_news){
  display: none;
}
.article__category-icon{
   background-color: #D9ABC6;
}
.articel__time{
  margin-top: 1em;
  font-size: clamp(12px,calc(12px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  text-align: right;
}
.article__image{
  margin-top: clamp(11px,calc(11px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),15px);
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background-color: #fff;
}
.article__image img{
  width: 100%;
  transition: 0.3s transform ease-in-out;
}
.article__detail{
  margin-top: clamp(11px,calc(11px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),15px);
}
.article__title{
  font-size: clamp(14px,calc(14px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),18px);
  letter-spacing: 0.05em;
  line-height: 1.7;
  transition: 0.3s color ease;
}
.corp-onesecond .article{
  padding: clamp(60px, calc(60px + 46 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))), 106px) 0 clamp(67px, calc(67px + 64 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))), 131px);
  background-color: var(--bg-default-grey);
}
.corp-onesecond .section-title__lv2.-large + .article__content {
  margin-top: clamp(47px, calc(47px + 13 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))), 60px);
}
.article__category-icon:not(.articles_book,.articles_tv,.articles_peper,.articles_youtube,.articles_site,.articles_orther){
  display: none;
}
.article .btn-more__area{
  margin-top: 24px;
}
@media screen and (min-width:769px){
  .article__item{
   width: calc((100% - (clamp(13px,calc(13px + 54 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),67px) * 3)) / 4);
  }
  .article .btn-more__area{
    text-align: right;
  }
}

.page-lead{
  padding: 74px 0 120px;
  background-color: var(--bg-default-grey);
}
.corp-onesecond .page-head__title-en{
  color: #89A3C6;
}
.corp-onesecond .page-lead-about,
.corp-chenille .page-lead-about,
.corp-baby .page-lead-about{
  max-width: 100%;
}
.onesecond-feature{
  padding: clamp(91px,calc(91px + 58 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),149px) 0 clamp(76px,calc(76px + 24 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),98px);
  background-color: #F4F8FF;
}
.feature-content{
  margin-top: clamp(48px,calc(48px + 30 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),78px);
}
.feature-lists{
  display: flex;
  flex-direction: column;
  gap: 77px clamp(15px,calc(15px + 45 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),60px);
}
.feature-item{
  width: 100%;
}
.feature-card__no{
  color: #B4B4B4;
  font-family: var(--font-jost);
  font-size: clamp(18px,calc(18px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),20px);
  font-family: 300;
  letter-spacing: 0.03em;
}
.feature-card__no .text-large{
  display: inline-block;
  margin-left: 0.25em;
  font-size: 1.25em;
  font-weight: 500;
}
.feature-card__image{
  margin-top: 12px;
}
.feature-card__image img{
  width: 100%;
}
.feature-card__detail{
  margin-top: 36px;
  display: flex;
  flex-direction: column;
}
.fature-card__title{
  color: #89A3C6;
  font-size: 20px;
  line-height: 1.9;
}
.fature-card__title.-green{
  color: var(--corp-main-color);
}
.fature-card__title.-pink{
  color: #D9ABC6;
}
.fature-card__title.-blue{
  color: #89A3C6;
}
.feature-card__paragraph{
  margin-top: 1em;
  font-size: 15px;
  line-height: 2.13;
  letter-spacing: 0.05em;
}
.onesecond-gallary{
  padding: clamp(73px,calc(73px + 75 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),148px) 0 clamp(63px,calc(63px + 34 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),97px);
  background-color: #505050;
}
.onesecond-gallary .section-title__lv2{
  color: #fff;
}
.onesecond-gallary__content{
  margin-top: clamp(40px,calc(40px + 12 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),52px);
}
.onesecond-gallary__content-slide{
  padding-left: calc((100% - 1200px) / 2);
  padding-right: calc((100% - 1200px) / 2 + 30px);
}
.gallary__item img{
  width: 100%;
}
.slide-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.gallery-swiper {
  width: 100%;
}

.gallery-swiper .swiper-wrapper {
  align-items: stretch;
}

.gallery-swiper .swiper-slide {
  height: auto !important;
  display: flex;
}
.slide-wrap a {
  display: block;
}
.slide-wrap img {
  width: 100%;
  height: auto;
  display: block;
}
.onesecond-gallary .btn-more__area{
  margin-top: clamp(36px,calc(36px + 17 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),53px);
}
.onesecond-gallary .btn-more{
  color: #fff;
}
.modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease;
}
.modal.is-open {
  opacity: 1;
  visibility: visible;
}
.modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.6);
}
.modal__content {
  width: 58%;
  max-width: 600px;
  height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
}
.modal__detail{
  margin-top: 30px;
}
.modal.is-open .modal__content {
  transform: translate(-50%, -50%) scale(1);
}
.modal__image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: calc(80vh - 120px);
}
.modal__image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.modal__detail {
  max-height: 30vh;
  overflow-y: auto;
}
.modal__title{
  color: #fff;
  font-size: clamp(16px,calc(16px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),18px);
  font-weight: 300;
  letter-spacing: 0.06em;
}
.modal__content .btn-more__area{
  margin-top: 20px;
  text-align: center;
}
.modal__content .btn-more{
  color: #fff;
}
.modal-close{
  width: 40px;
  height: 40px;
  color: transparent;
  border: none;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  left: 70%;
}
.modal-close::before,
.modal-close::after{
  content: "";
  width: 1px;
  height: 40px;
  display: block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
}
.modal-close::before{
  transform: translateX(-50%) rotate(45deg);
}
.modal-close::after{
  transform: translateX(-50%) rotate(-45deg);
}
.process{
  padding: clamp(101px,calc(101px + 75 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),176px) 0 clamp(38px,calc(38px + 67 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),105px);
}
.process-content:first-of-type{
  margin-top: clamp(50px,calc(50px + 34 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),84px);
}
.process-content:not(:first-of-type){
  margin-top: clamp(65px,calc(65px + 44 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),109px);
}
.process-content{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.swiper-slide img{
  width: 100%;
}
.process .main-swiper {
  margin-top: 20px;
  max-width: 315px;
}

.process-no{
  color: var(--corp-main-color);
  font-size: clamp(16px,calc(16px + 9 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),25px);
  font-family: var(--font-jost);
  font-weight: 500;
  line-height: 1;
}
.process-title{
  margin-top: clamp(16px,calc(16px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),20px);
  font-size: clamp(20px,calc(20px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),26px);
  font-weight: 400;
}
.process-paragraph{
  margin-top: 20px;
  font-size: 15px;
  line-height: 2.2;
}
.process-thumb-swiper{
  max-width: 315px;
  margin-top: 10px;
}
.process-thumb-swiper .swiper-slide-thumb-active{
  border: 4px solid var(--corp-main-color);
}
.process-movie{
  margin-top: clamp(109px,calc(109px + 223 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),332px);
}
.process-movie video{
  width: 100%;
}
.voice{
  padding: clamp(50px,calc(50px + 50 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),100px) 0 clamp(86px,calc(86px + 114 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),200px);
  background-color: var(--bg-default-grey);
}
.voice-content{
  margin-top: clamp(70px,calc(70px + 20 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),90px);
  display: flex;
  flex-direction: column;
  gap: 40px clamp(20px,calc(20px + 52 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),72px);
}
.voice-content:first-of-type{
  margin-top: clamp(40px,calc(40px + 26 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),66px);
}
.voice-content__image{
  width: 100%;
}
.voice-content__image img{
  width: 100%;
}
.voice-content__detail{
  width: 100%;
}
.voice-content__title{
  font-size: clamp(20px,calc(20px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),30px);
  font-weight: 300;
  letter-spacing: 0.1em;
}
.voice-content.-women .voice-content__title{
  color: #D9ABC6;
}
.voice-content.-men .voice-content__title{
  color: #89A3C6;
}
.voice-content__name{
  margin-top: clamp(23px,calc(23px + 11 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),34px);
  font-size: 18px;
}
.voice-content__post{
  margin-top: 8px;
  font-size: 15px;
}
.voice-content__paragraph{
  margin-top: 8px;
  font-size: 15px;
  line-height: 2.1;
}
.history{
  padding: clamp(103px,calc(103px + 66 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),169px) 0 clamp(84px,calc(84px + 50 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),134px);
}
.history-content{
  padding: 0 15px;
}
.history-detail{
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.history-content{
  margin-top: 40px;
  position: relative;
}
.history-detail{
  padding-left: 48px;
  position: relative;
}
.history-detail:before{
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  background-color: #C8C8C8;
  position: absolute;
  top: 9px;
  left: 9px;
}
.history-detail:last-child::before{
  height: 15%;
}
.history-detail + .history-detail{
  padding-top: clamp(46px,calc(46px + 25 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),71px);
}
.history-year{
  display: flex;
  align-items: center;
  font-size: 18px;
}
.history-year::before{
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  background-color: var(--corp-main-color);
  border-radius: 50%;
  position: absolute;
  left: 0;
}
.history-description{
  margin-top: 10px;
}
.history-paragraph{
  font-size: 15px;
  line-height: 2.1;
}

@media screen and (max-width:767px){
  .process .section-inner__min{
    padding: 0;
  }
  .onesecond-gallary__content-slide{
  margin-left: unset;
  padding: 0 30px;
}
}
@media screen and (max-width:1000px){
  .history .history-content{
    margin-top: 40px;
  }
}



@media screen and (min-width:768px){
  .feature-lists{
    flex-direction: row;
    flex-wrap: wrap;
  }
  .feature-item{
    width: calc((100% - clamp(15px,calc(15px + 45 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),60px) * 2) / 3);
  }
  .fature-card__title{
    min-height: calc(1.9em * 2);
  }
  .onesecond-gallary .btn-more__area{
    text-align: right;
  }
  .process-content{
    flex-direction: row;
  }
  .process-thumb-swiper{
    margin-top: 50px;
  }
  .voice-content:first-of-type{
    align-items: flex-end;
  }
  .voice-content:nth-of-type(2n){
    flex-direction: row-reverse;
  }
  .voice-content__paragraph{
    margin-top: 30px;
    font-size: 16px;
    line-height: 2.5;
  }
  .voice-content:first-of-type .voice-content__paragraph{
    margin-bottom: 46px;
  }
  .process-detail{
    margin-right: clamp(16px, 5vw, 90px);
  }
  .process .main-swiper {
    max-width: 410px;
  }
  .process-thumb-swiper {
    max-width: 500px;
    margin-left: 0;
  }
  .voice-content{
    flex-direction: row;
    align-items: center;
  }
  .voice-content__image{
    max-width: 528px;
  }
  .voice-content__detail{
    max-width: 500px;
  }
  .history-detail:before{
    content: none;
  }
  .history-year::before{
    content: none;
  }
  .history-content{
    margin: -50px 0 0 auto;
    max-width: 660px;
  }
  .history-detail{
    padding: 0;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
  }
  .history-detail + .history-detail{
    padding-top: 0;
  }
  .history-description{
    max-width: 450px;
    margin-top: -5px;
    padding-left: 80px;
    padding-bottom: clamp(46px, calc(46px + 25 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))), 71px);
    position: relative;
  }
  .history-description:before{
    content: "";
    width: 1px;
    height: 100%;
    display: block;
    background-color: #C8C8C8;
    position: absolute;
    top: 9px;
    left: 40px;
  }
  .history-detail:last-child .history-description:before{
    height: 9px;
  }
  .history-description::after{
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    background-color: var(--corp-main-color);
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 31px;
  }
}

.about-onesecond{
  padding: clamp(96px,calc(96px + 42 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),138px) 0 clamp(82px,calc(82px + 38 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),120px);
}
.about-onesecond .content-title__lv2{
  color: #D9ABC6;
  font-weight: 400;
  text-align: center;
}
.section-lead{
  margin-top: 42px;
}
.section-lead__paragraph{
  font-size: 20px;
  line-height: 1.9;
  text-align: center;
}
.about-onesecond__content{
  margin-top: clamp(45px,calc(45px + 25 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),70px);
  display: flex;
  flex-direction: column;
  gap: 46px clamp(20px,calc(20px + 40 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),60px);
}
.about-onesecond__detail{
  width: 100%;
}
.onesecond-points{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px clamp(10px,calc(10px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),20px);
}
.onesecond-point{
  width: 260px;
  padding: 20px 20px 17px;
  border-radius: 12px;
  background-color: #f0f0f0;
}
.onesecond-point__sub{
  font-size: 15px;
  text-align: center;
}
.onesecond-point__main{
  font-size: 26px;
  letter-spacing: 0.05em;
  text-align: center;
}
.onesecond-point__main .no{
  font-size: 34px;
  font-family: var(--font-jost);
  letter-spacing: 0.1em;
}
.onesecond-point:first-of-type{
  background-color: var(--corp-main-color);
}
.onesecond-point:first-of-type .onesecond-point__sub,
.onesecond-point:first-of-type .onesecond-point__main{
  color: #fff;
}
.about-onesecond__paragraph{
  margin-top: 50px;
  font-size: 15px;
  line-height: 2.1;
}
.about-onesedond__movie video{
  width: 100%;
}
.about-onesecond-more-context__content{
  margin-top: 54px;
  display: flex;
  flex-direction: column;
}
.about-onesecond-more-context__detail{
  width: 100%;
  padding: 58px 0;
  border-top: 1px solid #DCDCDC;
}
.about-onesecond-more-context__detail + .about-onesecond-more-context__detail{
  border-bottom: 1px solid #DCDCDC;
}
.about-onesecond-more-context__detail.-caution .about-onesecond__paragraph{
  padding-top: 86px;
  position: relative;
}
.about-onesecond-more-context__detail.-caution .about-onesecond__paragraph::before{
  content: "";
  width: 128px;
  height: 58px;
  display: block;
  background-image: url(/cms/corp/img/usr/product/onesecond/logo_onesecond_sp.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.about-onesecond__title{
  font-size: clamp(20px,calc(20px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),24px);
  letter-spacing: 0.05em;
  line-height: 2;
}
.about-onesecond-more-context__detail:first-of-type .about-onesecond__title{
  color: #89A3C6;
}
.about-onesecond-more-context__detail:last-of-type .about-onesecond__title{
  color: #D9ABC6;
}
.about-onesecond__paragraph{
  font-size: 15px;
  line-height: 2.1;
}
.about-onesecond__paragraph + .btn-more__area{
  margin-top: 30px;
}
.award{
 padding: clamp(74px,calc(74px + 66 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),140px) 0 clamp(87px,calc(87px + 65 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),152px);
}
.award .content-title__lv2{
  color: #89A3C6;
  font-weight: 400;
}
.award-wrap{
  display: flex;
  flex-direction: column;
}
.award-wrap:first-child{
  margin-top: clamp(42px,calc(42px + 36 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),78px);
}
.award-content{
  width: 100%;
}
.award-content{
  margin-top: 34px;
  padding-top: 38px;
  border-top: 1px solid #DCDCDC;
}
.award-wrap:first-of-type .award-content:first-of-type{
  margin-top: clamp(51px,calc(51px + 32 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),51px);
  border-top: none;
}
.award-content__title{
  padding-left: 2em;
  font-size: clamp(18px,calc(18px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),22px);
  position: relative;
}
.award-content__title::before{
  content: "";
  width: 1.4em;
  height: 1.1em;
  display: block;
  background-image: url(/cms/corp/img/usr/common/icon_crown_gold.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
}
.award-content__detail{
  margin-top: 23px;
}
.award-main-title{
  padding-left: 20px;
  font-size: 15px;
  line-height: 2;
  position: relative;
}
.award-main-title::before{
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  border-radius: 50%;
  background-color: #BABABA;
  position: absolute;
  top: 8px;
  left: 0;
}
.award-sub-title{
  margin-top: 0.25em;
  font-size: 15px;
  line-height: 2;
}
.birthday-story{
  padding: clamp(89px,calc(89px + 79 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),168px) 0 clamp(40px,calc(40px + 37 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),77px);
  background-color: var(--bg-default-grey);
}
.birthday-story .section-title__lv2{
  font-weight: 400;
}
.birthday-story__paragraph{
  margin-top: clamp(30px,calc(30px + 15 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),45px);
  font-size: 15px;
  line-height: 2.1;
}
.birthday-story__image{
  width: 100%;
  margin-top: clamp(48px,calc(48px + 14 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),62px);
}
.birthday-story__image img{
  width: 100%;
}
.birthday-story__right{
  margin-top: 52px;
}
.birthday-story-card{
  width: 100%;
  padding: 42px 30px;
  background-color: #fff;
}
.birthday-story-card:not(:first-child){
  margin-top: 10px;
}
.birthday-story-card__title{
  font-size: clamp(18px,calc(18px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),22px);
  line-height: 1.72;
  letter-spacing: 0.05em;
}
.birthday-story-card:first-child .birthday-story-card__title{
  color: #D9ABC6;
}
.birthday-story-card:nth-of-type(2) .birthday-story-card__title{
  color: var(--corp-main-color);
}
.birthday-story-card:nth-of-type(3) .birthday-story-card__title{
  color: #89A3C6;
}
.birthday-story-card__paragraph{
  margin-top: 28px;
  font-size: 15px;
  line-height: 2.1;
}
.birthday-story .btn-more__area{
  margin-top: clamp(33px,calc(33px + 5 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),38px);
}
.onesecond-reccomend-tag{
  padding: clamp(30px,calc(30px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px) 0 clamp(113px,calc(113px + 20 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),134px);
  background-color: var(--bg-default-grey);
}
.tag-lists{
  display: flex;
  flex-wrap: wrap;
  gap: 10px clamp(4px,calc(4px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),10px);
}
.tag-item{
  padding: 0.5em 1em 0.4em;
  font-size: 14px;
  border-radius: 5px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .award .award-wrap {
    display: none;
  }
  .award .award-wrap.is-visible {
    display: block;
  }
  .award .award-content {
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease;
  }
  .award.is-open .award-content {
    opacity: 1;
  }
  .more-content-btn-wrap{
    position: relative;
    text-align: right;
  }
  .more-content-btn-wrap::before{
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background-color: #DCDCDC;
    position: absolute;
    top: -38px;
    left: 50%;
    transform: translateX(-50%);
  }
  .content-more{
    padding-right: 20px;
    border: none;
    color: var(--default-font-color);
    font-size: 15px;
    background: none;
    position: relative;
  }
  .content-more::after{
    content: "";
    width: 5px;
    height: 13px;
    display: block;
    background-image: url(/cms/corp/img/usr/common/icon_arrow_bottom.png);
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .more-content-btn-wrap.is-active{
    margin-top: 76px;
  }
  .more-content-btn-wrap.is-active .content-more::after{
    transform: translateY(-50%) rotate(180deg);
  }
}
@media screen and (min-width:768px){
  .about-onesecond__content{
    flex-direction: row;
  }
  .about-onesecond__detail{
    width: calc(540 / 1200 * 100%);
    max-width: 540px;
  }
  .onesecond-points{
    flex-direction: row;
  }
  .about-onesecond__paragraph{
    margin-top: 40px;
    font-size: 16px;
  }
  .about-onesecond-more-context__content{
    flex-direction: row;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;

  }
  .about-onesecond-more-context__detail{
    width: 50%;
    padding: 50px 50px 50px 40px;
  }
  .about-onesecond-more-context__detail{
    border: none;
  }
  .about-onesecond-more-context__detail + .about-onesecond-more-context__detail {
    border-bottom: none;
    border-left: 1px solid #dcdcdc;
  }
  .about-onesecond-more-context__detail.-caution .about-onesecond__paragraph{
    padding-top: 0;
    padding-right: 126px;
    position: relative;
  }
  .about-onesecond-more-context__detail.-caution .about-onesecond__paragraph::before{
    content: "";
    width: 84px;
    height: 166px;
    display: block;
    background-image: url(/cms/corp/img/usr/product/onesecond/logo_onesecond.png);
    background-size: 100% 100%;
    position: absolute;
    top: 20px;
    left: unset;
    right: 0;
    transform: none;
  }
  .award-wrap{
    flex-direction: row;
    gap: 0 40px;
  }
  .award-wrap{
    margin-top: 75px;
    padding-top: 58px;
    border-top: 1px solid #DCDCDC;
  }
  .award-wrap:first-of-type .award-content:first-of-type{
    margin-top: 0;
  }
  .award-content {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .birthday-story__right{
    width: calc(615 / 1200 * 100%);
    flex-shrink: 0;
  }
  .birthday-story__content{
    display: flex;
    align-items: flex-end;
    gap: 0 clamp(40px,calc(0px + 65 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),105px);
  }
  .birthday-story-card{
    padding: 56px 50px 50px;
  }
  .birthday-story .btn-more__area {
    text-align: right;
  }
  .more-content-btn-wrap{
    display: none;
  }
}


/*baby*/
.corp-baby .page-head__title-en{
  color: #EB6503;
}
.baby-section-title__lv2{
  color: #EB6503;
  font-size: clamp(22px,calc(22px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),28px);
  font-weight: 400;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.1em;
}
.baby-section-title__lv2 span{
  position: relative;
}
.baby-section-title__lv2 span::after{
  content: "";
  width: 43px;
  height: 62px;
  background-image: url(/cms/corp/img/usr/product/baby/icon_bear.png);
  background-size: 100% 100%;
  position: absolute;
  top: -50%;
  right: -53px;
}
.about-baby{
  padding: clamp(81px,calc(81px + 57 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),138px) 0 clamp(70px,calc(70px + 68 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),138px);
}
.about-baby__content{
  display: flex;
  flex-direction: column;
  gap: 44px clamp(20px,calc(20px + 80 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),100px);
}
.about-baby__detail{
  width: 100%;
}
.about-baby .content-title__lv2{
  color: #D9ABC6;
  text-align: left;
  line-height: 2;
  letter-spacing: 0.1em
}
.about-baby__paragraph{
  font-size: 15px;
  line-height: 2.1;
  letter-spacing: 0.05em;
}
.about-onesedond__image{
  width: 100%;
}
.about-onesedond__image img{
  width: 100%;
}
.about-baby .btn-more__area{
  margin-top: 38px;
}
.onesecond-feature{
  padding: clamp(85px,calc(85px + 50 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),135px) 0 clamp(90px,calc(90px + 54 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),144px);
  background-color: #F4F8FF;
}
.corp-baby .feature-lists.-card{
  gap: 0;
}
.corp-baby .onesecond-feature .feature-card{
  padding: 37px 25px 38px;
  background-color: #fff;
  border: 1px solid #DCDCDC;
}
.corp-baby .feature-item:not(:first-child){
  margin-top: -1px;
}
.corp-baby .feature-card__no .text-large{
  color: #D9ABC6;
}
.corp-baby .fature-card__title{
  color: initial;
  font-size: 18px;
  letter-spacing: 0.05em;
}
.baby-category{
  padding: clamp(82px,calc(82px + 87 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),169px) 0 clamp(80px,calc(80px + 91 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),171px);
}
.baby-category .baby-section-title__lv2{
  color: #89A3C6;
  text-align: left;
}
.baby-category__content{
  margin-top: clamp(36px,calc(36px + 34 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),70px);
}
.category__lists{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(30px,calc(30px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px) clamp(20px,calc(20px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),30px);
}
.category__item{
  width: calc((100% - clamp(20px,calc(20px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),30px)) / 2);
}
.category-image-card{
  width: 100%;
}
.category-image-card img{
  max-width: 100%;
}
.category-image-card__title{
  margin-top: clamp(15px,calc(15px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),25px);
  font-weight: 500;
  text-align: center;
}
.baby-category .btn-more__area{
  margin-top: 48px;
}
.baby-service{
  padding: clamp(85px,calc(85px + 95 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),180px) 0 clamp(67px,calc(67px + 100 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),167px);
  background-color: var(--bg-default-grey);
}
.baby-service .section__paragraph{
  margin-top: clamp(30px,calc(30px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px);
}
.service-content{
  margin-top: clamp(35px,calc(35px + 28 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),63px);
  display: flex;
  flex-direction: column;
  gap: 36px clamp(20px,calc(20px + 120 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),140px);
}
.service-content__image img{
  width: 100%;
}
.service-content__title{
  color: #89A3C6;
  font-size: clamp(20px,calc(20px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),26px);
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 2;
}
.service-content__paragraph{
  margin-top: clamp(34px,calc(34px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px);
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 2.1;
}
.service-content:nth-of-type(2) .service-content__title{
  color: var(--corp-main-color);
}
.baby-service .content-title__lv2{
  color: #D9ABC6;
  font-size:clamp(22px,calc(22px + 14 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),36px);
  text-align: center;
  letter-spacing: 0.01em;
}
.marcia{
  padding: clamp(75px,calc(75px + 72 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),147px) 0 clamp(92px,calc(92px + 72 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),164px);
}
.marcia-mv img{
  width: 100%;
}
.marcia-story{
  margin-top: clamp(50px,calc(50px + 40 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),90px);
}
.marcia-paragraph{
  margin-top: clamp(23px,calc(23px + 13 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),36px);
  font-size: 15px;
  text-align: center;
  line-height: 2.5;
}
.marcia-sample{
  margin-top: 60px;
}
.marcia-sample__lists{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-bottom: 10px;
  display: flex;
  flex-wrap: nowrap;
  gap: 30px 20px;
  overflow-x: auto;
}
.marcia-sample__item{
  width: 220px;
  flex-shrink: 0;
}
.marcia-sample__item img{
  max-width: 100%;
  aspect-ratio: 1 / 1;
}
.marcia-sample{
  margin-top: clamp(80px,calc(80px + 25 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),105px);
}
.marcia-profile{
  margin-top: clamp(80px,calc(80px + 26 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),106px);
}
.profile {
  padding: 80px 0;
  text-align: center;
}

.profile-title {
  font-size: 48px;
  color: #f6a623;
  margin-bottom: 60px;
}

.profile-area {
  position: relative;
  width: 100vw;
  margin: 40px calc(50% - 50vw) 0;
  padding: 0 10px;
  aspect-ratio: 375 / 556;
}
.profile-item {
  position: absolute;
  width: calc(148 / 375 * 100%);
  min-width: 148px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.marcia-title{
  text-align: center;
}
.marcia-title.-story img{
  width: auto;
  max-height: 31px;
}
.marcia-title.-profile img{
  width: auto;
  max-height: 29px;
}
.marcia-title.-item img{
  width: auto;
  max-height: 26px;
}

.marcia-profile__point {
  font-size: 18px;
  margin-bottom: 8px;
  text-align: center;
}
.marcia-profile__point img{
  width: auto;
  max-height: 18px;
}

.marcia-profile__text{
  margin-top: 0.5em;
  font-size: clamp(14px,calc(14px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),20px);
  line-height: 1.7;
  text-align: center;
}
.marcia-profile__note{
  margin-top: 0.5em;
  font-size: 1em;
  text-align: center;
}
.pink   { background: #FFDAEE; }
.blue   { background: #DAF5FF; }
.yellow { background: #FCF4DE;}
.item-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.item-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.item-left-top {
  top: calc(120 / 556 * 100%);
  left: calc(10 / 375 * 100%);
}

.item-right-top {
  top: calc(120 / 556 * 100%);
  right: calc(10 / 375 * 100%);
}

.item-left-bottom {
  bottom: calc(120 / 556 * 100%);
  left: calc(10 / 375 * 100%);
}

.item-right-bottom {
  bottom: calc(120 / 556 * 100%);
  right: calc(10 / 375 * 100%);
}
.profile-center {
  max-width: 82px;
  aspect-ratio: 82 / 77;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.profile-center  img{
  max-width: 100%;
}
.profile-illust{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: -70px;
  right: 24px;
}
.profile-illust img{
  max-width: 62px;
  aspect-ratio: 62 / 87;
}
.marcia-item{
  margin-top: 184px;
}
.marcia-item__content{
  margin-top: clamp(35px,calc(35px + 7 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),42px);
}
.question{
  padding: clamp(117px,calc(117px + 50 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),167px) 0 clamp(69px,calc(69px + 85 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),154px);
  background-color: var(--bg-default-grey);
}
.question .baby-section-title__lv2{
  color: var(--corp-main-color);
}
.question .baby-section-title__lv2 span::after{
  left: -53px;
  right: unset;
}
.question-content{
  margin-top: clamp(37px,calc(37px + 28 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),65px);
}
.question__title-wrap{
  padding: 1.4em 1.2em 1.1em 1.4em;
  background-color: #fff;
  border: 1px solid #DCDCDC;
  border-radius: 10px;
  position: relative;
  transition: 0.6s border-radius ease;
}
.question__title-wrap::before,
.question__title-wrap::after{
  content: "";
  width: 14px;
  height: 2px;
  display: block;
  background-color: #89A3C6;
  position: absolute;
  top: 50%;
  right: 1.3em;
}
.question__title-wrap::after{
  transform: rotate(90deg);
  transition: 0.3s transform ease;
}
.accordion.is-open .question__title-wrap{
  border-radius: 10px 10px 0 0;
}
.accordion.is-open .question__title-wrap::after{
  transform: rotate(0);
}
.question__title{
  padding: 0 1.25em;
  position: relative;
}
.question__title::before{
  content: "Q";
  color: #89A3C6;
  font-size: 18px;
  font-family: var(--font-jost);
  position: absolute;
  top: -1px;
  left: 0;
}
.accordion:not(:first-child) .question__title-wrap{
  margin-top: -1px;
}
.question__content-wrap{
  margin-top: -1px;
  padding: 1.3em 3.2em 1.8em 1.46em;
  border: 1px solid #DCDCDC;
  border-radius: 0 0 10px 10px;
}
.question__content{
  padding-left: 1.25em;
  line-height: 1.85;
  position: relative;
}
.question__content::before{
  content: "A";
  color: #D9ABC6;
  font-size: 18px;
  font-family: var(--font-jost);
  position: absolute;
  top: -2px;
  left: 0;
}
.accordion-content {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
}

.accordion-title {
  cursor: pointer;
}

@media screen and (min-width:768px){
  .baby-section-title__lv2 span::after{
    content: "";
    width: 58px;
    height: 82px;
    background-image: url(/cms/corp/img/usr/product/baby/icon_bear.png);
    background-size: 100% 100%;
    position: absolute;
    right: -92px;
  }
  .about-baby__content{
    flex-direction: row-reverse;
    align-items: center;
  }
  .about-baby__paragraph{
    margin-top: 43px;
  }
  .onesecond-feature .feature-item:not(:first-child){
    margin-top: 0;
    margin-left: -1px;
  }
  .corp-baby .fature-card__title{
    color: initial;
    font-size: 20px;
  }
  .service-content__image{
    max-width: 540px;
  }
  .service-content:nth-of-type(2){
    margin-top: 100px;
    flex-direction: row-reverse;
  }
  .marcia-sample__lists{
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    overflow-x: unset;
    flex-wrap: wrap;
    gap: 30px;
  }
  .marcia-sample__item{
    width: calc((100% - 60px) / 3);
  }
  .category__item{
    width: calc((100% - (clamp(20px,calc(20px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),30px) * 2)) / 3);
  }
  .baby-category .btn-more__area{
    margin-top: 44px;
    text-align: right;
  }
  .service-content{
    flex-direction: row;
  }
  .profile-area{
    max-width: 743px;
    margin: 52px auto 0;
    aspect-ratio: 743 / 786;
  }
  .profile-item{
    width: calc(256 / 743 * 100%);
  }
  .marcia-title.-story img{
    width: auto;
    max-height: 51px;
  }
  .marcia-title.-profile img{
    width: auto;
    max-height: 48px;
  }
  .marcia-title.-item img{
    width: auto;
    max-height: 44px;
  }
  .item-bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .item-left-top {
    top: calc(120 / 743 * 100%);
    left: 0;
  }

  .item-right-top {
    top: calc(120 / 743 * 100%);
    right: 0;
  }

  .item-left-bottom {
    bottom: calc(120 / 743 * 100%);
    left: 0;
  }

  .item-right-bottom {
    bottom: calc(120 / 743 * 100%);
    right: 0;
  }
  .profile-center{
    max-width: 170px;
    aspect-ratio: 170 / 160;
  }
  .marcia-profile__point img{
    max-height: 18px;
  }
  .profile-illust{
    flex-direction: row;
    gap: 14px;
    right: 0;
    bottom: 30px;
  }
  .profile-illust img{
    max-width: 92px;
    aspect-ratio: 92 / 130;
  }
  .question__title-wrap::before,
  .question__title-wrap::after{
    width: 22px;
  }
  .question__title::before,
  .question__content::before{
    font-size: 30px;
    line-height: 1;
  }
  .question__title::before{
    top: -3px;
  }
  .question__content::before{
    top: 1px;
  }
  .question__title{
    padding-left: 2.25em;
    font-size: 16px;
  }
  .question__content{
    padding-left: 2.25em;
    font-size: 16px;
  }
  .question .baby-section-title__lv2 span::after{
    left: -82px;
  }
}
