@charset "UTF-8";
/* common
================================================== */
/*
 * media query
**/
/**
 * フォントサイズの可変
 *
 * @param {number} $fontsize 基準となるフォントサイズ
 * @param {number} $basewidth 基準となる幅
 * @param {number} $maxwidth フォントサイズの拡大をとめる幅（未指定時は上限なし）
 * @param {number} $minwidth フォントサイズの縮小をとめる幅（未指定時は下限なし）
 */
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .spp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .spp {
    display: none !important;
  }
}
@media screen and (max-width: 374px) {
  .spp {
    display: block !important;
  }
}

html,
body {
  overscroll-behavior-y: none;
  overscroll-behavior: none;
}

.fixedBody {
  width: 100%;
}

#main {
  font-family: "Shippori Mincho", serif;
  color: #460e00;
}
#main #anchorNew.fix {
  z-index: 100;
}
@media screen and (min-width: 768px) {
  #main #anchorNew.fix {
    height: 5.1244509517vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew.fix {
    height: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew.fix {
    height: 39.3557833089px;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew.fix {
    height: 13.3333333333vw;
  }
}
#main #anchorNew.fix .anchor-wrapper {
  top: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
#main #anchorNew .anchor-wrapper {
  position: relative;
}
@media screen and (min-width: 768px) {
  #main #anchorNew .anchor-wrapper {
    background-color: #fefbf2;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper {
    background-color: #fff;
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-sp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 13.3333333333vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-sp .anchor-sp-logo img {
    width: 18.4vw;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-sp .anchor-sp-ham img {
    width: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-menu {
    position: fixed;
    z-index: 1002;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-out;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-menu.show {
    opacity: 1;
    pointer-events: visible;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-menu .anchor-menu-sp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 16vw;
    padding-left: 4vw;
    padding-right: 4vw;
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-menu .anchor-menu-sp .anchor-sp-logo img {
    width: 18.4vw;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-menu .anchor-menu-sp .anchor-sp-close img {
    width: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul {
    width: 79.0629575403vw;
    height: 5.1244509517vw;
    padding-left: 1.8301610542vw;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul {
    width: 1080px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul {
    width: 607.2035139092px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul {
    height: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul {
    height: 39.3557833089px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul {
    padding-left: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul {
    padding-left: 14.055636896px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1090px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul {
    width: 100%;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul {
    height: 13.3333333333vw;
  }
}
#main #anchorNew .anchor-wrapper .anchor-menu ul li {
  color: #460e00;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li {
    font-size: 1.0248901903vw;
    margin-right: 2.5622254758vw;
    line-height: 1.4;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li {
    font-size: 7.8711566618px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li {
    margin-right: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li {
    margin-right: 19.6778916545px;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li {
    border-bottom: 1px solid #8ad5d5;
    font-size: 4.2666666667vw;
    padding-bottom: 5.3333333333vw;
    padding-top: 5.3333333333vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media screen and (min-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4) {
    padding-right: 2.5622254758vw;
    margin-right: 2.5622254758vw;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4) {
    padding-right: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4) {
    padding-right: 19.6778916545px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4) {
    margin-right: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4) {
    margin-right: 19.6778916545px;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4) {
    font-size: 2.6666666667vw;
    padding-bottom: 4vw;
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child:after,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4):after {
    content: "";
    position: absolute;
    background-color: #5bbdbc;
    top: 50%;
    right: 0;
    width: 0.0732064422vw;
    height: 1.1713030747vw;
    margin-top: -0.5856515373vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child:after,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4):after {
    width: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child:after,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4):after {
    width: 0.5622254758px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child:after,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4):after {
    height: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child:after,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4):after {
    height: 8.9956076135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child:after,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4):after {
    margin-top: -8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:first-child:after,
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4):after {
    margin-top: -4.4978038067px;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(4) {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(3) {
    margin-right: 4.0263543192vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(3) {
    margin-right: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:nth-of-type(3) {
    margin-right: 30.9224011713px;
  }
}
@media screen and (min-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li:last-child {
    margin-right: 0;
  }
}
#main #anchorNew .anchor-wrapper .anchor-menu ul li a {
  display: block;
}
@media screen and (min-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li a {
    transition: all 0.3s ease-in-out;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li a {
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li a:hover {
    color: #16abac;
  }
}
@media screen and (min-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li a > span {
    display: block;
    font-size: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li a > span {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li a > span {
    font-size: 5.6222547584px;
  }
}
@media screen and (max-width: 767px) {
  #main #anchorNew .anchor-wrapper .anchor-menu ul li a > span {
    font-size: 3.2vw;
  }
}
#main #brandHead .brandHead-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/bg.jpg);
}
@media screen and (min-width: 768px) {
  #main #brandHead .brandHead-wrapper {
    height: 10.2489019034vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandHead .brandHead-wrapper {
    height: 140px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandHead .brandHead-wrapper {
    height: 78.7115666179px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandHead .brandHead-wrapper {
    height: 33.3333333333vw;
    background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/bg.sp.jpg);
  }
}
#main #brandHead .brandHead-wrapper h2 {
  text-align: center;
  line-height: 1;
}
#main #brandHead .brandHead-wrapper h2 > span {
  display: block;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #main #brandHead .brandHead-wrapper h2 > span {
    font-size: 3.3674963397vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandHead .brandHead-wrapper h2 > span {
    font-size: 46px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandHead .brandHead-wrapper h2 > span {
    font-size: 25.8623718887px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandHead .brandHead-wrapper h2 > span {
    font-size: 8.8vw;
  }
}
@media screen and (min-width: 768px) {
  #main #brandHead .brandHead-wrapper h2 > span small {
    font-size: 2.7818448023vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandHead .brandHead-wrapper h2 > span small {
    font-size: 38px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandHead .brandHead-wrapper h2 > span small {
    font-size: 21.364568082px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandHead .brandHead-wrapper h2 > span small {
    font-size: 7.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #main #brandHead .brandHead-wrapper h2 > span:first-child {
    font-size: 1.9033674963vw;
    margin-bottom: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandHead .brandHead-wrapper h2 > span:first-child {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandHead .brandHead-wrapper h2 > span:first-child {
    font-size: 14.6178623719px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandHead .brandHead-wrapper h2 > span:first-child {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandHead .brandHead-wrapper h2 > span:first-child {
    margin-bottom: 5.6222547584px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandHead .brandHead-wrapper h2 > span:first-child {
    font-size: 4.8vw;
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main #brandHead .brandHead-wrapper h2 > span:first-child small {
    font-size: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandHead .brandHead-wrapper h2 > span:first-child small {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandHead .brandHead-wrapper h2 > span:first-child small {
    font-size: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandHead .brandHead-wrapper h2 > span:first-child small {
    font-size: 4vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block {
    padding-top: 8.78477306vw;
    padding-bottom: 8.78477306vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block {
    padding-top: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block {
    padding-top: 67.467057101px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block {
    padding-bottom: 67.467057101px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block {
    padding-top: 21.3333333333vw;
    padding-bottom: 16vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block.first {
  background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/bg-02.jpg);
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block.first {
    background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/bg-02.sp.jpg);
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block.second {
  background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/bg-03.jpg);
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block.second {
    background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/bg-03.sp.jpg);
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block.third {
  background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/bg-04.jpg);
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block.third {
    background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/bg-04.sp.jpg);
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block.cera-first {
  background-image: url(/~/Media/com/carecera/202308/assets/img/ceramide/bg-01.jpg);
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block.cera-first {
    background-image: url(/~/Media/com/carecera/202308/assets/img/ceramide/bg-01.sp.jpg);
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block.cera-second {
  background-image: url(/~/Media/com/carecera/202308/assets/img/ceramide/bg-02.jpg);
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block.cera-second {
    background-image: url(/~/Media/com/carecera/202308/assets/img/ceramide/bg-02.sp.jpg);
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block.cera-third {
  background-image: url(/~/Media/com/carecera/202308/assets/img/ceramide/bg-03.jpg);
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block.cera-third {
    background-image: url(/~/Media/com/carecera/202308/assets/img/ceramide/bg-03.sp.jpg);
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block h2 {
  text-align: center;
  position: relative;
  font-weight: 600;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Meiryo", sans-serif;
  z-index: 1;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2 {
    font-size: 1.9033674963vw;
    padding-bottom: 2.3426061493vw;
    margin-bottom: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2 {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2 {
    font-size: 14.6178623719px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2 {
    padding-bottom: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2 {
    padding-bottom: 17.9912152269px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2 {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2 {
    margin-bottom: 33.7335285505px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2 {
    font-size: 6.1333333333vw;
    padding-bottom: 6vw;
    margin-bottom: 8vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block h2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:before {
    width: 6.2225475842vw;
    height: 3.6603221083vw;
    margin-left: -3.1112737921vw;
    margin-top: -2.196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:before {
    width: 85px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:before {
    width: 47.7891654466px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:before {
    height: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:before {
    height: 28.1112737921px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:before {
    margin-left: -42.5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:before {
    margin-left: -23.8945827233px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:before {
    margin-top: -30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:before {
    margin-top: -16.8667642753px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:before {
    width: 18.6666666667vw;
    height: 10.9333333333vw;
    margin-left: -9.3333333333vw;
    margin-top: -6.6666666667vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #460e00;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:after {
    width: 2.9282576867vw;
    height: 0.2196193265vw;
    margin-left: -1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:after {
    width: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:after {
    width: 22.4890190337px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:after {
    height: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:after {
    height: 1.6866764275px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:after {
    margin-left: -20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:after {
    margin-left: -11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2:after {
    width: 8vw;
    height: 0.5333333333vw;
    margin-left: -4vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block h2.one:before {
  background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/01.png);
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2.one:before {
    background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/01.sp.png);
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block h2.two:before {
  background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/02.png);
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2.two:before {
    background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/02.sp.png);
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block h2.three:before {
  background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/03.png);
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block h2.three:before {
    background-image: url(/~/Media/com/carecera/202308/assets/img/brandstory/03.sp.png);
  }
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img {
    margin-left: auto;
    margin-right: auto;
    width: 51.2445095168vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img {
    width: 700px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img {
    width: 393.5578330893px;
  }
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img.w900 {
    width: 65.8857979502vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img.w900 {
    width: 900px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img.w900 {
    width: 506.0029282577px;
  }
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img.banner {
    position: relative;
    margin-top: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img.banner {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img.banner {
    margin-top: 33.7335285505px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img.banner {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img.banner:hover img.hover {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img.banner img.hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-img img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt {
    margin-top: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt {
    margin-top: 33.7335285505px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt {
    margin-top: 7.3333333333vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt p {
  text-align: center;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Meiryo", sans-serif;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt p {
    font-size: 1.1713030747vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt p {
    font-size: 8.9956076135px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt p {
    line-height: 2;
    font-size: 4vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt h3 {
  text-align: center;
  font-weight: 600;
  color: #16abac;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt h3 {
    margin-top: 1.0980966325vw;
    font-size: 2.4890190337vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt h3 {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt h3 {
    margin-top: 8.4333821376px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt h3 {
    font-size: 34px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt h3 {
    font-size: 19.1156661786px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-txt h3 {
    font-size: 6.6666666667vw;
    margin-top: 4vw;
    line-height: 1.3;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex {
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65.8857979502vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4.0263543192vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex {
    width: 900px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex {
    width: 506.0029282577px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex {
    margin-bottom: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex {
    margin-bottom: 30.9224011713px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex {
    margin-bottom: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex.reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex.reverse .flex-txt {
    padding-left: 0;
    padding-right: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex.reverse .flex-txt {
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex.reverse .flex-txt {
    padding-right: 22.4890190337px;
  }
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-img {
    width: 34.4070278184vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-img {
    width: 470px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-img {
    width: 264.2459736457px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-img {
    margin-bottom: 4.9333333333vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-img img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt {
    width: 31.4787701318vw;
    padding-left: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt {
    width: 430px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt {
    width: 241.756954612px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt {
    padding-left: 22.4890190337px;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt h4 {
  color: #16abac;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt h4 {
    font-size: 2.4890190337vw;
    margin-bottom: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt h4 {
    font-size: 34px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt h4 {
    font-size: 19.1156661786px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt h4 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt h4 {
    margin-bottom: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt h4 {
    text-align: center;
    font-size: 6.6666666667vw;
    margin-bottom: 4vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt p {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Meiryo", sans-serif;
  line-height: 1.67;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt p {
    font-size: 1.1713030747vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt p {
    font-size: 8.9956076135px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-flex .flex-txt p {
    text-align: center;
    font-size: 4vw;
    line-height: 2;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history h3 {
  text-align: center;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Meiryo", sans-serif;
  line-height: 1.875;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history h3 {
    font-size: 1.1713030747vw;
    margin-bottom: 3.2942898975vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history h3 {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history h3 {
    font-size: 8.9956076135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history h3 {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history h3 {
    margin-bottom: 25.3001464129px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history h3 {
    line-height: 1.67;
    font-size: 4vw;
    margin-bottom: 5.3333333333vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
    width: 51.2445095168vw;
    padding-left: 9.5168374817vw;
    padding-top: 4.39238653vw;
    padding-bottom: 4.7584187408vw;
    border-radius: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
    width: 700px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
    width: 393.5578330893px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
    padding-left: 130px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
    padding-left: 73.0893118594px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
    padding-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
    padding-top: 33.7335285505px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
    padding-bottom: 65px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
    padding-bottom: 36.5446559297px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
    border-radius: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
    border-radius: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block {
    box-sizing: border-box;
    width: 92vw;
    padding-left: 13.3333333333vw;
    padding-top: 9.3333333333vw;
    padding-bottom: 8vw;
    border-radius: 2.6666666667vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #16abac;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:before {
    width: 0.1464128843vw;
    margin-left: 5.1244509517vw;
    margin-top: -7.3206442167vw;
    height: 111%;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:before {
    width: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:before {
    width: 1.1244509517px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:before {
    margin-left: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:before {
    margin-left: 39.3557833089px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:before {
    margin-top: -100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:before {
    margin-top: -56.2225475842px;
  }
}
@media screen and (min-width: 768px) and (max-width: 970px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:before {
    height: 110%;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:before {
    width: 0.5333333333vw;
    margin-left: 6.6666666667vw;
    margin-top: -17.3333333333vw;
    height: 105.5%;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  display: block;
  border-bottom-width: 0;
  border-color: #16abac transparent transparent transparent;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    border-top-width: 0.878477306vw;
    border-right-width: 0.8052708638vw;
    border-left-width: 0.8052708638vw;
    margin-left: 4.39238653vw;
    margin-bottom: -7.467057101vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    border-top-width: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    border-top-width: 6.7467057101px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    border-right-width: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    border-right-width: 6.1844802343px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    border-left-width: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    border-left-width: 6.1844802343px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    margin-left: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    margin-left: 33.7335285505px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    margin-bottom: -102px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    margin-bottom: -57.3469985359px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    border-top-width: 2.1333333333vw;
    border-right-width: 2.0666666667vw;
    border-left-width: 2.0666666667vw;
    margin-left: 4.9333333333vw;
    margin-bottom: -6.6666666667vw;
  }
}
@media screen and (max-width: 374px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block:after {
    margin-bottom: -8vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block dl {
  position: relative;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block dl {
    margin-bottom: 5.8565153734vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block dl {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block dl {
    margin-bottom: 44.9780380673px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-block dl {
    margin-bottom: 11.3333333333vw;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-block
  dl:last-child {
  margin-bottom: 0;
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-block
  dl:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #16abac;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl:before {
    width: 1.0980966325vw;
    height: 1.0980966325vw;
    margin-left: -4.831625183vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl:before {
    width: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl:before {
    width: 8.4333821376px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl:before {
    height: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl:before {
    height: 8.4333821376px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl:before {
    margin-left: -66px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl:before {
    margin-left: -37.1068814056px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl:before {
    width: 4vw;
    height: 4vw;
    margin-left: -8.4vw;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4 {
    margin-bottom: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4 {
    margin-bottom: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4 {
    margin-bottom: 5.3333333333vw;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-block
  dl
  dt
  h4
  > span {
  display: block;
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-block
  dl
  dt
  h4
  > span.year {
  font-weight: 600;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Meiryo", sans-serif;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.year {
    font-size: 1.1713030747vw;
    margin-bottom: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.year {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.year {
    font-size: 8.9956076135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.year {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.year {
    margin-bottom: 5.6222547584px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.year {
    font-size: 4vw;
    margin-bottom: 1.3333333333vw;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-block
  dl
  dt
  h4
  > span.ttl {
  color: #16abac;
  font-weight: 600;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.ttl {
    font-size: 2.4890190337vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.ttl {
    font-size: 34px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.ttl {
    font-size: 19.1156661786px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.ttl {
    font-size: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.ttl
    > span {
    font-size: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.ttl
    > span {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.ttl
    > span {
    font-size: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    h4
    > span.ttl
    > span {
    font-size: 4vw;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-block
  dl
  dt
  p {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Meiryo", sans-serif;
  line-height: 1.875;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    p {
    font-size: 1.1713030747vw;
    margin-bottom: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    p {
    font-size: 8.9956076135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    p {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    p {
    margin-bottom: 22.4890190337px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    p {
    font-size: 4vw;
    margin-bottom: 6.6666666667vw;
    line-height: 1.67;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-block
  dl
  dt
  p
  sup {
  vertical-align: super;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    p
    sup {
    font-size: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    p
    sup {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    p
    sup {
    font-size: 5.6222547584px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dt
    p
    sup {
    font-size: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    .img {
    width: 14.6412884334vw;
    margin-left: 10.102489019vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    .img {
    width: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    .img {
    width: 112.4450951684px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    .img {
    margin-left: 138px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    .img {
    margin-left: 77.5871156662px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    .img {
    width: 45.3333333333vw;
    margin-left: 10.6666666667vw;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-block
  dl
  dd
  .img
  img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul {
    padding-right: 4.39238653vw;
    margin-top: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul {
    padding-right: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul {
    padding-right: 33.7335285505px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul {
    margin-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul {
    margin-top: 19.6778916545px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul {
    margin-top: 8vw;
    padding-right: 6.6666666667vw;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-block
  dl
  dd
  ul
  li {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Meiryo", sans-serif;
  line-height: 2;
  display: flex;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul
    li {
    font-size: 0.878477306vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul
    li {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul
    li {
    font-size: 6.7467057101px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul
    li {
    font-size: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul
    li
    > span {
    width: 1.6837481698vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul
    li
    > span {
    width: 23px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul
    li
    > span {
    width: 12.9311859444px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul
    li
    > span {
    width: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul
    li
    p {
    width: 45.168374817vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul
    li
    p {
    width: 617px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul
    li
    p {
    width: 346.8931185944px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-block
    dl
    dd
    ul
    li
    p {
    width: 72.5333333333vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-subttl {
  font-weight: 600;
  text-align: center;
  color: #16abac;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-subttl {
    font-size: 2.4890190337vw;
    margin-bottom: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-subttl {
    font-size: 34px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-subttl {
    font-size: 19.1156661786px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-subttl {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-subttl {
    margin-bottom: 33.7335285505px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-subttl {
    font-size: 6.6666666667vw;
    margin-bottom: 8vw;
    line-height: 1.32;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-subttl
  > span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-subttl
  > span:after {
  content: "";
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 99%;
  background-color: #fff450;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-subttl
    > span:after {
    height: 0.439238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-subttl
    > span:after {
    height: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-subttl
    > span:after {
    height: 3.3733528551px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-subttl
    > span:after {
    height: 1.0666666667vw;
  }
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
  background-color: rgba(255, 255, 255, 0.8);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
    width: 65.8857979502vw;
    border-radius: 1.4641288433vw;
    padding-top: 2.9282576867vw;
    padding-bottom: 4.39238653vw;
    margin-bottom: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
    width: 900px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
    width: 506.0029282577px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
    border-radius: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
    border-radius: 11.2445095168px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
    padding-top: 22.4890190337px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
    padding-bottom: 33.7335285505px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
    margin-bottom: 33.7335285505px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-panel {
    width: 92vw;
    border-radius: 2.6666666667vw;
    padding-top: 5.3333333333vw;
    padding-bottom: 10.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-panel:last-child {
  margin-bottom: 0;
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-panel
  .brandContent-history-panel-ttl
  p {
  line-height: 1;
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-panel
  .brandContent-history-panel-ttl
  p.num {
  color: #fff;
  background-color: #460e00;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num {
    width: 5.8565153734vw;
    height: 5.8565153734vw;
    border-radius: 0.7320644217vw;
    margin-bottom: 2.9282576867vw;
    font-size: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num {
    width: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num {
    width: 44.9780380673px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num {
    height: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num {
    height: 44.9780380673px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num {
    border-radius: 5.6222547584px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num {
    margin-bottom: 22.4890190337px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num {
    font-size: 22.4890190337px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num {
    width: 16vw;
    height: 16vw;
    border-radius: 1.3333333333vw;
    margin-bottom: 5.3333333333vw;
    font-size: 6.6666666667vw;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-panel
  .brandContent-history-panel-ttl
  p.num
  > span {
  display: block;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num
    > span {
    font-size: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num
    > span {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num
    > span {
    font-size: 10.1200585652px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.num
    > span {
    font-size: 3.4666666667vw;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-panel
  .brandContent-history-panel-ttl
  p.ttl {
  text-align: center;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.ttl {
    font-size: 2.4890190337vw;
    margin-bottom: 2.5622254758vw;
    line-height: 1.4;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.ttl {
    font-size: 34px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.ttl {
    font-size: 19.1156661786px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.ttl {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.ttl {
    margin-bottom: 19.6778916545px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.ttl {
    font-size: 6.4vw;
    margin-bottom: 6.6666666667vw;
    line-height: 1.3;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-panel
  .brandContent-history-panel-ttl
  p.ttl
  sup {
  vertical-align: text-top;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.ttl
    sup {
    font-size: 0.7320644217vw;
    margin-top: 0.5856515373vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.ttl
    sup {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.ttl
    sup {
    font-size: 5.6222547584px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.ttl
    sup {
    margin-top: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.ttl
    sup {
    margin-top: 4.4978038067px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-ttl
    p.ttl
    sup {
    font-size: 2.6666666667vw;
    margin-top: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex.reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex.reverse
    .flex-txt {
    margin-left: 0;
    margin-right: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex.reverse
    .flex-txt {
    margin-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex.reverse
    .flex-txt {
    margin-right: 22.4890190337px;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-img {
    width: 30.0146412884vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-img {
    width: 410px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-img {
    width: 230.5124450952px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-img {
    margin-bottom: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-img.img-02 {
    width: 23.7920937042vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-img.img-02 {
    width: 325px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-img.img-02 {
    width: 182.7232796486px;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-panel
  .brandContent-history-panel-flex
  .flex-img
  img {
  display: block;
  width: 100%;
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-panel
  .brandContent-history-panel-flex
  .flex-txt {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Meiryo", sans-serif;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt {
    width: 25.6222547584vw;
    margin-left: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt {
    width: 350px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt {
    width: 196.7789165447px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt {
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt {
    margin-left: 22.4890190337px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    p {
    line-height: 1.875;
    font-size: 1.0980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    p {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    p {
    font-size: 8.4333821376px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    p {
    line-height: 2;
    font-size: 4vw;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-panel
  .brandContent-history-panel-flex
  .flex-txt
  p
  sup {
  vertical-align: super;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    p
    sup {
    font-size: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    p
    sup {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    p
    sup {
    font-size: 5.6222547584px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    p
    sup {
    font-size: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    ul {
    margin-top: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    ul {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    ul {
    margin-top: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    ul {
    margin-top: 2.6666666667vw;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-panel
  .brandContent-history-panel-flex
  .flex-txt
  ul
  li {
  display: flex;
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    ul
    li
    > span {
    font-size: 0.878477306vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    ul
    li
    > span {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    ul
    li
    > span {
    font-size: 6.7467057101px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    ul
    li
    > span {
    line-height: 2;
    font-size: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    ul
    li
    > span:first-child {
    margin-right: 0.3660322108vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    ul
    li
    > span:first-child {
    margin-right: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    ul
    li
    > span:first-child {
    margin-right: 2.8111273792px;
  }
}
@media screen and (max-width: 767px) {
  #main
    #brandContent
    .brandContent-wrapper
    .brandContent-block
    .brandContent-history
    .brandContent-history-panel
    .brandContent-history-panel-flex
    .flex-txt
    ul
    li
    > span:first-child {
    margin-right: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last {
    margin-top: 6.2225475842vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last {
    margin-top: 85px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last {
    margin-top: 47.7891654466px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last {
    margin-top: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last .img {
    width: 27.3060029283vw;
    margin-bottom: 3.2942898975vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last .img {
    width: 373px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last .img {
    width: 209.710102489px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last .img {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last .img {
    margin-bottom: 25.3001464129px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last .img {
    margin-bottom: 6.6666666667vw;
  }
}
#main
  #brandContent
  .brandContent-wrapper
  .brandContent-block
  .brandContent-history
  .brandContent-history-last
  .img
  img {
  width: 100%;
  display: block;
}
#main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last p {
  text-align: center;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Meiryo", sans-serif;
}
@media screen and (min-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last p {
    font-size: 1.1713030747vw;
    line-height: 1.875;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last p {
    font-size: 8.9956076135px;
  }
}
@media screen and (max-width: 767px) {
  #main #brandContent .brandContent-wrapper .brandContent-block .brandContent-history .brandContent-history-last p {
    font-size: 4vw;
    line-height: 1.67;
  }
}