/**/
:root {
    --mainColor-red: #E50053;
    --color-key-secondary: #FAF3E6;
    --color-sub-gray:#F7F7F6;
    --color-key-gold:#BE9B3E;
    --color-key-gorl-dark:#634904;
}

/* --------------------------------------------
    l-main内　表示順
    PC版＝上部にパンくずリスト表示
    SP版＝下部にパンくずリスト表示
-------------------------------------------- */
.l-main{
  display: flex;
  flex-direction: column;
}

@media (max-width: 1023px) {
  .l-main nav{
    order: 999;
  }
}

/* --------------------------------------------
    container
-------------------------------------------- */
.l-main .container,
.l-main .section-address{
  width: 100%;
  margin:0 auto;
  padding:32px 24px;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  .l-main .container,
  .l-main .section-address{
    padding: 0 12px;
    width:100%;
  }
}

/* --------------------------------------------
    container article
-------------------------------------------- */

.l-main article{
  display: flex;
  flex-direction: column;
  gap:32px;
}

/**/
@media (min-width: 1024px) {
    .margin-t-hd{
        margin: 10.5rem;
    }
}
@media (max-width: 1023px) {
    .margin-t-hd{
        margin: 12rem;
    }
}

/**/
.mainvisual__title{
    color: var(--mainColor-red) !important;
}

/**/
.container{
    margin:auto;
    color:#333333;
    padding:0;
    max-width:1080px;
}
@media (max-width: 578px) {
    .container{
        max-width:100%;
        margin:0;
    }
}

/*PC版・SP版で表示と非表示を切り替える*/
.container .pc{ display: none; }
.container .sp{ display: none; }
@media (min-width: 1024px) {
    .container .pc{ display: block; }
}
@media (max-width: 1023px) {
    .container .sp{ display: block; }
}

/*max-width設定*/
.max_w_1000{
    max-width:1000px;
    margin:0 auto;
}

.max_w_1052{
    max-width:1052px;
}

/*h2*/
.container h2{
    font-size:24px;
    font-weight: 700;
    padding:7px;
    margin:0 0 10px;
    text-align: center;
    color: var(--mainColor-red) !important;
}

.profile-container h2{
    padding:0 0 24px 0 ;
    margin:0;
    font-weight: 700;
    font-size:32px;
    text-align: center;
    color:  var(--mainColor-red);
}

@media (max-width: 1023px) {
    .container h2{ font-size:20px; } 
}

.container h2.mainColor{
    border-bottom:3px solid var(--mainColor-red) !important;
}

.container h2.goldColor{
    font-weight: 700;
    color: var(--color-key-gorl-dark) !important;
    border-bottom:3px solid var(--color-key-gorl-dark);
}

/*各コンテンツの余白*/
.container .three-rules,
.container .customer-voice,
.container .seikon-stories,
.container .seikon-experiences,
.container .movies,
.container .blogs,
.container .articles,
.container .shop-staff-list{
    margin: 32px auto;
}

/*スタッフ紹介*/

.profile-container{
    padding:24px 0 40px 0;
}

@media (max-width: 1023px) {
    .profile-container h2{
        font-size:24px;
    }   
}

/* スタッフ一覧 */
.CAMC_staff_list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin: 0 auto 40px;
}
.CAMC_staff_list li a {
  display: block;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  font-size: 16px;
}
.CAMC_staff_list li a div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.CAMC_staff_list li a img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 50%;
}
.CAMC_staff_list li:hover a img {
    transform: scale(1.1);
    transition: .2s ease;
}
.CAMC_staff_list li a p {
  margin-top: 10px;
}

/* スタッフ一覧 店舗案内 */
.section-address .profile-container{
    width: 85%;
    margin: 0 auto;
}
.CAMC_shop_info{
    display: flex;
    justify-content: center;
}
.CAMC_shop_info .shop_list_img{
    text-align: center;
    width:320px;
}
.CAMC_shop_info .shop_list_img img{
    width:100%;
    height:auto;
}
.CAMC_shop_info .shop_list_txt{
    width:fit-content;
    margin-left: 3%;
}
.CAMC_shop_info .shop_list_txt dl{
    display:flex;
}
.CAMC_shop_info .shop_list_txt dt{
    font-weight: normal;
    width:120px;
}
.CAMC_shop_info .shop_list_txt dd{
    flex: 1;
    margin:0; 
}
.CAMC_shop_info .shop_list_txt dd a{
    text-decoration: none;
    color: #1A1A1A;
}
@media (max-width: 1023px) {
  .CAMC_staff_list {
    grid-template-columns: repeat(2, 1fr);
  }
  .CAMC_shop_info{
    display: block;
    padding: 0;
  }
  .CAMC_shop_info .shop_list_img,
  .CAMC_shop_info .shop_list_txt{
    width: 100%;
    margin: 0;
  }
  .CAMC_shop_info .shop_list_img{
    margin: 0 auto 20px;
  }
  .CAMC_shop_info dl{
    display: flex;
  }
  .CAMC_shop_info dt{
    width: 20%;
    padding: 0px;
  }
  .CAMC_shop_info dd{
    width: 80%;
  }
  .redBox.staff-info p,
  .staff-info a.btn--gold-gradient{
    font-size:14px !important;
  }

}