/**  font style variable **/
/**  font style variable **/
/** breakpoint set boostrap v5.1.3 **/
.bg_body {
  background-color: #fff; }

.brand_logo {
  display: inline-block;
  margin: 0 auto;
  width: 90px; }
  .brand_logo > img {
    width: 75px; }
    @media (min-width: 768px) {
      .brand_logo > img {
        width: 100%; } }

.iframe_video {
  width: 100%; }
  @media (min-width: 320px) {
    .iframe_video {
      height: calc(((320px - 24px)*9) / 16); } }
  @media (min-width: 360px) {
    .iframe_video {
      height: calc(((360px - 24px)*9) / 16); } }
  @media (min-width: 375px) {
    .iframe_video {
      height: calc(((375px - 24px)*9) / 16); } }
  @media (min-width: 414px) {
    .iframe_video {
      height: calc(((414px - 24px)*9) / 16); } }
  @media (min-width: 415px) {
    .iframe_video {
      height: 266px; } }
  @media (min-width: 576px) {
    .iframe_video {
      width: calc((266px * 16) / 9); } }
  @media (min-width: 1281px) {
    .iframe_video {
      height: 394px;
      width: calc((394px * 16) / 9); } }

.app_image {
  max-width: 200px; }

.sc_icon_list > li a {
  margin: 5px 5px;
  color: #fff;
  font-size: 18px; }

footer {
  background-color: #54a6a4; }

/*# sourceMappingURL=index.css.map */