@charset "UTF-8";

.column_page{
  font-size: 18px;
  font-weight: 500;
}

article.column {
  font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  letter-spacing: 0;
}

.about_number_wrap {
    background: none;
}

.mincho span{
  font-family: 'YuMincho', 'Yu Mincho', '游明朝体', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
}

.alg-item3 {
  font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background: url(../rikon/image/about/bg-01.png) no-repeat;
  background-position: center center;
  margin: 20px 10px 20px 10px;
  padding: 70px 0;
  border: 1px solid #e0e0e0; }
  .alg-item3 p {
    text-align: center; }
  .alg-item3 .main_txt {
    font-size: 22px;
    line-height: 1.6 !important; }
    .alg-item3 .main_txt > span {
      display: inline-block; }
  .alg-item3 .alg-number .txt {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.4 !important; }
    .alg-item3 .alg-number .txt span {
      color: #b6934f;
      font-size: 90px;
      margin-right: 5px;
      position: relative;
      margin-left: 5px;
      top: 6px; }
  .alg-item3 .alg-number .info_period_comm {
    font-size: 13px;
    line-height: 1.4 !important; }

ul.alg-office-item {
  display: flex;
  flex-wrap: wrap;/*
  justify-content: space-around;*/
  list-style: none;
  margin: 50px auto 0;
  width: 560px; }
  ul.alg-office-item li {
    font-family: Century Gothic, 'MS Sans Serif', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0 40px 20px 0;
    width: 80px; }
    ul.alg-office-item li:nth-child(5n) {
      margin: 0 0 20px 0; }
    ul.alg-office-item li img {
      display: block;
      margin: 0 0 5px 0;
      width: 80px;
      height: 80px;
      transition: all 0.3s; }
    ul.alg-office-item li a {
      color: #222;
      display: block;
      transition: all 0.3s; }
      ul.alg-office-item li a:hover {
        opacity: 0.5; }

.about_alg_common .about_lawyer_text p {
  margin-bottom: 0 !important; }

@media screen and (max-width: 768px) {
  .alg-item3 {
    padding: 40px 18px; }

  ul.alg-office-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 60px auto 0;
    width: 100%;
    max-width: 500px; }
    ul.alg-office-item li {
      font-size: 11px;
      font-weight: bold;
      margin: 0 4% 15px 0;
      width: calc((100% - 8%) / 3); }
      ul.alg-office-item li:nth-child(5n) {
        margin: 0 4% 15px 0; }
      ul.alg-office-item li:nth-child(3n) {
        margin: 0 0 15px 0; }
      ul.alg-office-item li img {
        width: 100%;
        height: auto; } }
@media screen and (max-width: 425px) {
  .about_alg_common .about_lawyer_content {
    width: 70% !important; }

  .alg-item3 {
    background-image: none; }
    .alg-item3 .alg-number .txt {
      font-size: 35px !important; }
      .alg-item3 .alg-number .txt span {
        font-size: 59px; }
    .alg-item3 ul.alg-office-item {
      margin-top: 30px; }

  .about_alg_common div.page_ttl, .about_alg_common .about_number_wrap, .about_alg_common .about_lawyer_wrap {
    margin: 20px 0 20px 0 !important; }

  .alg-item3 {
    margin: 20px 0 20px 0 !important; } }
@media screen and (max-width: 320px) {
  .about_alg_common .about_lawyer_content {
    width: 90% !important; }

  .alg-item3 {
    border: none;
    padding: 40px 0 0 0; } }