body{
  background-color: var( --bg-default-grey);
}
html.scroll-locked,
body.scroll-locked {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mv {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh) * 100);
  overflow: hidden;
  z-index: 0;
}
.mv.is-fixed::after{
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.26);
  position: fixed;
  top: 0;
  left: 0;
}
.top-mv__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section {
  position: relative;
  z-index: 20;
}
.mv-message-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh) * 100);
  pointer-events: none;
  z-index: 10; /* 背景より前 */
}

.mv-message {
  opacity: 0;
  color: #fff;
  font-size: clamp(15px,calc(15px + 5 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),20px);
  text-align: center;
  letter-spacing: 0.2em;
  line-height: 2;
  white-space: nowrap;
  transition: opacity 0.5s ease;
  position: absolute;
  z-index: 10;
}
#mv-msg-1,
#mv-msg-2{
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#mv-msg-3 {
  text-align: left;
  left: 5%;
  bottom: 15%;
}
.message{
  padding: clamp(98px,calc(98px + 96 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),194px) 0 clamp(70px,calc(70px + 429 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),501px);
}
.message-content__title{
  color: #fff;
  font-family: var(--font-jost);
  font-size: clamp(18px,calc(18px + 12 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),30px);
  text-transform: uppercase;
}
.message-content__lead{
  margin-top: 2em;
  color: #fff;
  font-size: clamp(22px,calc(22px + 7 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),33px);
  line-height: 2;
  letter-spacing: 0.25em;
}
.message-content__text{
  color: #fff;
  margin-top: 2em;
  font-size: clamp(15px,calc(15px + 1 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  line-height: 2.5;
  letter-spacing: 0.15em;
}
.news{
  padding: clamp(62px,calc(62px + 90 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),152px) 0 clamp(46px,calc(46px + 92 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),138px);
  background-color: var( --bg-default-grey);
}
.news-content{
  margin-top: 38px;
}
.news-detail{
  padding: clamp(25px,calc(25px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),36px) 0;
  border-top: 1px solid #DCDCDC;
}
.news-content__item:last-child{
  border-bottom: 1px solid #DCDCDC;
}
.news-detail__main-head{
  display: flex;
  align-items: center;
  gap: clamp(9px,calc(9px + 5 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),14px);
}
.news-category__wrap{
  display: flex;
  gap: 0.5em;
}
.news-category__icon{
  width: 100px;
  padding: 0.4em 0 0.6em;
  text-align: center;
  color: #fff;
  font-family: var(--font-jost);
  font-size: clamp(15px,calc(15px + 1 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  border-radius: 10px;
}
.news-category__icon {
  display: none;
}
.news-category__icon.articles_media,
.news-category__icon.articles_topics {
  display: inline-block;
}
.news-category__icon.articles_news:only-child {
  display: inline-block;
}
.news-category__icon.articles_media{
  background-color: #D9ABC6;
}
.news-category__icon.articles_topics{
  background-color: #BCBF23;
}
.news-category__icon.articles_news{
  background-color: #89A3C6;
}
.news-time{
  color: #969696;
  font-family: var(--font-jost);
  font-size: clamp(14px,calc(14px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),18px);
}
.news-detail__text{
  margin-top:1.1em ;
  font-size: clamp(14px,calc(14px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),18px);
  line-height: 2.13;
}
.btn-more__area{
  margin-top: 1.53em;
}
.quality{
  position: relative;
  overflow: visible; /* 見出しがはみ出しても見えるように */
}

.quality-bg__wrap{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.quality-bg{
  width: 100%;
  height: 100vh;
}

.quality-bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quality-scroll-inner{
  position: relative;
  overflow: hidden; /* 背景固定以外のスクロールを制御 */
}

.quality-title-wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative; /* relativeに変更 */
  text-align: center;
  margin: 0 auto;
  padding: 50px 0; /* 上下余白で中央寄せを調整 */
  z-index: 10; /* 背景より前面に */
}

.quality-title{
  font-size: clamp(50px,calc(50px + 65 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),115px);
}

.quality-title .line{
  color: rgba(255, 255, 255, 0.35);
  font-family: var(--font-jost);
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  display: block;
}

.quality-title  .line.jp{
  color: #fff;
  font-size: clamp(26px,calc(26px + 24 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),50px);
  font-weight: 400;
  letter-spacing: 0.15em;
}

.qualyty-lead{
  position: relative;
  z-index: 1;
  padding: clamp(272px,calc(272px + 18 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),290px) 0 clamp(118px,calc(118px + 50 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),168px);
}
.quality-lead__title{
  color: #fff;
  font-size: clamp(22px,calc(22px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),26px);
  line-height: 2;
  letter-spacing: 0.25em;
}
.quality-lead__text{
  margin-top: clamp(34px,calc(34px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),44px);
  color: #fff;
  font-size: clamp(15px,calc(15px + 1 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  line-height: 2.5;
  letter-spacing: 0.15em;
}
.quality-content-wrap{
  padding-top: clamp(80px,calc(80px + 90 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),170px);
  padding-bottom: clamp(65px,calc(65px + 125 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),190px);
  display: block;
  background-color: var(--bg-default-grey);
  position: relative;
}
.quality-content{
  position: relative;
  z-index: 1;
}
.quality-detail{
  display: flex;
  justify-content: flex-end;
}
.quality-content:nth-of-type(even) .quality-detail{
  flex-direction: row-reverse;
}
.quality-content__inner > .quality-content:nth-of-type(2){
  margin-top: clamp(192px,calc(192px + 108 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),300px);
}
.quality-content__inner > .quality-content:nth-of-type(3){
  margin-top: clamp(140px,calc(140px + 192 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),332px);
}
.quality-content__inner > .quality-content:nth-of-type(4){
  margin-top: clamp(169px,calc(169px + 121 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),290px);
}
.quality-content__inner > .quality-content:nth-of-type(5){
  margin-top: clamp(148px,calc(148px + 234 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),382px);
}
.quality-content__inner > .quality-content:nth-of-type(6){
  margin-top: clamp(148px,calc(148px + 172 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),320px);
}
.quality-content:before{
  content: "";
  width: calc(283 / 375 * 100vw);
  display: block;
  aspect-ratio: 283 / 190;
  background-color: #ECECD4;
  position: absolute;
  z-index: -1;
  top: -60px;
}
.quality-content__inner > .quality-content:nth-of-type(2)::before{
  background-color: #E9E3E9;
  top: -80px;
  right: 0;
}
.quality-content__inner > .quality-content:nth-of-type(3)::before{
  background-color: #F5ECE4;
  top: -60px;
}
.quality-content__inner > .quality-content:nth-of-type(4)::before{
  background-color: #E9E3E9;
  top: -80px;
  right: 0;
}
.quality-content__inner > .quality-content:nth-of-type(5)::before{
  background-color: #E2E9EA;
  top: -60px;
}
.quality-content__inner > .quality-content:nth-of-type(6)::before{
  background-color: #F4EEE1;
  top: -80px;
  right: 0;
}
.quality-detail__lead-wrap{
  margin: -30px 0 0 30px;
  position: absolute;
  z-index: 10;
}
.quality-content:nth-of-type(odd) .quality-detail__lead-wrap{
  left: 0;
}
.quality-content:nth-of-type(even) .quality-detail__lead-wrap{
  right: 0;
}
.quality-content__inner > .quality-content:nth-of-type(2) .quality-detail__lead-wrap{
  margin: -100px 30px 0 0;
}
.quality-content__inner > .quality-content:nth-of-type(4) .quality-detail__lead-wrap{
  margin: -100px 30px 0 0;
}
.quality-content__inner > .quality-content:nth-of-type(6) .quality-detail__lead-wrap{
  margin: -100px 30px 0 0;
}
.quality-content__inner > .quality-content:nth-of-type(2) .quality-detail__lead >span:not(.text-color){
  display: block;
}
.quality-content__inner > .quality-content:nth-of-type(1) .text-color{
  color: #BCBF23;
}
.quality-content__inner > .quality-content:nth-of-type(2) .text-color{
  color: #A785AC;
}
.quality-content__inner > .quality-content:nth-of-type(3) .text-color{
  color: #EFBD8B;
}
.quality-content__inner > .quality-content:nth-of-type(4) .text-color{
  color: #A785AC;
}
.quality-content__inner > .quality-content:nth-of-type(5) .text-color{
  color: #7CABAF;
}
.quality-content__inner > .quality-content:nth-of-type(6) .text-color{
  color: #EFBD8B;
}
.quality-detail__lead {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  z-index: 1;
}
.quality-detail__lead span{
  font-size: clamp(17px,calc(17px + 9 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),26px);
}
.quality-detail__lead span:not(.text-color){
  padding: 1em 0.3em;
  color: var(--default-font-color);
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  background-color: #fff;
  letter-spacing: 0.3em;
}
.qulity-detail__image{
  width: calc(326 / 375 * 100%);
}
.qulity-detail__image img{
  width: 100%;
}
.quality-detail__text{
  margin: clamp(26px,calc(26px + 14 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px) clamp(20px,calc(20px + 14 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),30px) 0;
  font-size: clamp(15px,calc(15px + 1 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  line-height: 2;
  letter-spacing: 0.25em;
}
.lineup{
  padding: clamp(85px,calc(85px + 66 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),151px) 0 clamp(81px,calc(81px + 51 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),132px);
}
.lineup__title{
  padding: 0 20px;
}
.lineup-content{
  margin-top: clamp(66px,calc(66px + 21 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),87px);
  padding: 0 20px;
}
.lineup-content__lists{
  display: flex;
  flex-direction: column;
  gap: clamp(82px,calc(82px + 28 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),110px) clamp(30px,calc(30px + 70 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),100px);
}
.lineup-content__item{
  width: 100%;
}
.lineup-product__image img{
  width: 100%;
}
.lineup-product__name{
  margin-top: 1.4em;
  font-size: clamp(18px,calc(18px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),24px);
  letter-spacing: 0.05em;
}
.lineup-product__name .text-num{
  font-size: 1.3em;
  font-family: var(--font-jost);
  font-weight:  500;
  letter-spacing: 0.25em;
}
.lineup-product__name small{
  font-size: 0.75em;
}
.lineup-product__lead{
  margin-top: 1.375em;
  font-size: 16px;
  letter-spacing: 0.15em;
}
.social-contribution{
  padding: clamp(108px,calc(108px + 84 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),192px) 0 clamp(85px,calc(85px + 88 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),173px);
  background-color: #fff;
}
.social-contribution__title-sub{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px 0;
}
.social-contribution__title-sub > span{
  padding: 0.3em 0.64em;
  color: #fff;
  font-size: clamp(25px,calc(25px + 3 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),28px);
  letter-spacing: 0.05em;
  background-color: var(--corp-main-color);
}
.social-contribution__title-main{
  margin-top: 0.8em;
  font-size: clamp(24px,calc(24px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),28px);
  display: inline-block;
  letter-spacing: 0.25em;
}

.social-contribution__lead-text{
  margin-top: 2em;
  font-size: clamp(15px,calc(15px + 1 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  line-height: 2;
  letter-spacing: 0.15em;
}
.social-contribution__content{
  margin-top: clamp(54px,calc(54px + 15 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),69px);
  display: flex;
  flex-direction: column;
  gap: 43px clamp(30px,calc(30px + 50 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),80px);
}
.social-contribution__card{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.social-contribution__card.award .social-contribution-card__detail{
  padding: 3.25em 1.73em 1.73em;
  background-color: #F4F4F4;
}
.social-contribution-card__image img{
  width: 100%;
}
.social-contribution-card__detail{
  margin-top: clamp(36px,calc(36px + 8 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),44px);
}

.social-contribution-card__title{
  color: var(--corp-main-color);
  font-size: clamp(22px,calc(22px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),24px);
  text-align: center;
  letter-spacing: 0.05em;
}
.social-contribution__card.award .social-contribution-card__title{
  font-size: clamp(21px,calc(21px + 5 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),24px);
}
.social-contribution-card__title-sub{
  font-size: clamp(16px,calc(16px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),18px);
  text-align: center;
}
.social-contribution__card:not(.award) .social-contribution-card__title{
  text-align: left;
}
.social-contribution__card:not(.award) .social-contribution-card__title-sub{
  text-align: left;
}
.social-contribution-card__title + .social-contribution-card__title-sub{
  margin-top: clamp(20px,calc(20px + 11 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),31px);
}
.social-contribution-card__title-sub + .social-contribution-card__title{
  margin-top: clamp(21px,calc(21px + 11 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),32px);
}
.social-contribution-card__text{
  margin-top: clamp(21px,calc(21px + 11 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),32px);
  font-size: clamp(15px,calc(15px + 1 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  line-height: 2;
  letter-spacing: 0.15em;
}
.case{
  padding: clamp(108px,calc(108px + 84 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),192px) 0 clamp(85px,calc(85px + 88 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),173px);
}
.top-case__title-jp{
  font-size: clamp(22px,calc(22px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),26px);
  letter-spacing: 0.05em;
}
.top-case__title-en{
  display: block;
  color: #B4B4B4;
  font-size: 14px;
  font-family: var(--font-jost);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.top-case__lead-text{
  margin-top: clamp(28px,calc(28px + 8 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),36px);
  font-size: clamp(15px,calc(15px + 1 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
}
.top-case__content{
  width: 100vw;
  margin-top: clamp(50px,calc(50px + 26 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),76px);
}
.top-case__card{
  color: var(--default-font-color);
}
.case-card__ctegory{
  width: fit-content;
  padding: 2px 8px;
  color: #fff;
  font-size: clamp(15px,calc(15px + 1 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  background-color: var(--corp-main-color);
  transform: translateY(50%);
}
.case-card__image img{
  width: 100%;
}
.top-sns__image{
  width: 100%;
  text-align: center;
}
.top-sns__image img{
  width: 100%;
  max-width: 262px;
}
.case-card__detail{
  margin-top: clamp(18px,calc(18px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),28px);
}
.case-card__title{
  color: var(--default-font-color);
  font-size: 18px;
  letter-spacing: 0.05em;
}
.case-card__text{
  margin-top: 1.25em;
  font-size: 15px;
  line-height: 2.1;
  letter-spacing: 0.05em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.case .btn-more__area{
  margin-top: 32px;
  text-align: left;
}
.topics{
  padding: clamp(52px,calc(52px + 57 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),109px) 0 clamp(28px,calc(28px + 48 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),76px);
  background-color: #fff;
}
.topics__content{
  width: 100vw;
  margin-top: clamp(31px,calc(31px + 8 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),39px);
}
.topics__card{
  color: var(--default-font-color);
}
.topics__category-wrap{
  display: flex;
  align-items: center;
}
.topics__category-icon{
  padding-left: 1.2em;
  font-size: 13px;
  display: flex;
  align-items: center;
  position: relative;
}
.topics__category-icon:not(:first-of-type){
  margin-left: 1em;
}
.topics__category-icon:before{
  content: "";
  width:1em;
  height: 1em;
  display: block;
  background-color: #D9ABC6;
  border-radius: 50%;
  position: absolute;
  left: 0;
}
.topics__category-icon.shop_all:before{
  background-color: var(--corp-main-color);
}
.topics__category-icon.articles_topics{
  display: none;
}
.topics__category-icon:not(.articles_media):not([class*="shop_"]){
  display: none;
}
.topics__category-icon.shop_tokyo,
.topics__category-icon.shop_hokkaidou,
.topics__category-icon.shop_touhouku,
.topics__category-icon.shop_kantou,
.topics__category-icon.shop_shinetu,
.topics__category-icon.shop_toukai,
.topics__category-icon.shop_hokuriku,
.topics__category-icon.shop_kansai,
.topics__category-icon.shop_chugoku,
.topics__category-icon.shop_kyushyu{
  display: none;
}

.topics__image{
  margin-top: clamp(12px,calc(12px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),18px);
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.topics__image img{
  width: 100%;
  transition: 0.3s transform ease-in-out;
}
.topics__card:hover .topics__image img{
  transform: scale(1.3);
}
.topics__detail{
  margin-top: clamp(12px,calc(12px + 3 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),15px);
}
.topics__title{
  font-size: 15px;
  line-height: 1.8;
}
.topics__time{
  margin-top: clamp(12px,calc(12px + 3 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),17px);
  font-size: 14px;
}
.topics .btn-more__area{
  margin-top: 32px;
  text-align: left;
}
.recruit{
    min-height: 450px;
    padding: 57px 0;
    background: url(/cms/corp/img/usr/top/bg_recuruit_sp.png) no-repeat center center;
    background-size: cover;
}
.recuruit__title-en{
  font-size: clamp(30px,calc(30px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px);
}
.recuruit__title-jp{
  font-size: 20px;
  display: block;
}
.recuruit__text{
  margin-top: 26px;
}
.top-sns__detail{
  margin-top: 40px;
}
.top-sns__text{
  font-size: clamp(16px,calc(16px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),18px);
  letter-spacing: 0.05em;
}
.top-sns__text .text-large{
  font-size: 1.25em;
}
.top-sns__text .text-wrap{
  display: block;
  margin-top: 0.25em;
}
.top-sns__lists{
  margin-top: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}
.top-sns__item{
  width: calc((100% - 75px) / 4);
  max-width: 68px;
}
.top-sns__link{
  display: block;
}
.top-sns__link img{
  width: 100%;
  height: auto;
}






.top-sns{
   padding: clamp(136px,calc(136px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),140px) 0 clamp(80px,calc(80px + 33 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),113px);
}
@media screen and (min-width:768px){
  .message-content{
    margin-left: calc(50% - 40px);
  }
  #mv-msg-3 {
    text-align: left;
    left: unset;
    right: 5%;
    bottom: 8%;
  }
  .news-wrap{
    display: flex;
    justify-content: space-between;
  }
  .news-content{
    margin-top: 0;
    width: calc(900 / 1200 * 100%);
  }
  .quality-bg {
  background-image:url(/cms/corp/img/usr/top/bg_quality_pc.png);
  }
  .quality-title .line{
    display: inline-block;
  }
  .quality-title .line.jp{
    display: block;
  }
  .quality-lead__title{
    text-align: center;
  }
  .quality-lead__text{
    text-align: center;
  }
  .quality-content__inner{
    width: 100%;
    max-width: 1940px;
    margin-left: auto;
    margin-right: auto;
  }
  .qulity-detail__image{
    width: 100%;
    max-width: 800px;
  }
  .quality-detail{
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    justify-content: center;
    position: relative;
    z-index: 1;
  }
  .quality-content__inner > .quality-content:nth-of-type(1) .quality-detail__lead-wrap{
    margin: 0 clamp(20px,calc(20px + 78 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),98px) 0 0;
  }
  .quality-content__inner > .quality-content:nth-of-type(2) .quality-detail__lead-wrap{
    margin: 0 0 0 clamp(20px,calc(20px + 88 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),108px);
  }
  .quality-content__inner > .quality-content:nth-of-type(3) .quality-detail__lead-wrap{
    margin: 0 clamp(20px,calc(20px + 66 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),86px) 0 0;
  }
  .quality-content__inner > .quality-content:nth-of-type(4) .quality-detail__lead-wrap{
    margin: 0 0 0 clamp(20px,calc(20px + 88 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),108px);
  }
  .quality-content__inner > .quality-content:nth-of-type(5) .quality-detail__lead-wrap{
    margin: 0 clamp(20px,calc(20px + 68 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),98px) 0 0;
  }
  .quality-content__inner > .quality-content:nth-of-type(6) .quality-detail__lead-wrap{
    margin: 0 0 0 clamp(20px,calc(20px + 58 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),78px);
  }
  .quality-content__inner > .quality-content:nth-of-type(6) .quality-detail__lead-wrap .quality-detail__lead span:not(.text-color) + span{
    padding-top: 1em;
  }

  .quality-content:nth-of-type(odd) .quality-detail__lead-wrap{
    left: 5%;
  }
  .quality-content:nth-of-type(even) .quality-detail__lead-wrap{
    right: 5%;
  }
  .quality-detail__lead:not(.col2){
    flex-direction: column;
    gap: 0;
  }
  .quality-detail__lead span:not(.text-color){
    display: inline-block;
  }
  .quality-detail__lead span:not(:last-child) {
    padding-bottom: 0;
  }
  .quality-detail__lead span:not(.text-color) + span{
    padding-top: 0;
  }
  .quality-content:before{
    width: calc(720 / 1440 * 100%);
    max-width: 720px;
    aspect-ratio: 720 / 480;
  }
  .lineup-content__lists{
    flex-direction: row;
    flex-wrap: wrap;
  }
  .lineup-content__item{
    width: calc((100% - clamp(30px,calc(30px + 70 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),100px)) / 2);
  }
  .top-case__content{
    width: 100%;
  }
  .case .btn-more__area{
    text-align: right;
  }
  .topics__content{
    width: 100%;
  }
  .topics .btn-more__area{
    text-align: right;
  }
  .recruit{
    min-height: 440px;
    background-image: url(/cms/corp/img/usr/top/bg_recuruit_pc.png);
  }
  .recruit__content{
    position: relative;
    left: 50%;
    transform: translateY(50%);
  }
  .social-contribution__title-sub{
    flex-direction: row;
  }
  .social-contribution__title-sub span + span{
    padding-left: 0;
  }
  .social-contribution__content{
    flex-direction: row;
  }
  .social-contribution__card.award .social-contribution-card__detail{
    margin-top: 0;
  }
  .top-case__title-en.sp-only{
    display: none;
  }
  .top-sns__content{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 85px;
  }
  .top-sns__image{
    width: calc(262 / 375 * 100%);
    max-width: 262px;
  }
  .top-sns__link{
    transition: 0.3s opacity ease;
  }
  .top-sns__link:hover{
    opacity: 0.65;
  }
  .top-sns__lists{
    justify-content: flex-start;
  }
}