<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
#brand_content { padding: 120px 0; }
#brand_content .page_title h2 { text-align: center; font-size: 50px; color: #7A6A56; }
#brand_content .inner { max-width: 1120px; }
@media only screen and (max-width: 767px) { #brand_content { padding: 50px 0; }
  #brand_content .page_title h2 { font-size: 40px; } }
#brand_content .brand_wrap { margin: 120px 0 0; }
#brand_content .brand_wrap .brand_text { /*max-width: 600px;*/ width: 100%; margin: 0 auto 30px; }
#brand_content .brand_wrap .brand_text h3 { font-size: 28px; line-height: 1.8; margin: 30px 0; }
#brand_content .brand_wrap .brand_img figure { width: calc(100% / 3); padding: 0 15px; }
#brand_content .brand_wrap .brand_img figure figcaption { position: static; background: none; color: #000; font-size: 14px; line-height: 1.5; margin: 15px 0; }
@media only screen and (max-width: 991px) { #brand_content .brand_wrap .brand_text h3 { font-size: 22px; } }
@media only screen and (max-width: 767px) { #brand_content .brand_wrap { margin: 50px 0 0; }
  #brand_content .brand_wrap .brand_text { padding-right: 0; }
  #brand_content .brand_wrap .brand_text h3 { font-size: 18px; margin: 30px 0 20px; }
  #brand_content .brand_wrap .brand_img figure { width: 100%; }
  #brand_content .brand_wrap .brand_img figure figcaption { font-size: 14px; } }
</pre></body></html>