@charset "utf-8";

.blogbox_inn p.b_tit{
   margin: 0 0 5px 0 ;
   font-size: 1.8rem;
   font-weight: 700;
}
.topics_txt_full .blogbox_inn .txt {
    margin: 0 0 15px 10px;
    font-size: 1.5rem;
}
.blogbox_inn{
   margin-bottom: 30px;
}

.blogbox_inn.ptline{
   margin: 30px 0;
   padding: 30px 0;
   border-top: 3px double #333;
}
.blogbox_inn.ptline.allw{
   margin: 30px 0;
   padding: 30px 0;
   border-top: 3px double #333;
   border-bottom: 3px double #333;
}
.blogbox_inn h3.tit{
    margin: 0px 0px 0px 0px;
    font-weight: 700;
    font-size: 1.8rem;
}
.blogbox_inn.ptline h3.tit .ptit{
    display: block;
    font-weight: 700;
    font-size: 1.6rem;
    background-color: #333;
    color: #fff;
    padding: 2px 0;
    width: 6em;
    text-align: center;
}
.blogbox_inn h3.tit:before{
    content: '■';
}
.blogbox_inn.ptline h3.tit:before{
    content: '';
}
.blogbox_inn.ptline .copy{
   margin: 0 0 5px 0;
}

.flexbox {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0;
}
.flexbox.rev {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0;
        -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.flexbox .ph {
    width: 50%;
    text-align: center;
}
.flexbox .ph img {
    width: 98%;
}
.flexbox .txtbox {
    width: 50%;
    padding: 0 5px 0 0;
}
.flexbox .txtbox .listbox {
    margin: 0;
}
.flexbox .txtbox .listbox li {
    margin: 0 0 10px 0;
    line-height: 1.6;
}
.flexbox .txtbox .listbox .l_tit {
    font-weight: 700;
    display: block;
}
.flexbox .txtbox .tetbox_inn_txt {
    font-weight: 700;
    line-height: 2.0;
}
.flexbox.all .txtbox {
    width: 100%;
    padding: 0 5px 0 0;
}
.flexbox02 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  width: 980px;
    margin: 0 auto 10px auto;
}
.flexbox02 li {
    width: 49%;
    margin-bottom: 10px;
}
.flexbox02 li img {
    width: 100%;
}
.flexbox02 li.all {
    width: 100%;
}
.flexbox02 li .ph_txt {
    font-size: 1.4rem;
}

.ullistcopy {
    font-weight: 700;
    line-height: 2.0;
    margin: 15px 0;
}


.flexbox02a {
  width: 980px;
    margin: 0 auto 10px auto;
  display: grid;
  grid-template-columns: 1fr 1fr;   /* 左右２分割 */
  grid-template-rows: auto auto;    /* 上下２行 */
  gap: 10px;                        /* 行間・列間ともに10px */
}

/* ph08：左上 */
.flexbox02a li:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}

/* ph09：左下 */
.flexbox02a li:nth-child(3) {
  grid-column: 1;
  grid-row: 2;
        margin-bottom: 10px;
}

/* ph10：右側で上下２行分を占有 */
.flexbox02a li:nth-child(2) {
  grid-column: 2;
  grid-row: 1 / 3;   /* row-start = 1, row-end = 3 → span 2 rows */

}

/* 画像はli幅にフィットさせる */
.flexbox02a .ph_img img {
  width: 100%;
  display: block;
}
.flexbox02a li .ph_txt {
    font-size: 1.4rem;
}




.btn_link a {
color: #fff !important;
    background-color: #8c733d;
    display: block;
    margin: 30px auto;
    width: 90%;
    text-align: center;
    padding: 5px 0;
    border: 1px solid #8c733d;
    text-decoration: none;
    font-size: 1.6rem;
}
.btn_link a:hover {
background-color: #fff !important;
    color: #8c733d !important;
}
@media screen and (max-width: 767px) {

.sp_pd {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.flexbox,
.flexbox.rev,
.flexbox02,
.flexbox02a {
  width: 100%;
  display: block;
}

.flexbox .ph {
    width: 100%;
    text-align: center;
}
.flexbox .ph img {
    width: 98%;
}
.flexbox .txtbox {
    width: 100%;
}
.flexbox02 li {
    width: 100%;
}
}