﻿.corp-towle .page-head__title-en{
  color: var(--mina-pink-color);
}
.page-lead{
  padding: 74px 0 100px;
  background-color: var(--bg-default-grey);
}
.page-lead__mv{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.page-lead__mv img{
  width: 100%;
}
.page-lead-about{
  max-width: 624px;
  margin-top: clamp(91px,calc(19px + 57 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),148px);
}
.page-lead-about__title{
  font-size: clamp(32px,calc(32px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),36px);
  font-weight: 400;
  letter-spacing: 0.05em;
}
.page-lead-about__sub-title{
  margin-top: clamp(26px,calc(26px + 13 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),39px);
  font-size: clamp(18px,calc(18px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),20px);
  line-height: 2.2;
  letter-spacing: 0.1em;
}
.page-lead-about__paragraph{
  margin-top: 49px;
  font-size: 15px;
  line-height: 2;
}
.page-lead-about__movie{
  margin-top: clamp(66px,calc(66px + 37 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),103px);
}
.page-lead-about__movie video{
  width: 100%;
}
.towle-flow{
  padding: clamp(64px,calc(64px + 129 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),193px) 0 clamp(73px,calc(73px + 14 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),87px);
}
.towle-flow .content-title__lv2{
  text-align: center;
}
.towle-flow__image{
  margin-top: clamp(30px,calc(30px + 33 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),63px);
}
.towle-flow__image img{
  width: 100%;
}
.towle-flow__wrap{
  margin-top: clamp(89px,calc(89px + 73 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),162px);
}
.content-detail__title{
  font-size: clamp(22px,calc(22px + 8 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),30px);
}
.content-detail__title .no{
  display: block;
  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;
}
.content-detail__title .no-1{
  color: #89A3C6;
}
.content-detail__title .no-2{
  color: var(--corp-main-color);
}
.content-detail__title .no-3{
  color: #D9ABC6;
}
.content-detail__title .no-4{
  color: #EFBD8B;
}
.content-detail__title .no-5{
  color: #B4B4B4;
}
.towle-flow.content-col2{
  align-items: center;
}
.content-image figcaption{
  margin-top: 0.8em;
  font-size: clamp(14px,calc(14px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
}
.towle-flow__scroll{
  margin-top: clamp(61px,calc(61px + 57 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),118px);
  position: relative;
}
.towle-flow__default + .towle-flow__scroll,
.towle-flow__scroll + .towle-flow__default,
.towle-flow__scroll + .towle-flow__scroll{
  padding-top: clamp(61px,calc(61px + 57 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),118px);
  border-top: 1px solid #DCDCDC;
}
.towle-flow__inner{
  min-height: 100vh;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 40px;
}
.towle-flow__content{
  max-width: 890px;
}
.towle-flow__content + .towle-flow__content{
  margin-top: clamp(65px,calc(65px + 16 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),81px);
}
.towle-sub-flow__title{
  font-size: clamp(18px,calc(18px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),24px);
  font-weight: 400;
}
.towle-sub-flow__paragraph{
  margin-top: clamp(21px,calc(21px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),27px);
  font-size: 15px;
  line-height: 2.5;
}
.towle-sub-flow__flow{
  width: 100vw;
  padding-right: 30px;
  margin-top: 48px;
  padding-bottom: 40px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.towle-sub-flow__lists{
  width: max-content;
  display: flex;
  gap: 0 clamp(30px,calc(30px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px);
}
.towle-sub-flow__item{
  width: 250px;
}
.towle-sub-flow__item:last-child{
  margin-right: 20px;
}
.towle-sub-flow__item img{
  width: 100%;
}
.towle-sub-flow__item figcaption{
  margin-top: clamp(15px,calc(15px + 8 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),23px);
  font-size: 14px;
  line-height: 1.8;
}
.towle-flow__scroll-fix{
  position: relative;
  width: 100%;
}
.towle-flow__scroll-wrap{
  width: 100%;
  flex: 1;
  display: block;
}
.message{
  padding: 0 0 clamp(66px,calc(66px + 77 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),143px);
  background-color: var(--bg-default-grey);
}
.message-content{
  display: flex;
  flex-direction: column;
  gap: 57px clamp(20px,calc(20px + 77 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),97px);
}
.message-content__image{
  width: 100vw;
  max-width: 550px;
  margin-left: calc(50% - 50vw);
}
.message-content__image img{
  width: 100%;
  aspect-ratio: 1 / 1;
}
.message-content__paragraph{
  margin-top: clamp(35px,calc(35px + 25 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),60px);
  font-size: 15px;
  line-height: 2.2;
}
@media screen and (max-width:767px){
  .content-detail__title{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 30px;
    background-color: #fff;
  }
}
@media screen and (min-width:768px){
  .page-lead__mv{
    width: 100%;
    margin: 0;
  }
  .page-lead{
    padding: 28px 0 175px;
  }
  .towle-flow__inner{
    flex-direction: row;
  }
  .towle-flow__scroll-fix{
    width: 240px;
  }
  .towle-sub-flow__flow{
    margin-top: 38px;
    overflow: unset;
  }
  .towle-sub-flow__item{
    width: 270px;
  }
  .message{
    padding: clamp(20px,calc(20px + 223 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),243px) 0 clamp(66px,calc(66px + 77 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),143px);
    background-color: var(--bg-default-grey);
  }
  .message-content{
    flex-direction: row;
  }
  .message-content__image{
    width: 100%;
    margin-left: 0;
  }
  .message-content__paragraph{
    font-size: 16px;
  }
}
