@charset "UTF-8";
/* Scss Document */
/*--  font定義  --*/
/*--  color定義  --*/
/*水色*/
/*藍色*/
/*--  ブレイクポイント定義  --*/
.page__heading--en {
  pointer-events: none;
}

.logo-guideline .anchor_link {
  margin-top: -50px;
  padding-top: 50px;
}
.logo-guideline .logo-guideline_intro {
  margin-bottom: 48px;
  text-align: center;
}
.logo-guideline .tab__block .tab__item {
  width: calc(20% + 1px);
  margin-right: -1px;
}
.logo-guideline .tab__block .tab__item--label {
  width: 100%;
  margin-left: 0;
  white-space: nowrap;
}
.logo-guideline .data__feature {
  margin-top: 80px;
}
.logo-guideline .data__feature--txt a {
  font-weight: bold;
  text-decoration: underline;
}
.logo-guideline .page_logo_list {
  margin: 32px 0 0 1.7em;
  column-count: 3;
  list-style: disc;
}
.logo-guideline .page_logo_list li {
  margin-bottom: 16px;
  font-size: 1.4rem;
}
.logo-guideline .page_logo_list li::marker {
  color: #3577B8;
}
.logo-guideline .page_logo_caution {
  margin-bottom: 5px;
  color: #DB2727;
  font-size: 2rem;
  font-weight: 700;
}
.logo-guideline .page_logo_contents {
  margin-top: 32px;
}
.logo-guideline .page_logo_contents dt {
  margin-bottom: 10px;
  color: #034488;
  font-size: 1.8rem;
  font-weight: 700;
}
.logo-guideline .page_logo_contents dd {
  line-height: 1.6;
}
.logo-guideline .page_logo_contents dd:not(:last-of-type) {
  margin-bottom: 32px;
  font-size: 1.4rem;
}
.logo-guideline .page_logo_contents dd a {
  color: #034488;
  font-weight: 700;
  text-decoration: underline;
}
.logo-guideline .page_logo_contents dd a:hover {
  text-decoration: none;
}
.logo-guideline .page_logo_contents dd .txt_normal:not(:last-of-type) {
  margin-bottom: 16px;
}
.logo-guideline .page_logo_ex {
  display: flex;
}
.logo-guideline .page_logo_ex li {
  margin-bottom: 24px;
}
.logo-guideline .page_logo_ex li:not(:last-child) {
  margin-right: 40px;
}
.logo-guideline .page_logo_ex .thum_img {
  width: 100%;
  margin-bottom: 8px;
}
.logo-guideline .page_logo_ex .thum_img .img_responsive {
  width: 100%;
  height: auto;
}
.logo-guideline .page_logo_ex .page_logo_ex_txt {
  font-size: 1.4rem;
  text-align: center;
  white-space: nowrap;
}
.logo-guideline .page_logo_ex.column03 {
  width: calc(100% - 140px);
}
.logo-guideline .page_logo_ex.column03 li {
  width: 33.3333333333%;
}
.logo-guideline .page_logo_ex.column04 li {
  width: calc(25% - 20px);
}
.logo-guideline .page_logo_dl {
  display: flex;
}
.logo-guideline .page_logo_dl .page_logo_dl_left {
  padding-right: 32px;
  flex: 1;
}
.logo-guideline .page_logo_dl .page_logo_dl_left .data__feature--txt {
  margin-bottom: 32px;
}
.logo-guideline .page_logo_dl .page_logo_dl_left .page_logo_dl_btn {
  width: 220px;
  height: 57px;
}
.logo-guideline .page_logo_dl .page_logo_dl_left .page_logo_dl_btn a {
  height: 100%;
  padding: 3px 16px;
  background: #229BC5;
  border: 1px solid #229BC5;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  text-decoration: none;
  transition: all 0.3s;
}
.logo-guideline .page_logo_dl .page_logo_dl_left .page_logo_dl_btn a .icon {
  width: 20px;
  height: 20px;
  margin-right: 7px;
  fill: #fff;
}
.logo-guideline .page_logo_dl .page_logo_dl_left .page_logo_dl_btn a:hover {
  opacity: 0.7;
}
.logo-guideline .page_logo_dl .page_logo_dl_right {
  width: 187px;
}
.logo-guideline .page_logo_dl .page_logo_dl_right .img_responsive {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .logo-guideline .tab__block .tab__item {
    width: 100%;
  }
  .logo-guideline .page_logo_list {
    column-count: 1;
  }
  .logo-guideline .page_logo_caution {
    font-size: 1.6rem;
  }
  .logo-guideline .page_logo_contents dd:not(:last-of-type) {
    margin-bottom: 20px;
  }
  .logo-guideline .page_logo_ex {
    display: block;
  }
  .logo-guideline .page_logo_ex li:not(:last-child) {
    margin-right: 0;
  }
  .logo-guideline .page_logo_ex .page_logo_ex_txt {
    font-size: 1.2rem;
  }
  .logo-guideline .page_logo_ex.column03 {
    width: 100%;
  }
  .logo-guideline .page_logo_ex.column03 li {
    width: 100%;
  }
  .logo-guideline .page_logo_ex.column04 li {
    width: 100%;
  }
  .logo-guideline .page_logo_dl {
    display: block;
  }
  .logo-guideline .page_logo_dl .page_logo_dl_left {
    padding: 0 0 32px;
    flex: inherit;
  }
  .logo-guideline .page_logo_dl .page_logo_dl_left .data__feature--txt {
    padding-bottom: 24px;
    flex: inherit;
  }
  .logo-guideline .page_logo_dl .page_logo_dl_right {
    width: 100%;
  }
}