@charset "UTF-8";

@media screen and (max-width: 768px) {
  html {
    font-size: calc(10 * (100vw / 390));
  }
}

/*=========================================================
 * customize 指定なしの場合は共通css(brandtop.css)が適用される
==========================================================*/

:root {
    --color_bg_01: #fcfbf4;
    --color_bg_02: #f3f1ee;
    --color_bg_03: #F7F2EC;
    --color_frame_01: #fff;
    --color_frame_02: #fff;
    --color_frame_03: #FCF7F2;
    --color_btn_01: #000;
    --color_btn_02: #F4F4EA;
    --color_btn_03: #E5E1D2;
    --color_border_01: #f8f6ee;
    --color_ttl_01: #5E493D;
    --color_bg_mv: #F8F6EE;
    --color_font_01: #5E493D;
    --color_font_02: #FF6524;
}


#brandtop-main-concept .brand-logo img {
    height: 2.5rem;
}

#brandtop-main-concept .read-txt {
    font-size: 1.2rem;
    text-align: left;
}

#brandtop-main-concept .txt-lg {
    font-size: 1.5rem;
    line-height: 1.7;
	padding-bottom: .3rem;
	display: block;
	font-weight: 500;
}

.brandTop_allwrap.pno1 .brandTop_upper:not(.searchWord_active.brandTop_allwrap.pno1 .brandTop_upper) {
    color: var(--color_font_01);
}

@media screen and (max-width: 768px) {
#brandtop-main-concept .brand-logo img {
    height: calc(20 * (100vw / 390));
    margin: calc(10 * (100vw / 390)) auto calc(25 * (100vw / 390));
}
}