/* meta-japanese-analysis-engine 専用のCSS。STUDIO 書き出しのインライン <style> から抽出。
   共通部分は base.css。読み込み順は base.css → このファイル で固定。
   もとの <style media="..."> は @media でラップしてある。順序も原本どおり。 */

/* :root のフォント変数（もとは base.css より前のインライン <style>）*/
:root { --s-font-44a3a023:'Noto Sans';--s-font-bb8e9a58:Lato;--s-font-b1ac8367:'Noto Sans JP';--s-font-4ea2b8ab:Roboto;--s-font-53bd3d95:'M PLUS 1p'; }

.sd-1 { background:#080404; border-radius:0; height:100%; margin:0; opacity:1; padding:0; width:100%; max-width:100%; }
/* カレント表示の下線を削除: [data-current] .symbol-1__sd-7 */
/* カレント表示の下線を削除: [data-current] .symbol-1__sd-10 */
/* カレント表示の下線を削除: [data-current] .symbol-1__sd-13 */
.sd-2 { align-content:center; align-items:center; background:rgba(0,0,0,0.0); flex:none; flex-direction:column; flex-wrap:nowrap; height:325px; justify-content:center; margin:0px; width:100%; max-width:100%; }
.sd-3 { align-content:center; align-items:center; flex:none; flex-direction:column; flex-wrap:nowrap; height:100%; justify-content:space-around; margin:0px; overflow-x:hidden; overflow-y:hidden; width:100%; z-index:0; max-width:100%; }
.sd-3.appear { opacity:0; transition-delay:200ms; transition-duration:400ms; }
.sd-3 > .image__bg-container::before { background-position:right bottom; background-repeat:no-repeat; background-size:contain; }
.sd-4 { align-content:center; align-items:center; flex-direction:row; flex-wrap:nowrap; justify-content:center; padding:0px; }
.sd-4.appear { opacity:0; transition-delay:600ms; transition-duration:400ms; translate:-50px 0px; }
.sd-5 { color:#ffffff; font-size:36px; margin:0px 5px 0px 0px; max-width:calc(100% - 5px); }
.sd-6 { color:#ffffff; flex:none; font-family:var(--s-font-b1ac8367); font-size:40px; font-style:normal; font-weight:700; height:auto; letter-spacing:0.1em; line-height:1; margin:0px; padding:0px; text-align:center; width:auto; justify-content:center; max-width:100%; }
.sd-7 { bottom:0px; color:#bebdbd; flex:none; font-family:var(--s-font-bb8e9a58); font-size:72px; font-style:normal; font-weight:900; height:auto; left:15px; letter-spacing:0.05em; line-height:1; margin:0; opacity:0.3; padding:0px; position:absolute; right:auto; scale:1 1.2; text-align:left; top:auto; width:auto; justify-content:flex-start; max-width:100%; }
.sd-8 { align-content:center; align-items:center; background:linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex:none; flex-wrap:nowrap; justify-content:center; padding:0px; width:100%; max-width:100%; --g-color-0:#ffffff; --g-position-0:0%; --g-color-1:#ffffff; --g-position-1:100%; --g-color-2:#ffffff; --g-position-2:100%; --g-color-3:#ffffff; --g-position-3:100%; --g-color-4:#ffffff; --g-position-4:100%; --g-color-5:#ffffff; --g-position-5:100%; --g-color-6:#ffffff; --g-position-6:100%; --g-color-7:#ffffff; --g-position-7:100%; --g-color-8:#ffffff; --g-position-8:100%; --g-color-9:#ffffff; --g-position-9:100%; --g-color-10:#ffffff; --g-position-10:100%; --g-color-11:#ffffff; --g-position-11:100%; --g-angle:90deg; }
.sd-8.appear { opacity:0; transition-delay:200ms; transition-duration:400ms; }
.sd-9 { align-content:center; align-items:center; flex-wrap:nowrap; justify-content:center; padding:0px; }
.sd-9.appear { opacity:0; transition-delay:1000ms; transition-duration:400ms; translate:0px -50px; }
.sd-10 { align-content:center; align-items:center; background:#FFFFFF; flex:none; flex-direction:column; flex-wrap:nowrap; height:auto; justify-content:center; margin:30px 0px; padding:30px 0px; width:100%; max-width:100%; }
.sd-11 { color:#333333; flex:none; font-family:var(--s-font-b1ac8367); font-size:16px; font-weight:500; height:auto; letter-spacing:0.05em; line-height:2; margin:0px; text-align:center; width:auto; justify-content:center; max-width:100%; }
.sd-12 { background:#FFFFFF; height:348px; margin:0px; width:612px; max-width:100%; }
.sd-12 > .image__bg-container::before { background-size:cover; }
.sd-13 { align-content:flex-start; align-items:flex-start; background:#FFFFFF; border-radius:0; flex:none; flex-direction:row; flex-wrap:nowrap; height:calc(100% - 30px); justify-content:center; margin:30px 0px 0px; overflow-x:visible; overflow-y:visible; padding:30px 0px; width:100%; max-width:100%; }
.sd-14 { align-content:flex-start; align-items:flex-start; background:rgba(0,0,0,0.0); border-radius:0; flex:none; flex-direction:row; justify-content:center; margin:0px 0px; overflow-x:visible; overflow-y:visible; padding:0px; width:auto; max-width:100%; }
.sd-15 { border-radius:0; color:#333333; flex:none; font-family:var(--s-font-b1ac8367); font-weight:500; height:auto; letter-spacing:0.05em; line-height:2; padding:0; text-align:center; justify-content:center; }
.sd-16 { align-content:center; align-items:center; background:#FFFFFF; flex-direction:column; flex-wrap:nowrap; height:153px; justify-content:center; padding:0px; }
.sd-17 { background:#333333; border-radius:8px; box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2); color:#333; flex:none; flex-direction:row; flex-wrap:nowrap; font-family:var(--s-font-bb8e9a58); font-size:15px; font-weight:400; justify-content:center; letter-spacing:0em; line-height:1.4; margin:50px 0px 0px; opacity:1; padding:15px; text-align:left; width:auto; max-width:100%; }
.sd-17:hover { background:#029fc8; }
.sd-18 { border-radius:0; color:#FFFFFF; font-family:var(--s-font-44a3a023); font-size:16px; font-weight:700; letter-spacing:0em; line-height:1; margin:0; opacity:1; padding:0px 0px 2px; text-align:center; justify-content:center; max-width:100%; }
.sd-19 { color:#ffffff; font-size:18px; margin:0px 0px 0px 5px; padding:0px 0px 2px; max-width:calc(100% - 5px); }
.sd-20 { color:#333; font-family:var(--s-font-44a3a023); font-size:14px; font-weight:400; height:auto; line-height:1.4; margin:15px 0px 30px; opacity:0; text-align:center; width:auto; justify-content:center; max-width:100%; }
.sd-21 { background:#FFFFFF; border-radius:10px; box-shadow:0px 6px 15px 0px rgba(0,0,0,0.2); display:none; height:240px; margin:20px; opacity:1; padding:0; width:400px; max-width:calc(100% - 40px); }
.sd-22 { background:rgba(0,0,0,0.0); border-radius:0; margin:0px 40px; opacity:1; overflow-x:visible; overflow-y:visible; padding:0; width:1100px; max-width:calc(100% - 80px); }
.sd-23 { align-content:flex-start; align-items:flex-start; background:rgba(0,0,0,0.0); border-radius:0; flex-direction:row; flex-wrap:wrap; overflow-x:visible; overflow-y:visible; padding:0; width:100%; max-width:100%; }
.sd-24 { background:rgba(0,0,0,0.0); border-radius:0; overflow-x:visible; overflow-y:visible; padding:0px 10px; width:33.3%; max-width:33.3%; }
.sd-25 { border-radius:0; font-family:var(--s-font-4ea2b8ab); font-size:24px; font-weight:700; letter-spacing:0em; line-height:1.2; margin:26px 0px 14px; padding:0; text-align:center; justify-content:center; max-width:100%; }
.sd-26 { background:rgba(0,0,0,0.0); border-radius:0; overflow-x:visible; overflow-y:visible; padding:0px 10px; width:33.3%; max-width:33.3%; }
.sd-27 { border-radius:0; font-family:var(--s-font-4ea2b8ab); font-size:24px; font-weight:700; letter-spacing:0em; line-height:1.2; margin:26px 0px 14px; padding:0; text-align:center; justify-content:center; max-width:100%; }
.sd-28 { background:rgba(0,0,0,0.0); border-radius:0; overflow-x:visible; overflow-y:visible; padding:0px 10px; width:33.3%; max-width:33.3%; }
.sd-29 { border-radius:0; font-family:var(--s-font-4ea2b8ab); font-size:24px; font-weight:700; letter-spacing:0em; line-height:1.2; margin:26px 0px 14px; padding:0; text-align:center; justify-content:center; max-width:100%; }
.sd-30 { background:rgba(0,0,0,0.0); border-radius:0; overflow-x:visible; overflow-y:visible; padding:0px 10px; width:33.3%; max-width:33.3%; }
.sd-31 { border-radius:0; font-family:var(--s-font-4ea2b8ab); font-size:24px; font-weight:700; letter-spacing:0em; line-height:1.2; margin:26px 0px 14px; padding:0; text-align:center; justify-content:center; max-width:100%; }
/* カレント表示の下線を削除: [data-current] .symbol-2__sd-8 */
/* カレント表示の下線を削除: [data-current] .symbol-2__sd-11 */
/* カレント表示の下線を削除: [data-current] .symbol-2__sd-14 */

/* もと <style media="(max-width: 840px)"> */
@media (max-width: 840px) {
  .symbol-1 { bottom:auto; left:0px; right:0px; top:0px; }
  .symbol-1__sd-3 { color:#87977e; display:none; font-size:32px; }
  .modal-1__sd-1 { align-content:center; align-items:center; flex:none; flex-direction:column; flex-wrap:nowrap; height:auto; justify-content:flex-start; }
  .sd-7 { font-size:48px; }
  .sd-11 { flex:none; width:440px; max-width:100%; }
  .sd-14 { flex-direction:column-reverse; overflow-x:hidden; overflow-y:auto; }
  .sd-21 { align-content:center; align-items:center; display:none; flex:none; flex-direction:column; flex-wrap:nowrap; height:auto; justify-content:center; width:calc(90% - 40px); max-width:calc(90% - 40px); }
  .sd-22 { padding:0px 0px; }
  .sd-23 { flex-direction:column; overflow-x:hidden; overflow-y:auto; }
  .sd-24 { margin:0px 0px 40px; padding:0px 0px; width:100%; max-width:100%; }
  .sd-26 { margin:0px 0px 40px; padding:0px 0px; width:100%; max-width:100%; }
  .sd-28 { margin:0px 0px 40px; padding:0px 0px; width:100%; max-width:100%; }
  .sd-30 { margin:0px 0px 40px; padding:0px 0px; width:100%; max-width:100%; }
  .symbol-2 { flex:none; height:auto; }
  .symbol-2__sd-1 { flex:none; height:auto; }
  .symbol-2__sd-19 { color:#f5f5f5; }
}

/* もと <style media="(max-width: 540px)"> */
@media (max-width: 540px) {
  .symbol-1 { bottom:auto; flex:none; height:56px; padding:0px 24px; top:0px; width:100%; max-width:100%; }
  .symbol-1__sd-3 { display:flex; }
  .symbol-1__sd-4 { display:none; }
  .sd-2 { flex:none; height:280px; }
  .sd-5 { font-size:24px; }
  .sd-6 { font-size:24px; }
  .sd-7 { display:none; margin:50px 0px 35px; max-width:100%; height:auto; }
  .sd-11 { flex:none; text-align:left; width:90%; justify-content:flex-start; max-width:90%; }
  .sd-12 { background:#029fc8; flex:none; height:300px; width:100%; max-width:100%; }
  .sd-13 { flex:none; }
  .sd-14 { flex:none; width:90%; max-width:90%; }
  .sd-15 { text-align:left; justify-content:flex-start; }
  .sd-17 { margin:30px 0px 0px; max-width:100%; }
  .sd-21 { display:none; flex:none; height:auto; padding:19px; }
  .sd-22 { margin:0px 0px; max-width:100%; }
  .sd-25 { font-size:20px; }
  .sd-27 { font-size:20px; }
  .sd-29 { font-size:20px; }
  .sd-31 { font-size:20px; }
  .symbol-2 { flex:none; height:auto; }
  .symbol-2__sd-1 { flex:none; height:auto; padding:15px; width:100%; max-width:100%; }
  .symbol-2__sd-2 { align-content:flex-end; align-items:flex-end; justify-content:flex-start; margin:15px 0px 30px; max-width:100%; }
  .symbol-2__sd-3 { flex:none; margin:0px 8px 0px 0px; width:80px; max-width:calc(100% - 8px); }
  .symbol-2__sd-4 { font-size:14px; }
  .symbol-2__sd-5 { align-content:flex-start; align-items:flex-start; display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; }
  .symbol-2__sd-6 { align-content:center; align-items:center; flex:none; justify-content:flex-start; margin:0px 0px 15px; width:100%; max-width:100%; }
  .symbol-2__sd-7 { font-size:13px; }
  .symbol-2__sd-8 { display:none; }
  .symbol-2__sd-6:hover .symbol-2__sd-8 { width:100%; max-width:100%; }
  /* カレント表示の下線を削除: [data-current] .symbol-2__sd-8 */
  .symbol-2__sd-9 { align-content:center; align-items:center; flex:none; justify-content:flex-start; margin:0px 0px 15px; width:100%; max-width:100%; }
  .symbol-2__sd-10 { font-size:13px; }
  .symbol-2__sd-11 { display:none; }
  .symbol-2__sd-9:hover .symbol-2__sd-11 { width:100%; max-width:100%; }
  /* カレント表示の下線を削除: [data-current] .symbol-2__sd-11 */
  .symbol-2__sd-12 { align-content:center; align-items:center; flex:none; justify-content:flex-start; margin:0px; width:100%; max-width:100%; }
  .symbol-2__sd-13 { font-size:13px; }
  .symbol-2__sd-14 { display:none; }
  .symbol-2__sd-12:hover .symbol-2__sd-14 { width:100%; max-width:100%; }
  /* カレント表示の下線を削除: [data-current] .symbol-2__sd-14 */
  .symbol-2__sd-15 { align-content:center; align-items:center; justify-content:flex-start; margin:0px 0px 15px; max-width:100%; }
  .symbol-2__sd-16 { font-size:28px; margin:0px 15px 0px 0px; padding:0px; max-width:calc(100% - 15px); }
  .symbol-2__sd-17 { font-size:28px; padding:0px; }
  .symbol-2__sd-19 { color:#f5f5f5; }
}

/* もと style="--img-*" 属性。画像URLを渡すカスタムプロパティ */
.sd-3 {
  --img-origin:url(../img/s-866x605_v-fs_webp_0db302d4-cac9-4fcf-bc04-f48c04e042d1.webp);
  --img-small:url(../img/s-866x605_v-fs_webp_0db302d4-cac9-4fcf-bc04-f48c04e042d1_small.webp);
  --img-middle:url(../img/s-866x605_v-fs_webp_0db302d4-cac9-4fcf-bc04-f48c04e042d1.webp);
  --img-regular:url(../img/s-866x605_v-fs_webp_0db302d4-cac9-4fcf-bc04-f48c04e042d1.webp);
}
.sd-12 {
  --img-origin:url(https://images.unsplash.com/photo-1545569310-f6d4b4d7ede9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MzQ2fDB8MXxzZWFyY2h8MTl8fG5ldHdvcmt8ZW58MHx8fHwxNzAzODA0MzMxfDA&ixlib=rb-4.0.3&q=80&w=1080);
  --img-small:url(https://images.unsplash.com/photo-1545569310-f6d4b4d7ede9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MzQ2fDB8MXxzZWFyY2h8MTl8fG5ldHdvcmt8ZW58MHx8fHwxNzAzODA0MzMxfDA&ixlib=rb-4.0.3&q=80&w=1080);
  --img-middle:url(https://images.unsplash.com/photo-1545569310-f6d4b4d7ede9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MzQ2fDB8MXxzZWFyY2h8MTl8fG5ldHdvcmt8ZW58MHx8fHwxNzAzODA0MzMxfDA&ixlib=rb-4.0.3&q=80&w=1080);
  --img-regular:url(https://images.unsplash.com/photo-1545569310-f6d4b4d7ede9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MzQ2fDB8MXxzZWFyY2h8MTl8fG5ldHdvcmt8ZW58MHx8fHwxNzAzODA0MzMxfDA&ixlib=rb-4.0.3&q=80&w=1080);
}