@charset "utf-8";
/*---------------------------------------------------------------------
Parts Style
style.css
-----------------------------------------------------------------------
Copyright 2026 (c) linkpath Allrights Reserved.
Created: linkpath
Created url: https://linkpath.jp/
Coding: Hinako Hayashi
Last Update: 2026.04.07
---------------------------------------------------------------------*/
/*===========================================================
    font-size
===========================================================*/
.page-heading-inner h1 {
    font-size: 500%;
}
.page-heading.form-heading .page-heading-inner h1 {
    font-size: 300%;
}
.page-heading-inner p {
    font-size: 120%;
}

.pankuzu {
    font-size: 0.8rem !important;
}

/*===========================================================
    parts
===========================================================*/
/* pankuzu */
main {
    position: relative;
}
.pankuzu {
    color: var(--color-base);
    font-size: 1.2rem;
    padding: 1rem 1.25rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.pankuzu-link {
    color: var(--color-base);
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
}

/* content-back */
.content-back {
    display: flex;
    flex-direction: column;
    gap: 10em;
    rule: 2px solid var(--color-accent);
    rule-inset : clamp(5%, calc((100vw - 1200px) / 2), 9999px);
    border-radius: 2em 2em 0 0;
    padding: 5em 0;
    margin-top: -2em;
    position: relative;
    z-index: 2;
}

/*===========================================================
    page-heading
===========================================================*/
.page-heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7.5em 0;
    padding-bottom: 9.5em;
    gap: 6em;
    position: relative;
    overflow: hidden;
}
.page-heading.form-heading {
    padding: 4em 0;
    padding-bottom: 6em;
}
.page-heading-wave {
    min-width: 1080px;
    width: 100%;
    height: 60%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.page-heading-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4em;
    position: relative;
    z-index: 2;
}
.page-heading.form-heading .page-heading-inner {
    gap: 2em;
}
.page-heading h1 {
    text-align: center;
    line-height: 1.2em;
}


@media screen and (max-width: 959px) {
/*===========================================================
    font-size
===========================================================*/
.page-heading-inner h1 {
    font-size: min(8vw, 450%);
}
.page-heading.form-heading .page-heading-inner h1 {
    font-size: min(8vw, 300%);
}
.page-heading-inner p {
    font-size: min(4.5vw, 120%);
}
/*===========================================================
    parts
===========================================================*/

}

@media screen and (max-width: 482px) {
/*===========================================================
    font-size
===========================================================*/

/*===========================================================
    parts
===========================================================*/

/*===========================================================
    page-heading
===========================================================*/
.page-heading {
    padding: 5em 0;
    padding-bottom: 7em;
}
.page-heading-inner {
    gap: 2.5em;
}
}