@charset "utf-8";
/* CSS Document 320-560*/


.blogbox #ez-toc-container{margin-bottom: 40px !important;}
/*--------------------------------------------------------------------

first

--------------------------------------------------------------------*/
.first{background:url("../img/bg.png") repeat; background-size: 150px; color: #fff; padding: 30px 0 30px 8%}

.first .kiji .cat{position: relative; padding-bottom: 0; display: inline-block; letter-spacing: normal; padding: 0 10px; margin-bottom: 15px}
.first .kiji .cat::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-top: none;
  border-bottom-right-radius: 50px; /* 左下の角丸 */
  border-bottom-left-radius: 50px; /* 右下の角丸 */
  translate: -50%;
}
.first .kiji .cat::after {
  content: "";
  position: absolute;
  top: calc(100% + 8px); /* フキダシのサイズに応じて調整してください */
  left: 50%;
  width: 20px;
  height: 1px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 1px 0 #749070, 0 -1px 0 #749070;
  rotate: 50deg;
  translate: -50%;
}
.first .cat{padding-bottom: 20px}
.first .en{font-size: 13px; letter-spacing: 1px; }
.first h2{font-weight: 400; font-size:clamp(1.875rem, 1.375rem + 2.5vw, 2.25rem)}/*30-36*/
.first h2.ft18{line-height: 1.4; margin-right: 2%; font-size:clamp(1.625rem, 1.292rem + 1.67vw, 1.875rem)}/*26-30*/


/*.kijiBox .listtit{padding-top: 60px}*/
.kijiBox .listtit li{text-align: left; list-style: none; margin-left: 0}
.kijiBox .listtit li a{display: block; color:#242424; margin-bottom: 20px; padding-bottom: 10px; }
.kijiBox .listtit li a dl{display: flex; justify-content: space-between}
.kijiBox .listtit li a dt{width: 18%}
.kijiBox .listtit li a dt .images img{border-radius: 5px}
.kijiBox .listtit li a dd{width: 79%; margin-top: -8px}
.kijiBox .listtit li a:hover{color:#749070}

.breadcrumbs{font-size: 12px; text-align: right; padding: 30px 8%}

.kijiBox .category{font-size:clamp(0.813rem, 0.646rem + 0.83vw, 0.938rem) }/*13-15*/


.cont8 .first {text-align: center;
    background: none;
    color: #242424;
    padding: 0;}
.cont8 .first .kiji .cat{color: #242424;padding: 0 20px; margin-bottom: 40px ; font-size:clamp(1.625rem, 1.292rem + 1.67vw, 1.875rem)}/*26-30*/
.cont8 .first .kiji .cat::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  border: 1px solid #242424;
  border-top: none;
  border-bottom-right-radius: 50px; /* 左下の角丸 */
  border-bottom-left-radius: 50px; /* 右下の角丸 */
  translate: -50%;
}
.cont8 .first .kiji .cat::after {
  content: "";
  position: absolute;
  top: calc(100% + 8px); /* フキダシのサイズに応じて調整してください */
  left: 50%;
  width: 20px;
  height: 1px;
  box-sizing: border-box;
  background-color: #242424;
  box-shadow: 0 1px 0 #f7f7f7, 0 -1px 0 #f7f7f7;
  rotate: 50deg;
  translate: -50%;
}

.related-posts{margin-top: 60px}
.related-posts .first{border-top: dashed 1px #ccc; padding-top: 50px}
.related-posts .first h3.cat{margin-bottom: 60px !important}