@charset "UTF-8";

.main_inner {
  overflow-x: hidden;
}
#breadcrumbs {
  width: 140rem;
  margin-inline: auto;
}
@font-face {
  font-family: "ginger";
  src: url("../../../../../font/F37GingerBold.otf") format("truetype");
}
@font-face {
  font-family: "ginger_r";
  src: url("../../../../../font/F37 Ginger Regular.otf") format("truetype");
}

/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                SETTING
///////////////////////////////////////////////////////////////////////////////////////
*/
.barbour_240531 {
  --color-black: #000;
  --font-gen: "noto-sans-cjk-jp", sans-serif;
  color: var(--color-black);
  text-align: center;
  /* font-feature-settings: "palt"; */
  font-family: 'ginger', "noto-sans-cjk-jp", Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
}
.barbour_240531 .fontJa {
  font-family: var(--font-gen);
}
.barbour_240531 .fontEn {
  font-family: "ginger";
}
@media screen and (max-width: 767px) {
  .barbour_240531 {
    margin: 0 auto 50px;
  }
  .barbour_240531 .pcOnly {
    display: none!important;
  }
  .barbour_240531 .sec.--02 .c-tax .c_tax_img,
  .barbour_240531 .sec.--03 .c-tax .c_tax_img,
  .barbour_240531 .sec.--04 .c-tax .c_tax_img,
  .barbour_240531 .sec.--05 .c-tax .c_tax_img{
    width: calc( 45*(100vw / 390));
  }
}
@media screen and (min-width: 768px) {
  .barbour_240531 {
    margin: 0 auto 100px;
  }
  .barbour_240531 .sec.--02 .c-tax .c_tax_img,
  .barbour_240531 .sec.--03 .c-tax .c_tax_img,
  .barbour_240531 .sec.--04 .c-tax .c_tax_img,
  .barbour_240531 .sec.--05 .c-tax .c_tax_img{
    width: 4rem;
  }

}



.barbour_240531 .pc {
  display: none !important;
}

@media only screen and (min-width: 768px), print {
  .barbour_240531 .sp {
    display: none !important;
  }
  .barbour_240531 .pc {
    display: block !important;
  }
  .barbour_240531 .pc_inline {
    display: inline !important;
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                common
///////////////////////////////////////////////////////////////////////////////////////
*/

.barbour_240531 .c_ttl{
  text-align: center;
  font-size: calc( 16 *(100vw / 390));
  letter-spacing: 0.05em;
}

.barbour_240531 .sec_sub_ttl{
  text-align: center;
  font-size: calc( 12*(100vw / 390));
  letter-spacing: 0;
}

.barbour_240531 .c_text{
  font-size: calc( 12*(100vw / 390));
  margin-top: calc( 20*(100vw / 390));
  line-height: 1.6;
  letter-spacing: 0.02em;
  font-weight: 400;
  font-style: normal; 
  font-family: var(--font-gen);
}

.barbour_240531 .c-tax{
  margin-top: calc( 30*(100vw / 390));
  margin-left: calc( 42*(100vw / 390));
}

.barbour_240531 .c-tax li{
  display: flex;
  align-items: center;
  gap: calc( 20*(100vw / 390));
}

.barbour_240531 .c-tax .c_tax_img{
  width: calc( 54*(100vw / 390));
}

.barbour_240531 .c-tax > *+* {
  margin-top: calc( 10*(100vw / 390));
}

.barbour_240531 .c-tax a{
  letter-spacing: 0;
  font-size: calc( 10*(100vw / 390));
  display: block;
  font-weight: bold;
  font-family: "ginger";

}

.barbour_240531 .c-tax a span{
  display: inline;
}

.barbour_240531 .c-tax a span:last-of-type{
  text-decoration: underline;
  padding-left: calc( 10*(100vw / 390));
}

.barbour_240531 .sec_text_wrap .c-tax a{
  font-family: "ginger";
}

.barbour_240531 .sec_img{
  width: calc( 350*(100vw / 390));
  margin: auto;
  margin-top: calc( 20*(100vw / 390));
}

@media screen and (min-width: 768px), print {

  .barbour_240531 .c_ttl{
    text-align: center;
    font-size: 4rem;
    letter-spacing: 0.05em;
  }
  
  .barbour_240531 .sec_sub_ttl{
    text-align: center;
    font-size: 2rem;
  }
  
  .barbour_240531 .c_text{
    font-size: 1.8rem;
    margin-top: 3rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
  
  .barbour_240531 .c-tax{
    width: fit-content;
    margin: auto;
    margin-top: 3rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .barbour_240531 .c-tax li{
    justify-content: center;
    gap: 2rem;
  }
  .barbour_240531 .c-tax .c_tax_img{
    width: 5.4rem;
  }

  .barbour_240531 .c-tax > *+* {
    margin-top: 0.8rem;
  }
  
  .barbour_240531 .c-tax a{
    display: flex;
    justify-content: space-between;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
  
  .barbour_240531 .c-tax a span{
    display: inline;
  }
  
  .barbour_240531 .c-tax a span:last-of-type{
    text-decoration: underline;
    padding-left: 3.6rem;
  }
  
  .barbour_240531 .sec_text_wrap .c-tax a{
    font-family: "ginger";
  }
  
  .barbour_240531 .sec_img{
    width: 121.4rem;
    margin: auto;
    margin-top: 3rem;
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                MODEL
///////////////////////////////////////////////////////////////////////////////////////
*/

  /* mv */
  .barbour_240531 .mv .c_ttl{
    margin-top: calc( 40*(100vw / 390));
  }


  /* sec01 */
  .barbour_240531 .sec{
    margin-top: calc( 100*(100vw / 390));
  }
  .barbour_240531 .sec.--01{
    margin-top: calc( 70*(100vw / 390));
  }



/* --- for large viewport --- */
@media screen and (min-width: 768px), print {
  .barbour_240531 .mv .c_ttl{
    margin-top: 7rem;
  }

  .barbour_240531 .sec{
    margin-top: 20rem;
  }
  .barbour_240531 .sec.--01{
    margin-top: 10rem;
  }

}


.p-linkArea a{
  font-family: var(--font-noto);
}