@charset "utf-8";

.img-c{
    text-align: center;
}


.c-page_title {
    writing-mode: vertical-rl;
    position: absolute;
    left: 10%;
    bottom: 5%;
    color: #fff;
    padding: 1em 1.6em;
    transform: rotate(-8deg); /* ← 左に傾ける */
}


/* 背景の逆三角 */
.c-page_title::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 219, 73, 0.989);
    z-index: -1;

    /* ▼逆三角（下が尖る） */
    clip-path:polygon(0 0, 100% 0, 50% 100%);
    
}

.c-page_title img {
    display: block;
    height: 60vh;   /* ← サイズ調整ここ */
    width: auto;
}
@media (max-width: 600px) {

    .c-page_title {
      left: 4%;
      bottom: 4%;
      transform: rotate(-5deg);
  
      padding: 0.6em 0.4em;   /* ← 背景サイズを小さく */
    }
  
    .c-page_title img {
      height: 26vh;           /* ← 画像サイズ制御（ここ重要） */
    }
  
    .c-page_title::before {
      inset: -0.4em;          /* ← 三角の余白を縮小 */
    }
  }

.-dress_7c4b79aaa2e949729eaa6f2f2997b6e0 .c-lead {
    position:absolute;
    writing-mode:vertical-rl;
    right:7%;
    top:-6%;
    text-align:left;
    padding-top:0.5em;
    padding-bottom:0.5em;
    background-color:#5fa0d4;
    height:auto;
    display:inline-block;
    vertical-align:top;
    color:#0E1344;
}
.-dress_7c4b79aaa2e949729eaa6f2f2997b6e0 .b-plain .column .c-lead {color:#0E1344;font-size:14px;}.-dress_7c4b79aaa2e949729eaa6f2f2997b6e0.b-plain .column .c-lead {color:#0E1344;font-size:14px;}
@media only screen and (max-width: 641px) {.-dress_7c4b79aaa2e949729eaa6f2f2997b6e0 .c-lead {position:relative;writing-mode:horizontal-tb;left:0;padding:0.5em;font-size:12px;z-index:1;}
.-dress_7c4b79aaa2e949729eaa6f2f2997b6e0 .b-plain .column .c-lead {font-size:12px;}.-dress_7c4b79aaa2e949729eaa6f2f2997b6e0.b-plain .column .c-lead {font-size:12px;}}/* created version 9.00*/