@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

*,*::before,*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

:where([hidden]:not([hidden=until-found])) {
    display: none !important
}

:where(html) {
    -webkit-text-size-adjust: none;
    color-scheme: dark light;
    tab-size: 2
}

@media(prefers-reduced-motion: no-preference) {
    :where(html:focus-within) {
        scroll-behavior: smooth
    }
}

:where(body) {
    line-height: 1.5;
    font-family: system-ui,sans-serif;
    -webkit-font-smoothing: antialiased
}

:where(button) {
    all: unset
}

:where(input,button,textarea,select) {
    font: inherit;
    color: inherit
}

:where(textarea) {
    resize: vertical;
    resize: block
}

:where(button,label,select,summary,[role=button],[role=option]) {
    cursor: pointer
}

:where(:disabled) {
    cursor: not-allowed
}

:where(label:has(>input:disabled),label:has(+input:disabled)) {
    cursor: not-allowed
}

:where(a) {
    color: inherit;
    text-underline-offset: .2ex
}

:where(ul,ol) {
    list-style: none
}

:where(img,svg,video,canvas,audio,iframe,embed,object) {
    display: block
}

:where(img,picture,svg,video) {
    max-inline-size: 100%;
    block-size: auto
}

:where(p,h1,h2,h3,h4,h5,h6) {
    overflow-wrap: break-word
}

:where(h1,h2,h3) {
    line-height: calc(1em + .5rem)
}

:where(hr) {
    border: none;
    border-block-start:1px solid;color: inherit;
    block-size: 0;
    overflow: visible
}

:where(:focus-visible) {
    outline: 3px solid CanvasText;
    box-shadow: 0 0 0 5px Canvas;
    outline-offset: 1px
}

:where(:focus-visible,:target) {
    scroll-margin-block: 8vh
}

:where(.visually-hidden:not(:focus-within,:active)) {
    clip-path: inset(50%) !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    white-space: nowrap !important;
    border: 0 !important
}

:root {
    --s1: 8px;
    --s2: 16px;
    --s3: 24px;
    --s4: 32px;
    --s5: 40px;
    --s6: 48px;
    --s7: 56px;
    --s8: 64px;
    --s9: 72px;
    --s10: 80px;
    --s11: 88px;
    --s12: 96px;
    --s13: 104px;
    --s14: 112px;
    --s15: 120px;
    --s16: 128px;
    --s17: 136px;
    --s18: 144px;
    --s19: 152px;
    --s20: 160px
}

@media(max-width: 767px) {
    :root {
        --s1: 1.6vw;
        --s2: 3.2vw;
        --s3: 4.8vw;
        --s4: 6.4vw;
        --s5: 8vw;
        --s6: 9.6vw;
        --s7: 11.2vw;
        --s8: 12.8vw;
        --s9: 14.4vw;
        --s10: 16vw;
        --s11: 17.6vw;
        --s12: 19.2vw;
        --s13: 20.8vw;
        --s14: 22.4vw;
        --s15: 24vw;
        --s16: 25.6vw;
        --s17: 27.2vw;
        --s18: 28.8vw;
        --s19: 30.4vw;
        --s20: 32vw
    }
}

:root {
    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --color-black: #222222;
    --color-black-rgb: 0, 0, 0
}

html,body {
    width: 100%;
    height: auto
}

html {
    font-size: 62.5%
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-optical-sizing: auto;
    letter-spacing: .04em;
    width: 100%;
    height: 100%;
    letter-spacing: 0;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "palt";
    color: var(--color-key-black);
    text-wrap: wrap
}

code,pre {
    font-family: "Source Code",monospace
}

a {
    text-decoration: none
}

ul,ol,dl {
    list-style: none;
    margin: 0;
    padding: 0
}

strong {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-optical-sizing: auto;
    letter-spacing: .04em
}

:root {
    --color-key-white: #FFFFFF;
    --color-key-bright: #fffdeb;
    --color-key-right: #ffdd4c;
    --color-key: #FFBF00;
    --color-key-dark: #f39800;
    --color-key-darkest: #de4600;
    --color-key-black: #130013;
    --color-key-blue: #3139e8;
    --color-key-pink: #e23a9a;
    --grad-btn: linear-gradient(90deg, rgba(139, 0, 113, 0.50) 0%, rgba(165, 0, 130, 0.50) 100%), linear-gradient(90deg, #A50082 0%, #7C0061 100%)
}

body {
    background:var(--color-key);
}

@media(max-width: 767px) {
    body .--monitor {
        display:none
    }
}

@media(min-width: 768px) {
    body .--mobile {
        display:none
    }
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Noto Sans JP", sans-serif!important;
    font-weight:900;
    font-optical-sizing: auto;
    letter-spacing: .04em
}

p {
    font-size: 16px
}

@media(max-width: 767px) {
    p {
        font-size:4vw
    }
}

.theme-container {
    background-color: rgba(0,0,0,0) !important
}

._overflow-hidden {
    overflow: auto
}

@media(max-width: 767px) {
    ._overflow-hidden {
        overflow:hidden
    }
}

.site-body__container {
    padding: var(--s2);
    min-width: 955px
}

@media(max-width: 559px) {
    .site-body__container {
        padding:var(--s6) var(--s2) var(--s2)
    }
}

@media(max-width: 767px) {
    .site-body__container {
        min-width:auto
    }
}

.button__container {
    margin-top: var(--s3)
}

.button__container .button__wrapper a {
    font-style: normal;
    font-optical-sizing: auto;
    letter-spacing: .04em;
    background: var(--color-key-pink);
    position: relative;
    font-size: 20px;
    line-height: 1.4em;
    padding: 1em 2em 1em 2em
}

.cta__button{
    font-style: normal;
    font-optical-sizing: auto;
    letter-spacing: .04em;
    background: var(--color-key-pink);
    position: relative;
    font-size: 15px;
    line-height: 1.4em;
    padding: 1em 2em 1em 2em;
    margin-top:10px;
}

@media(max-width: 767px) {
    .button__container .button__wrapper a {
        font-size:3.5vw
    }
}

.button__container .button__wrapper a:hover {
    transform: scale(1.1)
}

.ly-content {
    background-color: var(--color-key-bright);
    padding: var(--s8) 0;
    margin: var(--s3) 0;
    border-radius: var(--s2)
}

@media(max-width: 767px) {
    .ly-content {
        padding:var(--s10) var(--s2)
    }
}

.ly-content .section__wrapper {
    max-width: 1140px
}

.ly-content h2 {
    font-style: normal;
    font-optical-sizing: auto;
    letter-spacing: .04em;
    font-size: 32px;
    font-weight:900;
    line-height: 1.4em
}

.ly-content h3 {
    font-style: normal;
    font-optical-sizing: auto;
    letter-spacing: .04em;
    font-size: 20px;
    font-weight:900;
    line-height: 1.4em
}

@media(max-width: 767px) {
    .ly-content h2 {
        font-size:6.9333333333vw
    }
}

.ly-content .theme-help {
    font-style: normal;
    font-optical-sizing: auto;
    font-weight: 700;
    color: var(--color-key-darkest);
    font-size: 22px;
    line-height: 1.4em;
    margin-bottom: calc(var(--s3)/-2)
}

.ly-content .theme-info {
    font-weight:700;
    border-radius: 100px;
    background-color: var(--color-key);
    width: fit-content;
    margin:auto;
    padding:10px 50px;
    margin-bottom:20px;
}

.ly-content .fontsize-small {
    font-style: normal;
    font-optical-sizing: auto;
    font-size: 1.6em;
}

@media(max-width: 767px) {
    .ly-content .theme-help {
        font-size:3.2vw;
    }

    .ly-content .theme-info {
        font-size:3vw;
}
    .ly-content .fontsize-small {
    font-style: normal;
    font-optical-sizing: auto;
    font-size: 1.4em;
}
    
}

.header__container {
    height:60px;
    background-color: var(--color-key);
    padding-top:10px;
}

.header__logo{
    padding-left:20px;
}

.site-menu__container {
    display:none;
}

.ly-cover {
    border-radius: var(--s2);
    padding: var(--s8) 0;
}
@media(max-width: 767px) {
    .ly-cover {
        padding:var(--s12) var(--s2) var(--s8)
    }
}

.ly-cover h1 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-optical-sizing: auto;
    font-weight: 900;
    font-size: 7vmin;
    line-height: 1.4em;
    background-image: linear-gradient(#000000 0 60px);
    background-repeat: no-repeat;
    background-size: 70% 3px;
    background-position: bottom;
    padding-bottom:20px;
    margin-top:10px;
    margin-bottom:20px;
}

.ly-cover h2 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-optical-sizing: auto;
    font-weight: 900;
    font-size: 3.3vmin;
    line-height: 1.4em;
    width: fit-content;
    margin:auto;
    padding:10px 30px;
}

.ly-cover h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-optical-sizing: auto;
    font-weight: 900;
    font-size: 2.5vmin;
    line-height: 1.4em;
    margin-bottom:0px;
}

@media(max-width: 767px) {
    .ly-cover h1 {
        font-size:8vw
    }
    .ly-cover h2 {
        font-size:4vw
    }
    .ly-cover h3 {
        font-size:4vw
    }
}

@media(max-width: 767px) {
    .table__columns--sp {
        display:flex;
        justify-content: center;
        gap: 3.2vw
    }
}

.kintalk-speaker-container {
    padding: 0 calc(var(--s3)/2)
}

.kintalk-speaker-container h3{
    margin-bottom:5px;
}

@media(max-width: 767px) {
    .kintalk-speaker-container {
        padding:0;
        width: calc(50% - 3.2vw) !important
    }

     .kintalk-speaker-container h4 {
        font-size:1.5em;
    }
}

.kintalk-speaker-container .image__wrapper {
    background-color: var(--color-white);
    border-radius: var(--s1);
    overflow: hidden
}

.kintalk-table {
    max-width: 800px;
    margin-inline:auto}

.kintalk-table th,.kintalk-table td {
    border: none !important
}

.kintalk-table tr {
    background-color: var(--color-white);
    font-size: 16px;
    line-height: 1.4em;
    border-radius: var(--s1);
    overflow: hidden;
    display: block
}

@media(max-width: 767px) {
    .kintalk-table tr {
        font-size:3.7333333333vw
    }
}

.kintalk-table tr:not(:last-child) {
    margin-bottom: var(--s1)
}

.kintalk-table th {
    font-style: normal;
    font-optical-sizing: auto;
    letter-spacing: .04em;
    font-size: 16px;
    line-height: 1.4em;
    width: 150px;
    background-color: var(--color-key-dark);
    color: var(--color-white);
    padding: 1em
}

@media(max-width: 767px) {
    .kintalk-table th {
        width:21.3333333333vw;
        font-size: 3.7333333333vw;
        padding: .5em
    }
}

.kintalk-table td {
    font-size: 16px;
    line-height: 2em;
    padding: 1em
}

@media(max-width: 767px) {
    .kintalk-table td {
        font-size:3.7333333333vw
    }
}

@media(max-width: 767px) {
    .kintalk-contents p {
        font-size:4vw;
        margin-bottom: 8.5333333333vw
    }
}


.kintalk-contents-col {
    border-radius: var(--s1);
    padding: 0
}

.kintalk-contents-col h3 {
    font-size:20px;
}

.kintalk-contents-col:not(:last-child) {
    margin-right: var(--s3)
}

@media(max-width: 767px) {
    .kintalk-contents-col:not(:last-child) {
        margin-right:0;
        margin-bottom: 6.4vw
    }

     .kintalk-contents-col h3{
        text-align:left;
    }

    .kintalk-contents-col p{
        font-size:15px;
        text-align:left;
    }
}

.kintalk-contents-col .text__container {
    margin-top: 0
}

.kintalk-contents-col .contents-data {
    background-color: var(--color-white);
    padding: var(--s3) var(--s2)
}


.kintalk-contents-col .contents-data .title {
    font-style: normal;
    font-optical-sizing: auto;
    letter-spacing: .04em;
    font-size: 24px;
    line-height: 1.4em;
    margin-bottom: .5em
}

.footer-link{
    max-width:600px;
    margin:auto;
}