/* コンテンツタイトル */
.content-title{
  background-image: url(/system_panel/uploads/images/kodawari_title.png);
  aspect-ratio: 152 / 280;
  margin-bottom: 3em;
}

@media (min-width: 768px) {
  .content-title{
    width: 152px;
    height: 280px;
    margin-bottom: 120px;
  }
}


.kodawari-box{
  margin: 0 auto;
}

.kodawari-box .container{
  margin-bottom: 4em;
}

.kodawari-box .img_border{
  aspect-ratio: 640 / 375;
  object-fit: contain;
} 

.kodawari-box .vertical-title{
  font-size: 40px;
  font-size: clamp(28px, 6vw, 40px);
  color: #FFF5E1;
  font-weight: 700;
}

@media (max-width: 767px) {
  .kodawari-box .vertical-title{
    writing-mode:inherit !important;
    text-align: center;
  }
}


.kodawari-box p{
  color: #FFFEF9;
  font-size: clamp(15px, 3vw, 20px);
}



@media (min-width: 768px) {
  .kodawari-box{
    max-width: 640px;
  }
  .kodawari-box .container{
    margin-bottom: 120px;
  }

  /* あしらい画像 */
  .kodawari_box01,
  .kodawari_box02,
  .kodawari_box03{
    position: relative;    
  }
  .kodawari_box01::after,
  .kodawari_box02::before,
  .kodawari_box03::after{
    content: "";
    position: absolute;
    background-position: top center;
    overflow: hidden;
    pointer-events: none;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    
  }
  .kodawari_box01::after{
    height: 291px;
    width: 190px;
    right: -15em;
    bottom: -3em;
    background-image: url(/system_panel/uploads/images/bg_item02.png);
  }
  .kodawari_box02::before{
    height: 291px;
    width: 190px;
    left: -16vw;
    bottom: -3em;
    left: -200px;
    bottom: -30px;
    background-image: url(/system_panel/uploads/images/bg_item01.png);
  }
  .kodawari_box03::after{
    height: 291px;
    width: 190px;
    right: -15em;
    bottom: 3em;
    background-image: url(/system_panel/uploads/images/bg_item03.png);
  }
}