@charset "UTF-8";
* {
    box-sizing: border-box;
}

.sp_wrapper {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.bs_intr_body {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.mv {
    margin-top: 60rem;
}
.sec-mv {
    width: 100%;
    background-color: #B39A47;
    position: relative;
    overflow: hidden;
    height: 130rem;
    padding-top: 80rem;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sec-mv .copy {
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif JP", serif;
    font-size: 19rem;
    line-height: 1.5;
}
.sec-mv .copy h1,
.sec-mv .copy h2 {
    display: inline-block;
    padding-bottom: 16rem;
    border-bottom: 1px solid #FFF;
    width: 329rem;
}
.concept_sec {
    width: 100%;
    height: auto;
    padding-top: 50rem;
}
.concept_h1 {
    position: relative;
    width: 100%;
    height: 712rem;
    text-align: center;
    font-family: "BIZ UDPMincho", serif;
    margin-top: 0rem;
    margin-bottom: 0rem;
    background-size: 100% auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_producer .concept_h1 {
    background-image: url(../smartphoneimg/businnessintroduction/sp_producer_mv.webp);
}
.page_food .concept_h1 {
    background-image: url(../smartphoneimg/businnessintroduction/sp_food_mv.webp);
}
.page_brand .concept_h1 {
    background-image: url(../smartphoneimg/businnessintroduction/sp_brand_mv.webp);
}
.page_regional .concept_h1 {
    background-image: url(../smartphoneimg/businnessintroduction/sp_regional_mv.webp);
}
.page_overseas .concept_h1 {
    background-image: url(../smartphoneimg/businnessintroduction/sp_overseas_mv.webp);
}
.concept_h1_jp {
    color: var(--color-white, #FFF);
    text-align: center;
    font-family: "Noto Serif JP, sans-serif";
    font-size: 30rem;
    font-style: normal;
    font-weight: 400;
    line-height: 50rem;
    letter-spacing: 3rem;
    width: 350rem;
    padding: 8rem 14.5rem 30rem;
    border-bottom: 1px solid #fff;
}

.bs_th1_intr_h1 {
    position: relative;
    width: 100%;
    text-align: center;
    font-family: "BIZ UDPMincho", serif;
    margin-bottom: 24rem;
}
.bs_th1_intr_h1_en {
    color: #B39A47;
    font-size: 14rem;
    font-weight: 400;
}
.bs_th1_intr_h1_jp {
    font-size: 24rem;
    letter-spacing: 1.2rem;
    margin-top: 5rem;
    line-height: 40rem;
    font-weight: 400;
    padding: 0 20rem;
}
.concept_body .paragraph {
    text-align: center;
    font-size: 12rem;
    font-style: normal;
    line-height: 28rem;
    letter-spacing: 0.7rem;
    width: 350rem;
    margin: 0 auto;
    font-family: 'Inter';
}

.bs_th1_block_one {
    position: relative;
    width: 100%;
    margin-top: 40rem;
    margin-bottom: 40rem;
}

.bs_th1_block_two {
    position: relative;
    width: 100%;
    margin-top: 40rem;
}

.bs_th1_intr_two {
    position: relative;
    width: 100%;
    height: auto;
}

.bs_th1_block {
    position: relative;
    width: 100%;
    margin-top: 40rem;
}

.bs_th1_pic1 {
    position: relative;
    width: 100%;
    border-top-right-radius: 15rem;
    border-bottom-right-radius: 15rem;
    border-top-left-radius: 15rem;
    border-bottom-left-radius: 15rem;
    overflow: hidden;
    margin-top: 24rem;
}

.bs_th1_intr {
    position: relative;
    width: 100%;
}

.bs_th1_intr_h2 {
    position: relative;
    top: 24rem;
    font-size: 20rem;
    width: 100%;
    font-family: "BIZ UDPMincho", serif;
    text-align: center;
    margin-top: 6rem;
}

.bs_th1_intr_b1 {
    position: relative;
    width: 100%;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    font-size: 14rem;
    line-height: 28rem;
    text-align: center;
    letter-spacing: 0.7rem;
    margin-bottom: 25rem;
}

.bs_th1_intr_b1 .paragraph {
    text-align: center;
    font-size: 14rem;
    line-height: 28rem;
    letter-spacing: 0.7rem;
    margin: 0 auto;
    width: 350rem;
}

.page_overseas .bs_th1_block .bs_th1_intr_b1 .paragraph {
    letter-spacing: 0.6rem;
}

.bs_th1_pic2 {
    position: relative;
    margin-left: 23rem;
    width: 85rem;
    overflow: hidden;
}
.bs_th1_pic5 {
  position: relative;
  width: 350rem;
  margin-left: 20rem;
  margin-bottom: 24rem;
}

.bs_th1_intr_h4 {
    position: relative;
    margin-top: -89rem;
    width: 100%;
    height: 70rem;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    text-align: left;
    margin-left: 116rem;
    letter-spacing: 0.75rem;
}
.bs_th1_intr_b2 {
  position: relative;
  margin-top: -66rem;
  width: 100%;
  height: 70rem;
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
  text-align: left;
  margin-left: 116rem;
  letter-spacing: 0.75rem;
}

.bs_th1_intr_b2 span a {
    text-align: left;
    font-size: 14rem;
    line-height: 17rem;
}

.bs_th1_intr_b2 span b {
    top: 8rem;
    text-align: left;
    font-size: 12rem;
    line-height: 15rem;
    letter-spacing: 0.6rem;
}

.bs_th1_pic3 {
    position: relative;
    top: -66rem;
    width: 85rem;
    height: 85rem;
    overflow: hidden;
}

.bs_th1_intr_b3 {
    position: relative;
    top: -156rem;
    left: 90rem;
    width: 100%;
    height: 70rem;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    text-align: left;
    margin-left: 8rem;
}

.bs_th1_intr_b3 span a {
    text-align: left;
    font-size: 14rem;
    line-height: 17rem;
}

.bs_th1_intr_b3 span b {
    top: 8rem;
    text-align: left;
    font-size: 12rem;
    line-height: 15rem;
    letter-spacing: 0.6rem;
}

.bs_th1_pic4 {
    position: relative;
    margin-top: 40rem;
    left: 44.5rem;
    margin-bottom: 52rem;
    width: 303rem;
    height: 248rem;
    overflow: hidden;
}
.bs_intr_sec_part{
  position: relative;
  margin-left: 24.5rem;
  width: 341rem;
  height: 85rem;
  margin-top: 0rem;
  margin-bottom: 25rem;
}
.bs_intr_sec_part_block{
  position: relative;
  display: inline-table;
  padding: 42.5rem;
  background-color: #E4E4E4;
  border-radius: 18rem;
}
.bs_intr_sec_part_text_h4{
  position: relative;
  width: 248rem;
  height: 17rem;
  margin-left: 8rem;
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
  text-align: left;
  font-size: 14rem;
  font-weight: 400;
  line-height: 17rem;
  letter-spacing: 0.75rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.bs_intr_sec_part_text{
  position: relative;
  width: 248rem;
  height: 45rem;
  margin-left: 8rem;
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
  text-align: left;
  font-size: 12rem;
  font-weight: 400;
  line-height: 16rem;
  letter-spacing: 0.6rem;
  margin-top: 6rem;
  margin-bottom: 41rem;
}
.bs_interview {
    margin-top: 40rem;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
.bs_interview .inner {
    padding: 100rem 20rem 50rem;
    background-color: #FFFCF2;
}
.bs_interview_info_header {
    text-align: center;
    font-size: 16rem;
    font-weight: 500;
    line-height: 24rem;
}
.bs_interview_title {
    display: block;
    margin-bottom: 20rem;
    font-family: "EB Garamond", "serif";
}
.page_food .bs_interview_title,
.page_regional .bs_interview_title {
    width: calc(100% + 10rem);
    margin-left: -5rem;
}
.bs_interview_name {
    display: block;
    color: #B39A47;
    font-size: 24rem;
    font-weight: 700;
    line-height: 24rem;
    letter-spacing: 4.8rem;
    margin-bottom: 40rem;
}
.bs_interview_info_body {
    font-size: 16rem;
    font-weight: 500;
    line-height: 36rem;
    letter-spacing: 1.5rem;
    margin-bottom: 68rem;
}

.bs_interview_pic {
    margin-bottom: 40rem;
}
.bs_interview_button {
    width: 352rem;
    height: 64rem;
    background-color: #B39A47;
    color: #fff;
    font-size: 14rem;
    letter-spacing: 0.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
    border-radius: 4px;
}
.bs_interview_button::after {
    content: "";
    display: block;
    width: 14rem;
    height: 14rem;
    background-image: url(../img/common/arrow03.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    right: 17rem;
}
.sec-interview {
    padding-bottom: 60rem;
}
.wrapper-interview1 {
    padding-top: 25rem;
}
.head-interview {
    position: relative;
    text-align: center;
    margin-bottom: 42rem;
}
.subtitle-en-interview {
    font-family: "EB Garamond", serif;
    font-size: 70rem;
    color: #B39A47;
    display: block;
}
.subtitle-interview {
    display: block;
    text-align: center;
    font-size: 24rem;
    font-weight: 700;
    letter-spacing: 4.8rem;
    margin-top: -12rem;
    margin-left: 7rem;
}
.wrapper-interview2 {
    background-color: #F3E7BF;
    padding-top: 50rem;
    padding-bottom: 99rem;
}
.inner-interview2 {
    position: relative;
}
.li-employees {
    display: flex;
    padding-left: 20rem;
    padding-right: 20rem;
}
.card-employee:nth-child(4), .card-employee:nth-child(3), .card-employee:nth-child(2), .card-employee:first-child {
    width: 26.8%;
    flex-shrink: 0;
    aspect-ratio: 0.6808510638;
    position: relative;
    -webkit-clip-path: polygon(11.3% 0%, 100% 0%, 88.7% 100%, 0% 100%);
            clip-path: polygon(11.3% 0%, 100% 0%, 88.7% 100%, 0% 100%);
}
@media screen and (max-width: 1024px) {
    .card-employee:nth-child(4), .card-employee:nth-child(3), .card-employee:nth-child(2), .card-employee:first-child {
        width: 180rem;
        aspect-ratio: 0.679245283;
    }
}
  
.card-employee:nth-child(2) {
    transform: translate(-5%, 9%);
}
.employee--img {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
  
.employee {
    position: absolute;
    width: 100%;
    bottom: 0;
    font-weight: 700;
    color: #fff;
    background-color: rgba(179, 154, 71, 0.8);
    padding: 7rem 20rem;
    font-family: Inter, "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 700;
    line-height: 19rem;
} 
.employee--dept {
    font-size: 10rem;
} 
.employee--name {
    font-size: 16rem;
} 
.wrapper-btn-employee {
    display: flex;
    justify-content: center;
    margin-top: 66rem;
}
.sec-interview .btn-more {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 130rem;
    height: 40rem;
    color: #9E8B4B;
    font-size: 14rem;
    font-weight: 700;
    font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.sec-interview .btn-more::after {
    content: "";
    display: block;
    width: 40rem;
    height: 40rem;
    background-image: url(../img/common/arrow04.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}