@charset "UTF-8";
/*=============================
　common → 共通★骨組み
　style → 共通★修飾
■ pagename* → 各ページ
　2020.12.10........... ver0.2
=============================*/

.ttl_L img {
  width: 26px;
}
.new_btn {
  position: relative;
}
.new_btn::before {
  content: '';
  background-image: url("../images/new_btn.svg");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
}
#page-title .ttl_txt01 {
    font-size: 1.2rem!important;
    letter-spacing: 0!important;
    width: 7em!important;
    margin: auto!important;
}
@media (min-width: 576px) {
  #page-title .ttl_txt01 {
     font-size: 1.5rem!important; 
    width: 7em!important;
    margin: auto!important;
  } 
}

p {
    font-size: 1.2rem;
}
@media (min-width: 576px) {
  p {
      font-size: 1.6rem;
  }
}

  .txt_box100 {
    flex: 0 1 100%;
  }


/*=============================
  2段組
=============================*/

.col_02 .item {
  background: none;
  border-bottom: 1px dotted #666;
}

.card_blog .item {
  flex: 0 1 100%;
  width: 100%;
}
.bnr_M a:hover .ttl_txt03 span {
    color: #ff233f;
}
.col_02 .ttl_box {
  padding-top: 40px;
}
.card_blog .card_group {
  display: block;
}
.col_01 .item {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .col_02 .ttl_box {
    padding-top: 20px;
  }
  .ttl_L .ttl_txt01 {
    font-size: 1.8rem;
  }
  .col_2_box {
    display: flex;
    margin-bottom: 20px;
  }
  .col_01 {
    flex: 0 1 65%;
    width: 65%;
    margin-right: 20px;
  }
  .col_02 {
    flex: 0 1 35%;
    width: 35%;
  }

  .card_blog .item {
    padding: 0;
  }
  .card_blog .txt_box {
    flex: 0 1 74%;
  }
  .col_02 .txt_box {
    flex: 0 1 100%;
  }
  .card_blog .ttl_M {
    font-size: 1.4rem;
  }
  .col_02 .bnr_M .ttl_txt03 {
    font-size: 1.6rem;
  }
  .col_02 .bnr_M {
    height: 3em;
  }
}

@media (min-width: 992px) { 
  .img_box {
    width: 150px;
    height: 150px;
  }
}
.card_box-01 .text {
  font-size: 1.4rem;
}


/*=============================
  ブログ本文ページ
=============================*/
i {
  font-size: .8em!important;
  padding-right: 0!important;
  vertical-align: baseline;
}
.txt_box100 .text {
  padding-top: 50px;
  padding-bottom: 30px;
  font-size: 1.6rem;
}
.photo img {
  padding-bottom: 10px;
}
@media (min-width: 576px) {
 .photo {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  height: auto;
 }
  .photo img {
   flex: 0 1 50%;
   max-width: 49%;
  }
}

@media (min-width: 768px) {
  .ttl_L {
    font-size: 2.0rem;
  }

}