@charset 'utf-8';

body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	word-break: keep-all;
	line-break: strict;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-align: left !important;
    line-break: strict;
    word-break: normal;
    box-sizing: border-box;
    margin: 0;
    bottom: 0;
    color: rgb(var(--color-333333));
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.6;
    font-size: 16px;
}
body * {
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.3s ease-out;
}

@media (min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
        cursor: default;
    }
}

/* -----------------------------------------
　Root
------------------------------------------*/
:root {

    --color-ffffff: 255, 255, 255;
    --color-000000: 0, 0, 0;
    --color-333333: 51, 51, 51;
    --color-84c121: 132, 193, 33;
    --color-809dfd: 128, 157, 253;
    --color-f49b07: 244, 155, 7;
    --color-42a201: 66, 162, 1;
    --color-a7ce8c: 167, 206, 140;
    --color-cf0559: 207, 5, 89;
    --color-66b62e: 102, 182, 46;
    --color-fff657: 255, 246, 87;
    --color-fefcdc: 254, 252, 220;
    --color-e60060: 230, 0, 96;
    --color-f7f7f7: 247, 247, 247;
    --color-dbdbdb: 219, 219, 219;
    --color-f49007: 244, 144, 7;
    --color-f2c67c: 242, 198, 124;
    --color-291f6d: 41, 31, 109;
    --color-fff884: 255, 248, 132;
    --color-f5f5f5: 245, 245, 245;
    --color-e3efd2: 227, 239, 210;

    --border: transparent;
    --liner: linear-gradient(180deg, rgba(255,186,0,1) 0%, rgba(234,136,3,1) 100%);
    --liner-green: linear-gradient(180deg, rgba(227,239,210,1) 0%, rgba(255,255,255,1) 100%);
}

/* -----------------------------------------
　Constructor
------------------------------------------*/

.br-pc {
    display: block;
}
.br-sp {
    display: none;
}
@media screen and (max-width: 767px) {
    .br-pc {
        display: none;
    }
    .br-sp {
        display: block;
    }
}


/* -----------------------------------------
　component
------------------------------------------*/

.c-btn-more {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 232px;
    width: 100%;
    aspect-ratio: 232/39;
    border-radius: 50vh;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
    color: rgb(var(--color-ffffff));
    background: var(--liner);
}
.c-btn-more::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 8px;
    aspect-ratio: 8/14;
    background: url(/assets/img/hinatas/i-btn_self.svg) no-repeat;
}
.c-btn-more[target="_blank"] {
    margin-inline: auto;
    max-width: 332px;
    width: 100%;
    aspect-ratio: 332/62;
    font-size: 18px;
    line-height: 1.444;
    font-weight: 700;
    color: rgb(var(--color-ffffff));
    background: var(--liner);
}
.c-btn-more[target="_blank"]::before {
    right: 24px;
    width: 16px;
    aspect-ratio: 16/14;
    background: url(/assets/img/hinatas/i-btn_blank.svg) no-repeat;
}
@media screen and (max-width: 1079px) {
    .c-btn-more {
        width: 21.481vw;
        font-size: 1.389vw;
    }
    .c-btn-more::before {
        right: 1.297vw;
    }
    .c-btn-more[target="_blank"] {
        width: 30.741vw;
        font-size: 1.667vw;
    }
    .c-btn-more[target="_blank"]::before {
        right: 2.223vw;
    }
}
@media screen and (max-width: 767px) {
    .c-btn-more {
        max-width: unset;
        width: 58.4vw;
        aspect-ratio: 219/37;
        font-size: 3.734vw;
    }
    .c-btn-more::before {
        right: 2.934vw;
    }
    .c-btn-more[target="_blank"] {
        max-width: unset;
        width: 79.734vw;
        aspect-ratio: 299/56;
        font-size: 4.267vw;
    }
    .c-btn-more[target="_blank"]::before {
        right: 5.867vw;
    }
}

.u-under {
    font-weight: 700;
    color: rgb(var(--color-cf0559));
    text-decoration: underline;
    cursor: pointer;
}


/* header */
.header {
    position: sticky;
    top: 0;
    border-top: 4px solid rgb(var(--color-f49b07));
    background: rgb(var(--color-ffffff));
    z-index: 100;
}
.header .header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-inline: auto;
    max-width: 1000px;
    height: 80px;
}
.header .header-content .root {
    width: 473px;
    aspect-ratio: 473/67;
}
.header .header-content .group {
    display: flex;
    align-items: center;
    gap: 0 14px;
}
.header .header-content .group .izumiya {
    width: 126px;
    aspect-ratio: 126/22;
 }
 .header .header-content .group .qanat {
     width: 182px;
     aspect-ratio: 182/22;
 }
@media screen and (max-width: 1079px) {
    .header {
        border-top: 4px solid rgb(var(--color-f49b07));
    }
    .header .header-content {
        max-width: 92.593%;
        height: 7.408vw;
    }
    .header .header-content .root {
        width: 43.797vw;
    }
    .header .header-content .group {
        gap: 0 1.297vw;
    }
    .header .header-content .group .izumiya {
       width: 11.667vw;
    }
    .header .header-content .group .qanat {
        width: 16.852vw;
    }
}
@media screen and (max-width: 767px) {
    .header {
        border-top: 2px solid rgb(var(--color-f49b07));
    }
    .header .header-content {
        max-width: unset;
        width: 93.6svw;
        height: 50px;
    }
    .header .header-content .root {
        width: 209px;
        aspect-ratio: 209/27;
    }
    .header .header-content .group {
        flex-direction: column;
        gap: 3px 0;
        width: 87px;
    }
    .header .header-content .group li {
        line-height: 0;
    }
    .header .header-content .group .izumiya {
       width: auto;
       aspect-ratio: unset;
    }
    .header .header-content .group .qanat {
        width: auto;
        aspect-ratio: unset;
    }
}


/* footer */
.footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    border-top: 1px solid rgb(var(--color-dbdbdb));
    border-bottom: 4px solid rgb(var(--color-f49b07));
}
.footer .copy {
    font-size: 12px;
    line-height: 1.333;
    letter-spacing: 0.06em;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 1079px) {
    .footer {
        height: 4.075vw;
        border-top: 0.093vw solid rgb(var(--color-dbdbdb));
        border-bottom: 0.371vw solid rgb(var(--color-f49b07));
    }
    .footer .copy {
        font-size: 1.112vw;
    }
}
@media screen and (max-width: 767px) {
    .footer {
        height: 42px;
        border-top: 1px solid rgb(var(--color-dbdbdb));
        border-bottom: 2px solid rgb(var(--color-f49b07));
    }
    .footer .copy {
        font-size: 2.934vw;
    }
}

/* -----------------------------------------
　hinatas.html
------------------------------------------*/
/* mv */
.mv {
    padding-block: 130px 60px;
    background: url(/assets/img/hinatas/mv_leaf01.png), url(/assets/img/hinatas/mv_leaf02.png), var(--liner-green);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: top left, top right;
    background-size: 244px auto, 248px auto, 100% 57%;
}
.mv .mv-content {
    margin: 0 auto;
    max-width: 1000px;
}
@media screen and (max-width: 1079px) {
    .mv .mv-content {
        max-width: 92.593%;
    }
}
@media screen and (max-width: 767px) {
    .mv .mv-content {
        max-width: 86.667;
    }
}
.mv .thmb {
    max-width: 460px;
    width: 46%;
}
.mv .area {
    max-width: 440px;
    width: 44%;
}
.mv .outline {
    display: flex;
    align-items: center;
    gap: 0 46px;
    margin-bottom: 84px;
}
.mv .outline .head {
    position: relative;
    margin-bottom: 24px;
    padding-block: 29px;
}
.mv .outline .head::before,
.mv .outline .head::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
}
.mv .outline .head::before {
	top: 0;
	border-top: 2px solid rgb(var(--color-42a201));
	border-bottom: 1px solid rgb(var(--color-a7ce8c));
}
.mv .outline .head::after {
	bottom: 0;
	border-top: 1px solid rgb(var(--color-a7ce8c));
	border-bottom: 2px solid rgb(var(--color-42a201));
}
.mv .outline .txt .member {
    position: relative;
    display: inline-block;
    height: 50px;
    margin-bottom: 12px;
    padding: 0 48px;
    background-color: rgb(var(--color-42a201));
    color: rgb(var(--color-ffffff));
    font-size: 28px;
    letter-spacing: 0.1em;
    font-weight: bold;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, 97% 50%, 100% 100%, 0 100%, 3% 50%);
}
.mv .outline .txt {
    text-align: center;
}
.mv .outline .txt .fee {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    color: rgb(var(--color-42a201));
}
.mv .outline .txt .plz {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}
.mv .dist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mv .dist .item {
    width: 31.8%;
}
.mv .dist .item .item-card {
    background: rgb(var(--color-ffffff));
}
.mv .dist .item.item1 .item-card {
    --border: rgb(var(--color-84c121));
}
.mv .dist .item.item2 .item-card {
    --border: rgb(var(--color-809dfd));
}
.mv .dist .item.item3 .item-card {
    --border: rgb(var(--color-f49b07));
}
.mv .dist .item .item-card .term {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 318/42;
    font-size: 17px;
    line-height: 1.471;
    font-weight: 700;
    color: rgb(var(--color-ffffff));
    background: var(--border);
    border-radius: 6px 6px 0 0;
}
.mv .dist .item .item-card .desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block: 20px;
    aspect-ratio: 318 /202;
    border: 1px solid var(--border) ;
    border-radius: 0 0 6px 6px;
}
.mv .dist .item .item-card .desc b {
    margin-bottom: 16px; 
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
    text-align: center;
}
.mv .dist .item .item-card .desc p {
    font-size: 14px;
    line-height: 1.571;
    flex-grow: 1;
    text-align: center;
}
.mv .dist .item:last-child .item-card .desc p {
    display: flex;
    align-items: center;
    gap: 0 18px;
}
.mv .dist .item .item-card .desc p .sup {
    vertical-align: top;
    font-size: 0.8em;
}
.mv .dist .item .note {
    padding-top: 8px;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 12px;
    line-height: 1.5;
}
@media screen and (max-width: 1079px) {
    .mv {
        padding-block: 12.037vw 5.556vw;
    }
    .mv .thmb {
        width: 46%;
    }
    .mv .area {
        width: 44%;
    }
    .mv .outline {
        gap: 0 4.26vw;
        margin-bottom: 7.778vw;
    }
    .mv .outline .head {
        margin-bottom: 2.223vw;
        padding-block: 2.686vw;
    }
    .mv .outline .head::before,
    .mv .outline .head::after {
        height: 0.371vw;
    }
    .mv .outline .head::before {
        border-top: 0.186vw solid rgb(var(--color-42a201));
        border-bottom: 0.093vw solid rgb(var(--color-a7ce8c));
    }
    .mv .outline .head::after {
        border-top: 0.093vw solid rgb(var(--color-a7ce8c));
        border-bottom: 0.186vw solid rgb(var(--color-42a201));
    }
    .mv .outline .head .ttl img {
        width: 100%;
    }
    .mv .outline .txt .member {
        height: 4.63vw;
        margin-bottom: 1.112svw;
        padding: 0 3.519vw;
        font-size: 2.593vw;
    }
    .mv .outline .txt .fee {
        margin-bottom: 0.371vw;
        font-size: 1.482vw;
    }
    .mv .outline .txt .plz {
        font-size: 1.482vw;
    }
    .mv .dist .item .item-card .term {
        font-size: 1.574vw;
        border-radius: 0.556vw 0.556vw 0 0;
    }
    .mv .dist .item .item-card .desc {
        padding-block: 1.852vw;
        border: 0.093vw solid var(--border) ;
        border-radius: 0 0 0.556vw 0.556vw;
    }
    .mv .dist .item .item-card .desc b {
        margin-bottom: 1.482vw; 
        font-size: 1.389vw;
    }
    .mv .dist .item .item-card .desc p {
        font-size: 1.296vw
    }
    .mv .dist .item:last-child .item-card .desc p {
        gap: 0 1.667vw;
    }
    .mv .dist .item .note {
        padding-top: 0.741vw;
        font-size: 1.112vw;
    }
}
@media screen and (max-width: 767px) {
    .mv {
        padding-block: 9.067vw 10.667vw;
        background: url(/assets/img/hinatas/mv_leaf01_sp.png), url(/assets/img/hinatas/mv_leaf02_sp.png), var(--liner-green);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: top left, top right;
        background-size: 26.134vw auto, 28.267vw auto, 100% 57%;
    }
    .mv .area {
        display: contents;
    }
    .mv .outline {
        flex-direction: column;
        gap: 0;
        margin-bottom: 11.734vw;
    }
    .mv .outline .head {
        order: 0;
        margin-bottom: 9.067vw;
        padding-block: 8.534vw;
        width: 86.667vw;
    }
    .mv .outline .head::before,
    .mv .outline .head::after {
        height: 0.8vw;
    }
    .mv .outline .head::before {
        border-top: 0.534vw solid rgb(var(--color-42a201));
        border-bottom: 0.267vw solid rgb(var(--color-a7ce8c));
    }
    .mv .outline .head::after {
        border-top: 0.267vw solid rgb(var(--color-a7ce8c));
        border-bottom: 0.534vw solid rgb(var(--color-42a201));
    }
    .mv .outline .txt {
        order: 2;
        width: 79.734vw;
    }
    .mv .outline .txt .member {
        margin-bottom: 3.2vw;
        padding: 0 3.519vw;
        width: 100%;
        aspect-ratio: 299/44;
        height: auto;
        font-size: 6.134vw;
        line-height: 1.913;
    }
    .mv .outline .txt .fee {
        margin-bottom: 1.334vw;
        font-size: 3.734vw;
    }
    .mv .outline .txt .plz {
        font-size: 4vw;
    }
    .mv .thmb {
        order: 1;
        margin-bottom: 5.334vw;
        width: 79.734vw;
    }
    .mv .dist {
        flex-direction: column;
        gap: 5.334vw;
        margin-inline: auto;
        width: 79.734vw;
    }
    .mv .dist .item {
        width: 100%;
    }
    .mv .dist .item .item-card .term {
        font-size: 4.267vw;
        border-radius: 1.6vw 1.6vw 0 0;
    }
    .mv .dist .item .item-card .desc {
        padding-block: 4.82vw;
        border: 0.267vw solid var(--border) ;
        border-radius: 0 0 1.6vw 1.6vw;
    }
    .mv .dist .item .item-card .desc b {
        margin-bottom: 3.467vw; 
        font-size: 3.734vw
    }
    .mv .dist .item .item-card .desc p {
        font-size: 3.467vw
    }
    .mv .dist .item:last-child .item-card .desc p {
        gap: 0 3.734vw;
    }
    .mv .dist .item .note {
        padding-top: 2.134vw;
        font-size: 2.934vw;
    }
}


/* benefit */
.benefit {
    padding-block: 0 60px;
}
.benefit .bar {
    margin-bottom: 60px;
    padding-block: 17px;
    background: rgb(var(--color-66b62e));
}
.benefit .bar .bar-inner {
    position: relative;
    margin-inline: auto;
    max-width: 760px;
    width: 100%;
    padding-left: 208px;
}
.benefit .bar .bar-inner .thmb {
    position: absolute;
    top: 50%;
    left: 0;
    width: 178px;
    aspect-ratio: 178/112;
    transform: translateY(-50%);
    rotate: -7deg;
}
.benefit .bar .bar-inner .area {
    width: fit-content;
}
.benefit .bar .bar-inner .area p:first-child {
    font-size: 16px;
    line-height: 1.625;
    font-weight: 700;
    color: rgb(var(--color-fff657));
}
.benefit .bar .bar-inner .area p:last-child {
    position: relative;
    font-size: 36px;
    line-height: 1.444;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: rgb(var(--color-ffffff));
    text-align: center;
}
.benefit .dist {
    margin-inline: auto;
    max-width: 760px;
    width: 100%;
}
.benefit .dist .term {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 760/58;
    font-size: 24px;
    line-height: 1.458;
    letter-spacing: 0.08em;
    font-weight: 700;
    color: rgb(var(--color-ffffff));
    background: rgb(var(--color-f49b07));
    border-radius: 8px 8px 0 0;
}
.benefit .dist .term .abs {
    position: absolute;
    left: 50%;
    transform: translateX(40px);
    font-size: 12px;
    line-height: 1.416;
    letter-spacing: 0;
}
.benefit .dist .desc {
    position: relative;
    display: flex;
    padding-block: 14px;
    background: rgb(var(--color-fefcdc));
    border: 1px solid rgb(var(--color-f49b07));
    border-radius: 0 0 8px 8px;
}
.benefit .dist .desc div:not([class]) {
    display: grid;
    place-content: center;
    width: 50%;
}
.benefit .dist .desc div:not([class]) + div:not([class]) {
    background-image: linear-gradient(to bottom, rgb(var(--color-f49b07)) 3px, transparent 3px);
    background-size: 3px 9px;
    background-repeat: repeat-y;
    background-position: top left;
}
.benefit .dist .desc div:not([class]) > * {
    width: max-content;
}
.benefit .dist .desc div:not([class]) p:first-of-type {
    font-size: 24px;
    line-height: 1.458;
    letter-spacing: 0.02em;
    font-weight: 700;
}
.benefit .dist .desc div:not([class]) p:last-of-type {
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
    color: rgb(var(--color-e60060));
}
.benefit .dist .desc div:not([class]) .fl {
    display: inline-block;
    font-weight: 700;
}
.benefit .dist .desc div:not([class]) .fl::first-letter {
    font-size: 52px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}
.benefit .dist .desc div:not([class]) .note {
    font-size: 12px;
    line-height: 1.416;
}
.benefit .dist .desc .ill {
    position: absolute;
    bottom: -60px;
    right: -94px;
    width: 154px;
    aspect-ratio: 154/230;
}
@media screen and (max-width: 992px) {
    .benefit {
        padding-block: 0 6.048vw;
    }
    .benefit .bar {
        margin-bottom: 6.048vw;
        padding-block: 1.714vw;
    }
    .benefit .bar .bar-inner {
        width: 76.613vw;
        padding-left: 20.968vw;
    }
    .benefit .bar .bar-inner .thmb {
        width: 17.944vw;
    }
    .benefit .bar .bar-inner .area p:first-child {
        font-size: 1.613vw;
    }
    .benefit .bar .bar-inner .area p:last-child {
        font-size: 3.629vw;
    }
    .benefit .dist {
        width: 76.613vw;
    }
    .benefit .dist .term {
        font-size: 2.42vw;
        border-radius: 0.806vw 0.806vw 0 0;
    }
    .benefit .dist .term .abs {
        transform: translateX(4.032vw);
        font-size: 1.21vw;
    }
    .benefit .dist .desc {
        padding-block: 1.411vw;
        border: 1px solid rgb(var(--color-f49b07));
        border-radius: 0 0 0.806vw 0.806vw;
    }
    .benefit .dist .desc div:not([class]) + div:not([class]) {
        background-image: linear-gradient(to bottom, rgb(var(--color-f49b07)) 3px, transparent 3px);
        background-size: 3px 9px;
        background-repeat: repeat-y;
        background-position: top left;
    }
    .benefit .dist .desc div:not([class]) p:first-of-type {
        font-size: 2.42vw;
    }
    .benefit .dist .desc div:not([class]) p:last-of-type {
        font-size: 2.621vw;
    }
    .benefit .dist .desc div:not([class]) .fl::first-letter {
        font-size: 5.242vw;
    }
    .benefit .dist .desc div:not([class]) .note {
        font-size: 1.21vw;
    }
    .benefit .dist .desc .ill {
        bottom: -6.048vw;
        right: -9.476vw;
        width: 15.524vw;
    }
}
@media screen and (max-width: 767px) {
    .benefit {
        position: relative;
        padding-block: 0 8.534vw;
    }
    .benefit .bar {
        margin-bottom: 9.067vw;
        padding-block: 4.8vw 4.267vw;
    }
    .benefit .bar .bar-inner {
        display: flex;
        align-items: center;
        gap: 0 4vw;
        margin-inline: auto;
        padding-left: 0;
        width: 93.6%;
    }
    .benefit .bar .bar-inner .thmb {
        position: relative;
        top: unset;
        aspect-ratio: unset;
        width: 26.667vw;
        transform: translateY(0);
        padding-left: 0.8vw;
    }
    .benefit .bar .bar-inner .area {
        width: auto;
        text-align: left;
    }
    .benefit .bar .bar-inner .area p:first-child {
        font-size: 3.734vw;
        line-height: 1.572;
    }
    .benefit .bar .bar-inner .area p:last-child {
        font-size: 7.467vw;
        line-height: 1.429;
        letter-spacing: 0.04em;
        text-align: left;
    }
    .benefit .dist {
        width: 79.734vw;
    }
    .benefit .dist .term {
        flex-direction: column;
        aspect-ratio: 299/64;
        font-size: 5.334vw;
        line-height: 1.65;
        border-radius: 1.6vw 1.6vw 0 0;
    }
    .benefit .dist .term .abs {
        position: relative;
        left: 0;
        transform: translateX(0);
        font-size: 2.934vw;
        line-height: 1.455;
    }
    .benefit .dist .desc {
        position: unset;
        flex-direction: column;
        padding: 4vw 4.267vw 5.867vw;
        border: 0.534vw solid rgb(var(--color-f49b07));
        border-radius: 0 0 1.6vw 1.6vw;
    }
    .benefit .dist .desc div:not([class]) {
        width: 100%;
    }
    .benefit .dist .desc div:not([class]):first-child {
        padding-bottom: 4vw;
    }
    .benefit .dist .desc div:not([class]) + div:not([class]) {
        padding-top: 5.867vw;
        background-image: linear-gradient(to left, rgb(var(--color-f49b07)) 2px, transparent 2px);
        background-size: 6px 2px;
        background-repeat: repeat-x;
        background-position: top right;
    }
    .benefit .dist .desc div:not([class]) > * {
        width: max-content;
    }
    .benefit .dist .desc div:not([class]) p:first-of-type {
        font-size: 5.334vw;
        line-height: 1.25;
    }
    .benefit .dist .desc div:not([class]) p:last-of-type {
        margin-bottom: -0.5em;
        font-size: 5.334vw;
        line-height: 1.25;
        letter-spacing: 0.01em;
    }
    .benefit .dist .desc div:not([class]) .fl::first-letter {
        font-size: 9.6vw;
    }
    .benefit .dist .desc div:not([class]) .note {
        font-size: 2.934vw;
        line-height: 1.637;
    }
    .benefit .dist .desc .ill {
        bottom: 0;
        right: 0;
        width: 24.534vw;
        aspect-ratio: 92/150;
    }
    .benefit .dist .desc .ill img {
        width: 100%;
    }
}


/* exam */
.exam {
    display: flex;
    flex-direction: column;
    gap: 36px 0;
    padding-block: 90px 76px;
    background: rgb(var(--color-f7f7f7));
}
.exam-card {
    position: relative;
    margin-inline: auto;
    max-width: 1000px;
    background: rgb(var(--color-ffffff));
    border-radius: 0 0 6px 6px;
}
.exam-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1000 / 8;
    background: linear-gradient(90deg, rgb(var(--color-f49b07)) 0%, rgb(var(--color-f49b07)) 50%, rgb(var(--color-66b62e)) 50%, rgb(var(--color-66b62e)) 100%);
    border-radius: 6px 6px 0 0;
}
.exam-card .head {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px;
    border-bottom: 1px solid rgb(var(--color-dbdbdb));
}
.exam-card .head .ttl {
    font-size: 26px;
    line-height: 1.693;
    font-weight: 700;
}
.exam-card .head .ttl b {
    font-size: 34px;
    line-height: 1.324;
    letter-spacing: 0.12em;
    font-weight: 700;
    color: rgb(var(--color-e60060));
    font-feature-settings: "palt";
}
.exam-card.exam-litta .head .thmb {
    margin-right: 25px;
    width: 102px;
    aspect-ratio: 102/108;
}
.exam-card.exam-point .head .thmb {
    margin-right: 15px;
    width: 107px;
    aspect-ratio: 107/106;
}
.exam-card .content {
    padding: 36px 80px 62px;
}
.exam-card .content .other {
    padding-top: 12px;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}
.exam-litta .content .mes {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.591;
    font-weight: 700;
    color: rgb(var(--color-f49b07));
    text-align: center;
}
.exam-litta .content .list {
    display: flex;
    flex-direction: column;
    gap: 4px 0;
}
.exam-litta .content .list li {
    font-size: 16px;
    line-height: 1.625;
}
.exam-litta .content .list.use {
    padding-left: 1em;
    text-align: center;
}
.exam-litta .content .flow {
    display: flex;
    justify-content: space-between;
    padding: 18px 40px 37px;
}
.exam-litta .content .flow .flow-item {
    display: flex;
    flex-direction: column;
    width: 46.579%;
}
.exam-litta .content .flow .flow-item .ttl {
    position: relative;
    margin-bottom: 18px;
    padding-left: 30px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    order: 1;
}
.exam-litta .content .flow .flow-item .ttl .num {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    width: 24px;
    aspect-ratio: 1;
    border-radius: 50vh;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    color: rgb(var(--color-ffffff));
    background: rgb(var(--color-f49b07));
}
.exam-litta .content .flow .flow-item .list {
    order: 2;
}
.exam-litta .content .flow .flow-item .non {
    padding: 2px 14px;
    width: fit-content;
    font-size: 14px;
    line-height: 1.571;
    border: 1px solid rgb(var(--color-f2c67c));
    order: 2;
}
.exam-litta .content .flow .flow-item .thmb {
    order: 0;
    margin-bottom: 18px;
}
.exam-litta .content .dist {
    margin-bottom: 60px;
    padding: 0 62px 42px;
    border-radius: 8px;
    border: 2px solid rgb(var(--color-dbdbdb));
    background: rgb(var(--color-f7f7f7));
}
.exam-litta .content .dist .term {
    display: grid;
    place-content: center;
    margin-inline: auto;
    width: 320px;
    aspect-ratio: 320/40;
    border-radius: 50vh;
    font-size: 18px;
    font-weight: 800;
    color: rgb(var(--color-ffffff));
    background: rgb(var(--color-291f6d));
    transform: translateY(-50%);
}
.exam-litta .content .dist .desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
}
.exam-litta .content .dist .desc .item {
    width: 28.652%;
    text-align: center;
    filter: drop-shadow(0 0 4px rgba(var(--color-000000), 0.17));
}
.exam-litta .content .dist .desc .item .head {
    position: relative;
    place-content: center;
    width: 100%;
    height: auto;
    aspect-ratio: 204/48;
    font-size: 16px;
    line-height: 1.625;
    letter-spacing: 0.03em;
    font-weight: 700;
    color: rgb(var(--color-ffffff));
    background: rgb(var(--color-291f6d));
    border: 0;
}
.exam-litta .content .dist .desc .item .head .dots {
    position: relative;
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
}
.exam-litta .content .dist .desc .item .head .dots::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 3px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: rgb(var(--color-fff884));
}
.exam-litta .content .dist .desc .item .cond {
    place-content: center;
    width: 100%;
    aspect-ratio: 204/112;
    font-size: 18px;
    line-height: 1.778;
    font-weight: 700;
    background: rgb(var(--color-ffffff));
}
.exam-litta .content .dist .desc .item .cond b {
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}
.exam-litta .content .dist .desc .item .cond .line {
    display: block;
    margin-inline: auto;
    padding-inline: 15px;
    width: fit-content;
    font-size: 26px;
    line-height: 1.384;
    font-weight: 700;
    color: rgb(var(--color-cf0559));
    background: linear-gradient(transparent 50%, rgb(var(--color-fff657)) 50%);
    background-size: 100% 16px; 
    background-position: bottom 2px left;
    background-repeat: no-repeat;
}
.exam-litta .content .dist .desc .item .cond .line::first-letter {
    font-size: 46px;
    line-height: 1;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}
.exam-litta .content .charge {
    margin-inline: auto;
    margin-bottom: 40px;
    max-width: 672px;
}
.exam-litta .content .charge .term {
    padding-block: 25px;
    background: rgb(var(--color-291f6d));
}
.exam-litta .content .charge .term .fs {
    position: relative;
    display: block;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 14px;
    padding-inline: 35px;
    font-size: 20px;
    line-height: 1.65;
    font-weight: 700;
    color: rgb(var(--color-ffffff));
}
.exam-litta .content .charge .term .fs::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 3px;
    height: 100%;
    border-radius: 3px;
    rotate: -20deg;
    background: rgb(var(--color-ffffff));
}
.exam-litta .content .charge .term .fs::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 3px;
    height: 100%;
    border-radius: 3px;
    rotate: 20deg;
    background: rgb(var(--color-ffffff));
}
.exam-litta .content .charge .term .ttl {
    margin-inline: auto;
    width: 470px;
    aspect-ratio: 470/36;
}
.exam-litta .content .charge .desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 58px;
    color: rgb(var(--color-291f6d));
    background: rgb(var(--color-fff657));
}
.exam-litta .content .charge .desc .thmb {
    width: 130px;
    aspect-ratio: 130/138;
}
.exam-litta .content .charge .desc .txt p:first-child {
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1.667;
    font-weight: 700;
}
.exam-litta .content .charge .desc .txt p:first-child .day {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    color: rgb(var(--color-e60060));
}
.exam-litta .content .charge .desc .txt p.target {
    margin-bottom: 12px;
    padding: 2px 24px;
    width: fit-content;
    font-size: 13px;
    line-height: 1.693;
    font-weight: 700;
    border: 1px solid;
}
.exam-litta .content .charge .desc .txt p:last-child {
    font-size: 14px;
    line-height: 1.571;
    font-weight: 700;
}
.exam-litta .content .sub {
    margin-bottom: 28px;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
    color: rgb(var(--color-291f6d));
    text-align: center;
}
.triangle {
    margin-top: 118px;
    transform: translateY(-50%);
    width: 16px;
    height: 38px;
    background-color: rgb(var(--color-84c121));
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.plus {
    position: relative;
    width: 26px;
    aspect-ratio: 26/8;
    background-color: rgb(var(--color-291f6d));
}
.plus::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    rotate: 90deg;
    background-color: rgb(var(--color-291f6d));
}
.equal {
    position: relative;
    width: 26px;
    aspect-ratio: 26/8;
    transform: translateY(-100%);
    background-color: rgb(var(--color-291f6d));
}
.equal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(150%);
    width: 100%;
    height: 100%;
    background-color: rgb(var(--color-291f6d));
}

.exam-point .content .dist {
    padding-inline: 40px;
}
.exam-point .content .dist .term {
    padding: 6px 28px;
    width: fit-content;
    font-size: 18px;
    line-height: 1.556;
    font-weight: 700;
    border-radius: 8px 8px 0 0;
    color: rgb(var(--color-ffffff));
    background: rgb(var(--color-291f6d));
}
.exam-point .content .dist .desc {
    padding: 32px 55px;
    border-radius: 0 8px 8px 8px;
    background: rgb(var(--color-f5f5f5));
}
.exam-point .content .dist .desc .shoplist {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 46px;
}
.exam-point .content .dist .desc .shoplist li {
    font-size: 16px;
    line-height: 1.625;
    font-weight: 700;
}
.exam-point .content .note {
    display: flex;
    flex-direction: column;
    gap: 4px 0;
    padding: 12px 40px 0;
    margin-bottom: 40px;
}
.exam-point .content .note li {
    font-size: 12px;
    line-height: 1.5;
}
.exam-point .content .note li:first-child {
    font-weight: 700;
}
@media screen and (max-width: 1079px) {
    .exam {
        gap: 3.334vw 0;
        padding-block: 8.334vw 7.038vw;
    }
    .exam-card {
        max-width: 92.593%;
        border-radius: 0 0 0.556vw 0.556vw;
    }
    .exam-card::before {
        border-radius: 0.556vw 0.556vw 0 0;
    }
    .exam-card .head {
        height: 14.815vw;
        border-bottom: 0.093vw solid rgb(var(--color-dbdbdb));
    }
    .exam-card .head .ttl {
        font-size: 2.408vw;
    }
    .exam-card .head .ttl b {
        font-size: 3.149vw;
    }
    .exam-card.exam-litta .head .thmb {
        margin-right: 2.319vw;
        width: 9.445vw;
    }
    .exam-card.exam-point .head .thmb {
        margin-right: 1.389vw;
        width: 9.908vw;
    }
    .exam-card .content {
        padding: 3.334vw 7.408vw 5.741vw;
    }
    .exam-card .content .other {
        padding-top: 1.112vw;
        font-size: 1.112vw;
    }
    .exam-litta .content .mes {
        margin-bottom: 1.852vw;
        font-size: 2.038vw;
    }
    .exam-litta .content .list {
        gap: 0.371vw 0;
    }
    .exam-litta .content .list li {
        font-size: 1.482vw;
    }
    .exam-litta .content .flow {
        padding: 1.667vw 3.704vw 3.426vw;
    }
    .exam-litta .content .flow .flow-item {
        width: 46.579%;
    }
    .exam-litta .content .flow .flow-item .ttl {
        margin-bottom: 1.667vw;
        padding-left: 2.778vw;
        font-size: 1.852vw;
    }
    .exam-litta .content .flow .flow-item .ttl .num {
        margin-right: 0.556vw;
        width: 2.223vw;
        font-size: 1.482vw;
    }
    .exam-litta .content .flow .flow-item .non {
        padding: 0.186vw 1.297vw;
        font-size: 1.297vw;
    }
    .exam-litta .content .flow .flow-item .thmb {
        margin-bottom: 1.667vw;
    }
    .exam-litta .content .dist {
        margin-bottom: 5.556vw;
        padding: 0 5.741vw 3.889vw;
        border-radius: 0.741vw;
        border: 0.186vw solid rgb(var(--color-dbdbdb));
    }
    .exam-litta .content .dist .term {
        width: 29.63vw;
        font-size: 1.667vw;
    }
    .exam-litta .content .dist .desc {
        padding-top: 1.112vw;
    }
    .exam-litta .content .dist .desc .item {
        filter: drop-shadow(0 0 0.371vw rgba(var(--color-000000), 0.17));
    }
    .exam-litta .content .dist .desc .item .head {
        font-size: 1.482vw;
    }
    .exam-litta .content .dist .desc .item .head .dots {
        font-size: 1.76vw;
    }
    .exam-litta .content .dist .desc .item .head .dots::before {
        width: 0.278vw;
    }
    .exam-litta .content .dist .desc .item .cond {
        font-size: 1.667vw;
    }
    .exam-litta .content .dist .desc .item .cond b {
        font-size: 2.963vw;
    }
    .exam-litta .content .dist .desc .item .cond .line {
        padding-inline: 1.389vw;
        font-size: 2.408vw;
        background-size: 100% 1.482vw; 
        background-position: bottom 0.186vw left;
        background-repeat: no-repeat;
    }
    .exam-litta .content .dist .desc .item .cond .line::first-letter {
        font-size: 4.26vw;
    }
    .exam-litta .content .charge {
        margin-bottom: 3.704vw;
        width: 62.223vw;
    }
    .exam-litta .content .charge .term {
        padding-block: 2.315vw;
    }
    .exam-litta .content .charge .term .fs {
        margin-bottom: 1.297vw;
        padding-inline: 3.241vw;
        font-size: 1.852vw;
    }
    .exam-litta .content .charge .term .fs::before {
        width: 0.278vw;
        border-radius: 0.278vw;
    }
    .exam-litta .content .charge .term .fs::after {
        width: 0.278vw;
        border-radius: 0.278vw;
    }
    .exam-litta .content .charge .term .ttl {
        width: 43.519vw;
    }
    .exam-litta .content .charge .desc {
        padding: 1.852vw 5.371vw;
    }
    .exam-litta .content .charge .desc .thmb {
        width: 12.038vw;
    }
    .exam-litta .content .charge .desc .txt p:first-child {
        margin-bottom: 1.297vw;
        font-size: 1.667vw;
    }
    .exam-litta .content .charge .desc .txt p:first-child .day {
        font-size: 1.852vw;
    }
    .exam-litta .content .charge .desc .txt p.target {
        margin-bottom: 1.112vw;
        padding: 0.186vw 2.223vw;
        font-size: 1.204vw;
        border: 0.093vw solid;
    }
    .exam-litta .content .charge .desc .txt p:last-child {
        font-size: 1.297vw;
    }
    .exam-litta .content .sub {
        margin-bottom: 2.593vw;
        font-size: 1.389vw;
    }
    .triangle {
        margin-top: 10.926vw;
        width: 1.482vw;
        height: 3.519vw;
    }
    .plus {
        width: 2.408vw;
    }
    .equal {
        width: 2.408vw;
    }
    
    .exam-point .content .dist {
        padding-inline: 3.704vw;
    }
    .exam-point .content .dist .term {
        padding: 0.556vw 2.593vw;
        font-size: 1.667vw;
        border-radius: 0.741vw 0.741vw 0 0;
    }
    .exam-point .content .dist .desc {
        padding: 2.963vw 4.593vw;
        border-radius: 0 0.741vw 0.741vw 0.741vw;
    }
    .exam-point .content .dist .desc .shoplist {
        gap: 1.112vw 4.26vw;
    }
    .exam-point .content .dist .desc .shoplist li {
        font-size: 1.482vw;
    }
    .exam-point .content .note {
        gap: 0.371vw 0;
        padding: 1.112vw 3.704vw 0;
        margin-bottom: 3.704vw;
    }
    .exam-point .content .note li {
        font-size: 1.112vw;
    }
}
@media screen and (max-width: 767px) {
    .exam {
        gap: 3.334vw 0;
        padding-block: 8.334vw 8.534vw;
    }
    .exam-card {
        max-width: unset;
        width: 93.6%;
        border-radius: 0;
    }
    .exam-card::before {
        aspect-ratio: 351/6;
        border-radius: 1.067vw 1.067vw 0 0;
    }
    .exam-card .head {
        border-bottom: 0.267vw solid rgb(var(--color-dbdbdb));
    }
    .exam-card.exam-litta .head {
        height: 34.667vw;
    }
    .exam-card.exam-point .head {
        height: 37.867vw;
    }
    .exam-card .head .ttl {
        font-size: 4.267vw;
    }
    .exam-card .head .ttl b {
        font-size: 5.334vw;
        letter-spacing: 0;
    }
    .exam-card.exam-litta .head .thmb {
        margin-right: 0.8vw;
        width: 11.734vw;
        aspect-ratio: 44/46;
    }
    .exam-card.exam-point .head .thmb {
        margin-right: 2.4vw;
        width: 14.934vw;
        aspect-ratio: 1;
    }
    .exam-card .content {
        padding: 5.867vw 3.2vw 9.6vw;
    }
    .exam-card .content .other {
        padding-top: 2.134vw;
        font-size: 2.934vw;
    }
    .exam-litta .content .mes {
        margin-bottom: 5.334vw;
        font-size: 4.8vw;
    }
    .exam-litta .content .mes:first-child {
        letter-spacing: -0.01em;
    }
    .exam-litta .content .list {
        gap: 1.067vw 0;
    }
    .exam-litta .content .list li {
        font-size: 4vw;
    }
    .exam-litta .content .list.use {
        padding-left: unset;
    }
    .exam-litta .content .flow {
        flex-direction: column;
        padding: 5.867vw 0 10.667vw;
        gap: 4.8vw 0;
    }
    .exam-litta .content .flow .flow-item {
        width: 100%;
    }
    .exam-litta .content .flow .flow-item .ttl {
        margin-bottom: 3.734vw;
        padding-left: 7.467vw;
        font-size: 4.8vw;
    }
    .exam-litta .content .flow .flow-item .ttl .num {
        margin-right: 1.6vw;
        width: 5.867vw;
        font-size: 3.734vw;
        line-height: 1.572;
    }
    .exam-litta .content .flow .flow-item .non {
        margin-bottom: 1.067vw;
        padding: 0.8vw 4.534vw;
        font-size: 4vw;
    }
    .exam-litta .content .flow .flow-item .thmb {
        margin-bottom: 3.734vw;
    }
    .exam-litta .content .dist {
        margin: 0 3.734vw 11.734vw;
        padding: 0 5.741vw 10.667vw;
        border-radius: 1.6vw;
        border: 0.267vw solid rgb(var(--color-dbdbdb));
    }
    .exam-litta .content .dist .term {
        margin-bottom: -5.067vw;
        transform: translate(-1.6vw, -50%);
        width: 70.934vw;
        aspect-ratio: 266/38;
        font-size: 4.267vw;
    }
    .exam-litta .content .dist .desc {
        flex-direction: column;
        gap: 4.8vw 0;
        padding-top: 7.467vw;
    }
    .exam-litta .content .dist .desc .item {
        width: 54.4vw;
        filter: drop-shadow(0 0 1.067vw rgba(var(--color-000000), 0.17));
    }
    .exam-litta .content .dist .desc .item .head {
        aspect-ratio: 204/48;
        font-size: 4.267vw;
    }
    .exam-litta .content .dist .desc .item .head .dots {
        font-size: 5.067vw;
    }
    .exam-litta .content .dist .desc .item .head .dots::before {
        width: 0.8vw;
    }
    .exam-litta .content .dist .desc .item .cond {
        font-size: 4.8vw;
    }
    .exam-litta .content .dist .desc .item .cond b {
        font-size: 8.534vw;
    }
    .exam-litta .content .dist .desc .item .cond .line {
        padding-inline: 1.389vw;
        font-size: 6.934vw;
        background-size: 100% 4.267vw; 
        background-position: bottom 0.8vw left;
        background-repeat: no-repeat;
    }
    .exam-litta .content .dist .desc .item .cond .line::first-letter {
        font-size: 12.267vw;
    }
    .exam-litta .content .charge {
        margin-bottom: 6.667vw;
        width: 100%;
    }
    .exam-litta .content .charge .term {
        padding-block: 11.2vw 8.8vw;
    }
    .exam-litta .content .charge .term .fs {
        margin-bottom: 5.067vw;
        padding-inline: 5.867vw;
        font-size: 4.8vw;
        line-height: 1.667;
    }
    .exam-litta .content .charge .term .fs::before {
        width: 0.534vw;
        border-radius: 0.534vw;
    }
    .exam-litta .content .charge .term .fs::after {
        width: 0.534vw;
        border-radius: 0.534vw;
    }
    .exam-litta .content .charge .term .ttl {
        width: 100%;
        text-align: center;
    }
    .exam-litta .content .charge .desc {
        position: relative;
        padding: 7.734vw 3.467vw 11.2vw;
    }
    .exam-litta .content .charge .desc .thmb {
        position: absolute;
        top: 9.6vw;
        left: 3.734vw;
        width: 22.934vw;
        aspect-ratio: 86/92;
    }
    .exam-litta .content .charge .desc .txt {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .exam-litta .content .charge .desc .txt p:first-child {
        margin-bottom: 3.734vw;
        padding-left: 25vw;
        font-size: 4.267vw;
    }
    .exam-litta .content .charge .desc .txt p:first-child .day {
        font-size: 4.8vw;
    }
    .exam-litta .content .charge .desc .txt p.target {
        margin-bottom: 3.734vw;
        padding: 1.6vw 1.867vw;
        width: 100%;
        font-size: 2.934vw;
        border: 0.267vw solid;
    }
    .exam-litta .content .charge .desc .txt p:last-child {
        font-size: 3.467vw;
        letter-spacing: -0.01em;
    }
    .exam-litta .content .sub {
        margin-bottom: 7.467vw;
        font-size: 3.734vw;
    }
    .triangle {
        margin: auto;
        transform: translateY(0);
        width: 9.067vw;
        height: 3.734vw;
        clip-path: polygon(0 0, 50% 100%, 100% 0%);
    }
    .plus {
        width: 6.934vw;
        aspect-ratio: 26/8;
    }
    .equal {
        width: 6.934vw;
        aspect-ratio: 26/6;
        transform: translateY(-50%);
        rotate: 90deg;
    }
    
    .exam-point .content .dist {
        padding-inline: 0;
    }
    .exam-point .content .dist .term {
        padding: 1.6vw 7.467vw;
        font-size: 4.267vw;
        border-radius: 2.134vw 2.134vw 0 0;
    }
    .exam-point .content .dist .desc {
        padding: 6.4vw 3.734vw 8.534vw;
        border-radius: 0;
    }
    .exam-point .content .dist .desc .shoplist {
        gap: 2.667vw 12.267vw;
    }
    .exam-point .content .dist .desc .shoplist li {
        font-size: 3.734vw;
        text-indent: -1em;
        padding-left: 1em;
    }
    .exam-point .content .note {
        gap: 0.534vw 0;
        padding: 2.134vw 0 0;
        margin-bottom: 9.867vw;
    }
    .exam-point .content .note li {
        font-size: 2.934vw;
    }
}


/* end */
.end {
    padding-block: 0 80px;
    background: rgb(var(--color-f7f7f7));
}
.end .lead {
    position: relative;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 70px;
    padding-right: 97px;
    font-size: 32px;
    line-height: 1.344;
    font-weight: 700;
}
.end .lead::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 84px;
    aspect-ratio: 84/70;
    background: url(/assets/img/hinatas/end_figure01.png);
    background-repeat: no-repeat;
}
.end .lead b {
    font-size: 44px;
    font-weight: 700;
    color: rgb(var(--color-cf0559));
    background: linear-gradient(transparent 50%, rgb(var(--color-fff657)) 50%);
    background-size: 100% 28px;
    background-position: bottom 2px left;
    background-repeat: no-repeat;
}
.end .dist {
    margin-inline: auto;
    width: 760px;
}
.end .dist .term {
    display: grid;
    place-content: center;
    height: 40px;
    font-size: 18px;
    line-height: 1.666;
    letter-spacing: 0.04em;
    font-weight: 800;
    color: rgb(var(--color-ffffff));
    background: rgb(var(--color-66b62e));
    text-align: center;
}
.end .dist .desc {
    padding-block: 15px 12px;
    border: 1px solid rgb(var(--color-66b62e));
    background: rgb(var(--color-ffffff));
}
.end .dist .desc .txt {
    font-size: 14px;
    line-height: 1.572;
    font-weight: 700;
    text-align: center;
}
.end .dist .desc .info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0 14px;
}
.end .dist .desc .info a {
    font-size: 30px;
    line-height: 1.767;
    letter-spacing: 0.07em;
    font-weight: 700;
    color: rgb(var(--color-66b62e));
}
.end .dist .desc .info a b {
    font-size: 40px;
    line-height: 1.325;
    letter-spacing: 0.04em;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    vertical-align: middle;
}
.end .dist .desc .info .time {
    font-size: 16px;
    line-height: 1.625;
    font-weight: 700;
}
@media screen and (max-width: 1079px) {
    .end {
        padding-block: 0 7.408vw;
    }
    .end .lead {
        margin-bottom: 6.482vw;
        padding-right: 8.982vw;
        font-size: 2.963vw;
    }
    .end .lead::before {
        width: 7.779vw;
        background-size: cover;
    }
    .end .lead b {
        font-size: 4.075vw;
        background: linear-gradient(transparent 50%, rgb(var(--color-fff657)) 50%);
        background-size: 100% 2.593vw;
        background-position: bottom 0.186vw left;
        background-repeat: no-repeat;
    }
    .end .dist {
        margin-inline: auto;
        width: 70.371vw;
    }
    .end .dist .term {
        height: 3.704vw;
        font-size: 1.667vw;
    }
    .end .dist .desc {
        padding-block: 1.389vw 1.112vw;
        border: 0.093vw solid rgb(var(--color-66b62e));
    }
    .end .dist .desc .txt {
        font-size: 1.297vw;
    }
    .end .dist .desc .info {
        gap: 0 1.297vw;
    }
    .end .dist .desc .info a {
        font-size: 2.778vw;
    }
    .end .dist .desc .info a b {
        font-size: 3.704vw;
    }
    .end .dist .desc .info .time {
        font-size: 1.482vw;
    }
}
@media screen and (max-width: 767px) {
    .end {
        padding-block: 0 10.667vw;
    }
    .end .lead {
        margin-bottom: 8.534vw;
        padding-right: 0;
        font-size: 5.867vw;
    }
    .end .lead::before {
        right: 4.5em;
        top: unset;
        bottom: 0;
        transform: translateY(0);
        width: 12.8vw;
        aspect-ratio: 48/40;
        background-size: cover;
    }
    .end .lead b {
        font-size: 7.467vw;
        background: linear-gradient(transparent 50%, rgb(var(--color-fff657)) 50%);
        background-size: 100% 6.4vw;
        background-position: bottom left;
        background-repeat: no-repeat;
    }
    .end .dist {
        margin-inline: auto;
        width: 93.6vw;
    }
    .end .dist .term {
        height: 9.6vw;
        font-size: 4.267vw;
        letter-spacing: 0.07em;
    }
    .end .dist .desc {
        padding-block: 4vw 4.534vw;
        border: 0.267vw solid rgb(var(--color-66b62e));
    }
    .end .dist .desc .txt {
        margin-bottom: 2.134vw;
        font-size: 3.2vw;
    }
    .end .dist .desc .info {
        flex-direction: column;
        gap: 0 ;
    }
    .end .dist .desc .info a {
        font-size: 6.134vw;
    }
    .end .dist .desc .info a b {
        font-size: 8.534vw;
    }
    .end .dist .desc .info .time {
        font-size: 3.734vw;
    }
}




/* 

2025.11　クラブf会員様へのお願い追加

*/

.p-card-clubf-appeal .p-card-clubf-appeal__report {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 20px;
    height: 50px;
    font-size: 16px;
    line-height: 1.75;
    color: rgb(var(--color-ffffff));
    background: rgb(136, 109, 48);
    font-weight: 700;
}
.p-card-clubf-appeal .p-card-clubf-appeal__report small{
    display: block;
    font-size: 70%;
}

.p-card-clubf-appeal .p-card-clubf-appeal__notice {
    margin-top: 10px;
    margin-bottom: 68px;
}
.p-card-clubf-appeal .p-card-clubf-appeal__notice li {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 14px;
    line-height: 1.429;
}
.p-card-clubf-appeal .p-card-clubf-appeal__notice li a {
    display: inline-block;
    margin-left: 1em;
    font-size: 16px;
    line-height: 1.875;
    color: rgb(var(--color-0e7676));
    text-decoration: underline;
}


@media screen and (max-width: 992px) {
    .p-card-clubf-appeal .p-card-clubf-appeal__report {
        margin-top: 2.017vw;
        height: 2.823vw;
        font-size: 1.613vw;
    }
    .p-card-clubf-appeal .p-card-clubf-appeal__notice {
        margin-top: 1.009vw;
        margin-bottom: 6.855vw;
    }
    .p-card-clubf-appeal .p-card-clubf-appeal__notice li {
        font-size: 1.412vw;
    }
    .p-card-clubf-appeal .p-card-clubf-appeal__notice li a {
        font-size: 1.613vw;
    }
}

@media screen and (max-width: 767px) {
    .p-card-clubf-appeal .p-card-clubf-appeal__report {
        margin-top: 5.334vw;
        height: 12.8vw;
        font-size: 3.2vw;
        line-height: 1.334;
        text-align: center;
    }
    .p-card-clubf-appeal .p-card-clubf-appeal__notice {
        margin-top: 1.6vw;
        margin-bottom: 12.267vw;
    }
    .p-card-clubf-appeal .p-card-clubf-appeal__notice li {
        font-size: 2.934vw;
        line-height: 1.455;
    }
    .p-card-clubf-appeal .p-card-clubf-appeal__notice li a {
        font-size: 2.934vw;
        line-height: 1.455;
    }
}





/* クラブエフLINE連携 20260312 */


.exam-litta .p-card-clubf-line__fig{
    width: 704px;
    margin: 2rem auto 1rem;
}
.exam-litta .p-card-clubf-line__fig img{
    width: 100%;
}

.exam-litta .p-card-clubf-line__movie{
    width: 634px;
    margin: 2rem auto;
}
.exam-litta .p-card-clubf-line__movie h3{
    margin-bottom: 1rem;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}
.exam-litta .p-card-clubf-line__movie h3 span{
    display: block;
    width: 220px;
    margin: 0 auto;
}

.exam-litta .p-card-clubf-line__movie .video_wrap{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 1rem;
}
.exam-litta .p-card-clubf-line__movie .video_wrap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media screen and (max-width: 992px) {    
    .exam-litta .p-card-clubf-line__fig{
        width: 70.968vw; /* 704px / 992px */
    }

    .exam-litta .p-card-clubf-line__movie{
        width: 63.911vw; /* 634px / 992px */
    }
    .exam-litta .p-card-clubf-line__movie h3{
        font-size: 2.218vw; /* 22px / 992px */
    }
    .exam-litta .p-card-clubf-line__movie h3 span{
        width: 22.177vw; /* 220px / 992px */
    }
}

@media screen and (max-width: 767px) {    
    .exam-litta .p-card-clubf-line__fig{
        width: 100%;
    }
    .exam-litta .p-card-clubf-line__movie{
        width: 100%;
    }
    .exam-litta .p-card-clubf-line__movie h3{
        font-size: 4.267vw;
    }
    .exam-litta .p-card-clubf-line__movie h3 span{
        width: 50vw;
    }
}