/* Styles isolated to the inserted seminar card. */
.art .hero-card.dtc-seminar { container-type:inline-size; padding:0; overflow:hidden; line-height:normal; text-wrap:wrap; }
/***.art .hero-card.dtc-seminar :where(*) { all:revert; box-sizing:border-box; color:inherit; font-family:inherit; }***/

.art .hero-card.dtc-seminar :where(*:not(svg, svg *)) {
  all: revert;
  box-sizing: border-box;
  color: inherit;
  font-family: inherit;
}

.art .hero-card.dtc-seminar {color-scheme:light;--paper:#faf7f1;--brown:#482411;--muted:#565047;--line:#a78768}
.art .hero-card.dtc-seminar * {box-sizing:border-box}
.art .hero-card.dtc-seminar {margin:0;background:#eee9e1;color:var(--brown);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.art .hero-card.dtc-seminar .icon-definitions {position:absolute;width:0;height:0;overflow:hidden}
.art .hero-card.dtc-seminar .poster {container-type:inline-size;position:relative;isolation:isolate;overflow:hidden;max-width:1500px;min-height:130.333cqw;margin:auto;background:radial-gradient(ellipse at 30% 30%,#fffdfa80,transparent 65%),var(--paper);aspect-ratio:1500/1955}
.art .hero-card.dtc-seminar .decoration {position:absolute;z-index:-2;border-radius:50%;background:#eee6da80}
.art .hero-card.dtc-seminar .decoration-top {width:29%;aspect-ratio:1;left:37%;top:-14%}
.art .hero-card.dtc-seminar .decoration-bottom {width:25%;aspect-ratio:1;left:38.5%;bottom:8%}
.art .hero-card.dtc-seminar .poster:before {content:"";position:absolute;width:28%;aspect-ratio:1;right:-12%;top:49%;border-radius:50%;background:#eee6da80;z-index:-2}
.art .hero-card.dtc-seminar .photo {position:absolute;z-index:-1;background-image:url('../assets/seminar/reference.png');background-size:100cqw 130.333cqw;background-repeat:no-repeat}
.art .hero-card.dtc-seminar .photo-main {left:51.8%;top:2.8%;width:58.5%;height:44.9%;border-radius:50%;background-position:-51.8cqw -3.649cqw}
.art .hero-card.dtc-seminar .photo-dog {left:42.8%;top:45.7%;width:34.5%;height:26.8%;border-radius:50%;background-position:-42.8cqw -59.562cqw}
.art .hero-card.dtc-seminar .photo-school {left:69.5%;top:56%;width:35.5%;height:28.6%;border-radius:50%;background-position:-69.5cqw -72.986cqw}
.art .hero-card.dtc-seminar .headline {position:absolute;left:4.5%;top:6.25%;width:65%}
.art .hero-card.dtc-seminar .eyebrow {display:inline-block;margin:0 0 4.5cqw;padding:.85cqw 1.9cqw;background:#d48b34;border:2px solid #c19960;box-shadow:0 0 0 3px #fff;border-radius:.55cqw;color:#fff;font-size:2.35cqw;font-weight:700;letter-spacing:.15em}
.art .hero-card.dtc-seminar .seminar-title {margin:0}
.art .hero-card.dtc-seminar .one-day {display:block;font-family:"Times New Roman",serif;font-size:12.1cqw;line-height:.98;letter-spacing:-.045em;font-weight:700;text-shadow:2px 2px #fff,-2px -2px #fff}
.art .hero-card.dtc-seminar .japanese-title {display:block;white-space:nowrap;font-size:7.05cqw;line-height:1.36;letter-spacing:-.075em;font-weight:900;paint-order:stroke fill;-webkit-text-stroke:1.1cqw var(--paper)}
.art .hero-card.dtc-seminar .subtitle-row {display:flex;align-items:center;gap:1.8cqw;margin-top:.5cqw}
.art .hero-card.dtc-seminar .seminar {display:block;white-space:nowrap;color:#482411;padding:0 .9cqw;font-size:7.05cqw;letter-spacing:-.055em}
.art .hero-card.dtc-seminar .english {font-size:1.8cqw;font-weight:500;color:#a78c74;letter-spacing:.1em;line-height:1.5}
.art .hero-card.dtc-seminar .introduction {position:absolute;left:4.7%;top:39.8%;margin:0;font-size:2.05cqw;line-height:1.72;color:var(--muted);font-weight:500;letter-spacing:.025em}
.art .hero-card.dtc-seminar .features {position:absolute;top:53%;left:4.5%;width:40%}
.art .hero-card.dtc-seminar .feature {display:flex;align-items:center;gap:1.55cqw;margin-bottom:3.6cqw}
.art .hero-card.dtc-seminar .feature-icon {display:grid;place-items:center;width:8.3cqw;height:8.3cqw;flex-shrink:0;border:2px solid var(--line);box-shadow:0 0 0 3px white;border-radius:50%}
.art .hero-card.dtc-seminar svg {display:block;width:65%;height:65%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.art .hero-card.dtc-seminar .feature h2 {font-size:2.25cqw;margin:0 0 .5cqw;letter-spacing:.035em}
.art .hero-card.dtc-seminar .feature p {font-size:1.65cqw;line-height:1.55;color:var(--muted);margin:0;font-weight:500;white-space:nowrap}
.art .hero-card.dtc-seminar .details {position:absolute;left:5.3%;right:3.5%;bottom:1.65%;min-height:12.8%;padding:1.65cqw 1.3cqw;display:grid;grid-template-columns:1.18fr 1fr 1.09fr 1.05fr;background:#ffffffed;border-radius:.8cqw}
.art .hero-card.dtc-seminar .detail {padding:0 1.2cqw;display:grid;grid-template-columns:6.1cqw 1fr;column-gap:.85cqw;align-content:start;align-items:center;border-right:2px solid #bfae9e}
.art .hero-card.dtc-seminar .detail:first-child {padding-left:.25cqw}
.art .hero-card.dtc-seminar .detail:last-child {border:0;padding-right:0}
.art .hero-card.dtc-seminar .detail-icon {width:6.1cqw;height:6.1cqw;display:grid;place-items:center;border-radius:50%;background:var(--brown);border:2px solid #381708;color:#fff}
.art .hero-card.dtc-seminar .detail h2 {font-size:1.48cqw;line-height:1.35;margin:0;font-weight:800}
.art .hero-card.dtc-seminar .school h2 {font-size:1.25cqw}
.art .hero-card.dtc-seminar .detail p {font-size:1.16cqw;line-height:1.6;color:var(--muted);font-weight:600;margin:.6cqw 0 0}
.art .hero-card.dtc-seminar .detail>p:not(.pill) {grid-column:2}
.art .hero-card.dtc-seminar .detail .pill {grid-column:1/-1;text-align:center;border-radius:3cqw;background:#f0e1ce;color:var(--brown);padding:.6cqw .3cqw;margin-top:1.1cqw;font-size:1.15cqw;line-height:1.5}
.art .hero-card.dtc-seminar .price .pill {border-radius:1cqw;font-size:1.05cqw;background:#f4ebe2}
.art .hero-card.dtc-seminar .detail .amount {font-size:2.05cqw;color:var(--brown);line-height:1.1}
.art .hero-card.dtc-seminar .amount span {font-size:1.15cqw}
.art .hero-card.dtc-seminar .price div>p:last-child {margin-top:.3cqw;font-size:1.05cqw}
@media(min-width:1500px){
.art .hero-card.dtc-seminar .poster {min-height:1955px}}
@media(max-width:640px){
.art .hero-card.dtc-seminar .poster {aspect-ratio:auto;min-height:100vh;padding:32px 22px 24px}
.art .hero-card.dtc-seminar .headline {position:relative;left:auto;top:auto;width:100%;padding-top:0}
.art .hero-card.dtc-seminar .eyebrow {font-size:16px;padding:9px 14px;margin-bottom:26px;border-radius:5px}
.art .hero-card.dtc-seminar .one-day {font-size:23cqw}
.art .hero-card.dtc-seminar .japanese-title {font-size:8.7cqw;letter-spacing:-.08em;line-height:1.7;-webkit-text-stroke:1.4cqw var(--paper)}
.art .hero-card.dtc-seminar .subtitle-row {gap:12px;margin-top:0px}
.art .hero-card.dtc-seminar .seminar {font-size:8.7cqw;padding:0px 0px 0px 2px}
.art .hero-card.dtc-seminar .english {font-size:2.7cqw;letter-spacing:.07em}
.art .hero-card.dtc-seminar .photo-main {position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:1.06;margin-top:24px;background-size:195cqw 254.15cqw;background-position:-100.8cqw -7.1cqw;border:2px solid white}
.art .hero-card.dtc-seminar .headline {margin-top:0}
.art .hero-card.dtc-seminar .photo-main {position:absolute;top:295px;left:22px;width:calc(100% - 44px)}
.art .hero-card.dtc-seminar .introduction {position:relative;left:auto;top:auto;margin:calc(100cqw + 34px) 0 30px;font-size:16px;line-height:1.9;letter-spacing:0}
.art .hero-card.dtc-seminar .desktop-break {display:none}
.art .hero-card.dtc-seminar .features {position:relative;top:auto;left:auto;width:100%}
.art .hero-card.dtc-seminar .feature {gap:16px;margin:0 0 27px}
.art .hero-card.dtc-seminar .feature-icon {width:68px;height:68px;border-width:1.5px}
.art .hero-card.dtc-seminar .feature h2 {font-size:20px;margin-bottom:6px}
.art .hero-card.dtc-seminar .feature p {font-size:14px;white-space:normal;line-height:1.7}
.art .hero-card.dtc-seminar .feature p br {display:none}
.art .hero-card.dtc-seminar .photo-dog, .art .hero-card.dtc-seminar .photo-school {display:none}
.art .hero-card.dtc-seminar .details {position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:1fr;margin-top:30px;padding:10px 18px;border-radius:10px}
.art .hero-card.dtc-seminar .detail, .art .hero-card.dtc-seminar .detail:first-child, .art .hero-card.dtc-seminar .detail:last-child {grid-template-columns:62px 1fr;gap:8px 15px;padding:22px 0;border-right:0;border-bottom:1px solid #d8c8b9}
.art .hero-card.dtc-seminar .detail:last-child {border-bottom:0}
.art .hero-card.dtc-seminar .detail-icon {width:62px;height:62px}
.art .hero-card.dtc-seminar .detail h2, .art .hero-card.dtc-seminar .school h2 {font-size:17px}
.art .hero-card.dtc-seminar .detail p, .art .hero-card.dtc-seminar .price div>p:last-child {font-size:14px;margin-top:5px}
.art .hero-card.dtc-seminar .detail .pill, .art .hero-card.dtc-seminar .price .pill {font-size:14px;padding:8px 12px;border-radius:20px;margin-top:8px}
.art .hero-card.dtc-seminar .detail .amount {font-size:26px}
.art .hero-card.dtc-seminar .amount span {font-size:14px}
.art .hero-card.dtc-seminar .decoration-bottom {bottom:30%;width:70%;left:60%}}
@media(max-width:380px){
.art .hero-card.dtc-seminar .photo-main {top:280px}
.art .hero-card.dtc-seminar .eyebrow {font-size:14px}
.art .hero-card.dtc-seminar .feature {gap:12px}
.art .hero-card.dtc-seminar .feature-icon {width:56px;height:56px}
.art .hero-card.dtc-seminar .feature h2 {font-size:18px}}
@media print{
.art .hero-card.dtc-seminar {background:white}
.art .hero-card.dtc-seminar .poster {width:100%;max-width:none}
.art .hero-card.dtc-seminar .photo {-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{margin:0}}
@media(min-width:641px){
.art .hero-card.dtc-seminar .poster {min-height:0}}
@media(max-width:640px){
.art .hero-card.dtc-seminar .photo-main {top:calc(120px + 42cqw)}}


@media (min-width: 481px) and (max-width: 640px) {
.art .hero-card.dtc-seminar .details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
  }
.art .hero-card.dtc-seminar .detail, .art .hero-card.dtc-seminar .detail:first-child, .art .hero-card.dtc-seminar .detail:last-child {
    min-width: 0;
    grid-template-columns: 48px minmax(0, 1fr);
    column-gap: 10px;
  }
.art .hero-card.dtc-seminar .detail-icon {
    width: 48px;
    height: 48px;
  }
.art .hero-card.dtc-seminar .detail > p:not(.pill) {
    grid-column: 1 / -1;
  }
.art .hero-card.dtc-seminar .detail h2 {
    overflow-wrap: anywhere;
  }
.art .hero-card.dtc-seminar .detail:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}
@media (max-width: 480px) {
.art .hero-card.dtc-seminar .details {
    grid-template-columns: minmax(0, 1fr);
  }
}


@media (max-width: 640px) {
.art .hero-card.dtc-seminar .photo-main {
    aspect-ratio: 770 / 260;
    background-image: url('../assets/seminar/dog1.png');
    background-size: contain;
    background-position: center;
    border: 0;
    border-radius: 0;
  }
.art .hero-card.dtc-seminar .introduction {
    margin-top: calc(28cqw + 48px);
  }
}

.art .hero-card.dtc-seminar {padding:0; max-width:none; background:#faf7f1;}
